/* 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: 50px;
         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, .extratime1, .extratime2 { position:relative; }
      .line {
         position: absolute;
         margin-top: 22px;
         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: 50%;
            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: 50%;
            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);                            
            }
         }
         &.showExtraTime{
            .first,.second {
               width: 37.5%;
               border-right: 1px solid darken(@color01,10%);
               .progress .bar {
                  #gradient .vertical(lighten(@color02,42.5%), @color02);                            
               }
            }
            .extratime1,.extratime2{
               display:inline-block;
            }
         }
         .home, .away {
            height: 20px;
            line-height: 20px;
            margin-top: 4px;
            position: relative;             
            .initials {
               float: left;
               color: @color01_type;
               text-transform: uppercase;
            }
            .incidences {
               position: absolute;
               float:left;
               width: 100%;
               height:20px;
               >div{
                  position: absolute;
                  width: 12px;
                  height: 18px;
                  cursor: pointer;
                  margin-left:-6px;
                  .iconsheet();
                  display: inline-block;
               }
               .change {
                  width:16px;
                  margin-left:-8px;
               }
            }
         }
         .home {
            .incidences {
               .yellowCard {background-position: -377px -22px;}
               .redCard {background-position:-413px -22px;}
               .redByDoubleYellowCard {background-position:-454px -22px;} 
               .change {background-position:-782px -22px;}
               .goal {background-position:-886px -22px;}
               .goal.own {background-position:-908px -22px;}
            }
         }
         .away {
            .incidences {
               .yellowCard {background-position: -358px -22px;}
               .redCard {background-position: -394px -22px;}
               .redByDoubleYellowCard {background-position: -434px -22px;}
               .change {background-position: -756px -22px;}
               .goal {background-position: -842px -22px;}
               .goal.own {background-position: -864px -22px;}
            }
         }
      }
   }
   .tooltip-arrow{
      border-bottom-color: transparent;
      border-top-color: transparent;
   } 
   .playerIn, .playerOut{
      display: block;
   }
   .maxSize-479{
      .timeline{
         .time{
            .home .incidences{
               .yellowCard {background-position: -598px -24px;}
               .redCard {background-position: -636px -24px;}
               .redByDoubleYellowCard {background-position: -678px -24px;}
               .change {background-position:-714px -24px;}
               .goal {background-position:-55px -78px;}
               .goal.own {background-position:-77px -78px;}                       
            }
            .away .incidences{
               .yellowCard {background-position: -580px -24px;}
               .redCard {background-position: -618px -24px;}
               .redByDoubleYellowCard {background-position: -696px -24px;}
               .change {background-position: -696px -24px;}
               .goal {background-position:-11px -78px;}
               .goal.own {background-position:-33px -78px;}
            }
            div.tl-point-home, div.tl-point-away{ height: 11px; width: 9px;}
            div.tl-point-home.goal, div.tl-point-away.goal { height: 15px; width: 10px;}
         }
      }
   }
   /* Fin Timeline */