/**
 * Stylesheet for widget 40
 *
 *
 * @description  	Displays the livescore of all courts currently running 
 * @author     		Thomas Schober
 * @copyright  		(c) 2015 ACTS Communication GmbH
 * @license    		all rights reserved
 */


/* 01. WIDGET40
----------------------------------------- */

#widget40 {
	display					: block;
	z-index					: 800;
	margin-top				: 0px;
	padding-top				: 15px;
	position				: relative;
	background: #00002d;
    background: -webkit-linear-gradient(90deg, rgba(0,0,45,1) 0%, rgba(0,0,112,1) 100%);
    background: -o-linear-gradient(90deg, rgba(0,0,45,1) 0%, rgba(0,0,112,1) 100%);
    background: -moz-linear-gradient(90deg, rgba(0,0,45,1) 0%, rgba(0,0,112,1) 100%);
    background: linear-gradient(90deg, rgba(0,0,45,1) 0%, rgba(0,0,112,1) 100%);
	padding-bottom			: 50px;
}

.em_bg #widget40 {
	background: transparent;
	padding-bottom			: 0px;
}

#widget40 .court_box {
	background-color		: #fff;
	display					: block;
	max-height				: 250px;	
	overflow				: hidden;
}

.em2021 #widget40 .court_box {
	background 				: #002263;
	border-radius 			: 10px;
}

#widget40 .court_box_container {
	padding 				: 15px;
}

#widget40 .teamA_line,
#widget40 .teamA_line_next,
#widget40 .teamA_line_last {
	vertical-align			: middle;
	height					: 50px;	
	width					: 100%;
	display					: block;
	float					: left;
	border-bottom			: 1px solid rgb(201,201,201);
}

#widget40 .teamA_line:hover,
#widget40 .teamA_line_next:hover,
#widget40 .teamA_line_last:hover {
	background-color		: rgb(240,240,240);
}

#widget40 .teamB_line,
#widget40 .teamB_line_next,
#widget40 .teamB_line_last {
	vertical-align			: middle;
	height					: 50px;	
	width					: 100%;
	display					: block;
	float					: left;
	border-bottom			: 1px solid rgb(201,201,201);
}

#widget40 .teamB_line:hover,
#widget40 .teamB_line_next:hover,
#widget40 .teamB_line_last:hover {
	background-color		: rgb(240,240,240);
}

.em2021 #widget40 .teamA_line,
.em2021 #widget40 .teamA_line_next,
.em2021 #widget40 .teamA_line_last,
.em2021 #widget40 .teamB_line,
.em2021 #widget40 .teamB_line_next,
.em2021 #widget40 .teamB_line_last {
	border-bottom			: 1px solid rgba(255,255,255,.4);
    -webkit-transition 		: all .2s ease-in-out 0s;
    -o-transition 			: all .2s ease-in-out 0s;
    transition 				: all .2s ease-in-out 0s;
}

.em2021 #widget40 .teamA_line:hover,
.em2021 #widget40 .teamA_line_next:hover,
.em2021 #widget40 .teamA_line_last:hover,
.em2021 #widget40 .teamB_line:hover,
.em2021 #widget40 .teamB_line_next:hover,
.em2021 #widget40 .teamB_line_last:hover {
	background-color		:#002b7b;
}


#widget40 .court_box .flag {
	vertical-align			: middle;
	width					: 50px;	
	float					: left;
	display					: block;
	padding					: 14px 10px;
}

#widget40 .court_box .flag img {
	vertical-align			: middle;
	width					: 100%;
}

#widget40 .court_box .teamname {
	vertical-align			: middle;
	float					: left;
	display					: inline-block;	
	font-size				: 14px;
	color					: #000;
	padding-top				: 5px;
}

.em2021 #widget40 .court_box .teamname {
	color					: #FFF;
	font-family 			: var(--generic-bold-font);
}

@media all and (max-width:767px) {
	.em2021 #widget40 .court_box .teamname {
		font-size 			: 12px;
	}
}

@media all and (max-width:576px) {
	.em2021 #widget40 .court_box .teamname {
		font-size 			: 14px;
	}
}

#widget40 .court_box .set1 {
	vertical-align			: middle;
	min-width				: 35px;
	float					: right;
	display					: block;	
	font-size				: 24px;
	color					: #000;
	padding-top				: 8px;
}

#widget40 .court_box .set2 {
	vertical-align			: middle;
	min-width				: 35px;
	float					: right;
	display					: block;	
	font-size				: 24px;
	color					: #000;
	padding-top				: 8px;
}

