/* MODULO MARCADOR ESTADOS*/
/* Marcador */
   .scoreBoard{
      position: relative;
      .main_header{
        display: block;
      }
   }
   .infoDate {
      .notifications-link {
          right: 10px;
      }
      line-height:20px;
      text-align: left;
      background: @bg;
      .border-radius(4px);
      .box-shadow(0 0 5px darken(@bg, 20%));
      margin-bottom: 4px;
      padding: 4px 10px;
      position: relative;
      white-space: nowrap;
      .level {
         color: @bg_type;
         display:table-cell;
         float: left;
         font-size:12px;
         text-transform: uppercase;
         font-weight: bold;
         position: relative;
         margin-right: 10px;
         white-space: nowrap;
         width: auto;
         word-break: normal;
         .clearfixStyles();
         max-width:100%;
         will-change: width;
         span{
            font-family:@type_Special;
         }
      }
      .date {
         color:@bg_dest_type;
         text-transform: uppercase;
         font-size: 12px;
         display:block;
         float: left;
         white-space: nowrap;
         width: auto;
         .clearfixStyles();
         min-width: 50px;
         span{
            font-family:@type_Special;
         }
      }
      .timeSetting{
         line-height: normal;
         margin: 0;
         padding: 0;
         .text{
            text-align: right;
            text-transform: none;
         }
      }
      .definicionTribunal{
         div{
            margin: 3px 0 0;
         }
      }
      &.showThreeDivs{
         .status{
            width: 35%;
         }
         .definicionTribunal{
            width: 25%;
            margin-right: 0;
            text-align: center;
            > div{
               float: none;
               margin: 0;
               display: block;
            }
         }
         .timeSetting{
            width: 40%;
         }
      }
      .status{
         position: static;
         white-space: nowrap;
         display: -webkit-flex;
         display: -moz-flex;
         display: -ms-flexbox;
         display: -ms-flex;
         display: flex;
      }
      .sb-level{ display: block;}
      .sb-status{
			display:none;
			color: @bg_dest_type;
			font-weight:bold;
		}
      .sb-time{
         display: none;
         color: @bg_type;
         position: absolute;
         bottom: -42px;
         left: 50%;
         text-align: center;
         font-size: 24px;
         .translate(-50%, 0);
         z-index: 1;
      }
      .sb-aditionalTime{
         display: none;
         color: @bg_type;
         position: absolute;
         bottom: -62px;
         left: 50%;
         width: auto;
         text-align: center;
         .translate(-50%, 0);
         font-size: 12px;
         z-index: 1;
      }
      .sb-date{
			display: none;
			color: @bg_dest_type;
			font-weight:bold;
		}
      .sb-hour{
			display: none;
			color: @bg_dest_type;
			font-weight:bold;
			margin-left:5px;
		}
   }
   .infoScoreBoard {
      background: @bg;
      .border-radius(4px);
      .box-shadow(0 0 5px darken(@bg, 20%));
      margin-bottom: 4px;
      padding: 6px 0;
      position: relative;
      > div{
         &.home, &.away {
            width:50%;
            padding:0;
            float:left;
            height:45px;
            line-height:45px;
            position: relative;
            .captionBoxShadow(@bg);
            .name {
               font-family:@type_Special;
               line-height:48px;
               font-size: 22px;
               font-weight: 200;
               text-transform: uppercase;
               color: @bg_type;
            }
            .score {
               font-weight: bold;
               position: absolute;
               .goals{
                  color: @color01_type;
                  font-size: 34px;
                  font-family:@type_Special;
                  background: @color01;
                  width: 44px;
                  height: 44px;
                  text-align: center;
                  font-weight: 400;
                  display: block;
                  .border-radius(50%);
                  line-height: 42px;
               }
               .penalties{
                  background-color:@color02;
                  color:@color02_type;
                  font-family:@type_Special;
                  display: block;
                  height: 20px;
                  width: 20px;
                  line-height: 20px;
                  font-size: 14px;
                  text-align:center;
   					position:absolute;
   			      top:14px;
   					font-weight:normal;
                  .border-radius(50%);
               }
            }
            .shield {
               width:34px;
               height:34px;
               background-repeat:no-repeat;
               background-position:center center;
               background-color: #FFFFFF;
               z-index: 5;
               position: absolute;
               .border-radius(50%);
               margin-top: 5px;
            }
         }
         &.home{
            .shield{
               right: 95px;
            }
            .name{
               float: right;
							 text-align:right;
               margin-right: 140px;
            }
            .score{
               right: 35px;
               .penalties{
								 left:-13px;
               }
               .goals{
                  float: right;
               }
            }
         }
         &.away{
            .shield{
               left: 95px;
            }
            .name{
               float:left;
							 text-align:left;
               margin-left: 140px;
            }
            .score{
               left:35px;
               .penalties{
								 right:-13px;
               }
               .goals{
                  float: left;
               }
            }
         }
      }
      .countdown{
         position: absolute;
         left: 0;
         right: 0;
         margin: 0 auto;
         z-index: 1;
         text-align: center;
         top: 2px;
         .boxNumb{
            width: 50px;
            display: inline-block;
            >div{
               margin: 0 auto;
               .border-radius(4px);
               background: @color02;
               width: 40px;
               color: @color02_type;
               line-height: 28px;
            }
            >span{
               font-size: 10px;
               display: block;
            }
         }
      }
   }
   .goalsBox, .penalBox{
      margin-bottom: 4px;
      .groupBox{
         background: lighten(@bg, 10%);
         margin-bottom: 4px;
         .border-radius(4px);
         .box-shadow(0 0 5px darken(@bg, 20%));
         .group{
            width: 45%;
            float: left;
            &.colLeft{
               text-align: right;
            }
            &.colRight{
               text-align: right;
            }
         }
         .separate{
            width: 10%;
            float: left;
            text-align: center;
         }
         .text{
            color: @bg_type;
            font-family: @type_Special;
            font-size: 11px;
         }
         .icon{
            .iconsheet();
            background-position: -97px -72px;
            display: inline-block;
            width: 22px;
            height: 22px;
            &.fail{
               background-position: -126px -72px;
            }
         }
      }
      .link{
         width: 150px;
         display: block;
         margin: 0 auto;
      }
   }
   .penalBox{
      .groupBox{
         .text{
            font-size: 16px;
            line-height: 26px;
         }
      }
   }
