/**
 * 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 				: var(--secoundary_bg_color);
	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);
	padding-left			: 30px;
	padding-right			: 30px;
}

#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);
	padding-left			: 30px;
	padding-right			: 30px;
}

#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			: 0px solid var(--primary_text_color);
    -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 .teamASeperator {
	margin-left: 60px;
	margin-right: 60px;
	margin-top: 51px;
}

.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		:var(--third_bg_color);
}


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

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

#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					: var(--primary_text_color);
	font-family 			: var(--generic-bold-font);
}

#widget40 .court_box .pointsA {
	vertical-align			: middle;
	min-width				: 35px;
	float					: right;
	display					: block;
	font-size				: 40px;
	color					: var(--primary_text_color);
	font-family				: var(--generic-heavy-font);
	margin-top				: -4px;
}

#widget40 .court_box .pointsB {
	vertical-align			: middle;
	min-width				: 35px;
	float					: right;
	display					: block;
	font-size				: 40px;
	color					: var(--primary_text_color);
	font-family: var(--generic-heavy-font);
	margin-top: -4px;
}

#widget40 .court_box .teamA_line_next .set1,
#widget40 .court_box .teamA_line_next .set2,
#widget40 .court_box .teamA_line_next .set3,
#widget40 .court_box .teamA_line_last .set1,
#widget40 .court_box .teamA_line_last .set2,
#widget40 .court_box .teamA_line_last .set3,
#widget40 .court_box .teamA_line .set1,
#widget40 .court_box .teamA_line .set2,
#widget40 .court_box .teamA_line .set3 {
	padding-top: 20px;
}

#widget40 .court_box .teamB_line_next .set1,
#widget40 .court_box .teamB_line_next .set2,
#widget40 .court_box .teamB_line_next .set3,
#widget40 .court_box .teamB_line_last .set1,
#widget40 .court_box .teamB_line_last .set2,
#widget40 .court_box .teamB_line_last .set3,
#widget40 .court_box .teamB_line .set1,
#widget40 .court_box .teamB_line .set2,
#widget40 .court_box .teamB_line .set3 {
	padding-top: 5px;
}

#widget40 .court_box .set1 {
	vertical-align			: middle;
	min-width				: 35px;
	float					: right;
	display					: block;	
	font-size				: 16px;
	color					: var(--primary_text_color);
	padding-top				: 8px;
}

#widget40 .court_box .set2 {
	vertical-align			: middle;
	min-width				: 35px;
	float					: right;
	display					: block;	
	font-size				: 16px;
	color					: var(--primary_text_color);
	padding-top				: 8px;
}

#widget40 .court_box .set3 {
	vertical-align			: middle;
	min-width				: 35px;	
	float					: right;
	display					: block;	
	font-size				: 16px;
	color					: var(--primary_text_color);
	padding-top				: 8px;
}




.em2021 #widget40 .court_box .set1,
.em2021 #widget40 .court_box .set2,
.em2021 #widget40 .court_box .set3 {
	color 					: var(--primary_text_color);
	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 .widget40_headline {
	display					: flex;
	flex-direction			: row;
	justify-content			: space-between;
	/* margin-left				: 15px; */
	margin-right			: 15px;
}

#widget40 .widget40_headline .headline_buttons {
	display					: flex;
	align-items				: center;
}

#widget40 .widget40_bracket_button {
	display					: flex;
	height					: 50px;
	width					: 200px;
	border					: 1px solid var(--home_text_color);
	color					: var(--home_text_color);
	border-radius			: 7px;
	align-items				: center;
    justify-content			: center;
	font-family				: var(--generic-heavy-font);
	font-size				: 14px;
	margin-right			: 15px;
}

#widget40 .widget40_bracket_button:hover {
	color					: var(--primary_text_color);
	background-color		: var(--home_text_color); ;
}


#widget40 .widget40_schedule_button {
	display					: flex;
	height					: 50px;
	width					: 200px;
	background-color		: var(--secoundary_bg_color);
	color					: var(--primary_text_color);
	border-radius			: 7px;
	align-items				: center;
    justify-content			: center;
	place-items				: center;
	font-family				: var(--generic-heavy-font);
	font-size				: 14px;
}

#widget40 .widget40_schedule_button:hover {
	background-color		: var(--primary_text_color);
	color					: var(--secoundary_bg_color);
	border					: 1px solid var(--home_text_color);
}

#widget40 .schedule-icon {
	padding-right			: 20px;
}