#widget40 .court_box .set3 {
	vertical-align			: middle;
	min-width				: 35px;	
	float					: right;
	display					: block;	
	font-size				: 24px;
	color					: #000;
	padding-top				: 8px;
}




.em2021 #widget40 .court_box .set1,
.em2021 #widget40 .court_box .set2,
.em2021 #widget40 .court_box .set3 {
	color 					: #FFF;
	font-family 			: var(--generic-bold-font);
}

.em2021 #widget40 .court_box .set1.lost,
.em2021 #widget40 .court_box .set2.lost,
.em2021 #widget40 .court_box .set3.lost {
	opacity: 0.7;
}

#widget40 .info_link_top,
#widget40 .info_link_top_next,
#widget40 .info_link_top_last {
	vertical-align			: middle;
	height					: 55px;
	width					: 100%;
	display					: block;
	float					: left;
	background-color		: rgb(43,43,43);
	color					: #fff;
	font-size				: 16px;	
    -webkit-transition		: background-color 0.45s;
    -moz-transition			: background-color 0.45s;
    -o-transition			: background-color 0.45s;   
    transition				: background-color 0.45s;
}

#widget40 .info_link_top:hover,
#widget40 .info_link_top_last:hover {
	background-color		: rgb(0, 146, 208);
}

.em2021 #widget40 .info_link_top,
.em2021 #widget40 .info_link_top_next,
.em2021 #widget40 .info_link_top_last {
	background-color		: #FF9E6D;
	color					: #000;
}

.em2021 #widget40 .info_link_top:hover,
.em2021 #widget40 .info_link_top_last:hover {
	background-color		: #ffcbb1;
}

#widget40 .court_box .matchinfo {
	vertical-align			: middle;
	float					: left;
	display					: block;
	padding-top				: 5px;
	margin-left				: 10px;
}

#widget40 .court_box .courtinfo {
	font-size				: 12px;
}

.em2021 #widget40 .court_box .matchinfo {
	font-family 			: var(--generic-bold-font);
}

.em2021 #widget40 .court_box .courtinfo {
	font-family 			: var(--generic-regular-font);
}

#widget40 .court_box .live {	
	width					: auto;	
	float					: right;
	display					: block;
	padding-top				: 17px;
	margin-right			: 10px;
	color					: rgb(246,203,49);
	text-align				: right;
	font-weight				: bold;
	letter-spacing			: 2px;
}

.em2021 #widget40 .court_box .live {	
	color					: #000;
	background 				: #F39313;
	height 					: 55px;
	padding-right 			: 5px;
	padding-left 			: 5px;
	margin-right 			: 0;
	text-transform 			: uppercase;
	font-family 			: var(--generic-bold-font);
	font-size 				: 14px;
}

#widget40 .court_box .info {
	width					: auto;	
	float					: right;
	display					: block;
	padding-top				: 4px;
	margin-right			: 10px;
	color					: rgb(246,203,49);
	text-align				: right;
}

.em2021 #widget40 .court_box .info {
	color					: #00009F;
	font-family 			: var(--generic-bold-font);
	font-size 				: 14px;
}

#widget40 .info_line,
#widget40 .info_line_next,
#widget40 .info_line_last {
	vertical-align			: middle;
	height					: 26px;
	width					: 100%;
	display					: block;
	float					: left;
	background-color		: rgb(43,43,43);
	color					: #fff;
	font-size				: 15px;
}

.em2021 #widget40 .info_line,
.em2021 #widget40 .info_line_next,
.em2021 #widget40 .info_line_last {
	background-color		: #47608F;
	color					: rgba(255,255,255,.5);
	font-family 			: var(--generic-regular-font);
}

#widget40 .court_box .next_link,
#widget40 .court_box .last_link {
	vertical-align			: middle;
	width					: auto;	
	display					: block;
	padding-top				: 3px;
	margin-right			: 10px;
	margin-left				: 10px;	
}

#widget40 .court_box .next_link a,
#widget40 .court_box .last_link a,
#widget40 .court_box .stats a {
	color					: rgb(246,203,49);
	text-decoration			: none;
}


#widget40 .court_box .next_link a:hover,
#widget40 .court_box .last_link a:hover,
#widget40 .court_box .stats a:hover {
	color					: rgb(0, 146, 208);
}

.em2021 #widget40 .court_box .next_link a,
.em2021 #widget40 .court_box .last_link a,
.em2021 #widget40 .court_box .stats a {
	color					: #FF9E6D;
	-webkit-transition 		: all .2s ease-in-out 0s;
	-o-transition 			: all .2s ease-in-out 0s;
	transition 				: all .2s ease-in-out 0s;
}

