.fa-accepted {
	color: #31528f;
}

.fa-signed-in {
	color: grey;
}

.fa-confirmed {
	color: #305a30;
}


.race-img, .race-class-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.race-class-img {
    display: inline-block;
    height: 25px;
    width: 25px;
}

/**************/
/* RACE ENTRY */
/**************/

.race-entry-can-confirm span,
.race-entry-can-sign-in span {
	color: green;
}

.race-entry-user-confirmed span {
	color: green;
}

.race-entry-user-accepted span {
	color: blue;
}

.race-entry-user-signed-in span {
	color: #F85A16;
}

.race-entry {
}

.race-entry-imgs {
	position: relative;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
	border-radius: 8px !important;
}

.race-entry-track-img {
	width: 100%;
	z-index: -99;
}

.race-entry-cover {
	position: absolute;
	top: 10px;
	right: 10px;
	height: 40%;
}

.race-entry-track-layout-img {
	position: absolute;
	bottom: 10px;
	right: 20px;
	height: 40%;
}
.race-entry-desc-block {
	height: 140px;
}

.race-entry-name {
	font-size: 23px;
	white-space: nowrap;
	overflow: hidden;
}

.race-entry-name .fa {
	font-size: 25px;
	margin-right: 0px;
}

.race-entry-action {
	float: right;
	line-height: 40px;
	margin-left: 10px;
}

.race-entry-action .icon {
	font-size: 25px;
}

.race-entry-signin .icon {
	color: green;
}

.race-entry-info .icon {
	color: blue;
}

.race-entry-info .icon {
	color: blue;
}

