/* TEXT COLOR */

.text-red {
    color: red;
}

.text-blue {
    color: blue;
}

.text-white {
    color: white;
}

.text-black {
    color: black;
}

.text-gray {
    color: gray;
}

.has-error {
    outline: 3px solid #e3342f9e;
}

.bar_h1_title {
    font-size: 30px;
    display: inline-block;
    color: white;
}

.thumb-bg-color {
    background-color: #dceaff;
}

.car-thumb-bg-color {
    background-color: #dceaff;
}

.blocked {
    background-color: #e26161;
}

.border-radius-3 {
    border-radius: 10px;
}

.border-radius-site {
    border-radius: 10px;
}

.cursor-pointer {
    cursor: pointer;
}

:root {
    /*--site-color: #33d4ff;*/
    --site-color: #25a6c9;
    /*--site-color: #83e6e1;*/
}

.site-color {
    color: var(--site-color);
}

.text-gold {
    color: gold;
}

.fs-15 {
    font-size: 15px;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*@font-face {*/
/*    font-family: 'Titillium Web';*/
/*    src: url('../fonts/TitilliumWeb-Regular.ttf') format('truetype');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/
@font-face {
    font-family: 'Pirulen Regular';
    src: url('../fonts/Pirulen-Rg.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Ethnocentr';
    src: url('../fonts/EthnocentricRg.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.second-font{
    font-family: 'Ethnocentr', sans-serif;
}


/* Body *****************Body*****************************Body***********************/

body {
    height: 100vh;
    margin: 0;
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    font-size: small;
}

html {
    /*font-size: 1rem;*/
}


.main_container,
.drift_event_main_container,
.event_thumb_container {
    padding-top: 78px;
    padding-bottom: 15px;
    min-height: 100%;
    min-height: 100vh;
}

.main_container {
    background-color: #000000bf;
}

.drift_event_main_container {
    overflow-x: hidden;
    padding-left: 15px;
    padding-right: 15px;
}

.admin_main_container {
    padding-top: 15px;
    /*padding-bottom: 15px;*/
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-top: 0px;
}

.alert {
    border-radius: 10px;
}

.admin {
    /* background-color: #000000eb; */
}

.privacy_policy_text_holder {
    width: 300px;
}

.privacy_policy_text_holder_driver {
    width: 480px;
}

/* 404 Page */
.dont_exist_page_div {
    position: relative;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.dont_exist_page_logo {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -150px;
    width: 300px;
    height: 100px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.dont_exist_page_text {
    font-size: xxx-large;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 50px;
    margin-left: -150px;
    width: 300px;
    height: 100px;
    font-weight: 600;
    color: var(--site-color);
}

/* LOADER */

.imgUploadLoader {
    width: 120px;
    height: 22px;
    border-radius: 20px;
    color: var(--primary);
    border: 2px solid;
    position: relative;
    background-color: #f3f3f3;
}
.imgUploadLoader .progressBarLoader {
    height: 100%;
    border-radius: inherit;
    background: currentColor;
    width: 0%;
    transition: width 0.2s;
}
#imgUploadLoaderHolder {
    background-color: #fff;
    padding: 0;
    margin: 0;
    height: 100%;
    position: fixed;
    z-index: 99999;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
#loader_div {
    height: 100vh;
    position: fixed;
    width: 100%;
    background-color: black;
    z-index: 1029;
}

#loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 120px;
    height: 120px;
    margin: -76px 0 0 -76px;
    /*border: 10px solid #f3f3f3;*/
    /*border-radius: 50%;*/
    /*border-top: 10px solid var(--site-color);*/
    /*-webkit-animation: spin 1s linear infinite;*/
    /*animation: spin 1s linear infinite;*/
}

.loader-gif {
    width: 100%;
    height: auto;
}

.content-loader-gif {
    height: 30px;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/* .event_thumb_container {
    padding-top: 15px;
    padding-bottom: 15px;
    min-height: 100%;
} */


/* Body background ****************/

.welcome {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/background/welcome.jpg");
}

.drift {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/categories/Drift.jpg");
}

.off-road {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/categories/Off-road.jpg");
}

.rally {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/categories/Rally.jpg");
}

.moto-cross {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/categories/moto-cross_1594244924.jpg");
}

.calendar {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/background/calendar.jpg");
}

.drivers {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/categories/Drift.jpg");
}

.photos {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/background/photos.jpg");
}

.results_main {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/background/results_poens.jpg");
}

.login,
.reset,
.send,
.password {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/background/login.jpg");
}

.register {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/background/register.jpg");
}

.password {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/background/register.jpg");
}

.news {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/background/news-show.jpg");
}

.cars {
    background-image: url("../storage/background/cars.jpg");
}

.mercedes {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/cars_background/mercedes.jpg");
}

.audi {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/cars_background/audi.jpg");
}

.alfaromeo {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/cars_background/alfaromeo.jpg");
}

.chevrolet {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/cars_background/chevrolet.jpg");
}

.tickets {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/background/tickets.jpg");
}

.event {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/background/posts.jpg");
}

.carmeet {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/categories/car-meet_1608382540.jpg");
}

.drag402m {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/categories/drag_1608389792.jpg");
}

.circle {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/categories/krug_1667482889.jpg");
}

.autoslalom {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/categories/autoslalom_1667484274.jpg");
}

.post {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/background/posts.jpg");
}

.results {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/background/results.png");
}

.adverts {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/background/adverts.png");
}

.drift-result {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/background/drift-results-background.jpg");
}

.dont_exist_page_div {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/background/404.jpg");
}

.dont_exist_page_logo {
    background-image: url("../storage/logo/logo.png");
}

.chevrolet {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/cars_background/chevrolet.jpg");
}

.citroen {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/cars_background/citroen.jpg");
}

.dacija {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/cars_background/dacija.png");
}

.ferrari {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/cars_background/ferrari.jpg");
}

.fiat {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/cars_background/fiat.png");
}

.ford {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/cars_background/ford.png");
}

.honda {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/cars_background/honda.jpg");
}

.hummer {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/cars_background/hummer.jpg");
}

.hyundai {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/cars_background/hyundai.jpg");
}

.infiniti {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/cars_background/infiniti.jpg");
}

.isuzu {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/cars_background/isuzu.jpg");
}

.jaguar {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/cars_background/jaguar.jpg");
}

.jeep {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/cars_background/jeep.jpg");
}

.kia {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/cars_background/kia.jpg");
}

.lada {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/cars_background/lada.jpg");
}

.lancia {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/cars_background/lancia.jpg");
}

.landrover {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/cars_background/landrover.jpg");
}

.lexus {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/cars_background/lexus.jpg");
}

.mazda {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/cars_background/mazda.jpg");
}

.mini {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/cars_background/mini.jpg");
}

.mitshubishi {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/cars_background/mitshubishi.jpg");
}

.nissan {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/cars_background/nissan.jpg");
}

.opel {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/cars_background/opel.jpg");
}

.peugeot {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/cars_background/peugeot.jpg");
}

.bmw {
    background-image: url("../storage/cars_background/bmw.jpg");
}

.porsche {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/cars_background/porsche.jpg");
}

.renault {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/cars_background/renault.jpg");
}

.saab {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/cars_background/saab.jpg");
}

.seat {
    background-image: url("../storage/cars_background/seat.jpg");
}

.white-background {
    background-image: url("../storage/background/white-background.jpg");
}

.skoda {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/cars_background/skoda.jpg");
}

.subaru {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/cars_background/subaru.jpg");
}

.toyota {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/cars_background/toyota.jpg");
}

.volkswagen {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/cars_background/volkswagen.jpg");
}

.volvo {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/cars_background/volvo.jpg");
}

.zastava {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/cars_background/zastava.jpg");
}

.results_poens {
    background-image: radial-gradient(#000000b5, #00000080), url("../storage/background/results_poens.png");
}

.drift-result,
.zastava,
.volvo,
.volkswagen,
.toyota,
.skoda,
.seat,
.saab,
.renault,
.porsche,
.bmw,
.peugeot,
.opel,
.nissan,
.mitshubishi,
.mini,
.mazda,
.lexus,
.landrover,
.lada,
.lancia,
.kia,
.jeep,
.jaguar,
.isuzu,
.infiniti,
.hyundai,
.honda,
.hummer,
.ford,
.fiat,
.ferrari,
.dacija,
.audi,
.alfaromeo,
.chevrolet,
.citroen,
.mercedes,
.welcome,
.drift,
.posts,
.post,
.off-road,
.rally,
.moto-cross,
.news,
.reset,
.send,
.autoslalom,
.drivers,
.photos,
.circle,
.login,
.register,
.news-show,
.calendar,
.cars,
.tickets,
.event,
.password,
.carmeet,
.results,
.results_main,
.white-background,
.drag402m {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    height: 120vh;
    width: 100%;
}

.results_poens {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}

.like_button {
    color: var(--site-color);
}

.button_background {
    color: white;
    background-image: linear-gradient(to right, var(--site-color), #00000000);
}

.button_background a {
    color: white;
}

.button_background:hover {
    /*transition: 1s;*/
    background-image: linear-gradient(to right, var(--site-color), var(--site-color));
}


/* NAV BAR */
#navbarSupportedContent a {
    /*letter-spacing: 1px;*/
}

#navbarSupportedContent .fromLeftBottomBorder:after {
    display: block;
    content: '';
    border-bottom: solid 3px var(--site-color);
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
}

#navbarSupportedContent .fromLeftBottomBorder:hover:after {
    transform: scaleX(1);
}

#navbarSupportedContent .fromLeftBottomBorder:after {
    transform-origin: 0% 50%;
}

#navbarSupportedContent a:hover {
    color: var(--site-color) !important;
}

.nav_reg_log_icon {
    font-size: small;
}

.nav_language_dropdown a {
    padding: 3px 10px;
}

.navbar_main {
    /*background-image: linear-gradient(to right, #3c92d9, #3490dc, #060606);*/
    background-image: linear-gradient(to right, #060606, #929292, #060606);
}
.navbar_main .dropdown-item {
    color: #6c757d;
    font-size: small;
}

.main_navbar_togler:focus {
    outline: none !important;
}

/* LOGO */

.logo {
    height: 40px;
}

.pair_box_racer_pairs_main_logo {
    height: 40px;
}


/*. Body background */

.input_error {
    outline: solid 2px #da341e !important;
}

.post_user_header {
    height: 45px;
    margin-bottom: 5px;
    position: relative;
}

.nav_bar_profile_img {
    height: 26px;
    border-radius: 50%;
    /*border: 1.5px solid lime;*/
}

.profile_change_cover_button {
    background-image: linear-gradient(to bottom, transparent, var(--site-color), transparent);
    border-radius: 10px;
}

.profile_edit_button {
    background-image: linear-gradient(to bottom, transparent, var(--site-color), transparent);
    border-radius: 10px;
}

/* POST HOME PAGE */
.post_user_profile_image {
    display: inline-block;
    position: absolute;
    top: 0px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
}

.user_profile_car_scans_main_div {
    padding-right: 0px;
}

.post_user_profile_main_div {
}

.post_user_profile_date {
    padding-top: 12px;
}

.post_user_profile_name {
    /*position: absolute;*/
    /*top: 5px;*/
    /*left: 7%;*/
    margin-left: 46px;
}

.post_user_profile_name i {
    margin-left: 4px;
}

.post_comment_user i {
    margin-left: 4px;
}

.post_main_div {
    overflow: hidden;
    margin-bottom: 13px;
}

.post_coment_input {
    background: transparent !important;
    border: none;
    color: #d5d6fc;
    border-bottom: 1px solid var(--site-color);
    -webkit-box-shadow: none;
    outline: none;
    padding-left: 0px;
    box-shadow: none;
    border-radius: 0;
}

.post_coment_input:-webkit-autofill,
.post_coment_input:-webkit-autofill:hover,
.post_coment_input:-webkit-autofill:focus,
.post_coment_input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #fff !important;
}

.post_coment_input:focus {
    -webkit-box-shadow: none;
    color: white;
    box-shadow: none;
}

.post_header {
    background-color: #333333;
    /* height: 50px; */
    position: relative;
    padding: 13px 15px 1px;
}

.post_edit_delete_div {
    position: absolute;
    right: 9px;
    top: 8px;
}

.post_footer {
    background-color: #333333;
    padding: 13px 15px 1px 15px;
}

.post_header_user {
    font-size: large;
    font-weight: bold;
}

.post_header_date {
    font-size: smaller;
    color: #79797b;
    display: inline-block;
    margin-left: 5px;
}

.post_header_description {
    font-size: small;
    margin-bottom: 15px;
}

.post_header_description span p {
    margin-bottom: 5px !important;
}


/* Post content */

.post_content {
    overflow: hidden;
    background-color: #333333;
}

.post_content_video_div {
    padding-left: 0px;
    padding-right: 0px;
}

.post_content_image {
    padding-right: 0px;
    max-height: 500px;
    position: relative;
    overflow: hidden;
}

.post_content_image_img {
    width: 100%;
    /* height: 100% !important; */
}

.panel_image_post_thumb {
    height: 100%;
}

.post_comment_like_holder {
}

.post_comment_like {
    padding-left: 0px;
}

.post_content_gallery_images_div {
    padding-right: 0px;
    overflow-y: auto;
    padding-left: 0px;
    height: 400px;
    /* overflow: hidden; */
}

.post_list_thumb_description {
    height: 105px;
    overflow-y: auto;
}

.post_list_thumb_description p {
    margin-bottom: 0px;
}

/* Hide scrollbar for Chrome, Safari and Opera */

.post_content_gallery_images_div::-webkit-scrollbar {
    display: none;
}


/* Hide scrollbar for IE, Edge and Firefox */

.post_content_gallery_images_div {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.post_content_gallery_images {
    /* padding-right: 15px; */
}

.post_content_gallery_images img {
    height: 100%;
    width: 100%;
}

.post_footer_button_like_div {
    margin-bottom: 13px;
    display: inline-block;
    background-color: #4f4f4e;
    border-radius: 10px;
    padding: 0px 14px;
}

.post_footer_show_comments_div {
    height: 28px;
    padding-top: -10px;
    /* margin-bottom: 6px; */
    color: gray;
    display: inline-block;
    background-color: #4f4f4e;
    border-radius: 10px;
    padding: 2px 14px 0px;
}

.post_comment_number_holder {
    font-size: smaller;
}

.post_footer_button_like,
.post_footer_button_unlike {
    font-size: medium;
    padding: 0px;
}

.post_comment_div {
    border-radius: 10px;
    background-color: #4f4f4e;
    padding: 5px 15px;
    margin-bottom: 13px;
    color: white;
}

.reply_comments_div {
    border-radius: 10px;
    background-color: #4f4f4e;
    padding: 5px 0px;
    margin-bottom: 13px;
    color: #989898;
}

.post_comment_user {
    font-size: medium;
}

.post_comment {
    text-align: justify;
    /*font-size: small;*/
}

.post_comment_like {
    color: #d5d6fc;
    padding-top: 3px;
    font-size: smaller;
}

.post_comment_date span {
    font-size: smaller;
}

.like_post_comment_number {
    margin-left: 6px;
}

.like_post_number {
    margin-left: 6px;
}

.post_like_number_holder {
    font-size: small;
    color: #79797b;
    display: inline-block;
}

.post_comment_replay {
    display: inline-block;
}

.post_comment_view_replay {
    display: inline-block;
    margin-left: 6px;
    cursor: pointer;
    color: gray;
}

.post_show_comment_div {
    overflow-x: hidden;
    max-height: 370px;
    overflow-y: auto;
    /* overflow: hidden; */
    /*margin-bottom: 13px;*/
}

.post_show_comment_div::-webkit-scrollbar {
    width: 10px;
    margin-left: 5px;
}

.post_show_comment_div::-webkit-scrollbar-track {
    /*background-color: darkgrey;*/
    border-radius: 10px;
}

.post_show_comment_div::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: var(--site-color);
    border-radius: 10px;
}

.post_show_comment_div {
    scrollbar-color: var(--site-color) #e0e0e0 !important;
    scrollbar-width: thin;
    /*scroll-margin-left: 5px;*/
}

.edit_delete_post_comment,
.edit_delete_post_reply_comment {
    float: right;
    display: inline-block;
}

.edit_delete_event_video_comment,
.edit_delete_event_video_reply_comment {
    float: right;
    display: inline-block;
}

.video_like_number {
    font-size: medium !important;
}

/* Car info video */
.video_show_frame {
    margin-bottom: -7px;
}

.clearfix {
    display: none;
}

/* .POST HOME PAGE */


/* Event Side Bar */
#navbarEventContent .navbar-nav .nav-item:not(:last-child) .nav-link {
    /*border-right: 1px solid #7c7c7d;*/
}

.dropdown-menu .dropdown-item:active {
    background-color: gray !important;
}

#navbarEventContent {
    padding-left: 15px;
}

.event_side_active {
    color: var(--site-color) !important;
}

.event_side_bar {
    overflow: hidden;
}

.event_side_bar a {
    float: left;
    display: block;
    /* color: #f2f2f2; */
    /* text-align: center; */
    padding: 14px 16px;
    text-decoration: none;
    /* font-size: 17px; */
    /* width: 100%; */
}

.event_side_bar a:hover {
    background-color: #ddd;
    color: black;
}

.event_side_bar a.active {
    background-color: #4CAF50;
    color: white;
}

.event_side_bar .icon {
    display: none;
}

.event_info_main_div {
    background-color: #e9ecef;
    overflow: hidden;
}

/* .event_side_bar a {
    font-size: 80%;
} */
/* Edit Post  List*/

.post_list_thumb_likes {
    white-space: nowrap;
}

.navbar-toggle-x {
    border: none;
    background: transparent !important;
}

.navbar-toggle-x:active,
.navbar-toggle-x:focus {
    outline: 0;
}

.navbar-toggle-x .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    margin: 4px 0 4px 0;
    transition: all 0.2s;
}

.navbar-toggle-x .icon-bar {
    background: var(--site-color);
}

.navbar-toggle-x .icon-bar:nth-of-type(1) {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}

.navbar-toggle-x .icon-bar:nth-of-type(2) {
    opacity: 0;
    filter: alpha(opacity=0);
}

.navbar-toggle-x .icon-bar:nth-of-type(3) {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}

.navbar-toggle-x.collapsed .icon-bar:nth-of-type(1) {
    transform: rotate(0);
}

.navbar-toggle-x.collapsed .icon-bar:nth-of-type(2) {
    opacity: 1;
    filter: alpha(opacity=100);
}

.navbar-toggle-x.collapsed .icon-bar:nth-of-type(3) {
    transform: rotate(0);
}

/* END ANIMATED X */


/*. Event Side Bar */
.event_list_flag {
    width: 42px;
    height: 25px;
    border-radius: 3px;
    overflow: hidden;
}

/* Border Line */

.border_line {
    width: 100%;
    border-top: 1px solid var(--site-color);
    margin-bottom: 13px;
}

.font-size-12 {
    font-size: 12px;
}


/* Comments ******************/

.comments_form {
}

.comments_div {
    margin-bottom: 13px;
}

.comments_bar {
    padding-bottom: 5px;
}

.comments_thumb_comment {
    padding-left: 20px;
}

.comments_thumb {
    margin-bottom: 13px;
    background-color: #00000078;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 13px;
    padding-bottom: 1px;
    border-radius: 3px;
}


/* Event */

.event_main_div {
    /* margin-top: 13px; */
    /* margin-bottom: 13px; */
}

.event_time_row_holder {
    margin-bottom: 13px;
    background-color: #566060;
    border-radius: 3px;
}

.time_event_main_holder {
    padding-bottom: 65px;
}

.time_rows_main_holder {
    padding-left: 15px;
    padding-right: 15px;
}

.events_search_bar {
    margin-bottom: 13px;
}

.events_list_thumb_flag {
    margin-bottom: 13px;
}

.cars_list_thumb_text p {
    margin-bottom: 3px;
}

.cars_list_thumb_brand_title_image {
    height: 19px;
}

.events_h1_holder {
    font-size: revert;
    /*background-image: linear-gradient(to right top , var(--site-color),transparent, transparent,transparent);*/
    /*padding-left: 15px;*/
    margin-bottom: 0px;
}

.event_content_main_div {
    overflow: hidden;
    border-radius: 10px;
}

.dropdown-divider {
    margin: 0.2rem;
}

.rate-application-range-input {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.
.rate-application-range-input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #1f49a4;
    cursor: pointer;
}

.rate-application-range-input::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #04AA6D;
    cursor: pointer;
}

.event_content {
}

.event_informaiton_social_icon_holder {
    /*text-align: right;*/
    position: absolute;
    right: 0px;
}

/* Event video information */

.event_thumb_description {
    background-color: black;
    padding: 15px;
    border-radius: 3px;
    color: gray;
    margin-bottom: 13px;
}

.videos_thumb_information {
    /*height: 133px;*/
}

.videos_event_name {
    font-size: 23px;
}

.event_video {
    margin-bottom: 13px;
}


/* Event Video */

.event_video_description {
    position: relative;
}

.event_video_div {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 13px;
}

.event_video_header {
    background-color: #333333;
    /* height: 50px; */
    position: relative;
    /* padding: 13px 15px 1px; */
}

.event_video_content {
    background-color: #333333;
}

.event_video_footer {
    background-color: #333333;
    padding: 13px 15px 1px 15px;
}

.event_video_description_date {
    /* margin-bottom: 4px; */
    position: absolute;
    top: 0px;
    right: 0px;
}

.event_video_description_title p {
    /* width: 55%; */
    font-size: 19px;
}

.event_year_separator_year {
    font-size: x-large;

}

.event_year_separator_border {
    border-bottom: 1px solid var(--site-color);
}

.footer_separator_border {
    border-bottom: 1px solid #bbb;
    opacity: 0.5;
}

/* Event Thumb */

.event_thumb {
    height: 250px;
    background-color: #000000d1;
    position: relative;
    overflow: hidden;
}

.event_thumb_holder {
    margin-bottom: 13px;
}

