/* ----- VARIABLES ----- */
:root
{
	--featured-bg-color: #190d40;
	--featured-text-color: #ceff00;
	--fastest-personal-color: #00ff00;
	--fastest-overall-color: #ff24ff;
}



/* ----- GLOBAL STYLES ----- */
body,
body#site_smx,
body#site_sx
{
	margin: 0;
	padding: 0;
	font-family: 'Open Sans Condensed', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
	font-size: 20px;
	font-stretch: condensed;
	background-color: grey !important;
	background-color: var(--featured-bg-color) !important;
	color: white;
}

h1,
h1#site_smx,
h1#site_sx,
h2,
h2#site_smx,
h2#site_sx,
h3,
h3#site_smx,
h3#site_sx,
h4,
h4#site_smx,
h4#site_sx,
h5,
h5#site_smx,
h5#site_sx
{
	letter-spacing: 0px;
	line-height: 1em;
	color: white !important;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
}

#lrm-connection-status
{
	position: fixed;
	top: 0;
	right: 0;
	width: 7px;
	height: 7px;
	background-color: red;
	color: white;
	z-index: 9999;
}



 /* ----- LOADING SCREEN ----- */
#loading
{
	position: fixed;
	top: 50%;
	width: 100%;
	transform: translate(0, -50%);
	background-color: var(--featured-bg-color);
}
#loading-text
{
	color: var(--featured-text-color);
	text-align: center;
	font-size: 3em;
}



 /* ----- SCORING SCREEN ----- */
#scoring
{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	scale: 100%;
}
#scoring.overscan
{
	scale: 95%;
}



/* ----- SCORING SECTIONS ----- */
#scoring_header
{
	position: absolute;
	top: 0;
	height: 60px;
	left: 0;
	right: 0;
	margin: 0;
	padding: 0;
	background-color: var(--featured-bg-color);
	color: var(--featured-text-color);
	overflow: hidden;
	z-index: 99;
}
#scoring_data
{
	position: absolute;
	top: 60px;
	bottom: 100px;
	left: 0;
	right: 0;
	margin: 0;
	padding: 0;
	background-color: black;
	overflow: hidden;
	z-index: 1;
}
#scoring_footer
{
	position: absolute;
	bottom: 0;
	height: 100px;
	left: 0;
	right: 0;
	margin: 0;
	padding: 0;
	background-color: var(--featured-bg-color);
	color: var(--featured-text-color);
	overflow: hidden;
	z-index: 98;
}
#settings_menu
{
	position: absolute;
	bottom: -250px;
	right: 0;
	width: 300px;
	height: 350px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	margin: 0;
	padding: 0;
	background-color: var(--featured-text-color);
	overflow: hidden;
	z-index: 90;
}



 /* ----- SCORING HEADER ----- */
#event_name
{
	color: inherit;
}
#class_name
{
	color: white;
}
#race_params
{
	padding: 0;
	font-size: 0.8em;
	line-height: 0.8em;
	font-weight: bold;
	color: white;
}
#account_logo
{
	position: absolute;
	top: 5px;
	bottom: 5px;
	right: 20px;
	text-align: right;
}
#account_logo_img
{
	height: 100%;
}



 /* ----- SCORING DATA ----- */
