/* Timeline */ 
   .timeLine {
      padding-top: 35px;
      .tipoIso(@bg);
      background-position: right 10px;
      background-repeat: no-repeat;
      border-top: 1px solid lighten(@bg_type, 70%);      
      .descripcion{
         display:none; 
         height:10px;
      }
      .timeline{
         margin-bottom: 10px;
         font-family:@baseFontFamily;
         font-size:12px;
         height: 55px;
         position: relative;
         background-color: @color01;
         color:@color01_type;
         box-shadow: inset 0 6px 4px  -4px darken(@color01,50%), inset 0 -6px 4px  -4px darken(@color01,50%);   
         -moz-box-shadow: inset 0 6px 4px  -4px darken(@color01,50%), inset 0 -6px 4px  -4px darken(@color01,50%);   
         -webkit-box-shadow: inset 0 6px 4px  -4px darken(@color01,50%), inset 0 -6px 4px  -4px darken(@color01,50%);
         
      }
      .first, .second, .third, .extratime1, .extratime2 { position:relative; }
      .line {
         position: absolute;
         margin-top: 24px;
         background-color: @color01_type;
         height: 7px;
         width: 100%;
         margin-left: 0;
         left: 0;
         clear:both;
         -webkit-border-radius: 0;
         border-radius: 0;
      }

      .time {
         position: absolute;
         top: 0;
         left: 50%;
         margin-left: -47.5%;
         width: 95%;
         .first {
            float: left;
            width: 33.33%;
            border-right: 1px solid darken(@color01,10%);
            height: 100%;
            margin-left:-1px;
            .progress .bar {
               #gradient .vertical(lighten(@color02,42.5%), @color02);                            
            }    
         }
         .second {
            float: left;
            width: 33.33%;
            border-right: 1px solid darken(@color01,10%);
            height: 100%;
            margin-left:-1px;
            .progress .bar {
               #gradient .vertical(lighten(@color02,42.5%), @color02);                            
            }           
         }
         .third {
            float: left;
            width: 33.34%;
            height: 100%;
            .progress .bar {
               #gradient .vertical(lighten(@color02,42.5%), @color02);                            
            }           
         }
         .extratime1 {
            float: left;
            border-right: 1px solid darken(@color01,10%);
            .progress .bar {
               #gradient .vertical(lighten(@color02,42.5%), @color02);                            
            }
         }
         .extratime1,.extratime2 {
            float: left;
            width: 12.5%;
            height: 100%;
            display:none;
            .progress .bar {
               #gradient .vertical(lighten(@color02,42.5%), @color02);                            
            }
         }
         .defShootout{
            float: left;
            width: 1px;
            height: 100%;
            position: relative;
            display:none;
            .progress .bar {
               #gradient .vertical(lighten(@color02,42.5%), @color02);                            
            }
         }
         &.showExtraTime{
            .first,.second,.third {
               width: 37.5%;
               border-right: 1px solid darken(@color01,10%);
               .progress .bar {
                  #gradient .vertical(lighten(@color02,42.5%), @color02);                            
               }
            }
            .extratime1,.extratime2{
               display:inline-block;
            }
         }
         &.showDefShootout{
            .defShootout{
               display:inline-block;
            }
         }
         .home, .away {
            height: 20px;
            line-height: 20px;
            margin-top: 2px;
            position: relative;             
            .initials {
               float: left;
               color: @color01_type;
               text-transform: uppercase;
            }
            .incidences {
               position: absolute;
               float:left;
               width: 100%;
               height:22px;
               >div{
                  position: absolute;
                  width: 20px;
                  height: 22px;
                  cursor: pointer;
                  margin-left:-6px;
                  .iconsheet();
                  display: inline-block;
               }
            }
         }
         .home {
            .incidences {
               .yellowCard {background-position:-372px -18px;}
               .redCard {background-position:-410px -18px;}
               .redByDoubleYellowCard {background-position:-452px -18px;} 
               .change {background-position:-781px -18px;}
               .goal {background-position:-882px -18px;}
               .goal.own {background-position:-902px -18px;}
            }
         }
         .away {
            margin-top: 8px;
            .incidences {
               .yellowCard {background-position: -354px -18px;}
               .redCard {background-position: -392px -18px;}
               .redByDoubleYellowCard {background-position: -434px -18px;}
               .change {background-position: -756px -18px;}
               .goal {background-position: -838px -18px;}
               .goal.own {background-position:-858px -18px;}
            }
         }
      }
   }
   .tooltip-arrow{
      border-bottom-color: transparent;
      border-top-color: transparent;
   } 
   .playerIn, .playerOut{
      display: block;
   }
   .maxSize-479{
      .timeline{
         .time{
            .home .incidences{
               .yellowCard {background-position: -594px -18px;}
               .redCard {background-position: -634px -18px;}
               .redByDoubleYellowCard {background-position: -674px -18px;}
               .change {background-position:-712px -18px;}
               .goal {background-position:-54px -74px;}
               .goal.own {background-position:-76px -74px;}                       
            }
            .away .incidences{
               .yellowCard {background-position:-578px -22px;}
               .redCard {background-position: -618px -22px;}
               .redByDoubleYellowCard {background-position: -656px -22px;}
               .change {background-position: -696px -22px;}
               .goal {background-position:-10px -78px;}
               .goal.own {background-position:-30px -78px;}
            }
            div.tl-point-home, div.tl-point-away{width: 15px;}
         }
      }
   }
   /* Fin Timeline */