@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,600;0,800;0,900;1,300;1,400;1,600;1,800;1,900&display=swap');

.car-45-front, .car-45-rear {
    box-shadow: none;
    border-radius: 5px;
    border: solid 1px #ccc;
}

.cn-button {
    box-shadow: none;
    border-radius: 5px;
}

.bottom-navbar .bc-brand, .bottom-navbar .bc-brand-selection, .bottom-navbar .brandTypes, .bottom-navbar .bc-type, .bottom-navbar .bc-type-selection, .bottom-navbar .bc-shades, .bottom-navbar .tint-position-selector, .bottom-navbar .tinttypes, .vt-scroll-left, .vt-scroll-right {
    box-shadow: none;;
    background-color: #1b1b1b !important;
}

.bottom-navbar .bc-brand:hover, .bottom-navbar .bc-brand-selection:hover, .bottom-navbar .brandTypes:hover, .bottom-navbar .bc-type:hover, .bottom-navbar .bc-type-selection:hover, .bottom-navbar .bc-shades:hover, .bottom-navbar .tint-position-selector:hover, .bottom-navbar .tinttypes:hover, .vt-scroll-left:hover, .vt-scroll-right:hover {
    background-color: #2863bb !important;
}

.bottom-navbar .bc-brand:active, .bottom-navbar .bc-brand-selection:active, .bottom-navbar .brandTypes:active, .bottom-navbar .bc-type:active, .bottom-navbar .bc-type-selection:active, .bottom-navbar .bc-shades:active, .bottom-navbar .tint-position-selector:active, .bottom-navbar .tinttypes:active, .vt-scroll-left:active, .vt-scroll-right:active {
    background-color: #2863bb !important;
}

.bottom-navbar .bc-brand:hover, .bottom-navbar .bc-brand:not(.active):hover, .bottom-navbar .bc-brand-selection:hover, .bottom-navbar .brandTypes:hover, .bottom-navbar .bc-type:hover, .bottom-navbar .bc-type:not(.active):hover, .bottom-navbar .bc-type-selection:hover, .bottom-navbar .bc-shades:hover, .bottom-navbar .bc-shades:not(.active):hover, .bottom-navbar .tint-position-selector:hover, .bottom-navbar .tint-position-selector.active, .bottom-navbar .tinttypes:hover, .bottom-navbar .shade-percent:hover, .vt-scroll-left:hover, .vt-scroll-right:hover, .bottom-navbar .active > .shade-percent {
    background-color: #2863bb !important;
}

.bottom-navbar .selected {
    background-color: #2863bb !important;
}

.bottom-navbar .brandTypes, .bottom-navbar .tinttypes, .bottom-navbar .tint-position-selector {
    background-color: #1c4178 !important;
}

/* .bottom-navbar .tab {
    background-color: #FF8700 !important;
} */

/* BAR TINT */
#bar_tint {
    margin-left: 30px;
}

/* Shade Percent */
#tint-shade-selector .shade-percent {
    background-color: #333;
    box-shadow: none;
}

#tint-shade-selector .not-selected > .shade-percent {
    background-color: #666;
}

.cross-nav li .cn-button {
    background-color: #1b1b1b !important;
    padding-left: 5px;
    padding-right: 5px;
    max-width: 80px;
    width: 80px;
    height: 50px;
    max-height: 50px;
    box-shadow: none;
    border-radius: 5px;
    line-height: 8px;
}

.cross-nav li.selected {
    border-color: #fff;
    /* border: solid 5px #fff; 
    border-left: solid 10px #fff; */
}

.cross-nav li.selected .cn-button {
    background-color: #1c4178 !important;
}

/* INFO */

.floatingPriceDiv {
    padding: 0px;
    font-size: 12pt;
    text-align: center;
    box-shadow: none;
    border-radius: 10px;
    border: solid 1px #ccc;
    max-width: 250px;
    width: 250px;
    font-family: Poppins;
    font-weight: 300;
    top: 15px;
}

.floatingPriceDiv .priceDiv_line1 {
    font-size: 12pt;
    font-weight: 600;
}

.floatingPriceDiv .priceDiv_line2 {
    font-size: 16pt;
    font-weight: 800;
    margin-top: -5px;
}

.floatingPriceDiv #priceDiv_display {
    display: flex;
    width: 100%;
    margin-top: 30px;
    font-size: 9pt;
}

.floatingPriceDiv #priceDiv_display div h6 {
    font-weight: 800;
    font-size: 14pt;
    margin: 0px;
}

.floatingPriceDiv .floatingPriceBoard {
    padding: 10px;
}

.floatingPriceDiv .floatingPriceBoard div {
    width: 100%;
}

.floatingPriceDiv .floatingPriceBoard p {
    margin: 0px;
    font-size: 10pt;
    text-align: center;
}

.floatingPriceDiv .priceDiv_new {
    padding: 10px;
    font-size: 12pt;
}

.floatingPriceDiv li {
    text-align: center;
}

.floatingPriceDiv li div {
    width: 100%;
    text-align: center;
}

.priceDiv_p1 {
    text-align: center !important;
    font-size: 12pt;
}

#tint_specification {
    background-color: #1c4178;
    padding: 10px;
    color: #fff;
    text-align: center;
    font-size: 10pt;
    font-weight: 400;
}

/* FILM BOARD */
.floatingFilmPriceDiv {
    box-shadow: none;
    border: solid 1px #ccc;
}