body {
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	color: #231f20;
	margin: 0px;
}

.hideThis {
	display: none !important;
}

/*** HEADER ***/
.header {
	background: #231f20;
    overflow: auto;
    color: white;
	padding: 10px 30px 10px 30px;
}

.header-race-logo-wrapper {
	    float: left;
}

.header-race-logo-wrapper a {
	text-decoration: none;
	color: none;
}

.header-headline-wrapper {
	display: block;
    overflow: hidden;
    float: left;
}

.header-sponsor-logo-wrapper {
	width: 120px;
    float: right;
}

.header-sponsor-logo-wrapper span, .header-sponsor-logo-wrapper a {
	text-decoration: none;
	color: white;
}

.header-headline-wrapper a {
	color: white;
	text-decoration: none;
}

.header-race-logo {
	width: 70px;
}

.header-sponsor-logo {
	width: 100px;
}

.headline {
	padding-left: 5px;
}

@media screen and (min-width: 381px) and (max-width: 600px) {
	.header-race-logo {
		width: 60px;
	}

	.header-sponsor-logo {
		width: 50px;
	}
	
	.header-sponsor-logo-wrapper {
		font-size: 0.7em;
		width: 60px;
		padding-top: 5px;
	}
	
	.header-race-logo-wrapper {
		padding-top: 5px;
	}
	
	.headline {
		font-size: 1.1em;
	}
	
}

@media screen and (max-width: 380px) {
	.header-race-logo {
		width: 40px;
	}

	.header-sponsor-logo {
		width: 33px;
	}
	
	.headline {
		font-size: 1em;
	}
	
	.header-race-logo-wrapper {
		padding-top: 10px;
	}
		
	
	.header-sponsor-logo-wrapper {
		width: 45px;
		padding-top: 10px;
	}
	
	.header-sponsor-logo-wrapper span {
		font-size: 0.6em;
	}
}
/* HEADER END */

