/* --------------------------
Pitwall CSS
Copyright, Frank Van Laere
-------------------------- */

*, *:before, *:after {
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

html {
	height:100%;
}

body {
	height:100%;
	background: #E7E7E7;
	background-image: url('/image/background_1.jpg');
	background-size: cover;
	background-attachment: fixed;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	line-height: 140%;

	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

h1 {
	margin: 0px 0px 10px 0px;
	display: inline-block;
    width: 100%;
    color: #AF7B00;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}
h2 {
	margin: 0px 0px 10px 0px;
	display: inline-block;
    width: 100%;
    color: #AF7B00;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}
h3 {
	display: inline-block;
    width: 100%;
    font-size: 12px;
    color: #AF7B00;
    border-bottom: 1px solid #D8D8D8;
    padding-bottom: 5px;
	margin-top: 30px;
	margin-bottom: 10px;
    font-weight: bold;
    text-transform: uppercase;
}
div > h3:first-of-type {
	margin-top: 10px;
}
h4 {
	display: inline-block;
    width: 100%;
    font-size: 12px;
    color: #666666;
    border-bottom: 1px solid #D8D8D8;
	padding-bottom: 5px;
	margin-top: 30px;
    margin-bottom: 10px;
    font-weight: bold;
}
div > h4:first-of-type {
	margin-top: 10px;
}

p {
	margin: 0px;
}

hr {
	border: 0;
	border-top: 2px solid #AF7B00;
	margin-top: 20px;
	margin-bottom: 20px;
}
.hr_gray {
	border-top: 1px solid #D8D8D8;
	margin-top: 5px;
	margin-bottom: 10px;
}

ul {
	margin-block-start: 5px;
    margin-block-end: 5px;
    padding-inline-start: 15px;
}

#header_container {
	width: 100%;
	height: 90px;
	background-color: #282828;
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.3) 0, rgba(0,0,0,0) 70%),-webkit-linear-gradient(left, #282828 70px, #282828 100%);
	background-image: linear-gradient(0deg, rgba(0,0,0,0.3) 0, rgba(0,0,0,0) 70%),linear-gradient(to right, #282828 50px, #282828 100%);
	color: #FFFFFF;
	text-align: center;
	overflow: auto;
}
#header {
	margin-left: 5%;
	margin-right: 5%;
}
@media screen and (max-width: 1250px) { #header {
	margin-left: 0%;
	margin-right: 0%;
}}
#header_left {
	float: left;
	width: 35%;
}
@media screen and (max-width: 500px) { #header_left {
	display: none;
}}
#header_center {
	float: left;
	width: 30%;
}
@media screen and (max-width: 500px) { #header_center {
	width: 100%;
}}
#header_right {
	float: left;
	width: 35%;
}
@media screen and (max-width: 500px) { #header_right {
	display: none;
}}

#menu {
	width: 100%;
	height: 50px;
	background-color: #891C10;
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.3) 0, rgba(0,0,0,0) 50%),-webkit-linear-gradient(left, #891C10 70px, #891C10 100%);
	background-image: linear-gradient(0deg, rgba(0,0,0,0.3) 0, rgba(0,0,0,0) 50%),linear-gradient(to right, #891C10 70px, #891C10 100%);
	color: #FFFFFF;
	
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.1);
	box-shadow: 0 3px 5px rgba(0,0,0,.1);
}
#menu_links {
	margin-left: 10%;
	margin-right: 10%;
	position: relative;
}
@media screen and (max-width: 1250px) { #menu_links {
	margin-left: 0%;
	margin-right: 0%;
}}
@media screen and (max-width: 850px) { #menu_links {
	text-align: center;
}}
#menu_widgets {
	position: absolute;
	top: 0px;
	right: 0px;
}
@media screen and (max-width: 850px) { #menu_widgets {
	display: none;
}}

#menu_mobile_bar {
	display: none;
	width: 100%;
	height: 50px;
	background-color: #891C10;
	color: #FFFFFF;
	
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.1);
	box-shadow: 0 3px 5px rgba(0,0,0,.1);
}
@media screen and (max-width: 850px) { #menu_mobile_bar {
	display: block;
}}
#menu_mobile_bar_links {
	position: relative;
	line-height: 50px;
	padding-left: 5px;
}
@media screen and (max-width: 550px) { #menu_mobile_bar_links {
	font-size: 12px;
}}
@media screen and (max-width: 475px) { #menu_mobile_bar_links {
	font-size: 10px;
}}
@media screen and (max-width: 400px) { #menu_mobile_bar_links {
	line-height: 25px;
	margin-left: 5px;
}}

#menu_mobile_bar_links_linebreak {
	display: none;
}
@media screen and (max-width: 400px) { #menu_mobile_bar_links_linebreak {
	display: block;
}}

#menu_mobile_bar_widgets {
	position: absolute;
	top: 0px;
	right: 0px;
}
@media screen and (max-width: 550px) { #menu_mobile_bar_widgets > .dropdown_menu {
	
	padding-left: 5px;
	padding-right: 5px;
}}
@media screen and (max-width: 425px) { #menu_mobile_bar_widgets > .dropdown_menu {
	padding-left: 0px;
	padding-right: 0px;
}}

#container {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	width: 100%;
}


#sub_header_container {
	position: fixed;
	padding: 0px;
	height: 120px;
	width: 100%;

	background: #282828;
	color: #FFFFFF;
	opacity: 0.95;
}
#sub_header_left {
	float: left;
	width: 15%;
	height: 120px;
	text-align: center;

	background-image: url('image/logo/logo_background.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-ms-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
#sub_header {
	float: left;
	width: 85%;
	font-size: 14px;
}
#sub_header_team_bar {
	float: left;
	width: 100%;
	font-size: 13px;
	text-align: right;
}
#sub_header_menu {
	float: left;
	width: 75%;
	font-size: 14px;
}
#sub_header_search {
	float: right;
	width: 25%;
	text-align: right;
}

