html {
    scroll-behavior: smooth;
}
a {
    overflow-wrap: break-word;
    word-wrap: break-word;
}
[id] {
    scroll-margin-top: 82px;
}
.vin-color {
    color: #0062cc;
}

.light-gray-color {
    color: #b3b3b3;
}
.grey-color {
    color: #888;
}
.color-green {
    color: #35a941 !important;
}
.bg-color-green {
    background-color: #35a941 !important;
    border: 1px solid #35a941 !important;
}
.bg-color-green span {
    color: #fff !important;
}
.bg-table-model {
    background-color: #ececec !important;
}
.bg-transparent {
    background-color: transparent !important;
}
.dark-gray-color {
    color: #d8d8d8;
}
.dov-grat-color {
    color: #3f3f3f !important;
}
.dark-grey-color {
    color: #575757 !important;
}
.color-black {
    color: #363636 !important;
}
.dark-black {
    color: #282828;
}
.medium-dark {
    color: #232323;
}
.silver-color {
    color: #adadad;
}
.medium-silver-color {
    color: #666;
}
.dark-silver-color {
    color: grey !important;
}
.comments-color {
    color: #999;
}
.alto-color {
    color: #cfcfcf;
}
.white-color {
    color: #fff !important;
}
.new-color {
    color: grey;
}
.color-blue {
    color: #1e90ff !important;
}
.bg-light {
    background-color: #fafafa;
}
.body-color {
    color: #212529;
}
.red-color {
    color: red !important;
}
.decoration-none {
    text-decoration: none !important;
}
.cursor-pointer {
    cursor: pointer;
}
.font-60 {
    font-size: 60px !important;
}
.font-30 {
    font-size: 30px !important;
}
.font-25 {
    font-size: 25px !important;
}
.font-23 {
    font-size: 23px !important;
}
.font-22 {
    font-size: 22px !important;
}
.font-20 {
    font-size: 20px !important;
}
.font-18 {
    font-size: 18px !important;
}
.font-17 {
    font-size: 17px !important;
}
.font-16 {
    font-size: 16px !important;
}
.font-15 {
    font-size: 15px;
}
.font-14 {
    font-size: 14px !important;
}
.font-13 {
    font-size: 13px !important;
}
.font-12 {
    font-size: 12px !important;
}
.font-11 {
    font-size: 11px !important;
}
.font-700 {
    font-weight: 700;
}
.px-16{
    padding-left: 16px;
    padding-right: 16px;
}
.px-30 {
    padding-right: 30px;
    padding-left: 30px;
}
.font-500 {
    font-weight: 500;
}
.font-600 {
    font-weight: 600;
}
.font-700 {
    font-weight: 700;
}
.px-30 {
    padding-right: 30px;
    padding-left: 30px;
}
.nav-link {
    color: #575757;
}
.nav-link:hover {
    color: red;
}
a:hover {
    color: unset;
    text-decoration: none;
}
.tooltip-css {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.tooltip-css-line {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
}
.tooltip-css-line-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
}
.tooltip.fade {
    max-height: 160px;
    overflow: hidden;
    z-index: 9999999;
}
.text-transform-uppercase{
    text-transform: uppercase;
}
.nav-height-padding {
    padding-top: 74px;
}
.btn-nav {
    top: 50px !important;
}
.btn.btn-secondary{
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}
.nav-height-padding {
    padding-top: 74px;
}
.border-13 {
    border-radius: 13px;
}
.border-5 {
    border-radius: 5px !important;
}
.display-none {
    display: none !important;
}
.hidden {
    display: none;
}
.border-bottom-radius-0{
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
  }
.bottom-border-radius {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.opacity-0 {
    opacity: 0;
}
.wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.search-loader {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(191, 191, 191, 0.6);
    border-radius: 8px;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
}
.lds-dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px;
}
.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 100px;
    height: 100px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}