#racer_data_table
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
	overflow: auto;
	z-index: 10;
	white-space: nowrap;
}
#racer_data_table .header
{
	position: sticky;
	top: 0;
	left: 0;
	right: 0;
	height: 40px;
	background-color: black;
	color: white;
	font-weight: bold;
	z-index: 5002;
}
#racer_data_table .data
{
	position: absolute;
	top: 40px;
	left: 0;
	right: 0;
	bottom: 0;
	color: white;
	font-weight: bold;
	z-index: 5001;
}
#racer_data_table .data .data_row
{
	display: none;
	position: absolute;
	top: -100px;
	left: 0;
	right: 0;
	border-bottom: 1px solid black;
	background-color: grey;
}
#racer_data_table .data .data_row.glow_gain
{
	box-shadow: 0px 0px 6px 6px rgba(0,255,0,0.5);
}
#racer_data_table .data .data_row.glow_loss
{
	box-shadow: 0px 0px 6px 6px rgba(255,0,0,0.5);
}
#racer_data_table .data .data_row.odd
{
	background-color: #333333;
}
#racer_data_table .data .data_row.even
{
	background-color: #444444;
}
#racer_data_table .data .data_row.lap_crossing_blink
{
	background-color: #779900;;
}
#racer_data_table .data_row
{
	height: 40px !important;
	display: flex;
	align-items: stretch;
}
#racer_data_table .data_col
{
	font-size: 1.4em;
	border-right: 1px solid black;
	line-height: 40px;
}
#racer_data_table .data_col.fastest_personal
{
	color: var(--fastest-personal-color);
}
#racer_data_table .data_col.fastest_overall
{
	color: var(--fastest-overall-color);
}
#racer_data_table .col_group
{
	text-align: center;
	width: 1% !important;
}
#racer_data_table .col_pos
{
	text-align: center;
	width: 3% !important;
}
#racer_data_table .col_num
{
	text-align: center;
	width: 4% !important;
}
#racer_data_table .col_name
{
	text-align: left;
	padding-left: 8px;
	width: 20% !important;
}
#racer_data_table .col_name .off_track
{
	font-size: 0.6em;
	font-weight: bold;
	color: #ff8696;
}
#racer_data_table .col_manufacturer
{
	text-align: center;
	width: 8% !important;
}
#racer_data_table .col_manufacturer img
{
	height: 35px;
}
#racer_data_table .col_behind_next
{
	text-align: center;
	width: 10% !important;
}
#racer_data_table .col_behind_leader
{
	text-align: center;
	width: 10% !important;
}
#racer_data_table .col_lap_time
{
	text-align: center;
	width: 10% !important;
}
#racer_data_table .col_fast_lap
{
	text-align: center;
	width: 12% !important;
}
#racer_data_table .col_lap_num
{
	text-align: center;
	width: 7% !important;
}
#racer_data_table .col_progress
{
	position: relative;
	text-align: center;
	width: 15% !important;
}
#racer_data_table .col_sectors
{
	display: flex;
	justify-content: start;
	width: 50% !important;
}
#racer_data_table .col_sectors .col_sector
{
	text-align: center;
	width: 10%;
	border-right: 1px dashed black;
}
#racer_data_table .col_sector.active
{
	border: 2px solid var(--featured-text-color);
}
#racer_data_table .col_sector .sector_time.fastest_personal
{
	color: var(--fastest-personal-color);
}
#racer_data_table .col_sector .sector_time.fastest_overall
{
	color: var(--fastest-overall-color);
}
#racer_data_table .header .col_sectors .col_sector
{
	display: none;
}
#racer_data_table .header .col_sectors .col_sector .sector_title,
#racer_data_table .data .col_sectors .col_sector .sector_time
{
	font-size: 0.5em;
	line-height: 1em;
	text-transform: uppercase;
}
#racer_data_table .data .col_sectors .col_sector .sector_time
{
	font-size: 0.7em;
	line-height: 1em;
	height: 1em;
}
#racer_data_table .header .col_sectors .col_sector .sector_name,
#racer_data_table .data .col_sectors .col_sector .sector_stat
{
	padding-top: 2px;
	font-size: 0.4em;
	line-height: 1em;
	font-weight: normal;
	text-transform: uppercase;
}
#racer_data_table .data .col_sectors .col_sector .sector_stat
{
	font-size: 0.5em;
}
#racer_data_table .col_hometown
{
	padding-left: 8px;
	width: 18% !important;
}
#racer_data_table .col_hometown
{
	font-size: 1em;
	line-height: 1.8em;
	overflow: hidden;
}
#racer_data_table .col_team_name
{
	padding-left: 8px;
	width: 22% !important;
}
#racer_data_table .data .col_team_name
{
	font-size: 1em;
	line-height: 1.8em;
	overflow: hidden;
}
#racer_data_table .col_age
{
	text-align: center;
	width: 4% !important;
}
#racer_data_table .col_sponsors
{
	padding-left: 8px;
	width: 20% !important;
}
#racer_data_table .data .col_sponsors
{
	font-size: 0.8em;
	line-height: 1.2em;
	font-weight: normal;
	overflow: hidden;
}

