#home_content{
	display:block; max-width:1600px; width:100%; height:auto; min-height:100px; box-sizing:border-box; padding:0px 5px 0 5px; margin:0 auto;
	border:0px #000 solid; position:relative; text-align:center;
}

#home_content .parent_box{
	width:100%; max-width:450px; height:280px; display:inline-block; vertical-align:top; box-sizing:border-box; overflow:hidden;
	margin:20px 25px;
	border-top-left-radius:3px; border-top-right-radius:3px;
	text-align:left;
}

#home_content .session_parent_box{
	 min-height:250px; height:auto;
}

#home_content .live_parent_box{ 
	max-width:710px; width:100%; height:200px; margin:20px; border-radius:0; box-sizing:border-box; position:relative;
	/*background-color:#FFF;*/
}

#home_content .live_parent_title{
	width:100%; height:auto; display:block; margin:0 0 10px 0; padding:10px; box-sizing:border-box;
	text-align:left;
	border:0px #000 solid; font-size:23px; font-weight:bold;
}

#home_content .live_image{
	width:250px; height:160px; display:inline-block; vertical-align:top; cursor:pointer; z-index:20;
	margin:20px 0px 5px 30px; background-size:contain;
	border:1px #000 solid;
}

#home_content .live_txt_container{
	width:calc(100% - 320px); height:140px; display:block; box-sizing:border-box; z-index:10;
	position:absolute; bottom:15px; left:5px;
	padding:10px;
	font-size:13px;  line-height:24px; word-wrap:break-word;
	background-color:#fafcfe; border-radius:4px;
}

#home_content .live_info_key{
	display:inline-block; vertical-align:top; height:auto; width:100px;
}



#home_content .info_about, #home_content .info_drivers{
	width:48%; height:100%; display:inline-block; vertical-align:top; box-sizing:border-box;
	padding:5px; margin:0 1%;
	background-color:#fafcfe; border-radius:4px;
	font-size:13px; line-height:16px;
}

#home_content .info_drivers{
	overflow-y:scroll;
}



#home_content .parent_title{
	width:100%; min-height:65px; height:auto; display:block; margin:0 0 10px 0; padding:10px; box-sizing:border-box; position:relative;
	background-color:#b0cefd; /*#4f75ea #b0cefd*/ color:#000; font-weight:bold; font-size:18px;
	text-shadow:2px 2px 2px #FFF; text-align:left;
}

#home_content .parent_title img{ 
	width:auto; max-width:120px; height:auto; max-height:60px;
	padding:3px;
	display:block; box-sizing:border-box; position:absolute; top:3px; right:5px;
	background-color:#FFF; border-radius:3px;
}





@media screen and ( max-width:1080px) {

	#home_content{ display:block; width:99%; max-width:99%; }

	#home_content .parent_box{
		margin:10px;
		width:95%; max-width:95%; height:auto;
	}

	#home_content .cat_child, #home_content .parent_box{
		width:100%; max-width:98%; box-sizing:border-box;
	}

	#home_content .live_parent_box{ 
		display:block; width:100%; max-width:98%; height:auto; box-sizing:border-box;
	}

	#home_content .info_about, #home_content .info_drivers{
		display:block; width:100%; max-width:98%; box-sizing:border-box; margin:0 0 30px 0;
	}


	#home_content .featured_txt_container{ height:130px; }
	#home_content .featured_image{ /*float:right;*/ }
}


@media screen and (max-width: 600px) {
	#home_content{ text-align:center; }

	#home_content .parent_box{
		width:95%; max-width:95%; height:auto;
	}

	#home_content .featured_image{ display:block; margin:0 auto; }

	#home_content .featured_txt_container, #home_content .featured_intro{ display:none; }

	#home_content .info_about, #home_content .info_drivers{
		display:block; width:100%; max-width:98%; box-sizing:border-box; margin:0 0 30px 0;
	}
}


@media screen and (max-width: 480px) {
	#home_content .featured_title{ display:block; width:100%; max-width:100%; text-align:center; }
	#home_content .featured_image{ margin:0 auto; float:none; }

	#home_content .live_txt_container{
		display:block; position:relative; width:98%; margin:20px auto; bottom:auto; left:auto;
	}
	
	#home_content .live_parent_title{ text-align:center; }

	#home_content .live_image{
		display:block; margin:20px auto 5px auto;
	}

}





