.tooltip {
   position: fixed;
   z-index: 1000;

 }

 .btn+.tooltip>.tooltip-inner {
   background-color: #7f7f7f;
   color: white;
   border: 1px solid silver;
   font-size: 20px;
   /*  */
   max-width: 1000px;
   padding: 8px 20px;
   /*  */
 }


 .tooltip.left {
   padding: 0 5px;
   margin-left: -3px
 }

 .tooltip.right {
   padding: 0 5px;
   margin-left: 3px
 }

 .tooltip.top {
   padding: 5px 0;
   margin-top: -3px;
   background-color: rgba(0, 0, 0, 0);
   border: 0px solid white;
 }

 .tooltip.bottom {
   padding: 5px 0;
   margin-top: 3px;
   background-color: rgba(0, 0, 0, 0);
   border: 0px solid white;
 }


 .btn+.tooltip.right>.tooltip-arrow {
   border-right: 5px solid #7f7f7f;
 }

 .btn+.tooltip.left>.tooltip-arrow {
   border-left: 5px solid #7f7f7f;
 }

 .btn+.tooltip.top>.tooltip-arrow {
   border-top: 5px solid #7f7f7f;
 }

 .btn+.tooltip.bottom>.tooltip-arrow {
   border-bottom: 5px solid #7f7f7f;

 }