/* MODULO MARCADOR ESTADOS*/
/* marcador */
.infoDate {
   font-family:@baseFontFamily;
   //height:40px;
   line-height:20px;
   #gradient .vertical-three-colors( darken(@bg,15%) , @bg, 50%, @bg);
   text-align: left;
   .level {
      color: @bg_type;
      display:inline;
      margin-left:10px;
      font-size:11px;
      border-bottom:1px dotted @bg_type;
   }

   .date {
      color: @bg_dest_type;
      font-weight: bold;
      text-transform: uppercase;
      margin-left:10px;
      line-height:19px;
      font-size: 14px;
      span{
         /*border-bottom:1px solid @bg_dest_type;*/
         display:inline-block;
      }
   }
   .timeSetting{
      line-height: normal;
      margin: 8px 0 0;
      .timeIcon{
         margin-right: 8px;
      }
      .text{
         text-align: right;
         text-transform: none;
      }
   }
   &.showThreeDivs{
      .status{
         width: 35%;
      }
      .definicionTribunal{
         width: 30%;
         margin-right: 0;
         text-align: center;
      }
      .timeSetting{
         width: 35%;
      }
   }
}   
/* estados por default */ 

.infoDate{
   .sb-level{ display: inline-block;}
   .sb-status{ display:none;}
   .sb-time{ display: none;}
   .sb-aditionalTime{ display: none;}
   .sb-date{ display: none;}
   .sb-hour{ display: none;}
}
.status-notStarted {
   .infoDate{
      .sb-status{ display:none;}
      .sb-time{ display: none;}
      .sb-aditionalTime{ display: none;}
      .sb-date{ display: inline-block;}
      .sb-hour{ display: inline-block;}
   }
}
.status-finished {
   .infoDate{
      .sb-status{ display: inline-block;}
      .sb-time{ display:none;}
      .sb-aditionalTime{ display: none;}
      .sb-date{ display: inline-block; font-weight: normal; font-size: 11px; color: lighten(@bg_type,50%);}
      .sb-hour{ display: inline-block; font-weight: normal; font-size: 11px; color: lighten(@bg_type,50%);}
   }
}
.status-half {
   .infoDate{
      .sb-status{ display: inline-block;}
      .sb-time{ display: none;}
      .sb-aditionalTime{ display: none;}
      .sb-date{ display: none;}
      .sb-hour{ display: none;}
   }
}
.status-playing {
   .infoDate{
      .sb-status{ display: inline-block;}
      .sb-time{ display: inline-block;}
      .sb-aditionalTime{ display: inline-block;}
      .sb-date{ display: none;}
      .sb-hour{ display: none;}
   }
}
.status-penalties {
   .infoDate{
      .sb-status{ display: inline-block;}
      .sb-time{ display: none;}
      .sb-aditionalTime{ display: none;}
      .sb-date{ display: none;}
      .sb-hour{ display: none;}
   }
}
.status-postponed, .status-suspended{
   .date{
      .sb-time, .sb-aditionalTime, .sb-date, .sb-hour{
         display: none;
      }
   }
}
.infoScoreBoard {
   font-family:@baseFontFamily;
   #gradient .vertical(mix(@color01,@bg,15%),@bg);        
   div.home, div.away {
      background:url('../images/degradeV_25-0.png') repeat-x top left;
      width:50%;
      padding:0;
      float:left;
      height:45px;
      line-height:45px;
      overflow:hidden;
   }        
   div.name {
      line-height:45px;
      float: left;
      font-size: 15px;
      font-weight: bold;
      text-transform: uppercase;
      color: @bg_type;
   }
   div.away div.name{
      float:right;
      text-align:right;
      width:auto;
   }
   div.score {
      font-weight: bold;
      padding:0 10px;
      .goals{
         color: @bg_dest_type;
         font-size: 34px;
         font-family:@type_Special;
         float:right;
      }
   }
   div.home .score{border-right: 1px solid lighten(@bg,15%);}
   div.away div.score{
      float:left;
      border-left-width: 1px;
   }
   div.shield {
      width:34px;
      height:100%;
      float:left;
      background-repeat:no-repeat;
      background-position:center center;
   }
   div.away div.shield{float:right;}

   .penalties{
      background-color:@bg_type;
      color:@bg;
      display:block;
      height:18px;
      width:18px;
      line-height:18px;
      font-size:11px;
      text-align:center;
      float:left;
      .border-radius(50%);
      margin:10px 6px 0;
      position:relative;
      display:none;
   }
   .penalties:after{
      content:"";
      top:0;
      left:1px;
      position:absolute;
      height:3px;
      width:16px;
      .border-radius(50%);
      .box-shadow(0px 22px 2px 0px darken(@bg,20%));
   }
   div.away .penalties{
      float:right;
   }

}
.maxSize-767{
   .infoDate{
      &.showThreeDivs{
         .status{
            width: 50%;
         }
         .definicionTribunal{
            width: 50%;
            padding-right: 15px;
            text-align: right;
         }
         .timeSetting{
            width: 100%;
            .timeIcon{
               float: left;
               margin-left: 8px;
            }
            .text{
               float: left;
               text-align: left;
               width: 78%;
               margin-bottom: 4px;
            }
         }
      }
   }
}
.maxSize-479 {
   div.infoScoreBoard{
      div.home {
         width:100%;
         border-bottom-width: 1px !important;
         border-right:0;
      }
      div.away {
         width:100%;
         border-top: 1px solid lighten(@bg,15%) !important;

         .name{
            float:left;
            text-align:left;
         }
         .score{
            float:right !important;
            border-left:0;
         }
         .shield{float:left;}
         .penalties{float:left;}
      }
   }
   .infoDate {
      &.showThreeDivs {
         .status{
            width: 100%;
         }
         .definicionTribunal{
            width: 100%;
            text-align: left;
            padding-right: 0;
            clear: both;
            margin: 0;
            padding: 0 10px;
         }
      }
      .timeSetting{
         .timeIcon{
            float: left;
            margin-left: 8px;
         }
         .text{
            float: left;
            width: 78%;
            span{
               text-align: left;
            }
         }
      }  
   }
}
/* Fin Marcador */