#Front_table{max-width:1360px; width:98%; border:0px solid #000;border-right:0px;border-spacing:0;border-collapse:collapse;margin:0 auto; box-sizing:border-box;}
#Front_table .key{text-align:center;font-weight:bold;font-size:13px;background-color:#d7e4f7;height:30px;border-right:1px solid #000;}
#Front_table .cell{text-align:center;font-size:12px;padding:3px 3px 3px 5px;height:25px;border-bottom:1px solid #999;border-right:1px solid #999;background-color:#edffff; word-break:break-all;}
#Front_table .lft{text-align:left;}
#Front_table .mid{text-align:center;}
#Front_table .rgt{text-align:right;}
#Front_table a:link{color:#000;font-size:12px;text-decoration:none;font-weight:bold;}
#Front_table a:visited{color:#000;}
#Front_table a:hover{color:#4E4E4E;text-decoration:underline;}
#Front_table .txt14{font-size:14px;}
#Front_table .txt13{font-size:13px;}
#Front_table .txt12{font-size:12px;}
#Front_table .txt11{font-size:11px;}
#Front_table .txt10{font-size:10px;}
#Front_table .bold{font-weight:bold;}
#Front_table .function{color:#01430c;}
#Front_table .module_str_name{width:150px;}
#Front_table .border-right{border-right:1px solid #000;}
#Front_table .border-bottom{border-bottom:1px solid #000;}
#Front_table .no_border-right{border-right:0px;}
#Front_table .pointer{cursor:pointer;}
#Front_table .good{background-color:#c7fdd2;}
#Front_table .bad{background-color:#fdc7c7;}
#Front_table .best_lap{background-color:#fffd35;}
#Front_table .padding5{padding:5px;}
#Front_table .padding10{padding:10px;}
#Front_table .no_bgcolour{ background-color:transparent; }



#Module_config{
	width:100%; max-width:1200px; height:auto; display:block; border:0px #000 solid; margin:0 auto; box-sizing:border-box; text-align:left;
}
#Module_config .subtitle{
	width:auto; height:auto; display:block; margin:15px auto 5px auto; box-sizing:border-box;
	text-align:center; font-size:16px; font-weight:bold;
}
#Module_config .error_title{
	color:#FF0000;
}

#Module_config .container{
	width:100%; height:auto; display:block; position:relative; box-sizing:border-box; margin:auto auto 20px auto;
}
#Module_config .name{
	width:200px; height:auto; display:inline-block; vertical-align:top; padding:5px 5px 5px 10px; margin:0 0 5px 0; box-sizing:border-box;
	border:0px solid #000; font-weight:bold; font-size:14px;
}
#Module_config .content{
	width:calc(100% - 200px); height:auto; display:inline-block; padding:2px 10px 2px 5px; vertical-align:top; margin:0 0 5px 0; box-sizing:border-box;
	border:0px solid #000; font-size:14px;
}
#Module_config .submit{
	font-weight:bold; padding:5px;
}


.lap_info_blk{
	width:100%; height:auto; display:none; margin:10px auto 20px auto; box-sizing:border-box;
	overflow:hidden;
}


#bgfill{
	position:fixed; left:0px; top:0px; width:100%; height:100%; display:block; background-color:#ecf3fd; z-index:0;
}



#r, #r .parent{
	width:100%; height:auto; display:block; box-sizing:border-box; position:relative;
}

#r{
	text-align:center;
	/*z-index:9999;
	overflow-y:none;
	background:url('/modules/racing/bg.jpg') #000 no-repeat center center;
	background-size:contain;*/
}


#r .results_title_parent{
	width:100%; max-width:1190px; height:auto; display:block; box-sizing:border-box;
	padding:0; margin:0px auto 20px auto; text-align:left;
	background-color:#ececec; border-radius:5px;
}

#r .results_title, #r .results_laps, #r .results_duration{
	height:auto; display:inline-block; vertical-align:top; margin:0; box-sizing:border-box;	
	border:0px #000 solid;
}

#r .results_title{
	width:calc(100% - 210px); padding:5px 5px 5px 30px;
	font-size:16px; font-weight:bold;
}
#r .results_laps, #r .results_duration{
	width:100px; padding:5px;
	font-size:14px; text-align:center; font-weight:600;
}

#r .modeBtn{
	width:auto; height:auto; display:inline-block;
	background-color:#6700ff; color:#FFF; border:1px #000 solid; border-radius:4px;	
}

#r .subtitle{
	width:auto; height:auto; display:block; margin:15px auto 15px auto; box-sizing:border-box;
	text-align:center; font-size:16px; font-weight:bold;
}


#r .parent_wrap{
	width:670px; height:auto; display:inline-block; vertical-align:top; box-sizing:border-box;
	padding:0; margin:0 20px 0 0;
}

#r .parent{
	width:670px;
}

#r .parent{
	margin:10px auto 15px 0;
	border:1px #0d5306 solid; text-align:left;
	background-color:#f3fcf2;
	border-top-right-radius:4px; border-bottom-right-radius:4px;
}