.form-add-btn{
    width:98px;
    max-width:98px;
    border-radius:2px
}
.form-add-btn.add{
    background-color:red;
    color:#fff
}
.form-add-btn.cancel{
    background-color:#e8e8e8;
    color:#575757
}
.mw-fit-content{
    min-width: fit-content;
}
@keyframes lds-dual-ring {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
.page-footer,
.page-header {
    flex-shrink: 0;
}
.page-footer {
    z-index: 2000;
    position: relative;
    background-color: #fff;
    padding: 20px 15px;
}
.page-body {
    flex-grow: 1;
}
.footer-social {
    color: #b3b3b3;
    font-size: 26px;
    transition: color 0.2s ease-out;
}
.nav-position {
    position: relative;
    z-index: 1000;
}
.nav-search-input {
    position: fixed;
    left: 0;
    top: 0;
    background-color: #fff;
    width: 100%;
    padding: 15px;
    transition: all 0.2s ease-out;
    opacity: 0;
}
.nav-search-input.active {
    top: 67px;
    opacity: 1;
}
.offcanvas-item:first-child {
    margin-top: 33px;
}
.footer-links:hover,
.footer-social:hover,
.offcanvas-item a:hover i,
.offcanvas-item a:hover span,
.offcanvas-item a:hover:hover .offcanvas-text {
    color: red;
}
.offcanvas-item:hover path {
    fill: red;
}
.offcanvas-item.active path {
    fill: red;
}
.offcanvas {
    width: 198px;
    visibility: hidden;
    transform: translateX(-100%);
    transition: all 0.2s;
    border-radius: 0;
    background-color: #fafafa;
    display: block;
    position: fixed;
    bottom: 36px;
    left: 0;
    height: calc(100% - 76px);
    z-index: 300;
    overflow-x: hidden;
}
.enable-location-shown .offcanvas{
    bottom: 2px;
}
.offcanvas-active .offcanvas {
    visibility: visible;
    transform: translateX(0);
    transition: transform 0.2s;
}
.offcanvas-user-img {
    height: 99px;
    width: 99px;
    border-radius: 50%;
}
.offcanvas-list {
    list-style: none;
    padding-inline-start: 30px;
}
.offcanvas-item {
    position: relative;
    list-style: none;
    padding-inline-start: 0;
    margin-top: 27px;
    height: 31px;
    display: flex;
    align-items: center;
}
.offcanvas-sm-item {
    text-align: center;
    padding-left: 32px;
    padding-right: 32px;
}
.offcanvas-sm-item a {
    font-size: 13px;
    color: #adadad;
}
.offcanvas-item:not(:last-child)::after,
.offcanvas-sm-item::after {
    content: "";
    position: absolute;
    width: 95%;
    background-color: #dee2e6;
    height: 1px;
    bottom: -16px;
    left: -10px;
    margin: 0 auto;
}
.offcanvas-sm-item::after {
    left: 0;
    right: 0;
    bottom: -10px;
    width: 85%;
}
.offcanvas-item.active a,
.offcanvas-item.active i {
    color: red;
    font-weight: 700;
}
.offcanvas-item a {
    color: #b3b3b3;
    font-size: 17px;
}
.footer-links,
.offcanvas-item .offcanvas-text,
.offcanvas-item i,
.offcanvas-item path {
    transition: all 0.2s ease-out;
}
.offcanvas-icon {
    width: 30px;
    font-size: 18px;
    display: flex;
}
.offcanvas-item.active  .race-car{
    background-image:url("../images/race-car-red.svg")
}
.pagination {
    background-color: #fff;
    border-radius: 13px;
    display: flex;
    align-items: center;
    padding: 3px;
    padding: 11px 1rem;
}
.pagination .page-item.active span {
    color: red !important;
}
.pagination .page-link,
.pagination li span {
    font-size: 13px !important;
    color: #000 !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    background-color: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}
.filters-area {
    padding: 18px;
    background-color: #fff;
}
.filter-item .filter-text {
    font-size: 13px;
    color: #575757;
    white-space: nowrap;
}
.filter-item .filter-input,
.input-style {
    border: 1px solid #ff00004a;
    width: 100%;
    padding: 6px;
    font-size: 14px;
    height: 36px;
}
.input-style.login {
    border: 1px solid #e8e8e8;
    border-radius: 3px;
}
.filter-item .select2-container--default .select2-selection--single {
    border: 1px solid #ff00004a;
    height: 36px;
    border-radius: 0;
}
:focus-visible {
    outline: 0 !important;
}
.filter-item .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
}
.filter-item .select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 36px !important;
    display: flex;
    align-items: center;
    font-size: 13px;
    color: red;
}
.claim-btn,
.filter-item .filters-btn,
.login-button {
    background-color: red;
    height: 36px;
    font-size: 12px;
    color: #fff;
    min-width: 70px;
    border-radius: 0;
}
.filter-item select {
    border-radius: 0;
    border: 1px solid #ff00004a;
    font-size: 13px;
    height: 36px;
}
.contact-info-clear {
    position: absolute;
    top: 13px;
    right: 21px;
    z-index: 100;
    background-color: #fff;
    cursor: pointer;
    font-size: 12px;
}
.contact-info-clear.location {
    right: 40px;
}
.claim-btn {
    background-color: red;
    padding: 1px 6px;
    font-size: 16px;
    color: #fff;
    border-radius: 0;
}
.claim-btn:hover {
    color: #fff;
}
.claim-btn.send-message-btn{
    font-size: 13px;
    width: 30px;
    min-width: 30px;
    border-radius: 50%;
    position: absolute;
    right: 5px;
    height: 30px;
    top: 15px;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 7px !important;
}
.dropdown-menu.dropdown-menu-nav {
    right: -18px;
    left: unset;
    margin: 0 auto;
    min-width: unset;
    top: 53px;
    font-size: 13px;
    padding: 0;
    box-shadow: 0 2px 10px #00000027;
    border: 0;
}
.dropdown-menu.dropdown-menu-nav .notification-list {
    max-height: 300px;
    overflow-y: auto;
}
.dropdown-item.active,
.dropdown-item:active {
    color: red !important;
    background-color: transparent;
}
.dropdown-menu.dropdown-menu-nav .dropdown-item {
    position: relative;
    padding: 10px 25px;
    text-align: center;
    color: #4d565c;
    font-weight: 500;
}
.dropdown-menu.dropdown-menu-nav .dropdown-item.notification {
    width: 350px;
    white-space: unset;
    text-align: left;
}
.dropdown-menu.dropdown-menu-nav::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    position: absolute;
    top: -9px;
    right: 30px;
    z-index: 1000;
}
.dropdown-menu.language-nav {
    right: 23px;
    top: 34px;
}
.dropdown-menu.language-nav .dropdown-item {
    padding: 10px 22px;
}
.dropdown-menu.language-nav::before {
    right: 13px;
}
.dropdown-menu.dropdown-menu-nav .dropdown-item::after {
    content: "";
    position: absolute;
    width: 85%;
    height: 1px;
    background-color: #e9e9e9;
    right: 0;
    left: 0;
    margin: 0 auto;
    bottom: 0;
}
.dropdown-menu-nav.comments-option {
    min-width: 100px;
    right: unset;
    left: -48px !important;
    top: 35px !important;
    transform: unset !important;
}
.large-comments .dropdown-menu-nav.comments-option {
    top: 17px !important;
}
.dropdown.options-position {
    position: absolute;
    top: 9px;
    right: 4px;
    z-index: 1000;
}
.dropdown.options-position .dropdown-menu.language-nav::before {
    display: none !important;
}
.search-input .form-control:focus {
    color: unset;
    background-color: #f7f7f7;
    border-color: unset;
    outline: 0;
    box-shadow: unset;
    border: 1px solid #b4b4b4;
    border-left: 0;
}
.search-input::-webkit-input-placeholder {
    font-size: 14px;
    color: #b3b3b3;
}
.search-input:-ms-input-placeholder {
    font-size: 14px;
    color: #b3b3b3;
}
.search-input input::placeholder {
    font-size: 14px;
    color: #b3b3b3;
}
.input-group-text {
    border-right: 0;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.search-input input {
    background-color: #f7f7f7;
    border: 1px solid #b4b4b4;
    border-left: 0;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.search-input .input-group-text {
    height: 38px;
    background-color: #f7f7f7;
    border: 1px solid #b4b4b4;
}
.nav-style {
    position: fixed;
    z-index: 100000;
    width: 100%;
    background-color: #fff !important;
    padding: 17px 15px;
    -webkit-box-shadow: 0 0 30px #0000000d;
    -moz-box-shadow: 0 0 30px #0000000d;
    box-shadow: 0 0 30px #0000000d;
}
.nav-user, .nav-notification {
    background-color: #f7f7f7;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color:#212529 !important;
}
.notification-alert{
    position: absolute;
    top: 0px;
    right: 10px;
    width: 10px;
    height: 10px;
    background-color: red;
    border-radius: 50%;
}
.notification-alert.messages{
    color: #fff;
    font-size: 11px;
    justify-content: center;
    align-items: center;
    display: flex;
    font-weight: 700;
    top: -5px;
    right: 3px;
    width: 14px;
    height: 14px;
}
.tt-menu.tt-open {
    padding: 10px !important;
    min-width: fit-content;
    width: 100%;
    max-width: fit-content;
}
.tt-menu-lg .tt-menu.tt-open {
    min-width: 90px;
    max-width: fit-content;
}
.tt-menu-small .tt-menu.tt-open {
    min-width: 90px;
    max-width: 150px;
}
.tt-menu-med .tt-menu.tt-open {
    min-width: unset;
    max-width: 180px;
}
.header-search .tt-menu.tt-open {
    width: 121%;
    left: -14% !important;
}
.tt-menu .tt-dataset h3 {
    font-size: 16px;
    color: red;
}
.tt-menu .tt-dataset a,
.tt-menu .tt-dataset div {
    font-size: 13px;
    color: #575757;
    cursor: pointer;
}
.tt-menu .tt-dataset a:hover,
.tt-menu .tt-dataset div:hover {
    color: red;
    text-decoration: none;
}
.tt-cursor,
.tt-menu .tt-dataset div.tt-cursor {
    color: red !important;
}
.global-search-container .tt-menu .tt-dataset:not(:first-child) {
    padding-top: 8px !important;
}
.global-search-container .tt-menu .tt-dataset a{
    padding: 3px 0px !important;
}
.home-statics-box {
    background-color: #fff;
    padding: 10px 20px;
    min-height: 94.4px;
    border: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 21px #00000008;
    -moz-box-shadow: 0 0 21px #00000008;
    box-shadow: 0 0 21px #00000008;
}
.home-statics-box .icon {
    font-size: 50px;
    color: #888;
}
.home-statics-box .statics .header {
    font-size: 15px;
    color: red;
    font-weight: 700;
}
.home-statics-box .statics .number {
    font-size: 20px;
    color: #888;
}
.section-header {
    font-size: 17px;
    color: #232323;
}
.lap-card .img,
.popular-laps-card .img {
    height: 170px;
    background-size: cover;
    background-position: center center;
    -webkit-box-shadow: 5px 5px 10px #00000029;
    -moz-box-shadow: 5px 5px 10px #00000029;
    box-shadow: 5px 5px 10px #00000029;
    border-radius: 10px;
}
.lap-opinions-info {
    position: absolute;
    top: 9px;
    left: 9px;
    background-color: #000000b3;
    color: #fff;
    font-size: 13px;
    border-radius: 18px;
    padding: 3px 10px;
}
.lap-opinions-info.small {
    position: relative;
    top: unset;
    left: unset;
}
.lap-opinions-info.level {
    min-width: 97px;
    text-align: center;
    position: relative;
    margin-left: 10px;
}
.lap-opinions-info.rating {
    position: relative;
}
.lap-opinions-info.heavy-modification {
    background-color: #bf0000b3;
}
.lap-opinions-info.light-modification {
    background-color: #0079bfb3;
}
.lap-opinions-info.medium-modification {
    background-color: #bfb200b3;
}
.lap-opinions-info.stock-modification {
    background-color: #fffffff5;
    color: #363636;
    border: 1px solid #d8d8d8;
}
.lap-description .text {
    font-size: 15px;
    color: #232323;
}
.lap-description .text.show-all {
    max-height: unset;
    overflow: unset;
}
.lap-card .driver-img {
    height: 45px;
    width: 45px;
    border-radius: 50%;
}
.lap-card .driver-img.small {
    height: 35px;
    width: 35px;
}
.lap-card .driver-details a,
.popular-laps-card .driver-details .name {
    font-size: 14px;
    color: #282828;
}
.lap-card .driver-position,
.lap-card .driver-views,
.popular-laps-card .driver-discription {
    font-size: 13px;
    color: #888;
}
.lap-card .user-verifed,
.popular-laps-card .user-verifed,
.user-verifed {
    font-size: 8px;
    background-color: #2fed42;
    color: #fff;
    border-radius: 50%;
    height: 16px;
    min-width: 16px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.lap-card.small .img {
    height: 120px;
}
.lap-card.small .lap-opinions-info.rating {
    left: 9px;
    font-size: 12px;
}
.lap-card.small .lap-opinions-info.time {
    font-size: 12px;
}
.map-placeholder {
    min-height: 300px;
    background-color: #fff;
}
.map-container {
    min-height: 300px;
}
.map-container.home-map {
    min-height: 400px;
}
#location-map .gmnoprint button,
#map .gmnoprint button,
#org-map .gm-fullscreen-control,
#org-map .gmnoprint button,
.track-listing-map .gmnoprint button,
.track-map .gm-fullscreen-control,
.track-map .gmnoprint button {
    display: flex !important;
}
#location-map div[role="menubar"] button,
#org-map .gm-style-mtc button,
.track-map .gm-style-mtc button {
    align-items: center;
}
.popular-laps-card .img {
    height: 120px;
}
.gm-control-active:active > img:nth-child(1),
.gm-control-active:hover > img:nth-child(1) {
    display: block !important;
}
.gm-control-active:active > img:nth-child(3),
.gm-control-active:hover > img:nth-child(2) {
    display: none !important;
}
.popular-laps-card .driver-img {
    position: absolute;
    bottom: -67px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 135px;
    height: 135px;
    border-radius: 50%;
    background-size: cover;
    background-position: center center;
    border: 2px solid #fff;
}
.popular-laps-card .driver-details {
    padding-top: 80px;
}
.track-map {
    min-height: 350px;
    background-color: #fff;
}
.lap-map {
    min-height: 165px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.details-left .text {
    background-color: #ececec;
    padding: 10px 8px;
    font-size: 13px;
    color: #888;
    text-transform: uppercase;
}
.details-left .shape {
    position: absolute;
    top: 1px;
    right: -1px;
    background-color: #fff;
    height: 39.2px;
    width: 60px;
    clip-path: polygon(68% 100%, 100% 0, 100% 100%);
}
.details-right .text {
    background-color: #fff;
    padding: 10px 8px;
    font-size: 13px;
    color: #000;
    min-height: 38.5px;
    white-space: nowrap;
}
.comments-border-bottom {
    border-bottom: 3px solid #f5f5f5;
}
.image-slider .large-img {
    display: none;
}
.image-slider .large-img.active {
    display: block;
}
.original-badge {
    position: absolute;
    z-index: 100;
    top: 13px;
    left: 13px;
    background-color: #000000b2;
    font-size: 13px;
    border-radius: 15px;
    padding: 4px 10px;
    color: #fff;
}
.slider-small-images {
    height: 70px;
    background-size: cover;
    background-repeat: no-repeat;
}
.slider.expand {
    font-size: 12px;
    position: absolute;
    bottom: 13px;
    right: 13px;
    color: #fff;
    width: 25px;
    height: 25px;
    border: 1px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    text-decoration: none;
}
.demo-image {
    position: relative;
    cursor: pointer;
}
.demo-image .img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff80;
}
.demo-image.active .img-overlay {
    background-color: transparent;
}
.comments-textarea {
    width: 100%;
    border: 0;
    outline: 0;
    resize: none;
}
.comments-textarea::-webkit-input-placeholder {
    font-size: 14px;
    color: #99999980;
}
.comments-textarea:-ms-input-placeholder {
    font-size: 14px;
    color: #99999980;
}
.comments-textarea input::placeholder {
    font-size: 14px;
    color: #99999980;
}
.comments-btn {
    background-color: red;
    color: #fff;
    font-size: 13px;
    padding: 5px 11px;
}
.track-listing-map {
    min-height: 400px;
    background-color: #fff;
}
.gm-style .gm-style-iw-c {
    box-shadow: 0 2px 10px #00000027;
    border-radius: 0;
    min-width: 235px !important;
    padding: 11px;
}
.gm-style-iw.gm-style-iw-c button {
    color: #575757;
    opacity: 1;
    right: -10px;
    top: -3px;
}
.gm-style-iw.gm-style-iw-c button img {
    height: 12px !important;
    width: 12px !important;
}
.org-cover-image {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 190px;
    border-radius: 10px;
}
.org-cover-image.small {
    position: absolute !important;
    min-height: 100%;
    border-radius: 0;
}
.org-logo-image {
    height: 150px;
    width: 150px;
    border-radius: 50%;
    position: absolute;
    bottom: -75px;
}
.event-personality,
.org-personality {
    display: flex;
    flex-direction: column;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-left: 150px;
    padding-left: 1rem;
    padding-right: 1rem;
}
.list-group.toggle-sections {
    flex-direction: row;
}
.list-group.toggle-sections a {
    font-size: 20px;
    color: #888;
    text-decoration: none;
}
/* .list-group.toggle-sections a.active {
    color: red;
    border-bottom: 3px solid red;
} */
.contact-links a i,
.event-description {
    font-size: 18px;
    color: #e6e6e6;
    padding-left: 10px;
    transition: color 0.3s ease-out;
    margin-right: 5px;
}
.contact-links i:hover {
    color: red;
}
.small-track-download-btn {
    background-color: #adadad;
    border-radius: 0;
    padding: 3px 7px;
    font-size: 13px;
    color: #fff;
}
.login-logo-container {
    background: #C6D2DB;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 400px;
}
.login-logo {
    width: 100%;
    max-width: 270px;
}
.login-btn {
    width: 100%;
    background-color: #3b589d;
    color: #fff;
    padding: 8px 20px;
    border-radius: 7px;
    transition: color 0.3s ease-out;
}
.login-btn:hover {
    color: #fff;
}
.login-btn.google {
    background-color: #5088ff;
}
.login-btn.apple {
    background-color: #000;
}
.login-btn .login-by {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #3a59a5;
    background-color: #fff;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.login-btn.apple .login-by {
    color: #000 !important;
}
.login-options-or {
    position: absolute;
    right: 0;
    left: -18px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 100%;
    width: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #ddd;
}
.login-option-text {
    color: #3e3d4e;
    font-size: 17px;
    position: relative;
    background-color: #f8f9fa;
    z-index: 100;
    left: -9px;
}
.required-flag::after {
    content: " *";
    color: red;
}
.dz-preview.dz-image-preview .dz-size {
    display: none;
}
#loader {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(191, 191, 191, 0.6);
    border-radius: 8px;
    width: 100%;
    height: 100%;
    z-index: 10001;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
}
.org-logo-image {
    border: 2px solid #afafaf;
}
.org-logo-image.no-border{
    border: none !important;
    border-radius: 0px !important;
    /* background-color: #0d0d0d12;   */
}
.load-more-btn {
    background-color: red;
    color: #fff;
    font-size: 17px;
    padding: 3px 16px;
    border-radius: 5px;
}
.load-more-btn:hover {
    color: #fff;
}
.modal-backdrop {
    z-index: 400000;
}
.modal.show {
    z-index: 500000;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    height: 100% !important;
}
.report-data {
    background-color: rgb(255 0 0 / 0.8);
    color: #fff;
    padding: 15px;
    border-radius: 5px;
    position: fixed;
    bottom: 130px;
    right: 15px;
    display: flex;
    align-items: center;
    font-size: 15px;
    cursor: pointer;
}
.report-data-text {
    display: none;
}
.report-data:hover .report-data-text {
    display: block;
}
.red-btn {
    background-color: red;
    color: #fff;
}
.red-btn:hover {
    color: #fff;
}
.lap-info-bottom,
.lap-options-cont {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
}
.lap-info-bottom {
    bottom: 0;
    bottom: 20px;
    justify-content: flex-end;
}
.inactiveLink {
    pointer-events: none;
    cursor: default;
}
.more-tracks {
    background-color: transparent !important;
}
.track-added {
    font-size: 13px !important;
    padding: 5px;
}
.alertify .ajs-dimmer {
    z-index: 500000 !important;
}
.alertify .ajs-modal {
    z-index: 500001 !important;
}
.filters-input .twitter-typeahead {
    width: 100%;
}
.typeahead-reset {
    position: absolute;
    top: 9px;
    right: 7px;
    font-size: 13px;
    cursor: pointer;
    background-color: #fff;
    width: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
}
.typeahead-reset.bg {
    background-color: transparent;
}
#variation_suggestions a {
    font-size: 13px;
    color: #575757;
    cursor: pointer;
    display: block;
}
#variation_suggestions a:hover {
    color: red;
}
.additional-select select:disabled {
    background-color: #fafafa;
    border-left: 0;
}
.twitter-typeahead {
    width: 100%;
}
.proximity-filter {
    width: 120px;
}
.additional-select input,
.proximity-filter:focus {
    outline: 0 !important;
}
.rules-link {
    position: absolute;
    right: 26px;
    top: 24px;
    z-index: 200;
    font-size: 13px;
    background-color: #d2d2d2;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #000;
}
.rules-link.table {
    position: relative;
    display: flex;
    top: 0;
    right: 0;
}
.change-options {
    left: 25px !important;
    right: unset !important;
    top: -37px !important;
    min-width: 72px !important;
    transform: unset !important;
}
.change-options.dropdown-menu.dropdown-menu-nav::before {
    left: -7px;
    border-bottom: 7px solid transparent;
    border-left: unset;
    border-right: 7px solid #fff;
    border-top: 7px solid transparent;
    top: 40px;
}
.years-card {
    background-color: #fff;
    border-radius: 5px;
    padding: 10px 0;
    box-shadow: 0 0 3px #ccc;
}
.update-loader {
    position: absolute;
    width: calc(100% - 30px);
    height: calc(100% - 15px);
    bottom: 0;
    right: 15px;
    background-color: #e5e5e58c;
    z-index: 100;
}
.location-mark {
    position: absolute;
    right: 4px;
    background-color: #fff;
    height: 94%;
    bottom: 1px;
    display: flex !important;
    align-items: center;
    cursor: pointer;
    z-index: 10;
    width: 20px;
    justify-content: center;
}
.max-width-220.lap.lg {
    max-width: 220px;
    display: block;
}
.max-width-220.lap {
    max-width: 167px;
    display: block;
}
.max-width-50 {
    max-width: 50px;
    white-space: pre-wrap;
}
.max-width-90 {
    max-width: 90px;
}


