/*:root { --bg-color: #1B1B1B; --accent-btn-color: #FF553C; }*/
:root { --bg-color: #F0F8FF; --accent-btn-color: #5671FF; --btn-bg-color: white; --table-odd: #EFEFEF; --text-color: #25293A; --search-head-color: #5671FF; --chk2-bg: #D9D9D9; --pillar-color: #cbcbcb54; --check-bg: #F6F6F6; --check-border: #BBCAEB; --pag-btn-bord: #25293A; --cd-bg: white; --scroll-btn-text: white; --scroll-btn: #25293A; --filter-btn: white; --filter-txt: black; --cars-bg: white; --grid-border: #D2D2D2; --search-input: black;}
.light-mode { --bg-color: #1B1B1B; --accent-btn-color: #5671FF; --btn-bg-color: #393939; --table-odd: #565656c2; --text-color: white; --search-head-color: white; --chk2-bg: #565656; --pillar-color: #3d3d3d54; --check-bg: #2C2C2C; --check-border: white; --pag-btn-bord: white; --cd-bg: white; --scroll-btn-text: #161925; --scroll-btn: white; --filter-btn: #3F3F3F; --filter-txt: white; --cars-bg: #00000000; --grid-border: #5671FF; --search-input: white; }

body { color: white; background: var(--bg-color); font-family: roboto; overflow: hidden; height: 100vh; }
#filters {scrollbar-width: none; font-size: 13px; }
    #filters .chk-1 { appearance: none; -webkit-appearance: none; width: 15px; height: 15px; border: solid 1px var(--check-border); border-radius: 4px;  margin-right: 8px; vertical-align: -1px; }
        #filters .chk-1:before { content: '\00a0'; color: white; font-size: 14px; font-weight:800; vertical-align: 1px; line-height: 1; font-family: 'Material Symbols Outlined'; }
        #filters .chk-1:checked { background: var(--accent-btn-color); cursor: pointer; }
            #filters .chk-1:checked + .t { font-weight: bold; color: black; }
            #filters .chk-1:checked:before { content: '\e876'; }
.move-drop-box .chk-1 { appearance: none; -webkit-appearance: none; width: 15px; height: 15px; border: solid 1px #fff; border-radius: 4px;  margin-right: 8px; vertical-align: -1px; border: solid 1px var(--check-border); }
    .move-drop-box .chk-1:before { content: '\00a0'; color: white; font-size: 12px; font-weight: 800; vertical-align: 1px; line-height: 1; font-family: 'Material Symbols Outlined'; cursor: pointer; }
    .move-drop-box .chk-1:checked { background: var(--accent-btn-color); cursor: pointer; }
        .move-drop-box .chk-1:checked + .t { font-weight: bold; color: black; }
        .move-drop-box .chk-1:checked:before { content: '\e876'; }
.drop-box-other .t { font-size: 12px; white-space: nowrap; margin-left: 3px; margin-right: 6px; }
.drop-box-status .t { font-size: 12px; white-space: nowrap; margin-left: 3px; margin-right: 6px; }
.drop-box .t { font-size: 12px; line-height: 16px; padding-top: 4px; padding-bottom: 4px; margin-left: 3px; margin-right: 6px; }
#filters::-webkit-scrollbar { display: none; }
.drop-box-other .chk-2 { width: 41px; height: 20px; background-color: var(--chk2-bg); display: flex; align-items: center; padding: 2px 2px 2px 3px; }
.drop-box-status .chk-2 { width: 41px; height: 20px; background-color: var(--chk2-bg); display: flex; align-items: center; padding: 2px 2px 2px 3px; }
.drop-box-other .chk-2:before { width: 14px; height: 14px; }
.filters-clear { margin-left: 25px; font-size: 13px; background: #ffffff; padding: 14px 14px; border-radius: 10px; height: 52px; cursor: pointer; }
/*.setting-profile-div-desktop { display: flex; position: relative; flex-direction: column; margin-right: 0px; align-items: center; display: none; }*/
/*.fbo-settings-div { cursor: pointer; display: flex; margin-right: 45px; text-decoration: none; color: white; }
.fbo-settings-icon { width: 34px; height: 34px; border-radius: 10px; background: #25293A; color: white; display: flex; justify-content: center; align-items: center; margin-right: 21px; }
.fbo-profile-icon.fbo-settings-icon { margin-right: 0px; }
.fbo-span-text { display: flex; justify-items: center; align-items: center; }*/
.fbo-profile-div { cursor: pointer; display: flex; text-decoration: none; color: white; }
    .filter > .h { display: flex; align-items: center; cursor: pointer; padding: 6px 20px; }
        .filter > .h > .ic:before { content: '\e5df'; }
        .filter > .h:hover { background: #424a66; }
    .filter > .c { display: none; padding: 0 20px 10px 30px; }
        .filter > .c > .i { display: flex; justify-content: space-between; align-items: center; }
.i > label { display: flex; align-items: center; }
.list .i { position: relative; }
.list .i { }
    /*.list .i .t::after { content: ""; position: absolute; left: 33px; bottom: 0; height: 1px; width: 50%;*/ /* or 100px */ /*border-bottom:1px dotted #9f9f9f; }*/
            .filter > .c > .i.disabled { opacity: .5; }
                .filter > .c > .i.disabled > .chk-2 { cursor: not-allowed; }
        .filter > .c > .list { }
            .filter > .c > .list > .i { margin: 5px 0; }
                .filter > .c > .list > .i > label, .filter > .c > .i > label > input { cursor: pointer; }
                .filter > .c > .list > .i > label { margin: 8px 0; display: block; }
                .filter > .c > .list > .i.disabled { opacity: .5;}
.list .i.disabled { background: #e9e9e9; border-bottom: 1px #f5f5f5 solid; border-radius: 5px; }
.list .i label:hover { cursor: pointer; }
.list .i.disabled label:hover { cursor: default; }
#filters .i .chk-1 { cursor: pointer; }
#filters .i.disabled .chk-1 { background: #dddddd; cursor: default }
#filters-gv-container .col-2-btns { border: #F2F2F2 solid 1px; margin-bottom: 10px;}
#filters-gv-container { margin-bottom: 25px;}
#filters-gv-container .filter { position: relative;}
#filters { max-height: 81vh !important;}
.drop-box-padding { border-bottom: 20px solid white; border-top: 1px solid rgb(159, 159, 159); }
.drop-box { right: -80px; top: 0px; color: var(--text-color); height: 0px; overflow: hidden; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
    .drop-box::-webkit-scrollbar { width: 4px; }
    .drop-box::-webkit-scrollbar-thumb { background-color: #f0f0f0; border-radius: 5px; }
/*.grid-item-b::-webkit-scrollbar { width: 4px; }
.grid-item-b::-webkit-scrollbar-thumb { background-color: #5671ff; border-radius: 5px; }
.table-scroll-div { height: 800px; overflow-y: auto; }*/
#filters-cv-container .filter { position: relative; width: 100%; display: flex; justify-content: center; flex-direction: column; align-items: center; } 
#filters-cv-container { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.drop-box-model { right: -175px; top: 0px; }
/*.drop-box-dealer { right: -310px; top: 0px; }*/
.drop-box-trim {  left: 175px; right: -150px; top: 0px; }
.filter > .c > .list > .i.disabled > label, .filter > .c > .i.disabled > label > input { cursor: not-allowed; }
.open-close-filters { cursor: pointer}
.add-margin-filters:hover { cursor: pointer; background-color: #e7e5e5; border-radius: 10px; margin-right: 25px; }
.filter > .c > .show { cursor: pointer; margin: 20px 0 10px 4px; font-size: 14px; font-weight: bold; }
            .filter > .c > .show:after { content: 'Show more'; }
            .filter > .c > .show:before { font-family: 'Material Symbols Outlined'; content: '\e145'; margin-right: 5px; vertical-align: -2px; }
        .filter > .c.show-all > .show:after { content: 'Show less'; }
        .filter > .c.show-all > .show:before { content: '\e15b'; }
        .filter > .c:not(.show-all) > .list > .i:not(:nth-child(-n+10)) { display: none; }
    .filter.open { background: #1E243D; }
        .filter.open > .c { display: block; }
        .filter.open > .h > .ic:before { content: '\e5c5'; }
 /*   .filter > .c > .slider-w { margin-top: 25px; height: 5px; margin-bottom: 20px; }
        .filter > .c > .slider-w > .lbl { position: absolute; top: -27px; background: red; color: white; padding: 2px 5px; border-radius: 4px; font-weight: bold; font-size: 11px; margin-left: -20px; }
        .filter > .c > .slider-w > .ui-slider-handle { border: solid 4px #625DF5; border-radius: 100%; width: 14px; height: 14px; }
        .filter > .c > .slider-w > .ui-slider-range { background: #625DF5; }*/
.desking-logo { text-decoration: none; color: var(--accent-btn-color); cursor: pointer; display: flex; margin-left: 25px; height: 100%; padding: 10px 0; }
.desking-logo img { width: 150px; }
.header-search-div { display: none; width: 80%; justify-content: center; }
.c > .slider-w { margin-top: 25px; height: 5px; margin-bottom: 20px; border-radius: 10px; border: none; }
.slider-w > .lbl { position: absolute; margin-top: -27px; background: #c51412; color: white; padding: 2px 5px; border-radius: 4px; font-weight: bold; font-size: 11px; display: none; }
/*.c > .slider-w > .ui-slider-handle { border: solid 4px #c51412; border-radius: 100%; width: 14px; height: 14px; }*/
.c > .slider-w > .ui-slider-handle { border: solid 4px #5671ff; border-radius: 100%; width: 15px; height: 15px; }
.c > .slider-w > .ui-slider-range { background: /*#c51412*/ #1235c53b; }
/*.from { position: relative;}*/
/*.to { margin-left: 100px !important; position: relative; }*/
.in-transit-div { display: flex; justify-content: center; }
.in-transit { margin: 0px;}
.color-div { margin-bottom: 5px; }
.check-box-colors { margin-right: 10px; }
#f-color { display: flex; flex-direction: column; }
#f-color > .side { margin-top: 0px; width: 100%; font-size: 16px;  }
    #f-color > .side > .h { font-weight: bold; text-align: left; padding-left: 10px; font-size: 11px; }
    #f-color > .side > .c { display: flex; flex-wrap: wrap; padding: 10px 10px; flex-direction: column; }
        #f-color > .side > .c .col-w { flex-shrink: 0; border-radius: 100%; width: 16px; height: 16px; border: solid 1px #636363; margin-right: 5px;  cursor: pointer; position: relative;}
            #f-color > .side > .c .col-w.disabled { opacity: .3; cursor: not-allowed; }
            #f-color > .side > .c .col-w > .col { height: 100%; border-radius: 100%; }
            #f-color > .side > .c .col-w > .span { position: absolute; top: -1px; left: 20px; } 
            #f-color > .side > .c .col-w.active { padding: 0; }
#f-term, #f-miles { outline: none; border: none; padding: 5px 10px; border-radius: 4px; }

#vin-msrp { display: flex; align-items: center; padding: 0 20px 0 30px; }
    #vin-msrp > .fields { margin-right: 10px; }
/*        #vin-msrp > .fields > input { border: none; margin: 5px 0; padding: 2px 5px; width: 140px; display: block }*/
.field-vin-msrp { border: none; margin: 5px 0; padding: 2px 5px; width: 140px; display: none; }
    #vin-msrp .btn-w button { background: var(--accent-btn-color); padding: 6px 10px; border-radius: 6px; border: none; cursor: pointer; color: white; }
#main { padding: 0px 0px; background: var(--bg-color); height: 100vh; /*overflow: hidden;*/  }
    #main > .intro > .line-1 { font-size: 22px; }
    #main > .intro > .line-2 { font-weight: bold; opacity: 0.7; }
    #main > .intro > .line-3 { opacity: 0.7; }
.remove-filter-btn { height: 35px; margin-right: 7px; border: none; border-radius: 50px; background: #dbe4f6; color: var(--filter-txt); padding: 10px; cursor: pointer; display: flex; justify-content: center; align-items: center; }
.filter-state-name { font-size: 15px; font-weight: 500; white-space: nowrap; }
.change-x-size { font-size: 12px;}
.engine-dots { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100px; }
.engine-dot-td { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 100px; }
#badges { display: flex; flex-direction: column; margin-top: 20px; }
    #badges > .badge { width: 364px; padding: 26px 0 36px 29px; /*display: flex;*/ display:none; background: white; margin-right: 23px; border-radius: 10px; }
        #badges > .badge > .l { width: 68px; height: 68px; background: #54A2FE; display: flex; align-items: center; justify-content: center; border-radius: 10px; margin-right: 32px; }
        #badges > .badge > .r { }
            #badges > .badge > .r > .t { font-size: 16px; opacity: 0.7; }
            #badges > .badge > .r > .num { font-weight: bold; font-size: 50px; line-height: 50px; }
.row-for-filters-first { display: none; justify-content: space-between; margin-bottom: 0px; position: relative; }
.filters-container { display: flex; margin-left: 0px; margin-top: 10px;}
#best-min { color: var(--text-color)}
#best-max { color: var(--text-color); margin-bottom: 15px; }
.input-wrapper .left { cursor: pointer; user-select: none; display: none; }
.input-wrapper .right { cursor: pointer; user-select: none; display: none; }
#f-other { color: var(--text-color)}
#f-status { color: var(--text-color)}
.input-wrapper { position: relative; width: fit-content; color: var(--text-color) }
    .input-wrapper .money { position: absolute; left: 5px; top: 21px; font-size: 15px; }
    .input-wrapper input { border: 1px solid gray; border-radius: 6px; position: relative; width: 95%; height: 36px; margin: 10px 0; line-height: 6ex; background: var(--bg-color); color: var(--text-color); /*padding-left: 13px;*/text-align:center; padding-top: 4px; font-size: 16px; font-weight: 700; }
    .input-wrapper label { position: absolute; top: 0.7ex; z-index: 1; left: 4.5em; background-color: var(--bg-color); padding: 0 5px; font-size: 11px; font-weight: 800; }
.grey-line { height: 56px; width: 1px; background: #D9D9D9; margin-left: 7px; margin-right: 7px; display: flex; align-self: center; }
input[type="number"] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; }
.arrow-min-max { display: flex; }
.input-wrapper .left { transform: rotate(90deg); position: absolute; right: 22px; top: 20px; font-size: 16px; color: #D2D2D2;}
.input-wrapper .right { transform: rotate(-90deg); position: absolute; right: 12px; top: 20px; font-size: 16px; color: #D2D2D2; } 
.badges-col-1 { width: 100%; display: flex; align-items: center; flex-direction:column; margin-top: 10px;  }
    .badges-col-1 .c { display: flex; display: flex; flex-direction: column; width: 100%; /*align-items: center;*/ margin: 0;}
        .badges-col-1 .c .i { margin-left: 0px; margin-bottom: 3px; display: flex; /*flex-direction: row-reverse*/ align-items: center; justify-content: space-between; padding: 0 35px; }
.badges-col-2 { display: block; }
.drop-box-dealer::-webkit-scrollbar { width: 4px; }
.drop-box-dealer::-webkit-scrollbar-thumb { background-color: #f0f0f0; border-radius: 5px; }
.list-search-div::-webkit-scrollbar { width: 4px; }
.list-search-div::-webkit-scrollbar-thumb { background-color: #f0f0f0; border-radius: 5px; }
#filters-collect-cv { /* text-wrap: nowrap; overflow: auto;*/ width: 100%; display: flex; align-items: center; margin-bottom: 10px;}
    #filters-collect-cv::-webkit-scrollbar { height: 4px; }
    #filters-collect-cv::-webkit-scrollbar-thumb { background-color: #f0f0f0; border-radius: 5px; }
    .badges-col-3 { display: flex; justify-content: end; }
        .badges-col-3 p { display: none;}
        .view-as-text { margin-right: 30px; align-self: center; margin-right: 10px; }
.columns-text { margin-right: 10px; }
.view-select-div { display: flex; align-items: center; }
.inner-col-one { display:flex; justify-content: space-evenly; }
.inner-col-two { display: flex; justify-content: space-evenly; margin-top: 20px; }
.col-grid-view-select { cursor:pointer; width: 30px; height: 30px; background-color: #D9D9D9; border-radius: 7px; margin-right: 10px; display: flex; align-items: center; justify-content: center; }
.grid-box .material-symbols-outlined { font-size: 20px; }
/*.col-box { background-color: #C51412; color: white; }*/
/*.col-box .material-symbols-outlined { color: black; font-size: 20px; }*/
.selected-box { background-color: #C51412; color: white !important; }
    .selected-box .material-symbols-outlined { color: white; }
.reset-button-div { width: 100%; display: flex; justify-content: end; padding-right: 10px;  }
.clear-filters-div { width: 130px; justify-content: space-between; height: 40px; background-color: var(--accent-btn-color); /*border: #F2F2F2 solid 1px;*/ color: white; margin-top: 0px; display: flex; align-items: center; padding: 0 15px; font-weight: 500; margin-left: 15px; font-weight: 500; border-radius: 10px; }
.clear-filters-div { opacity: 0.5; pointer-events: none; }
 .clear-filters-div.active { opacity: 1; pointer-events: auto; }
#cars-grid { display: flex; width: 100%; flex-wrap: wrap; justify-content: end; }
.grid-menu { display: none; background-color: white; min-height: fit-content;  border-radius: 10px; }
.add-margin-filters { display: none; }
/*.drop-status-div, .drop-color-div, .drop-monthly-div, .drop-msrp-div, .drop-term-div, .drop-mileage-div, .add-margin-filters { display: none !important; }
*/
.filters-grid-div { display: flex; flex-direction: column; padding-left: 0px; padding-top: 5px; margin-top: 10px; background: var(--bg-color); }
.filters-Column { display: flex; flex-direction: column; padding-left: 0px; padding-top: 0px; align-items: center; width: 100%; }
.card { margin: 10px; height: 488px; width: 444px; background-color: white; padding: 20px 40px 20px 50px; border-radius: 10px; }
.interior-style{ margin-left: 10px;}
.card-circle { height: 10px; width: 10px; border-radius: 100%; margin-left: 10px; }
.color-ex-text { color: #999999; }
.card img { width: 80%; }
.card-title { font-size: 18px; }
.card-text { font-size: 16px; }
.card-top { border-bottom: 1.5px solid #cdcdcd; margin-top: 10px; margin-bottom: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.card-top span { margin-bottom: 0px; }
    .card-top p { margin-top: 6px; color: #999999; }
.car-title { color: #000; font-family: Roboto; font-size: 19px; font-style: normal; font-weight: 700; line-height: normal; }
.card-body{ display: flex; margin-top: 10px;}
.card-body-row1 { width: 70% }
.card-body-row2 { width: 30% }
.card-body-title { color: #4d4d4d; font-family: Roboto; font-size: 13px; font-style: normal; font-weight: 700; line-height: normal; }
.card-body-text { color: #999999; font-family: Roboto; font-size: 13px; font-style: normal; font-weight: 400; line-height: normal; }
.card-body-title-margin { /*margin-top: 24px;*/ height: 25%;}
.selected-col-drop { width: 211px; height: 52px; background-color: white; border-radius: 10px; display: flex; align-items: center; justify-content: space-evenly; font-weight: 500; position: relative; cursor: pointer; }
.card-footer-btn { text-decoration: none; display: flex; width: 130px; padding: 10px; justify-content: center; align-items: center; gap: 10px; border-radius: 4px; background: var(--red, #C51412); color: white; border: none; }
.footer-price-text { color: #000; font-family: Roboto; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; opacity: 0.4000000059604645; }
.footer-price-header { margin-bottom:4px; color: var(--black, #000); font-family: Roboto; font-size: 13px; font-style: normal; font-weight: 700; line-height: normal; }
.select-col-drop-box { display: none; width: 211px; height: fit-content; background-color: #f5f5f5; border-radius: 10px; position: absolute; z-index: 2; margin-top: 10px; }
.card-footer { display: flex; justify-content: space-between; border-top: 1.5px solid #cdcdcd; padding-top: 20px; margin-top: 20px; margin-bottom: 20px; }
.footer-price { display: flex; flex-direction: column;}
.col1-div { display: flex; margin-top:15px;}
.col1-div-child { width: 50%; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.right-grid-div { width: 80%}
.car-inventory { height: 20%}
.car-monthly { margin-top: 0px;}
.engine-trans-text { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 2; -webkit-box-orient: vertical; }
.car-engine { height: 40%; }
.left-grid-div { width: 20%;  }
    .check-container { margin-left: 15px; display: block; position: relative; padding-left: 35px; margin-bottom: 35px; cursor: pointer; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
    .check-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: white; border-radius:5px; }
.check-container:hover input ~ .checkmark { background-color: #ccc; }
.check-container input:checked ~ .checkmark { background-color: #C51412; }
.checkmark:after { content: ""; position: absolute; display: none; }
.check-container input:checked ~ .checkmark:after { display: block; }
.checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.check-container-top { margin-top: 20px; }
/*th.header-center-text { text-align: center !important; }*/

.check-span-fw { font-weight: bold;}
.filter-name-marg { display: flex; justify-content:space-between; font-size: 18px !important; font-weight: 500;}
.filters-Column { overflow: hidden;}
.col-2-btns { width: 95%; height: 45px; /*background-color: var(--btn-bg-color);*/ color: var(--text-color); border-radius: 10px; border: none; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center; padding: 0 15px; font-weight: 500; /*margin-left: 15px;*/ border: 1px solid gray; }
.icon-name { display: flex; }
.drop-color-btn { width: 95%; }
.plus-minus { font-size: 18px; }
.remove-icon { display: none;}
.icon-filter-text { display: flex; align-items: center; margin: 0 7px; font-size: 16px; font-weight: 500; }
#cars { font-size: 14px; border-radius: 10px; overflow: hidden; border-spacing: 0px; background: var(--cars-bg); display: none; box-shadow: 0px 10px 15px -5px rgba(186, 201, 255, 0.34),0px 10px 15px -5px rgba(186, 201, 255, 0.34),0px 0px 15px -4px rgba(186, 201, 255, 0.34); }
    #cars > thead > tr > th { text-align: center; /*background: black;*/ background: #ff000000; color: #25293a; border: none; white-space: nowrap; padding-top: 10px; padding-bottom: 10px; /*border-right: #565656 1px solid;*/ justify-content: center;}
    #cars > thead > tr > th:last-child {  border-right: #bbbbbb6b; }
/*.bg-msrp { background: var(--pillar-color) !important; }*/
        #cars > thead > tr > th::before { opacity: 1; display: none; }
        #cars > thead > tr > th::after { opacity: 1; display: none; }
#cars > tbody > tr > td { color: var(--text-color); /*border-bottom: 8px solid #1b1b1b;*/ /*border-right: #565656 solid 1px;*/ border-top: none; border-bottom: none; height: 100%; width: 140px; text-align: center; }
#cars > tbody > tr > td:last-child { border-right: none; }
.even td { padding-top: 8px !important; padding-bottom: 8px !important;  }
.even { background: #f9f9f9 !important; }
        #cars > tbody > tr > td:last-child { text-align: center; }
.no-image-class { text-align: center;}
#cars > tbody > tr > td.title-column-change { text-align: left; }
#cars > tbody > tr > td.dealer-title-info { text-align: left; }
#cars img { width: 100%; cursor: pointer;  display: block; padding-top: 3px; padding-bottom: 3px; }
    #cars .wd-w { margin-top: 5px; display: flex; justify-content: center; }
#cars .wd { background: var(--accent-btn-color); border-radius: 10px; color: white; /* padding: 5px;*/ cursor: pointer; transition: background .3s; text-decoration: none; height: 38px; display: flex; align-items: center; width: 90px; justify-content: space-evenly; }
      /*  #cars .wd:hover { background: #625DF5; }*/
    #cars .vin { margin-top: 0px; margin-bottom: 5px; }
        #cars .vin > a { font-size: 13px; opacity: 0.7; text-decoration: underline; color: var(--text-color); }
#cars .colors > .col > .circle-w { display: inline-block; border: solid 1px #25293a; padding: 2px; border-radius: 20px; vertical-align: -4px; }
        #cars .colors > .col > .circle-w > .circle { width: 10px; height: 10px; border-radius: 10px; }
    #cars .colors > .col > .t { width: 30px; display: inline-block;  }
    #cars .colors { display: flex; justify-content: start; flex-direction: column; }
    #cars .colors .col { margin-bottom: 10px; }
.col-colors { display: flex; align-items: center;}

/* #cars .colors > .col:not(:first-child) { margin-top: 8px; }*/
#cars .stock-num { font-size: 13px; opacity: 0.7; color: #10131e; }
    #cars .window-sticker { font-size: 13px; opacity: 0.7; text-decoration: underline; color: #10131e; display: block; }
    #cars .monthly-info { vertical-align: -6px; margin-left: 5px; cursor: pointer; }
    #cars .mmr { text-decoration: none; }
.feature-search-div .drop-box { margin-bottom: 10px; padding: 10px; max-height: 200px; height: fit-content; overflow: auto; background: var(--btn-bg-color); position: absolute; z-index: 2; margin-top: 58px; left: 6px; border-radius: 10px; border: 1px solid #cfcfcf; display: none; }
.drop-box-year { margin-bottom: 10px; padding: 10px; width: 95%; height: fit-content; background: var(--btn-bg-color);  /*position: absolute;*/ z-index: 2; margin-top: -10px; display: none; }
.drop-box-make { margin-bottom: 10px; padding: 10px; width: 95%; height: 200px; overflow: auto; background: var(--btn-bg-color);  /*position: absolute;*/ z-index: 2; margin-top: -10px; display: none; }
.drop-box-model { margin-bottom: 10px; padding: 10px; width: 95%; height: 200px; overflow: auto; background: var(--btn-bg-color);  /*position: absolute;*/ z-index: 2; margin-top: -10px; display: none; }
.drop-box-trim { margin-bottom: 10px; padding: 10px; width: 95%; height: 200px; overflow: auto; overflow-x: hidden; background: var(--btn-bg-color);  /*position: absolute;*/ z-index: 2; margin-top: -10px; display: none; }
.drop-box-style { margin-bottom: 10px; padding: 10px; width: 95%; height: fit-content; background: var(--btn-bg-color);  /*position: absolute;*/ z-index: 2; margin-top: -10px; display: none; }
.drop-box-drive { margin-bottom: 10px; padding: 10px; width: 95%; height: fit-content; background: var(--btn-bg-color);  /*position: absolute;*/ z-index: 2; margin-top: -10px; display: none; }
.feature-search-div .drop-box.general { left: -71px; }
.drop-box-status { margin-bottom: 10px; margin-top: 10px; padding-left: 0px; width: 100%; height: fit-content; background: var(--bg-color); /*position: absolute;*/ z-index: 2; margin-top: 0px; display: flex; text-align: center; }
    .drop-box-status .ck-2 { width: 40px; height: 20px; }
.drop-box-color { margin-bottom: 10px; padding: 10px; width: 95%; height: fit-content; background: var(--btn-bg-color);  /*position: absolute;*/ z-index: 2; margin-top: -10px; display: none; }
.drop-box-monthly { margin-bottom: 10px; text-align: center; padding: 0px 35px; height: fit-content;   /*position: absolute;*/ z-index: 2; margin-top: -10px; display: block; }
.drop-box-msrp { margin-bottom: 10px; text-align: center; padding: 0px 35px; width:100%; height: fit-content;   /*position: absolute;*/ z-index: 2; margin-top: -10px; display: block; }
.drop-box-term { margin-bottom: 10px; padding: 10px; width: 100%; height: 150px; background: var(--btn-bg-color);  /*position: absolute;*/ z-index: 2; margin-top: -10px; display: none; text-align: center; }
.drop-box-mileage { margin-bottom: 10px; padding: 10px; width: 100%; height: 150px; background: var(--btn-bg-color);  /*position: absolute;*/ z-index: 2; margin-top: -10px; display: none; text-align: center; }
.drop-box-dealer { color: var(--text-color);  margin-bottom: 10px;  padding-bottom: 50px; width: 475px; height: fit-content; background: var(--btn-bg-color); border-radius: 10px; /*border-top-left-radius: 0px; border-top-right-radius: 0px;*/ /*border: solid 1px black;*/ position: absolute; z-index: 2; margin-top: -46px; display: none; text-align: center; left: -5px; /*box-shadow: 10px 5px 5px #f5f5f5;*/ }
.dropdown { position: relative; cursor: pointer; }
.slider-head { font-size: 12px; font-weight: bold; }
.ui-slider-handle.ui-corner-all.ui-state-default:last-child { right: 0; }
/*.drop-box-padding { padding-left: 0px !important; }*/
.drop-box-color .c { margin-top: 0px; }
.bottom-filters { margin: auto; margin-top: 20px; }
.behind-filters { }
.drop-dealership-btn { display: none;}
.column-view { display: flex; }
.grid-view { display: flex; }
.move-drop-box .drop-box-dealer .i { font-size: 13px; text-align: left; margin-top: 10px; margin-left: 0px !important; line-height: 18px; }
.move-drop-box { display: none; width: 300px; height: fit-content; background: white /*#f1f1f1*/;  position: absolute; top: 45px; z-index: 40; color: black; left: 5px;}
.grid-container { width: 100%; display: flex; justify-content: end; justify-content: end; margin-top: 15px; margin-bottom: 7px; }
#cars_wrapper { margin-top: 0px; overflow: auto; }
#cars_length { top: 0; right: 0; float: right; }
    #cars_length select { border: none; color: #25293a; font-size: 13px; font-weight: 500; border-radius: 5px; cursor: pointer; }
.has-images .img-cell { position: relative; text-align: center; padding: 0 5px; }
    .has-images .img-cell > .in-transit { position: absolute; bottom: 0; left: 0; }
#cars { width: 100% !important;}
#import-date { position: absolute; /* top: 10px; */ font-size: 12px; /* margin-left: 40px; */ color: black; margin-top: -5px; }
/*#free-text-w { margin: 5px 0 5px 20px; }*/
#free-text { outline: none; border: none; padding: 5px 10px; border-radius: 10px; margin-right: 7px; height: 41px; }
.add-width-feed { width: 175px !important;}
.footer { display: none; }
.arrow-dealer { position: absolute; right: 8px; cursor: pointer; color: var(--text-color); top: 25px; }
.arrow-dealer-no-show { display: none; }
/*Header with search and vin*/
.vin-header { color: var(--text-color); height: 74px; width: 100%; top: 0; background: var(--bg-color); /* left: 220px; */ display: none; justify-content: flex-end; align-items: center; }
#free-text-w.mobile-only { display: none; }
#vin-msrp.mobile-only { display: none; }
/*#vin-msrp .fields { display: flex; }*/
#dealers-search-new { display: none; align-items: end; position: relative; margin-right: 0px; width: 85%; }
#dealers-search-new-btn { display: flex; align-items: center; position: relative; margin-right: 0px; }
.list-search-div { height: 400px; overflow-y: auto; padding-left: 20px; margin-top: 15px;  }
#selected-filters-box .remove-filter-btn { width: fit-content; margin-bottom: 7px; margin-top: 7px; }
.title-button-div { font-size: 16px; font-weight: 500; color: var(--search-head-color) }
.blue-box { color: white; cursor: pointer; width: 25px; height: 25px; background-color: var(--accent-btn-color); border-radius: 7px; display: flex; justify-content: center; align-items: center; }
.blue-box span { font-size: 15px; }
.title-button-div { display: flex; width: 90%; align-items: center; justify-content: space-between; margin: auto; margin-top: 5px; margin-bottom: 5px;   }
    .title-button-div.feature { justify-content: end;}
 #selected-filters-box::-webkit-scrollbar { height: 4px; width: 4px; }
#selected-filters-box::-webkit-scrollbar-thumb { background-color: #f0f0f0; border-radius: 5px; }
#selected-filters-box { width: 215px; max-height: 80px; display: flex; overflow-x: auto; overflow-y: auto; padding-top: 2px; padding-bottom: 2px; flex-wrap: wrap; }
#dealers-input-new { cursor: pointer; width: 100%; font-size: medium; background: aliceblue; position: relative; padding: 5px 10px; margin-left: 0px; height: 41px; border-radius: 10px; border: none; border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-left: none; padding-left: 0; border: 1px solid #25293A; border-left: none; }
    #dealers-input-new:focus { outline: none; }

.dealers-input-button { padding-left: 10px; color: var(--text-color); display: flex; justify-content: center; align-items: center; border-radius: 10px; width: 46px; height: 41px; background: aliceblue; border-top-right-radius: 0px; border-bottom-right-radius: 0px; cursor: pointer; border: 1px solid #25293A; border-right: none; }
.search-input-button { padding-left: 10px; color: var(--text-color); display: flex; justify-content: center; align-items: center; border-radius: 10px; width: 46px; height: 41px; background: #fafafa00; border-top-right-radius: 0px; border-bottom-right-radius: 0px; cursor: pointer; border: solid 1px #D9D9D9; border-right: none; margin-left: 7px; }
.dealers-input-button .material-symbols-outlined { font-size: 24px; }
#dealers-search-new-btn #dealers-input-new { width: 100%; color: black; padding-left: 15px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom: 1px solid #AFAFAF; border: none; border-left: none; background: white; border-bottom: 1px solid #AFAFAF; }
#dealers-search-new-btn .dealers-input-button { border-bottom-left-radius: 0px; border:none; border-bottom: 1px solid #AFAFAF; background: white; }
    #vin-msrp .fields input { width: 180px; height: 48px; border-radius: 10px; margin-right: 12px; }
#free-text-w { display: flex; align-items: center; width: 100%; margin-bottom: 20px; margin-top: 15px; } 
.move-drop-box-other { display: flex; width: 100%; }
.drop-box-other { width: 100%; }
.move-drop-box-status { width: 100%; }
/* .move-drop-box-other .drop-box-other .c .i { display: block !important;}*/
#free-text-w > #free-text { width: 100%; height: 41px; align-self: center; background: #fafafa00; font-size: 16px; font-weight: 500; color: black; border-top-left-radius: 0px; border-bottom-left-radius: 0px; padding-left: 0; border: solid 1px #D9D9D9; border-left: none; } 
#vin-msrp .btn-w button { width: 45px; height: 40px; }
.custom-deal-text { margin-left: 25px; display: flex; margin-right: 35px; cursor: pointer; }
.custom-deal-btn { user-select: none; height: 40px; display: flex; padding: 15px; justify-content: center; align-items: center; border-radius: 10px; background: #fff; cursor: pointer; display: none; }
.custom-deal-span { align-self: center; user-select: none; }
#left { display: none; }
.price-change::before { color: white; }
.price-change::after { color: white;}
.inner-container { padding-left: 0px; padding-right: 0px; }
.inner-container.grid-view { padding-left: 0; padding-right: 0px; }
.filters-grid-text { align-self:center;}
.feature-search-div { margin-top: 15px; display: flex; width: 100%;}
.add-margin-filters { margin-bottom: 15px; margin-left: 15px; display: none; color: inherit; /* blue colors for links too */ text-decoration: inherit; /* no underline */ }
.grey-filters-box { width: 35.445px; height: 35.445px; flex-shrink: 0; border-radius: 10px; background: #F2F2F2; margin-right: 10px; display: flex; justify-content: center; align-items: center;}
.desk-arrow { font-size: 14px; color: black; align-self: center; }
.circle-arrow { width: 20px; height: 20px; background-color: white; border-radius: 100%; display: flex; justify-content: center; justify-items: center; }
.row-for-filters{ width: 100%}
#cars-grid ul { display: contents; list-style-type: none;}
.column-div-view { display: flex;}
.column-view-left { width: 15%; padding-top: 5px;}
.column-view-right { width: 100%; padding-right: 30px; padding-left: 30px; padding-bottom: 150px; }
.mobile-menu-close { display: none;}
.menu-open-div { display: flex; justify-content: center; }
#spinner-w { position: absolute; top: 50%; width: 100vw; text-align: center; }
.options-list-title { color: var(--text-color); display: flex; /*margin-right: 10px;*/ align-self: center; align-items: center; display: flex; cursor: pointer; position: relative; justify-content: space-between; /*background: var(--btn-bg-color);*/ padding: 10px 17px; border-radius: 10px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; font-size: 13px; border: 1px solid gray; }
.options-list { /*overflow-x: auto; overflow-y: hidden;*/ /*flex-wrap: wrap;*/ align-items: center;  display: flex; justify-content: space-around; }
.option-list-drop-div { position: relative; }
.options-dropdown { overflow-x: auto; display: none; width: 215px; height: 200px; background: var(--btn-bg-color); z-index: 100; padding: 20px 10px; margin-bottom: 15px; font-size: 12px; text-align: left; color: var(--text-color); }
    .options-dropdown::-webkit-scrollbar { width: 4px; }
    .options-dropdown::-webkit-scrollbar-thumb { background-color: #f0f0f0; border-radius: 5px; }
  /*  .options-dropdown h2 { margin-left: 20px;}*/
    .options-dropdown .chk-1:checked:before { content: '\e876'; color: white; font-size: 13px; font-weight: 800; vertical-align: 1px; line-height: 1; font-family: 'Material Symbols Outlined'; }
    .options-dropdown .chk-1 { -webkit-appearance: none; min-width: 15px; height: 15px; border: solid 1px var(--check-border); border-radius: 5px; margin-right: 8px; vertical-align: -1px; }
    .options-dropdown .i { margin-bottom: 10px; }
    .options-dropdown .chk-1:checked { background: var(--accent-btn-color); }
.flip-arrow { color: #565656; font-size: 18px; }
.flip-now { transform: rotateX(180deg); }
.flip-now-2 { transform: rotateX(180deg);  }
.close-blue { display: none;}
.display-filters { display: none; }
.text-icon { display: flex; }
/*.make-options-list-of { display: flex; margin-bottom: 15px;}*/
.options-list-title { width: fit-content; height: fit-content /*60px*/; }
.options-list-margin { /*margin-bottom: 10px;*/ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin-left: 7px; }
    .options-list-margin
.border-add { border-bottom: 2px solid #C51412; }
.remove-margin { border-top-left-radius: 0px; border-top-right-radius: 0px; border-top: 1px white solid; }

.add-entries { width: 15%; position: absolute; right: 10px; top: -8px; color: black; font-size: 13px; }
.add-monthly { padding: 0px 0px; width: 100%; height: fit-content; background: #f5f5f5; border-radius: 0px; /*position: absolute;*/ z-index: 2; margin-top: 0px; display: flex; flex-direction: column;}
.dealers-menu-open-div { display: none; }
.left-mobile-menu-close { display: none; }
.fbo-settings-div { cursor: pointer; display: flex; margin-right: 0px; text-decoration: none; color: white; }
.fbo-settings-icon { width: 34px; height: 34px; border-radius: 10px; background: /*#25293A*/ #4C5060; color: white; display: flex; justify-content: center; align-items: center; margin-right: 21px; }
.fbo-span-text { display: flex; justify-items: center; align-items: center; }
.setting-profile-div { display: flex; margin-right: 0px; align-items: center; }
.fbo-red-circle { width: 54px; height: 54px; background: #C51412; border-radius: 100%; color: white; display: flex; justify-content: center; align-items: center; margin-right: 20px; margin-left: 20px; }
.fbo-header { color: var(--gray, #F1F1F1); font-family: Roboto; font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; }
.fbo-sub-header { color: var(--gray, #F1F1F1); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; }
.fbo-text { display: flex; flex-direction: column; }
.fbo-profile-div { cursor: pointer; display: flex; text-decoration: none; color: white; }
.settings-text { margin-top: 10px; }
.vin-logo-header { text-decoration: none; color: white; cursor: pointer; }

svg { margin-right: 10px; }
.zip-code-div { margin-right: 15px; align-items: center; color: var(--text-color) }
#deals-links a { color: black; }
.drop-down-arrow { color: white; align-self: center; }
#drop-settings { position: relative; }
.settings-menu { color: black; }
#reports-links a { color: black; }
.rotate-arrow { transform: rotate(180deg); }
.deals-header { border-bottom: 1px solid #e1e1e1; padding-bottom: 8px; }
.my-profile { margin-bottom: 15px; }
.add-margin-deals { margin-top: 20px; }
.settings-link { display: flex; text-decoration: none; color: black; margin-top: 0px; margin-bottom: 10px; align-items: center; }
.my-profile span { display: none; }
.add-margin-settings { margin-left: 7px; }
#deals-links > a:hover { background: #f2f2f2; }
#reports-links > a:hover { background: #f2f2f2; }

.grid-item-a { grid-area: header; border-left: solid 1px #D2D2D2; border-bottom: solid 1px #D2D2D2; }
.grid-item-b { grid-area: main; border-left: solid 1px #D2D2D2; overflow: auto; height: 100vh;/*padding-bottom: 200px;*/ }
.grid-item-c { grid-area: sidebar; border-bottom: solid 1px #D2D2D2; }
.grid-item-d { grid-area: sidebar2;  position: relative; height: fit-content; }
.grid-item-e { grid-area: sidebar3; margin: auto; height: 100%; text-align: center; flex-direction: column; align-items: center; position: relative; width: 100%; /*overflow-x: auto;*/ padding-bottom: 100px; }
    .grid-item-e::-webkit-scrollbar { width: 4px; }
    .grid-item-e::-webkit-scrollbar-thumb { background-color: #5671ff; border-radius: 5px; }
/*.odd { background: var(--table-odd) !important; }*/
/*.grid-item-d-border { border-bottom: solid 1px #D2D2D2; }*/
.img-cell { margin: 0px !important; }
.new-grid-container { height: 100vh; display: none; grid-template-columns: 14% 86%; grid-template-rows: /*76px */auto auto; grid-template-areas:
        /*"sidebar header header header"*/
        "sidebar2 main main main"
        "sidebar3 main main main"; }
.number-inner { display: flex;  }
.make-grid-smaller { grid-template-columns: 0% 100%; }

.menu-open-button { display: none; }
.close-open-btn { width: 60px; height: 60px; background: grey; color: white; display: flex; justify-content: center; align-items: center; margin-left: 30px; border-radius: 6px; cursor:pointer; }
.close-blue span { font-size: 30px; }
.number-input-label { font-size: 15px; font-weight: 700; margin-left: 10px; color: var(--text-color); text-align: left; }
.best-msrp {  /*background-color: var(--pillar-color) */}
.for-entries { display: flex; justify-content: center;}
#filter { max-height: 76vh; }
/*.blue-circle-dealer { display: none; }*/
.blue-circle { font-size: 11px; border-radius: 100%; width: 19px; height: 19px; background: var(--accent-btn-color); color: white; display: flex; justify-content: center; align-items: center; position: absolute; right: 87px; }
.blue-circle-dealer { font-size: 11px; border-radius: 100%; width: 19px; height: 19px; background: var(--accent-btn-color); color: white; display: flex; justify-content: center; align-items: center; position: absolute; right: 74px; }

.paginate_button, .previous{ background: red;  }
.change-bottom-border { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
.change-bottom-border-btn { border-bottom-right-radius: 0px;  border-bottom-left-radius: 0px}
.footer { position: fixed; bottom: 0px; border-top: 1px var(--accent-btn-color) solid; width: 269px; height: 60px; background: var(--bg-color); justify-content: center; box-shadow: 0px -41px 71px 43px var(--bg-color),0px 10px 15px -3px rgba(0,0,0,0.1); }
.no-shadow { box-shadow: none; }
.border-remove { border-bottom: none; }
.hide-the-div { display: none; }
.dataTables_length { }
.dark-light { padding: 10px 15px; width: fit-content; background: #E9E9E9; color: white; cursor: pointer; width: 75px; height: 40px; border-radius: 20px; display: flex; justify-content: space-around; align-items: center; }
.dark { color: #949494; min-height: 30px; min-width: 30px;  border-radius: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer; }
.light { color: #949494; min-height: 30px; min-width: 30px; border-radius: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer; }
.mode-selected { background: black; color: white; }
.dark span { font-size: 18px; }
.light span { font-size: 18px; }
.input-wrapper input { background-color: var(--bg-color); }
.hide-for-now { display: none; }
#cars_info { color: var(--text-color)}
.paginate_button .previous { display: none; }
#feature-filters-div { width: 850px; /*height: 38px;*/ display: flex; padding-top: 2px; padding-bottom: 2px; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; }
    #feature-filters-div::-webkit-scrollbar { height: 4px; width: 4px; }
    #feature-filters-div::-webkit-scrollbar-thumb { background-color: var(--accent-btn-color); border-radius: 5px; }
    #feature-filters-div .remove-filter-btn { width: fit-content; margin-bottom: 7px; margin-top: 7px; }
.scroll-btn span { position:absolute; right: 25px; bottom: 55px;  color: var(--scroll-btn-text); background: var(--scroll-btn); font-size: 15px; width: 25px; height: 25px; border-radius: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer; z-index: 100; }
.scroll-btn { display: none; }
.scroll-btn-arrow { transform: rotate(90deg); }
.scroll-btn-arrow-up { transform: rotate(-90deg); }
#vin-msrp .blue-circle { display: none; }
.cd-filters-drop-2 { display: none; margin-right: 15px; margin-bottom: 0px;}
    .cd-filters-drop-2 .col-2-btns-new { margin-bottom: 0px; }
.col-2-btns-new { cursor:pointer; width: 140px; height: 40px; background-color: var(--btn-bg-color); color: var(--text-color); border-radius: 10px; border: none; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center; padding: 0 15px; font-weight: 500; /*margin-left: 15px;*/ }
.drop-year-div-cd { position: relative; }
.drop-make-div-cd { position: relative; }
.drop-model-div-cd { position: relative; }
.drop-trim-div-cd { position: relative; }

.drop-year-div-cd .drop-box-year { position: absolute; left: 0; top: 55px; border-radius: 10px; }
.drop-make-div-cd .drop-box-make { position: absolute; left: 0; top: 55px; border-radius: 10px; }
.drop-model-div-cd .drop-box-model { position: absolute; left: 0; top: 55px; border-radius: 10px; }
.drop-trim-div-cd .drop-box-trim { position: absolute; left: 0; top: 55px; border-radius: 10px;}
/*.left { display: none; }
.right { display: none; }*/
.dark-light { display: none; }
.pag-arrows { font-size: 14px; color: white; display: flex; justify-content: end; align-self: center; }
.paginate_button { margin-right: 10px !important;}
.dataTables_wrapper .dataTables_paginate { text-align: right; float: right; }
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { max-width: 30px; height: 30px; border-radius: 6px; background: black; color: white; }
    .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current { background: #1B1B1B; color: white; border: white 1px solid; height: 30px; width: 30px; border-radius: 6px; border-radius: 6px; }
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { margin-top: 10px; }
    .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current { background: #ff000000; border: solid 1px var(--pag-btn-bord); color: var(--text-color) !important; }
    .dataTables_wrapper .dataTables_paginate .paginate_button { color: #25293A !important; }
        .dataTables_wrapper .dataTables_paginate .paginate_button { width: fit-content; height: 30px; min-width:30px; padding: 5px; }
            .dataTables_wrapper .dataTables_paginate .paginate_button:hover { border-radius: 6px; background: #25293a; }
             .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { border-radius: 6px; background: #25293a; }
            .previous { background: #25293A !important; border-radius: 6px !important; display: flex !important; justify-content: end !important; align-items: center !important; }
.next { background: #25293A !important; border-radius: 6px !important; display: flex !important; justify-content: end !important; align-items: center !important; }
#cars_paginate { display: flex; align-items: center; }
#filters { overflow-y: auto; }
.zipcode-flex { display: flex; margin-bottom: 0px; margin-top: 0px;  }
.pin-point { font-size: 22px;}
.zip-code { width: 100%; text-align: center; padding-left: 9px; }
.settings-icon { font-size: 21px; }

.cd-filters-drop { cursor: pointer; display: none; align-items: start; text-align: left; width: 140px; height: 40px; background: var(--cd-bg); border-radius: 10px; color: black; font-size: 15px; margin-right: 15px; padding-left: 20px; }

.fields .custom-deal-hide-div { display: none; }
.custom-deal-hide-div { display: none; }
table.dataTable.no-footer { border-bottom: none;}
/*.add-more-margin { margin-bottom: 25px; }*/
.best-montly-btn:hover span { display:none; }
.best-montly-btn:hover:before { content: "Click to Desk" }
.best-monthly-link { text-decoration: none; display: flex; justify-content: center; }
.dealer-title-info { text-align: left; padding-left: 26px;}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { border: none; }
    .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody::-webkit-scrollbar { height: 4px; width: 4px; }
    .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody::-webkit-scrollbar-thumb { background-color: #f0f0f0; border-radius: 5px; }
thead { background: #f9f9f9; color: black; }
.best-monthly-head { color: var(--accent-btn-color); display: flex; }
.first-header { border-top-left-radius: 15px; padding-left: 15px !important; }
th:last-child { border-top-right-radius:15px }
.dataTables_scrollBody { border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }
.dataTables_scroll { border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }
.dealer-title-info { text-align: left; padding-left: 15px;}
td.msrp-bold { font-weight: 800; color: #757575 !important; /*padding-left: 25px !important;*/ }
td.body-td-padding { /*padding-left: 20px !important;*/ }
.dataTables_scroll { box-shadow: 0px 10px 15px -5px rgba(186, 201, 255, 0.34),0px 10px 15px -5px rgba(186, 201, 255, 0.34),0px 0px 15px -4px rgba(186, 201, 255, 0.34); }
.best-montly-btn { background: #eaeff9; border-radius: 10px; color: black !important; /* padding: 5px;*/ cursor: pointer; height: 38px; display: flex; align-items: center; width: 90px; justify-content: space-evenly; width: 105px; font-weight: 900; }
/*.number-input-divs { margin-top: 5px;  }*/
/*.badges-col-1 { display: none;}*/
.search-inputs-section { display: flex; width: 20%; }
.best-msrp-side { }
table.dataTable thead .sorting_asc { background-image: url("../img/arrowUp.png"); }
table.dataTable thead .sorting_desc { background-image: url("../img/arrowDown.png"); }
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before { font-family: 'Material Symbols Outlined'; font-size:24px !important; right: 20px !important; content: "arrow_drop_up" !important; }
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after { font-family: 'Material Symbols Outlined'; content: "arrow_drop_down" !important; font-size: 24px !important; right: 20px !important; }

table.dataTable thead th { position: relative; background-image: none !important; }

.dataTables_wrapper .dataTables_paginate .ellipsis { cursor: pointer; color: black; }
.filter-area { display: flex; flex-direction: column; width: 100%;}
.add-msrp { width: 100%; }
.make-side-close { margin-left: 185px; }
table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting_asc_disabled, table.dataTable thead > tr > th.sorting_desc_disabled, table.dataTable thead > tr > td.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting_asc_disabled, table.dataTable thead > tr > td.sorting_desc_disabled { padding-right: 10px;}
.make-sticky { width: 100%; display: none; }
.blue-circle-dealer.for-search-dealer { top: 27px; }
.show-filters-mobile { display: flex; }
.filters-col-title-btn { display: none;}
.best-col-title-btn {display: none;}
.search-col-title-btn { display: none; }
.search-single-col-title-btn { display: none; }
#dealers-search-new .blue-circle-dealer { right: 45px; }
.mobile-msrp-text { display: none;}
.title-feed-span { margin-top: 10px; }
.add-import { display: none; }
.click-msrp { display: none}
.click-monthly { display: none;}
.pipe-mobile { display: none; }
.col-w.disabled + .color-name { color: #00000036; cursor: not-allowed; }
/*#f-color > .side > .c > .col-w.disabled { display: none; }
#f-color > .side > .c > .col-w { display: block;}*/
.settings-dropdown { overflow: auto; border: solid 1px #d6d6d6; top: 40px; height: 80vh; }
@media (max-width: 500px) { .new-grid-container { height: 100vh; display: grid; display: grid; grid-template-columns: 100%; grid-template-rows: /*76px */ auto auto; grid-template-areas:
            "sidebar2"
            "sidebar3" 
            "main"; }
    #main {
        overflow: auto;
    }
    .grid-item-e {
        height: 100%;
        overflow:initial;
        display: flex;
        padding-bottom: 0px;
    }
    #mobile-header { display: none;}
    .grid-item-b { overflow: inherit; padding-bottom: 0px; }
    .col-2-btns { width: 85%;}
    #filters-cv-container .filter { width: 100%;}
    .filters-Column { width: 100%; padding-bottom: 0px; padding-top: 10px;}
/*    .filter { display:flex; justify-content: center; }*/
    .column-view-right { padding-bottom: 20px; position: relative; }
    .row-for-filters-first { flex-direction: column; }
    .search-inputs-section { width: 75%; }
    .number-inner { justify-content: center; }
    .number-input-label { margin-left: 27px;}
    .badges-col-1 { padding: 0 22px; }
    #options-list { flex-direction: column; }
    .options-list { gap: 10px; }
    .option-list-drop-div { width: 100%; }
    .options-list-title { width: 100%; }
    .options-list-margin { margin-left: 0px; }
    .arrow-dealer { top: 10px; }
    .column-view-right { padding-bottom: 130px; }
    .badges-col-1 { padding: 0 25px; }
    #free-text-w  { padding: 0 23px; margin-bottom: 26px }
    .dealer-title-info { display: -webkit-box; /*-webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;*/ }
    .filters-Column { display: none; }
    .best-msrp-side { display: none; }
    .row-for-filters-first { display: none; }
    .flip-arrow { position: absolute; right: 10px; font-size: 22px; }
    .filters-col-title-btn { display: flex; justify-content: space-between; text-align: center; width: 85%; height: 25px; padding: 0px 28px; margin-bottom: 6px; color: black; cursor: pointer; background: #ededed; border-radius: 7px; align-items: center; color: #2954ED; font-weight: 600; font-size: 16px; height: 60px; justify-content: center; position: relative; }
    .best-col-title-btn { display: flex; justify-content: space-between; width: 85%; height: 25px; padding: 0px 28px; margin-bottom: 6px; color: black; cursor: pointer; background: #ededed; border-radius: 7px; align-items: center; color: #2954ED; font-weight: 600; font-size: 16px; height: 60px; justify-content: center; position: relative; }
    .search-col-title-btn { display: flex; justify-content: space-between; width: 85%; height: 25px; padding: 0px 28px; margin-bottom: 6px; color: black; cursor: pointer; background: #ededed; border-radius: 7px; align-items: center; margin: auto; color: #2954ED; font-weight: 600; font-size: 16px; height: 60px; justify-content: center; position: relative; }
    .search-single-col-title-btn { display: none; justify-content: space-between;height: 25px; padding: 0px 28px; margin-bottom: 6px; color: black; cursor: pointer; background: #ededed; border-radius: 7px; align-items: center; margin: auto; color: #2954ED; font-weight: 600; font-size: 16px; height: 60px; justify-content: center; position: relative; }
    .move-search-here { position: relative; display: flex; justify-content: center; }
    .move-search-pop-up { position: relative; }
    .move-drop-box { width: 100%; }
    .drop-box-dealer { width: 100%; margin-top: -86px; }
    .search-inputs-section { width: 95%; }
    .blue-circle-dealer.for-search-dealer {  top: 12px; }
    .feature-search-div { margin-bottom: 20px; }
    .add-entries { position: absolute; right: 14px; top: -3px; }
    .dealer-title-info { display: none;}
    #cars img { width: 85px; }
    #cars > tbody > tr > td { text-align: left; font-size: 9px; }
    #cars .vin > a { font-size: 10px; }
    .drop-box-year { width: 85%; background: #f0f8ff; border: black 1px solid; }
    .drop-box-make { width: 85%; background: #f0f8ff; border: black 1px solid; }
    .drop-box-model { width: 85%; background: #f0f8ff; border: black 1px solid; }
    .drop-box-trim { width: 85%; background: #f0f8ff; border: black 1px solid; }
    .drop-box-drive { width: 85%; background: #f0f8ff; border: black 1px solid; }
    .drop-box-style { width: 85%; background: #f0f8ff; border: black 1px solid; }
    .drop-box-color { width: 85%; background: #f0f8ff; border: black 1px solid; }
    .mobile-msrp-text { width: 100%; display: flex; justify-content: center; gap: 5px; }
    .for-entries { display: none;}
    .add-import { display: flex;}
    .h1-black { color: black; }
    .click-msrp { display: flex; cursor: pointer; }
    .click-monthly { display: flex; cursor: pointer; }
    .best-monthly-desktop { display: none;}
    .pipe-mobile { display: flex; cursor: pointer; margin: 0 5px;}
   
}