.event_thumb_name_event {
    padding-top: 55px;
    padding-left: 10px;
    padding-right: 10px;
}

.event_thumb_name_location {
    width: 100%;
    position: absolute;
    bottom: 26px;
}

.event_thumb_bottom_bar {
    z-index: 1;
    position: absolute;
    bottom: 0px;
    height: 26px;
}

.event_thumb_bottom_bar p {
    margin-right: 10px;
}

/*  Event Racer */
.event_driver_list_countries_icon {
    width: 40px;
}

.driver_list_thumb_flag {
    width: 42px;
    height: 25px;
    border-radius: 3px;
    overflow: hidden;
}

.add_racers_button {
    margin-bottom: 13px;
    border-radius: 10px;
}

.add_racers_button:hover a {
    text-decoration: none;
    color: white;
}

.event_racer_div {
    /*margin-bottom: 13px;*/
}

.event_driver_thumb {
    position: relative;
}

.event_racer_delete_from_list {
    position: relative;
    right: 5px;
    /* font-size: 20px; */
    top: 56px;
    z-index: 1;
    display: inline-block;
    position: absolute;
}

/* Event Cars */

.event_cars_thumb {
    position: relative;
}

.cars_thumb_name {
    position: relative;
    padding: 5px 15px;
    border-top-left-radius: 10px;
    /*background-color: white;*/
    border-top-right-radius: 10px;
}

.event_car_delete_from_list {
    position: relative;
    right: 5px;
    z-index: 1;
    display: inline-block;
    position: absolute;
}


/* Event Photos */

.event_photo_main_div,
.event_album_div {
    padding: 0px 4px 7px;
    margin-bottom: 2px;
    position: relative;
}

.event_photo_main_div {
    background-color: #122c42;
    border-radius: 10px;
}

.event_album_div {
}

.event_album_name {
    height: 32px;
    /*border-top: 2px solid #338fda;*/
    position: absolute;
    top: 240px;
    right: 4px;
    background-color: #000000d4;
    padding: 3px 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-image: linear-gradient(var(--site-color), black);
}

.event_album_div img {
    position: absolute;
    min-height: 100%;
    /* width: 100%; */
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    /* height: 100%; */
    width: 100%;
    background-image: radial-gradient(transparent, #0000008c);
}

.event_album_first_image {
    overflow: hidden;
    height: 300px;
    position: relative;
    width: 100%;
    border-radius: 10px;
}

.event_album_second_image,
.event_album_third_image {
    height: 150px;
}

.event_album_second_image {
    padding-right: 0px;
}

.event_album_third_image {
    padding-left: 0px;
}


/* News ***************************News**************************News*********/

.news_filters {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 13px;
}

.news_views_number_holder {
    color: #abb1b7;
    font-size: small;
}

/*. News  */

/* News Thumb *******************News Thumb****************/

.news_thumb_div {
    margin-bottom: 15px;
    /* height: 100px; */
}

.event_news_thumb_img {
    height: 350px;
    border: 1px solid #ffffff;
}

.news_thumb_img {
    padding-left: 0px;
    padding-right: 0px;
    min-height: 170px;
    border-radius: 10px;
    border: 1px solid #505050;
    overflow: hidden;
    max-height: 425px;
}

.news_thumb_img img {
    /*border-radius: 3px;*/
    width: 100%;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    /* height: 350px; */
}

.news_thumb_img:hover img {
    transform: scale(1.3);
    -ms-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    -moz-transform: scale(1.3);
}

.news_thumb_information_div {
    position: relative;
    height: 82px;
}

.news_thumb_information {
    bottom: 0px;
    padding: 15px 15px;
    left: 10%;
    width: 80%;
    background-image: linear-gradient(201deg, #3333335e, #333333, #333333);
    /*background-color: #333333;*/
    height: 175px;
    position: absolute;
}

.news_thumb_description {
    font-size: 100%;
}

.news_thumb_category {
    font-size: 65%;
    height: 14%;
}

.news_thumb_title {
    /* font-size: 80%;
        height: 19%; */
    font-size: large;
    font-style: italic;
}

.news_thumb_title:hover {
    color: gray !important;
}

.news_thumb_show_more:hover {
    color: gray !important;
}

.news_thumb_description {
    font-size: 102%;
    overflow: hidden;
    height: 55%;
    color: white !important;
    margin-bottom: 8px;
}


/* News pagination */

.news_pagination {
    /* height: 36px;
        margin-bottom: 13px;
        position: relative; */
    font-family: 'Ethnocentr', sans-serif;
}

.news_pagination nav {
    /* right: 0px; */
    /* position: absolute; */
}

/*. News Thumb */

/* News Thumb Event ************ */

.event_news_thumb_div {
    margin-bottom: 13px;
    /* margin-top: 15px; */
    /* height: 450px; */
}

.event_news_thumb_img {
    height: 300px;
    min-height: 170px;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
    overflow: hidden;
}

.event_news_thumb_img img {
    height: 100%;
    width: 100%;
    border-radius: 3px;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.event_news_thumb_img:hover img {
    transform: scale(1.3);
    -ms-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    -moz-transform: scale(1.3);
}

.event_news_thumb_information_div {
    position: relative;
    height: 82px;
}

.event_news_thumb_information {
    bottom: 0px;
    padding: 15px 15px;
    left: 10%;
    width: 80%;
    background-color: #ffffffeb;
    height: 150px;
    position: absolute;
}

.event_news_thumb_description {
    font-size: 100%;
}

.event_news_thumb_category {
    font-size: 65%;
    height: 14%;
}

.event_news_thumb_description {
    font-size: 80%;
    /* height: 64%; */
    color: #4d5156;
    margin-bottom: 8px;
}

.event_news_thumb_date {
    font-size: 80%;
    position: absolute;
    bottom: 13px;
    left: 15px;
}

.event_news_thumb_date_posted {
    position: absolute;
    font-size: 12px;
    bottom: 13px;
    right: 15px;
}


/* .News Thumb Event  */
/* Download */
.download_image_button {
    text-decoration: none;
    position: absolute;
    bottom: 5px;
    right: 5px;
    font-size: large;
    color: white;
    background-color: #00000085;
    border-radius: 50px;
    padding: 0px 6px;
}

.download_image_button:hover {
    color: white;
}

/* .Download */

/* Language */

.language_image {
    height: 13px;
    border-radius: 5px;
    width: 21px;
    margin-bottom: 4px;
    box-shadow: -3px 5px 5px rgb(0 0 0 / 0.5);
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

/* .Language */


/* News show ********************** */
.news_show_main_holder {
    padding-right: 0px;
}

.news_show_title {
    margin-bottom: 13px;
}

.news_show_video {
    margin-bottom: 13px;
}

.news_show_image {
    margin-bottom: 13px;
}

.news_show_image img {
    width: 100%;
}

.news_show_gallery_image {
    /*margin-bottom: 13px;*/
    /*padding-right: 15px;*/
    /*height: 61px;*/
    /*overflow-y: scroll;*/
    /*-ms-overflow-style: none;*/
    /* IE and Edge */
    /*scrollbar-width: none;*/
    /* Firefox */
    /* overflow: hidden; */
    margin-bottom: 6px;
    padding-left: -14px;
    margin-top: 13px;
    overflow-y: auto;
    white-space: nowrap;
}

.news_show_gallery_image::-webkit-scrollbar {
    height: 6px;
}

.news_show_gallery_image::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: var(--site-color);
    border-radius: 3px;
}

.news_show_gallery_image_thumb {
    display: inline-block;
    /* padding-right: 0px; */
    width: 20%;
    /* margin-left: 5px; */
    /* margin-bottom: 13px; */
    height: 67px;
    overflow: hidden;
    position: relative;
    border-radius: 3px;
}

.news_show_gallery_image_thumb img {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.news_show_comments {
    margin-bottom: 13px;
}

.news_show_comments_title {
    margin-bottom: 13px;
}

.news_show_text {
    position: relative;
    margin-bottom: 13px;
}

.news_show_tex_posted_date {
    position: absolute;
    bottom: 15px;
    font-size: small;
    right: 15px;
}


/* News trending **************News trending**************/

.news_trending {
    margin-bottom: 13px;
    padding-top: 0px 13px;
    padding: 0px 0px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    overflow: hidden;
}

.news_trending_bar {
    padding: 2px 0px;
    border-radius: 10px;
    background-image: linear-gradient(to right, #df46468c, #328bd4, white);
    height: 28px;
}

.upcoming_event_bar {
    padding: 2px 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-image: linear-gradient(to right, #df46468c, #328bd4, white);
    height: 28px;
}

/* UPCOMIN EVENT THUMB */
.upcoming_event_thumb_holder {
    padding-top: 4px;
    min-height: 150px;
    position: relative;
    overflow: hidden;
    border-bottom: 2px solid var(--site-color);
}

.upcoming_event_thumb_background_image {
    width: 100% !important;
    min-height: 100% !important;
    position: absolute;
    /* width: 100%; */
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.35;

}

.upcoming_event_thumb_date {
    font-size: revert;
}

.upcoming_event_thumb_day {
    font-size: xx-large;
}

.upcoming_event_thumb_title {
    font-size: medium;
    font-weight: bold;
    margin-bottom: 0px;
}

.upcoming_event_category_name {
    color: var(--site-color);
}

.upcoming_event_location {
    color: var(--site-color);
    font-size: small;
}

.upcoming_event_thumb_humanitarian_icon_div {
    position: absolute;
    left: 15px;
    top: 39px;
}

.upcoming_event_thumb_humanitarian_icon_div img {
    width: 45px;
}

.event_event_info_is_humanitarian {
    float: right;
    color: white;
}

.event_event_info_is_humanitarian img {
    width: 33px;
}

/* ADVERTS */
.top_advert_holder {
    position: relative;
    width: 100%;
    margin-bottom: 13px;
    border-radius: 10px;
    overflow: hidden;
}

.photos_advert_holder {
    position: relative;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.advert_close_button {
    display: none;
    position: absolute;
    cursor: pointer;
    right: 0px;
    top: 0px;
    padding: 0px 5px;
    background-color: rgb(205, 204, 204);
}

.advert_ad_button {
    position: absolute;
    cursor: pointer;
    right: 0px;
    top: 0px;
    padding: 0px 5px;
    background-color: rgb(205, 204, 204);
}

.advert_image {
    width: 100%;
    border-radius: 10px;
    border: 1px solid var(--site-color);
}

/* .ADVERTS */
/* Trending thumbs *****************Trending thumbs*********/

.trending {
    padding-top: 4px;
    min-height: 100px;
}

.trending_news_title {
    font-size: medium;
}

.trending_news_title:hover {
    color: gray !important;
}

.trending_border {
    height: 1px;
    background-image: linear-gradient(to right, #df4646, #328bd4, white);
    width: 100%;
    margin-top: 10px;
}

.trending_number .trending_number_date {
    float: right;
}

.trending_number .trending_number_city {
    float: left;
}

.trending_number {
    /* padding-right: 0px; */
    /* margin: auto; */
    color: gray;
    font-size: smaller;
}

.trending_number_day {
    font-size: 150%;
}

.trending_criteria {
    font-size: 65%;
}

.trending_description {
    font-size: small;
}


/*. News trending */


/* Filter */
.cars_filter_collapse_button_holder {
    border-radius: 20px;
    width: 100px;
}

.cars_filter_collapse_input_holder {
    padding-left: 5px;
    padding-right: 5px;
}

.cars_filter_collapse_main_holder {
    background-color: white;
    border-radius: 10px;
    margin-top: 13px;
}

.filter_collapse_holder {
    width: 100%;
}

.filter_collapse_row_holder {
    padding-top: 13px;
    padding-right: 15px;
    padding-left: 15px;
}

.filter_links_title {
    font-size: 15px;
    border-bottom: 1px solid gray;
    padding-bottom: 4px;
}

.filter_link {
    padding-botom: 4px;
    font-size: medium;
}

.filter_link a {
    text-decoration: none;
    color: gray;
}

.filter_link a:hover {
    /*color: var(--site-color);*/
}

.filter_link a:after {
    display: block;
    content: '';
    border-bottom: solid 3px var(--site-color);
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
}

.filter_link a:hover:after {
    transform: scaleX(1);
}

.filter_link a:after {
    transform-origin: 0% 50%;
}

.filter_number {
    /* padding-left: 0px; */
    font-size: 90%;
    padding-top: 13px;
    color: #4d5156;
}

.search-bar-form-holder {
    border-radius: 10px;
    overflow: hidden;
}

.search_bar_search_button {
    border-left: none;
    border-top: 1px solid #d5dadf;
    background-image: linear-gradient(to bottom, white, var(--site-color), white);
}

.search_bar_search_button_event {
    background-color: white;
    border-left: 1px solid #e1e1e1;
    border-radius: 0px;
}

.button_post_comments {
    padding-top: 4px;
    border-radius: unset;
    border-bottom: 1px solid var(--site-color);
}

.post_comment_button_post {
    background-color: #333333;
}

.post_comment_button_post_replay {
    background-color: #4f4f4e;
}

.filter_search {
    /* padding-top: 8px;
    text-align: right;
    padding-left: 0px;
    font-size: 19px; */
}

.filter_icon {
    padding-top: 6px;
    /* margin: auto; */
}

.filter_icon_menu {
    position: absolute;
    top: 0px;
    right: 0px;
}

.filter-font-size {
    font-size: small;
}

.ticket-filter-padding-a li a {
    padding-left: 15px;
}

.cars_filter_collapse_row_holder {
    padding-right: 25px;
    padding-left: 25px;
}

/* Filter responsive */

.filter_category {
    overflow: hidden;
}

.filter_category a {
    /* float: left; */
    display: inline-block;
    /* color: #f2f2f2; */
    /* text-align: center; */
    padding: 14px 16px;
    text-decoration: none;
    /* font-size: 17px; */
    /* width: 100%; */
}

.filter_category a:hover {
    background-color: #ddd;
    color: black;
}

.filter_category a.active {
    background-color: #4CAF50;
    color: white;
}

.filter_category .icon {
    display: none;
    float: right;
}

.filter_category a:not(:first-child) {
    display: none;
}

.filter_category a.icon {
    display: block;
}

.filter_category.responsive {
    position: relative;
}

.filter_category.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
}

.filter_category.responsive a {
    float: none;
    display: block;
    text-align: left;
}


/* .event_side_bar a {
    font-size: 80%;
} */

/* Messages */
.message_nav_show_number_div {
    border-radius: 10px;
    color: white;
    background-color: var(--site-color);
    position: absolute;
    right: 21px;
    /* left: 15px; */
    top: 2px;
    height: 15px;
    width: 15px;
}

.messages_users_div {

}

.message_users_thumb {
    height: 60px;
    padding: 5px 0px;
}

.message_users_thumb_profile, .message_users_thumb_users_name {
    display: inline-block;
    height: 100%;
}

.message_users_thumb_profile {
    padding-right: 0px;
}

.message_users_thumb_users_name {
    padding-left: 8px;
}

.message_users_thumb_profile_img {
    border-radius: 50px;
    height: 100%;
    border-left: 1px solid gray;
}

.messages_ul_list {
    decoration: none;
    padding-left: 0px;
}

.messages_chat_divider {
    height: 1px;
    background-color: black;
}

.chat_messages_holder {
    display: flex;
    flex-direction: column-reverse;
}

.message_chat_image {
    border-radius: 5% !important;
}

#frame {
    width: 95%;
    min-width: 360px;
    /*max-width: 1000px;*/
    width: 100%;
    height: 92vh;
    min-height: 300px;
    max-height: 720px;
    background: #E6EAEA;
}

@media screen and (max-width: 360px) {
    #frame {
        width: 100%;
        height: 100vh;
    }
}

#frame #sidepanel {
    float: left;
    min-width: 280px;
    max-width: 340px;
    width: 40%;
    height: 100%;
    background: #2c3e50;
    color: #f5f5f5;
    overflow: hidden;
    position: relative;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel {
        width: 58px;
        min-width: 58px;
    }
}

#frame #sidepanel #profile {
    width: 80%;
    margin: 25px auto;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #profile {
        width: 100%;
        margin: 0 auto;
        padding: 5px 0 0 0;
        background: #32465a;
    }
}

#frame #sidepanel #profile.expanded .wrap {
    height: 210px;
    line-height: initial;
}

#frame #sidepanel #profile.expanded .wrap p {
    margin-top: 20px;
}

#frame #sidepanel #profile.expanded .wrap i.expand-button {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

#frame #sidepanel #profile .wrap {
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    -moz-transition: 0.3s height ease;
    -o-transition: 0.3s height ease;
    -webkit-transition: 0.3s height ease;
    transition: 0.3s height ease;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #profile .wrap {
        height: 55px;
    }
}

#frame #sidepanel #profile .wrap img {
    width: 50px;
    border-radius: 50%;
    padding: 3px;
    border: 2px solid #e74c3c;
    height: auto;
    float: left;
    cursor: pointer;
    -moz-transition: 0.3s border ease;
    -o-transition: 0.3s border ease;
    -webkit-transition: 0.3s border ease;
    transition: 0.3s border ease;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #profile .wrap img {
        width: 40px;
        margin-left: 4px;
    }
}

#frame #sidepanel #profile .wrap img.online {
    border: 2px solid #2ecc71;
}

#frame #sidepanel #profile .wrap img.away {
    border: 2px solid #f1c40f;
}

#frame #sidepanel #profile .wrap img.busy {
    border: 2px solid #e74c3c;
}

#frame #sidepanel #profile .wrap img.offline {
    border: 2px solid #95a5a6;
}

#frame #sidepanel #profile .wrap p {
    float: left;
    margin-left: 15px;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #profile .wrap p {
        display: none;
    }
}

#frame #sidepanel #profile .wrap i.expand-button {
    float: right;
    margin-top: 23px;
    font-size: 0.8em;
    cursor: pointer;
    color: #435f7a;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #profile .wrap i.expand-button {
        display: none;
    }
}

#frame #sidepanel #profile .wrap #status-options {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    width: 150px;
    margin: 70px 0 0 0;
    border-radius: 6px;
    z-index: 99;
    line-height: initial;
    background: #435f7a;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #profile .wrap #status-options {
        width: 58px;
        margin-top: 57px;
    }
}

#frame #sidepanel #profile .wrap #status-options.active {
    opacity: 1;
    visibility: visible;
    margin: 75px 0 0 0;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #profile .wrap #status-options.active {
        margin-top: 62px;
    }
}

#frame #sidepanel #profile .wrap #status-options:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #435f7a;
    margin: -8px 0 0 24px;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #profile .wrap #status-options:before {
        margin-left: 23px;
    }
}

#frame #sidepanel #profile .wrap #status-options ul {
    overflow: hidden;
    border-radius: 6px;
}

#frame #sidepanel #profile .wrap #status-options ul li {
    padding: 15px 0 30px 18px;
    display: block;
    cursor: pointer;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #profile .wrap #status-options ul li {
        padding: 15px 0 35px 22px;
    }
}

#frame #sidepanel #profile .wrap #status-options ul li:hover {
    background: #496886;
}

#frame #sidepanel #profile .wrap #status-options ul li span.status-circle {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 5px 0 0 0;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #profile .wrap #status-options ul li span.status-circle {
        width: 14px;
        height: 14px;
    }
}

#frame #sidepanel #profile .wrap #status-options ul li span.status-circle:before {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    margin: -3px 0 0 -3px;
    background: transparent;
    border-radius: 50%;
    z-index: 0;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #profile .wrap #status-options ul li span.status-circle:before {
        height: 18px;
        width: 18px;
    }
}

#frame #sidepanel #profile .wrap #status-options ul li p {
    padding-left: 12px;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #profile .wrap #status-options ul li p {
        display: none;
    }
}

#frame #sidepanel #profile .wrap #status-options ul li#status-online span.status-circle {
    background: #2ecc71;
}

#frame #sidepanel #profile .wrap #status-options ul li#status-online.active span.status-circle:before {
    border: 1px solid #2ecc71;
}

#frame #sidepanel #profile .wrap #status-options ul li#status-away span.status-circle {
    background: #f1c40f;
}

#frame #sidepanel #profile .wrap #status-options ul li#status-away.active span.status-circle:before {
    border: 1px solid #f1c40f;
}

#frame #sidepanel #profile .wrap #status-options ul li#status-busy span.status-circle {
    background: #e74c3c;
}

#frame #sidepanel #profile .wrap #status-options ul li#status-busy.active span.status-circle:before {
    border: 1px solid #e74c3c;
}

#frame #sidepanel #profile .wrap #status-options ul li#status-offline span.status-circle {
    background: #95a5a6;
}

#frame #sidepanel #profile .wrap #status-options ul li#status-offline.active span.status-circle:before {
    border: 1px solid #95a5a6;
}

#frame #sidepanel #profile .wrap #expanded {
    padding: 100px 0 0 0;
    display: block;
    line-height: initial !important;
}

#frame #sidepanel #profile .wrap #expanded label {
    float: left;
    clear: both;
    margin: 0 8px 5px 0;
    padding: 5px 0;
}

#frame #sidepanel #profile .wrap #expanded input {
    border: none;
    margin-bottom: 6px;
    background: #32465a;
    border-radius: 3px;
    color: #f5f5f5;
    padding: 7px;
    width: calc(100% - 43px);
}

#frame #sidepanel #profile .wrap #expanded input:focus {
    outline: none;
    background: #435f7a;
}

#frame #sidepanel #search {
    border-top: 1px solid #32465a;
    border-bottom: 1px solid #32465a;
    font-weight: 300;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #search {
        display: none;
    }
}

#frame #sidepanel #search label {
    position: absolute;
    margin: 10px 0 0 20px;
}

#frame #sidepanel #search input {
    font-family: "proxima-nova", "Source Sans Pro", sans-serif;
    padding: 10px 0 10px 46px;
    width: calc(100% - 25px);
    border: none;
    background: #32465a;
    color: #f5f5f5;
}

#frame #sidepanel #search input:focus {
    outline: none;
    background: #435f7a;
}