.max-width-230 {
    max-width: 206px;
    white-space: pre-wrap;
}
.max-width-220 {
    max-width: 93px;
    display: block;
    white-space: pre-wrap;
}
.max-width-140 {
    max-width: 150px;
    display: block;
    white-space: pre-wrap;
}
.max-width-280 {
    max-width: 280px;
    white-space: pre-wrap;
}
p {
    margin-bottom: 0 !important;
}
.marign-bottom-2 {
    margin-bottom: 2px;
}
.details-banner {
    background-size: cover;
    background-position: center;
    min-height: 160px;
    padding: 17px 20px;
    color: #fff;
    font-size: 15px;
}
.details-banner::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #0009;
}
.z-100 {
    z-index: 100;
}
.light-border-bottom {
    border-bottom: 7px solid #fafafa;
}
.details-banner.no-img {
    background-color: #fff;
}
.details-banner.no-img .white-color {
    color: grey !important;
}
.no-img.details-banner::after {
    display: none !important;
}
.type-btn {
    background-color: #d8d8d8;
    font-size: 14px !important;
    border-radius: 0;
    min-height: 41px;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition: max-width 0.8s;
    transition: max-width 0.8s;
}
.type-btn:hover {
    background-color: red;
    color: #fff;
    max-width: 100%;
}
.type-btn.active {
    background-color: red;
    color: #fff;
    max-width: 100%;
}
.lightboxOverlay {
    z-index: 999999 !important;
}
.lightbox {
    z-index: 1000000 !important;
}
.word-wrap {
    word-wrap: break-word;
}
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}
::-webkit-scrollbar:hover {
    width: 12px;
    height: 10px;
}
::-webkit-scrollbar-track {
    background: #ff00002b;
}
::-webkit-scrollbar-thumb {
    background: #000000ab;
}
::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.sponsers-label {
    overflow-x: auto;
}
.vi-comments-scroll {
    max-height: 300px;
    overflow-y: auto;
}
.large-comments{
    max-height: unset;
}
.w-90 {
    width: 81%;
}
.w-fit-content {
    width: fit-content !important;
}
.mw-60{
    max-width: 60%;
}
.mw-40{
    max-width: 40%;
    min-width: 40%;
}
.h-0 {
    height: 0;
}
.h-0:focus {
    box-shadow: unset !important;
}
.data-tabel td {
    color: #000 !important;
}
.dataTables_wrapper table.dataTable tbody td,
.dataTables_wrapper table.dataTable tbody th {
    padding: 0 15px !important;
}
.stander-black {
    color: #000 !important;
}
.custom-table-header .col,
.custom-table-header .col a {
    font-size: 14px;
    color: #575757;
    display: flex;
    align-items: center;
    font-weight: 700;
    text-decoration: none !important;
}
.custom-table-content .custom-table-item {
    background-color: #fff !important;
    border: 0 !important;
    height: 51px;
    border-radius: 13px;
}
.custom-table-content .col,
.custom-table-content .col a {
    font-size: 14px;
    color: #000;
    text-decoration: none;
}
.custom-table-content .show-more{
    top: 50%;
    left: 5px;
    height: 1em;
    width: 1em;
    margin-top: -9px;
    display: block;
    position: absolute;
    color: #fff;
    border: .15em solid #fff;
    border-radius: 1em;
    box-shadow: 0 0 .2em #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: "Courier New", Courier, monospace;
    line-height: 1em;
    content: "+";
    background-color: #31b131;
}
.custom-table-content .show-more.show-less{
    content: "-";
    background-color: #d33333;
}
.w-65 {
    min-width: 72px;
}
.w-140 {
    max-width: 140px;
}
.location-control {
    border-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    height: 36px;
    border: 1px solid #ff00004a;
    font-size: 14px;
}
.standerd-color {
    color: #000 !important;
}
.comment-box .driver-details {
    max-width: calc(100% - 45px) !important;
}
.comment-box .replies .driver-details {
    max-width: calc(100% - 90px) !important;
}
.pac-container {
    min-width: 160px;
    z-index: 9999999 !important;
}
.d-flex.d-none {
    display: none !important;
}
.rounded-radio-container {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #3a3a3c;
}
.rounded-radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.rounded-radio-container .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    border: 0.5px solid #c4c4c4;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.rounded-radio-container input:checked ~ .checkmark:after {
    display: block;
}
.rounded-radio-container input:disabled ~ .checkmark {
    background-color: #e3e3e3;
    cursor: not-allowed;
}
.rounded-radio-container .checkmark:after {
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: red;
}
.checkmark.check:after {
    left: 8px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid red;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: unset;
    background: unset;
}
.rounded-radio-container .checkmark.check {
    border-radius: 3px;
    height: 21px;
    width: 21px;
}
.landing-bg {
    background-color: #fff;
    border-radius: 10px;
    padding: 20px 20px;
}
.landing-home-text {
    width: auto;
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    z-index: 100;
}
.landing-text-bg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 860px;
}
.driver-img-box {
    position: absolute;
    left: 20px;
    top: 15px;
    background-color: #858587cf;
    padding: 5px 12px;
    border-radius: 3px;
    z-index: 30;
}
.driver-box-img {
    width: 70px !important;
    border-radius: 3px;
}
.top-arrow {
    position: fixed;
    bottom: 80px;
    z-index: 100000;
    right: 20px;
    color: #fff;
    background-color: #ff0000b8;
    border-radius: 5px;
    padding: 8px 13px;
    font-size: 18px;
    transition: all 0.3s ease-out;
}
.top-arrow:hover {
    background-color: red;
    color: #fff;
}
.switch-lang-btn {
    display: flex;
    align-items: center;
    font-size: 14px;
    height: 33px;
    width: 126px;
    background-color: #d9d9d9;
    color: #000;
    justify-content: center;
}
.switch-lang-btn img {
    padding-right: 3px;
}
.switch-lang-btn:first-child {
    border-top-left-radius: 5px;
}
.switch-lang-btn:last-child {
    border-top-right-radius: 5px;
}
.switch-lang-btn.active,
.switch-lang-btn:hover {
    background-color: #fafafa;
    color: #000;
}
.payment-details-width {
    min-width: 240px;
}
.padding-top-1 {
    padding-top: 1px;
}
.padding-top-2 {
    padding-top: 2px;
}
.padding-right-2 {
    padding-right: 2px;
}
.padding-left-2 {
    padding-left: 2px;
}
.pb-3-px{
    padding-bottom: 3px;
}
.arrow-right {
    position: relative;
    transition: all 0.3s ease-out;
}
.arrow-left {
    margin-right: -3px;
}
.home-view-all:hover .arrow-right.move {
    transform: translateX(3px);
}
.time-diff-badge {
    font-size: 13px;
    border-radius: 18px;
    padding: 3px 10px;
    margin-left: 5px;
    padding-left: 0.5rem !important;
}
.time-diff-badge.color-green {
    background-color: #35a941 !important;
    border: 1px solid #35a941 !important;
    color: #fff !important;
}
.time-diff-badge.color-black {
    background-color: #000000b3;
    border: 1px solid #000000b3 !important;
    color: #fff !important;
}
.tr.text-left,
tr div {
    /* white-space: nowrap; */
}
.track-cover {
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgb(0 0 0 / 50%);
    width: 100%;
    height: 100%;
    border-radius: 10px;
    display: flex;
    align-items: flex-end;
    padding: 23px 22px;
    color: #fff !important;
}
.track-cover.white {
    display: block;
    background-color: #ffffffd6;
    border-radius: 0;
}
table.dataTable thead .sorting {
    background-position: center right -5px !important;
}
table.dataTable thead .sorting::after{
    content: "\f884";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    padding-left: 5px;
}
table.dataTable thead .sorting.sorting_asc,
table.dataTable thead .sorting.sorting_desc{
    color: red !important;
}
table.dataTable thead .sorting.sorting_asc::after{
    color: red;
    content: "\f884";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    padding-left: 5px;
}
table.dataTable thead .sorting.sorting_desc::after{
    color: red;
    content: "\f160";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    padding-left: 5px;
}
.border-radius-right-remove {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.border-radius-left-remove,
.border-radius-left-remove .input-group.add-edit {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.gm-style .gmnoprint img {
    position: relative !important;
    bottom: 2px;
}
.fix-currency-padding .add-edit-input {
    padding-left: 1px;
    padding-right: 1px;
    text-align: center;
}
.driver-details-card {
    position: absolute;
    top: -300px;
    display: none;
}
.dirver-bio-scroll {
    max-height: 200px;
    overflow-y: auto;
}
.card-img-top {
    height: 120px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.blog-item,
.single-blog-box {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 0 1px #0000001c;
}
.single-blog-box.border-0 {
    box-shadow: unset;
}
.blog-header a {
    font-size: 22px;
    color: red;
}
.blog-sub-title {
    font-size: 18px;
    color: #575757;
    margin-bottom: 0;
}
.post-details-bottom {
    font-size: 14px;
}
.blog-description p,
.single-blog-description p {
    font-size: 16px;
    padding-top: 10px;
}
.blog-description p {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
}
.blog-btn {
    padding: 0;
    color: #fff;
    background-color: red;
    border: 1px solid red;
    font-size: 16px;
    width: 110px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.blog-btn:hover {
    color: #fff;
}
.input-group.blog-search .input-group-text {
    padding: 0;
    border: 0;
}
.input-group.blog-search .btn-submit {
    color: #fff;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group.blog-search .search-input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group.blog-search .submit-input .input-group-text {
    padding: 0;
}
.input-group.blog-search .submit-input .btn-submit {
    background-color: red;
    border: 1px solid red;
    margin: 0 !important;
}
.blog-categories-box {
    padding: 15px;
    margin-top: 20px;
    background-color: #fff;
    border-radius: 5px;
}
.categories-title {
    font-size: 14px;
    color: #999;
    margin: 0;
}
.blog_title {
    font-size: 22px;
    color: red;
}
.blog_subtitle {
    font-size: 18px;
    color: #575757;
}
.comment-card .card-header,
.empty-comments-blog {
    background-color: #b3b3b3b0;
    color: #000;
}
.blog-image img {
    max-width: 100%;
}
.binshops-cat-hierarchy,
.binshops-cat-hierarchy a {
    list-style: none;
    padding-left: 0;
    font-size: 14px;
    color: red;
}
.category-item-wrapper {
    padding-top: 10px;
}
.binshops-cat-hierarchy ul .category-item-wrapper {
    padding-top: 0;
}
.blog-breadcrumb {
    color: #000;
}
.grecaptcha-badge {
    z-index: 20000;
}
.bootstrap-datetimepicker-widget table td.active {
    background-color: red !important;
}
.bootstrap-datetimepicker-widget table td.day {
    height: 30px !important;
    width: 15px !important;
}
.table-condensed > thead > tr > th {
    padding: 10px 5px;
}
.track-map-link:hover {
    color: red !important;
}
.glyphicon {
    font-family: "Font Awesome 5 Free" !important;
}
.glyphicon-chevron-right:before {
    content: "\f054" !important;
}
.glyphicon-chevron-left:before {
    content: "\f053" !important;
}
.blog-description img,
.single-blog-description img {
    max-width: 100%;
    margin: 0 auto;
    width: 100% !important;
    height: auto !important;
    margin-left: unset !important;
}
#more-event-links {
    background-color: #fff !important;
    border: 0 !important;
    height: 51px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    color: red;
    font-size: 14px;
    cursor: pointer;
    margin-top: 0px;
}
.loader-ellips {
    font-size: 20px;
    position: relative;
    width: 4em;
    height: 1em;
    margin: 10px auto;
}
.loader-ellips__dot {
    display: block;
    width: 0.7em;
    height: 0.7em;
    border-radius: 0.5em;
    background: #555;
    position: absolute;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
}
.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
    left: 0;
}
.loader-ellips__dot:nth-child(3) {
    left: 1.5em;
}
.loader-ellips__dot:nth-child(4) {
    left: 3em;
}
@keyframes reveal {
    from {
        transform: scale(0.001);
    }
    to {
        transform: scale(1);
    }
}
@keyframes slide {
    to {
        transform: translateX(1.5em);
    }
}
.loader-ellips__dot:nth-child(1) {
    animation-name: reveal;
}
.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
    animation-name: slide;
}
.loader-ellips__dot:nth-child(4) {
    animation-name: reveal;
    animation-direction: reverse;
}
.loader-wheel {
    font-size: 64px;
    position: relative;
    height: 1em;
    width: 1em;
    padding-left: 0.45em;
    overflow: hidden;
    margin: 0 auto;
    animation: loader-wheel-rotate 0.5s steps(12) infinite;
}
.loader-wheel i {
    display: block;
    position: absolute;
    height: 0.3em;
    width: 0.1em;
    border-radius: 0.05em;
    background: #333;
    opacity: 0.8;
    transform: rotate(-30deg);
    transform-origin: center 0.5em;
}
@keyframes loader-wheel-rotate {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
.target-blank {
    position: relative;
}
.target-blank::after {
    position: relative;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    content: "\f35d";
    font-size: 13px;
    color: red;
    margin-left: 3px;
}
.track-images-tabs {
    border-bottom: 0 !important;
    width: fit-content;
    height: 42px;
}
.track-images-tab {
    width: auto;
    background-color: red !important;
    color: #fff !important;
    border-radius: 0 !important;
    border: 1px solid red !important;
}
.track-images-tab.active {
    background-color: #cb0505 !important;
    color: #fff !important;
}
.blog-first-img img {
    height: auto;
}
.fixed-blog-box {
    min-height: 430px;
    padding: 35px;
    margin-bottom: 50px;
}
.race-car {
    background-image: url("../images/race-car.svg");
    width: 100%;
    height: 30px;
    background-size: cover;
}
.offcanvas-item a:hover .race-car {
    background-image: url("../images/race-car-red.svg");
}
.offcanvas-item.active .race-car {
    background-image: url("../images/race-car-red.svg");
}
.race-car.red {
    background-image: url("../images/race-car-red.svg");
}
.date-warning{
    font-size: 14px;
    color: #bfb200b3;
    padding-top: 6px;
    margin-bottom: 0;
}
.enable-location-bar{
    background-color: #f4c531;
    position: fixed;
    z-index: 99999;
    color: #fff;
    text-align: center;
    padding: 8px 0px;
    font-size: 13px;
    width: 100%;
}
.location-details{
    background-color: #35a941 !important;
    color: #fff;
    text-align: center;
    padding: 8px 0px;
    font-size: 13px;
    width: 100%;
}
.enable-location-button{
    background-color: #010304;
    width: 55px;
    height: 25px;
    margin-left: 6px;
    border-radius: 5px;

}
.enable-location-shown{
    top: 34px;
}
.text-wrap-typeahead .tt-menu .tt-suggestion{
    overflow: unset;
    white-space: unset;
    text-overflow: unset;
}
.responsive-dt-title{
    color: #575757;
    font-weight: bold;
    padding-right: 7px !important;
}
.archived-lap{
    width: 100%;
    background-color: #35a941;
    color: #fff;
    text-align: center;
    padding: 3px 0px;
    border-radius: 3px;
    font-size: 13px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.archived-lap a{
    color: black;
    padding-left: 4px;
    font-weight: bold;
}
.org-type{
    color: #949494;
    font-weight: 500;
    text-transform: capitalize;
 }

.driver-profile-bar{
    position: absolute;
    bottom: -23px;
    width: 100%;
    background-color: #f4c531;
    left: 0;
    font-size: 13px;
    text-align: center;
    color: #fff;
    padding: 2px;
}
.driver-profile-bar a {
    color: #fff;
}
.notifications-list{
    padding: 10px;
    background-color: #fff;
    box-shadow: 0px 0px 3px #00000040;
    border-radius: 4px;
}
.track-notes a{
    color: red !important;
}
.text-description{
    border-radius: 5px;
    padding: 5px;
    background-color: white;    
}
.overlay-link{
    position: relative;
    z-index: 100;
}
.vi-text{
    max-width: calc(100% - 125px);
}
.toggle-filters-btn{
    font-size: 12px;
    background-color: red;
    padding: 7px 9px;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    position: relative;
    top: -2px;
}
.compare-box{
    background-color: #fff;
    padding: 12px 24px;
    border-radius: 16px;
}
.compare-box .title{
    font-size: 20px;
    color: #ff0000;
    text-align: center;
}
.compare-image{
    min-height: 342px;
    height: 342px;
    background-size: cover;
    background-position: center center;   
    background-repeat: no-repeat;
}
.compare-card-overlay{
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #00000082;
    border-radius: 10px;
    padding: 5px;
}
.empty-text-container{
    border-radius: 0 13px 13px 0;
    -moz-border-radius: 0 13px 13px 0;
    -webkit-border-radius: 0 13px 13px 0;
    background-color: #fff;
    padding: 15px  !important;
}
.gm-style .gm-style-iw-c{
    min-height: 54px;
    padding-top: 11px !important;
}
.gm-style-iw-chr{
    position: absolute;
    top: 0;
    right: 0;
}
.list-flag{
    font-size: 50px;
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    min-height: 15px !important;
}
.map-loader-container{
    display: flex;
    position: relative;
    min-height: 400px;
    background-color: #b3b3b3;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
}
.show-cover {
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgb(0 0 0 / 50%);
    width: 100%;
    height: 100%;
    border-radius: 10px;
    display: flex;
    align-items: flex-end;
    padding: 23px 40px;
    color: #fff !important;
  }
  .show-cover-image {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 85px;
    border-radius: 10px;
  }
  .show-cover-image.bg {
    min-height: 250px;
  }
  .show-logo-image {
    height: 150px;
    width: 150px;
    border-radius: 50%;
    position: absolute;
    bottom: -75px;
    border: 2px solid #afafaf;
  }
  .border-radius-10 {
    border-radius: 10px;
  }
  .show-personality {
    display: flex;
    flex-direction: column;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-left: 150px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .list-group.toggle-sections {
    flex-direction: row;
    padding-left: 14px;
  }
  .list-group.toggle-sections a {
    font-size: 20px;
    color: #888;
    text-decoration: none;
  }
  .details-left .text {
    background-color: #ececec;
    padding: 10px 8px;
    font-size: 13px;
    color: #888;
    text-transform: uppercase;
  }
  .details-left .shape {
    position: absolute;
    top: 1px;
    right: -1px;
    background-color: #fff;
    height: 39.2px;
    width: 60px;
    clip-path: polygon(68% 100%, 100% 0, 100% 100%);
  }
  .details-right .text {
    background-color: #fff;
    padding: 10px 8px;
    font-size: 13px;
    color: #000;
    min-height: 38.5px;
    white-space: nowrap;
  }
  .fi-xx{
    background-image: url("../images/no_flag.png") !important;
  }

  .zoom-container{
    position: absolute;
    top: 23px;
    right: 44px;
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0px 0px 1px 1px #00000030;
    width: 40px;
    height: 76px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    text-align: center;
  }
  .zoom-icon{
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
  .zoom-in-icon{
    border-bottom: 1px solid #f7f7f7;
  }
.org-table-logo,
.org-logo-sm{
    min-width: 22px;
    min-height: 22px;
    background-size: cover; 
    background-position: center center; 
    border-radius: 4px; 
    margin-right: 4px;
}
.tire-logo{
    min-width: 40px;
    min-height: 40px;
    max-width: 40px;
    max-height: 40px;
    background-size: cover; 
    background-position: center center; 
    border-radius: 4px; 
    margin-right: 4px;
}
.org-logo-sm.no-border{
    border-radius: 0px !important;
    border: 0 !important;
}
.compare-car-image{
    max-width: 65px;
    margin-right: 6px;
    border-radius: 8px;
    border: 1px solid black;
}
.compare-description p{
    margin-bottom: 8px !important;
}
.table-pagination-container{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.table-pagination-container span, .table-pagination-container a{
    border: 0px !important;
    background-color: transparent !important;
    color: #666 !important;
    font-weight: bold;
    padding: 10px 12px !important;
    font-size: 14px !important;
}
.table-pagination-container span{
    color: #a5a4a4 !important;
    font-weight: 500 !important;
}
.note-container p{
    padding-bottom: 16px !important;
}