.em2021 #widget40 .court_box .next_link a:hover,
.em2021 #widget40 .court_box .last_link a:hover,
.em2021 #widget40 .court_box .stats a:hover {
	color					: #00009F;
}

#widget40 .court_box .next_link {
	float					: right;
	text-align				: right;
}

#widget40 .court_box .last_link {
	float					: left;
	text-align				: left;
}

#widget40 .court_box .stats {
	vertical-align			: middle;
	padding-top				: 3px;	
	width					: 40px;
	margin					: 0 auto;
	display					: block;
}

#widget40 .button {
	background-color		: rgb(43,43,43);
    border    				: 2px solid rgb(43,43,43);
    border-radius   		: 0px;
    color     				: rgb(246,203,49);
    display     			: block;
    font-size    			: 20px;
    padding     			: 7px 0;
    text-transform  		: uppercase;
    width     				: 100%;
    text-align				: center;
    text-decoration			: none;
}

#widget40 .button:hover {
	color					: #337ab7;
    text-decoration			: none;
}

.em2021 #widget40 .button {
	background-color		: transparent;
    border    				: 2px solid #FFF;
    border-radius   		: 10px;
    color     				: #FFF;
	font-family 			: var(--generic-bold-font);
	-webkit-transition 		: all .2s ease-in-out 0s;
	-o-transition 			: all .2s ease-in-out 0s;
	transition 				: all .2s ease-in-out 0s;
}

.em2021 #widget40 .button:hover,
.em2021 #widget40 .button:active,
.em2021 #widget40 .button:focus {
	color					: #00002D;
    text-decoration			: none;
	background 				: #FFF;
}

#widget40 .incident_line,
#widget40 .incident_line_next,
#widget40 .incident_line_last {
	vertical-align			: middle;
	height					: 43px;	
	width					: 100%;
	display					: block;
	float					: left;
	border-bottom			: 1px solid rgb(201,201,201);
	background-color		: rgb(240,240,240);
	overflow				: hidden;	
}

#widget40 .court_box .line1,
#widget40 .court_box .line2 {
	font-size				: 11px;
	width					: 100%;
	float					: left;
	display					: block;
	height					: 21px;
	text-align				: center;
	padding-top				: 3px;
	overflow				: hidden;
	white-space 			: nowrap;
}

.em2021 #widget40 .court_box .line1,
.em2021 #widget40 .court_box .line2 {
	font-family 			: var(--generic-regular-font);
}

#widget40 .court_box .line1 {
	border-bottom			: 1px solid rgb(201,201,201);
}


.em2021 #widget40 .incident_line,
.em2021 #widget40 .incident_line_next,
.em2021 #widget40 .incident_line_last {
	border-bottom			: 1px solid rgba(255,255,255,.4);
	background-color		: #0B1450;
	color 					: rgba(255,255,255,.5);
}

.em2021 #widget40 .court_box .line1 {
	border-bottom			: 1px solid rgba(255,255,255,.4);
	
}

@media (max-width: 768px) {
	#widget40 .col-xs-12 {
		width				: 50%;
	}
	
	#widget40 .container .row:nth-child(even) .col-xs-12 {
	    float				: right;
	}

	#widget40 .container .row:nth-child(odd) .col-xs-12 {
	    float				: left;
	}	
}

@media (max-width: 650px) {
	#widget40 .col-xs-12 {
		width				: 100%;
	}
}

/*PADDING LAYOUT*/

/*Layout 1 */
#widget40 .layout1 .item1 {
	padding-left			: 0 !important;
	padding-right			: 0 !important;
}

/* Layout 2 */
#widget40 .layout2 .item1 {
	padding-left			: 0 !important;
}
#widget40 .layout2 .item2 {
	padding-right			: 0 !important;
}
@media (max-width: 650px) {
	#widget40 .layout2 .item1,
	#widget40 .layout2 .item2 {
		padding-right		: 0 !important;
		padding-left		: 0 !important;
	}
}

@media (max-width: 650px) {
	.em2021 #widget40 .layout2 .item1,
	.em2021 #widget40 .layout2 .item2 {
		padding-right		: 5px !important;
		padding-left		: 5px !important;
	}
}

/*Layout 3*/
#widget40 .layout3 .item1 {
	padding-left			: 0 !important;
}
#widget40 .layout3 .item3 {
	padding-right			: 0 !important;
}

@media (max-width: 992px) {
	#widget40 .layout3 .item1 {
		padding-right		: 0 !important;
		padding-left		: 0 !important;
	}	
	#widget40 .layout3 .item2 {
		padding-left		: 0 !important;
	}
	#widget40 .layout3 .item3 {
		padding-right		: 0 !important;
	}
}

