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

/* ----------------- 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-color:#DDD; 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-series {left:0; bottom:0; padding:10px; width:100%; margin:0; text-align:right; position:absolute; bottom:0; bottom:0;}
#carousel-home .carousel-series 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;}
}
.next-meeting {}
.next-meeting h2 {color:#FFF; text-align:center; margin:0 0 30px 0;}
.next-meeting .meeting-canceled {margin:0; }
.next-meeting .next-meeting-col {text-align:center;}
.next-meeting .next-meeting-col h3 {color:#FFF; font-size:28px; margin:0; text-transform:uppercase;}
.next-meeting .next-meeting-col p {color:#FFF; font-size:56px; padding:0; margin:0; line-height:50px;}
@media (max-width: 768px) {
	.next-meeting .next-meeting-col h3 {font-size:20px;}
	.next-meeting .next-meeting-col p {font-size:40px; line-height:36px;}
}
#home-live .page-block-content-default span {color:#FF0000 !important; font-weight:bold;}
#home-live .page-block-content-default .fa {}
.meeting-calendar {background-color:#333; padding:30px 10px;}
.meeting-calendar-container {padding:20px 10px 10px 10px;}
.meeting-calendar-block {color:#FFF; margin-bottom:10px;}
.meeting-calendar-block h3 {background-color:rgba(0, 0, 0, 0.4); margin:0; padding:10px; text-transform:uppercase; line-height:40px;}
.meeting-calendar-block h3 span {color:#CCC;}
.meeting-calendar-block p {background-color:rgba(0, 0, 0, 0.6); margin:0; padding:10px; line-height:30px;}
.meeting-calendar-block-button a, .meeting-calendar-block-button span {font-size:16px; text-transform:uppercase;}
.meeting-canceled {font-size:30px; color:#FF0000; text-align:center; text-transform:uppercase; text-shadow:2px 2px #000;}
.meeting-calendar-block

@media (max-width: 996px) {
	.meeting-calendar-block-button .nav-tabs.nav-justified > li {display:block; width:100%;}
}

/* ----------------- APP HOME ----------------- */
#app-home #home-live {background-color:#FF0000;}
#app-home #home-live.disabled {background-color:#BDBDBD;}
#app-home #home-live .page-block-content-default span {color:#000 !important;}
#app-home-header {text-align:center; padding:30px; margin:0;}
#app-home-header img {max-width:100%;}
#app-home-menu .btn {padding-top:30px; padding-bottom:30px; margin-bottom:15px;}