.race-entry-track {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.race-entry-track .fa {
	font-size: 20px;
	margin-right: 10px;
}

.race-entry-classes {
	display: inline-block;
}

.race-entry-slots {
	float: right;
}

.race-entry-slots .fa {
	margin-left: 7px;
}

.race-entry-dt .fa {
	margin-right: 10px;
}

.race-entry-dt {
	width: 100%;
}

.race-entry-dt-text {
	display: inline-block;
}

.race-entry.new .btn {
	width: 100%;
}

/****************/
/* RACE DETAILS */
/****************/

.race-details .server-password {
	text-align: left;
	margin: 10px 0px;
}

.race-d-imgs {
	position: relative;
	width: 100%;
}

.race-d-track-img {
	width: 100%;
	z-index: -99;
}

.race-details .league-info {
	margin: 10px 0px;
}

.race-details .racer-actions {
	margin: 10px 0px;
}

.race-d-track-layout-img {
	position: absolute;
	bottom: 5px;
	right: 15px;
	height: 55%;
}

.race-d-cover {
	position: absolute;
	top: 15px;
	right: 15px;
	height: 40%;
}

.race-d-racer-actions-img {
	position: absolute;
	top: 15px;
	left: 15px;
}

.race-d-session-section .il-entry {
	display: inline-block;
	margin-right: 10px;
}

.race-d-setting-name {
	display: inline-block;
	color: #F85A16;
}

.race-d-setting-value {
	display: inline-block;
	float: right;
}

/****************************/
/* RACE DETAILS RACER ENTRY */
/****************************/

.race-dre {
	position: relative;
	margin-top: 20px;
}

.race-dre-car {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

.race-dre-racer-img {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 70px;
	height: 70px;
}

.race-dre-country-flag {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 35px;
	height: 35px;
}

.race-dre-racer-name {
	position: absolute;
	top: 5px;
	left: 80px;
	right: 45px;
	height: 35px;
	text-transform: uppercase;
	padding-left: 10px;
	font-size: 20px;
	font-weight: bold;
	color: white;
	background-color: #F85A16;
w}

.race-dre-car-class {
	position: absolute;
	bottom: 5px;
	right: 65px;
	width: 35px;
	height: auto;
}

.race-dre-livery-name {
	position: absolute;
	bottom: 7px;
	right: 5px;
	width: 55px;
	text-transform: uppercase;
	font-size: 20px;
	color: white;
	background-color: #F85A16;
	padding: 2px;
	text-align: center;
}

.race-dre-car-name {
	position: absolute;
	bottom: 5px; /*13*/
	left: 35px;
	right: 105px;
	height: 35px;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 18px;
	padding-top: 8.5px;
	color: #F85A16;
	white-space: nowrap;
	overflow: hidden;
	text-align: right;
}

.race-dre-state {
	position: absolute;
	bottom: 5px;
	left: 5px;
	widht: 20px;
	height: 35px;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
}

.race-dre2 {
	position: relative;
	margin-top: 0px;
	height: 45px;
}

.race-dre2-car {
	position: absolute;
	right: 90px;
	top: 0px;
	height: 45px;
}

.race-dre2-racer-img {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 35px;
	height: 35px;
}

.race-dre2-country-flag {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 35px;
	height: 35px;
}

.race-dre2-racer-name {
	position: absolute;
	top: 5px;
	left: 45px;
	right: 245px;
	height: 35px;
	text-transform: uppercase;
	padding-left: 10px;
	font-size: 20px;
	font-weight: bold;
	color: #F85A16;
}

.race-dre2-car-class {
	position: absolute;
	top: 5px;
	right: 50px;
	width: 35px;
	height: auto;
}

.race-dre2-livery-name {
	position: absolute;
	top: 7px;
	right: 200px;
	width: 55px;
	text-transform: uppercase;
	font-size: 20px;
	color: #F85A16;
	padding: 2px;
	text-align: center;
}

.race-dre2-car-name {
	position: absolute;
	top: 5px;
	left: 35px;
	right: 200px;
	height: 35px;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 18px;
	padding-top: 8.5px;
	color: #F85A16;
	white-space: nowrap;
	overflow: hidden;
	text-align: right;
}

.race-dre2-state {
	position: absolute;
	bottom: 5px;
	left: 140px;
	widht: 20px;
	height: 35px;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
}

/***************************/
/* RACE DETAILS TEAM ENTRY */
/***************************/

.race-dte {
}

.race-dte-img {
	width: 100%;
}

.race-dte-entries-row {
	display: flex;
	flex-direction: row;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 30px;
}

.race-dte-country-flag {
	width: 30px;
	height: 30px;
	margin-right: 5px;
}

.race-dte-racer-img {
	width: 30px;
	height: 30px;
	margin-right: 5px;
}

.race-dte-racer-name {
	flex-grow: 1;
	margin-right: 5px;
}

.race-dte-racer-name,
.race-dte-livery-name {
	height: 30px;
	line-height: 30px;
	text-transform: uppercase;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 20px;
	font-weight: bold;
	color: white;
	background-color: #F85A16;
	white-space: nowrap;
	overflow: hidden;
}

/***********************************/
/* RACE DETAILS RACER ENTRY RESULT */
/***********************************/

.race-drer-section {
	margin-top: 60px;
}

.race-drer {
	position: relative;
	margin-top: 0px;
}

.race-drer.race-drer-first {
	margin-top: -40px;
}

@media (min-width: 768px) {
	.race-drer.race-drer-first {
		margin-left: 25%;
		margin-right: 25%;
	}

	.race-drer.race-drer-second,
	.race-drer.race-drer-third {
		margin-left: 10%;
		margin-right: 10%;
		margin-bottom: 5%;
	}
}

.race-drer-car {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 40px;
	padding-left: 10px;
	padding-right: 10px;
}

.race-drer-racer-img {
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 75px;
	height: 75px;
}

.race-drer-country-flag {
	position: absolute;
	bottom: 5px;
	left: 5px;
	width: 35px;
	height: 35px;
}

.race-drer-racer-name > a {
	position: absolute;
	bottom: 5px;
	right: 85px;
	left: 45px;
	height: 35px;
	text-transform: uppercase;
	padding-left: 10px;
	font-size: 20px;
	font-weight: bold;
	color: white;
	background-color: #F85A16;
}

.race-drer-racer-name > a:hover {
	background-color: white;
}

.race-drer-car-class {
	position: absolute;
	bottom: 45px;
	right: 85px;
	width: 35px;
	height: 35px;
}

/* .race-drer-livery-name { */
/* 	position: absolute; */
/* 	bottom: 45px; */
/* 	right: 85px; */
/* 	width: 55px; */
/* 	height: 35px; */
/* 	text-transform: uppercase; */
/* 	font-size: 20px; */
/* 	color: white; */
/* 	background-color: #F85A16; */
/* 	text-align: center; */
/* } */

.race-drer-car-name {
	position: absolute;
	bottom: 53px;
	right: 115px;
	height: 25px;
	text-transform: uppercase;
	padding-right: 10px;
	font-size: 18px;
	color: #F85A16;
	max-width: 50%;
	overflow: hidden;
}

.race-drer-time {
	visibility: hidden;
	position: absolute;
	top: 5px;
	right: 5px;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
	color: white;
	padding: 5px;
	background-color: blue;
}

.race-drer-position {
	position: absolute;
	bottom: 45px;
	left: 5px;
	padding: 5px;
	text-transform: uppercase;
	/* font-size: 40px; */
	/* line-height: 40px; */
	font-size: 22px;
	line-height: 22px;
	font-weight: bold;
	color: #F85A16;
	text-align: center;
	border-width: 2px;
	border-style: solid;
	border-color: #F85A16;
	border-radius: 5px;
}

.race-drer-award {
	position: absolute;
	bottom: 45px;
	left: 5px;
	width: 20%
}

/****************/
/* RACE RESULTS */
/****************/

.race-res-row {
	position: relative;
	vertical-align: middle;
	height: 40px;
}

.race-res-row.odd {
	background-color: rgba(0, 0, 0, 0.1);
}

.race-res-row.header .entry {
	text-align: center;
	color: #F85A16;
}

.race-res-row .entry {
	line-height: 30px;
	max-height: 30px;
	top: 5px;
}

@media (max-width: 768px) {
	.race-res-row {
		height: 80px;
	}
	.race-res-row .srow {
		top: 40px;
	}
}

/* Left side */

.race-res-pos {
	position: absolute;
	left: 0px;
	text-align: center;
	color: #F85A16;
	font-size: 20px;
	width: 40px;
}

.race-res-country-flag {
	position: absolute;
	left: 40px;
	width: 30px;
	max-height: 30px;
}

.race-res-racer-img {
	position: absolute;
	left: 80px;
	max-height: 30px;
	width: 30px;
}

.race-res-racer-name {
	position: absolute;
	left: 120px;
}

/* Right side */

.race-res-total {
	position: absolute;
	right: 0px;
	width: 30px;
	text-align: center;
	color: #F85A16;
	font-size: 20px;
}

.race-res-penalties {
	position: absolute;
	right: 35px;
	width: 30px;
	text-align: center;
	color: #F85A16;
}

.race-res-points {
	position: absolute;
	right: 70px;
	width: 30px;
	text-align: center;
	color: #F85A16;
}

.race-res-rres-1,
.race-res-rres-2,
.race-res-rres-3,
.race-res-rres-4,
.race-res-rres-5,
.race-res-rres-6 {
	position: absolute;
	width: 30px;
	text-align: center;
}

.race-res-rres-1 { right: 105px; }
.race-res-rres-2 { right: 140px; }
.race-res-rres-3 { right: 175px; }
.race-res-rres-4 { right: 210px; }
.race-res-rres-5 { right: 245px; }
.race-res-rres-6 { right: 280px; }

.race-res-livery-img {
	position: absolute;
	width: 70px;
	max-height: 30px;
}

.race-res-livery-img.shift-1 { right: 140px; }
.race-res-livery-img.shift-2 { right: 175px; }
.race-res-livery-img.shift-3 { right: 210px; }
.race-res-livery-img.shift-4 { right: 245px; }
.race-res-livery-img.shift-5 { right: 280px; }
.race-res-livery-img.shift-6 { right: 315px; }

@media (max-width: 768px) {
	.race-res-livery-img {
		right: 0px !important;
	}
}

.race-res-livery-name {
	position: absolute;
	width: 30px;
	text-align: center;
}

.race-res-livery-name.shift-1 { right: 215px; }
.race-res-livery-name.shift-2 { right: 250px; }
.race-res-livery-name.shift-3 { right: 285px; }
.race-res-livery-name.shift-4 { right: 320px; }
.race-res-livery-name.shift-5 { right: 355px; }
.race-res-livery-name.shift-6 { right: 390px; }

.race-res-car-name {
	position: absolute;
}

.race-res-car-name.shift-1 { right: 245px; }
.race-res-car-name.shift-2 { right: 280px; }
.race-res-car-name.shift-3 { right: 315px; }
.race-res-car-name.shift-4 { right: 350px; }
.race-res-car-name.shift-5 { right: 385px; }
.race-res-car-name.shift-6 { right: 420px; }

@media (max-width: 768px) {
	.race-res-livery-name,
	.race-res-car-name {
		display: none !important;
	}
}

/****************/
/* RACE RESULTS */
/****************/

.race-res-race-row {
	position: relative;
	vertical-align: middle;
	height: 40px;
}

.race-res-race-row.odd {
	background-color: rgba(0, 0, 0, 0.1);
}

.race-res-race-row.header .entry {
	text-align: center;
	color: #F85A16;
}

.race-res-race-row .entry {
	line-height: 30px;
	max-height: 30px;
	top: 5px;
}

@media (max-width: 768px) {
	.race-res-race-row {
		height: 110px;
	}
	.race-res-race-row .srow {
		top: 40px;
	}
	.race-res-race-row .trow {
		top: 70px;
	}
}

/* Left side */

.race-res-race-pos {
	position: absolute;
	left: 0px;
	text-align: center;
	color: #F85A16;
	font-size: 20px;
	width: 40px;
}

.race-res-race-country-flag {
	position: absolute;
	left: 40px;
	width: 30px;
	max-height: 30px;
}

.race-res-race-racer-img {
	position: absolute;
	left: 80px;
	max-height: 30px;
	width: 30px;
}

.race-res-race-racer-name {
	position: absolute;
	left: 120px;
}

/* Right side */

.race-res-race-total {
	position: absolute;
	right: 0px;
	width: 30px;
	text-align: center;
	color: #F85A16;
	font-size: 20px;
}

.race-res-race-penalties {
	position: absolute;
	right: 35px;
	width: 30px;
	text-align: center;
}

.race-res-race-points {
	position: absolute;
	right: 70px;
	width: 30px;
	text-align: center;
}

.race-res-race-laps {
	position: absolute;
	right: 105px;
	width: 30px;
	text-align: center;
}

.race-res-race-pits {
	position: absolute;
	right: 140px;
	width: 30px;
	text-align: center;
}

.race-res-race-time {
	position: absolute;
	right: 175px;
	width: 95px;
	text-align: center;
}

.race-res-race-blap {
	position: absolute;
	right: 275px;
	width: 95px;
	text-align: center;
}

.race-res-race-qualy {
	position: absolute;
	right: 375px;
	width: 95px;
	text-align: center;
}

.race-res-race-blap.star,
.race-res-race-qualy.star {
	color: #F85A16;
	font-size: 20px;
}

@media (max-width: 768px) {
	.race-res-race-time {
		right: 0px;
	}
	.race-res-race-blap {
		right: 100px;
	}
	.race-res-race-qualy {
		right: 200px;
	}
}

.race-res-race-livery-img {
	position: absolute;
	right: 475px;
	width: 70px;
	max-height: 30px;
}

@media (max-width: 768px) {
	.race-res-race-livery-img {
		right: 0px !important;
	}
}

.race-res-race-livery-name {
	position: absolute;
	right: 550px;
	width: 30px;
	text-align: center;
}

.race-res-race-car-name {
	position: absolute;
	right: 585px;
}

@media (max-width: 768px) {
	.race-res-race-livery-name,
	.race-res-race-car-name {
		display: none !important;
	}
}

/*********************/
/* RACE TEAM RESULTS */
/*********************/

.race-res-team-row,
.race-res-team-row.header {
	display: flex;
	flex-direction: row;
	padding-top: 5px;
	padding-bottom: 5px;
}

.race-res-team-row {
	height: 40px;
}

.race-res-team-row.header {
	height: 40px;
}

.race-res-team-row.header .position,
.race-res-team-row.header .cover,
.race-res-team-row.header .name,
.race-res-team-row.header .points,
.race-res-team-row.header .penalties,
.race-res-team-row.header .total
{
	color: #F85A16 !important;
	/*font-size: 18px !important;*/
	text-transform: none !important;
}

.race-res-team-row.odd {
	background-color: rgba(0, 0, 0, 0.1);
}

.race-res-team-row .position,
.race-res-team-row .cover,
.race-res-team-row .name,
.race-res-team-row .points,
.race-res-team-row .penalties,
.race-res-team-row .total {
	line-height: 30px;
	height: 30px;
}

.race-res-team-row .position {
	text-align: center;
	color: #F85A16;
	font-size: 18px;
	width: 30px;
}

.race-res-team-row .cover {
	max-height: 30px;
	width: 30px;
	margin-left: 10px;
}

.race-res-team-row .name {
	flex-grow: 1;
	text-transform: uppercase;
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	color: #F85A16;
	margin-left: 10px;
}

.race-res-team-row .points,
.race-res-team-row .penalties,
.race-res-team-row .total {
	width: 30px;
	text-align: center;
	font-size: 16px;
}

.race-res-team-row .total {
	font-size: 20px;
	color: #F85A16;
}

/***********/
/* RACE LB */
/***********/

.race-lb-row,
.race-lb-row.header {
	display: flex;
	flex-direction: row;
	padding-top: 5px;
	padding-bottom: 5px;
}

.race-lb-row,
.race-lb-row.header {
	height: 40px;
}

.race-lb-row.header .position,
.race-lb-row.header .country,
.race-lb-row.header .racer-img,
.race-lb-row.header .racer-name,
.race-lb-row.header .car-name,
.race-lb-row.header .livery-name,
.race-lb-row.header .livery-img,
.race-lb-row.header .datetime,
.race-lb-row.header .laptime,
.race-lb-row.header .accepted
{
	color: #F85A16 !important;
	font-size: 18px !important;
	text-transform: none !important;
}

.race-lb-row.header .datetime,
.race-lb-row.header .laptime
{
	text-align: center !important;
}
.race-lb-row.odd {
	background-color: rgba(0, 0, 0, 0.1);
}

.race-lb-row .position,
.race-lb-row .country,
.race-lb-row .racer-img,
.race-lb-row .racer-name,
.race-lb-row .car-name,
.race-lb-row .livery-name,
.race-lb-row .livery-img,
.race-lb-row .datetime,
.race-lb-row .laptime,
.race-lb-row .accepted
{
	line-height: 30px;
	height: 30px;
}

.race-lb-row .position {
	text-align: center;
	color: #F85A16;
	font-size: 18px;
	width: 30px;
}

.race-lb-row .country,
.race-lb-row .racer-img
{
	max-height: 30px;
	width: 30px;
	margin-left: 10px;
}

.race-lb-row .racer-name {
	flex-grow: 1;
	text-transform: uppercase;
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	color: #F85A16;
	margin-left: 10px;
}

.race-lb-row .livery-img
{
	width: 80px;
	text-align: center;
}

.race-lb-row .livery-img > img
{
	max-height: 40px;
}

.race-lb-row .livery-name
{
	padding-right: 10px;
	width: 60px;
	text-align: right;
	font-size: 16px;
}

.race-lb-row .datetime,
.race-lb-row .car-name
{
	width: 120px;
	text-align: right;
	font-size: 16px;
}

.race-lb-row .laptime {
	width: 90px;
	font-size: 18px;
	text-align: right;
	color: #F85A16;
	padding-right: 10px;
}

.race-lb-row .accepted {
	width: 30px;
	font-size: 18px;
	text-align: center;
	padding-right: 5px;
}

.race-lb-row .accepted.yes
{
	color: blue;
}

.race-lb-row .accepted.maybe
{
	color: #F85A16;
}

.race-lb-row .accepted.no
{
	color: #d9534f;
}

@media (max-width: 768px) {
	.race-lb-row .datetime,
	.race-lb-row.header .datetime,
	.race-lb-row .livery-name,
	.race-lb-row.header .livery-name
	{
		display: none;
	}

	.race-lb-row .racer-name {
		width: 30px;
	}

	.race-lb-row .livery-img,
	.race-lb-row .livery-img > img
	{
		max-width: 50px;
	}

	.race-lb-row .country,
	.race-lb-row .racer-img
	{
		margin-left: 5px;
	}

	.race-lb-row .laptime {
		padding-right: 5px;
		width: 80px;
	}

	.race-lb-row .accepted {
		padding-right: 0px;
	}
}

/*******************/
/* RESULTS SORTING */
/*******************/

.result-sorting-entry.header th {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

.result-sorting-entry.header th.racer-name {
	text-align: left;
}

.result-sorting-entry td,
.result-sorting-entry th {
	padding: 5px 3px;
}

.result-sorting-entry .form-group {
	margin-bottom: 0px;
}

.result-sorting-entry td.drag {
	cursor: grabbing;
}

.result-sorting-entry td.drag .il-entry span {
	margin-right: 0px;
}

.result-sorting-entry td.flag img {
	width: 35px;
	height: 35px;
	border-radius: 5px;
}

.result-sorting-entry .livery-name,
.result-sorting-entry .racer-name {
	white-space: nowrap;
	overflow: hidden;
}

.result-sorting-entry .rtime {
	min-width: 70px;
}

.result-sorting-entry td.car-img img,
.result-sorting-entry td.livery-img img {
	height: 35px;
}

.result-sorting-entry td.points div,
.result-sorting-entry td.total div {
	width: 40px;
	text-align: center;
	font-size: 22px;
}

.result-sorting-entry td.total div {
	font-weight: bold;
	color: #F85A16;
}