@media (max-width: 992px) {
	.em2021 #widget40 .layout3 .item1,
	.em2021 #widget40 .layout3 .item2,
	.em2021 #widget40 .layout3 .item3 {
		padding-right		: 5px !important;
		padding-left		: 5px !important;
	}
}

@media (max-width: 650px) {
	#widget40 .layout3 .item1,
	#widget40 .layout3 .item2,
	#widget40 .layout3 .item3 {
		padding-right		: 0 !important;
		padding-left		: 0 !important;
	}
}

/*Layout 4*/
#widget40 .layout4 .item1,
#widget40 .layout4 .item3 {
	padding-left			: 0 !important;
}
#widget40 .layout4 .item2,
#widget40 .layout4 .item4 {
	padding-right			: 0 !important;
}
@media (max-width: 650px) {
	#widget40 .layout4 .item1,
	#widget40 .layout4 .item2,
    #widget40 .layout4 .item3,
	#widget40 .layout4 .item4 {
		padding-right		: 0 !important;
		padding-left		: 0 !important;
	}
}

@media (max-width: 650px) {
	.em2021 #widget40 .layout4 .item1,
	.em2021 #widget40 .layout4 .item2,
    .em2021 #widget40 .layout4 .item3,
	.em2021 #widget40 .layout4 .item4 {
		padding-right		: 5px !important;
		padding-left		: 5px !important;
	}
}

/*Layout 5*/
#widget40 .layout5 .item1,
#widget40 .layout5 .item3 {
	padding-left			: 0 !important;
}
#widget40 .layout5 .item2,
#widget40 .layout5 .item5 {
	padding-right			: 0 !important;
}
@media (max-width: 992px) {
	#widget40 .layout5 .item1 {
		padding-right		: 0 !important;
		padding-left		: 0 !important;
	}	
	#widget40 .layout5 .item2, 
	#widget40 .layout5 .item4 {
		padding-left		: 0 !important;
		padding-right		: 15px !important;
	}
	#widget40 .layout5 .item3,
	#widget40 .layout5 .item5 {
		padding-right		: 0 !important;
		padding-left		: 15px !important;
	}
}
@media (max-width: 650px) {
	#widget40 .layout5 .item1,
	#widget40 .layout5 .item2,
    #widget40 .layout5 .item3,
	#widget40 .layout5 .item4,
	#widget40 .layout5 .item5 {
		padding-right		: 0 !important;
		padding-left		: 0 !important;
	}
}

/*Layout 6*/
#widget40 .layout6 .item1,
#widget40 .layout6 .item4 {
	padding-left			: 0 !important;
}
#widget40 .layout6 .item3,
#widget40 .layout6 .item6 {
	padding-right			: 0 !important;
}
@media (max-width: 992px) {
	#widget40 .layout6 .item1,
	#widget40 .layout6 .item3,
	#widget40 .layout6 .item5 {
		padding-right		: 15px !important;
		padding-left		: 0 !important;
	}	
	#widget40 .layout6 .item2,
	#widget40 .layout6 .item4,
	#widget40 .layout6 .item6 {
		padding-right		: 0 !important;
		padding-left		: 15px !important;
	}
}
@media (max-width: 650px) {
	#widget40 .layout6 .item1,
	#widget40 .layout6 .item2,
    #widget40 .layout6 .item3,
	#widget40 .layout6 .item4,
	#widget40 .layout6 .item5,
	#widget40 .layout6 .item6 {
		padding-right		: 0 !important;
		padding-left		: 0 !important;
	}
}

/* Layout Scroll */
#widget40 .overflow_hide{
	overflow				: hidden;
}

#widget40 .layout_scrollable {
	margin-left				: 0;
	margin-right			: 0!important;
	height					: 180px;
}

#widget40 .layout_scrollable .court_box_container  {
	float					: left;
	width					: 380px;
}