/* ----------------- 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-date {background-color:#EEE; padding:4px 15px;}
.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; font-size:34px;}

/* ----------------- Calendar ----------------- */
#calendar .nav-tabs {background-color:#16232c; padding-top:20px;}
#calendar .nav-tabs li {padding:0 10px;}
#calendar .nav-tabs li a {border-top:5px solid #455a69; font-weight:bold;}
#calendar #see-all-news {margin-top:10px;}
#calendar .page-stitle-map {margin-bottom:0;}
.calendar-register-info h2 {text-transform:uppercase; font-size:46px; margin:0 0 15px 0;}
.calendar-gallery {background-color:#DDD;}
.calendar-gallery a {display:block; overflow:hidden; height:180px; width:25%; line-height:180px; text-align:center; float:left; position:relative; background-size:cover;}
.calendar-gallery a img {display:inline-block; vertical-align:middle;}
.calendar-gallery a span {position:absolute; top:0; left:0; display:none; background-color:rgba(0, 0, 0, 0.8); width:100%; height:100%; padding:10px; color:#FFF; vertical-align:middle;}
.calendar-gallery a:hover span {display:block;}
@media (max-width: 996px) {
	.calendar-gallery a {height:160px; line-height:160px; width:33.3333333333333333333%;}
	.calendar-gallery a img {min-height:160px; min-width:33.3333333333333333333%;}
}
@media (max-width: 768px) {
	.calendar-gallery a {height:160px; line-height:160px; width:50%;}
	.calendar-gallery a img {min-height:160px; min-width:50%;}
	
	#calendar .nav-tabs {padding-top:10px;}
	#calendar .nav-tabs li {padding:0;}
	#calendar .nav-tabs li a {margin:0;}
}
@media (max-width: 400px) {
	.calendar-gallery a {height:120px; line-height:120px; width:50%;}
	.calendar-gallery a img {min-height:120px; min-width:50%;}
}
.calendar-categories {margin:0 15px; font-size:18px;}
.calendar-categories span {display:block; text-align:center; color:#FFF; background-color:#16232c; margin-bottom:5px; padding:20px;}
#calendar #select-meeting {padding:15px;}
#calendar:not(.have-results) #select-meeting {background-color:#16232c;}

/* ----------------- Registration ----------------- */
#registration-title {font-size:24px; text-transform:uppercase; margin-bottom:20px;}
#registration-error, #registration-title, #registration-intro {padding-top:0; padding-bottom:0; margin-bottom:10px;}
#registration-race_number_alert {padding-bottom:0; margin-bottom:10px;}
#registration-error .alert, #registration-title .alert, #registration-intro .alert {margin:0;}
.registration-content {padding-top:0; margin-top:20px; clear:both;}

.registration-block {display:block; position:relative; font-weight:normal; border-radius:6px; border:1px solid #D8D8D8; background-color:#FFF; cursor:pointer;}
.registration-block:hover {border:1px solid #C5C5C5; background-color:#F8F8F8;}
.registration-block.active, .registration-block.active:hover { border:1px solid #155724; background-color:#d4edda; }
.registration-block.active span, .registration-block.active .fa { color: #155724; }
.registration-block.disabled, .registration-block.disabled:hover {cursor:not-allowed; border:1px solid #D8D8D8; background-color:#FFF;}
.registration-block .modal {display:block; position:absolute; top:0; left:0; background:rgba(0,0,0,0.6);}
.registration-block .modal {color:#BBB; font-size:30px; font-weight:bold; text-transform:uppercase; text-align:center; padding:15px; text-shadow:0 0 15px #000;}
@media (max-width: 768px) {
	.registration-block .modal {line-height:auto; font-size:26px;}
}

#registration-login .registration-block {padding:20px;}
#registration-login .registration-block h2 {padding:0 0 5px 0; margin:0 0 15px 0; border-bottom:1px solid #DADADA; text-transform:uppercase; font-size:24px;}
#registration-category .registration-block {text-align:center;}
#registration-category .registration-block input {display:none;}
#registration-contact-detail .contact-details-flex-button {display: flex; justify-content: center; gap: 20px;}
#registration-contact-detail .invoice-certify-icon i.fa-check-square-o {color: #155724;}
#registration-contact-detail .invoice-certify-icon i.fa-square-o {color: #c00900;}
#registration-contact-detail .contact_details {border: 1px solid #C5C5C5; border-radius: 5px; padding: 15px; margin-bottom: 25px;}
#registration-contact-detail .margin-bottom {margin-bottom: 25px;}
#registration-meeting .registration-block {margin-bottom:15px;} /*min-height:150px;*/
#registration-meeting .registration-block h2 {margin:0 0 15px 0; text-transform:uppercase;}
#registration-meeting .registration-block.disabled h2 {margin:0; line-height:52px;}
#registration-meeting .registration-block.disabled .alert {margin:0; font-style:bold;}
#registration-meeting .registration-block input {display:none;}
#registration-confirmation .payment-method {color:#444;}
#registration-confirmation .registration-block h3 {text-transform:uppercase;}
#registration-confirmation .payment-method input {display:none;}
#registration-confirmation .payment-method span {display:block; font-size:18px; font-weight:bold; margin-bottom:10px; text-transform:uppercase;}

#registration-not-available .fa {color:#880000;}
#registration-contact-detail .invoice-certify-icon {margin-top: 10px;}


/* Team basket */
#registration-basket .btn-basket-add {border-radius: 50%; background-color: #FF9700 !important; background-image: none; color: #fff !important;}
#registration-basket .btn-basket-add:hover {background-color: #ffac33 !important;}
#registration-basket #modal-basket-payment .center-cards { display: flex; justify-content: space-between; }
#registration-basket #basket-team-add-driver { display: flex; justify-content: center; margin-bottom: 20px; }
#registration-basket #team-add-driver-select { width: 100%; }
#registration-basket .twitter-typeahead { width: 80%; }
#registration-basket .margin-bottom { margin-bottom: 15px; }
#registration-basket .margin { margin: 15px; }
#registration-basket label.inline-block {display: inline-flex; align-items: center; gap: 10px;}
#registration-basket .invoice-certify-icon i.fa-check-square-o {color: #155724;}
#registration-basket .invoice-certify-icon i.fa-square-o {color: #c00900;}

/* IE 8... FU */
#registration-category .registration-block, #registration-meeting .registration-block, #registration-confirmation .payment-method {position:relative\0/;}
#registration-category .registration-block input, #registration-meeting .registration-block input, #registration-confirmation .payment-method input {display:block\0/; position:absolute\0/; top:18px\0/;}
#registration-category .registration-block input {top:18px\0/;}
#registration-meeting .registration-block input {top:27px\0/; left:40px\0/;}
#registration-confirmation .payment-method input {top:18px\0/;}

/* ----------------- Product ----------------- */
.product-block {display:block; color:#111; border:1px solid #e8e8e8;}
.product-block:hover, .product-block:focus, .product-block:active {text-decoration:none; border-color:#c4c4c4;}
.product-block h2 {background-color:#dedede; color:#1a151b; font-size:16px; padding:5px; margin:0; height:42px; text-align:center;}
.product-block p {background-color:#EEE; padding:5px; margin:0; color:#111; display:block; height:60px; font-size:12px;}
.product-block-image {height:180px;}
.product-block-image img {max-height:180px; max-width:100%;}

/* ----------------- Table race result ----------------- */
.table-result {border-top:0}
.table-result caption, .table-result-stitle {padding:15px 5px; background-color:#16232c; border-color:#16232c !important; color:#FFF; font-size:22px; text-transform:uppercase;}
.table-result caption span {font-size:14px; font-style:italic;}
.table-result thead th {background-color:#434f5d; color:#FFF; border-color:#434f5d !important;}
.table-result td.table-result-out {background-color:#c00900; color:#FFF; text-align:right; font-weight:bold;}
.table-result td.table-result-out .fa {font-size:22px;}
.table-result td a {color:#333;}
.table-result td a:hover {color:#444;}
.table-result .table-result-total td, .table-result .table-result-total:hover td {background-color:#434f5d; color:#FFF; font-weight:bold; text-transform:uppercase;}
.table-result .table-result-position, .table-result .table-result-position:hover {background-color:none; color:#16232c; font-size:24px; text-transform:uppercase;}
.table-result .table-result-position span {font-size:18px;}
.table-result .jocker {text-decoration:line-through}

/* ----------------- Driver detail ----------------- */
@media (max-width: 996px) {
	#driver-detail-header-photo {width:auto;}
	#driver-detail-header-info {text-align:center;}
}

/* ----------------- Partner ----------------- */
.partner-list {display: flex; align-items: center; justify-content: center;}
#partner {background-color: transparent;}

/* ----------------- position color ----------------- */
.fa-position {color:#bdbfbf;}
.fa-position-1 {color:#ffcc00;}
.fa-position-2 {color:#979797;}
.fa-position-3 {color:#ce6718;}
.label-position {background-color:#E5E5E5; color:#444; font-size:14px;}
.label-position-1 {background-color:#ffcc00; color:#222;} 
.label-position-2 {background-color:#d3d3d3; color:#444;}
.label-position-3 {background-color:#ce6718; color:#FFF;}

/* ----------------- BOOTSTRAP ----------------- */
/* Tab navs */
.nav-tabs {margin:0; padding:0;}
.nav-tabs.nav-justified > li > a {border-radius:0; margin-right:0 !important; border:0;}
.nav-tabs.nav-justified > li > a:hover, 
.nav-tabs.nav-justified > li > a:focus, 
.nav-tabs.nav-justified > .active > a, 
.nav-tabs.nav-justified > .active > a:hover, 
.nav-tabs.nav-justified > .active > a:focus {border:0;}
.nav-tabs > li > a {background-color:#404040; color:#FFF;}
.nav-tabs > li > a:hover, 
.nav-tabs > li > a:focus, 
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus {background-color:#222222; color:#FFF;}

/* Tab pills */
.nav-pills {margin:0; padding:0;}
.nav-pills > li {margin:0 !important;}
.nav-pills > li > a {border-radius:0; border:1px solid #e8e8e8; background-color:#f8faf9; color:#444;}
.nav-pills > li > a:hover, 
.nav-pills > li > a:focus {background-color:#EEE; border-color:#E4E4E4; color:#444;}
.nav-pills > li.active > a, 
.nav-pills > li.active > a:hover, 
.nav-pills > li.active > a:focus {background-color:#888; color:#FFF;}

/* Tooltip BLACK */
.tooltip-black .tooltip-inner {color:#FFF; background-color:#111;}
.tooltip-black.top .tooltip-arrow, .tooltip-black.top-left .tooltip-arrow, .tooltip-black.top-right .tooltip-arrow, 
.tooltip-black.right .tooltip-arrow, .tooltip-black.left .tooltip-arrow, .tooltip-black.bottom .tooltip-arrow, 
.tooltip-black.bottom-left .tooltip-arrow, .tooltip-black.bottom-right .tooltip-arrow {border-top-color:#111; border-bottom-color:#111;}

/* ----------------- RMCIT ----------------- */
body.rmcit #home-next-meeting .rmcit-text,
body.rmcit #home-meeting-calendar .rmcit-text-span span,
body.rmcit .page-block-content .rmcit-text-span span {color:#e3001b !important; color:#e3001b !important;}

/* ----------------- APP VERSION ----------------- */
.app-version .calendar-gallery {margin:0;}
body.app-version #driver-detail-header.page-content {padding:0 10px;}
.app-version .dropdown-menu > li > a {padding:10px; font-size:16px;}

.login-modal-ns-karting .modal-header { background-color: #01ABC4; color: #FFF; border: 1px solid #FFF; }
.login-modal-ns-karting .modal-header .close { color: #FFF; }
.login-modal-ns-karting #login-submit { background-color: #01ABC4; }
.login-modal-ns-karting #login-submit:hover { background-color: #33BBCF; }

.login-modal-rmcit .modal-header { background-color: #004F9E; color: #FFF; border: 1px solid #FFF; }
.login-modal-rmcit .modal-header .close { color: #FFF; }
.login-modal-rmcit #login-submit { background-color: #004F9E; }
.login-modal-rmcit #login-submit:hover { background-color: #3272B1; }

.login-modal-ns-karting #login-close, .login-modal-rmcit #login-close { background-color: #242424; color: #FFF; border: 1px solid transparent; }
.login-modal-ns-karting #login-close:hover, .login-modal-rmcit #login-close:hover { background-color: #9d9d9d}

.btn-link { font-weight: 400;color: #004085;background-color: transparent; text-decoration: underline; }
.btn-link:hover { color: #002752;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; }

.basket-payment-button:hover {border:1px solid #155724; background-color:#eef9e9; color: #155724; }