#r .position, #r .driver, #r .car_data{
	width:auto; height:auto; display:inline-block; vertical-align:top; box-sizing:border-box;
	border:0px #000 solid;
}

#r .position{
	width:60px; margin:-10px 8px 0 0; padding:3px 0 0 0;
	font-size:18px; font-weight:bold; overflow:hidden; text-align:center; line-height:28px;
	background-color:#dff3dd;
	border-top-right-radius:4px; border-top-left-radius:4px;
	border-top:1px #0d5306 solid; border-right:1px #0d5306 solid;
}

#r .position input{
	width:50px; padding:1px 3px; margin:2px auto;
	font-size:11px; background-color:#FFF; border:1px #999 solid; border-radius:4px; cursor:pointer;
}
#r .position input:hover{ background-color:#EAEAEA; }

#r .position_winner{ background-color:#fffe95;}

#r .car_data, #r .driver{
	line-height:18px;
}

#r .car_data UL, #r .driver UL{
	margin:3px 0;
	list-style-type:none;
}

#r .driver{
	width:250px;
}
#r .driver img{ float:left; margin:5px 10px 0 0; }

#r .car_data{
	width:350px;
	font-size:12px;
}

#r .car_data img{
	width:auto; height:64px; background-size:contain; float:left;
	margin:5px 10px 0 0;
}

#r .best_lap{ background-color:#FFF; color:#0078ff; }

#r .race_map_parent{
	width:500px; height:auto; min-height:600px; display:inline-block; box-sizing:border-box;
	/*position:absolute; top:0px; right:0px;*/ margin:10px 0px 0 0;
	background-color:#FFF; 
	border:0px #0d5306 solid; border-radius:5px;
	box-shadow:0px 0px 10px 0px #0d5306;
}

#r .race_map_parent_full{
	margin:20px 0px 0 0; min-height:500px;
}

#r .map_background{
	width:auto; height:auto; display:block; padding:0px; margin:20px auto; box-sizing:border-box; position:relative; /*overflow:hidden;*/
	background-color:#FFF; text-align:left;
	border:0px #000 solid;
}

#r .ev_ex_sm{
	width:auto; height:auto; display:none; position:absolute; top:5px; right:5px; cursor:pointer;
	background-color:#FF0000; color:#FFF; border:1px #000 solid; border-radius:4px;
}

#r .events_overview_key{
	width:100%; height:auto; display:block; text-align:center;
}

#r .events_driver_key{
	width:auto; height:auto; display:inline-block; vertical-align:top; box-sizing:border-box;
	padding:5px; margin:0px 5px 5px 5px;
	background-color:#fff0dd; color:#643a06;
	border:1px #643a06 solid; border-radius:4px;
}

#r .events_driver_key input{
	height:10px;
}

#r .events_track_key{
	background-color:#ddffdd; color:#064803;
	border:1px #4e7648 solid;
}

#r .accident_point{
	width:10px; height:10px; display:block; position:absolute; box-sizing:border-box;
	background-color:#FF0000; border-radius:50%;
	border:1px #999 solid;
}


#r .twitch_streams{
	width:100%; height:auto; display:block; position:relative; box-sizing:border-box; margin:10px auto 20px auto;
	text-align:center;
	border:0px #999 solid;
	background-color:#000;
	box-shadow:-5px 0px 15px 0px #000;
}


#r .twitch_main_viewer_parent, #r .twitch_main_box_parent{
	max-width:calc(50% - 40px); min-height:280px; height:280px; display:inline-block; vertical-align:top; box-sizing:border-box; overflow:hidden;
	margin:10px 10px 10px 10px;
	border-radius:3px;
	text-align:left;
	box-shadow:0px 0px 5px #ceb6f2;
	background-color:#000; color:#999;
	border:0px #999 solid;
}



@media screen and (max-width: 1200px) {

	#r .parent_wrap{
		block;	padding:0; margin:0 auto 20px auto;
	}

	#r .parent{
		margin:10px auto 15px auto;
	}

	#r .race_map_parent{
		width:100%; max-width:680px; height:100%; display:block; margin:20px auto;
		position:relative;
	}

}


.map-container{
	box-sizing: border-box;
}

#map{
	position: relative;
	border-radius: 0.25rem;
	box-sizing: border-box;
}

.rotated{
	transform: rotate(90deg) translateY(-104%);
	transform-origin: top left;
}

#map .img{
	vertical-align: middle;
	border-style: none;
	box-sizing: border-box;
}

#map .img-fluid{
	max-width: 100%;
	height: auto;
}