#widget40 .headline_text {
	color					: var(--home_text_color);
	font-family				: var(--generic-bold-headline-font);
	font-size				: var(--home_headline1_size);
	text-transform			: uppercase;
	margin-bottom			: 15px;
}

#widget40 .info_link_top,
#widget40 .info_link_top_next,
#widget40 .info_link_top_last {
	vertical-align			: middle;
	height					: 40px;
	width					: 100%;
	display					: block;
	float					: left;
	background-color		: var(--accent_bg_color);
	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		: var(--accent2_bg_color);
	color					: var(--home_text_color);
	display					: flex;
	justify-content			: space-between;
	align-items				:center;
	padding-left			: 30px;
}

.em2021 #widget40 .matchInfo,
.em2021 #widget40 .courtName,
.em2021 #widget40 .matchStart {
	flex-basis				: 30%;
	padding-right			: 30px;
}

.em2021 #widget40 .matchInfo {
	color					: #FFFFFF80;
	text-align				: right;
}

.em2021 #widget40 .matchInfo,
.em2021 #widget40 .courtName {
	font-family				: var(--generic-medium-font);
}

.em2021 #widget40 .courtName {
	font-size				: 15px
}

.em2021 #widget40 .matchStart {
	font-family				: var(--generic-bold-font);
	font-size				: 12px;
	text-align				: center;

}

.em2021 #widget40 .matchInfo {
	text-transform			: capitalize;
	font-size				: 12px;
}

.em2021 #widget40 .info_link_top:hover,
.em2021 #widget40 .info_link_top_last:hover,
.em2021 #widget40 .info_link_top_next:hover {
	background-color		: var(--accent_bg_color);
}

#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					: var(--accent2_bg_color);
	text-align				: right;
	font-weight				: bold;
	letter-spacing			: 2px;
}

.em2021 #widget40 .court_box .live {	
	color					: var(--home_text_color);
	background 				: var(--accent2_bg_color);
	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		: var(--accent2_bg_color);
	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					: var(--home_text_color);
	-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					: var(--secoundary_accent_color);
}

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

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

.em2021 #widget40 .container {
	max-width			: 80%;
	padding-left		: 0px;
	padding-right		: 0px;
}

#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					: 30px;
	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				: 12px;
	font-family				: var(--generic-medium-font);
	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);
	align-content: center;
}


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

.em2021 #widget40 .court_box .line1 {
	border-bottom			: 0px solid rgba(255,255,255,.4);
	align-content			: center;
	height					: 100%;
}

@media (min-width: 1920px) {
	#widget40 .headline_text {
		font-size				: var(--home_headline1_maxsize);
	}
	.em2021 #widget40 .container {
		max-width			: 1520px;
	}
}

@media (max-width: 1670px) {
	.em2021 #widget40 .container {
		max-width			: 90%;
		overflow-y			: hidden;
		margin-left         : 10%;		
	}
}
@media (max-width: 1360px) {
	.em2021 #widget40 .matchInfo,
	.em2021 #widget40 .courtName,
	.em2021 #widget40 .matchStart {
	padding-right			: 5px;
	padding-left			: 5px;
	min-width				: 100px;
	}

	#widget40 .teamA_line,
	#widget40 .teamB_line,
	#widget40 .teamC_line {
		padding-left		: 15px;
		padding-right		: 15px;
	}
}



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

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

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

	#widget40 .container .row:nth-child(odd) .col-xs-12 {
	    float				: left;
	}
	#widget40 .widget40_headline {
		flex-direction		: column; 
		padding-bottom		: 10px;
	}
}

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

@media all and (max-width:576px) {
	#widget40 .court_box .pointsA,
	#widget40 .court_box .pointsB {
		font-size 			: 30px;
		margin-top			: 0px;
	} 

	#widget40 .teamA_line,
	#widget40 .teamB_line,
	#widget40 .teamC_line {
		padding-left		: 0px;
		padding-right		: 0px;
	}
	#widget40 .court_box .teamA_line_next .set1,
	#widget40 .court_box .teamA_line_next .set2,
	#widget40 .court_box .teamA_line_next .set3,
	#widget40 .court_box .teamA_line_last .set1,
	#widget40 .court_box .teamA_line_last .set2,
	#widget40 .court_box .teamA_line_last .set3,
	#widget40 .court_box .teamA_line .set1,
	#widget40 .court_box .teamA_line .set2,
	#widget40 .court_box .teamA_line .set3 {
		padding-top			: 12px;
		min-width			: 25px;
	}
		#widget40 .court_box .teamB_line_next .set1,
	#widget40 .court_box .teamB_line_next .set2,
	#widget40 .court_box .teamB_line_next .set3,
	#widget40 .court_box .teamB_line_last .set1,
	#widget40 .court_box .teamB_line_last .set2,
	#widget40 .court_box .teamB_line_last .set3,
	#widget40 .court_box .teamB_line .set1,
	#widget40 .court_box .teamB_line .set2,
	#widget40 .court_box .teamB_line .set3 {
		padding-top			: 12px;
		min-width			: 25px;
	}

	#widget40 .widget40_headline .headline_buttons {
		flex-direction		: column; 
		align-items			: baseline;
		gap					: 10px;
	}
	.em2021 #widget40 .container {
		margin-left         : 5%;		
		max-width			: 95%;
	}
}
/*PADDING LAYOUT*/