#frame #sidepanel #search input::-webkit-input-placeholder {
    color: #f5f5f5;
}

#frame #sidepanel #search input::-moz-placeholder {
    color: #f5f5f5;
}

#frame #sidepanel #search input:-ms-input-placeholder {
    color: #f5f5f5;
}

#frame #sidepanel #search input:-moz-placeholder {
    color: #f5f5f5;
}

#frame #sidepanel #contacts {
    height: calc(100% - 177px);
    overflow-y: scroll;
    overflow-x: hidden;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #contacts {
        height: calc(100% - 149px);
        overflow-y: scroll;
        overflow-x: hidden;
    }

    #frame #sidepanel #contacts::-webkit-scrollbar {
        display: none;
    }
}

#frame #sidepanel #contacts.expanded {
    height: calc(100% - 334px);
}

#frame #sidepanel #contacts::-webkit-scrollbar {
    width: 8px;
    background: #2c3e50;
}

#frame #sidepanel #contacts::-webkit-scrollbar-thumb {
    background-color: #243140;
}

#frame #sidepanel #contacts ul li.contact {
    position: relative;
    padding: 10px 0 15px 0;
    font-size: 0.9em;
    cursor: pointer;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #contacts ul li.contact {
        padding: 6px 0 46px 8px;
    }
}

#frame #sidepanel #contacts ul li.contact:hover {
    background: #32465a;
}

#frame #sidepanel #contacts ul li.contact.active {
    background: #32465a;
    border-right: 5px solid #435f7a;
}

#frame #sidepanel #contacts ul li.contact.active span.contact-status {
    border: 2px solid #32465a !important;
}

#frame #sidepanel #contacts ul li.contact .wrap {
    width: 88%;
    margin: 0 auto;
    position: relative;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #contacts ul li.contact .wrap {
        width: 100%;
    }
}

#frame #sidepanel #contacts ul li.contact .wrap span {
    position: absolute;
    left: 0;
    margin: -2px 0 0 -2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #2c3e50;
    background: #95a5a6;
}

#frame #sidepanel #contacts ul li.contact .wrap span.online {
    background: #2ecc71;
}

#frame #sidepanel #contacts ul li.contact .wrap span.away {
    background: #f1c40f;
}

#frame #sidepanel #contacts ul li.contact .wrap span.busy {
    background: #e74c3c;
}

#frame #sidepanel #contacts ul li.contact .wrap img {
    width: 40px;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #contacts ul li.contact .wrap img {
        margin-right: 0px;
    }
}

#frame #sidepanel #contacts ul li.contact .wrap .meta {
    padding: 5px 0 0 0;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #contacts ul li.contact .wrap .meta {
        display: none;
    }
}

#frame #sidepanel #contacts ul li.contact .wrap .meta .name {
    font-weight: 600;
}

#frame #sidepanel #contacts ul li.contact .wrap .meta .preview {
    margin: 5px 0 0 0;
    padding: 0 0 1px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -moz-transition: 1s all ease;
    -o-transition: 1s all ease;
    -webkit-transition: 1s all ease;
    transition: 1s all ease;
}

#frame #sidepanel #contacts ul li.contact .wrap .meta .preview span {
    position: initial;
    border-radius: initial;
    background: none;
    border: none;
    padding: 0 2px 0 0;
    margin: 0 0 0 1px;
    opacity: .5;
}

#frame #sidepanel #bottom-bar {
    position: absolute;
    width: 100%;
    bottom: 0;
}

#frame #sidepanel #bottom-bar button {
    float: left;
    border: none;
    width: 50%;
    padding: 10px 0;
    background: #32465a;
    color: #f5f5f5;
    cursor: pointer;
    font-size: 0.85em;
    font-family: "proxima-nova", "Source Sans Pro", sans-serif;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #bottom-bar button {
        float: none;
        width: 100%;
        padding: 15px 0;
    }
}

#frame #sidepanel #bottom-bar button:focus {
    outline: none;
}

#frame #sidepanel #bottom-bar button:nth-child(1) {
    border-right: 1px solid #2c3e50;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #bottom-bar button:nth-child(1) {
        border-right: none;
        border-bottom: 1px solid #2c3e50;
    }
}

#frame #sidepanel #bottom-bar button:hover {
    background: #435f7a;
}

#frame #sidepanel #bottom-bar button i {
    margin-right: 3px;
    font-size: 1em;
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #bottom-bar button i {
        font-size: 1.3em;
    }
}

@media screen and (max-width: 735px) {
    #frame #sidepanel #bottom-bar button span {
        display: none;
    }
}

#frame .content {
    float: right;
    width: 60%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

@media screen and (max-width: 735px) {
    #frame .content {
        width: calc(100% - 58px);
        min-width: 300px !important;
    }
}

@media screen and (min-width: 900px) {
    #frame .content {
        width: calc(100% - 340px);
    }
}

#frame .content .contact-profile {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #f5f5f5;
}

#frame .content .contact-profile img {
    width: 40px;
    border-radius: 50%;
    float: left;
    margin: 9px 12px 0 9px;
}

#frame .content .contact-profile p {
    float: left;
}

#frame .content .contact-profile .social-media {
    float: right;
}

#frame .content .contact-profile .social-media i {
    margin-left: 14px;
    cursor: pointer;
}

#frame .content .contact-profile .social-media i:nth-last-child(1) {
    margin-right: 20px;
}

#frame .content .contact-profile .social-media i:hover {
    color: #435f7a;
}

#frame .content .messages {
    height: auto;
    min-height: calc(100% - 93px);
    max-height: calc(100% - 93px);
    overflow-y: scroll;
    overflow-x: hidden;
}

@media screen and (max-width: 735px) {
    #frame .content .messages {
        max-height: calc(100% - 105px);
    }
}

#frame .content .messages::-webkit-scrollbar {
    width: 8px;
    background: transparent;
}

#frame .content .messages::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
}

#frame .content .messages ul li {
    display: inline-block;
    clear: both;
    float: left;
    margin: 15px 15px 5px 15px;
    width: calc(100% - 25px);
    font-size: 0.9em;
}

#frame .content .messages ul li:nth-last-child(1) {
    margin-bottom: 20px;
}

#frame .content .messages ul li.sent img {
    margin: 6px 8px 0 0;
}

#frame .content .messages ul li.sent p {
    background: #435f7a;
    color: #f5f5f5;
}

#frame .content .messages ul li.replies img {
    float: right;
    margin: 6px 0 0 8px;
}

#frame .content .messages ul li.replies p {
    background: #f5f5f5;
    float: right;
}

#frame .content .messages ul li img {
    width: 22px;
    border-radius: 50%;
    float: left;
}

#frame .content .messages ul li p {
    display: inline-block;
    padding: 10px 15px;
    border-radius: 20px;
    max-width: 205px;
    line-height: 130%;
}

@media screen and (min-width: 735px) {
    #frame .content .messages ul li p {
        max-width: 300px;
    }
}

#frame .content .message-input {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 99;
}

#frame .content .message-input .wrap {
    position: relative;
}

#frame .content .message-input .wrap input {
    font-family: "proxima-nova", "Source Sans Pro", sans-serif;
    float: left;
    border: none;
    width: calc(100% - 90px);
    padding: 11px 32px 10px 8px;
    font-size: 0.8em;
    color: #32465a;
}

@media screen and (max-width: 735px) {
    #frame .content .message-input .wrap input {
        padding: 15px 32px 16px 8px;
    }
}

#frame .content .message-input .wrap input:focus {
    outline: none;
}

#frame .content .message-input .wrap .attachment {
    position: absolute;
    right: 60px;
    z-index: 4;
    margin-top: 10px;
    font-size: 1.1em;
    color: #435f7a;
    opacity: .5;
    cursor: pointer;
}

@media screen and (max-width: 735px) {
    #frame .content .message-input .wrap .attachment {
        margin-top: 17px;
        right: 65px;
    }
}

#frame .content .message-input .wrap .attachment:hover {
    opacity: 1;
}

#frame .content .message-input .wrap button {
    float: right;
    border: none;
    width: 50px;
    padding: 12px 0;
    cursor: pointer;
    background: #32465a;
    color: #f5f5f5;
}

@media screen and (max-width: 735px) {
    #frame .content .message-input .wrap button {
        padding: 16px 0;
    }
}

#frame .content .message-input .wrap button:hover {
    background: #435f7a;
}

#frame .content .message-input .wrap button:focus {
    outline: none;
}

/* .Messages */

/* Drift */


/* Drift Event ********************Drift Event**************Drift Event****/

.drift_event_side_bar {
    /* padding-right: 15px; */
    background-color: #00000078;
    overflow: hidden;
    margin-bottom: 13px;
}

.drift_event_content {
    /* margin-top: 13px; */
}


/* Information */

.drift_event_inf_thumb {
    /* padding-left: 15px; */
    padding-right: 15px;
    background-color: #00000078;
    margin-bottom: 13px;
}

.information_event_thumb {
    margin-bottom: 13px;
    /*border-bottom: solid #bebebe 1px;*/
}

.information_event_bottom_border {
    border-bottom: solid #bebebe 1px;
    margin-bottom: 4px;
}

.drift_event_details {
    padding: 13px 15px 0px 15px;
    background-color: #e9ecef;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.event_application_main_div {
    background-color: #e9ecef;
    border-radius: 13px;
}

.event_application_holder {
    margin-bottom: 13px;
}

.drift_event_details_second_div {
    margin-bottom: 13px;
}

.drift_event_information {
    padding-top: 13px;
    padding-bottom: 1px;
    padding-left: 15px;
}

.event_event_info {
    margin-bottom: 13px;
}

.event_google_map {
    margin-bottom: 13px;
}

.event_google_map .location_picker_holder {
    margin-top: -23px;
}

.location_picker_holder {
    /*margin-top: -22px;*/
}

.event_google_add_edit_map_input {
    border-radius: 5px;
}

