body
{
	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;
	color: white;
}

h1,
h2,
h3,
h4,
h5
{
	line-height: 1em;
	color: white;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
}
h4
{
	font-size: 1.25em;
	font-weight: normal !important;
	margin: 0;
}
h5
{
	font-size: 0.75em;
	font-weight: normal !important;
}
h3 small
{
	font-weight: normal;
	font-size: 0.7em;
}

.lrm-connection-status
{
	position: fixed;
	top: 5px;
	right: 7px;
	color: white;
	z-index: 100;
}

#user_profile_data
{
	display: none;
}

fieldset
{
	border: 1px white solid;
	padding: 2px 5px;
	float: left;
	margin-right: 0.5em;
	text-align: center;
}
fieldset legend
{
	font-size: 0.8em;
	line-height: 0.8em;
	text-transform: uppercase;
	margin: 0;
}
fieldset span
{
	margin: 0 5px;
	font-size: 2em;
	line-height: 1em;
	font-weight: bold;
}
fieldset img
{
	height: 1em !important;
}
#status_flag,
#status_flag_dr
{
	background-color: white;
}

#status,
#status_dr,
#race_params
{
	display: inline;
	padding: 2px 10px;
	font-size: 0.75em;
	font-weight: bold;
	text-align: center;
}
#status,
#status_dr
{
	color: black;
	text-transform: uppercase;
	border: 1px solid white;
}
#race_params
{
}




#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;
}





#event_start_date_container,
#event_end_date_container
{
	display: none;
}

#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
{
	z-index: 2;
	position: sticky;
	left: 0px;
}
*/
#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 .lap_crossing_blink
{
	background-color: chartreuse;
}
#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;
	
}
.sector_filter_class
{
	display: none;
}

























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

#race_table_dr th:not(:last-child),
#race_table_dr td:not(:last-child)
{
	border-right: 2px solid white;
}

#race_table_dr #lane_1,
#race_table_dr #lane_2
{
	width: 50%;
}

#race_table_dr .lane_title
{
	white-space: nowrap;
	text-align: right;
	width: 50%;
}
#race_table_dr .lane_data
{
	width: 50%;
	padding-left: 10px;
}
#race_table_dr .lane_result
{
	text-align: center;
	color: white;
	text-transform: uppercase;
}

#race_table_dr .lane_name
{
	text-align: center;
	font-size: 1.5em !important;
}