/* Timeline */
   &.single .timeLine{
      padding-top: 35px;
      .tipoIso(@bg);
      background-position: right 10px;
      background-repeat: no-repeat;
      border-top: 1px solid lighten(@bg_type, 70%);
   } 
   .timeLine {
      .descripcion{
         display:none; 
         height:10px;
      }
      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: 10.5%;
            height: 100%;
            display:none;
            .progress .bar {
               #gradient .vertical(lighten(@color02,42.5%), @color02);                            
            }
         }
         &.conAlargue{
            .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;
                  background-repeat: no-repeat;

               }
               .change {
                  width:16px;
                  margin-left:-8px;
               }
            }
         }

         .home {
            .incidences {
               >div{
                  background-position: bottom;
               }
               .yellowCard {background-image: url('../images/amarilla_local.png');   }
               .redCard {background-image: url('../images/roja_local.png');}
               .redByDoubleYellowCard {background-image: url('../images/roja_doble_amarilla_local.png');}
               .change {background-image: url('../images/cambio_local.png');}
               .goal {background-image: url('../images/gol_local.png');}
               .goal.own {background-image: url('../images/gol_local_encontra.png');}
            }

         }

         .away {
            .incidences {
               .yellowCard {background-image: url('../images/amarilla_visitante.png');}
               .redCard {background-image: url('../images/roja_visitante.png');}
               .redByDoubleYellowCard {background-image: url('../images/roja_doble_amarilla_visitante.png');}
               .change {background-image: url('../images/cambio_visitante.png');}
               .goal {background-image: url('../images/gol_visitante.png');}
               .goal.own {background-image: url('../images/gol_visitante_encontra.png');}

            }
         }
      }
   }
   .tooltip-arrow{
      border-bottom-color: transparent;
      border-top-color: transparent;
   } 
   .playerIn, .playerOut{
      display: block;
   }
   @media only screen and (max-width: 520px) {
      .timeline{
         .time{
            .home .incidences{
               .yellowCard {background-image: url('../images/amarilla_local_p.png');}
               .redCard {background-image: url('../images/roja_local_p.png');}
               .redByDoubleYellowCard {background-image: url('../images/roja_doble_amarilla_local_p.png');}
               .change {background-image: url('../images/cambio_local_p.png');}
               .goal {background-image: url('../images/gol_local_p.png');}
               .goal.own {background-image: url('../images/gol_local_encontra_p.png');}                       
            }
            .away .incidences{
               .yellowCard {background-image: url('../images/amarilla_visitante_p.png');}
               .redCard {background-image: url('../images/roja_visitante_p.png');}
               .redByDoubleYellowCard {background-image: url('../images/roja_doble_amarilla_visitante_p.png');}
               .change {background-image: url('../images/cambio_visitante_p.png');}
               .goal {background-image: url('../images/gol_visitante_p.png');}
               .goal.own {background-image: url('../images/gol_visitante_encontra_p.png');}
            }
            div.tl-point-home, div.tl-point-away{ height: 11px; width: 9px;}
            div.tl-inc.goles { height: 15px; width: 10px;}
         }
      }
   }
   /* Fin Timeline */