.event_google_map_input {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.event_poster_div {
    margin-bottom: 13px;
}

.event_poster_div img {
    width: 100%;
}


/* Photos */


/* *event photos* */

.drift_event_photos_thumb {
    /* height: ; */
    padding-left: 3px;
    padding-right: 3px;
    margin-top: 6px;
    height: 150px;
    overflow: hidden;
}

.drift_event_photos_thumb img {
    height: 100%;
    width: 100%;
}


/* album photos */
.photos_thumb_title {
    font-size: 23px;
}

.photos_show_thumb {
    /* height: ; */
    padding-left: 3px;
    padding-right: 3px;
    margin-top: 6px;
    height: 150px;
    overflow: hidden;
}

.photos_show_thumb .panel-body {
    overflow: hidden;
    min-height: 150px;
}

.photos_show_thumb img {
    width: 100% !important;
    min-height: 100% !important;
    position: absolute;
    height: auto !important;
    /* width: 100%; */
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.calendar_thumb_row {
    /* position: relative; */
}


/* Cars */
.car_event_thumb_holder {
    width: 100%;
    padding-left: 1px;
    padding-right: 1px;
    height: auto;
    max-height: 360px;
    overflow: auto;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: white;
    padding-bottom: 15px;
}

.car_event_thumb_holder::-webkit-scrollbar {
    width: 10px;
    margin-left: 5px;
}

.car_event_thumb_holder::-webkit-scrollbar-track {
    /*background-color: darkgrey;*/
    border-radius: 10px;
}

.car_event_thumb_holder::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: var(--site-color);
    border-radius: 10px;
}

.car_event_thumb_holder {
    scrollbar-color: var(--site-color) #e0e0e0 !important;
    scrollbar-width: thin;
    background-color: #e9ecef;
    /*scroll-margin-left: 5px;*/
}

.car_event_thumb {
    height: 50px;
    margin-top: 1px;
    background-color: white;
}

.car_event_thumb_number_holder {
    padding-top: 12px;
    height: 100%;
    padding-left: 10px;
    background-color: black;
    position: relative;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.car_event_thumb_number {
    left: 18%;
    color: white;
    position: relative;
    font-size: medium;
}

.car_event_thumb_number_corner {
    position: absolute;
    bottom: -1px;
    right: -1px;
    height: 50px;
    width: 36%;
    background-image: -webkit-linear-gradient(156deg, #ffffff 50%, #000000 50%);
}

.car_event_thumb_event_holder {
    padding-top: 15px;
}

.car_tuning_styling_event_text_thumb_holder {
    margin: auto;
}
.ts-results-winner-thumb-car-model-text{
    width: 100%;
}
.car_event_thumb_nav_bar {
    border-radius: 3px;
    background-image: linear-gradient(to right, black, #3c92d9);
    width: 100%;
    height: 30px;
}

.car_event_thumb_row {
    margin-left: 0px;
    margin-right: 0px;
    height: 100%;
}

.car_event_thumb_event_holder {

}

.car_event_thumb_event_title {
    color: gray;
}


.drift_event_car_div {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 13px;
}

.drift_event_car_thumb {
    height: 400px;
}

.drift_event_car_thumb img {
    width: 100%;
    height: 100%;
}

.drift_event_car_pictures {
    padding-left: 0px;
    padding-right: 0px;
    height: 100%;
}

.drift_event_car_pictures img {
    width: 100%;
    height: 100%;
}

.drift_event_car_picture_selector {
    margin-bottom: 6px;
}

.drift_event_car_information {
    margin-top: 13px;
}


/* Cars Thumb */

.car_main_div {
    padding: 0px 13px;
}

.cars_thumb {
    margin-bottom: 4px;
    padding: 0px 2px;
    /* height: 330px; */
}

.cars_thumb_img {
    /*border-top-left-radius: 3px;*/
    /*border-top-right-radius: 3px;*/
    height: 180px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.cars_thumb_img img {
    width: 100%;
    /*height: 100%;*/
    position: absolute;
    /* width: 100%; */
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.cars_thumb_img:hover img {
    width: 120%;
}

.cars_thumb_information {
    padding: 10px 15px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-decoration: none;
    font-size: small;
    background-image: linear-gradient(to right, #69d3ee52, #ffffff, #69d3ee52);
}

.cars_information_brand_image {
    height: 19px;
}


/* Car Show *********************** */

.car_show_title_holder {
    font-size: 22px;
}

.car_comments_title_div {
    padding: 20px 15px;
    /* padding-left: 23px; */
    background-color: #333333;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 125%;
}

.car_comments_div {
    padding-top: 0px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.related_car_thumb_image_holder {
    height: 100px;
    border-radius: 3px;
    overflow: hidden;
}

.related_car_thumb_image_holder img {
    width: 100%;
    height: auto;
    min-height: 100%;
}

.related_news_thumb_image_holder {
    height: 100px;
    border-radius: 3px;
    overflow: hidden;
}

.related_news_thumb_image_holder img {
    width: 100%;
    height: auto;
    min-height: 100%;
}

.car_show_gallery_image {
    margin-bottom: 6px;
    /*margin-left: -5px;*/
    padding-left: -14px;
    /*margin-top: 13px;*/
    /* padding-right: 15px; */
    /* max-height: 80px; */
    overflow-y: auto;
    white-space: nowrap;
}

.car_show_main_holder {
    padding-right: 0px;
}

.car_show_video_thumb {
    margin-bottom: 13px;
}


.car_show_gallery_image::-webkit-scrollbar {
    height: 6px;
}

.car_show_gallery_image::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: var(--site-color);
    border-radius: 3px;
}


.car_show_description {
    /* margin-top: 13px; */
}

.car_show_video {
    margin-bottom: 13px;
}

.car_show_images {
    /* margin-bottom: 13px; */
}

.car_show_brand_image {
    height: 15px;
    margin-bottom: 3px;
}

.car_show_brand_title_image {
    height: 25px;
}

.car_footer_show_comments_div {
    margin-bottom: 15px;
}

/* Information car thumb */

.car_show_information_about_car,
.event_track_description {
    border-radius: 10px;
    background-color: #e9ecef;
    margin-bottom: 13px;
    padding: 15px;
}

.f_w {
    font-weight: 600;
}

.car_show_gallery_image_thumb {
    display: inline-block;
    /* padding-right: 0px; */
    width: 20%;
    /*margin-left: 5px;*/
    /* margin-bottom: 13px; */
    height: 67px;
    overflow: hidden;
    position: relative;
    border-radius: 3px;
}

.car_show_gallery_image_thumb img {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.car_show_specification_category {
    /* background-color: blue; */
    /* border: 1px solid blue; */
    padding: 5px 0px;
    font-size: 125%;
    margin-bottom: 13px;
}

.car_show_specification {
    border-bottom: solid #bebebe 1px;
}

.car_show_specification_section_holder {
    padding: 0px;
}

.car_show_display_image {
    margin-bottom: 13px;
}

.car_show_display_image img {
    width: 100%;
    /* max-height: 350px; */
    /* min-height: 350px; */
}

.user_information_flag {
}

.user_information_flag_img {
    width: 29px;
    height: 18px;
    border-radius: 8px;
    box-shadow: 0 3px 5px rgb(0 0 0 / 0.4);
}

/*.  Car Show */

/* Car List Thumb */

.car_list_image_thumb,
.driver_list_image_thumb {
    margin: auto;
    padding-bottom: 10px;
}


/* .Car List Thumb */


/* Event Track */

.event_track_gallery_images {
    padding-left: 0px;
    height: 400px;
    /* padding-right: 17px; */
    scrollbar-width: none;
    overflow-y: auto;
}

.event_track_gallery_img,
.event_track_main_img {
    border-radius: 3px;
}

.event_track_gallery_images::-webkit-scrollbar {
    display: none;
}

.event_track_gallery_image_thumb {
    margin-bottom: 13px;
}


/* .Event Track */


/* Search input city */

.select2 .select2-selection {
    height: 37px !important;
}


/* SEarch input city */


/* News */

.news_thumb_relative_div {
    position: relative;
    width: 100%;
    height: 100%;
}

.news_thumb_date {
    position: absolute;
    bottom: 0px;
    font-size: smaller;
    left: 0px;
}

.news_thumb_date_posted {
    position: absolute;
    font-size: smaller;
    bottom: 0px;
    right: 0px;
}

/* News Social Share */

.social_share_buttons_holder {
    margin-bottom: 13px;
    justify-content: space-between;
    display: flex;
    height: 37px;
}

.news_social_share_button {
    display: inline-block;
    padding: 5px 0px;
    font-size: 17px;
    width: 19.4%;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.7;
}

.cars_social_share_button {
    display: inline-block;
    padding: 5px 0px;
    font-size: 17px;
    width: 19.4%;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.7;
}

.cars_social_share_button:hover {
    opacity: 1;
}

.news_social_share_button:hover {
    opacity: 1;
}

.news_social_share_button_a_tag_placeholder {
    /*height: 100px;*/
    width: 100%;
}

.news_social_share_button_facebook {
    background: #3B5998;
    color: white;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

.news_social_share_button_twitter {
    background: #55ACEE;
    color: white;
}

.news_social_share_button_viber {
    background: #665CAC;
    color: white;
}

.news_social_share_button_whatsapp {
    background: #25D366;
    color: white;
}

.news_social_share_button_google {
    background: #dd4b39;
    color: white;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

.facebook-color {
    color: #3B5998;
}

.twitter-color {
    color: #55ACEE;
}

.viber-color {
    color: #665CAC;
}

.whatsapp-color {
    color: #25D366;
}

.post_share_icon {
    margin-right: 10px;
}

/* BUTTONS */

/* CSS */
.button-10 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 6px 14px;
    font-family: -apple-system, BlinkMacSystemFont, 'Roboto', sans-serif;
    border-radius: 6px;
    border: none;

    color: #fff;
    background: linear-gradient(180deg, #4B91F7 0%, #367AF6 100%);
    background-origin: border-box;
    box-shadow: 0px 0.5px 1.5px rgba(54, 122, 246, 0.25), inset 0px 0.8px 0px -0.25px rgba(255, 255, 255, 0.2);
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.button-10:focus {
    box-shadow: inset 0px 0.8px 0px -0.25px rgba(255, 255, 255, 0.2), 0px 0.5px 1.5px rgba(54, 122, 246, 0.25), 0px 0px 0px 3.5px rgba(58, 108, 217, 0.5);
    outline: 0;
}

/* .BUTTONS */

/* Right side */

.event_question_thumb {
    padding: 13px 15px;
    margin-bottom: 13px;
}

.event_about_drift_thumb {
    overflow: hidden;
    margin-bottom: 13px;
    text-align: justify;
    background-color: #e9ecef;
}

.event_about_drift_thumb_description {
    padding-right: 15px;
    padding-top: 13px;
    padding-left: 15px;
    padding-bottom: 1px;
}


/* Drift event Side bar */


/* Calendar ************Calendar********************Calendar***************/
.time_modal_close_button {
    background-image: linear-gradient(to bottom, var(--site-color), white, var(--site-color));
}

.calendar_thumb_row {
    border: 1px solid #505050;
    height: 300px;
    overflow: hidden;
    position: relative;
    margin-bottom: 13px;
    /* background-color: #212f8f82; */
    /* background-image: radial-gradient(transparent, black); */
    /* background-repeat: no-repeat; */
    /* background-position: center; */
    /* background-size: cover; */
}
.calendar_thumb_active_event{
    border-top: 3px solid #87ff71;
}
.calendar_thumb_finished_event{
    border-top: 3px solid #c92525;
}

.cal_title_holder {
    overflow: hidden;
    margin-bottom: 5px;
    /*height: 61px;*/
}

.calendar_event_title {
    /*font-family: "Franklin Gothic Medium", "Franklin Gothic", "ITC Franklin Gothic", Arial, sans-serif;*/
    font-size: 50px;
    font-style: italic;
    font-variant: normal;
    margin-bottom: 0px;
}

.calendar_event_category {
    font-style: italic;
    font-size: medium;
}

.calendar_thumb_row img {
    width: 100%;
    filter: brightness(0.3);
    height: 100%;
}

.cal_is_humanitarian {
    padding-top: 15px;
    top: 131px;
    position: absolute;
}

.cal_is_humanitarian img {
    filter: none;
    width: 37px;
}

.cal_date {
    width: 15%;
    bottom: 0px;
    position: absolute;
    /* margin: auto; */
    /* padding-top: 62px;*/
}

.cal_date_days_div {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.cal_date_days {
    font-style: italic;
    font-size: 40px;
    font-weight: 600;
}

.cal_date_date {
    font-style: italic;
    font-weight: 600;
}

.admin_event_passed {
    background-color: #482929;
}

.admin_event_comming {
    background-color: #244e24;
}

.cal_date_passed {
    background-image: linear-gradient(309deg, #8000009c, transparent);
}

.ticket_event_passed {
    color: #ff8181;
}

.advert_passed {
    color: #ff8181 !important;
}

.ticket_event_comming {
    color: #4bf94b9c;
}

.custom-file-label::after {
    display: none;
}

.cal_date_comming {
    background-image: linear-gradient(309deg, #63da8d, transparent);
}

.car_scan_date {
    color: var(--site-color);
}

.news_list_create_date {
    background-image: linear-gradient(309deg, #63da8d, transparent);
}

.cal_date_date_div {
    background-color: #00000075;
}

.cal_date_list {
    position: absolute;
    padding-left: 18px;
    width: 100%;
    /*left: 25%;*/
    /*height: 100%;*/
    /*display: flex;*/
    /*align-items: center;*/
}

.cal_links {
}

.cal_ticket {
    /* padding-top: 15px; */
}


.cal_event_times_text, .cal_event_tickets_text {
    font-size: medium;
}

.cal_more_info {
}

.calendar_links_holder {
    text-align: right;
    padding-bottom: 15px;
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.cal_more_info_text {
    font-size: medium;
}

.cal_organized {
    position: absolute;
    bottom: 0px;
    font-weight: 600;
    font-size: 20px;
    left: 0px;
    width: 100%;
    font-style: italic;
    text-align: center;
}

.cal_ticket,
.cal_more_info,
.cal_event_times {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-image: linear-gradient(to left, #16667c, transparent);
    padding-right: 15px;
    text-align: right;
    font-style: italic;
    padding: 2px 19px;
}


/*. Calendar */
.main_content_div_8 {
    padding-right: 0px;
    padding-bottom: 15px;
}

/* Site Title div */

.site_title_div {
    padding: 15px 15px 10px;
    /* padding-left: 23px; */
    background-color: #e9ecef;
    border-top-left-radius: 10px;
    /*background-image: linear-gradient(to bottom, var(--site-color), #e9ecef);*/
    border-top-right-radius: 10px;
    font-size: 125%;
    /*background-image: radial-gradient(#00000000, #424242a1), url(../storage/background/event-title-background.jpg);*/
}

.car_site_title_div {
    padding: 15px 15px 10px;
    /* padding-left: 23px; */
    background-color: #e9ecef;
    border-top-left-radius: 10px;
    /*background-image: linear-gradient(to bottom, var(--site-color), #e9ecef);*/
    border-top-right-radius: 10px;
    font-size: 125%;
    /*background-image: radial-gradient(#00000000, #424242a1), url(../storage/background/event-title-background.jpg);*/
}

.site_application_title_div {
    padding: 20px 15px 5px;
    /* padding-left: 23px; */
    /*background-color: #e9ecef;*/
    background-image: linear-gradient(to bottom, #37c890, #e9ecef);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 125%;
    /*background-image: radial-gradient(#00000000, #4242427a), url(../storage/background/event-application-title-background.jpg);*/
}

.event_application_div {
    background-color: white;
    padding: 20px 15px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.event_application_registered_div {
    background-color: #e9ecef;
    padding: 20px 15px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.event_application_rated_class_name {
    font-weight: bold;
}

.event_application_button_holder {
    text-align: end;
}

.event_application_button {
    padding-left: 30px;
    border-radius: 20px;
    padding-right: 30px;
    color: white;
    background-image: radial-gradient(#00000000, #4242427a), url(../storage/background/event-application-title-background.jpg);
}

.event_application_button:hover {
    color: white;
}

/* Ticket info */
.ticket_event_title {
    font-weight: 600;
}

.ticket_info_event_name {
    /* font-size: 2.0rem; */
}

.ticket_info_main_holder {
    padding-right: 0px;
}

.ticket_info_event_racer_description {
    overflow-y: auto;
    max-height: 105px;
    margin-bottom: 13px;
}

.ticket_info_event_racer_description p {
    margin-bottom: 0px;
}

.ticket_info_event_racer_flag {
    border-bottom-right-radius: 3px;
    height: 32px !important;
    width: 50px !important;
    position: absolute;
    bottom: 5px;
    left: 15px;
    border-top-right-radius: 3px;
}

.ticket_info_event_racer_description::-webkit-scrollbar {
    display: none;
}

.ticket_info_event_date {
    /* font-size: 1.17rem; */
}

.ticket_info_event_div {
    margin-bottom: 13px;
}

.ticket_info_event_price {
    margin-bottom: 5px;
}

.ticket_info_event_categories {
    margin-bottom: 13px;
}

.ticket_info_event_youtube_video {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 13px;
}

.ticket_info_event_drivers {
    margin-bottom: 13px;
}

.ticket_info_event_drivers_title {
    margin-bottom: 13px;
}

.ticket_category_info {
    background-color: #e9ecef;
    padding-right: 15px;
    border-bottom-right-radius: 3px;
    padding-top: 13px;
    padding-left: 15px;
    padding-bottom: 1px;
    border-bottom-left-radius: 3px;
}

.ticket_info_event_social {
}

.add_class_category_holder {
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 15px;
    background-color: #6f6f6f;
    border-radius: 10px;
    margin-bottom: 15px;
}

.add_class_category_new_row_btn {
    cursor: pointer;
}

/* Ticket info driver thumb */

.ticket_info_event_drivers_thumb {
    padding: 15px 0px 3px 0px;
    margin-left: 0px;
    background-color: white;
    margin-right: 0px;
    margin-bottom: 13px;
}

.ticket_info_event_drivers_thumb_border {
    border-bottom: 1px solid var(--site-color);
    /* margin-top: 13px; */
    margin-bottom: 13px;
    width: 100%;
    margin-left: 15px;
    margin-right: 15px;
}

.ticket_info_event_drivers_img {
    position: relative;
    height: 100px;
    overflow: hidden;
    border-radius: 3px;
    margin-bottom: 13px;
}

.ticket_info_event_drivers_img .ticker_driver_image {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    width: 100% !important;
    left: 50%;
    height: auto !important;
}

.ticket_info_event_drivers_img .panel-default {
    height: 100%;
}

.ticket_info_event_drivers_img .panel-default .panel-body {
    border-radius: 3px;
}

/* Adverts */
.advert_list_title {
    color: var(--site-color);
}

.inactive_car_qr_button {
    background-image: linear-gradient(to bottom, white, #ff8181, white);
}

.inactive_car_qr_button {
    background-image: linear-gradient(to bottom, white, #fa8b5c, white);
}

.search_bar_add_button {
    background-image: linear-gradient(to bottom, white, #37c890, white);
}

.search_bar_settings_button {
    background-image: linear-gradient(to bottom, white, #cdd232, white);
}

.search_bar_list_button {
    background-image: linear-gradient(to bottom, white, var(--site-color), white);
}

.bar_seccondary_button {
    background-image: linear-gradient(to bottom, white, gray, white);
}

/* .Adverts */
/* Events TS*/

.event_ts_thumb {
    margin-bottom: 13px;
}

.event_ts_thumb_header {
    height: 130px;
    overflow: hidden;
    position: relative;
}

.event_ts_thumb_header_text {
    width: 100%;
    padding: 5px 15px;
    position: absolute;
    z-index: 1;
    top: 0;
}

.event_ts_thumb_info_holder {
    background-color: white;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid gray;
}

.event_ts_thumb_header .event_ts_thumb_header_background_img {
    min-width: 100%;
    filter: brightness(0.3);
    top: 50%;
    transform: translateY(-50%);
}

.event_ts_thumb_info_holder {
    padding: 15px 15px;
}

.event_ts_thumb_header_location_flag_holder {
    height: 17px;
    margin-bottom: 4px;
    width: 27px;
    border-radius: 5px;
}

.event_ts_thumb_header_location_holder {
    position: absolute;
    right: 30px;
    bottom: 10px;
    z-index: 1;
}

.event_ts_thumb_header_rate_info_holder {
    position: absolute;
    right: 30px;
    top: 10px;
    z-index: 1;
    font-size: 24px;
    color: #00c853;
}

.event_ts_thumb_header_rated_holder {
    color: #00c853;
}

.event_ts_thumb_header_unrated_holder {
    color: #ee3535;
}

.event_ts_thumb_header_event_category {
    font-size: small;
    font-weight: bold;
}

.event_ts_thumb_header_event_date {
    font-size: smaller;
}

.event_ts_thumb_header_background {
    width: 100%;
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.event_ts_thumb_header_event_title {
    font-weight: bold;
    font-size: xx-large;
}

/* .Events TS*/
/* Events DRAG*/
.rated-drag-application-list-racer-image {
    max-width: 70px;
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.event_drag_thumb {
    margin-bottom: 13px;
}

.event_drag_thumb_header {
    height: 130px;
    overflow: hidden;
    position: relative;
}

.event_drag_thumb_header_text {
    width: 100%;
    padding: 5px 15px;
    position: absolute;
    z-index: 1;
    top: 0;
}

.event_drag_thumb_info_holder {
    background-color: white;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid gray;
}

.event_drag_thumb_header .event_drag_thumb_header_background_img {
    min-width: 100%;
    filter: brightness(0.3);
    top: 50%;
    transform: translateY(-50%);
}

.event_drag_thumb_info_holder {
    padding: 15px 15px;
}

.event_drag_thumb_header_location_flag_holder {
    height: 17px;
    margin-bottom: 4px;
    width: 27px;
    border-radius: 5px;
}

.event_drag_thumb_header_location_holder {
    position: absolute;
    right: 30px;
    bottom: 10px;
    z-index: 1;
}

.event_drag_thumb_header_rate_info_holder {
    position: absolute;
    right: 30px;
    top: 10px;
    z-index: 1;
    font-size: 24px;
    color: #00c853;
}

.event_drag_thumb_header_rated_holder {
    color: #00c853;
}

.event_drag_thumb_header_unrated_holder {
    color: #ee3535;
}

.event_drag_thumb_header_event_category {
    font-size: small;
    font-weight: bold;
}

.event_drag_thumb_header_event_date {
    font-size: smaller;
}

.event_drag_thumb_header_background {
    width: 100%;
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.event_drag_thumb_header_event_title {
    font-weight: bold;
    font-size: xx-large;
}

/* .Events DRAG*/
/* Events DRAG ALL APPLICATIONS*/
.drag-application-info-text-row {
    border-bottom: 1px solid black;
    margin-bottom: 13px;
}

.drag-application-author-show-info-modal-button {
    font-size: x-large;
    color: cornflowerblue;
    cursor: pointer;
}

.event_drag_all_applications_thumb {
    margin-bottom: 13px;
}

.event_drag_all_applications_thumb_header {
    height: 130px;
    overflow: hidden;
    position: relative;
}

.event_drag_all_applications_thumb_header_text {
    width: 100%;
    padding: 5px 15px;
    position: absolute;
    z-index: 1;
    top: 0;
}

.event_drag_all_applications_thumb_info_holder {
    background-color: white;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid gray;
    overflow-y: auto;
}

.event_drag_all_applications_thumb_header .event_drag_all_applications_thumb_header_background_img {
    min-width: 100%;
    filter: brightness(0.3);
    top: 50%;
    transform: translateY(-50%);
}

.event_drag_all_applications_thumb_info_holder {
    padding: 15px 15px;
}

.event_drag_all_applications_thumb_header_location_flag_holder {
    height: 17px;
    margin-bottom: 4px;
    width: 27px;
    border-radius: 5px;
}

.event_drag_all_applications_thumb_header_location_holder {
    position: absolute;
    right: 30px;
    bottom: 10px;
    z-index: 1;
}

.event_drag_all_applications_thumb_header_rate_info_holder {
    position: absolute;
    right: 30px;
    top: 10px;
    z-index: 1;
    font-size: 24px;
    color: #00c853;
}

.event_drag_all_applications_thumb_header_rated_holder {
    color: #00c853;
}

.event_drag_all_applications_thumb_header_unrated_holder {
    color: #ee3535;
}

.event_drag_all_applications_thumb_header_event_category {
    font-size: small;
    font-weight: bold;
}

.event_drag_all_applications_thumb_header_event_date {
    font-size: smaller;
}

.event_drag_all_applications_thumb_header_background {
    width: 100%;
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.event_drag_all_applications_thumb_header_event_title {
    font-weight: bold;
    font-size: xx-large;
}

.add-new-drag-result-racer-row {
    width: 100%;
}

/* .Events DRAG*/
/* Results */
.site-medium-icon{
    height: 20px;
    width: auto;
}
.js-add-results-form-pairs-unique-button-class{
    color: gray;
}
.custom-results-pair-button-active{
    color: white !important;
}
.add_results_form_user_small_image{
    height: 67px;
    width: 67px;
    border-radius: 10px;
}
.event_result_day_thumb {
    margin-bottom: 13px;
}

.event_result_day_thumb_header {
    height: 130px;
    overflow: hidden;
    position: relative;
}

.event_result_day_thumb_header .event_result_day_thumb_header_background_img {
    min-width: 100%;
    filter: brightness(0.3);
    top: 50%;
    transform: translateY(-50%);
}

.event_result_day_thumb_header_background {
    width: 100%;
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 1px solid #505050;
}

.event_result_day_thumb_header_text {
    width: 100%;
    padding: 5px 15px;
    position: absolute;
    z-index: 1;
    top: 0;
}

.event_result_day_thumb_header_event_title {
    font-size: xx-large;
}

.event_result_day_thumb_header_event_date {
    font-size: smaller;
}

.event_result_day_thumb_header_event_category {
    font-size: small;
    font-weight: bold;
}

.event_result_day_thumb_header_location_holder {
    position: absolute;
    right: 30px;
    bottom: 10px;
    z-index: 1;
}

.event_result_day_race_thumb {
    background-color: white;
}

.event_result_day_race_thumb_text_holder {
    padding: 10px 15px 0px;
}

.event_result_day_race_thumb_status_holder {
    padding: 10px 15px;
}

.event_result_day_race_title {
    font-size: medium;
}

.event_result_day_race_show_btn {
    color: white;
    border: 1px solid #c5c5c5;
    padding: 0px 22px;
    border-radius: 20px;
    cursor: pointer;
    background-color: #25a6c9;
    box-shadow: -3px 2px 4px rgb(0 0 0 / 0.5);
}
.event_result_day_race_winners_btn {
    color: black;
    border: 1px solid #c5c5c5;
    background-color: #edfaff;
    padding: 0px 25px;
    border-radius: 20px;
    cursor: pointer;
    box-shadow: -3px 2px 4px rgb(0 0 0 / 0.5);
}
.ts-results-winner-thumb-car-brand-icon{
    height: 22px;
    margin-right: 2px;
}
.event_result_day_race_thumb_border_holder {
    padding-left: 15px;
    padding-right: 15px;
}

.event_result_day_race_thumb_border {
    border-bottom: 1px solid #bbbbbb;
}

.event_result_day_race_thumb_status_text {
    color: black;
}

.event_result_day_race_thumb_border {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.event_result_day_race_status {
    font-size: small;
}

.event_result_day_race_winner_btn {
    padding: 0px 15px;
    cursor: pointer;
}

.event_result_day_race_winner_trophy {
    font-size: smaller;
}

.event_result_day_race_thumb_winners_collapse_holder {
    margin-top: 13px;
    padding-left: 15px;
    padding-right: 15px;
}

.event_result_day_thumb_header_location_flag_holder {
    height: 17px;
    margin-bottom: 4px;
    width: 27px;
    border-radius: 5px;
}

.show_drag_application_info_flag_holder {
    height: 17px;
    margin-bottom: 4px;
    width: 27px;
    border-radius: 5px;
    box-shadow: -3px 2px 4px rgb(0 0 0 / 0.5);
}

.results_settings_button {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.results_form_nav_button_holder {
    padding-right: 0px;
}

.results_change_result_day_show_button_holder {
    padding-right: 0px;
    padding-left: 0px;
}

.results_form_make_new_pair_button_holder {
    padding-left: 0px;
    padding-right: 0px;
}

.results_make_new_pair_button {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}

.results_change_result_day_button {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}

.results_generate_main_results_link_button {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.results_generate_main_results_link_holder {
    padding-left: 0px;
}

.timer_button {
    height: 38px;
    border-radius: 10px;
}

.countup {
}

.countup .timeel {
    display: inline-block;
    padding: 8px;
    background: #444444;
    margin: 0;
    color: white;
    min-width: 2.6rem;
    margin-left: 13px;
    border-radius: 10px 0 0 10px;
}

.countup span[class*="timeRef"] {
    border-radius: 0 10px 10px 0;
    margin-left: 0;
    background: var(--site-color);
    color: black;
}

.result_form_category_title {
    padding-bottom: 5px;
    border-bottom: 1px solid var(--site-color);
}

.button_yellow_background {
    border-color: #d0d53e;
    color: white;
    background-image: linear-gradient(to right, #d0d53e, #00000000);
}

.button_green_background {
    border-color: #38c172;
    color: white;
    background-image: linear-gradient(to right, #38c172, #00000000);
}

.button_green_background:hover {
    color: white;
    background-image: linear-gradient(to right, #38c172, #38c172);
}

.button_red_background {
    border-color: #ff8181;
    color: white;
    background-image: linear-gradient(to right, #ff8181, #00000000);
}

.button_red_background:hover {
    color: white;
    background-image: linear-gradient(to right, #ff8181, #ff8181);
}

.button_blue_background {
    border-color: var(--site-color);
    color: white;
    background-image: linear-gradient(to right, var(--site-color), #00000000);
}

.button_blue_background:hover {
    color: white;
    background-image: linear-gradient(to right, var(--site-color), var(--site-color));
}

.button_yellow_background:hover {
    color: black;
    background-image: linear-gradient(to right, #d0d53e, #d0d53e);
}

.racer_start_position_main_holder {
    /*background-image: linear-gradient(0deg, #0a0a0a, #454545);*/
    height: 100vh;
    margin-left: 0px;
}

.racer_start_position_holder {
    margin: auto;
}

.racer_start_position_stop_image {
    height: 100vh;
}

.racer_start_position_racer_name_flag {
    height: 50px;
    border-radius: 10px;
    margin-bottom: 10px;
    box-shadow: 3px 5px 5px rgb(0 0 0 / 0.5);
}

.racer_start_position_two_racer_name_flag {
    height: 35px;
    border-radius: 10px;
    margin-bottom: 10px;
    box-shadow: 7px 7px 5px rgb(0 0 0 / 0.4);
}

.racer_start_position_lap_racer_flag {
    height: 22px;
    margin-bottom: 6px;
    width: 36px;
    margin-left: 5px;
    border-radius: 5px;
}

.racer_start_position_racer_clock_holder {
    padding-top: 20px;
    padding-bottom: 20px;
    background-image: linear-gradient(0deg, #0a0a0a, #454545);
    background-color: #323232;
    border-radius: 10px;
    font-size: 45px;
    font-weight: bold;
}

.racer_start_position_racer_brand_side_holder {
    padding-top: 20px;
    padding-bottom: 20px;
    /*background-image: linear-gradient(0deg, #0a0a0a, #454545);*/
    /*background-color: #323232;*/
    height: 100vh;
    margin: auto;
}

.racer_start_position_racer_brand_side_image {
    transform: rotate(270deg);
    width: auto;
    height: 100px;
}

.racer_start_position_racer_brand_side_image_holder {
    margin-top: 44vh;
    position: relative;
    justify-content: center;
    display: flex;
}

.racer_start_position_racer_brand_logo {
    height: 50px;
}

.racer_start_position_racer_name_holder {
    border-radius: 10px;
    padding-top: 15px;
    box-shadow: 7px 7px 5px rgb(0 0 0 / 40%);
    padding-bottom: 15px;
    background-image: linear-gradient(0deg, #3c92d9, #003164, #3c92d9);
}

.racer_start_position_racer_name {
    font-size: 45px;
    color: white;
    /*font-weight: 900;*/
    /*font-family: 'Anton', sans-serif;*/
}

.racer_start_position_two_racer_name {
    font-size: 30px;
    color: white;
    font-weight: 900;
    font-family: 'Anton', sans-serif;
}

.racer_start_position_racer_vs_holder {
    padding-top: 33px;
}

.start_position_extra_time_holder {
    padding: 20px 20px;
    font-size: 150px;
    font-weight: 600;
}

.jst-hours {
    display: inline-block;
}

.jst-minutes {
    display: inline-block;
}

.jst-seconds {
    display: inline-block;
}

.results_form_next_pair_section_all_pairs {
    cursor: pointer;
    border-left: 1px solid white;
    padding-left: 5px;
}

.next_pair_all_pairs_pair_image {
    border-radius: 10px;
}

.next_pair_all_pairs_pair_racer_row_main_holder {
    padding-left: 0px;
    padding-right: 0px;
}

.next_pair_all_pairs_pair_racer_row_holder {
    border: 2px solid var(--site-color);
    border-radius: 10px;
    padding: 5px 5px;
}

.next_pair_all_pairs_pair_racer_name_holder {
    padding-top: 15px;
}

.racer_start_position_racer_image_holder {
    padding-top: 15px;
    padding-left: 0px;
    position: relative;
}

.racer_start_position_racer_image {
    border-radius: 10px;
    border: 5px solid #398dd3;
}

.racer_start_position_racer_info_holder {
    /*padding-top: 15px;*/
}

.racer_start_position_racer_info_text {
    font-size: x-large;
    color: white;
    font-family: 'Anton', sans-serif;
    font-style: italic;
}

.racer_start_position_racer_info_text_holder {
    padding-top: 10px;
    padding-bottom: 10px;
    background-image: linear-gradient(90deg, #3c92d9, #003164, #3c92d9);
    border-radius: 10px;
}

.racer_start_position_lap_row_0 {
    border-left: 4px solid #3c92d9;
    border-right: 2px solid #3c92d9;
    border-bottom: 4px solid #3c92d9;
    border-bottom-left-radius: 10px;
    background-color: #000000ba;
}

.racer_start_position_lap_row_1 {
    border-right: 4px solid #3c92d9;
    border-left: 2px solid #3c92d9;
    border-bottom: 4px solid #3c92d9;
    border-bottom-right-radius: 10px;
    background-color: #000000ba;
}

.racer_start_position_lap_text_holder_row {
    padding: 3px 20px;
    position: relative;
}

.racer_start_position_lap_text_row {
    color: white;
    font-family: 'Anton', sans-serif;
    font-size: 22px;
}

.racer_start_position_lap_details_div {
    color: white;
    font-family: 'Anton', sans-serif;
    font-size: 20px;
    width: 100%;
    font-style: italic;
}

.racer_start_position_lap_row {
    position: relative;
    min-height: 330px;
}

.racer_start_position_lap_time_holder_text {
    position: absolute;
    bottom: 5px;
    left: 20px;
    color: white;
    font-style: italic;
}

.racer_start_position_lap_km_h_text {
    position: absolute;
    bottom: 5px;
    right: 20px;
    color: white;
    font-style: italic;
}

.racer_start_position_lap_details_holder_row {
    position: absolute;
    padding: 15px 20px;
    bottom: 0px;
    background-image: linear-gradient(90deg, #3c92d9, #003164);
}

.racer_start_position_lap_poens {
    text-align: center;
    font-size: 11vw;
    color: white;
}

.racer_start_position_racer_laps_row_text_holder_0 {
    padding-top: 10px;
    padding-bottom: 10px;
    background-image: linear-gradient(90deg, #3c92d9, #003164, #3c92d9);
    border-top-left-radius: 10px;
}

.racer_start_position_racer_laps_row_text_holder_1 {
    padding-top: 10px;
    padding-bottom: 10px;
    background-image: linear-gradient(90deg, #3c92d9, #003164, #3c92d9);
    border-top-right-radius: 10px;
}
.transform-racer-flag-to-right{
    transform: skew(351deg);
}
.racer_start_position_racer_laps_text_holder {
    font-size: xx-large;
    color: white;
    padding-top: 20px;
    padding-bottom: 20px;
    background-image: linear-gradient(90deg, #3c92d9, #003164, #3c92d9);
    border-radius: 10px;
    font-style: italic;
}

.qualification_results_title_holder {
    height: 50px;
    transform: skew(343deg);
    padding: 5px 20px;
    background-color: #3c92d9;
    border-radius: 10px;
    font-size: x-large;
    position: relative;
}

.qualification_results_row_holder {
    height: 45px;
    margin-bottom: 0.3rem;
    font-size: x-large;
    transform: skew(343deg);
    padding: 3px 20px;
    /* background-color: #3c92d9; */
    border-radius: 10px;
    background-image: linear-gradient(0deg, #000000ab, #000000ab, #000000ab, gray);
}

.qualification_results_row_information_holder {
    height: 40px;
    font-size: large;
    transform: skew(343deg);
    padding: 4px 20px;
    background-color: #3c92d9;
    border-radius: 10px;
    background-image: linear-gradient(0deg, #0a0a0a, #0a0a0a, #0a0a0a, #3c92d9);
}

.qualification_results_double_row_flag_holder {
    padding-right: 0px;
}

.qualification_results_double_row_poens_holder {
    padding-left: 0px;
    text-align: center;
}

.qualification_results_row_flag {
    height: 20px;
    width: 40px;
    float: right;
    margin-top: 10px;
    border-radius: 5px;
    margin-bottom: 3px;
}

.qualification_results_row_poens_text {
    padding-left: 0px;
}

.pair_box_holder {
    border: 1px solid black;
    width: 100%;
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 10px;
    height: 70px;
    color: black;
}

.pair_box_racer_serial_number {
    width: 50px;
}

.pair_box_racer_holder {
    font-size: larger;
}

.pair_box_racer_winner_holder {
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-top: 85px;
    height: 85px;
    padding-top: 30px;
    padding-left: 20px;
}

.pair_box_racer_winner_first_holder {
    margin-top: 35px;
}

.pair_box_racer_winner_main_holder {
    padding-left: 0px;
}

.pair_box_racer_pairs_main_holder {
    padding-right: 0px;
}

.pair_box_racer_winner_text {
    font-size: medium;
    color: black;
}

.pair_box_racer_pairs_main_title_holder {
    font-size: large;
    font-weight: 900;
}

.racer_start_position_racer_holder {
    margin-right: 0px;
    margin-left: 0px;
    width: 100%;
}

.racer_start_position_two_racer_images_holder {
    padding-left: 0px;
    padding-right: 0px;
}

.racer_start_position_two_racer_image_holder {
    padding-top: 15px;
    position: relative;
}

.racer_start_position_two_racer_image {
    max-width: 100%;
    height: auto;
    box-shadow: 7px 7px 5px rgb(91 182 255 / 40%);
    border-radius: 10px;
}

.two_racer_image_holder_0 {
    padding-right: 7px;
}

.two_racer_image_holder_1 {
    padding-left: 7px;
}

.racer_start_position_two_racer_position_holder {
    color: white;
    font-style: italic;
    font-size: smaller;
}

.racer_start_position_two_racer_winner_holder {
    position: absolute;
    width: 100%;
    height: 40%;
    bottom: 5px;
}

.racer_start_position_two_racer_winner_icon {
    width: auto;
    height: 100%;
}

.score_table_name_thumb_16 {
    padding: 4px 5px;
    height: 35px;
    transform: skew(343deg);
    background-color: #3c92d9;
    font-size: small;
    border-radius: 5px;
}

.score_table_name_section {
    padding-left: 0px;
    padding-right: 0px;
}

.score_table_pair_thumb_16 {
    font-size: 10px;
    padding-top: 1px;
    height: 50px;
}

.score_table_empty_thumb_16 {
    height: 50px;
}

.score_table_discipline_title_holder {
    font-size: 22px;
}

.score_table_name_section_8 {
    padding-top: 43px;
}

.score_table_pair_thumb_8 {
    height: 134px;
    font-size: 12px;
    padding-top: 40px;
}

.score_table_empty_thumb_8 {
    height: 136px;
}

.score_table_name_section_4 {
    padding-top: 127px;
}

.score_table_pair_thumb_4 {
    height: 305px;
    padding-top: 117px;
    font-size: 15px;
}

.score_table_name_section_text_2 {
    font-size: 25px;
}

.score_table_pair_thumb_2 {
    height: 60px;
    font-size: 10px;
    padding-top: 7px;
}

.score_table_name_section_2 {
    padding-top: 120px;
}

.score_table_pair_section_2 {
    margin-bottom: 7px;
}

.winner_racer_thumb_info_holder {
    background-image: linear-gradient(to bottom, white, #3c92d9, white);
    padding: 20px 20px;
    font-size: x-large;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.winner_racer_thumb_image {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.winner_racer_thumb_image_holder {
    position: relative;
}

.winner_racer_thumb_position_image_holder {
    padding: 13px;
    font-size: 33px;
    font-weight: 600;
    border-top-left-radius: 10px;
    position: absolute;
    top: 0px;
    left: 15px;
    width: 120px;
    height: 120px;
    background: linear-gradient(135deg, #3c92d9 50%, transparent 0%);
}

.winner_racer_thumb_flag_holder {
    height: 23px;
    margin-left: 3px;
    width: 40px;
    border-radius: 5px;
}

.results_day_border {
    margin-top: 13px;
}

.results_day_open_button_holder {
    color: white;
    margin: auto;
    text-align: center;
}

.results_day_live_holder {
    color: white;
    margin: auto;
    text-align: center;
    padding: 0px;
}

.results_info_winner_racer_thumb_info_holder {
    background-image: linear-gradient(to bottom, #8eccff, white);
    padding: 15px 15px;
    box-shadow: 3px 5px 5px rgb(0 0 0 / 0.5);
    font-size: large;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 10px;
}

.results_info_winner_racer_thumb_image {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.results_info_winner_racer_thumb_image_holder {
    position: relative;
}

.results_info_winner_racer_thumb_position_image_holder {
    /*padding: 13px;*/
    z-index: 1;
    padding: 10px 1px;
    font-size: 33px;
    font-weight: 600;
    border-top-left-radius: 10px;
    position: absolute;
    top: 0px;
    color: white;
    left: 15px;
    width: 120px;
    height: 120px;
    background: linear-gradient(135deg, #3c92d9 ,transparent, transparent );
}
.results_info_winner_racer_thumb_position_icons_holder
{
    height: 70%;
}
/*.result_place_0{*/
/*    background: linear-gradient(135deg, gold 50%, transparent 0%);*/
/*}*/
/*.result_place_1{*/
/*    background: linear-gradient(135deg, silver 50%, transparent 0%);*/
/*}*/
/*.result_place_2{*/
/*    background: linear-gradient(135deg, #CD7F32 50%, transparent 0%);*/
/*}*/

.results_info_winner_racer_thumb_flag_holder {
    height: 23px;
    /*margin-left: 3px;*/
    width: 40px;
    box-shadow: 2px 3px 3px rgb(0 0 0 / 0.5);
    border-radius: 5px;
}

.results_info_winner_racer_thumb_0 {
    padding-right: 0px;
}

.results_info_winner_racer_thumb_1 {
    padding-right: 5px;
    padding-left: 10px;
}

.results_info_winner_racer_thumb_2 {
    padding-left: 5px;
    padding-right: 10px;
}

.results_info_winner_racer_thumb_3 {
    padding-left: 0px;
}

.results_info_winner_racer_thumb_full_name,
.results_info_winner_racer_thumb_first_letter_name {
    width: 100%;
}

.results_info_winner_racers_title_holder {
    border-left: 7px solid #3c92d9;
    border-radius: 5px;
    background-color: #0e2231;
    padding: 5px 15px;
    font-size: 20px;
    font-style: italic;
    margin-bottom: 13px;
    cursor: pointer;
}

.results_info_winner_racers_row_holder {
    height: 30px;
    border-radius: 5px;
    overflow: hidden;
    background-color: #202124;
    border-bottom: 1px solid black;
    width: 100%;
}

.results_info_winner_racers_row_number_holder {
    height: 100%;
    width: 50px;
    display: inline-block;
    text-align: center;
    background-color: #3c92d9;
    padding-top: 3px;
}

.results_info_winner_racers_row_name_holder {
    height: 100%;
    padding-top: 3px;
    width: 80%;
    display: inline-block;
    padding-left: 10px;
}

.results_info_winner_racers_row_flag {
    height: 16px;
    width: 25px;
    border-radius: 5px;
    margin-bottom: 2px;
}

.results_info_winner_racers_row_separator_holder {
    height: 13px;
    width: 100%;
}

.results_info_win_row {
    background-color: #3cd94f8c;
}

.racer_results_info_racer_holder {
    margin-right: 0px;
    margin-left: 0px;
    width: 100%;
}

.racer_results_info_racer_name_holder {
    border-radius: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-image: linear-gradient(0deg, #3c92d9, #003164, #3c92d9);
}

.racer_results_info_two_racer_name {
    font-size: 20px;
    color: white;
    font-weight: 600;
    font-family: 'Anton', sans-serif;
}

.racer_results_info_racer_name_flag {
    height: 29px;
    border-radius: 5px;
    margin-bottom: 1px;
}

.racer_results_info_two_racer_position_holder {
    color: white;
    font-style: italic;
    font-size: smaller;
}

.racer_results_info_racer_vs_holder {
    padding-top: 17px;
}

.racer_results_info_two_racer_images_holder {
    padding-left: 0px;
    padding-right: 0px;
}

.racer_results_info_two_racer_image_holder {
    padding-top: 15px;
    position: relative;
}

.results_info_two_racer_image_holder_0 {
    padding-right: 7px;
}

.results_info_two_racer_image_holder_1 {
    padding-left: 7px;
}

.racer_results_info_two_racer_winner_holder {
    position: absolute;
    width: 100%;
    height: 40%;
    bottom: 5px;
}

.racer_results_info_two_racer_winner_icon {
    width: auto;
    height: 100%;
}

.racer_results_info_two_racer_image {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}

.results_info_qualification_results_row_information_holder {
    height: 40px;
    font-size: large;
    padding: 4px 20px;
    background-color: #3c92d9;
    border-radius: 5px;
    font-style: italic;
    background-image: linear-gradient(0deg, #202124, #202124, #3c92d9);
}

.results_info_qualification_results_rows_main_holder {
    padding-right: 15px;
    padding-left: 15px;
}

.results_info_qualification_results_row_holder {
    height: 33px;
    font-style: italic;
    margin-bottom: 0.3rem;
    font-size: large;
    padding: 3px 20px;
    border-radius: 5px;
    background-image: linear-gradient(0deg, #202124, #3c92d92b, #638aff3d);
    background-color: #202124;
}

.results_info_qualification_results_row_flag {
    height: 20px;
    width: 40px;
    float: right;
    margin-top: 4px;
    border-radius: 5px;
    margin-bottom: 3px;
}

.results_info_qualification_results_row_index {
    padding-right: 0px;
}

.results_info_live_circle {
    font-size: medium;
}

.racer_results_info_one_racer_holder {
    margin-right: 0px;
    margin-left: 0px;
    width: 100%;
}

.racer_results_info_one_racer_name_holder {
    border-radius: 10px;
    background-image: linear-gradient(0deg, #3c92d9, #003164, #3c92d9);
}

.racer_results_info_one_racer_name {
    font-size: 60px;
    color: white;
    font-weight: 900;
    font-family: 'Anton', sans-serif;
}

.racer_results_info_one_racer_name_flag {
    height: 50px;
    border-radius: 10px;
    margin-bottom: 10px;
    box-shadow: 3px 5px 5px rgb(0 0 0 / 0.5);
}

.racer_results_info_one_racer_image_holder {
    padding-top: 15px;
    padding-left: 0px;
    position: relative;
}

.racer_results_info_one_racer_image {
    border-radius: 10px;
}

.racer_results_info_one_racer_info_holder {
    /*padding-top: 15px;*/
}

.racer_results_info_one_racer_laps_text_holder {
    font-size: xx-large;
    color: white;
    font-family: 'Anton', sans-serif;
    background-image: linear-gradient(90deg, #3c92d9, #003164, #3c92d9);
    border-radius: 10px;
    font-style: italic;
}

.racer_start_position_one_racer_info_text {
    font-size: x-large;
    color: white;
    font-family: 'Anton', sans-serif;
    font-style: italic;
}

.racer_results_info_one_racer_laps_row_text_holder_0 {
    padding-top: 4px;
    padding-bottom: 4px;
    background-image: linear-gradient(90deg, #3c92d9, #003164, #3c92d9);
    border-top-left-radius: 10px;
}

.racer_results_info_one_racer_laps_row_text_holder_1 {
    padding-top: 4px;
    padding-bottom: 4px;
    background-image: linear-gradient(90deg, #3c92d9, #003164, #3c92d9);
    border-top-right-radius: 10px;
}

.racer_results_info_one_lap_row_0 {
    border-left: 4px solid #3c92d9;
    border-right: 2px solid #3c92d9;
    border-bottom: 4px solid #3c92d9;
    border-bottom-left-radius: 10px;
    background-color: #000000ba;
}

.racer_results_info_one_lap_row_1 {
    border-right: 4px solid #3c92d9;
    border-left: 2px solid #3c92d9;
    border-bottom: 4px solid #3c92d9;
    border-bottom-right-radius: 10px;
    background-color: #000000ba;
}

.racer_results_info_one_lap_row {
    position: relative;
    min-height: 330px;
}

.racer_results_info_one_lap_poens {
    text-align: center;
    font-size: 160px;
    color: white;
}

.racer_results_info_one_lap_details_holder_row {
    position: absolute;
    padding: 15px 20px;
    bottom: 0px;
    background-image: linear-gradient(90deg, #3c92d9, #003164);
}

.racer_results_info_one_lap_details_div {
    color: white;
    font-family: 'Anton', sans-serif;
    font-size: 20px;
    width: 100%;
    font-style: italic;
}

.main_results_start_poster_image {
    height: 80vh;
    border-radius: 13px;
}

.main_results_start_track_image {
    height: 70vh;
    border-radius: 13px;
}

.main_results_title_holder {
    position: relative;
}

.main_results_title_text {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    font-size: xxx-large;
}

.main_results_live_circle_holder {
    font-size: small;
}

.winner_racer_result_day_title_holder {
    font-family: 'Anton', sans-serif;
    font-size: xxx-large;
    margin-bottom: 13px;
}

.start_position_racers_title_main_holder {
    border-radius: 10px;
    position: relative;
    background-color: #0e2231;
    padding: 0px 15px;
    font-size: 20px;
    font-style: italic;
    font-family: 'Anton', sans-serif;
    font-size: xx-large;
    margin-bottom: 13px;
}

.start_position_racers_clock_holder {
    position: absolute;
    left: 0;
    right: 0;
}

.winner_racer_result_day_title_text_holder {
    border-radius: 10px;
    background-color: #0e2231;
    padding: 5px 15px;
    font-style: italic;
    margin-bottom: 13px;
}

.current_finished_next_pair_disciplin_title {
    padding-left: 0px;
    font-style: italic;
}

.start_postion_drivers_present_title {
    border-left: 10px solid #3c92d9;
    background-color: #0e2231;
    padding: 5px 31px;
    font-weight: 600;
    width: 100%;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 35px;
}
.start_postion_drivers_present_first_name{
    font-size: 40px;
}
.start_postion_drivers_present_last_name{
    font-size: 35px;
}
.start_postion_drivers_present_name {
    /*font-size: 60px;*/
    font-family: 'Anton', sans-serif;
}

.start_position_drivers_left_text {
    font-size: larger;
    font-size: x-large;
    /*font-family: 'Anton', sans-serif;*/
}

.start_position_drivers_right_text {
    font-size: xx-large;
    /*font-family: 'Anton', sans-serif;*/
    color: #cae7ff;
}

.start_postion_drivers_present_country_icon {
    height: 50px;
    position: absolute;
    top: 7px;
    margin-top: 10px;
    border-radius: 10px;
    right: 34px;
}
.start_postion_drivers_present_item_holder{
    height: 55px;
}
.start_postion_drivers_present_location {
    font-size: large;
}

.start_postion_drivers_present_serial_number {
    font-size: x-large;
}

.event-ts-sdc-doc-logo-holder {
    position: absolute;
    top: 15px;
    right: 15px;
}

.start_postion_drivers_present_car_title {
    border-left: 10px solid #3c92d9;
    background-color: #0e2231;
    padding: 5px 31px;
    font-size: xx-large;
    font-weight: 600;
    width: fit-content;
}

.start_postion_drivers_present_car_model_title {
    font-size: xx-large;
    font-style: italic;
}

.start_postion_drivers_present_car_power {
    font-size: x-large;
    font-style: italic;
}

.start_postion_drivers_present_image {
    height: 100%;
    border-radius: 13px;
}

.result_info_drivers_present_image {
    width: 100%;
    border-radius: 13px;
}

.result_info_drivers_present_title {
    border-left: 10px solid #3c92d9;
    background-color: #0e2231;
    padding: 5px 20px;
    font-size: xx-large;
    font-weight: 600;
    width: fit-content;
}

.result_info_drivers_present_name {
    font-size: 40px;
    font-family: 'Anton', sans-serif;
}

.result_info_drivers_present_country_icon {
    height: 41px;
    border-radius: 10px;
}

.result_info_drivers_present_car_title {
    border-left: 10px solid #3c92d9;
    background-color: #0e2231;
    padding: 5px 15px;
    font-size: xx-large;
    font-weight: 600;
    width: fit-content;
}

.result_info_drivers_present_car_model_title {
    font-size: x-large;
    font-style: italic;
}

.result_info_drivers_present_car_power {
    font-size: x-large;
    font-style: italic;
}

.result_info_drivers_present_location {
    font-size: large;
    margin-bottom: 10px;
}

.result_info_drivers_present_serial_number {
    font-size: x-large;
    margin-bottom: 5px;
}

.results_info_start_track_image {
    width: 100%;
    height: auto;
    border-radius: 13px;
}

.result_info_drivers_present_brand_title_image {
    height: 25px;
}

.results_info_time_row_text {
    overflow: hidden;
    height: 26px;
}

.results_info_event_time_row_time {
    padding-right: 0px;
    padding-top: 1px;
}

.qualification_results_row_holder_gold {
    background-image: linear-gradient(0deg, gold, #ffd70063, gold);
}

.qualification_results_row_holder_silver {
    background-image: linear-gradient(0deg, silver, #c0c0c06b, silver);
}

.qualification_results_row_holder_bronze {
    background-image: linear-gradient(0deg, #CD7F32, #cd7f3263, #CD7F32);
}

.qualification_results_row_holder_disqualified {
    background-image: linear-gradient(0deg, red, #ff0000a3, red);
}

.text-silver {
    color: silver;
}

.text-bronse {
    color: #CD7F32;
}
.results_info_winner_racer_thumb_img_holder{
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}
/* .Results */
/* @MEDIA*/
@media print {

    .print-only {
        display: block;
    }
}

/* .@MEDIA*/
.maximize-site-button-mobile {
    display: none;
    position: absolute;
    top: 12px;
    color: #25a6c9;
    right: 63px;
    font-size: 17px;
}

/* Drivers **********Drivers*****************Drivers*******************/

.driver_main_div {
    padding: 0px 13px;
}

.driver_thumb {
    margin-bottom: 4px;
    padding: 0px 2px;
    /* height: 330px; */
}

.cars_driver_thumb_brand_image {
    height: 15px;
    margin-left: 2px;
}

.driver_thumb_name {
    position: relative;
    padding: 5px 15px;
    background-image: linear-gradient(to right, #69d3ee52, #ffffff, #69d3ee52);
    border-top-left-radius: 10px;
    /*background-color: white;*/
    border-top-right-radius: 10px;
}

.driver_information_flag {
    position: absolute;
    right: 15px;
    top: 13px;
    width: 43px;
    height: 28px;
    /*outline: 1px solid black;*/
    border-radius: 3px;
    overflow: hidden;
    box-shadow: -3px 5px 5px rgb(0 0 0 / 0.5);
}

.drag_driver_information_flag {
    width: 38px;
    height: 25px;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: -3px 5px 5px rgb(0 0 0 / 0.5);
}

.driver_thumb_img {
    height: 229px;
    width: 100%;
    overflow: hidden;
    position: relative;
    /*border-top-right-radius: 3px;*/
    -/*border-top-left-radius: 3px;*/ }

.driver_thumb_img_serial_number_holder {
    width: 45px;
    height: 30px;
    padding-top: 3px;
    position: absolute;
    background-image: linear-gradient(to bottom, white, var(--site-color), white);
    bottom: 10px;
    right: 0px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    text-align: center;
    font-weight: 600;
    color: black;
}

.driver_thumb_img img {
    /*border-top-left-radius: 3px;*/
    /*border-top-right-radius: 3px;*/
    height: 100%;
    width: 100%;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    position: absolute;
    /*width: 100%;*/
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.driver_thumb_img:hover img {
    height: 115%;
    width: 115%;
}

.driver_info_event_thumb_number_corner {
    position: absolute;
    bottom: 0px;
    right: -1px;
    height: 50px;
    width: 36%;
    background-image: -webkit-linear-gradient(156deg, #ffffff 50%, #000000 50%);
}

.driver_info_events_main_holder {
    margin-bottom: 13px;
}

.driver_info_events_thumbs_holder {
    width: 100%;
    padding-left: 1px;
    padding-right: 1px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: white;
    padding-bottom: 5px;
}

.driver_info_cars_holder {
    padding-left: 8px;
    padding-right: 8px;
}

.driver_info_car_second_info {
    padding-top: 30px;
}

.driver_info_posts_holder {
    background-color: #333333;
}

.driver_info_car_image {
    height: 166px;
    overflow: hidden;
}

.driver_info_car_image .panel-default {
    height: 100%;
    width: 100%;
}

.driver_info_car_image .panel-body {
    height: 100%;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
}

.driver_info_car_image img {
    position: absolute;
    left: 50%;
    width: auto !important;
    height: 100%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.driver_info_car_row img {
}

.driver_info_post_thmb {
    width: 60%;
}

.driver_thumb_information {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: white;
    font-size: small;
}

.photos_thumb_information,
.videos_thumb_information {
    padding: 5px 15px 10px;
}

.driver_thumb_information {
    padding: 10px 15px 10px;
    background-image: linear-gradient(to right, #69d3ee52, #ffffff, #69d3ee52);
}

.photos_thumb_information, .videos_thumb_information {
    font-size: small;
}

.photos_thumb_information,
.videos_thumb_information {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.driver_thumb_img_flag_div {
    position: relative;
    margin-top: -1px;
}

.admin_driver_thumb_flag {

    border-radius: 3px;
    height: 34px;
    width: 60px;
}


.driver_information_flag img {
    height: 100%;
    width: 100%;
}

.drag_driver_information_flag img {
    height: 100%;
    width: 100%;
}

.driver_information_name {
}

.driver_information_team {
}

.driver_information_born {
}

.driver_information_nationality {
}

.driver_more_info {
}


/*. Drivers */


/* Driver info */

.driver_info_car_row {
    margin-bottom: 8px;
}

.driver_info_main_div {
    padding-bottom: 13px;
    padding-top: 13px;
}

.driver_info_img {
    overflow: hidden;
    /*margin-bottom: 13px;*/
    position: relative;
    height: 350px;
}

.driver_cover_div {
    position: relative;
    width: 100%;
    height: 100%;
}

.driver_cover_image .driver_cover_img {
}

.driver_profile_div {
    position: relative;
}

.driver_profile_image_div {
    left: 50px;
    position: absolute;
    height: 149px;
    width: 149px;
    bottom: 30px;
    overflow: hidden;
    border-radius: 50%;
    border: 5px solid #191818ad;
}

.driver_profile_img {
    position: absolute;
    height: 100%;
    /*width: 100%;*/
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.driver_info_img img {
    width: auto;
    height: 100%;
    min-width: 100%;
    transform: translate(-50%, -50%);
    /* left: 50%; */
    left: 50%;
    position: absolute;
    top: 50%;
}

.driver_info_name_div {
    position: absolute;
    bottom: 70px;
    left: 20%;
}

.driver_info_name {
    font-weight: 800;
    font-size: x-large;
}


/* DRIVER TABS*/

.driver_info_tabs {
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 13px;
    width: 100%;
}

.driver_info_tabs .nav-tabs {
    border: none;
    color: #fff;
    background: #272e38;
    border-radius: 0;
}

.driver_info_tabs a.nav-item.nav-link,
.driver_info_tabs a.nav-item.nav-link.active {
    border: none;
    padding: 18px 25px;
    color: #fff;
    background: #272e38;
    border-radius: 0;
}


/*.driver_info_tabs a.nav-item.nav-link.active:after*/


/*{*/


/*    content: "";*/


/*    position: relative;*/


/*    bottom: -60px;*/


/*    left: -10%;*/


/*    border: 15px solid transparent;*/


/*    border-top-color: #3187ce ;*/


/*}*/

.driver_info_tabs .tab-content {
    background: #fdfdfd;
    line-height: 25px;
    /*border: 1px solid #ddd;*/
    border-top: 5px solid var(--site-color);
    border-bottom: 5px solid var(--site-color);
    /*padding: 30px 25px;*/
}

.addCarDriverInfo {
    padding-right: 5px;
    padding-left: 5px;
}

.driver_info_tabs a.nav-item.nav-link:hover,
.driver_info_tabs a.nav-item.nav-link:focus {
    border: none;
    background: var(--site-color);
    color: #fff;
    border-radius: 0;
    transition: background 0.20s linear;
}


/*DRIVER TABS*/

.driver_info_description_div {
    padding-left: 0px;
    padding-right: 0px;
}

.driver_info_description {
    border-radius: 3px;
    background-color: #e9ecef;
    margin-bottom: 13px;
    padding: 15px;
}

.driver_info_information {
    /*padding-left: 0px;*/
}

.driver_info_biography_title,
.car_show_description_title,
.event_track_title {
    padding: 5px 0px;
    font-size: 125%;
    margin-bottom: 13px;
}

.driver_info_youtube_video {
    padding-left: 0px;
    padding-right: 0px;
}

.driver_info_nav,
.driver_info_information,
.driver_info_youtube_video {
    margin-bottom: 13px;
}

.driver_info_car_show {
    padding-left: 0px;
    padding-right: 0px;
}

.driver_cover_img_default {
    width: 100% !important;
    height: auto !important;
}

.user_info_img_div {
    margin-bottom: 13px;
}

.user_info_edit_cover_button {
    position: absolute;
    z-index: 9;
    right: 6px;
    top: 5px;
    /*font-size: large;*/
    cursor: pointer;
}

.text-primary {
    color: var(--site-color) !important;
}

.user_profile_posts_second_div {
    background-color: #333333;
}

.user_info_car_scans_row_body {
    margin: auto;
    padding-left: 0px;
}

.driver_cover_img {
    filter: brightness(0.4);
}

.user_info_car_scans_row {
    margin-bottom: 8px;
    margin-left: 0px;
}

.user_info_car_scans_row {
    line-height: 20px;
}

/*POST TABS DRIVER INFO*/

.driver_info_post_thmb {
    margin-bottom: 0px !important;
    border-radius: 0px !important;
}


/* Photos ********Photos*************Photos******Photos****/


/* Photos Show */


/*Body of the Panel when it expands*/

.panel .panel-body {
    position: relative;
    padding: 0 !important;
    overflow: hidden;
    height: 100%;
}


/*Image size and transition*/

.photos_show_thumb img {
    /*height: 150px;*/
}

.photos_show_thumb .panel-body {
    border-radius: 10px;
}

.panel .panel-body a img {
    width: 100%;
    height: 100%;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}


/*Transform scale effect when you hover over*/

.panel .panel-body a.zoom:hover img {
    /*width: 120%;*/
}


/*Zoom Button*/

.panel .panel-body a.zoom span.overlay {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: 0;
    transition: opacity .25s ease-out;
    -moz-transition: opacity .25s ease-out;
    -webkit-transition: opacity .25s ease-out;
    -o-transition: opacity .25s ease-out;
}


/*Zoom Button and Tint Overlay*/

.panel .panel-body a.zoom:hover span.overlay {
    display: block;
    visibility: visible;
    opacity: 0.55;
    /*position: absolute;*/
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-opacity: 0.55;
    -webkit-opacity: 0.55;
    filter: alpha(opacity=65);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
}


/*Zoom Button*/

.panel .panel-body a.zoom:hover span.overlay i {
    position: absolute;
    top: 45%;
    left: 0%;
    width: 100%;
    font-size: 2.25em;
    color: #fff !important;
    text-align: center;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
}

#lightbox .modal-content {
    display: inline-block;
    text-align: center;
}

.modal-header .close {
    position: absolute;
    right: 15px;
}


/* Photos thunmb **********Photos thumb*****/

.photos_thumb {
    margin-bottom: 4px;
    padding: 0px 2px;
    /* height: 283px; */
}

.photos_thumb_img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 190px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.photos_thumb_img img {
    width: 101%;
    min-height: 100%;
    position: absolute;
    /* width: 100%; */
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.photos_thumb_img:hover img {
    width: 120%;
    /*transform: scale(1.3);*/
    /*-ms-transform: scale(1.3);*/
    /*-webkit-transform: scale(1.3);*/
    /*-o-transform: scale(1.3);*/
    /*-moz-transform: scale(1.3);*/
}


/* Photos number */

.ms-thumb-photo-item {
    border-radius: 10px;
    position: absolute;
    top: 6px;
    right: 20px;
    background-color: #00000091;
}

.ms-thumb-photo-item-cube {
    margin: 2px 3px;
    background-color: white;
    border-radius: 10px;
    height: 23px;
}

.ms-thumb-photo-item-cube-span {
    margin-left: 5px;
    margin-right: 5px;
    font-size: 14px;
}

.ms-thumb-photo-item-number {
    margin-top: 2px;
    margin-right: 5px;
    font-size: 14px;
}


/*. Photos  */


/* Videos */

.videos_thumb {
    margin-bottom: 4px;
    padding: 0px 2px;
    /*height: 283px;*/
}

.videos_thumb_img {
    height: 150px;
    width: 100%;
    overflow: hidden;
}

.videos_thumb_img img {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    width: 100%;
    height: 100%;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.videos_thumb_img:hover img {
    transform: scale(1.3);
    -ms-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    -moz-transform: scale(1.3);
}


/* .Videos */
.show-event-ts-rated-application-title-holder {
    /*background-color: #6ab2ed;*/
    background-image: linear-gradient(to right, #6ab2ed, #62f7f0);
    padding: 10px 0px;
    /*height: 47px;*/
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.show-event-ts-rated-application-row {
    height: 60px;
    background-color: white;
    border-bottom: 1px solid #bfbfbf;
    /* border-radius: 10px; */
    font-size: medium;
}

.show-event-ts-rated-application-row-thumb {
    margin: auto;
}

.show_rated_form_admin_button {
    box-shadow: 0 6px 5px rgb(0 0 0 / 0.2);
    background-color: #e2dedd;
    border-radius: 10px;
    text-align: center;
    /* border: 1px solid gray; */
    cursor: pointer;
}

.show_rated_form_admin_modal_button {
    background-color: #e2dedd;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 6px 5px rgb(0 0 0 / 0.2);
    cursor: pointer;
    display: inline-block;
    padding: 2px 15px;
}

.show_rated_form_admin_modal_button_holder {
    text-align: right;
}

.show-reason-form-preview-button {
    background-color: #ff8686;
    cursor: pointer;
}

.reason-show-image-admin {
    width: 100%;
    border-radius: 10px;
}

.border-gray {
    border: 1px solid gray !important;
}

.notice-application-judge-modal-content {
    font-size: large;
    font-weight: bold;
    color: black !important;
}

.results_info_winner_ts_thumb_image_holder {
    height: 190px;
    position: relative;
}

.results_info_winner_ts_thumb_image {
    width: 100%;
    min-height: 100%;
    position: absolute;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.results_info_winner_racer_thumb_img_holder{
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.italic {
    font-style: italic;
}
.results_info_winner_ts_thumb_info_holder {
    background-image: linear-gradient(to bottom, #8eccff, white);
    box-shadow: 3px 5px 5px rgb(0 0 0 / 0.5);
    padding: 15px 15px;
    font-size: large;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 10px;
}

.event_result_ts_thumb_header_background_img {
    min-width: 100%;
    filter: brightness(0.4);
    top: 50%;
    transform: translateY(-50%);
}

.class-results-application-prewiew-row-holder {
    display: flex;
    border-bottom: 1px solid gainsboro;
    width: 100%;
    box-shadow: 0 6px 5px rgb(0 0 0 / 0.2);
    /* border-radius: 10px; */
    /* margin-bottom: 15px; */
    background-color: white;
    height: 80px;
    font-weight: 600;
    color: #000f1e;
}

.event-application-row-holder {
    padding-left: 15px;
    display: flex;
    padding-right: 15px;
    border-bottom: 1px solid gainsboro;
    width: 100%;
    box-shadow: 0 6px 5px rgb(0 0 0 / 0.2);
    /* border-radius: 10px; */
    /* margin-bottom: 15px; */
    background-color: white;
    height: 80px;
    font-weight: 600;
    color: #000f1e;
}

.event-application-user-holder {
    padding-top: 16px;
    width: 30%;
}

.event-application-class-holder {
    padding-top: 17px;
    width: 15%;
}

.event-application-number-holder {
    padding-top: 26px;
}

.event-application-image-holder {
    padding-top: 4px;
}

.margin-auto {
    margin: auto;
}

.class-results-application-prewiew-styling-car-img {
    height: 70px;
    border-radius: 10px;
    cursor: pointer;
}

.drag-class-results-application-prewiew-styling-car-img {
    height: 70px;
    border-radius: 10px;
    cursor: pointer;
}

.class-results-application-prewiew-styling-countrt-icon {
    border: 1px solid #e0e0e0;
    height: 20px;
    margin-left: 5px;
    border-radius: 5px;
    box-shadow: 3px 3px 3px rgb(0 0 0 / 0.2);
}

.class-results-application-prewiew-styling-judge-points {
    box-shadow: 0 6px 5px rgb(0 0 0 / 0.2);
    background-color: aliceblue;
    padding: 0px 10px;
    border-radius: 10px;
}

.class-results-application-prewiew-styling-number-holder {
    width: 5%;
}

.class-results-application-prewiew-styling-application-holder {
    line-height: 25px;
    width: 30%;
}

.class-results-application-prewiew-styling-car-img-holder {
    width: 18%;
}

.drag-class-results-application-prewiew-styling-car-img-holder {
    width: 38%;
}

.class-results-application-prewiew-styling-judge-holder {
    width: 20%;
}

.class-results-application-prewiew-styling-points-holder {
    width: 12%;
}

.modified_show_result_form_button_admin {
    background-color: #fb977e;
}

/* Slider  **********Slider*************Slider********/


/* Drift slideer */

.event_slider {
    margin-bottom: 13px;
}

.drift_slider_img {
    max-height: 300px;
}


/*. Slider */


/* BAR  */

._bar {
    border-top: 1px solid var(--site-color);
    margin-bottom: 13px;
    position: relative;
    overflow: hidden;
    border-top-left-radius: 3px;
}

._bar_line {
    width: 7px;
    background-color: var(--site-color);
}

._bar_name {
    position: absolute;
    background-color: #000000ad;
    top: 0px;
    left: 7px;
    padding: 9px 12px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

._bar_name_text {
    font-size: 30px;
}

._bar_title {
    display: inline-block;
    position: absolute;
    right: 0px;
    font-size: medium;
    top: 7px;
}

._bar_line,
._bar_name {
    height: 40px;
}

/* Tickets */
.tickets_description {
    margin-bottom: 13px;
    position: relative;
}


.tickets_img {
    height: 200px;
}

.tickets_img img {
    width: 100%;
    filter: brightness(0.3);
    height: 100%;
}

.tickets_text {
    padding: 72px 44px;
    position: absolute;
    height: 200px;
    z-index: 999;
}

.ticket_event {
}

.ticket_main_div {
    padding: 0px 13px;
}

.ticket_event_thumb {
    border-top: 3px solid var(--site-color);
    position: relative;
    padding: 0px 2px;
    margin-bottom: 13px;
    height: 300px;
    overflow: hidden;
    /*background-image: radial-gradient(transparent, #0000ff52);*/
}

.ticket_event_thumb_image {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.5s;
    filter: brightness(0.4);
    width: 100%;
}

.ticket_event_thumb img {
    /*height: 100%;*/
}

.ticket_event_name {
    padding-top: 13px;
    padding-left: 13px;
    position: absolute;
    top: 0px;
}

.ticket_event_location {
    position: absolute;
    width: 100%;
    top: 125px;
}

.ticket_event_find_ticket {
    position: absolute;
    width: 100%;
    bottom: 0px;
    padding-bottom: 5px;
    padding-left: 7px;
    padding-right: 10px;
}


/* Admin */
.admin_model_icon {
    height: 24px;

}

/* Admin drivers list*/
.admin_driver_list_drivers_number {
    font-size: medium;
}

/* Admin news list*/
.admin_news_list_news_number {
    font-size: medium;
}

/* Admin side bar */
.admin_sidenav_content {
    height: calc(100vh - 80px);
    overflow-x: auto;
}

.admin_sidenav_content::-webkit-scrollbar {
    width: 10px;
    margin-left: 5px;
}

.admin_sidenav_content::-webkit-scrollbar-track {
    /*background-color: darkgrey;*/
    border-radius: 10px;
}

.admin_sidenav_content::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: var(--site-color);
    border-radius: 10px;
}

.admin_sidenav_content {
    scrollbar-width: thin;
    /*scroll-margin-left: 5px;*/
}

/* ---------------------------------------------------
    adminSidebar STYLE
----------------------------------------------------- */

.adminWrapper {
    background-color: #484848;
    position: relative;
    display: flex;
    width: 100%;
    align-items: stretch;
    perspective: 1500px;
}


#adminSidebar {
    height: 100vh;
    min-width: 250px;
    max-width: 250px;
    background: #7386D5;
    color: #fff;
    transition: all 0.6s cubic-bezier(0.945, 0.020, 0.270, 0.665);
    transform-origin: bottom left;
}

#adminSidebar.active {
    margin-left: -250px;
    transform: rotateY(100deg);
}

#adminSidebar .sidebar-header {
    padding: 20px;
    background: #6d7fcc;
}

#adminSidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #47748b;
}

#adminSidebar ul p {
    color: #fff;
    padding: 10px;
}

#adminSidebar ul li a {
    padding: 10px;
    color: #ffffff;
    font-size: 1.1em;
    display: block;
}

#adminSidebar ul li a:hover {
    color: #7386D5;
    background: #fff;
}

#adminSidebar ul li.active > a, #adminSidebar a[aria-expanded="true"] {
    color: #fff;
    background: #6d7fcc;
}


#adminSidebar a[data-toggle="collapse"] {
    position: relative;
}

#adminSidebar .dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

#adminSidebar ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #6d7fcc;
}

#adminSidebar ul.CTAs {
    padding: 20px;
}

#adminSidebar ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}

#adminSidebar a.download {
    background: #fff;
    color: #7386D5;
}

#adminSidebar a.article, #adminSidebar a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}


/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
#adminContent {
    width: 100%;
    padding: 20px;
    min-height: 100vh;
    transition: all 0.3s;
}

.adminContent {
    padding: 20px;
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    transition: all 0.5s;
}

#adminSidebarCollapse {
    width: 40px;
    height: 40px;
    background: #f5f5f5;
    cursor: pointer;
}

#adminSidebarCollapse span {
    width: 80%;
    height: 2px;
    margin: 0 auto;
    display: block;
    background: #555;
    transition: all 0.8s cubic-bezier(0.810, -0.330, 0.345, 1.375);
    transition-delay: 0.2s;
}

#adminSidebarCollapse span:first-of-type {
    transform: rotate(45deg) translate(2px, 2px);
}

#adminSidebarCollapse span:nth-of-type(2) {
    opacity: 0;
}

#adminSidebarCollapse span:last-of-type {
    transform: rotate(-45deg) translate(1px, -1px);
}


#adminSidebarCollapse.active span {
    transform: none;
    opacity: 1;
    margin: 5px auto;
}


/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */


.admin_sidenav {
    background-image: radial-gradient(transparent, black), url("../storage/background/gears.jpg");
}

.admin_sidenav {
    height: 100%;
    /* Full-height: remove this if you want "auto" height */
    width: 160px;
    /* Set the width of the adminSidebar */
    position: fixed;
    /* Fixed adminSidebar (stay in place on scroll) */
    z-index: 1;
    /* Stay on top */
    top: 0;
    /* Stay at the top */
    left: 0;
    /* background-color: #111; */
    /* Black */
    overflow-x: hidden;
    /* Disable horizontal scroll */
    padding-top: 20px;
}


/* The navigation menu links */

.admin_sidenav a {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    /* font-size: 80%; */
    color: white;
    display: block;
}


/* When you mouse over the navigation links, change their color */

.admin_sidenav a:hover {
    color: darkcyan;
}


/* Style page content */

.main_admin {
    margin-left: 160px;
    /* Same as the width of the adminSidebar */
    background-color: black;
    min-height: 100vh;
    padding: 13px 10px;
}

.action_button_icon {
    font-size: 24px;
}

.action_button {
    padding: 4px;
    cursor: pointer;
}

/* On smaller screens, where height is less than 450px, change the style of the adminSidebar (less padding and a smaller font size) */

/* Cookie */
.main_cookie_holder {
    z-index: 99999;
    position: fixed;
    margin-bottom: 15px;
    bottom: 0px;
    background-color: white;
    border-radius: 10px;
    width: 450px;
    margin-left: 15px;
    padding: 20px;
}

.main_cookie_image_holder {
    text-align: center;
    width: 100%;
    height: 100px;
}

.main_cookie_image_holder img {
    width: 22%;
}

.main_cookie_text_holder {
    margin-bottom: 13px;
}

/* .Cookie */

/* Admin Add form ********************* */

.admin_form_input_div,
.admin_form,
.admin_form_description {
    margin-top: 13px;
}

.admin_list {
    margin-top: 30px;
}

.admin_form_description {
}


/* Admin Event Categories list */

.event_categories_thumb {
    margin-bottom: 10px;
    /*min-height: 100px;*/
}

.event_driver_list_thumb {
    background-color: #000000bf;
}

.event_categories_body,
.event_categories_edit_delete,
.event_categories_number {
    margin: auto;
}

.event_categories_number {
}

.event_categories_criteria {
}

.event_categories_description {
}

.event_categories_edit_delete {
}

.event_categories_edit_delete i {
    font-size: large;
}

.event_categories_border {
    border-bottom: 1px solid;
}

.margin_top_10 {
    margin-top: 10px;
}

/*. Admin Event Categories list */
/* Admin add Brand */
table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
    bottom: .5em;
}

/* .Admin add Brand */


/* Admin add news DatePicker */


/* Register Page */
.register_form_control_type_input {
    display: inline-block;
    opacity: 0;
    border: none;
    outline: none;
}

.register_form_card_title {
    /*display: inline;*/
}
.register-form-card-header{
    padding-bottom: 0px;
}
.card_register {
    /* height: 370px; */
    margin-top: auto;
    margin-bottom: auto;
    /* width: 400px; */
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.register_first_input_div_margin {
    margin-right: 13px;
}

.register_first_input_div,
.register_second_input_div {
    display: inline-block;
    vertical-align: top;
    width: 300px;
}

.register_biography {
    height: 90px !important;
}

.register_input_div #file::-webkit-file-upload-button {
    display: none;
}

.update_user_profile_div #file::-webkit-file-upload-button {
    display: none;
}

.register_input_div .select2-container {
    width: 262px !important
}

.card_register .card-header .social_icon span {
    font-size: 60px;
    margin-left: 10px;
    color: blue;
}

.card_register .card-header {
    position: relative;
}

.card_register .card-header .social_icon span:hover {
    color: white;
    cursor: pointer;
}

.card_register .card-header h3 {
    color: white;
}

.card_register .card-header .social_icon {
    position: absolute;
    right: 20px;
    top: -45px;
}

.input-group-prepend-register span {
    width: 39px;
    z-index: 2;
    height: 37px;
    /*background-color: var(--site-color);*/
    color: black;
    background-image: linear-gradient(to bottom, white, var(--site-color), white);
    border: 0 !important;
}

.registration_form_label_profile_image {
    padding-left: 51px;
    overflow: hidden;
}

.registration_form_span_profile_image {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.register_form input:focus {
    color: var(--site-color);
    /* outline: solid 2px #da341e; */
    /* outline: 0 0 0 0 !important;
    box-shadow: 0 0 0 0 !important; */
}

.register_btn {
    /* color: black; */
    width: fit-content;
}

.register_btn:hover {
    /*color: black;*/
    /*background-color: white;*/
}

.links_register {
    color: white;
}

.links_register a {
    margin-left: 4px;
}

.register_container {
    height: 100vh;
    /* padding-top: 15vh;
    align-content: center; */
}

.gender_register {
    color: white;
    margin-bottom: 13px;
}

.gender_register .form-check {
    margin-left: 15px;
}

.footer_register {
    /* margin-top: 42px; */
    padding-bottom: 0px;
}

.login_register_back_button {
    text-decoration: none !important;
    font-size: 220%;
    right: 20px;
    position: absolute;
    top: 5px;
}


/* Login Page */
.braga_input_div_holder {
    height: 36px;
}

.braga_input_holder {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 3px !important;
}

.braga_input_holder::-webkit-input-placeholder { /* WebKit browsers */
    color: #fff;
}

.braga_label_holder {
    position: absolute;
    top: 0.4rem;
    padding-right: 3px;
    padding-left: 3px;
    left: 1rem;
    border-radius: 3px;
    background-color: white;
    z-index: 10;
    transition: .3s;
}

.braga_input_holder:focus + .braga_label_holder {
    top: -0.5rem;
    color: var(--site-color);
    font-weight: 600;
    font-size: smaller;
}

.braga_input_holder:not(:placeholder-shown).braga_input_holder:not(:focus) + .braga_label_holder {
    top: -0.5rem;
    z-index: 10;
    color: var(--site-color);
    font-weight: 600;
    font-size: smaller;
}

.braga_input_holder:focus {
    ouline: 1.5px solid var(--site-color) !important;
}

/* .login_main_div {
    margin-top: 25vh;
} */

.card_login {
    /* height: 370px; */
    margin-top: auto;
    margin-bottom: auto;
    width: 400px;
    background-color: rgba(0, 0, 0, 0.5) !important;
    /*background-color: white;*/
}

.card_confirm_login {
    margin: auto;
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.card_login .card-header .social_icon span {
    font-size: 60px;
    margin-left: 10px;
    color: blue;
}

.card_login .card-header {
    position: relative;
}

.card_login .card-header .social_icon span:hover {
    color: white;
    cursor: pointer;
}

.card_login .card-header h3 {
    color: white;
    font-weight: 600;
    margin-top: 10px;
}

.card_login .card-header .social_icon {
    position: absolute;
    right: 20px;
    top: -45px;
}

.input-group-prepend-login span {
    width: 35px;
    height: 37px;
    background-image: linear-gradient(to bottom, white, var(--site-color), white);
    color: black;
    border: 0 !important;
}

.login_form input:focus {
    outline: 0 0 0 0 !important;
    box-shadow: 0 0 0 0 !important;
}

.remember_login {
    color: white;
}


/* .remember_login input {
    width: 20px;
    height: 20px;
    margin-left: 15px;
    margin-right: 5px;
} */

.login_btn {
    color: white;
    border: none;
    background-image: linear-gradient(to right, var(--site-color), #060606);
    /*width: 100px;*/
    outline: 1px solid var(--site-color);
}

.login_btn:hover {
    color: white;
    background-image: linear-gradient(to right, #060606, var(--site-color));
}

.links_login {
    color: white;
    font-size: medium;
}

.links_login a {
    margin-left: 4px;
}

.login_container {
    padding-top: 25vh;
    align-content: center;
}

.footer_login {
    /* margin-top: 42px; */
}


.ts-rate-form-main-holder {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
}

.ts-rate-form-header {
    height: 160px;
    padding: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    display: flex;
    background-image: radial-gradient(#00000000, #000000d1), url(../storage/background/tuning-styling-rate-baner.jpg);
}

.ts-rate-form-header-name {
    font-weight: 600;
}

.ts-rate-form-header-left-side {
    width: 50%;
    display: inline-block;
}

.ts-rate-form-header-right-side {
    width: 50%;
    display: inline-block;
}

.ts-rate-form-header-class,
.ts-rate-form-header-points,
.ts-rate-form-header-car {
    font-size: x-large;
}

.ts-rate-form-header-class,
.ts-rate-form-header-points {
    width: 100%;
}

.ts-rate-form-holder {
    padding: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background: white;
}

.rate-form-info-bar {
    height: 35px;
    padding-top: 5px;
    font-size: medium;
    padding-left: 15px;
    border-bottom: 1px solid gray;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
    background: white;
}

.ts-rate-form-category-title-holder {
    text-transform: uppercase;
    font-size: x-large;
    font-weight: 600;
}

.ts-rate-form-category-element-holder {
    padding-left: 15px;
    width: 100%;
    margin-bottom: 20px;
}

.ts-rate-form-category-element {
    font-size: large;
    display: inline-block;
    width: 50%;
}

.ts-rate-form-category-element-range {
    display: inline-block;
    width: 39%;
}

.ts-rate-form-category-element-range input {
    width: 100%;
}

.ts-rate-form-category-element-points {
    display: inline-block;
    font-size: large;
    text-align: right;
    font-weight: bold;
    width: 20%;
}

.ts-rate-form-category-element-points-edit {
    cursor: pointer;
}

.ts-rate-form-category-element-points-text {
    padding: 5px;
    border: 1px solid gray;
    border-radius: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

.ts-rate-form-category-title-poens {
    font-size: large;
}

.ts-rate-form-category-holder {
    margin-bottom: 30px;
}

/* Footer */
.footer_links_arrows {
    display: inline-block;
    height: 24px;
    vertical-align: text-bottom;
}

.site-footer {
    background-color: #26272b;
    padding: 45px 0 20px;
    font-size: 15px;
    line-height: 24px;
    color: #737373;
}

.site-footer hr {
    border-top-color: #bbb;
    opacity: 0.5
}

.site-footer hr.small {
    margin: 20px 0
}

.site-footer h6 {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 5px;
    letter-spacing: 2px
}

.site-footer a {
    color: #737373;
}

.site-footer a:hover {
    color: var(--site-color);
    text-decoration: none;
}

.footer-links {
    padding-left: 0;
    list-style: none
}

.footer-links li {
    display: block
}

.footer-links li a:after {
    display: block;
    content: '';
    border-bottom: solid 3px var(--site-color);
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
}

.footer-links li a:hover:after {
    transform: scaleX(1);
}

.footer-links li a:after {
    transform-origin: 0% 50%;
}

.footer-links li a:hover {
    /*margin-left: 0.5rem;*/
}

.footer-links a {
    color: #737373
}

.footer-links a:active,
.footer-links a:focus,
.footer-links a:hover {
    color: var(--site-color);
    text-decoration: none;
}

.footer-links.inline li {
    display: inline-block
}

.site-footer .social-icons {
    text-align: right
}

.site-footer .social-icons a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-left: 6px;
    margin-right: 0;
    border-radius: 100%;
    background-color: #33353d
}

.copyright-text {
    margin: 0
}

.social-icons {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.social-icons li {
    display: inline-block;
    margin-bottom: 4px
}

.social-icons li.title {
    margin-right: 15px;
    text-transform: uppercase;
    color: #96a2b2;
    font-weight: 700;
    font-size: 13px
}

.social-icons a {
    background-color: #eceeef;
    color: #818a91;
    font-size: 16px;
    display: inline-block;
    line-height: 41px;
    width: 41px;
    height: 41px;
    text-align: center;
    margin-right: 8px;
    border-radius: 100%;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.social-icons a:active,
.social-icons a:focus,
.social-icons a:hover {
    color: #fff;
    background-color: var(--site-color);
}

.social-icons .youtube:hover {
    background-color: red;
}

.social-icons .instagram:hover {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.car-instagram {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 5px;
    padding-top: 1px;
}

.car-instagram i {
    font-size: 20px;
    color: white;
}

.car-facebook i {
    color: #2559c9;
}

.social-icons.size-sm a {
    line-height: 34px;
    height: 34px;
    width: 34px;
    font-size: 14px
}

.social-icons a.facebook:hover {
    background-color: #3b5998
}

.social-icons a.instagram:hover {
    background-color: #ea4c89
}

.social-icons a.youtube:hover {
    background-color: #ff0000
}

.social-icons a.twitter:hover {
    background-color: #00aced
}

.social-icons a.linkedin:hover {
    background-color: #007bb6
}

.social-icons a.dribbble:hover {
    background-color: #ea4c89
}

/*. Footer  */


/* RESPONSIVE */


/* EVENT TIMES */
.event_time_thumb {
    overflow: hidden;
    background-color: #dadada;
    border-top: 5px solid var(--site-color);
    height: 62px;
    margin-right: 0px;
    margin-left: 0px;
}

.event_time_thumb_time {
    padding: 15px 20px;
    font-size: larger;
}

.event_time_thumb_day {
    background-color: #8c8c8c;
    padding: 15px 20px;
    font-size: larger;
}

.event_time_separator {
    border-right: 1px solid gray;
    height: 23px;
    position: absolute;
    top: 17px;
}

.event_time_thumb_separator_holder {
    position: relative;
}

.event_time_thumb_title {
    margin: auto;
    padding-left: 0px;
    padding-right: 15px;
}

/* .EVENT TIMES */

/* MODALS */
.alert_notice_modal {
    position: fixed;
    bottom: 5px;
    left: 15px;
}

#notice_modal button {
    border-radius: 10px;
}

/* CONFIRM MODAL */

.modal-confirm-notice {
    color: #636363;
    width: 400px;
}

.modal-confirm-notice .modal-content {
    padding: 20px;
    border-radius: 10px;
    border: none;
    text-align: center;
    font-size: 14px;
}

.modal-confirm-notice .modal-header {
    border-bottom: none;
    position: relative;
}

.modal-confirm-notice h4 {
    text-align: center;
    font-size: 26px;
    margin: 30px 0 -10px;
}

.modal-confirm-notice .close {
    position: absolute;
    top: -5px;
    right: -2px;
}

.modal-confirm-notice .modal-body {
    color: #999;
}

.modal-confirm-notice .modal-footer {
    border: none;
    text-align: center;
    border-radius: 5px;
    font-size: 13px;
    padding: 10px 15px 25px;
}

.modal-confirm-notice .modal-footer a {
    color: #999;
}

.modal-confirm-notice .icon-box {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50%;
    z-index: 9;
    text-align: center;
    border: 3px solid #60c7c1;
}

.modal-confirm-notice .error_icon_box {
    border: 3px solid #e3342f9e;
}

.modal-confirm-notice .error_icon_box i {
    color: #e3342f9e !important;
}

.modal-confirm-notice .icon-box i {
    color: #60c7c1;
    font-size: 46px;
    display: inline-block;
    margin-top: 13px;
}

.modal-confirm-notice .btn,
.modal-confirm-notice .btn:active {
    color: #fff;
    border-radius: 4px;
    background: #60c7c1;
    text-decoration: none;
    transition: all 0.4s;
    line-height: normal;
    min-width: 120px;
    border: none;
    min-height: 40px;
    border-radius: 3px;
    margin: 0 5px;
}

.modal-confirm-notice .error_notice_button,
.modal-confirm-notice .error_notice_button:active {

    background: #e3342f9e !important;
}

.modal-confirm-notice .btn-secondary {
    background: #c1c1c1;
}

.modal-confirm-notice .btn-secondary:hover,
.modal-confirm-notice .btn-secondary:focus {
    background: #a8a8a8;
}

.modal-confirm-notice .btn-danger {
    background: #f15e5e;
}

.modal-confirm-notice .btn-danger:hover,
.modal-confirm-notice .btn-danger:focus {
    background: #ee3535;
}

.trigger-btn {
    display: inline-block;
    margin: 100px auto;
}


/* REGISTER LIKE */

.plans .plan input[type="radio"] {
    position: absolute;
    opacity: 0;
}

.plans {
    margin-bottom: 7px;
}

.plans .plan {
    cursor: pointer;
    width: 49.5%;
    margin-bottom: 10px;
}

.plans .styler-plan {
    width: 100%;
}

.plans .plan .plan-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 15px;
    height: 115px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e1e2e7;
    border-radius: 10px;
    -webkit-transition: -webkit-box-shadow 0.4s;
    transition: -webkit-box-shadow 0.4s;
    -o-transition: box-shadow 0.4s;
    transition: box-shadow 0.4s;
    transition: box-shadow 0.4s, -webkit-box-shadow 0.4s;
    position: relative;
}

.plans .plan .gender-content {
    height: 37px !important;
}

.plans .plan .plan-content img {
    margin-right: 30px;
    height: 72px;
}

.plans .plan .plan-details span {
    margin-bottom: 10px;
    display: block;
    font-size: 20px;
    line-height: 24px;
    color: white;
}

.plans .plan .plan-details p {
    color: #646a79;
    font-size: 14px;
    line-height: 18px;
}

.plans .plan input[type="radio"]:checked + .plan-content:after {
    content: "";
    position: absolute;
    height: 8px;
    width: 8px;
    background: var(--site-color);
    right: 10px;
    top: 10px;
    border-radius: 100%;
    border: 3px solid #fff;
    -webkit-box-shadow: 0px 0px 0px 2px var(--site-color);
    box-shadow: 0px 0px 0px 2px var(--site-color);
}

.plans .plan input[type="radio"]:checked + .plan-content {
    border: 1px solid var(--site-color);
    -webkit-transition: ease-in 0.3s;
    -o-transition: ease-in 0.3s;
    transition: ease-in 0.3s;
}

.plans .gender_plan {
    width: 48.5%;
}

.plans .gender_plan .plan-content {
    padding: 2px 15px;
    border: 1px solid var(--site-color);
}

.plans .gender_plan .gender-content {
    height: 30px !important;
}

.plans .gender_plan .text {
    font-size: unset !important;
}

.plans .plan input[type="radio"]:checked + .plan-content p {
    color: white;
}


/* .MODALS */
/***************** MEDIA SCHREEN **************************************************************************************/


@media screen and (max-width: 1199px) {
    .racer_results_info_one_racer_name_flag {
        height: 38px;
        margin-bottom: 9px;
    }

    .racer_results_info_one_racer_name {
        font-size: 50px;
    }

    .racer_results_info_one_lap_poens {
        font-size: 120px;
    }

    .racer_results_info_one_lap_row {
        min-height: 254px;
    }

    .results_info_winner_racer_thumb_info_holder {
        font-size: large;
    }

    .results_info_winner_racer_thumb_position_image_holder {
        padding: 11px;
        font-size: 27px;
        width: 100px;
        height: 100px;
    }

    .nav_reg_text, .nav_log_text {
        display: none;
    }

    .driver_info_name_div {
        left: 23%;
    }

    .event_cars_thumb_image img {
        height: 100%;
        width: auto;
        min-width: 100%;
    }
}


/* event side bar  */
@media screen and (max-width: 900px) {
    .drift_event_side_bar {
        margin-right: 15px;
    }
}

/* News thumb */
@media screen and (max-width: 991px) {
    .calendar_event_title{
        font-size: 40px;
    }
    .results_info_winner_ts_thumb_image{
        height: 100%;
        width: auto;
    }
    .ts-results-winner-thumb-car-model-text{
        font-size: small;
    }
    .ts-results-winner-thumb-car-brand-icon {
        height: 15px;
    }
    .maximize-site-button-desktop {
        display: none;
    }

    .maximize-site-button-mobile {
        display: block;
    }

    .class-results-application-prewiew-styling-judge-points {
        margin-bottom: 5px;
        display: inline-block;
    }

    .class-results-application-prewiew-styling-points-holder {
        width: 8%;
    }

    .class-results-application-prewiew-styling-judge-holder {
        text-align: center;
    }

    .class-results-application-prewiew-styling-application-holder {
        width: 45%;
    }

    .class-results-application-prewiew-styling-points-text {
        display: none;
    }

    .result_info_drivers_present_car_model_title {
        font-size: large;
    }

    .result_info_drivers_present_car_power {
        font-size: large;
    }

    .result_info_drivers_present_car_title {
        padding: 5px 10px;
        padding-right: 15px;
        font-size: x-large;
    }

    .result_info_drivers_present_location {
        font-size: large;
        margin-bottom: 10px;
        display: inline-block;
    }

    .result_info_drivers_present_serial_number {
        font-size: large;
        margin-bottom: 0px;
        display: inline-block;
        margin-right: 7px;
    }

    .result_info_drivers_present_country_icon {
        height: 30px;
        width: 45px;
    }

    .result_info_drivers_present_title {
        padding: 5px 15px;
        font-size: x-large;
    }

    .result_info_drivers_present_name {
        font-size: 30px;
    }

    .racer_results_info_one_racer_name_flag {
        height: 30px;
        margin-bottom: 7px;
        border-radius: 5px;
    }

    .racer_results_info_one_racer_name {
        font-size: 40px;
    }

    .racer_results_info_one_lap_poens {
        font-size: 112px;
    }

    .racer_results_info_one_lap_row {
        min-height: 221px;
    }

    .racer_results_info_one_lap_details_holder_row {
        padding: 5px 20px;
    }

    .racer_results_info_one_racer_laps_text_holder {
        display: none;
    }

    .results_info_winner_racer_thumb_info_holder {
        font-size: small;
    }

    .results_info_winner_racer_thumb_position_image_holder {
        padding: 11px;
        font-size: 23px;
        width: 90px;
        height: 90px;
    }

    .results_info_winner_racer_thumb_flag_holder {
        height: 20px;
        width: 30px;
    }

    .user_info_car_scans_row_body {
        padding-left: 15px;
    }

    .driver_info_car_action_holder {
        padding-left: 0px;
    }

    .driver_info_car_image {
        padding-right: 0px;
    }

    .news_list_thumb_text {
        font-size: small;
    }

    .news_list_thumb_title_text,
    .photos_list_thumb_title {
        font-size: large;
    }

    .cars_list_thumb_title {
        margin-bottom: 0px;
        font-size: large;
    }

    .videos_list_thumb_title p {
        margin-bottom: 0px;
        font-size: medium;
    }

    .videos_list_thumb_event_title {
        font-size: small;
    }

    .news_list_thumb_date_holder {
        font-size: small;
        padding-right: 0px;
    }

    .post_list_thumb_text,
    .cars_list_thumb_text {
        font-size: small;
    }

    .post_list_thumb_text_holder {
        padding-top: 15px;
        padding-right: 0px;
    }

    .events_list_thumb_text_holder,
    .cars_list_thumb_text_holder {
        padding-right: 0px;
    }

    .events_list_thumb_flag {
        display: none !important;
    }

    .post_list_thumb_image_holder,
    .cars_list_thumb_image_holder,
    .events_list_thumb_image_holder,
    .photos_list_thumb_image_holder,
    .videos_list_thumb_image_holder {
        padding-bottom: 0px;
        padding-right: 0px;
    }

    .post_list_thumb_like_holder,
    .cars_list_thumb_like_holder,
    .videos_list_thumb_like_holder {
        padding-right: 0px;
    }

    .car_event_thumb_number_holder {
        padding-left: 5px;
    }

    .car_event_thumb_number_corner {
        bottom: -1px;
        height: 49px;
        width: 50%;
    }

    .current_weather_degrees_holder {
        font-size: 2rem;
    }

    #navbarSupportedContent .fromLeftBottomBorder:after {
        border-bottom: none;
        transform: none;
        transition: none;
    }

    .footer-links li a:after {
        border-bottom: none;
        transform: none;
        transition: none;
    }

    .current_weather_icon {
        width: 50px;
    }

    .daily_weather_section {
        display: none;
    }

    .cars_thumb_img img {
        height: 100%;
        width: auto;
    }

    #navbarSupportedContent {
        max-height: calc(100vh - 66px);
        overflow-y: auto;
    }

    .nav_reg_text, .nav_log_text {
        display: block;
        display: inline-block;
    }

    .post_list_thumb_description {
        height: 72px;
    }

    .car_show_gallery_image_thumb {
        width: 25%;
    }

    .news_show_gallery_image_thumb {
        width: 25%;
    }

    .time_event_main_holder {
        padding-bottom: 0px;
    }

    .message_nav_show_number_div {
        /* right: 23px; */
        left: 15px;
        top: 4px;
        height: 13px;
        width: 13px;
    }

    .driver_info_name_div {
        left: 31%;
    }

    .car_show_gallery_image_thumb img {
        min-height: 100%;
        /*width: auto;*/
    }

    .news_thumb_title {
        /*font-size: inherit;*/
    }


    .news_thumb_description {
        font-size: 90%;
    }

    .news_thumb_date_strong {
        font-size: smaller;
    }

    .event_album_first_image img {
        height: 100%;
        width: auto;
    }

    .site-footer [class^=col-] {
        margin-bottom: 30px
    }

    #navbarSupportedContent {
        padding: 20px 15px 6px 15px;
        background-color: white;
    }

    #navbarSupportedContent .navbar-nav .nav-link {
        color: #6c757d !important;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0.5px;
    }

    .navbar .dropdown-item {
        color: #6c757d !important;
        font-size: small;
        font-weight: 600;
    }

    #navbarSupportedContent .nav_bar_links .nav-link {
        color: #6c757d !important;
        font-size: small;
        font-weight: 600;
        /*letter-spacing: 0.5px;*/
        border-bottom: 1px solid #c8c8c8 !important;
    }

    #navbarSupportedContent .nav_bar_links .dropdown-menu.show {
        margin-top: -4px !important;
    }

    .drift_event_side_bar {
        margin-right: 0px;
    }

    .ticket_event_thumb img {
        min-height: 100%;
    }

    #navbarEventContent .navbar-nav .nav-item:not(:last-child) .nav-link {
        border-right: none !important;
    }
}

/* Calendar for phone */
@media screen and (max-width: 767px) {
    .driver_info_name_div {
        bottom: 20px;
    }
    .event_result_day_thumb_header_event_title {
        font-size: x-large;
    }
    .ts-results-winner-thumb-car-model-text{
        display: none;
    }
    .event_drag_thumb_header_rate_info_holder {
        top: 50px;
    }

    .show-event-ts-rated-application-row-thumb {
        font-size: small;
    }

    .event-application-image-holder {
        width: 24%;
        padding-top: 4px;
    }

    .class-results-application-prewiew-styling-car-img {
        width: 100%;
    }

    .event-application-user-holder {
        padding-top: 11px;
        width: 40%;
    }

    .event-application-class-holder {
        width: 20%;
    }

    .event_result_ts_thumb_header_background_img {
        filter: brightness(0.6);
    }

    .class-results-application-prewiew-styling-car-img {
        width: 100%;
    }

    .class-results-application-prewiew-styling-application-holder {
        width: 33%;
    }

    .results_info_winner_ts_thumb_info_holder {
        font-size: small;
    }

    .results_info_winner_ts_thumb_image_holder {
        height: 110px;
    }

    .results_info_time_row_text {
        font-size: small;
    }

    .result_info_drivers_present_car_power {
        font-size: medium;
    }

    .result_info_drivers_present_car_model_title {
        font-size: medium;
    }

    .result_info_drivers_present_car_title {
        margin-bottom: 10px !important;
        padding: 0px 8px;
        padding-right: 13px;
        font-size: large;
    }

    .result_info_drivers_present_location {
        font-size: medium;
        margin-bottom: 7px;
    }

    .result_info_drivers_present_serial_number {
        font-size: medium;
    }

    .result_info_drivers_present_country_icon {
        height: 20px;
        width: 40px;
        border-radius: 5px;
    }

    .result_info_drivers_present_name {
        font-size: 21px;
    }

    .result_info_drivers_present_title {
        padding: 0px 10px;
        font-size: large;
        margin-bottom: 10px !important;
    }

    .result_info_drivers_present_title {
        padding: 0px 10px;
        font-size: large;
    }

    .racer_results_info_two_racer_winner_holder {
        width: 90%;
    }

    .racer_results_info_one_lap_poens {
        font-size: 82px;
    }

    .racer_results_info_one_lap_row {
        min-height: 154px;
    }

    .racer_results_info_one_lap_details_div {
        font-size: 14px;
    }

    .racer_results_info_one_lap_details_holder_row {
        padding: 0px 5px;
    }

    .racer_results_info_one_racer_laps_row_text_holder_0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .racer_results_info_one_racer_laps_row_text_holder_1 {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .racer_results_info_one_racer_name {
        font-size: 30px;
    }

    .racer_results_info_one_racer_name_flag {
        height: 24px;
        margin-bottom: 7px;
    }

    .results_info_qualification_results_row_information_holder {
        font-size: medium;
        height: 34px;
    }

    .results_info_qualification_results_row_holder {
        font-size: medium;
    }

    .results_info_qualification_results_row_flag {
        height: 17px;
        width: 25px;
    }

    .racer_results_info_two_racer_name {
        font-size: 13px;
    }

    .racer_results_info_racer_name_flag {
        height: 19px;
    }

    .driver_info_information_first_div {
        margin-bottom: 0px;
    }

    .user_profile_car_scans_main_div {
        padding-right: 15px;
    }

    .car_show_specification_mobile {
        border-bottom: solid #bebebe 1px;
    }

    .user_info_car_scans_row_body {
        padding-right: 30px;
    }

    .main_content_div_8 {
        padding-right: 15px;
    }

    #adminSidebar {
        margin-left: -250px;
        transform: rotateY(90deg);
    }

    #adminSidebar.active {
        margin-left: 0;
        transform: none;
    }

    #adminSidebarCollapse span:first-of-type,
    #adminSidebarCollapse span:nth-of-type(2),
    #adminSidebarCollapse span:last-of-type {
        transform: none;
        opacity: 1;
        margin: 5px auto;
    }

    #adminSidebarCollapse.active span {
        margin: 0 auto;
    }

    #adminSidebarCollapse.active span:first-of-type {
        transform: rotate(45deg) translate(2px, 2px);
    }

    #adminSidebarCollapse.active span:nth-of-type(2) {
        opacity: 0;
    }

    #adminSidebarCollapse.active span:last-of-type {
        transform: rotate(-45deg) translate(1px, -1px);
    }

    .results_info_winner_racer_thumb_info_holder {
        font-size: small;
    }

    .results_info_winner_racer_thumb_position_image_holder {
        padding: 7px;
        font-size: 20px;
        width: 65px;
        height: 65px;
    }

    .results_info_winner_racer_thumb_flag_holder {
        margin-left: 0px;
    }

    .results_info_winner_racer_thumb_info_holder {
        padding: 7px 10px;
    }

    .cars_list_thumb_category_title {
        display: none;
    }

    .news_show_tex_posted_date {
        font-size: smaller;
    }

    .news_thumb_date_posted {
        font-size: x-small;
    }

    .daily_weather_section {
        display: block;
    }

    .driver_info_post_thmb {
        width: 100%;
    }

    .cal_event_times_text, .cal_more_info_text, .cal_event_tickets_text {
        font-size: small;
    }

    .calendar_event_title {
        font-size: 37px;
    }

    .cal_organized {
        font-size: 13px;
    }

    .cal_title_holder {
        margin-bottom: 0px;
        /*height: 42px;*/
    }

    .cal_date {
        width: 20%;
    }

    .cal_is_humanitarian {
        padding-top: 15px;
        top: 81px;
        left: 0px;
        position: absolute;
        width: 100%;
        text-align: center;
    }

    .car_show_main_holder,
    .ticket_info_main_holder,
    .news_show_main_holder {
        padding-right: 15px;
    }

    .post_content_gallery_images_div {
        overflow-y: auto;
        white-space: nowrap;
    }

    .post_content_gallery_images_div::-webkit-scrollbar {
        display: block;
    }

    .post_content_gallery_images_div::-webkit-scrollbar {
        height: 6px;
    }

    .post_content_gallery_images_div::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: var(--site-color);
        border-radius: 3px;
    }

    .event_track_main_holder {
        margin-bottom: 7px !important;
    }

    .event_track_gallery_images {
        margin-bottom: 8px;
        padding-left: 15px;
        height: auto !important;
        overflow-y: auto;
        white-space: nowrap;
    }

    .event_track_gallery_images::-webkit-scrollbar {
        display: block;
    }

    .event_track_gallery_images::-webkit-scrollbar {
        height: 6px;
    }

    .event_track_gallery_images::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: var(--site-color);
        border-radius: 3px;
    }

    .event_track_gallery_image_thumb {
        width: 25%;
        height: 75px;
        display: inline-block;
        margin-bottom: 8px;
    }

    .event_informaiton_social_icon_holder {
        right: 15px;
    }

    .event_categories_edit_delete {
        text-align: right;
    }

    .event_album_div {
        padding: 0px 0px 7px;
    }

    .event_album_name {
        right: 0px;
    }

    .driver_profile_image_div {
        left: 32px;
        height: 110px;
        width: 110px;
        bottom: 15px;
    }

    .driver_info_img {
        height: 250px;
    }

    .calendar_thumb_row {
        height: 200px;
    }

    .event_album_first_image img {
        height: auto;
        width: 100%;
    }

    .event_event_info {
        padding-right: 15px;
    }


    .ticket_info_event_categories {
        display: none;
    }


    .cal_date,
    .cal_ticket,
    .cal_more_info {
        font-size: 80%;
    }

    .cal_date_list {
        font-size: 70%;
    }

    .driver_info_information {
        padding-left: 15px;
    }

    /* Video show frame height */
    .video_show_frame {
        height: 300px;
    }

    /* Photos show event title */
    .photos_show_event_name {
        font-size: medium;
    }

    .event_side_bar a:not(:first-child) {
        display: none;
    }

    .event_side_bar a.icon {
        float: right;
        display: block;
    }

    .event_side_bar.responsive {
        position: relative;
    }

    .event_side_bar.responsive .icon {
        position: absolute;
        right: 0;
        top: 0;
    }

    .event_side_bar.responsive a {
        float: none;
        display: block;
        text-align: left;
    }

    .site-footer {
        padding-bottom: 0
    }

    .site-footer .copyright-text,
    .site-footer .social-icons {
        text-align: center
    }

    /* Post gallery images div */
    .post_content_gallery_images_div {
        height: 75px !important;
    }

    .post_content_gallery_images img {
        height: 75px;
    }

    .post_content_gallery_images {
        display: inline-block;
    }

    .social-icons li.title {
        display: block;
        margin-right: 0;
        font-weight: 600
    }

    .post_content_gallery_images_div {
        height: 90px !important;
        margin-top: 4px;
        overflow-y: hidden;
    }

    .post_content_gallery_images {
        height: 90px;
        width: 24%;
    }

    .post_content_gallery_images img {
        height: 90px !important;
    }

    .ticket_event_thumb img {
        min-height: 100%;
    }
}

@media screen and (min-width: 768px) {
    .event_side_bar a {
        width: 100%;
    }
}

/* driver information */
@media screen and (max-width: 690px) {
    .driver_info_information {
        padding-left: 15px;
    }

    .ticket_info_event_drivers_info,
    .ticket_info_event_cars_info,
    .ticket_info_event_racer_description {
        font-size: smaller;
        max-height: 54px;
    }

    .ticket_driver_info_name,
    .ticket_car_info_title {
        font-size: small;
    }

    /* Post gallery image zzom icon */
    .post_gallery_image_zoom_icon {
        display: none;
    }
}

@media (max-width: 656px) {
    .register_first_input_div, .register_second_input_div {
        display: block;
    }

    .privacy_policy_text_holder {
        width: 300px;
    }

    .register_first_input_div_margin {
        margin-right: 0px;
    }
}

@media (max-width: 576px) {
    .car_event_thumb_number_corner{
        background-image: unset;
    }
    .driver_info_event_thumb_number_corner{
        background-image: unset;
    }
    .event-application-user-holder {
        width: 50%;
    }

    .event-application-class-holder {
        width: 30%;
    }

    .event-application-image-holder {
        display: none;
    }

    .event-application-row-holder {
        font-size: small;
    }

    .results_info_winner_racer_thumb_full_name {
        display: none;
    }

    .results_info_winner_racer_thumb_first_letter_name {
        display: block !important;
    }

    .results_info_winner_ts_thumb_info_holder {
        font-size: smaller;
        padding: 5px 8px 10px;
    }

    .results_info_time_row_text {
        padding-top: 0px;
    }

    .racer_results_info_one_racer_name {
        font-size: 24px;
    }

    .results_info_qualification_results_row_holder {
        font-size: small;
        height: 30px;
        padding-top: 5px;
    }

    .results_info_qualification_results_row_information_holder {
        font-size: medium;
    }

    .driver_info_events_main_holder {
        padding-left: 0px;
        padding-right: 0px;
    }

    .cars_thumb_img img {
        height: auto;
        width: 100%;
    }

    .cars_thumb,
    .driver_thumb {
        margin-bottom: 13px;
        padding: 0px 0px;
    }

    .register_first_input_div_margin {
        margin-right: 0px;
    }

    .driver_thumb_img:hover img {
        height: auto;
        width: 100%;
        min-height: 100%;
    }

    .driver_thumb_img img {
        min-height: 100%;
        width: 100%;
        height: auto;
    }

    .ticket_event_thumb img {
        height: 100%;
        width: auto;
    }

    .event_cars_thumb_image img {
        height: auto;
        width: 100%;
    }
}

@media (max-width: 540px) {
    .event-ts-sdc-doc-logo-holder {
        display: none;
    }

    .results_info_time_row_text {
        font-size: small;
        height: 20px;
    }

    .result_info_drivers_present_car_power {
        font-size: small;
    }

    .result_info_drivers_present_car_model_title {
        font-size: small;
    }

    .result_info_drivers_present_car_title {
        display: none;
    }

    .result_info_drivers_present_location {
        font-size: small;
    }

    .result_info_drivers_present_serial_number {
        font-size: small;
    }

    .result_info_drivers_present_country_icon {
        width: 37px;
    }

    .result_info_drivers_present_title {
        display: none;
    }

    .results_info_winner_racer_thumb_info_holder {
        padding: 7px 7px;
    }

    .results_info_winner_racer_thumb_info_holder {
        padding-top: 3px;
    }

    .results_info_winner_racer_thumb_flag_holder {
        height: 16px;
        width: 26px;
    }

    .results_info_qualification_results_row_information_holder {
        font-size: small;
        height: 30px;
    }

    .results_info_winner_racer_thumb_position_image_holder {
        padding: 6px;
        font-size: 18px;
        width: 60px;
        height: 60px;
    }

    .results_info_winner_racer_thumb_info_holder {
        font-size: 11px;
    }

    ._bar_title {
        display: none;
    }

    .privacy_policy_text_holder_driver {
        width: 300px;
    }

    .register_first_input_div,
    .register_second_input_div {
        display: block;
    }
}

/* Filter icon */
@media screen and (max-width: 487px) {
    .class-results-application-prewiew-styling-judge-holder {
        width: 23%;
    }

    .class-results-application-prewiew-styling-application-holder {
        width: 50%;
    }

    .class-results-application-prewiew-styling-car-img-holder {
        display: none;
    }

    .class-results-application-prewiew-styling-judge-points {
        margin-right: 0px !important;
    }

    .class-results-application-prewiew-styling-points-holder {
        width: 8%;
    }

    .class-results-application-prewiew-styling-application-holder {
        font-size: small;
    }

    .racer_results_info_one_lap_row {
        min-height: 132px;
    }

    .racer_results_info_one_lap_poens {
        font-size: 70px;
    }

    .racer_results_info_one_lap_details_div {
        font-weight: unset;
        font-size: 12px;
    }

    .results_info_qualification_results_row_index {
        padding-left: 3px;
    }

    .results_info_qualification_results_row_holder {
        font-size: smaller;
    }

    .results_info_qualification_results_row_poens {
        padding-left: 5px;
    }

    .results_info_qualification_results_row_name,
    .results_info_qualification_results_row_name_row,
    .results_info_qualification_results_row_position_row {
        padding-left: 0px;
    }

    .results_info_qualification_results_row_information_holder {
        font-size: smaller;
    }

    .main_cookie_holder {
        margin-left: 0px;
        left: 15px;
        width: 100%;
        top: 50%;
        left: 50%;
        bottom: unset;
        transform: translate(-50%, -50%);
    }

    .filter_icon .fa-filter {
        display: none;
    }

    .driver_info_img img {
        height: 100%;
        width: auto;
        min-width: 100%;
    }

    .filter_icon {
        padding-top: 13px;
    }

    .filter_number {
        font-size: smaller;
    }
}

@media screen and (max-width: 450px) {
    .car_event_thumb_row .title-column{
        padding-left: 5px;
        padding-right: 5px;
    }
    .driver_info_name_div {
        bottom: 37px;
    }
    .car_event_thumb_event_holder {
        padding-left: 5px;
        padding-right: 5px;
    }
    .car_event_thumb_number_holder{
        font-size: smaller;
    }
    .car_event_thumb_row{
        font-size: smaller;
    }
    .car_event_thumb_nav_bar{
        font-size: smaller;
    }
    .event_result_day_race_title {
        font-size: small;
    }
    .results_info_winner_racers_title_holder {
        font-size: 15px;
    }
    .results_info_winner_racer_thumb_first_letter_name{
        font-size: smaller;
    }
    .results_info_winner_racer_thumb_flag_holder
    {
        height: 15px;
        width: 24px;
    }
    .plans .plan .plan-content {
        height: 120px;
    }

    .results_day_open_button_holder {
        padding-left: 0px;
        padding-right: 0px;
        text-align: right;
    }

    .results_day_live_holder {
        font-size: small;
    }

    .result_day_thumb_event_location_text {
        font-size: small;
    }

    .result_day_thumb_event_title_text {
        font-size: medium;
    }

    .result_day_thumb_image_holder {
        display: none;
    }

    .racer_results_info_one_lap_details_div {
        font-size: 10px;
    }

    .racer_start_position_one_racer_info_text {
        font-size: large;
    }

    .racer_results_info_one_lap_row {
        min-height: 119px;
    }

    .racer_results_info_one_lap_poens {
        font-size: 61px;
    }

    .racer_results_info_two_racer_name {
        font-size: 11px;
    }

    .racer_results_info_racer_name_flag {
        height: 15px;
    }

    .racer_results_info_racer_vs_holder {
        padding-top: 10px;
    }


    .results_info_winner_racer_thumb_position_image_holder {
        padding: 6px;
        font-size: 16px;
        width: 50px;
        height: 50px;
    }

    .event_album_first_image img {
        height: 100%;
        width: auto;
    }

    .car_event_thumb_event_holder {
        padding-top: 5px;
    }


    .car_show_gallery_image_thumb {
        width: 33%;
    }

    .news_show_gallery_image_thumb {
        width: 33%;
    }

    .calendar_event_title {
        font-size: 300%;
    }

    .driver_info_name {
        font-size: medium;
    }

    .driver_info_img {
        height: 210px;
    }

    .driver_info_name_div {
        left: 41%;
    }

    .driver_send_message_button {
        font-size: small;
    }

    .driver_info_name_div {
        left: 38%;
    }

    .post_content_gallery_images {
        width: 32%;
    }

    .admin_sidenav {
        padding-top: 15px;
    }

    .admin_sidenav a {
        /* font-size: 18px; */
    }

    .news_thumb_title {
        /*font-size: small;*/
    }

    .news_thumb_information {
        height: 150px;
    }

    .news_thumb_div {
        margin-bottom: 13px;
    }

    .news_thumb_description {
        font-size: 77%;
    }

    .news_thumb_date {
        bottom: 0px;
    }

    .news_thumb_date_strong {
        font-size: smaller;
    }

    /* video show frame height */
    .video_show_frame {
        height: 200px;
    }

    .driver_list_thumb_description {
        display: none;
    }

    /* Post content */
    .spost_comment_user {
        font-size: unset;
    }

    .post_comment_date span {
        font-size: smaller;
    }

    .calendar_thumb_row {
        position: relative;
        overflow: hidden;
    }

    .calendar_thumb_background_image {
        position: absolute;
        left: 50% !important;
        top: 50%;
        transform: translate(-50%, -50%);
        width: auto !important;
    }

    .cal_date {
        font-size: 60% !important;
    }
}

@media screen and (max-width: 405px) {
    .racer_results_info_one_racer_name_flag {
        height: 18px;
        margin-bottom: 5px;
    }

    .racer_results_info_one_racer_name {
        font-size: 19px;
    }

    .cal_organized {
        font-size: 10px;
    }

    .racer_results_info_one_lap_row {
        min-height: 97px;
    }

    .racer_results_info_one_lap_poens {
        font-size: 50px;
    }
}

@media screen and (max-width: 385px) {
    .filter_number_text {
        display: none;
    }
}

@media (max-width: 300px) {
    .cars_thumb_img img {
        height: 100%;
        width: auto;
    }
}