@media (max-width: 1200px) {
	#widget40 .layout_scrollable .court_box_container  {		
		width					: 313px;
	}
}
@media (max-width: 992px) {
	#widget40 .layout_scrollable .court_box_container  {		
		width					: 360px;
	}
}
@media (max-width: 768px) {
	#widget40 .layout_scrollable .court_box_container  {		
		width					: 362px;
	}
}
@media (max-width: 740px) {
	#widget40 .layout_scrollable .court_box_container  {		
		width					: 348px;
	}
}
@media (max-width: 717px) {
	#widget40 .layout_scrollable .court_box_container  {		
		width					: 336px;
	}
}
@media (max-width: 692px) {
	#widget40 .layout_scrollable .court_box_container  {		
		width					: 324px;
	}
}
@media (max-width: 674px) {
	#widget40 .layout_scrollable .court_box_container  {		
		width					: 315px;
	}
}
@media (max-width: 649px) {
	#widget40 .layout_scrollable .court_box_container  {		
		width					: 302px;
	}
}
@media (max-width: 645px) {
	#widget40 .layout_scrollable .court_box_container  {		
		width					: 600px;
	}
}
@media (max-width: 627px) {
	#widget40 .layout_scrollable .court_box_container  {		
		width					: 582px;
	}
}
@media (max-width: 609px) {
	#widget40 .layout_scrollable .court_box_container  {		
		width					: 564px;
	}
}
@media (max-width: 591px) {
	#widget40 .layout_scrollable .court_box_container  {		
		width					: 546px;
	}
}
@media (max-width: 573px) {
	#widget40 .layout_scrollable .court_box_container  {		
		width					: 528px;
	}
}
@media (max-width: 555px) {
	#widget40 .layout_scrollable .court_box_container  {
		width					: 510px;
	}
}
@media (max-width: 537px) {
	#widget40 .layout_scrollable .court_box_container  {
		width					: 492px;
	}
}
@media (max-width: 519px) {
	#widget40 .layout_scrollable .court_box_container  {
		width					: 474px;
	}
}
@media (max-width: 501px) {
	#widget40 .layout_scrollable .court_box_container  {
		width					: 456px;
	}
}
@media (max-width: 483px) {
	#widget40 .layout_scrollable .court_box_container  {
		width					: 438px;
	}
}
@media (max-width: 465px) {
	#widget40 .layout_scrollable .court_box_container  {
		width					: 420px;
	}
}
@media (max-width: 447px) {
	#widget40 .layout_scrollable .court_box_container  {
		width					: 402px;
	}
}
@media (max-width: 429px) {
	#widget40 .layout_scrollable .court_box_container  {
		width					: 384px;
	}
}
@media (max-width: 411px) {
	#widget40 .layout_scrollable .court_box_container  {
		width					: 366px;
	}
}
@media (max-width: 393px) {
	#widget40 .layout_scrollable .court_box_container  {
		width					: 348px;
	}
}
@media (max-width: 374px) {
	#widget40 .layout_scrollable .court_box_container  {
		width					: 330px;
	}
}
@media (max-width: 357px) {
	#widget40 .layout_scrollable .court_box_container  {
		width					: 312px;
	}
}
@media (max-width: 344px) {
	#widget40 .layout_scrollable .court_box_container  {
		width					: 294px;
	}
}
@media (max-width: 326px) {
	#widget40 .layout_scrollable .court_box_container  {
		width					: 276px;
	}
}
@media (max-width: 308px) {
	#widget40 .layout_scrollable .court_box_container  {
		width					: 258px;
	}
}


#widget40 .controls .nav { 
  height: 0px;
  position: relative;
}

#widget40 .controls .nav div { 
  position: absolute; 
}
 
#widget40 .controls .nav .prev{
  left: -30px;
  top: -110px; 
  color: rgba(255,255,255,0.6);
  display: block;
  z-index: 5000;
}
 
#widget40 .controls .nav .next{
	right: -30px;
	top: -110px; 
	color: rgba(255,255,255,0.6);
	display: block;
	z-index: 5000;
}

@media (max-width: 1220px) {
	#widget40 .controls .nav .prev{
	  	left: -20px;	  
	}
	#widget40 .controls .nav .next{
		right: -20px;		
	}
}
@media (max-width: 1200px) {
	#widget40 .controls .nav .prev{
	  	left: -30px;	  
	}
	#widget40 .controls .nav .next{
		right: -30px;		
	}
}
@media (max-width: 1020px) {
	#widget40 .controls .nav .prev{
	  	left: -15px;	  
	}
	#widget40 .controls .nav .next{
		right: -15px;		
	}
}
@media (max-width: 992px) {
	#widget40 .controls .nav .prev{
	  	left: -30px;	  
	}
	#widget40 .controls .nav .next{
		right: -30px;		
	}
}
@media (max-width: 800px) {
	#widget40 .controls .nav .prev{
	  	left: 30px;	
		top: 10px;  
	}
	#widget40 .controls .nav .next{
		right: 30px;
		top: 10px;		
	}
}
#widget40 .controls .nav .next:hover,
#widget40 .controls .nav .prev:hover {
	color: rgba(255,255,255,1);
	cursor:pointer;
}