/* Status */
   .scoreBoard-noClock{
      .liveStatus{
         display: none;
         position: absolute;
         bottom: -42px;
         left: 50%;
         text-align: center;
         .translate(-50%, 0);
         z-index: 1;
         display: none;
      }
      &.status-notStarted, &.status-half, &.status-playing, &.status-penalties, &.status-postponed, &.status-suspended{
         .infoDate{
            .sb-time{ display:none;}
            .sb-aditionalTime{ display:none;}
         }
      }
      &.status-finished{
         .infoDate{
            .sb-time{ display:inline-block;}
            .sb-aditionalTime{ display:inline-block;}
         }
      }
      &.status-half, &.status-playing, &.status-penalties{
         .liveStatus{display: block;}
      }
   }
   .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:inline-block;}
         .sb-aditionalTime{ display: inline-block;}
         .sb-date{ display: inline-block; font-weight: normal; font-size: 11px; color:mix(@bg,@bg_type,75%);}
         .sb-hour{ display: inline-block; font-weight: normal; font-size: 11px; color:mix(@bg,@bg_type,75%);}
      }
   }
   .status-half {
      .infoDate{
         .sb-status{ display: inline-block;}
         .sb-time{ display: inline-block;}
         .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: inline-block;}
         .sb-aditionalTime{ display: inline-block;}
         .sb-date{ display: none;}
         .sb-hour{ display: none;}
         .liveStatus{ display: inline-block;}
      }
   }
   .status-postponed, .status-suspended{
      .date{
         .sb-time, .sb-aditionalTime, .sb-date, .sb-hour{
            display: none;
         }
      }
      .sb-status{
        display:inline-block;
      }
   }
.maxSize-767{
   .infoDate{
      &.showThreeDivs{
         .status{
            width: 60%;
         }
         .definicionTribunal{
            width: 40%;
            text-align: right;
            > div{
               display: inline-block;
            }
         }
         .timeSetting{
            width: 100%;
            margin-top: 10px;
            .timeIcon{
               float: left;
               margin-right: 8px;
            }
            .text{
               float: left;
               text-align: left;
               width: 78%;
               margin-bottom: 4px;
            }
         }
      }
   }
   .infoScoreBoard {
      > div{
         &.home, &.away{
            .name{
               font-size: 14px;
               top: 50%;
               .translate(0, -50%);
               position: relative;
               line-height: 20px;
            }
         }

      }
   }
}
.maxSize-479 {
   .infoScoreBoard{
      min-height: 90px;
      > div{
         &.home, &.away{
            .name{
               position: absolute;
               top: 64px;
               left: 0;
               right: 0;
               margin: 0 auto;
               text-align: center;
               width: auto;
               line-height: normal;
            }

         }
      }
   }
   .infoDate {
      &.showThreeDivs {
         .status{
            width: 100%;
         }
         .definicionTribunal{
            width: 100%;
            text-align: left;
            padding-right: 0;
            clear: both;
            margin: 0;
         }
      }
      .timeSetting{
         .timeIcon{
            float: left;
         }
         .text{
            float: left;
            width: 78%;
            span{
               text-align: left;
							 padding-left:8px
            }
         }
      }
   }
}
.maxSize-310 {
   .infoScoreBoard{
      > div{
         &.home, &.away{

            .score{
               .goals{
                  width: 35px;
                  height: 35px;
                  line-height: 35px;
                  font-size: 24px;
                  margin-top: 5px;
               }
            }
         }
         &.home{
            .shield{
               right: 75px;
            }
            .score{
               right: 22px;
            }
         }
         &.away{
            .shield{
               left: 75px;
            }
            .score{
               left: 22px;
            }
         }
      }
   }
   .infoDate {

      .sb-time{
         font-size: 14px;
      }
      .sb-aditionalTime{
         font-size: 10px;
         bottom: -56px;
      }
   }
}
/* Fin Marcador */