/*** TOPNAV ***/
/* Add a black background color to the top navigation */
.topnav {
    background-color: #231f20;
    overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #ffcc01;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: #ffcc01;
    color: black;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 797px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 797px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

@media screen and (min-width: 798px) {
	.topnav-chose-race {
		display: none !important;
	}
}

.topnav-selected {
	background-color: #ffcc01 !important;
	color: black !important;
	font-weight: bold;
}

.topnav-chose-race {
	padding-right: 45% !important;
}

/* TOPNAV END */

/*** RACE INFO ***/

.race-info-4 {
	background-color: rgba(255,60,0,0.1);
}

.race-info-5 {
	background-color: rgba(255,128,0,0.1);
}

.race-info-6 {
	background-color: rgba(128,28,125,0.1);
}

.race-info-7 {
	background-color: rgba(0,125,182,0.1);
}

.race-info-text {
	display: none;
}

.race-info-4 .race-info-text1 {
	color: rgb(255,0,0);
}

.race-info-5 .race-info-text1 {
	color: rgb(255,128,0);
}

.race-info-6 .race-info-text1 {
	color: rgb(128,28,125);
}

.race-info-7 .race-info-text1 {
	color: rgb(0,125,182);
}

.race-info-text {
	float: left;
    margin-top: 20px;
}

.race-info-text1 {
	font-weight: bold;
    font-size: 1.5em;
}

.race-info img {
	float: left;
    padding-right: 0px;
	padding-top: 10px;
}

.race-info-table tr td {
	padding: 0px 5px;
	vertical-align: top;
}

.race-info-table-cell-right {
	text-align: left;
	font-weight: bold;
}

.race-info-table-cell-left {
	text-align: right;
}

@media screen and (min-width: 604px) {
	
	.race-info {		
		width: 80%;
		padding-left: 20%;
	}	
	
	.race-info img {
		width: 125px;
	}
}

.race-info {
	padding-top: 10px;
    padding-bottom: 10px;
    overflow: auto;
}

.race-info-row-not-started {
	opacity: 0.3;
}

@media screen and (max-width: 379px) {
	.race-info-text {
		margin-top: 0px;
		font-size: 80%;
	}
	
	.race-info-table {
		font-size: 10px;
	}
	
	.race-info img {
		width: 80px;
		padding-left: 5px;
		padding-right: 0px;
	}
}

@media screen and (min-width: 380px) and (max-width: 429px) {
	.race-info-text {
		margin-top: 0px;
		font-size: 80%;
	}
	
	.race-info-table {
		font-size: 12px;
	}
	
	.race-info img {
		width: 100px;
		padding-left: 5px;
		padding-right: 0px;
	}
	
}

@media screen and (min-width: 430px) and (max-width: 603px) {
	
	.race-info-text {
		margin-top: 10px;
	}
	.race-info {
		width: 100%;
		padding-left: 0px;
	}
	.race-info-table {
		font-size: 14px;
	}
	.race-info img {
		padding-left: 10px;
		width: 110px;
	}
}

/* RACEINFO END */


/*** MAIN TABLES ***/

.official_results_link, .separator_results_link {
	display: none;
}

.live_results_table_wrapper {
    width: 100%;
    padding-bottom: 20px;
    overflow-x: auto;
	overflow-y: hidden;
	min-height: .01%;
	margin-bottom: 50px;
	
}


.live_results_table, .live_results_table span {
	 text-align: center;
	 font-size: 13.5px;
	 
 }
    


.live_results_table {
    border-collapse: collapse; 
    overflow-x: auto;
    margin: 0 auto;
}

.live_results_table th, td {
    padding: 2px 2px 2px 2px;
	white-space: nowrap;
}

.live_results_table tr:nth-child(even){
	background-color: #f2f2f2;
}

.live_results_table tr, .live_results_table tr td, .live_results_table tr th {
    border-left: 2px solid white;
    border-right: 2px solid white;
}

.live_results_table th {
    background-color: #4CAF50;
    color: white;
}

.table_header_row_race4 th {
	background-color: rgba(255,0,0,1);
}

.table_header_row_race5 th {
	background-color: rgba(255,128,0,1);
}

.table_header_row_race6 th {
	background-color: rgba(128,28,125,1);
}

.table_header_row_race7 th {
	background-color: rgba(0,125,182,1);
}

.table_header_row_race8 th {
	background-color: #231f20;
}

.live_results_table tr:hover {
	background-color: #ffaa00;
    color: white;
}

.table_cell_col8 {
	text-align: left;
}

.table_cell_col8 img {
    height: 16px;
    margin-bottom: -2px;
}

.table_header_cell_col6, .table_cell_col6 {
	display:none;
}

.table_cell_col3 {
    font-weight: bold;
}

.table_cell_cpno99 {
	font-weight: bold;
}

.table_header_cell_col10, .table_cell_col10 {
    display: none;
}

.table_cell_col9 span {
	width: 100%;
    height: 100%;
    padding: 3px 10px;
}

.cell_status {
	padding-left: 5px;
	padding-right: 5px;
}

.cell_status_notcheckedin {
    /* background: #999999; */
    color: #999999;
}

.cell_status_checkedin {
    /* background: black; */
    color: green;
	font-weight: bold;
}

.cell_status_dns {
    background: #999999;
    color: white;
}

.cell_status_dnf {
    background: red;
    color: white;
}

.cell_status_dsq {
    background: #b20000;
    color: white;
}

.cell_status_running {
    background: green;
    color: white;
}

.cell_status_finished {
    background: #231f20;
    color: white;
}

.avg-speed-minkm {
	font-family: open sans condensed;
}

.position-table-text {
	font-weight: bold;
}


/* MAIN TABLES END */

/*** SUBRACES LIST ***/

@media screen and (max-width: 479px) {
	.subraces_list ul {
		padding-left: 10px;
		padding-right: 10px;
	}
	.subraces_list ul li {
		width: 100%;
		padding-bottom: 10px;
	}
}

.subraces_list {
	padding-bottom: 40px;
}

@media screen and (min-width: 480px) and (max-width: 979px) {
	.subraces_list ul li {
		width: 49%;
		padding-right: 1%;	
		padding-bottom: 1%;
	}
	.subraces_list ul {
		padding: 0px;
		padding-left: 1%;
	}
}

@media screen and (min-width: 980px) {
	.subraces_list ul li {
		width: 24%;
		padding-right: 1%;	
	}
	.subraces_list ul {
		padding: 0px;
		padding-left: 1%;
	}
}

.subrace_text {
	padding-top: 30px;
}
	
.subrace_text_4 a {
	color: white;
	background-color: rgb(255,0,0);
}

.subrace_text_5 a {
	color: white;
	background-color: rgb(255,128,0);
}

.subrace_text_6 a {
	color: white;
	background-color: rgb(128,28,125);
}

.subrace_text_7 a {
	color: white;
	background-color: rgb(0,125,182);
}

.subrace_text a {
    padding: 10px 30px;
	font-weight: bold;
	font-size: 18px;
}

.subraces_list ul {
	list-style-type: none;
	overflow: auto;
}

.subrace_logo {
	padding-bottom: 20px;
	width: 70%;
}

.subraces_list ul li {
	display: block;
	float: left;
}

.subraces_list ul li, .subraces_list ul li a{
	font-size: 1.2em;
	text-decoration: none;
}

.subrace {
	padding: 1em 0em 1em 0em;
	background-color: #231f20;
}

.subrace .race-info-table {
	color: white;
	margin: 0 auto;
}

.subrace .countdown {
	font-size: 200%;
	color: #aaa;
}

.subrace .countup {
	font-size: 200%;
	color: rgba(115,216,21,0.85);
}

.countdown_label, .countup_label {
	vertical-align: middle !important;
}

.race-info .countdown {
	font-size: 200%;
	color: #666;
}

.race-info .countup {
	font-size: 200%;
	color: green;
}

@media screen and (max-width: 300px) {
	.subrace .race-info-table {
		font-size: 14px;
	}
}

@media screen and (min-width: 301px) and (max-width: 330px) {
	.subrace .race-info-table {
		font-size: 18px;
	}
}

@media screen and (min-width: 331px) and (max-width: 360px) {
	.subrace .race-info-table {
		font-size: 20px;
	}
}

@media screen and (min-width: 361px) and (max-width: 400px) {
	.subrace .race-info-table {
		font-size: 22px;
	}
}

@media screen and (min-width: 401px) and (max-width: 480px) {
	.subrace .race-info-table {
		font-size: 24px;
	}
}

@media screen and (min-width: 481px) and (max-width: 560px) {
	.subrace .race-info-table {
		font-size: 14px;
	}
}

@media screen and (min-width: 561px) and (max-width: 640px) {
	.subrace .race-info-table {
		font-size: 16px;
	}
}

@media screen and (min-width: 641px) and (max-width: 720px) {
	.subrace .race-info-table {
		font-size: 18px;
	}
}

@media screen and (min-width: 721px) and (max-width: 780px) {
	.subrace .race-info-table {
		font-size: 20px;
	}
}

@media screen and (min-width: 781px) and (max-width: 860px) {
	.subrace .race-info-table {
		font-size: 22px;
	}
}
@media screen and (min-width: 861px) and (max-width: 980px) {
	.subrace .race-info-table {
		font-size: 24px;
	}
}

@media screen and (min-width: 981px) and (max-width: 1180px) {
	.subrace .race-info-table {
		font-size: 14px;
	}
}

@media screen and (min-width: 1181px) and (max-width: 1380px) {
	.subrace .race-info-table {
		font-size: 16px;
	}
}

@media screen and (min-width: 1381px) and (max-width: 1580px) {
	.subrace .race-info-table {
		font-size: 18px;
	}
}

@media screen and (min-width: 1581px) and (max-width: 1780px) {
	.subrace .race-info-table {
		font-size: 20px;
	}
}

@media screen and (min-width: 1781px) and (max-width: 1980px) {
	.subrace .race-info-table {
		font-size: 22px;
	}
}

@media screen and (min-width: 1981px) {
	.subrace .race-info-table {
		font-size: 24px;
	}
}


/* SUBRACES END */

/*** FOOTER ***/

.footer {
	display: none;
    background-color: #ffcc01;
    padding: 5px 0px 5px 0px;
    color: black;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
	border-top: solid 2px white;
    box-shadow: 10px 0px 10px #888888;
	font-size: 14px;
}

.footer a {
	text-decoration: none;
    color: black;
}

.footer a:hover {
	text-decoration: underline;
}

.footer img {
	width: 30px;
}

/*FOOTER END */

/* HIDE CHECKPOINT */
.table_header_cell.table_header_cell_col11,
.table_cell.table_cell_col11.table_cell_cpno01 {
	/* display: none; */
}
/* HIDE CHECKPOINT END */

/* HIDE CATEGORIES */
.table_header_cell.table_header_cell_col2,
.table_cell.table_cell_col2 {
	display: none;
}
/* HIDE CHECKPOINT END */