.sub_header_menu_item {
	text-align:center;
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	margin-right: 5px;
	border-bottom: 3px solid #891C10;
	color: #FFFFFF;
}
.sub_header_menu_item:hover { background-color: #4B4B4B;border-bottom: 3px solid #CA2112;color: #FFFFFF; }
.sub_header_menu_item a:link { text-decoration: none;color: #FFFFFF; }
.sub_header_menu_item a:visited { text-decoration: none;color: #FFFFFF; }
.sub_header_menu_item a:hover { text-decoration: none;color: #FFFFFF; }
.sub_header_menu_item a:active { text-decoration: none;color: #FFFFFF; }
.sub_header_menu_item_selected {
	background-color: #4B4B4B;border-bottom: 3px solid #CA2112;
}
.menu_header_active {
	border-bottom: 3px solid #8E261B;
}

.dropdown {
	position: relative;
	display: inline-block;
	line-height: 50px;
}
.dropdown-content {
	display: none;
	position: absolute;
	right:0;
	background-color: #f9f9f9;
	color: #000000;
	min-width: 175px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	text-align: left;
	line-height: normal;
	font-weight: normal;
	z-index: 100;
}
@media screen and (max-width: 400px) { .dropdown-content {
	min-width: 150px;
}}
.dropdown-content a {
	color: #000000;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content {
	display: block;
}
.dropdown:hover .dropbtn {
	background-color: #3e8e41;
}

.dropdown-content_gameinfo { left: 0;}
.dropdown-content_account { left: 0;}
.dropdown-content_management { left: 0;}
.dropdown-content_rd { left: 0;}
@media screen and (max-width: 375px) { .dropdown-content_rd { left: initial; right: 0;}}
.dropdown-content_personnel { left: 0;}
@media screen and (max-width: 450px) { .dropdown-content_personnel { left: initial; right: 0;}}
.dropdown-content_championship { left: 0;}
@media screen and (max-width: 600px) { .dropdown-content_championship { left: initial; right: 0;}}
.dropdown-content_racing { left: 0;}
@media screen and (max-width: 850px) { .dropdown-content_racing { left: initial; right: 0;}}

.dropdown-content_chat {
	right:0;
	background-color: #62AA3C;
	padding: 12px 16px;
	min-width: 450px;
	cursor: auto;
}
@media screen and (max-width: 800px) { .dropdown-content_chat {
	min-width: 232px;
}}
@media screen and (max-width: 400px) { .dropdown-content_chat {
	min-width: 232px;
}}
.dropdown-content_chat a {
	display: inline;
	padding: 0px;
}
.dropdown-content_chat a:hover {background-color: initial;}

.dropdown-content_notifications {
	right:0;
	/*background-color: #57a6f6;*/
	min-width: 225px;
	cursor: auto;
}

.dropdown-content_help {
	right:0;
	min-width: 225px;
	cursor: auto;
}

.dropdown_menu {
	line-height: 50px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
	padding-left: 10px;
	padding-right: 10px;
}
.dropdown_menu:hover { background-color: #CA2112; }
.dropdown_menu a:link { text-decoration: none; }
.dropdown_menu a:visited { text-decoration: none; }
.dropdown_menu a:hover { text-decoration: none; }
.dropdown_menu a:active { text-decoration: none; }
@media screen and (max-width: 400px) { .dropdown_menu {
	padding-left: 5px;
	padding-right: 5px;
}}

.menu_dropdown_text {
	display: inline-block;
}
@media screen and (max-width: 715px) { .menu_dropdown_text {
	display: none;
}}
.menu_dropdown_icon {
	display: none;
	font-size: 28px;
}
@media screen and (max-width: 715px) { .menu_dropdown_icon {
	display: inline-block;
}}
@media screen and (max-width: 525px) { .menu_dropdown_icon {
	font-size: 24px;
}}
@media screen and (max-width: 475px) { .menu_dropdown_icon {
	font-size: 20px;
}}
@media screen and (max-width: 425px) { .menu_dropdown_icon {
	font-size: 15px;
}}
.menu_dropdown_label {
	background: #891C10;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 0.8rem;
	
	margin-left: 5px;
	padding: 3px;
	padding-left: 10px;
	padding-right: 10px;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.header_live {
	width: 75%;
	background-color: #62AA3C;
	padding: 10px;
	color: #FFFFFF;
	text-align: center;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.header_account {
	background-color: rgba(255,255,255,0.8);
	padding: 10px;
	color: #000000;
	text-align: right;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
@media screen and (max-width: 1450px) { .header_account {
	font-size: 0.9em;
}}
@media screen and (max-width: 1250px) { .header_account {
	font-size: 0.8em;
}}
@media screen and (max-width: 1000px) { .header_account {
	font-size: 0.7em;
}}
@media screen and (max-width: 850px) { .header_account {
	display: none;
}}
.header_account_points {
	display: inline-block;
	width: 8px;
	height: 8px;
	background-color: #000000;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.header_account_points:after {
	content: '';
}
.header_account_points_designer { background-color: #57A6F6;}
.header_account_points_mechanic { background-color: #CA2112;}
.header_account_points_commercial { background-color: #FFCC5E;}
.header_account_points_white { background-color: #FFFFFF;}

/*
#advertising_desktop {
	display: block;
}
@media screen and (max-width: 750px) { #advertising_desktop { display: none;}}
#advertising_mobile {
	display: none;
}
@media screen and (max-width: 750px) { #advertising_mobile { display: block;}}
*/

#page_container {
	margin-top: 10px;
}
#page {
	float: left;
	width: 100%;
	padding-left: 5%;
	padding-right: 5%;
	min-height: 70vh;
}
@media screen and (max-width: 1250px) { #page {
	padding-left: 0%;
	padding-right: 0%;
}}

#footer {
	clear: both;
	width: 100%;
	height: 160px;
	bottom: 0;
}
.footer_container {
	color: #FFFFFF;
	background-color: #4B4B4B;
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.3) 0, rgba(0,0,0,0) 70%),-webkit-linear-gradient(top, #4C4C4C 50px, #4C4C4C 100%);
	background-image: linear-gradient(0deg, rgba(0,0,0,0.3) 0, rgba(0,0,0,0) 70%),linear-gradient(top, #4C4C4C 50px, #4C4C4C 100%);
	font-size: 10px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
#footer_left {
	text-align: right;
	padding: 5px;
}
@media screen and (max-width: 716px) { #footer_left {
	text-align: center;
}}
#footer_right {
	text-align: left;
	padding: 5px;
}
@media screen and (max-width: 716px) { #footer_right {
	text-align: center;
}}

#gdpr {
	position: fixed;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #3b4045;
	color: #FFFFFF;
	padding: 10px;
}
#gdpr p {
	margin: 5px 50px;
	text-align: center;
}

.header_item {
	background-color:#A02112;
	padding:4px;
	color:#FFFFFF;
	text-decoration:none;

	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}
.header_item:hover {
	color:#F4F3EB;
	background-color:#CA2112;
}

.flex {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.flex_10 { flex: 1 0 10px; padding: 5px;}
.flex_15 { flex: 1 0 15px; padding: 5px;}
.flex_20 { flex: 1 0 20px; padding: 5px;}
.flex_25 { flex: 1 0 25px; padding: 5px;}
.flex_30 { flex: 1 0 30px; padding: 5px;}
.flex_35 { flex: 1 0 35px; padding: 5px;}
.flex_40 { flex: 1 0 40px; padding: 5px;}
.flex_45 { flex: 1 0 45px; padding: 5px;}
.flex_50 { flex: 1 0 50px; padding: 5px;}
.flex_55 { flex: 1 0 55px; padding: 5px;}
.flex_60 { flex: 1 0 60px; padding: 5px;}
.flex_65 { flex: 1 0 65px; padding: 5px;}
.flex_70 { flex: 1 0 70px; padding: 5px;}
.flex_75 { flex: 1 0 75px; padding: 5px;}
.flex_80 { flex: 1 0 80px; padding: 5px;}
.flex_85 { flex: 1 0 85px; padding: 5px;}
.flex_90 { flex: 1 0 90px; padding: 5px;}
.flex_95 { flex: 1 0 95px; padding: 5px;}
.flex_100 { flex: 1 0 100px; padding: 5px;}
.flex_125 { flex: 1 0 125px; padding: 5px;}
.flex_150 { flex: 1 0 150px; padding: 5px;}
.flex_175 { flex: 1 0 175px; padding: 5px;}
.flex_200 { flex: 1 0 200px; padding: 5px;}
.flex_250 { flex: 1 0 250px; padding: 5px;}
.flex_275 { flex: 1 0 275px; padding: 5px;}
.flex_300 { flex: 1 0 300px; padding: 5px;}
.flex_350 { flex: 1 0 350px; padding: 5px;}
.flex_400 { flex: 1 0 400px; padding: 5px;}
.flex_450 { flex: 1 0 450px; padding: 5px;}
.flex_500 { flex: 1 0 500px; padding: 5px;}
.flex_550 { flex: 1 0 550px; padding: 5px;}
.flex_600 { flex: 1 0 600px; padding: 5px;}
.flex_650 { flex: 1 0 650px; padding: 5px;}
.flex_700 { flex: 1 0 700px; padding: 5px;}
.flex_750 { flex: 1 0 750px; padding: 5px;}
.flex_800 { flex: 1 0 800px; padding: 5px;}
.flex_850 { flex: 1 0 850px; padding: 5px;}
.flex_900 { flex: 1 0 900px; padding: 5px;}
.flex_950 { flex: 1 0 950px; padding: 5px;}
.flex_1000 { flex: 1 0 1000px; padding: 5px;}

.flex_grow_0 { flex-grow: 0;}
.flex_grow_025 { flex-grow: 0.25;}
.flex_grow_05 { flex-grow: 0.5;}
.flex_grow_075 { flex-grow: 0.75;}
.flex_grow_1 { flex-grow: 1;}
.flex_grow_2 { flex-grow: 2;}
.flex_grow_3 { flex-grow: 3;}
.flex_grow_4 { flex-grow: 4;}
.flex_grow_5 { flex-grow: 5;}
.flex_grow_6 { flex-grow: 6;}
.flex_grow_7 { flex-grow: 7;}
.flex_grow_8 { flex-grow: 8;}
.flex_grow_9 { flex-grow: 9;}
.flex_grow_10 { flex-grow: 10;}

.flex_hide_100 { visibility: visible;}
@media screen and (max-width: 100px) { .flex_hide_100 { display: none;}}
.flex_hide_200 { visibility: visible;}
@media screen and (max-width: 200px) { .flex_hide_200 { display: none;}}
.flex_hide_300 { visibility: visible;}
@media screen and (max-width: 300px) { .flex_hide_300 { display: none;}}
.flex_hide_400 { visibility: visible;}
@media screen and (max-width: 400px) { .flex_hide_400 { display: none;}}
.flex_hide_500 { visibility: visible;}
@media screen and (max-width: 500px) { .flex_hide_500 { display: none;}}
.flex_hide_550 { visibility: visible;}
@media screen and (max-width: 550px) { .flex_hide_550 { display: none;}}
.flex_hide_600 { visibility: visible;}
@media screen and (max-width: 600px) { .flex_hide_600 { display: none;}}
.flex_hide_650 { visibility: visible;}
@media screen and (max-width: 650px) { .flex_hide_650 { display: none;}}
.flex_hide_700 { visibility: visible;}
@media screen and (max-width: 700px) { .flex_hide_700 { display: none;}}
.flex_hide_800 { visibility: visible;}
@media screen and (max-width: 800px) { .flex_hide_800 { display: none;}}
.flex_hide_900 { visibility: visible;}
@media screen and (max-width: 900px) { .flex_hide_900 { display: none;}}
.flex_hide_1000 { visibility: visible;}
@media screen and (max-width: 1000px) { .flex_hide_1000 { display: none;}}
.flex_hide_1100 { visibility: visible;}
@media screen and (max-width: 1100px) { .flex_hide_1100 { display: none;}}
.flex_hide_1200 { visibility: visible;}
@media screen and (max-width: 1200px) { .flex_hide_1200 { display: none;}}
.flex_hide_1300 { visibility: visible;}
@media screen and (max-width: 1300px) { .flex_hide_1300 { display: none;}}
.flex_hide_1400 { visibility: visible;}
@media screen and (max-width: 1400px) { .flex_hide_1400 { display: none;}}
.flex_hide_1500 { visibility: visible;}
@media screen and (max-width: 1500px) { .flex_hide_1500 { display: none;}}


.frame_1 { float: left; width: 1%; }
.frame_2 { float: left; width: 2%; }
.frame_3 { float: left; width: 3%; }
.frame_4 { float: left; width: 4%; }
.frame_5 { float: left; width: calc(5% - 10px); }
.frame_6 { float: left; width: 6%; }
.frame_7 { float: left; width: 7%; }
.frame_8 { float: left; width: 8%; }
.frame_9 { float: left; width: 9%; }
.frame_10 { float: left; width: calc(10% - 10px); }
.frame_11 { float: left; width: 11%; }
.frame_12 { float: left; width: 12%; }
.frame_13 { float: left; width: 13%; }
.frame_14 { float: left; width: 14%; }
.frame_15 { float: left; width: calc(15% - 10px); }
.frame_16 { float: left; width: 16%; }
.frame_17 { float: left; width: 17%; }
.frame_18 { float: left; width: 18%; }
.frame_19 { float: left; width: 19%; }
.frame_20 { float: left; width: calc(20% - 10px); }
.frame_21 { float: left; width: 21%; }
.frame_22 { float: left; width: 22%; }
.frame_23 { float: left; width: 23%; }
.frame_24 { float: left; width: 24%; }
.frame_25 { float: left; width: calc(25% - 10px); }
.frame_26 { float: left; width: 26%; }
.frame_27 { float: left; width: 27%; }
.frame_28 { float: left; width: 28%; }
.frame_29 { float: left; width: 29%; }
.frame_30 { float: left; width: calc(30% - 10px); }
.frame_31 { float: left; width: 31%; }
.frame_32 { float: left; width: 32%; }
.frame_33 { float: left; width: 33%; }
.frame_34 { float: left; width: 34%; }
.frame_35 { float: left; width: calc(35% - 10px); }
.frame_36 { float: left; width: 36%; }
.frame_37 { float: left; width: 37%; }
.frame_38 { float: left; width: 38%; }
.frame_39 { float: left; width: 39%; }
.frame_40 { float: left; width: calc(40% - 10px); }
.frame_41 { float: left; width: 41%; }
.frame_42 { float: left; width: 42%; }
.frame_43 { float: left; width: 43%; }
.frame_44 { float: left; width: 44%; }
.frame_45 { float: left; width: calc(45% - 10px); }
.frame_46 { float: left; width: 46%; }
.frame_47 { float: left; width: 47%; }
.frame_48 { float: left; width: 48%; }
.frame_49 { float: left; width: 49%; }
.frame_50 { float: left; width: calc(50% - 10px); }
.frame_51 { float: left; width: 51%; }
.frame_52 { float: left; width: 52%; }
.frame_53 { float: left; width: 53%; }
.frame_54 { float: left; width: 54%; }
.frame_55 { float: left; width: calc(55% - 10px); }
.frame_56 { float: left; width: 56%; }
.frame_57 { float: left; width: 57%; }
.frame_58 { float: left; width: 58%; }
.frame_59 { float: left; width: 59%; }
.frame_60 { float: left; width: calc(60% - 10px); }
.frame_61 { float: left; width: 61%; }
.frame_62 { float: left; width: 62%; }
.frame_63 { float: left; width: 63%; }
.frame_64 { float: left; width: 64%; }
.frame_65 { float: left; width: calc(65% - 10px); }
.frame_66 { float: left; width: 66%; }
.frame_67 { float: left; width: 67%; }
.frame_68 { float: left; width: 68%; }
.frame_69 { float: left; width: 69%; }
.frame_70 { float: left; width: calc(70% - 10px); }
.frame_71 { float: left; width: 71%; }
.frame_72 { float: left; width: 72%; }
.frame_73 { float: left; width: 73%; }
.frame_74 { float: left; width: 74%; }
.frame_75 { float: left; width: calc(75% - 10px); }
.frame_76 { float: left; width: 76%; }
.frame_77 { float: left; width: 77%; }
.frame_78 { float: left; width: 78%; }
.frame_79 { float: left; width: 79%; }
.frame_80 { float: left; width: calc(80% - 10px); }
.frame_81 { float: left; width: 81%; }
.frame_82 { float: left; width: 82%; }
.frame_83 { float: left; width: 83%; }
.frame_84 { float: left; width: 84%; }
.frame_85 { float: left; width: calc(85% - 10px); }
.frame_86 { float: left; width: 86%; }
.frame_87 { float: left; width: 87%; }
.frame_88 { float: left; width: 88%; }
.frame_89 { float: left; width: 89%; }
.frame_90 { float: left; width: calc(90% - 10px); }
.frame_91 { float: left; width: 91%; }
.frame_92 { float: left; width: 92%; }
.frame_93 { float: left; width: 93%; }
.frame_94 { float: left; width: 94%; }
.frame_95 { float: left; width: calc(95% - 10px); }
.frame_96 { float: left; width: 96%; }
.frame_97 { float: left; width: 97%; }
.frame_98 { float: left; width: 98%; }
.frame_99 { float: left; width: 99%; }
.frame_100 { float: left; width: calc(100% - 10px); }

.frame_1_relative { float: left; width: 1%; }
.frame_2_relative { float: left; width: 2%; }
.frame_3_relative { float: left; width: 3%; }
.frame_4_relative { float: left; width: 4%; }
.frame_5_relative { float: left; width: 5%; }
.frame_6_relative { float: left; width: 6%; }
.frame_7_relative { float: left; width: 7%; }
.frame_8_relative { float: left; width: 8%; }
.frame_9_relative { float: left; width: 9%; }
.frame_10_relative { float: left; width: 10%; }
.frame_11_relative { float: left; width: 11%; }
.frame_12_relative { float: left; width: 12%; }
.frame_13_relative { float: left; width: 13%; }
.frame_14_relative { float: left; width: 14%; }
.frame_15_relative { float: left; width: 15%; }
.frame_16_relative { float: left; width: 16%; }
.frame_17_relative { float: left; width: 17%; }
.frame_18_relative { float: left; width: 18%; }
.frame_19_relative { float: left; width: 19%; }
.frame_20_relative { float: left; width: 20%; }
.frame_21_relative { float: left; width: 21%; }
.frame_22_relative { float: left; width: 22%; }
.frame_23_relative { float: left; width: 23%; }
.frame_24_relative { float: left; width: 24%; }
.frame_25_relative { float: left; width: 25%; }
.frame_26_relative { float: left; width: 26%; }
.frame_27_relative { float: left; width: 27%; }
.frame_28_relative { float: left; width: 28%; }
.frame_29_relative { float: left; width: 29%; }
.frame_30_relative { float: left; width: 30%; }
.frame_31_relative { float: left; width: 31%; }
.frame_32_relative { float: left; width: 32%; }
.frame_33_relative { float: left; width: 33%; }
.frame_34_relative { float: left; width: 34%; }
.frame_35_relative { float: left; width: 35%; }
.frame_36_relative { float: left; width: 36%; }
.frame_37_relative { float: left; width: 37%; }
.frame_38_relative { float: left; width: 38%; }
.frame_39_relative { float: left; width: 39%; }
.frame_40_relative { float: left; width: 40%; }
.frame_45_relative { float: left; width: 45%; }
.frame_46_relative { float: left; width: 46%; }
.frame_47_relative { float: left; width: 47%; }
.frame_48_relative { float: left; width: 48%; }
.frame_49_relative { float: left; width: 49%; }
.frame_50_relative { float: left; width: 50%; }
.frame_55_relative { float: left; width: 55%; }
.frame_60_relative { float: left; width: 60%; }
.frame_65_relative { float: left; width: 65%; }
.frame_70_relative { float: left; width: 70%; }
.frame_75_relative { float: left; width: 75%; }
.frame_80_relative { float: left; width: 80%; }
.frame_85_relative { float: left; width: 85%; }
.frame_90_relative { float: left; width: 90%; }
.frame_95_relative { float: left; width: 95%; }
.frame_100_relative { float: left; width: 100%; }

.frame_absolute_4 { float: left; width: 4px; }
.frame_absolute_5 { float: left; width: 5px; }
.frame_absolute_10 { float: left; width: 10px; }
.frame_absolute_15 { float: left; width: 15px; }
.frame_absolute_19 { float: left; width: 19px; }
.frame_absolute_20 { float: left; width: 20px; }
.frame_absolute_25 { float: left; width: 25px; }
.frame_absolute_30 { float: left; width: 30px; }
.frame_absolute_40 { float: left; width: 40px; }
.frame_absolute_50 { float: left; width: 50px; }
.frame_absolute_60 { float: left; width: 60px; }
.frame_absolute_70 { float: left; width: 70px; }
.frame_absolute_80 { float: left; width: 80px; }
.frame_absolute_90 { float: left; width: 90px; }
.frame_absolute_100 { float: left; width: 100px; }
.frame_absolute_110 { float: left; width: 110px; }
.frame_absolute_120 { float: left; width: 120px; }
.frame_absolute_125 { float: left; width: 125px; }
.frame_absolute_130 { float: left; width: 130px; }
.frame_absolute_140 { float: left; width: 140px; }
.frame_absolute_150 { float: left; width: 150px; }
.frame_absolute_160 { float: left; width: 160px; }
.frame_absolute_170 { float: left; width: 170px; }
.frame_absolute_180 { float: left; width: 180px; }
.frame_absolute_190 { float: left; width: 190px; }
.frame_absolute_200 { float: left; width: 200px; }
.frame_absolute_250 { float: left; width: 250px; }
.frame_absolute_300 { float: left; width: 300px; }
.frame_absolute_350 { float: left; width: 350px; }
.frame_absolute_400 { float: left; width: 400px; }
.frame_absolute_450 { float: left; width: 450px; }
.frame_absolute_500 { float: left; width: 500px; }
.frame_absolute_800 { float: left; width: 800px; }

.line {
	line-height: 1px;
}

.tab_container {
	display: inline-flex;
	margin-bottom: 5px;
	border-bottom: 1px solid rgb(212, 218, 229);
}
.tab_header {
	display: inline-table;
	margin: 10px 2px -2px 2px;
	padding: 5px 10px 5px 10px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
}
.tab_header:hover {
	border-bottom: 2px solid #990000;
}
.tab_header_active {
	border-bottom: 2px solid #990000;
	color: #990000 !important;
}

.panel {
	background-color: rgba(250,250,250,0.8);
	padding: 10px;
	margin: 5px;
	box-sizing: border-box;
	
	-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
	-moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.panel_blue { background-color: rgba(217, 237, 247, 0.8); color: rgba(49, 112, 143, 1);}
.panel_green { background-color: rgba(223, 240, 216, 0.8); color: rgba(60, 118, 61, 1);}
.panel_red { background-color: rgba(242, 222, 222, 0.8); color: rgba(169, 68, 66, 1);}
.panel_yellow {background-color: rgba(252, 248, 227, 0.8); color: rgba(138, 109, 59, 1);}
.panel_gold { background-color: rgba(255, 215, 0, 0.8); color: #000000;}
.panel_header {
	display: inline-block;
	width: 100%;
	color: #AF7B00;
	font-size: 15px;
	margin-bottom: 10px;
	font-weight: bold;
	text-align: center;
}
.panel_header a:link {
	color: #AF7B00;
	text-decoration: none;
}
.panel_header a:visited {
	color: #AF7B00;
	text-decoration: none;
}
.panel_header a:hover {
	color: #AF7B00;
	text-decoration: none;
}
.panel_header a:active {
	color: #AF7B00;
	text-decoration: none;
}
.panel_header_sub {
	display: inline-block;
	width: 100%;
	font-size: 12px;
	color: #AF7B00;
	border-bottom: 1px solid #D8D8D8;
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
.panel_header_sub a:link {
	color: #AF7B00;
	text-decoration: none;
}
.panel_header_sub a:visited {
	color: #AF7B00;
	text-decoration: none;
}
.panel_header_sub a:hover {
	color: #AF7B00;
	text-decoration: none;
}
.panel_header_sub a:active {
	color: #AF7B00;
	text-decoration: none;
}

.panel_sub {
	background-color: rgba(250,250,250,1);
	padding: 10px;
	margin: 10px;

	-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
	-moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.index_logo {
	margin-top: 25px;
	margin-bottom: 20px;
	width: 180px;
	height: 140px;
}
@media screen and (max-width: 600px) { .index_logo { width: 120px; height: 93px; }}

.index_catchline {
	font-family: 'Roboto', sans-serif;
	font-size: 46px;
	line-height: 58px;
	font-weight: bold;
	text-align: center;
	color: #891C10;
	
	max-width: 710px;
    margin: 20px auto;
}
@media screen and (max-width: 900px) { .index_catchline { font-size: 40px; line-height: 52px;}}
@media screen and (max-width: 700px) { .index_catchline { font-size: 34px; line-height: 46px;}}
@media screen and (max-width: 500px) { .index_catchline { font-size: 28px; line-height: 40px;}}

.index_container {
	max-width: 900px;
    margin: 40px auto;
}

.shop_payment {
	background: #CCCCCC;
	padding: 5px;
	margin: 5px;
	text-align: center;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.shop_options {
	background: #CCCCCC;
	padding: 5px;
	margin: 5px;
	text-align: center;
	cursor: pointer;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.shop_options:hover {
	background: #C0C0C0;
}
.shop_options_selected {
	background: #339900;
	color: #FFFFFF;
}

.feedback_inline_success { 
	background-color: rgba(223, 240, 216, 0.8);
	color: rgba(60, 118, 61, 1);
	margin: 10px 0px 10px 0px;
	padding: 10px;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.feedback_inline_warning {
	background-color: rgba(255, 215, 0, 0.8); 
	color: #000000;
	margin: 10px 0px 10px 0px;
	padding: 10px;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.feedback_inline_error {
	background-color: rgba(242, 222, 222, 0.8);
	color: rgba(169, 68, 66, 1);
	margin: 10px 0px 10px 0px;
	padding: 10px;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.feedback_inline_information {
	background-color: rgba(87, 166, 246, 0.5);
	color: rgba(255, 255, 255, 1);
	margin: 10px 0px 10px 0px;
	padding: 10px;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.box {
	margin-right: 5px;
}
.box_left_blue, .box_left_team, .box_right_blue, .box_right_help, .box_right_options, .box_right_live, .box_right_green {
	margin-bottom: 10px;
}
.box_left_blue {
	background: rgba(87, 166, 246, 0.8);
	color: #FFFFFF;
	padding: 5px;
}
.box_left_team {
	background: rgba(255, 247, 185, 0.8);
	color: #000000;
	padding: 5px;
}
.box_left_team a:link {
	color: #000000;
	text-decoration: none;
	border-bottom:1px dotted #000000;
}
.box_left_team a:visited {
	color: #000000;
	text-decoration: none;
	border-bottom:1px dotted #000000;
}
.box_left_team a:hover {
	color: #000000;
	text-decoration: none;
	border-bottom:1px solid #000000;
}
.box_left_team a:active {
	color: #000000;
	text-decoration: none;
	border-bottom:1px solid #000000;
}
.box_right_blue {
	background: rgba(125, 184, 244, 0.8);
	color: #FFFFFF;
	padding: 5px;
}
.box_right_help {
	background: rgba(125, 184, 244, 0.8);
	color: #FFFFFF;
	padding: 5px;
}
.box_right_help a:link {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom:1px dotted #FFFFFF;
}
.box_right_help a:visited {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom:1px dotted #FFFFFF;
}
.box_right_help a:hover {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom:1px solid #FFFFFF;
}
.box_right_help a:active {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom:1px solid #FFFFFF;
}
.box_right_options {
	background: rgba(251, 245, 198, 0.8);
	color: #000000;
	padding: 5px;
	border-left: 6px solid #FBD43C;
}
.box_right_options a:link {
	color: #000000;
	text-decoration: none;
	border-bottom:1px dotted #000000;
}
.box_right_options a:visited {
	color: #000000;
	text-decoration: none;
	border-bottom:1px dotted #000000;
}
.box_right_options a:hover {
	color: #000000;
	text-decoration: none;
	border-bottom:1px solid #000000;
}
.box_right_options a:active {
	color: #000000;
	text-decoration: none;
	border-bottom:1px solid #000000;
}
.box_right_live {
	background: rgba(251, 245, 198, 0.8);
	color: #FFFFFF;
	padding: 5px;
}
.box_right_live a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.box_right_live a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.box_right_live a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.box_right_live a:active {
	color: #FFFFFF;
	text-decoration: none;
}
.box_right_green {
	background: rgba(98, 170, 60, 0.8);
	color: #FFFFFF;
	padding: 5px;
	text-align: left;
}
.box_right_green a:link {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom:1px dotted #FFFFFF;
}
.box_right_green a:visited {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom:1px dotted #FFFFFF;
}
.box_right_green a:hover {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom:1px solid #FFFFFF;
}
.box_right_green a:active {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom:1px solid #FFFFFF;
}

.box_gold, .box_green, .box_red, .box_blue {
	padding: 10px;
	margin-bottom: 10px;
}
.box_gold {
	background: rgba(255, 204, 94, 0.8);
	color: #AF7B00;
}
.box_green {		
	background: rgba(51, 153, 0, 0.8);
	color: #FFFFFF;
}
.box_red {
	background: rgba(202, 33, 18, 0.8);
	color: #FFFFFF;
}
.box_blue {
	background: rgba(87, 166, 246, 0.8);
	color: #FFFFFF;
}

.box_text {
	padding: 10px;
	margin: 5px;
	background: #CCC;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.background_blue {
	background: #57a6f6;
}
.background_blue_80 {
	background: rgba(87, 166, 246, 0.8);
}
.background_green {
	background: #B9FFB9;
}
.background_green_light {
	background: #DFFFDF;
}
.background_red {
	background: #CA2112;
}
.background_orange {
	background: rgba(255, 215, 0, 1); 
}
.background_orange_80 {
	background: rgba(87, 166, 246, 0.8);
}
.background_gray_light {
	background: #CCC;
}
.background_gold {
	background: #FFD700;
} 
.background_silver {
	background: #C0C0C0;
}
.background_bronze {
	background: #CD7F32;
}

.text_bottom {
	display: inline-block;
	height: 100%;
	vertical-align: bottom;
	width: 0px;
}


/*.tooltip { 
	display: inline-block;
	width: 5em;
	border-bottom: #000000 1px dotted;
	max-width: 200px;
}*/
.tooltip { 
	display: inline-block;
	/*width: 5em;*/
	/*border-bottom: #000000 1px dotted;*/
	max-width: 200px;
}

.icon_female {
	color: #FFB6C1;
	font-weight: bold !important;
}
.icon_male {
	color: #89CFF0;
	font-weight: bold !important;
}

.border_left { border-left: 1px solid #CBCBCB; padding-left:15px; margin-left:15px; }
.border_top { border-top: 1px solid #CBCBCB; padding-top:15px; margin-top:15px; }
.border_right { border-right:1px solid #CBCBCB; padding-right:15px; margin-right:15px; }
.border_bottom { border-bottom: 1px solid #CBCBCB; padding-bottom:15px; margin-bottom:15px; }

.button_page, .button_page a {
	display: inline-block;
	background-color: rgba(250, 250, 250, 0.8);
	color: #000000;
	text-decoration: none;
	padding: 10px;
	cursor: pointer;
	border-left: 1px solid #CBCBCB;
	border-right: 1px solid #CBCBCB;
	-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
}

.button_page:hover {
	background-color: rgba(250, 250, 250, 1);
}
.button_page a:link { color: #000000; text-decoration: none;}
.button_page a:visited { color: #000000; text-decoration: none;}
.button_page a:hover { color: #000000; text-decoration: none;}
.button_page a:active { color: #000000; text-decoration: none;}
.button_page_selected {
	background-color: rgba(250, 250, 250, 1);
	font-weight: bold;
}
.button_page_container .button_page:first-of-type {
	border-left: none;
	border-right: none;
	padding-left: 20px;
	
	-webkit-border-bottom-left-radius: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-moz-border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	border-top-left-radius: 20px;
}
.button_page_container .button_page:last-of-type {
	border-left: none;
	border-right: none;
	padding-right: 20px;
	
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border-top-right-radius: 20px;
}

.button, .button_red {
	background-color:#A02112;
	padding: 10px 20px;
	margin: 10px 5px 10px 5px;
	color:#FFFFFF;
	text-decoration:none;
	text-align: center;
	display: inline-block;
	/*border-bottom: 2px solid #782112;*/
	cursor: pointer;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	box-shadow: 2px 2px 5px 0 rgba(0,0,0,.25);
}
.button_red:hover {
	color:#F4F3EB;
	background-color:#CA2112;
}
.button_red:active {
	color:#F4F3EB;
	background-color:#A02112;
}

.button_green {
	background-color:#339900;
	padding: 10px 20px;
	margin: 3px;
	color:#FFFFFF;
	text-decoration:none;
	text-align: center;
	display: inline-block;
	/*border-bottom: 2px solid #337100;*/
	cursor: pointer;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	box-shadow: 2px 2px 5px 0 rgba(0,0,0,.25);
}
.button_green:hover {
	color:#FFFFFF;
	background-color:#33BE00;
}
.button_green:active {
	color:#FFFFFF;
	background-color:#339900;
}

.button_black {
	background-color:#000000;
	padding: 10px 20px;
	margin: 3px;
	color:#FFFFFF;
	text-decoration:none;
	text-align: center;
	display: inline-block;
	/*border-bottom: 2px solid #000000;*/
	cursor: pointer;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	box-shadow: 2px 2px 5px 0 rgba(0,0,0,.25);
}
.button_black:hover {
	color:#FFFFFF;
	background-color:#333333;
}
.button_black:active {
	color:#FFFFFF;
	background-color:#000000;
}

.button_white {
	background-color:#F4F4F4;
	padding: 10px 20px;
	margin: 3px;
	color:#000000;
	text-decoration:none;
	text-align: center;
	display: inline-block;
	/*border-bottom: 2px solid #E5E5E5;*/
	cursor: pointer;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	box-shadow: 2px 2px 5px 0 rgba(0,0,0,.25);
}
.button_white:hover {
	color:#000000;
	background-color:#FFFFFF;
}
.button_white:active {
	color:#000000;
	background-color:#F4F4F4;
}

.button_gray {
	background-color:#CCCCCC;
	padding: 10px 20px;
	margin: 3px;
	color:#000000;
	text-decoration:none;
	text-align: center;
	display: inline-block;
	/*border-bottom: 2px solid #999999;*/
	cursor: pointer;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	box-shadow: 2px 2px 5px 0 rgba(0,0,0,.25);
}
.button_gray:hover {
	color:#000000;
	background-color:#FFFFFF;
}
.button_gray:active {
	color:#000000;
	background-color:#CCCCCC;
}

.button_white {
	border: 1px solid #ccc;
	padding: 10px 20px;
	margin: 3px;
	text-decoration: none;
	text-align: center;
	color: #666;
	font-family: arial, verdana, tahoma;
	font-size: 11px;
	display: inline-block;
	cursor: pointer;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;

	box-shadow: 2px 2px 5px 0 rgba(0,0,0,.25);
}

.button_brown {
	background-color:#AF7B00;
	padding: 10px 20px;
	margin: 3px;
	color:#FFFFFF;
	text-decoration:none;
	text-align: center;
	display: inline-block;
	/*border-bottom: 2px solid #7A5500;*/
	cursor: pointer;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	box-shadow: 2px 2px 5px 0 rgba(0,0,0,.25);
}
.button_brown:hover {
	color:#FFFFFF;
	background-color:#D19200;
}
.button_brown:active {
	color:#FFFFFF;
	background-color:#7A5500;
}

.form_input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}
.form_button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #A02112;
	color: #FFFFFF;
	
	border: 0;
	/*border-bottom: 2px solid #782112;*/
	padding: 10px 20px;
	margin: 10px 5px 10px 5px;
	
	cursor: pointer;
	outline: 0;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	box-shadow: 2px 2px 5px 0 rgba(0,0,0,.25);
}
.form_button:hover {
	color:#F4F3EB;
	background-color:#CA2112;
}
.form_button_administrative {
	background-color: rgba(0, 0, 0, 0.2);
	color: #FFFFFF;
	border: 2px solid #000000;
	padding: 10px 20px;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

    box-shadow: 2px 2px 5px 0 rgba(0,0,0,.25);
}
.form_button_administrative:hover {
	background-color: rgba(0, 0, 0, 0.5);
	color: #FFFFFF;
}
.form_button_designer {
	background-color: rgba(87, 166, 246, 0.2);
	color: #000000;
	border: 2px solid #57A6F6;
	padding: 10px 20px;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	box-shadow: 2px 2px 5px 0 rgba(0,0,0,.25);
}
.form_button_designer:hover {
	background-color: rgba(87, 166, 246, 0.5);
	color: #000000;
}
.form_button_mechanic {
	background-color: rgba(202, 33, 18, 0.2);
	color: #000000;
	border: 2px solid #CA2112;
	padding: 10px 20px;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	box-shadow: 2px 2px 5px 0 rgba(0,0,0,.25);
}
.form_button_mechanic:hover {
	background-color: rgba(202, 33, 18, 0.5);
	color: #000000;
}
.form_button_commercial {
	background-color: rgba(255, 204, 94, 0.2);
	color: #000000;
	border: 2px solid #FFCC5E;
	padding: 10px 20px;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	box-shadow: 2px 2px 5px 0 rgba(0,0,0,.25);
}
.form_button_commercial:hover {
	background-color: rgba(255, 204, 94, 0.5);
	color: #000000;
}
.form_feedback {
	display: inline-block;
	background: rgba(255, 204, 94, 1);
	color: #AF7B00;
	padding: 5px;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	box-shadow: 2px 2px 5px 0 rgba(0,0,0,.25);
}

.button_open {
	background-color: transparent;
    padding: 8px 15px;
    margin: 3px;
	color: #782112;
	font-weight: bold;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    border: 2px solid #782112;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.button_open:hover {
	background-color: #782112;
	color: #FFFFFF;
}

.table_header {
	background: rgba(102,102,102,0.8);
	color: #FFFFFF;
	font-size: 11px;
	padding-left: 2px;
	padding-right: 2px;
}
.table_header > div {
	padding: 2px;
}
.table_footer > div {
	padding: 2px;
}
.table_row {
	border-bottom: #DBDBDB 1px solid;
}
.table_row > div {
	padding: 2px;
}
.table_row:nth-child(even){
	background-color: #EEEEEE;
}
.table_row:hover {
	background: #DBDBDB;
	color:#000000;
}
.table_row_links a:link { color: #3F3F3F; text-decoration: none; border-bottom:none;}
.table_row_links a:visited { color: #3F3F3F; }
.table_row_links a:hover { color: #3F3F3F; border-bottom:1px dotted #3F3F3F;}
.table_row_links a:active { color: #3F3F3F; border-bottom:1px dotted #3F3F3F;}

.table_footer {
	background: rgba(102,102,102,0.8);
	color: #FFFFFF;
	font-size: 11px;
	padding-left: 2px;
	padding-right: 2px;
}

.row_left {
	text-align: right;
	color: #666666;
	padding: 2px;
	padding-right: 4px;
}
.row_right {
	padding: 2px;
	padding-left: 4px;
}

.text_left { text-align: left;}
.text_center { text-align: center;}
.text_right { text-align: right;}

.invisible {display: none;}
.hide {visibility: hidden;}
.show {visibility: visible;}

.background_green { background:#390; }
.background_red { background:#A02112; }
.background_white { background:#FFFFFF; }
.background_black { background:#000000; }
.background_gray { background:#999999; }

.radio_container {
    box-sizing: border-box;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: stretch;
}
.radio_container input[type="radio"]:checked+label {
	color: #FFFFFF;
	background-color: #782112;
}
.radio_container input[type="radio"] {
	display: none;
}
.radio_container label {
	margin: 0;
    padding: 8px 20px;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    border-right: solid 1px #DDD;
    background-color: #FFFFFF;
    line-height: 140%;
    text-align: center;
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
	cursor: pointer;
}
.radio_container label:hover {
	color: #FFFFFF;
	background-color: #A02112;
}
.radio_container label:first-of-type {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
.radio_container label:last-of-type {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	border-right: none;
}

.radio_label input[type="radio"] {
	display: none;
}
.radio_label label {
	display: inline-block;
	margin: 15px 5px;
	padding: 8px 20px;
    border: solid 1px #E5E5E5;
    background-color: #FFFFFF;
    line-height: 140%;
    text-align: center;
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
	cursor: pointer;
	border-radius: 4px;
}
.radio_label label:hover {
	color: #FFFFFF;
    background-color: #A02112;
}
.radio_label input[type="radio"]:checked+label {
	color: #FFFFFF;
	background-color: #782112;
}

.politics_votes {
	display: inline-block;
	background-color: rgba(250, 250, 250, 0.8);
	color: #FFFFFF;
	text-align: center;
	min-width: 100px;
	font-weight: bold;
	text-decoration: none;
	padding: 10px;
	-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
}
.politics_votes_for { 
	background-color: #339900;
}
.politics_votes_against {
	background-color: #CA2112;
}
.politics_votes_abstained {
	background-color: #808080;
}
.politics_votes_container .politics_votes:first-of-type {
	padding-left: 20px;
	
	-webkit-border-bottom-left-radius: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-moz-border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	border-top-left-radius: 20px;
}
.politics_votes_container .politics_votes:last-of-type {
	padding-right: 20px;
	
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border-top-right-radius: 20px;
}

.skills {
	color: #FFFFFF;
	padding: 1px 3px 1px 3px;
	line-height: 24px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.skills_11 { background: #00CC00;}
.skills_10 { background: #00CC00;}
.skills_9 { background: #1CB803;}
.skills_8 { background: #38A507;}
.skills_7 { background: #55920A;}
.skills_6 { background: #717F0E;}
.skills_5 { background: #8D6C11;}
.skills_4 { background: #AA5915;}
.skills_3 { background: #C64618;}
.skills_2 { background: #E2331C;}
.skills_1 { background: #FF2020;}
.skills_unknown { background: #808080; padding-right: 5px;}

.label {
	display: inline-block;
	text-align: center;
	
	color: #FFFFFF;
	min-width: 30px;
	line-height: 20px;
	margin: 1px;
	padding: 0px 4px 0px 4px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.label_green { background: #38A507;}
.label_red { background: #E2331C;}
.label_purple { background: #BF00BF;}
.label_gold { background: #FFB600;}
.label_silver { background: #C0C0C0;}
.label_bronze { background: #CD7F32;}


.division_label {
	display: inline-block;
	min-width: 90px;
	text-align: center;
	margin-top: 1px;
	padding: 2px 4px 2px 4px;
    border-radius: 3px;
}

.forum_header {
	background: #E7E7E7;
	border-bottom: #DBDBDB 1px solid;
	border-top: #CACACA 1px solid;
	color: #797979;
	font-size: 11px;
}
.forum_topic {
	border-bottom: #DBDBDB 1px solid;
}
.forum_footer {
	background: #E7E7E7;
	border-top: #DBDBDB 1px solid;
	border-bottom: #CACACA 1px solid;
	color: #797979;
	font-size: 11px;
}

.forum_message {
	background: #F9F9F9;
	padding: 5px;
	min-height: 144px;
}

.forum_page {
	width: 24px;
	padding: 3px;
	margin-right: 0px;
	margin-left: 0px;
	border-radius: 50px;
	border-bottom: none;
}

.text_quote {
	background: #FFFFFF;
	border-left: #CACACA 3px solid;
	padding: 5px;
	margin: 5px;
	margin-left: 15px;
}

.text_table_left {
	text-align: right;
	color: #797979;
	padding: 3px;
}
.text_table_right {
	text-align: left;
	padding: 3px;
}

.driver_information {
	padding: 5px;
	border: #A02112 2px dashed;
	margin: 5px;
}

.strategy_background_green {
	background: #339900;
}
.strategy_background_green_dark {
	background: #184400;
}
.strategy_background_red {
	background: #FF0000;
}
.strategy_background_red_dark {
	background: #7F0000;
}
.strategy_background_gray {
	background: #999999;
}
.strategy_background_gold {
	background: #FFCC5E;
}

.disabled_look {
	opacity: 0.3;
	
	cursor: default;
	
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.box_dashed {
	padding: 5px;
	border: #A02112 2px dashed;
	margin: 5px;
}

.development_navigation_desktop {
	display: block;
}
@media screen and (max-width: 1250px) { .development_navigation_desktop { display: none;}}
.development_navigation_mobile {
	display: none;
}
@media screen and (max-width: 1250px) { .development_navigation_mobile { display: block;}}
.dropdown_development_parts {
	line-height: 50px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
	padding-left: 10px;
	padding-right: 10px;
	background-color: rgba(250,250,250,0.8);
	color: #000000;
}
.dropdown_development_parts:hover { background-color: #EEEEEE; }
.dropdown-content_development_item {
	display: block;
	color: #000000;
	padding: 12px 16px;
	padding-left: 5px;
	text-decoration: none;
	text-align: left;
}
.dropdown-content_development_item:hover {background-color: #f1f1f1}
.dropdown-content_development { left: 0; width: 500px; column-count: 3;}
@media screen and (max-width: 500px) { .dropdown-content_development { width: 300px; column-count: 2;}}


.development_specification_container {
	display: flex;
	flex-wrap: wrap;
}
.development_specification {
	flex: 1 0 200px;
}

.development_queue {
	flex: 1 0 200px;
	max-width: 300px;
	background-color: #FFFFFF;
	padding: 5px;
	margin: 5px;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.development_queue_add {
	flex: 1 0 150px;
	max-width: 200px;
	background-color: #F7F7F7;
	padding: 5px;
	margin: 5px;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.cars_car {
	float: left;
	width: 100px;
	height:140px;
	padding: 5px;
	/*border: #CA2112 2px dashed;*/
	border: #A02112 2px dashed;
	margin: 5px;
}
.cars_car_active {
	background: #FFFFFF;
}
.cars_car_hover {
	/*background: #A02112;*/
	background: #CA2112;
}
.cars_part {
	float: left;
	width: 150px;
	min-height: 80px;
	height: auto;
	margin: 5px;
	background: #797979;
	color: #F2F2F2;
	font-size: 11px;
}
.cars_parts {
	/*border: #000000 2px dashed;*/
	min-height: 150px; 
	margin: 5px;
	overflow: hidden;
}

.desk_calendar_day {
	background-color: rgba(220, 220, 220, 1);
	color: #000000;
	padding: 5px;
	margin: 5px;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.decision_container a:link { text-decoration: none;color: #000000; }
.decision_container a:visited { text-decoration: none;color: #000000; }
.decision_container a:hover { text-decoration: none;color: #000000; }
.decision_container a:active { text-decoration: none;color: #000000; }

.decision_option {
	background-color: rgba(220, 220, 220, 1);
	color: #000000;
	padding: 10px;
	margin: 5px;
	
	cursor: pointer;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.decision_option:hover {
	background-color: rgba(195, 195, 195, 1);
}
.decision_option_effect {
	display: inline-block;
	border: 1px solid rgba(51, 153, 0, 0.8);
	color: rgba(51, 153, 0, 1);
	padding: 5px;
	margin: 3px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.decision_option_effect_negative {
	border: 1px solid rgba(160, 33, 18, 0.8);
	color: rgba(160, 33, 18, 0.8);
}

.team_specialization {
	float: left;
	width: 200px;
	height: auto;
	padding: 10px;
	border: #000000 2px dashed;
	margin: 15px;
}

.label_youth_team {
	font-size: 0.7rem;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #496E2D;
	padding: 1px 5px 1px 5px;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.production_part {
	float: left;
	width: 200px;
	height: auto;
	padding: 5px;
	margin: 5px;
	background: #797979;
	color: #F2F2F2;
	font-size: 11px;
}

.development_overview_container {
	width: 400px;
}
.development_overview_plan {
	position: relative;
	z-index: 2;
	float: left;
	background: #AABCBE;
	margin: 10px;
	margin-bottom: 0px;
	padding: 10px;
}
.development_overview_plan_item {
	padding: 3px; 
}
.development_overview_plan_options {
	position: relative;
	z-index: 1;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding-left: 10px;
	margin-top: -10px;
}
.development_overview_plan_options_left {
	background: #A02112;
	color: #FFFFFF;
	padding: 5px;
	padding-top: 15px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	text-transform: uppercase;
	cursor: pointer;
}
.development_overview_plan_options_left:hover {
	background: #D12B19;
}
.development_overview_plan_options_right {
	background: #339900;
	color: #FFFFFF;
	padding: 5px;
	padding-top: 15px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	text-transform: uppercase;
	cursor: pointer;
}
.development_overview_plan_options_right:hover {
	background: #42BF00;
}

.development_specifications {
	background: #AABCBE;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.production_overview_plan {
	float: left;
	width: 475px;
	min-height: 305px;
	margin: 10px;
	padding: 10px;
}
.production_overview_plan_item {
	padding: 3px; 
}
.production_overview_plan_item_text {
	color: #393F3F;
}

.development_exploits_container {
	display: flex;
	flex-wrap: wrap;
}
.development_exploits {
	flex: 1 0 500px;
	margin: 10px;
	padding: 10px;
}
@media screen and (max-width: 550px){ .development_exploits {
	flex: 1 0 300px;
}}
.development_exploits_item {
	padding: 3px; 
}
.development_exploits_item_text {
	color: #393F3F;
}
.development_exploits_loophole {
	padding: 5px;
	margin: 5px;
	background: #FFD700;
	color: #000000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.development_exploits_loophole_found {
	background: #00CC00;
	color: #FFFFFF;
}

.sponsor_section_icon {
	display: block;
}
@media screen and (max-width: 650px){ .sponsor_section_icon {
	display: none;
}}
.sponsor_section_text {
	display: none;
	color: #FFFFFF;
	
	padding-left: 5px;
	padding-right: 5px;
	background-color: #E83A2E;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
@media screen and (max-width: 650px){ .sponsor_section_text {
	display: inline;
}}

.facility {
	padding: 5px;
	margin: 5px;
	background: #D38C63;
	color: #000000;
	font-size: 11px;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.facility_underconstruction {
	background: #FEDE00;
}

.strategy_lap {
	background: #999999;
	padding: 5px;
	margin: 5px;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.strategy_label_orders {
	display: inline-block;
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 2px;
	
	text-decoration: none;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.strategy_label_orders_5 { border: solid #FF2020 2px; background-color: rgba(255, 32, 32, 0.6); }
.strategy_label_orders_4 { border: solid #C64618 2px; background-color: rgba(198, 70, 24, 0.6); }
.strategy_label_orders_3 { border: solid #FFFFFF 2px; background-color: rgba(255, 255, 255, 0.6); color: #000000; }
.strategy_label_orders_2 { border: solid #55920A 2px; background-color: rgba(85, 146, 10, 0.6); }
.strategy_label_orders_1 { border: solid #1CB803 2px; background-color: rgba(28, 184, 3, 0.6); }
.strategy_label_orders_pitstop { border: solid #FF2020 2px; background-color: rgba(255, 32, 32, 0.6); }
.strategy_label_orders_fuel { border: solid #FFB600; background-color: rgba(255, 182, 0, 0.6); }

.person_approach_text {
	flex: 1 0 100px;
}
.person_approach_demand {
	flex: 1 0 100px;
}
.person_approach_offer {
	flex: 1 0 150px;
}
.person_approach_feedback {
	flex: 1 0 50px;
}

.news_list_selected {
	background: #F9F9F9;
}
.news_subject_new {
	font-weight: bold;
}
.news_detail {
	background: #F9F9F9;
	margin: 5px;
	padding: 10px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.news_detail_category {
	margin: 5px;
	padding: 5px;
	padding-left: 8px;
	padding-right: 8px;
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.newspaper {
	background-color: rgba(249,247,229,0.8);
}
.press_newspaper {
	padding: 5px;
	margin: 5px;
}

.session_options {
	background-color: rgba(251, 245, 198, 0.8);
}

.session_chat {
	background-color: rgba(98, 170, 60, 0.8);
}
.session_chat_canvas {
	max-height: 200px;
	overflow: auto;
}

.suppliers_progress {
	width: 10%;
	height: 20px;
	padding: 1px;
	border-right: rgba(0,0,0,0.25) 1px solid;
}
.suppliers_progress:first-child:before {
	color: #FFFFFF;
	font-weight: bold;
	content: "0%";
}
.suppliers_progress:last-child:before {
	color: #FFFFFF;
	font-weight: bold;
	content: "100%";
	text-align: right;
	float: right;
}
.suppliers_progress_green {
	background-color: #9ACD32;
}
.suppliers_progress_gray {
	background-color: #808080;
}

.suppliers_progress_top {
	width: 10%;
	padding: 5px;
	text-align: center;
}
.suppliers_progress_checkpoint {
	position: relative;
	background-color: #CCCCCC;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.suppliers_progress_checkpoint:before {
	content: '';
	position: absolute;
	left: 41%;
	top: 100%;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #CCCCCC;
	clear: both;
}
.suppliers_progress_checkpoint_reached {
	background-color: #339900;
	color: #FFFFFF;
}
.suppliers_progress_checkpoint_reached:before {
	border-top: 10px solid #339900;
}

.progress_container {
	display: flex;
	flex-wrap: wrap;
	min-width: 105px;
	max-width: 300px;
	height: 15px;
	/*background-color: #D8D8D8;*/
	background-color: #CCCCCC;
	padding: 1px;
	margin: 3px 0px 3px 0px;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.progress {
	flex: 1 0 1px;
	border-right: 1px solid #CCCCCC;
}
.progress:first-of-type {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.progress:last-of-type {
	border-right: none;

	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.progress_no_border {
	border-right: none;
}
.progress_empty {
	background-color: #DDDDDD;
}

.progress_circle_text {
	margin-top: 10px;
	text-transform: uppercase;
	font-weight: bold;
}
.progress_circle {
	position: relative;
	display: inline-block;
	width: 100px;
	height: 100px;
	background-color: #DDDDDD;
	border-radius: 50%;
}
.progress_circle:before {
	position: absolute;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	background-color: #FAFAFA;
	border-radius: 50%;
	content: attr(data-progress) '%';
	font-size: 1.25rem;
	-webkit-box-pack: center;
	justify-content: center;
	left: 0.7rem;
	right: 0.7rem;
	top: 0.7rem;
	bottom: 0.7rem;
	-webkit-transition: -webkit-transform 0.2s ease;
	transition: -webkit-transform 0.2s ease;
	transition: transform 0.2s ease;
	transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.progress_circle:after {
	background-color: #FF2020;
	border-radius: 50%;
	content: '';
	display: inline-block;
	height: 100%;
	width: 100%;
}
.progress_circle-l {
	height: 120px;
	width: 120px;
}
.progress_circle-l:before {
	font-size: 1.5rem;
	left: 0.75rem;
	right: 0.75rem;
	top: 0.75rem;
	bottom: 0.75rem;
}
.progress_circle-s {
	height: 80px;
	width: 80px;
}
.progress_circle-s:before {
	font-size: 0.8rem;
	left: 0.5rem;
	right: 0.5rem;
	top: 0.5rem;
	bottom: 0.5rem;
}

  /**
  * $step is set to 5 by default, meaning you can only use percentage classes in increments of five (e.g. 25, 30, 45, 50, and so on). This helps to reduce the size of the final CSS file. If you need a number that doesn't end in 0 or 5, you can change the text percentage while rounding the class up/down to the nearest 5.
  */
  .progress_circle[data-progress="0"]:after {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #ddd), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, left top, right top, color-stop(50%, #FF2020), color-stop(50%, #ddd), to(#ddd));
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(90deg, #FF2020 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="1"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(93.6deg, #FF2020 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="2"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(97.2deg, #FF2020 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="3"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(100.8deg, #FF2020 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="4"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(104.4deg, #FF2020 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="5"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(108deg, #FF2020 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="6"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(111.6deg, #FF2020 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="7"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(115.2deg, #FF2020 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="8"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(118.8deg, #FF2020 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="9"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(122.4deg, #FF2020 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="10"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(126deg, #E2331C 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="11"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(129.6deg, #E2331C 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="12"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(133.2deg, #E2331C 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="13"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(136.8deg, #E2331C 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="14"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(140.4deg, #E2331C 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="15"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(144deg, #E2331C 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="16"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(147.6deg, #E2331C 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="17"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(151.2deg, #E2331C 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="18"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(154.8deg, #E2331C 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="19"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(158.4deg, #E2331C 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="20"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(162deg, #C64618 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="21"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(165.60000000000002deg, #C64618 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="22"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(169.2deg, #C64618 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="23"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(172.8deg, #C64618 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="24"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(176.4deg, #C64618 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="25"]:after {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #ddd), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, left top, left bottom, color-stop(50%, #C64618), color-stop(50%, #ddd), to(#ddd));
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(180deg, #C64618 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="26"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(183.60000000000002deg, #C64618 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="27"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(187.2deg, #C64618 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="28"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(190.8deg, #C64618 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="29"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(194.4deg, #C64618 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="30"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(198deg, #AA5915 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="31"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(201.60000000000002deg, #AA5915 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="32"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(205.2deg, #AA5915 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="33"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(208.8deg, #AA5915 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="34"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(212.4deg, #AA5915 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="35"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(216deg, #AA5915 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="36"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(219.6deg, #AA5915 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="37"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(223.20000000000002deg, #AA5915 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="38"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(226.8deg, #AA5915 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="39"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(230.4deg, #AA5915 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="40"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(234deg, #8D6C11 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="41"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(237.6deg, #8D6C11 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="42"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(241.20000000000002deg, #8D6C11 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="43"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(244.8deg, #8D6C11 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="44"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(248.4deg, #8D6C11 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="45"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(252deg, #8D6C11 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="46"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(255.6deg, #8D6C11 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="47"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(259.20000000000005deg, #8D6C11 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="48"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(262.8deg, #8D6C11 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="49"]:after {
	background-image: linear-gradient(90deg, #ddd 50%, transparent 50%, transparent), linear-gradient(266.4deg, #8D6C11 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="50"]:after {
	background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, #717F0E), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, right top, left top, color-stop(50%, #717F0E), color-stop(50%, #ddd), to(#ddd));
	background-image: linear-gradient(-90deg, #717F0E 50%, transparent 50%, transparent), linear-gradient(270deg, #717F0E 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="51"]:after {
	background-image: linear-gradient(-86.4deg, #717F0E 50%, transparent 50%, transparent), linear-gradient(270deg, #717F0E 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="52"]:after {
	background-image: linear-gradient(-82.8deg, #717F0E 50%, transparent 50%, transparent), linear-gradient(270deg, #717F0E 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="53"]:after {
	background-image: linear-gradient(-79.2deg, #717F0E 50%, transparent 50%, transparent), linear-gradient(270deg, #717F0E 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="54"]:after {
	background-image: linear-gradient(-75.6deg, #717F0E 50%, transparent 50%, transparent), linear-gradient(270deg, #717F0E 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="55"]:after {
	background-image: linear-gradient(-72deg, #717F0E 50%, transparent 50%, transparent), linear-gradient(270deg, #717F0E 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="56"]:after {
	background-image: linear-gradient(-68.4deg, #717F0E 50%, transparent 50%, transparent), linear-gradient(270deg, #717F0E 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="57"]:after {
	background-image: linear-gradient(-64.8deg, #717F0E 50%, transparent 50%, transparent), linear-gradient(270deg, #717F0E 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="58"]:after {
	background-image: linear-gradient(-61.2deg, #717F0E 50%, transparent 50%, transparent), linear-gradient(270deg, #717F0E 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="59"]:after {
	background-image: linear-gradient(-57.6deg, #717F0E 50%, transparent 50%, transparent), linear-gradient(270deg, #717F0E 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="60"]:after {
	background-image: linear-gradient(-54deg, #55920A 50%, transparent 50%, transparent), linear-gradient(270deg, #55920A 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="61"]:after {
	background-image: linear-gradient(-50.4deg, #55920A 50%, transparent 50%, transparent), linear-gradient(270deg, #55920A 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="62"]:after {
	background-image: linear-gradient(-46.8deg, #55920A 50%, transparent 50%, transparent), linear-gradient(270deg, #55920A 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="63"]:after {
	background-image: linear-gradient(-43.199999999999996deg, #55920A 50%, transparent 50%, transparent), linear-gradient(270deg, #55920A 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="64"]:after {
	background-image: linear-gradient(-39.6deg, #55920A 50%, transparent 50%, transparent), linear-gradient(270deg, #55920A 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="65"]:after {
	background-image: linear-gradient(-36deg, #55920A 50%, transparent 50%, transparent), linear-gradient(270deg, #55920A 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="66"]:after {
	background-image: linear-gradient(-32.4deg, #55920A 50%, transparent 50%, transparent), linear-gradient(270deg, #55920A 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="67"]:after {
	background-image: linear-gradient(-28.799999999999997deg, #55920A 50%, transparent 50%, transparent), linear-gradient(270deg, #55920A 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="68"]:after {
	background-image: linear-gradient(-25.200000000000003deg, #55920A 50%, transparent 50%, transparent), linear-gradient(270deg, #55920A 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="69"]:after {
	background-image: linear-gradient(-21.599999999999994deg, #55920A 50%, transparent 50%, transparent), linear-gradient(270deg, #55920A 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="70"]:after {
	background-image: linear-gradient(-18deg, #38A507 50%, transparent 50%, transparent), linear-gradient(270deg, #38A507 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="71"]:after {
	background-image: linear-gradient(-14.399999999999991deg, #38A507 50%, transparent 50%, transparent), linear-gradient(270deg, #38A507 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="72"]:after {
	background-image: linear-gradient(-10.799999999999997deg, #38A507 50%, transparent 50%, transparent), linear-gradient(270deg, #38A507 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="73"]:after {
	background-image: linear-gradient(-7.200000000000003deg, #38A507 50%, transparent 50%, transparent), linear-gradient(270deg, #38A507 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="74"]:after {
	background-image: linear-gradient(-3.599999999999994deg, #38A507 50%, transparent 50%, transparent), linear-gradient(270deg, #38A507 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="75"]:after {
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #38A507), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, right top, left top, color-stop(50%, #38A507), color-stop(50%, #ddd), to(#ddd));
	background-image: linear-gradient(0deg, #38A507 50%, transparent 50%, transparent), linear-gradient(270deg, #38A507 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="76"]:after {
	background-image: linear-gradient(3.600000000000009deg, #38A507 50%, transparent 50%, transparent), linear-gradient(270deg, #38A507 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="77"]:after {
	background-image: linear-gradient(7.200000000000003deg, #38A507 50%, transparent 50%, transparent), linear-gradient(270deg, #38A507 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="78"]:after {
	background-image: linear-gradient(10.799999999999997deg, #38A507 50%, transparent 50%, transparent), linear-gradient(270deg, #38A507 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="79"]:after {
	background-image: linear-gradient(14.400000000000006deg, #38A507 50%, transparent 50%, transparent), linear-gradient(270deg, #38A507 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="80"]:after {
	background-image: linear-gradient(18deg, #1CB803 50%, transparent 50%, transparent), linear-gradient(270deg, #1CB803 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="81"]:after {
	background-image: linear-gradient(21.60000000000001deg, #1CB803 50%, transparent 50%, transparent), linear-gradient(270deg, #1CB803 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="82"]:after {
	background-image: linear-gradient(25.200000000000003deg, #1CB803 50%, transparent 50%, transparent), linear-gradient(270deg, #1CB803 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="83"]:after {
	background-image: linear-gradient(28.799999999999997deg, #1CB803 50%, transparent 50%, transparent), linear-gradient(270deg, #1CB803 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="84"]:after {
	background-image: linear-gradient(32.400000000000006deg, #1CB803 50%, transparent 50%, transparent), linear-gradient(270deg, #1CB803 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="85"]:after {
	background-image: linear-gradient(36deg, #1CB803 50%, transparent 50%, transparent), linear-gradient(270deg, #1CB803 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="86"]:after {
	background-image: linear-gradient(39.599999999999994deg, #1CB803 50%, transparent 50%, transparent), linear-gradient(270deg, #1CB803 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="87"]:after {
	background-image: linear-gradient(43.20000000000002deg, #1CB803 50%, transparent 50%, transparent), linear-gradient(270deg, #1CB803 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="88"]:after {
	background-image: linear-gradient(46.80000000000001deg, #1CB803 50%, transparent 50%, transparent), linear-gradient(270deg, #1CB803 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="89"]:after {
	background-image: linear-gradient(50.400000000000006deg, #1CB803 50%, transparent 50%, transparent), linear-gradient(270deg, #1CB803 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="90"]:after {
	background-image: linear-gradient(54deg, #00CC00 50%, transparent 50%, transparent), linear-gradient(270deg, #00CC00 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="91"]:after {
	background-image: linear-gradient(57.599999999999994deg, #00CC00 50%, transparent 50%, transparent), linear-gradient(270deg, #00CC00 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="92"]:after {
	background-image: linear-gradient(61.20000000000002deg, #00CC00 50%, transparent 50%, transparent), linear-gradient(270deg, #00CC00 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="93"]:after {
	background-image: linear-gradient(64.80000000000001deg, #00CC00 50%, transparent 50%, transparent), linear-gradient(270deg, #00CC00 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="94"]:after {
	background-image: linear-gradient(68.4deg, #00CC00 50%, transparent 50%, transparent), linear-gradient(270deg, #00CC00 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="95"]:after {
	background-image: linear-gradient(72deg, #00CC00 50%, transparent 50%, transparent), linear-gradient(270deg, #00CC00 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="96"]:after {
	background-image: linear-gradient(75.6deg, #00CC00 50%, transparent 50%, transparent), linear-gradient(270deg, #00CC00 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="97"]:after {
	background-image: linear-gradient(79.20000000000002deg, #00CC00 50%, transparent 50%, transparent), linear-gradient(270deg, #00CC00 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="98"]:after {
	background-image: linear-gradient(82.80000000000001deg, #00CC00 50%, transparent 50%, transparent), linear-gradient(270deg, #00CC00 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="99"]:after {
	background-image: linear-gradient(86.4deg, #00CC00 50%, transparent 50%, transparent), linear-gradient(270deg, #00CC00 50%, #ddd 50%, #ddd);
  }
  .progress_circle[data-progress="100"]:after {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #00CC00), color-stop(50%, transparent), to(transparent)), -webkit-gradient(linear, right top, left top, color-stop(50%, #00CC00), color-stop(50%, #ddd), to(#ddd));
	background-image: linear-gradient(90deg, #00CC00 50%, transparent 50%, transparent), linear-gradient(270deg, #00CC00 50%, #ddd 50%, #ddd);
  }
  

.tracks_track_thumbnail {
	float: left;
	width: 150px;
	height:150px;
	border: #A02112 2px solid;
	margin: 20px;
}
.tracks_track_thumbnail_active {
	background: #FFFFFF;
}
.tracks_track_thumbnail_hover {
	/*background: #A02112;*/
	background: #CA2112;
}

.flag {
	border-color: #000000; 
	border: 1px solid; 
}
.flag a:link {
	color: #000000;
	text-decoration: none;
}
.flag a:visited {
	color:#000000;
	text-decoration: none;
}
.flag a:hover {
	color:#000000;
	text-decoration: none;
}
.flag a:active {
	color:#000000;
	text-decoration: none;
}

.circle {
	display: inline-block;
	width: 27px;
	height: 27px;
	padding: 5px;
	text-align: center;
    -webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}

.position {
	display: inline-block;
	width: 27px;
	height: 27px;
	padding: 5px;
	text-align: center;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.race_starting_grid {
	position: relative;
	flex: 1 1 49%;
	max-height: 69px;
}
.race_starting_grid:nth-child(even) {
	margin-top: 30px;
}
@media screen and (max-width: 1044px){
	.race_starting_grid:nth-child(odd) {
		margin-top: 20px;
	}
	.race_starting_grid:nth-child(even) {
		margin-top: 5px;
	}
}

.race_viewer_own_drivers_background {background-color:#FFDC5E;}
.race_viewer_text_normal_time {color: #000000;}
.race_viewer_text_slower_time {color: #FF0000;}
.race_viewer_text_pb_time {color: #339900;}
.race_viewer_text_rb_time {color: #BF00BF;}
.race_viewer_text_notfinished_lap_time {color: #666666;}

.text_black {color: #000000}
.text_white {color: #FFFFFF}
.text_gray {color: #999999}
.text_gray_dark {color: #666666}
.text_red {color: #FF0000}
.text_red_dark {color: #E83A2E}
.text_red_darker {color: #7F0000}
.text_red_darkest {color: #61140B}
.text_red_pitwall {color: #A02112;}
.text_red_pitwall_links { color: #990000;}
.text_blue {color:#5E84B3}
.text_blue_light {color:#4D9BB8}
.text_blue_dark {color:#476487}
.text_blue_darker {color:#28394C}
.text_green {color: #339900}
.text_green_dark {color: #277000}
.text_green_darker {color: #184400}
.text_orange{color: #FF8000}
.text_purple {color: #800080}
.text_gold {color:#FFB600}
.text_gold_link_no_underline a:link { color: #FFB600; text-decoration: none; border-bottom:none;}
.text_gold_link_no_underline a:visited { color: #FFB600; text-decoration: none; border-bottom:none;}
.text_gold_link_no_underline a:hover { color: #FFB600; text-decoration: none; border-bottom:none;}
.text_gold_link_no_underline a:active { color: #FFB600; text-decoration: none; border-bottom:none;}
.text_gold_dark {color:#AF7B00}
.text_brown {color:#993300}
.text_silver {color:#C0C0C0}
.text_bronze {color:#CD7F32}

.text_bold {font-weight: bold;}

.text_5 { font-size: 48px; margin-bottom: 14px;}
.text_4 { font-size: 32px; margin-bottom: 12px;}
.text_3 { font-size: 25px; margin-bottom: 10px;}
.text_2 { font-size: 19px; margin-bottom: 10px;}
.text_1 { font-size: 15px; margin-bottom: 5px;}
.text_0 { font-size: 13px;}
.text-1 { font-size: 11px;}
.text-2 { font-size: 9px;}
.text-3 { font-size: 7px;}

.text_uppercase { text-transform: uppercase;}
.text_highlight { background-color:#FC0; padding: 1px; }
.text_bold { font-weight: bold;}
.text_dotted { text-decoration:underline; text-decoration-style: dotted; cursor: pointer;}

.text_help_3 { font-size: 20px; font-weight: bold; border-bottom: 1px solid #aaa; padding-bottom: 5px; padding-top: 20px;}
.text_help_2 { font-size: 17px; font-weight: bold; }
.text_help_1 { font-size: 14px; font-weight: bold; }

.links_red a:link { color: #990000; text-decoration: none; border-bottom: none;}
.links_red a:visited { color:#990000;}
.links_red a:hover { color:#F00; border-bottom:1px solid #F00;}
.links_red a:active { color:#990000; border-bottom:1px dotted #990000;}

.links_red_no a:link { color: #990000; text-decoration: none; border-bottom: none;}
.links_red_no a:visited { color:#990000;}
.links_red_no a:hover { color:#F00; border-bottom:none;}
.links_red_no a:active { color:#990000; border-bottom:none;}

.links_white a:link { color: #FFFFFF; text-decoration: none; border-bottom: none;}
.links_white a:visited { color:#FFFFFF;}
.links_white a:hover { color:#FFFFFF; border-bottom:1px solid #FFFFFF;}
.links_white a:active { color:#FFFFFF; border-bottom:1px dotted #FFFFFF;}

.links_black a:link { color: #000000; text-decoration: none; border-bottom: none;}
.links_black a:visited { color:#000000;}
.links_black a:hover { color:#000000; border-bottom:1px solid #000000;}
.links_black a:active { color:#000000; border-bottom:1px dotted #000000;}

.links_green a:link { color: #339900; text-decoration: none; border-bottom: none;}
.links_green a:visited { color:#339900;}
.links_green a:hover { color:#47CC00; border-bottom:1px solid #47CC00;}
.links_green a:active { color:#339900; border-bottom:1px dotted #339900;}

.links_gray_no_underline a:link { color: #797979; text-decoration: none; border-bottom:none;}
.links_gray_no_underline a:visited { color: #797979; }
.links_gray_no_underline a:hover { color: #797979; border-bottom:1px dotted #797979;}
.links_gray_no_underline a:active { color: #797979; border-bottom:1px dotted #797979;}

.links_gray_dark a:link { color: #666666; text-decoration: none; border-bottom: none;}
.links_gray_dark a:visited { color:#666666;}
.links_gray_dark a:hover { color:#666666; border-bottom:1px solid #666666;}
.links_gray_dark a:active { color:#666666; border-bottom:1px dotted #666666;}

.links_white_no_underline a:link { color: #FFFFFF; text-decoration: none; border-bottom:none;}
.links_white_no_underline a:visited { color: #FFFFFF; }
.links_white_no_underline a:hover { color: #FFFFFF; border-bottom:1px dotted #FFFFFF;}
.links_white_no_underline a:active { color: #FFFFFF; border-bottom:1px dotted #FFFFFF;}

.links_black_no_underline a:link { color: #000000; text-decoration: none; border-bottom:none;}
.links_black_no_underline a:visited { color: #000000; }
.links_black_no_underline a:hover { color: #000000; border-bottom:1px dotted #000000;}
.links_black_no_underline a:active { color: #000000; border-bottom:1px dotted #000000;}

.links_black_no a:link { color: #000000; text-decoration: none; border-bottom:none;}
.links_black_no a:visited { color: #000000; }
.links_black_no a:hover { color: #000000; border-bottom: none;}
.links_black_no a:active { color: #000000; border-bottom: none;}

.links_white_no a:link { color: #FFFFFF; text-decoration: none; border-bottom:none;}
.links_white_no a:visited { color: #FFFFFF; }
.links_white_no a:hover { color: #FFFFFF; border-bottom: none;}
.links_white_no a:active { color: #FFFFFF; border-bottom: none;}

.links_gold_no a:link { color: #FFB600; text-decoration: none; border-bottom:none;}
.links_gold_no a:visited { color: #FFB600; }
.links_gold_no a:hover { color: #FFB600; border-bottom: none;}
.links_gold_no a:active { color: #FFB600; border-bottom: none;}

.textlink { color: #333333; border-bottom:1px dotted #333333; text-decoration: none; margin-right: 5px; }
.textlink:hover { color: #333333; border-bottom:1px solid #333333; text-decoration: none; }

.no_underline { text-decoration:none; border-bottom:none;}
.no_underline_hover a:hover { text-decoration:none; border-bottom:none;}
.no_link { cursor:pointer;}

.hand { cursor: pointer;}

/* Popup start*/
.overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	transition: opacity 500ms;
	visibility: hidden;
	opacity: 0;
}
.overlay_show {
	visibility: visible;
	opacity: 1;
}

.popup {
	margin: 70px auto;
	padding: 20px;
	background: #fff;
	border-radius: 5px;
	width: 65%;
	position: relative;
	transition: all 5s ease-in-out;
}
@media screen and (max-width: 900px){ .popup {
	width: 75%;
}}
@media screen and (max-width: 700px){ .popup {
	width: 85%;
}}

.popup .close {
	position: absolute;
	top: 20px;
	right: 30px;
	transition: all 200ms;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
	cursor: pointer;
}
.popup .close:hover {
	color: #891C10;
}
.popup .content {
	max-height: 30%;
	overflow: auto;
}
/* Popup end*/

/*Tooltip start*/

[tooltip] {
	position: relative; /* opinion 1 */
}

[tooltip]::before,
[tooltip]::after {
	text-transform: none; /* opinion 2 */
	font-size: 1em; /* opinion 3 */
	line-height: 2em;
	font-weight: normal;
	line-height: 1.5em;
	user-select: none;
	pointer-events: none;
	position: absolute;
	display: none;
	opacity: 0;
}
[tooltip]::before {
	content: '';
	border: 5px solid transparent; /* opinion 4 */
	z-index: 1001; /* absurdity 1 */
}
[tooltip]::after {
	content: attr(tooltip); /* magic! */

	/*font-family: Helvetica, sans-serif;*/
	font-family: 'Open Sans', sans-serif;
	text-align: center;

	min-width: 50px;
	width: max-content;
	max-width: 300px;
	/*white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;*/
	padding: 1ch 1.5ch;
	border-radius: 8px;
	box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
	background: rgba(51, 51, 51, 0.95);
	color: #fff;
	z-index: 1000; 
	opacity: 1 !important;
}

[tooltip]:hover::before,
[tooltip]:hover::after {
	display: block;
}

[tooltip='']::before,
[tooltip='']::after {
	display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
	bottom: 100%;
	border-bottom-width: 0;
	border-top-color: #333;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
	bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
	left: 50%;
	transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
	top: 100%;
	border-top-width: 0;
	border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
	top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
	left: 50%;
	transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
	top: 50%;
	border-right-width: 0;
	border-left-color: #333;
	left: calc(0em - 5px);
	transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
	top: 50%;
	right: calc(100% + 5px);
	transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
	top: 50%;
	border-left-width: 0;
	border-right-color: #333;
	right: calc(0em - 5px);
	transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
	top: 50%;
	left: calc(100% + 5px);
	transform: translate(.5em, -50%);
}

@keyframes tooltips-vert {
	to {
		opacity: 1;
		transform: translate(-50%, 0);
	}
}

@keyframes tooltips-horz {
	to {
		opacity: 1;
		transform: translate(0, -50%);
	}
}

[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
	animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
	animation: tooltips-horz 300ms ease-out forwards;
}
/*Tooltip end*/