/* Error 404 */
#page-errors-404 .jumbotron {margin:0; text-align:center; color:#444; padding:120px 40px;}
#page-errors-404 .jumbotron .fa {color:#ff5220;}

/* ----------------- ACCOUNT ----------------- */
.account-title {margin:0 0 20px 0; padding:10px; background-color:#888; color:#FFF; text-transform:uppercase;}
.account-stitle {margin:10px 0; font-weight:bold; padding:10px; background-color:#DDD; color:#444; text-transform:uppercase;}
.order-details {max-width:800px; padding:20px 10px; margin:0 auto; border:2px solid #DDD; box-shadow:0px 0px 20px 0px #AAA;}

.account-content .page-content {padding-top:0;}
.account-content .page-content .alert {margin:0;}

#account-details .form-companion-del {display:inline;}

/* ----------------- HOME ----------------- */
#carousel-home .carousel-indicators {bottom:6px;}
#carousel-home .carousel-caption {left:0; top:60%; width:auto; text-align:center;}
#carousel-home .carousel-caption p {margin:0;}
#carousel-home .carousel-caption .carousel-caption-title {background:rgba(150, 150, 150, 0.8); padding:10px; font-size:24px; font-weight:bold; float:left;}
#carousel-home .carousel-caption .carousel-caption-subtitle {background-color:rgba(0, 0, 0, 0.8); padding:15px; font-size:16px; font-weight:bold; clear:both;  float:left;}
#carousel-home .carousel-banner {left:0; bottom:0; padding:10px; width:100%; margin:0; text-align:right; position:absolute; bottom:0; bottom:0; background:rgba(150, 150, 150, 0.9);}
#carousel-home .carousel-banner img {max-height:40px;}
#carousel-home .carousel-control {background-image:none; width:10%;}
@media (max-width: 996px) {
	#carousel-home .carousel-caption .carousel-caption-title, 
	#carousel-home .carousel-caption .carousel-caption-subtitle {display:none;}
}
#home-series {background-color:#3b3b3b;}
.home-series-block {background-color:#fff; margin:20px 0; padding:10px;}
.home-series-block h3 {font-size:18px;}

.btn-nsk {border-color:#019bb1; background-color:#01abc4;}
.btn-nsk:hover, .btn-nsk:active, .btn-nsk:focus {border-color:#019bb1; background-color:#02bbd6;}
.btn-challenge-rotax {border-color:#c90219; background-color:#e0001a;}
.btn-challenge-rotax:hover, .btn-challenge-rotax:active, .btn-challenge-rotax:focus {border-color:#c90219; background-color:#f0011d;}
.btn-ric {border-color:#cfa82a; background-color:#e4b92f;}
.btn-ric:hover, .btn-ric:active, .btn-ric:focus {border-color:#cfa82a; background-color:#f4c632;}
.btn-kra {border-color:#018dc9; background-color:#009de0;}
.btn-kra:hover, .btn-kra:active, .btn-kra:focus {border-color:#018dc9; background-color:#03abf3;}
.btn-sws {border-color:#e0471b; background-color:#ff511f;}
.btn-sws:hover, .btn-sws:active, .btn-sws:focus {border-color:#e0471b; background-color:#fe5e30;}
.btn-cnrf {border-color:#c90219; background-color:#e0001a;}
.btn-cnrf:hover, .btn-cnrf:active, .btn-cnrf:focus {border-color:#c90219; background-color:#f0011d;}
.btn-rmcit {border-color:#024486; background-color:#004f9e;}
.btn-rmcit:hover, .btn-rmcit:active, .btn-rmcit:focus {border-color:#004f9e; background-color:#0159b1;}
.btn-rmcf {border-color:#cc0119; background-color:#e3001b;}
.btn-rmcf:hover, .btn-rmcf:active, .btn-rmcf:focus {border-color:#e3001b; background-color:#f2011e;}

/* ----------------- NEWS ----------------- */
.news-block, .news-block:visited {display:block;border:1px solid #e8e8e8; background-color:#FFF; padding:5px; color:#333; margin-bottom:10px;}
.news-block:hover, .news-block:active, .news-block:focus {color:#333; text-decoration:none; border-color:#c4c4c4;}
.news-block img {margin-bottom:5px;}
.news-block .news-block-name {background-color:#CCC; padding:5px 10px; margin:0; text-align:right; font-weight:bold; text-transform:uppercase;}
.news-block .news-block-date {background-color:#EEE; padding:5px 10px;}
.news-block .news-block-title {margin:20px 0; font-size:20px; text-transform:uppercase; height:40px; overflow:hidden;}
.news-block .news-block-desc {height:70px; overflow:hidden;}
.news-detail-date {background-color:#EEE; padding:5px; text-align:right;}
.news-detail-title {margin:0 0 10px 0;}

/* ----------------- ACCOUNT ----------------- */
#account-create a.btn { padding:30px 0; border-radius: 5px; margin-bottom: 40px; transition: all ease 0.2s; }
#account-create a.btn:hover {  background-color: #E2E2E2; transform: translateY(-10px); border: 1px solid #888; }
#account-create a.btn h3 { margin: 0; }
#account-create a.btn img { max-width:60%;}

/* ----------------- PAYMENT METHOD ----------------- */
.payment-method-block {display:block; position:relative; font-weight:normal; border-radius:6px; border:1px solid #D8D8D8; background-color:#FFF; cursor:pointer; }
.payment-method-block:hover {border:1px solid #C5C5C5; background-color:#F8F8F8; }
.payment-method-block.active, .payment-method-block.active:hover {border:1px solid #155724; background-color:#eef9e9; color: #155724; }
.payment-method-block.disabled, .payment-method-block.disabled:hover {cursor:not-allowed; border:1px solid #D8D8D8; background-color:#FFF; }
.payment-method { color:#444; }
.payment-method input { display:none;}
.payment-method span {display:block; font-size:18px; font-weight:bold; margin: 10px 0; text-transform:uppercase; }

/* ----------------------------------------------------------------------------------------------------------------- */
/* modal connexion 3mkevents */
/* ----------------------------------------------------------------------------------------------------------------- */
.login-modal-3mkevents .modal-header { background-color: #262626; color: #FFF; border: 1px solid #FFF; }
.login-modal-3mkevents .modal-header .close { color: #FFF; }
.login-modal-3mkevents .modal-body #login-close { background-color: #e2001a; color: #FFF; border: 1px solid #e2001a; }
.login-modal-3mkevents .modal-body #login-close:hover { background-color: #E73247; }
.login-modal-3mkevents .modal-body #login-submit { background-color: #262626; border: 1px solid #262626; }
.login-modal-3mkevents .modal-body #login-submit:hover { background-color: #515151; }
.login-modal-3mkevents .modal-footer #login-lost-submit { background-color: #262626; border: 1px solid #262626; }
.login-modal-3mkevents .modal-footer #login-lost-submit:hover { background-color: #515151; }

/* ----------------- BUTTON ----------------- */
.btn-dark { color: #fff; background-color: #212529; border-color: #212529; }
.btn-dark:hover { color: #fff; background-color: #424649; border-color: #373b3e; }
.btn-inline { display: flex; justify-content: space-evenly; }

.btn-link { font-weight: 400;color: #337AB7; background-color: transparent; text-decoration: underline; }
.btn-link:hover { color: #5BC0DE; text-decoration: underline; background-color: transparent; border-color: transparent; cursor: pointer; }
.btn-link:focus, .btn-link.focus { text-decoration: underline; border-color: transparent; box-shadow: none; }
.btn-link:disabled, .btn-link.disabled { color: #6c757d; }

/* ----------------- ACCOUNT TEAM ----------------- */
#account-team-details .registration-companions-list { margin: 10px 0;padding: 0; }
#account-team-details .registration-companions { display: flex; flex-direction: row; justify-content: space-between; }
#account-team-details .registration-companions-buttons { display: flex; flex-direction: row; }
#account-team-details .alert.d-flex-justify-content-between {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* ----------------- ACCOUNT IMPORTER ----------------- */
#account-tickets-summary .alert, #account-tickets .alert { margin: 20px 0; }

/* ----------------- THEAD ----------------- */
.table>thead>tr>th.primary { background-color: #b8daff; }
.table .thead-info th { color: #212529; background-color: #bee5eb; border-color: #dee2e6; }

/* ----------------- BRIEFING ----------------- */
#account-briefing-driver .briefing-flex-button, #account-briefing-team .briefing-flex-button  {display: flex; justify-content: center; gap: 20px;}
#account-briefing-driver .briefing-certify-icon i.fa-check-square-o, #account-briefing-team .briefing-certify-icon i.fa-check-square-o {color: #155724;}
#account-briefing-driver .briefing-certify-icon i.fa-square-o, #account-briefing-team .briefing-certify-icon i.fa-square-o {color: #c00900;}
#account-briefing-driver #overlay-player, #account-briefing-team #overlay-player {
	width: 100%;
	aspect-ratio: 16/9;
	overflow: hidden;
	position: relative;
}

#account-briefing-driver #player, #account-briefing-team #player {
	width: 100%;
	height: 160%;
	margin-top: -17%;
	z-index: 1;
	position: absolute;
}
@media (max-width: 768px) {
	#account-briefing-driver #player, #account-briefing-team #player {
		margin-top: -15%;
		height: 150%;
	}
}