/* 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: 65px;
         position: relative;
         background-color: @color01;
         color:@color01_type;
      }
      .first, .second, .extratime1, .extratime2 { position:relative; }
      .line {
         position: absolute;
         margin-top: 28px;
         background-color: @color01_type;
         height: 8px;
         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);
            }
         }
         .defShootout{
            float: left;
            width: 1px;
            height: 100%;
            position: relative;
            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;
            }
         }
         &.showDefShootout{
            .defShootout{
               display:inline-block;
            }
         }
         .home, .away {
            height: 26px;
            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: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; z-index: 1;}
               .goal.own {background-position:-902px -18px; z-index: 1;}
            }
         }
         .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; z-index: 1;}
               .goal.own {background-position:-858px -18px; z-index: 1;}
            }
         }
      }
   }
   .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; z-index: 1;}
               .goal.own {background-position:-76px -74px; z-index: 1;}
            }
            .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; z-index: 1;}
               .goal.own {background-position:-30px -78px; z-index: 1;}
            }
            div.tl-point-home, div.tl-point-away{width: 15px;}
         }
      }
   }
   /* Fin Timeline */