#racer_data_table .col_progress .col_progress_sectors
{
	display: flex;
	justify-content: center;
	position: absolute;
	top: 5px;
	left: 0;
	right: 0;
	height: 20px;
}
#racer_data_table .col_progress .col_progress_sector_box
{
	width: 10px;
	background-color:#999999;
	margin: 0 3px;
}
#racer_data_table .col_progress .col_progress_sector_box.active
{
	border: 2px solid var(--featured-text-color);
	background-color:#aaaaaa !important;
}
#racer_data_table .col_progress .col_progress_sector_box.fastest_personal
{
	background-color: var(--fastest-personal-color);
}
#racer_data_table .col_progress .col_progress_sector_box.fastest_overall
{
	background-color: var(--fastest-overall-color);
}
#racer_data_table .col_progress .col_progress_sector_heater
{
	width: 15px;
	font-size: 0.7em;
	font-weight: normal;
	background: none !important;
	margin-top: -10px;
	margin-left: 5px;
}
#racer_data_table .col_progress .col_progress_sector_heater.fastest_personal
{
	color: var(--fastest-personal-color);
}
#racer_data_table .col_progress .col_progress_sector_heater.fastest_overall
{
	color: var(--fastest-overall-color);
}
#racer_data_table .col_progress .col_progress_sector_heater.fastest_personal:after,
#racer_data_table .col_progress .col_progress_sector_heater.fastest_overall:after
{
	font-family: "Font Awesome 5 Pro";
    content: "\f06d";
}
#racer_data_table .col_progress .col_progress_bar
{
	display: none;
	position: absolute;
	bottom: 5px;
	left: 10px;
	right: 10px;
	height: 5px;
	background-color: #999999;
}
#racer_data_table .col_progress .col_progress_bar.ok,
#racer_data_table .col_progress .col_progress_bar.near,
#racer_data_table .col_progress .col_progress_bar.late,
#racer_data_table .col_progress .col_progress_bar.done
{
	display: block;
}
#racer_data_table .col_progress .col_progress_bar .col_progress_bar_elapsed
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 0;
	background-color: var(--featured-text-color);
}
#racer_data_table .col_progress .col_progress_bar.ok .col_progress_bar_elapsed
{
	background-color: var(--featured-text-color);
}
#racer_data_table .col_progress .col_progress_bar.near .col_progress_bar_elapsed
{
	background-color: var(--featured-text-color);
}
#racer_data_table .col_progress .col_progress_bar.late .col_progress_bar_elapsed
{
	background-color: red;
}
#racer_data_table .col_progress .col_progress_bar.done .col_progress_bar_elapsed
{
	background-color: black;
}
#racer_data_table.slideout:not(.slideout_off) .col_name
{
	width: 16% !important;
	/* default 20% */
}
#racer_data_table.slideout:not(.slideout_off) .col_manufacturer
{
	width: 6% !important;
	/* default 8% */
}
#racer_data_table.slideout:not(.slideout_off) .col_behind_next
{
	text-align: center;
	width: 7% !important;
	/* default 10% */
}
#racer_data_table.slideout:not(.slideout_off) .col_behind_leader
{
	text-align: center;
	width: 7% !important;
	/* default 10% */
}
#racer_data_table.slideout:not(.slideout_off) .col_lap_time
{
	width: 7% !important;
	/* default 10% */
}
#racer_data_table.slideout:not(.slideout_off) .col_fast_lap
{
	width: 10% !important;
	/* default 12% */
}
#racer_data_table.slideout:not(.slideout_off) .col_lap_num
{
	width: 5% !important;
	/* default 7% */
}
#racer_data_table.slideout:not(.slideout_off) .col_progress
{
	width: 9% !important;
	/* default 15% */
}
#racer_data_table.slideout:not(.slideout_off) .col_hometown
{
	width: 12% !important;
	/* default 18 */
}
#racer_data_table.slideout:not(.slideout_off) .data .col_hometown
{
	font-size: 0.8em;
	line-height: 2.2em;
}
#racer_data_table.slideout:not(.slideout_off) .col_team_name
{
	width: 15% !important;
	/* default 22 */
}
#racer_data_table.slideout:not(.slideout_off) .data .col_team_name
{
	font-size: 0.8em;
	line-height: 2.2em;
}
#racer_data_table.slideout:not(.slideout_off) .col_sponsors
{
	width: 14% !important;
	/* default 20 */
}
#racer_data_table.slideout:not(.slideout_off) .data .col_sponsors
{
	font-size: 0.6em;
	line-height: 1em;
}



