/* 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;

      .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%; 
            }

         }
         @media (max-width: @xs) {
            .visitante{
               .escudo{
                  float: left !important;
               }
               .resultado, .equipo, .penales{
                  float: right !important;
               }
            }
            .link{
               height: 80px;
               margin-top: -40px;
               a, a span{
                  height: 100%;
                  line-height: 80px;
               }
            }
         }

      }

      .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; 
         }

      }
   }
   @media only screen and (min-width: @md) {
      .positionSection{
         position: absolute;
         right: 0;
      }
   }
}
/* Fin Fixture */