/* Fixture */
.fixture{
   font-size: 11px;
   .fase{
      display: none;
      margin-top:5px;
   }
   .show, .fase.active{
      display: block;
   }
   background: darken(@bg,5%);
   .fechas{ background: @color02_h}
   .space{
      margin-top: 35px;
   }        
   .fecha{
      color:@color01_type;
      text-align: center;
      line-height: 30px;
      text-transform: uppercase;
      font-weight:  bold;
      display: none;
      &.fixtureSection{
         clear: right;
      }
      .subHeader{
         margin: 0 4px;
      }
      .penales{
         .badge{
            background-color: @color02;
            width: 24px;
            color: @color02_type;
         }
      }
      .match{
         .match-inner{
            #gradient .vertical-three-colors(darken(@bg,10%), @bg, 20%, @bg);
            margin: 4px;

         }
      }
      .match, .detalles{
         .local, .visitante{
            #gradient .vertical-three-colors(darken(@bg,10%), @bg, 20%, @bg);
            .escudo{
               float: left;
               line-height: 20px;
               //width: 20%;
               margin-top: 10px;
            }
            .equipo{
               float: left;
               color: @bg_type;
               line-height: 34px;
               white-space: nowrap;
               margin-top: 4px;
               //width: 55%;
            }
            .penales{
               float: left;
               line-height: 24px;
               margin-top: 9px;
               //width: 10%;
            }
            .resultado{
               float: left;
               color:@bg_dest_type;
               font-size:34px;
               line-height: 40px;
               //width: 15%; 
            }

         }
         &.hideDetailsButton{
            .col-md-5.local, .col-md-5.visitante{
               width: 50%;
            }
            .link{
               display: none;
            }
         }
      }

      .detalles{
         #gradient .vertical-three-colors(darken(@bg,10%), @bg, 20%,darken(@bg,10%));
         font-weight: normal;
         text-transform: none;
         height: 20px;
         float: left;
         .arbitro, .dia, .hora, .estado{     
            color: @bg_type;
            height: 20px;
            line-height: 20px;
            overflow: hidden;
         }
         .estado{
            font-weight: bold; 
         }

      }
   }
   .timeSetting{
      margin: 2px auto 0;
      width: 99%;
      span{
         float: right;
         display: block;
         padding-top: 8px;
         padding-right: 10px;
         color: @bg_type;
      }
      .timeIcon{
         width: 38px;
         float: right;
         svg{
            fill:@color01_type;
            margin: 4px auto 0;
         }
      }
   }
}
.maxSize-991.fixture, .maxSize-991.history{
   .fecha{
      clear: both;
   }
}
.history .fixture .detalles .hora{ display: none;}
.maxSize-479.fixture, .maxSize-479.history{      
   .fecha{
      .match, .detalles{
         &.hideDetailsButton{
            .col-md-5.col-xs-10.local, .col-md-5.col-xs-10.visitante{
               width: 100%;
            }
         }
				.visitante{
					 .escudo{
							float: left;
					 }
					 .resultado, .equipo, .penales{
							float: right;
					 }
				}
				.link{
					 height: 80px;
					 margin-top: -40px;
					 a, a span{
							height: 100%;
							line-height: 80px;
					 }
				}

      }

   }
	 .fase{
      margin-top: 5px;
   }
}
/*.minSize-767.maxSize-991 .fecha .match{float:none;}
.maxSize-991.fixture, .maxSize-991.history{      
		.positionSection{
			 position: absolute;
			 right: 0;
		}
}*/
/* Fin Fixture */