#racer_data_table.screen_scoring .col_hometown,
#racer_data_table.screen_scoring .col_team_name,
#racer_data_table.screen_scoring .col_age,
#racer_data_table.screen_scoring .col_sponsors,
#racer_data_table.screen_scoring .col_sectors
{
	display: none;
}
#racer_data_table.screen_sectors .col_manufacturer,
#racer_data_table.screen_sectors .col_behind_next,
#racer_data_table.screen_sectors .col_behind_leader,
#racer_data_table.screen_sectors .col_lap_num,
#racer_data_table.screen_sectors .col_progress,
#racer_data_table.screen_sectors .col_hometown,
#racer_data_table.screen_sectors .col_team_name,
#racer_data_table.screen_sectors .col_age,
#racer_data_table.screen_sectors .col_sponsors
{
	display: none;
}
#racer_data_table.screen_rider_info .col_behind_next,
#racer_data_table.screen_rider_info .col_behind_leader,
#racer_data_table.screen_rider_info .col_lap_time,
#racer_data_table.screen_rider_info .col_fast_lap,
#racer_data_table.screen_rider_info .col_lap_num,
#racer_data_table.screen_rider_info .col_progress,
#racer_data_table.screen_rider_info .col_sectors
{
	display: none;
}



/* ----- SCORING DATA :: SLIDEOUT ----- */
.slideout_container
{
	position: absolute;
	top: 0;
	right: -25%;
	bottom: 0;
	width: 25%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #cccccc;
	border-left: 3px solid var(--featured-text-color);
	border-top: 3px solid var(--featured-text-color);
	border-bottom: 3px solid var(--featured-text-color);
	z-index: 20;
}
.slideout_container.slideout_off
{
	right: -25% !important;
}
.slideout_container .header
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 25px;
	background-color: black;
	color: var(--featured-text-color);
	padding-top: 2px;
	text-align: center;
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;
	text-transform: uppercase;
	overflow: hidden;
	z-index: 4005;
}
.slideout_container .data_table
{
	position: absolute;
	top: 25px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
	overflow: auto;
	z-index: 10;
}
.slideout_container .data_table_l
{
	position: absolute;
	top: 25px;
	left: 0;
	right: 50%;
	bottom: 0;
	margin: 0;
	padding: 0;
	overflow: auto;
	z-index: 10;
	border-right: 1px solid white;
}
.slideout_container .data_table_r
{
	position: absolute;
	top: 25px;
	left: 50%;
	right: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
	overflow: auto;
	z-index: 10;
	border-left: 1px solid white;
}
.slideout_container .sub_header
{
	position: sticky;
	top: 0;
	left: 0;
	right: 0;
	height: 30px;
	background-color: black;
	color: white;
	font-weight: bold;
	z-index: 4002;
}
.slideout_container .data
{
	position: absolute;
	top: 30px;
	left: 0;
	right: 0;
	bottom: 0;
	color: white;
	font-weight: bold;
	z-index: 4001;
}
.slideout_container .data .data_row
{
	display: none;
	position: absolute;
	top: -100px;
	left: 0;
	right: 0;
	color: white;
	border-bottom: 1px solid black;
	background-color: grey;
}
.slideout_container .data .data_row.odd
{
	background-color: #666666;
}
.slideout_container .data .data_row.even
{
	background-color: #888888;
}
.slideout_container .data .data_row.is_in_race .col_eqp_name:after
{
	font-size: 0.7em;
	content: ' •';
}
.slideout_container .data_row
{
	height: 30px !important;
	display: flex;
	align-items: stretch;
}
.slideout_container .data_col
{
	font-size: 18px !important;
	border-right: 1px solid black;
	line-height: 30px;
}
.slideout_container .rsp_single
{
	display: block;
}
.slideout_container .rsp_multiple
{
	display: none;
}
.slideout_container .col_eqp_pos,
.slideout_container .col_rsp_pos,
.slideout_container .col_msp_pos,
.slideout_container .col_pdc_pos
{
	text-align: center;
	width: 8% !important;
}
.slideout_container .rsp_multiple .col_rsp_pos
{
	width: 16% !important;
}
.slideout_container .col_eqp_num,
.slideout_container .col_rsp_num,
.slideout_container .col_pdc_num
{
	text-align: center;
	width: 12% !important;
}
.slideout_container .rsp_multiple .col_rsp_num
{
	width: 24% !important;
}
.slideout_container .col_msp_logo
{
	text-align: left;
	padding-left: 4px;
	width: 12%;
}
.slideout_container .col_eqp_name,
.slideout_container .col_rsp_name,
.slideout_container .col_msp_name,
.slideout_container .col_pdc_name
{
	text-align: left;
	padding-left: 4px;
	width: 29%;
}
.slideout_container .rsp_multiple .col_rsp_name
{
	display: none;
}
.slideout_container .col_rsp_name
{
	text-align: left;
	padding-left: 4px;
	width: 50%;
}
.slideout_container .data_table .col_eqp_race
{
	text-align: center;
	width: 12% !important;
}
.slideout_container .data_table .col_eqp_points
{
	text-align: center;
	width: 15% !important;
	white-space: nowrap;
}
.slideout_container .col_rsp_current_season_points,
.slideout_container .col_msp_current_season_points
{
	text-align: center;
	width: 15% !important;
}
.slideout_container .rsp_multiple .col_rsp_current_season_points
{
	width: 30% !important;
}
.slideout_container .col_rsp_projected_season_points,
.slideout_container .col_msp_projected_season_points
{
	text-align: center;
	width: 26% !important;
}
.slideout_container .rsp_multiple .col_rsp_projected_season_points
{
	width: 30% !important;
}
.slideout_container .data_table.num_races_1 .col_eqp_name
{
	width: 50% !important;
}
.slideout_container .data_table.num_races_2 .col_eqp_name
{
	width: 41% !important;
}
.slideout_container .data_table.num_races_1 .col_eqp_race
{
	width: 24% !important;
}
.slideout_container .data_table.num_races_2 .col_eqp_race
{
	width: 12% !important;
}
.slideout_container .data_table.num_races_3 .col_eqp_race
{
	width: 12% !important;
}
.slideout_container .data_table.num_races_1 .col_eqp_race_1,
.slideout_container .data_table.num_races_1 .col_eqp_race_2,
.slideout_container .data_table.num_races_1 .col_eqp_race_3
{
	display: none !important;
}
.slideout_container .data_table.num_races_2 .col_eqp_race_1,
.slideout_container .data_table.num_races_2 .col_eqp_race_2
{
	display: block !important;
}
.slideout_container .data_table.num_races_2 .col_eqp_race_3
{
	display: none !important;
}
.slideout_container .data_table.num_races_3 .col_eqp_race_1,
.slideout_container .data_table.num_races_3 .col_eqp_race_2,
.slideout_container .data_table.num_races_3 .col_eqp_race_3
{
	display: block !important;
}
.slideout_container .data_table.num_races_1 .col_eqp_points
{
	width: 30% !important;
}
.slideout_container .col_pdc_position_delta_change
{
	text-align: center;
	padding-left: 4px;
	width: 26%;
}
.slideout_container .col_pdc_holeshot_pos
{
	text-align: center;
	padding-left: 4px;
	width: 25%;
}


