/***************/
/* CHAMP ENTRY */
/***************/

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

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

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

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

.champ-entry {
}

.champ-entry-img {
	margin-top: 15px;
	margin-bottom: 15px;
	width: 100%;
	border-radius: 8px !important;
}

.champ-entry-desc-block {
	height: 140px;
}

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

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

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

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

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

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

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

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

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

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

.champ-class-img {
	height: 30px;
}

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

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

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

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

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

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

/*****************/
/* CHAMP DETAILS */
/*****************/

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

@media (max-width: 768px) {
	.champ-d-imgs {
		margin-top: 15px;
	}
}

/* .champ-d-league-img { */
/* 	position: absolute; */
/* 	top: 15px; */
/* 	right: 15px; */
/* 	height: 30%; */
/* } */

.champ-d-league-img {
	width: 70%;
}

.champ-d-cover {
	width: 100%;
	z-index: -99;
}

.champ-d-slots {
	font-size: 18px;
}

.champ-d-slots .fa {
}

.champ-d-slots p {
	display: inline-block;
	margin-left: 7px;
	margin-right: 15px;
}

.champ-d-share,
.champ-details .racer-actions {
	margin: 10px 0px;
}

.champ-d-race-entry {
	margin: 10px 0px;
	padding: 5px;
	border: 0px;
}

.champ-d-race-entry.finished {
	background-color: #f2f2f2;
}

.champ-d-race-entry-cover,
.champ-d-race-entry-track-layout-img,
.champ-d-race-entry-track-img {
	width: 100%;
}

@media (min-width: 768px) {
	.champ-d-race-entry-cover,
	.champ-d-race-entry-track-layout-img,
	.champ-d-race-entry-track-img {
		float: right;
		height: 120px;
		width: auto;
	}

	.champ-d-race-entry-cover {
		margin-left: 20px;
	}

	.champ-d-race-entry-track-img {
		margin-left: 20px;
	}

}

.champ-d-race-entry-slots {
	float: left;
}

.champ-d-race-entry-slots .fa {
}

.champ-d-race-entry-slots p {
	display: inline-block;
	margin-left: 7px;
	margin-right: 15px;
}

/*****************/
/* CHAMP RESULTS */
/*****************/

.champ-res-row {
	display: flex;
	flex-direction: row;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 30px;
}

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

.champ-res-row.header .position,
.champ-res-row.header .country-flag,
.champ-res-row.header .racer-img,
.champ-res-row.header .racer-name,
.champ-res-row.header .car-name,
.champ-res-row.header .livery-name,
.champ-res-row.header .livery-img,
.champ-res-row.header .rres,
.champ-res-row.header .points,
.champ-res-row.header .penalties,
.champ-res-row.header .total
{
	text-align: center;
	color: #F85A16;
}

.champ-res-row.header .racer-name
{
	text-transform: none;
	text-align: left;
}

.champ-res-row .position,
.champ-res-row .country-flag,
.champ-res-row .racer-img,
.champ-res-row .racer-name,
.champ-res-row .car-name,
.champ-res-row .livery-name,
.champ-res-row .livery-img,
.champ-res-row .rres,
.champ-res-row .points,
.champ-res-row .penalties,
.champ-res-row .total
{
	line-height: 30px;
	max-height: 30px;
	margin-right: 5px;
}

/* Left side */

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

.champ-res-row .country-flag {
	width: 30px;
	height: 30px;
}

.champ-res-row .racer-img {
	max-height: 30px;
	width: 30px;
}

.champ-res-row .racer-name {
	flex-grow: 1;
	text-transform: uppercase;
	font-size: 20px;
	white-space: nowrap;
	overflow: hidden;
}

/* Right side */

.champ-res-row .total {
	text-align: center;
	color: #F85A16;
	font-size: 20px;
	width: 30px;
}

.champ-res-row .penalties {
	width: 30px;
	text-align: center;
}

.champ-res-row .points {
	width: 30px;
	text-align: center;
}

.champ-res-row .rres {
	width: 30px;
	text-align: center;
}

.champ-res-row .livery-img {
	width: 70px;
}

.champ-res-row .livery-name {
	width: 30px;
	text-align: center;
}

.champ-res-row .car-name {
}

/************************/
/* MOBILE CHAMP RESULTS */
/************************/

@media (max-width: 768px) {
	.champ-res-row .racer-name {
		font-size: 2vh;
	}
}

@media (max-width: 425px) {
	.champ-res-row .livery-name,
	.champ-res-row .car-name,
	.champ-res-row .livery-img {
		display: none !important;
	}
	.champ-res-row .position,
	.champ-res-row .racer-name,
	.champ-res-row .points,
	.champ-res-row .penalties,
	.champ-res-row .total {
		font-size: 1.8vh;
	}
}

@media (max-width: 425px) {
	.champ-res-row .livery-name,
	.champ-res-row .car-name,
	.champ-res-row .livery-img {
		display: none !important;
	}
	.champ-res-row .position,
	.champ-res-row .racer-name,
	.champ-res-row .points,
	.champ-res-row .penalties,
	.champ-res-row .total {
		font-size: 1.8vh;
	}
}
@media (max-width: 375px) {
	.champ-res-row .livery-name,
	.champ-res-row .car-name,
	.champ-res-row .livery-img {
		display: none !important;
	}
	.champ-res-row .position,
	.champ-res-row .racer-name,
	.champ-res-row .points,
	.champ-res-row .penalties,
	.champ-res-row .total {
		font-size: 1.5vh;
	}
}
@media (max-width: 320px) {
	.champ-res-row .livery-name,
	.champ-res-row .car-name,
	.champ-res-row .livery-img {
		display: none !important;
	}
	.champ-res-row .position,
	.champ-res-row .racer-name,
	.champ-res-row .points,
	.champ-res-row .penalties,
	.champ-res-row .total {
		line-height: 20px;
		font-size: 1.3vh;
	}
	.race-res-team-row .position,
	.race-res-team-row .name,
	.race-res-team-row .points,
	.race-res-team-row .penalties,
	.race-res-team-row .total {
		font-size: 1.3vh;
	}
	.champ-res-row .country-flag,
	.champ-res-row .racer-img {
		vertical-align: middle;
		width: 20px;
		height: 20px;
	}
	.champ-res-row {
		display: flex;
		flex-direction: row;
		margin-top: 3px;
		margin-bottom: 3px;
		height: 20px;
}

/***********************/
/* CHAMP RESULTS VIEWS */
/***********************/

.gtco-container.results {
	width: 100%;
}

.gtco-section.results { /* can also be whatever container */
	/* display: flex; */
    align-items: center;
    justify-content: center;
    /* height: 100vh; */
}