/////////////////////////* Tooltip */////////////////////////
.tooltip{
   z-index: 3000;
   &.tlResults{
      width: 100%;
      top: 0;
      margin:0;
      padding: 0;
      &.in{
         opacity: 1;
      }
      .tooltip-inner{
         background: @bg;
         color: @bg_type;
         .box-shadow(0 2px 4px darken(@bg, 20%));
         max-width: none;
         min-height: 46px;
         padding: 6px 0 0;
         .verticalAlign{
           display: block;
           text-align: center;
           position: absolute;
           top: 50%;
           .translate(0, -50%);
           width: 100%;
         }
         .box{
           > div:nth-child(3){
             padding: 4px 0 0;
           }
            .text{
               padding: 10px 0 0;
               line-height: 13px;
               word-break: break-word;
               &.lost{
                  color: @negative;
               }
               &.won{
                  color: @positive;
               }
               &.tied{
                  color: @neutral;
               }
               &.number{
                  padding: 6px 0 0;
               }
            }
         }
         .boxDate{
            background: @bg;
            color: @bg_type;
            position: absolute;
            top: -10px;
            left: 0;
            right: 0;
            margin: 0 auto;
            max-width: 100px;
            font-size: 12px;
            font-family: @type_Special;
            .border-radius(4px);
            .box-shadow(0 -5px 5px -5px darken(@bg, 20%));
            text-align: center;
         }
      }
      .tooltip-arrow{
         bottom:-10px;
         border-width: 10px 8px 0;
         border-top-color: darken(@bg, 20%);
         &:after{
            content: "";
            border-top: 8px solid @bg;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            top: -10px;
            position: absolute;
            left: -7px;
         }
      }
   }
   &.top{
      margin-top: 2px;
   }
}
.tooltip-arrow{
   border-bottom-color: transparent;
   border-top-color: transparent;
   border-left-color: transparent;
   border-right-color: transparent;
}
.tooltip-inner{
   min-height:32px;
   word-spacing: 0px;
   font-size: 8px;
   padding-left: 5px;
   max-width: 240px;
   text-align: left;
   .border-radius(4px);
   .showIcons{
      max-width: 240px;
      .leftSide{
         display: inline-block;
         width: 60%;
         .title{
            width:20%;
            text-align: left;
         }
         .inc{
            width: 80%;
            text-align: left;
            .name{
               float:left;
               white-space: normal;
               text-align: left;
            }
            .type{
               float:left;
               white-space: normal;
               margin-right: 5px;
               text-align: left;
            }
         }
      }
      .rightSide{
         display: inline-block;
         vertical-align: top;
         text-align: right;
         width: 38%;
         > div{
            display: inline-block;
         }
      }
   }
   .leftSide{
      display: inline-block;
      width: 100%;
   }
   .title{
      float:left;
      width:12%;
      text-align: left;
      >span{
         display: block;
         word-spacing: 0px;
         font-size: 8px;
      }
      .guion{
         display:none;
      }
   }
   .inc{
      text-align: left;
      float: left;
      width: 88%;
      padding-left: 5px;
      >span{
         word-spacing: 0px;
         font-size: 8px;
      }
      .name{
         display: block;
      }
      .type{
         display: block;
      }
   }
}
.maxSize-310{
   .tooltip-inner{
      max-width: 200px;
   }
}
/* Fin Tooltip */