/* ----- SCORING FOOTER ----- */
#race_info_container
{
	height: 100%;
	overflow: hidden;
}
#race_info_container .race_info_box
{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 0 5px;
	background-color: var(--featured-text-color);
	color: var(--featured-bg-color);
}
#race_info_container .title
{
	font-size: 1.5em;
	line-height: 1em;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
#race_info_container .data
{
	font-size: 2.5em;
	line-height: 1.2em;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
#race_info_container #status
{
	background-color: var(--featured-bg-color);
	color: var(--featured-text-color);
}
#announcements
{
	padding: 0 50px;
	font-size: 0.9em;
	line-height: 1em;
	height: 100px;
	overflow: hidden;
}
#announcements .title
{
	height: 25px;
	padding-top: 2px;
	color: var(--featured-text-color);
	font-size: 0.9em;
	line-height: 25px;
	font-weight: bold;
	text-transform: uppercase;
}
#announcements .data
{
	height: 75px;
	column-fill: auto;
	column-count: 4 !important;
	overflow: hidden;
}
#announcements .data div:nth-child(n+17)
{
	display: none;
}
#race_flag
{
	margin-top: 15px;
	margin-left: 15px;
	margin-right: 25px;
	width: 150px;
	height: 30px;
	transform: skew(-30deg);
	background-color: transparent;
}
#race_flag.none
{
	background-color: transparent;
}
#race_flag.green
{
	background-color: Chartreuse;
}
#race_flag.yellow
{
	background-color: yellow;
}
#race_flag.red
{
	background-color: red;
}
#race_flag.purple
{
	background-color: purple;
}
#race_flag.white
{
	background-color: white;
}
#race_flag.checkered-finishing
{
	background-image: linear-gradient(45deg, black 25%, transparent 25%), linear-gradient(-45deg, black 25%, transparent 25%), linear-gradient(45deg, transparent 75%, black 75%), linear-gradient(-45deg, transparent 75%, black 75%);
	background-size: 20px 20px;
	background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
	background-color: white;
}
#race_flag.checkered-finished
{
	background-image: linear-gradient(45deg, black 25%, transparent 25%), linear-gradient(-45deg, black 25%, transparent 25%), linear-gradient(45deg, transparent 75%, black 75%), linear-gradient(-45deg, transparent 75%, black 75%);
	background-size: 20px 20px;
	background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
	background-color: white;
}
#time_of_day_clock
{
	width: 130px;
	padding-bottom: 5px;
	line-height: 1.2em;
	font-weight: bold;
	text-align: center;
	color: var(--featured-text-color);
}
#time_of_day_clock::before
{
	font-size: 0.8em;
	text-transform: uppercase;
	content: 'LOCAL TIME\A';
	white-space: pre;
}
#time_of_day_clock.hide::before
{
	display: none;
}
#settings_btn_box
{
	position: absolute;
	top: 0;
	right: 0;
	height: 40px;
	width: 40px;
	font-weight: bold;
	border-bottom-left-radius: 10px;
	margin: 0;
	padding: 0;
	padding-left: 2px;
	text-align: center;
	color: var(--featured-bg-color);
	background-color: var(--featured-text-color);
	cursor: pointer;
}
#settings_btn
{
	margin: 0;
	padding: 0;
	font-size: 30px;
	line-height: 38px;
}



/* ----- SETTINGS MENU ----- */
#settings_menu .exit
{
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 1.5em;
	line-height: 1em;
	color: var(--featured-bg-color);
	cursor: pointer;
}
#settings_menu .title
{
	color: var(--featured-bg-color);
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}
#settings_menu .options
{
	margin: 5px 10px 15px 10px;
	color: var(--featured-bg-color);
	font-size: 0.8em;
	line-height: 0.8em;
	font-weight: bold;
}
#settings_menu .options .category
{
	padding-bottom: 3px;
	text-align: left;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid var(--featured-bg-color);
}
#settings_menu .options .option label,
#settings_menu .options .option
{
	margin: 0;
	padding: 3px 0 0 0;
	line-height: 1em;
}

#settings_menuX
{
	bottom: 100px;
}

















/*
#event_select
{
	padding-top: 5px;
	border-bottom: 3px solid white;
}
#event_select > div
{
	margin: 0 5px;
	padding: 3px 8px;
	background-color: grey;
	color: white;
	border-left: 2px solid white;
	border-right: 2px solid white;
	border-top: 2px solid white;
	margin-top: 7px;
	font-weight: bold;
}
#event_select > div.selected
{
	border-width: 7px;
	margin-top: 0;
}
#1event_select > div:first-child
{
	margin-left: 0;
}
#1event_select > div:last-child
{
	margin-right: 0;
}
#event_select > div a
{
	display: block;
	color: white;
}




#race_table th,
#race_table td
{
	padding: 5px 5px;
	vertical-align: middle;
	z-index: 1;
}
#race_table .racer_header th,
#race_table .racer_header td
{
	color: white;
	font-size: 0.6em !important;
}
#race_table .racer_header th
{
	position: sticky;
	top: 0;
}
#race_table .racer_rows th,
#race_table .racer_rows td
{
	font-size: 1em !important;
}

#race_table thead
{
	background-color: black;
}
#race_table thead th:not(:last-child)
{
	border-right: 1px solid white;
}

#race_table .pos_col,
#race_table .pic_col,
#race_table .brand_col,
#race_table .name_col,
#race_table .lap_num_col,
#race_table .lap_time_col,
#race_table .corrected_time_col,
#race_table .sector_col,
#race_table .racer_clock_col,
#race_table .behind_col
{
	text-align: center;
	white-space: nowrap;
}
#race_table .brand_col
{
	min-width: 30px;
}
#race_table .name_col
{
	text-align: left;
	width: 100%;
}
#race_table .racer_clock_col
{
	display: none;
}
#race_table .sector_col
{
	width: 80px !important;
	min-width: 80px !important;
	max-width: 80px !important;
}
#race_table .behind_next,
#race_table .behind_leader,
#race_table .behind_next_class,
#race_table .behind_leader_class
{
	display: none;
}

#race_table .racer_rows .car_num_col
{
	display: table-cell;
	margin-right: 3px;
	min-width: 30px !important;
}
#race_table .racer_rows
{
	color: black;
	background-color: white;
}
#race_table .racer_rows .country
{
	display: inline-block;
}
#race_table .racer_rows .flag
{
	max-height: 1.75em;
	margin-right: 10px;
}
#race_table .racer_rows .name
{
	display: inline-block;
}
#race_table .racer_rows .name sup
{
	margin-left: 5px;
	padding: 0 5px;
	font-weight: bold;
	background-color: #cc0000;
	color: white;
}
#race_table .racer_rows .class
{
	font-size: 0.75em;
}
#race_table .racer_rows .pos_col,
#race_table .racer_rows .pic_col
{
	color: white;
	background-color: black;
	font-weight: bold;
}
#race_table .racer_rows .pic_col
{
	border-left: 1px white solid;
}
#race_table .racer_rows .car_num
{
	font-weight: bold;
	line-height: 2em;
	color: black;
	text-align: center;
	border: 2px black solid;
	border-radius: 10px;
	background-color: white;
	font-size: 0.8em;
}
.racer_rows .sector
{
	font-size: 0.75em;
	min-width: 40px;
}
#race_table .racer_rows .active_sector
{
	background-color: lightgreen;
}
#sector_table
{
	font-size: 1.8em !important;
	background-color: transparent !important;
}
#sector_table td
{
	background-color: transparent !important;
	
}
*/