.em2021 #widget40 .container .all-live-ticker-box {
	display: flex;
    justify-content: center;
}

.em2021 #widget40 .container .live-ticker-box {
	overflow				: auto;
}

/*Layout 1 */

.em2021 #widget40 .layout1 {
	max-width				: 550px;
}
.em2021 #widget40 .layout1 .item1 {
	max-width				: 550px;
}

@media (max-width: 1520px) {
	.em2021 #widget40 .layout1 {
		width				: 80%;
	}
}

@media (max-width: 650px) {
	.em2021 #widget40 .layout1 {
		width				: 100%;
	}
	.em2021 #widget40 .layout1 .item1 {
		padding-left			: 0px;
	}
}

/* Layout 2 */


.em2021 #widget40 .layout2 {
	min-width				: 900px;
	margin-left				: 0px;
	margin-right			: 0px;
	
}

.em2021 #widget40 .layout2 .item1,
.em2021 #widget40 .layout2 .item2 {
	max-width				: 550px;
	padding-left			: 0px;
}


@media (max-width: 1200px) {
	.em2021 #widget40 .layout2 {
			min-width			: 900px;
		}
	.em2021 #widget40 .layout2 .item1,
	.em2021 #widget40 .layout2 .item2 {
		max-width				: 450px;
		
	}
}
@media (max-width: 650px) {
	.em2021 #widget40 .info_link_top {
		padding-left		: 5px;
	}
}

/*Layout 3*/

.em2021 #widget40 .layout3 {
	overflow-y				: auto;	 
	min-width				: 1350px;
}

.em2021 #widget40 .layout2 .item1,
.em2021 #widget40 .layout2 .item2,
.em2021 #widget40 .layout3 .item3 {
	max-width				: 500px;
}

@media (max-width: 992px) {
	.em2021 #widget40 .layout3 .item1 {
		padding-right		: 5px !important;
	}	 
	.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;
	}
	#widget40 .widget40_bracket_button,
	#widget40 .widget40_schedule_button {
		height					: 40px;
	}
}

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

#widget40 .layout3  {
	margin-right			: 0px;
}

@media (max-width: 1200px) {
	#widget40 .layout_scrollable .court_box_container  {		
		max-width			: 313px;
		padding-left: 0px;
	}
}

.live-ticker-box::-webkit-scrollbar {
	height					: 5px;
	border-radius			: 2.5px;
	background-color		: transparent;
	/*background-color: var(--accent_bg_color);*/
	position				: absolute;
	top						: 0;
	right					: 0;
}
.live-ticker-box::-webkit-scrollbar-thumb {
	background-color: var(--accent_bg_color);
	border-radius: 2.5px;
}

/* @media (max-width: 992px) {
	#widget40 .layout_scrollable .court_box_container  {		
		max-width			: 360px;
	}
}
@media (max-width: 768px) {
	#widget40 .layout_scrollable .court_box_container  {		
		max-width			: 362px;
	}
}
@media (max-width: 740px) {
	#widget40 .layout_scrollable .court_box_container  {		
		max-width					: 348px;
	}
}
@media (max-width: 717px) {
	#widget40 .layout_scrollable .court_box_container  {		
		max-width					: 336px;
	}
}
@media (max-width: 692px) {
	#widget40 .layout_scrollable .court_box_container  {		
		max-width					: 324px;
	}
}
@media (max-width: 674px) {
	#widget40 .layout_scrollable .court_box_container  {		
		max-width					: 315px;
	}
}
@media (max-width: 649px) {
	#widget40 .layout_scrollable .court_box_container  {		
		max-width					: 302px;
	}
}
@media (max-width: 645px) {
	#widget40 .layout_scrollable .court_box_container  {		
		max-width					: 600px;
	}
}
@media (max-width: 627px) {
	#widget40 .layout_scrollable .court_box_container  {		
		max-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;
}