#main { padding: 0px 0px; background: #f0f8ff; font-size: 13px; }
#filters { letter-spacing: .08em; margin: 0 30px 20px 30px; }
    #filters label { font-size: 10px; color: #9f979d; font-weight: 500; text-transform: uppercase; margin-right: 10px; }
        #filters label > input { vertical-align: -3px; }
    #filters input { border: solid 1px #c2c2c2; padding: 2px 10px; }
    #filters > .line { margin-bottom: 14px; }
    #filters select { height: 30px; padding: 0 10px; }
.bootstrap-select { border: solid 1px #c2c2c2; }
.statuses-popup { position: absolute; z-index: 10; }
    .statuses-popup > .i { padding: 5px 10px; min-width: 100px; cursor: pointer; }
.cell-with-status { cursor: pointer; min-height: 20px; }
.commission-link { cursor: pointer; font-weight: bold !important; }
#req-perm-d .why { width: 100%; }
#date-btns { display: inline-flex; }
    #date-btns > .b { background: green; text-align: center; color: white; width: 100px; padding: 5px 0; cursor: pointer; display: flex; justify-content: center; align-items: center; }
        #date-btns > .b:not(:last-child) { border-right: solid 1px #fff; }
        #date-btns > .b.active { background: #02da02; color: black; }
#main-table { width: 100% !important;}
#average-tdp-w { margin-left: 30px; }
    #main-table > tfoot { font-weight: bold; }
        #main-table > tfoot > tr > td { vertical-align: bottom; }
#main-table_info { float: left; }
#charts-w { display: flex; margin: 40px; justify-content: center; flex-wrap: wrap; }
    #charts-w > .chart { min-width: 300px; flex: 1; }
#chart-type-w { text-align: center; }
    #chart-type-w > label { margin: 0 5px; }
.line-1 select { height: 49px !important; padding: 0 20px; /*border: #d1d1d1 1px solid;*/ border: none; border-radius: 5px; }
.line-2 input { height: 35px; border: none; border-radius: 5px; }
.line-2 .b { height: 35px; margin-left: 7px; }
#left { background: black; }
.left-mobile-icon-close { display: none;}
thead tr { background-color: black; color: white;}
thead tr { border-top-left-radius: 10px; border-top-right-radius: 10px; }
table { margin-top: 15px;}
.dataTables_length { margin-bottom: 10px; }
/*thead tr { border-top-left-radius: 10px; }*/
/*.sales-header th:first-child { border-top-left-radius: 20px; }
.sales-header th:last-child { border-top-right-radius: 20px; }*/
.sorting::after { color: white; opacity: 1 !important; }
.sorting::before { color: white; opacity: 1 !important;}
#main { height: 100vh; }
#filters input { border: none; background: white;}
tbody > tr > td { background: white; color: #292f4cb3; border-bottom: 4px solid #f5f5f5 }
.fixed-h { height: 0px; }
.make-a-circle { color: #C51412; }
#left { display: none; }
.line-1 select { margin-bottom: 15px;}
.show-filters { display: none; }
.flip-now-2 { transform: rotateX(180deg); }
/*.dataTable thead { display: none; }*/
.menu-open-div { display: none; }

.dealers-menu-open-div { display: none; }
.left-mobile-menu-close { display: none; }
.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; }
/*.desking-logo { display: flex; align-items: center; margin-left: 45px; }*/
.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; }
svg { margin-right: 10px; }

#deals-links a { color: black; } 
.drop-down-arrow { color: white; align-self: center; display: none;  }
#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; }
#car-trims { border-radius: 10px; }
.header-h4 { margin-top: 0px; padding-top: 15px; }
.scroll-wrap { margin: 0 25px; }
.dataTables_scrollHead { border-top-left-radius: 20px; border-top-right-radius: 20px; height: 10px; }
@media only screen and (max-width: 425px) { .show-filters { display: flex; justify-content: end; align-items: center; margin-bottom: 15px; cursor: pointer; }
    .line-1 { display: none; }
    .line-2 input { margin-bottom: 15px; }
    table.dataTable { width: 1088px; }
    #main { height: 100%; }
    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { text-align: end; }
    .header-h3 { margin-bottom: 15px;}
    .sales-header th:first-child { border-top-left-radius: 10px; }
.sales-header th:last-child { border-top-right-radius: 10px; }
    .left-mobile-icon-close { display: flex;}
    #left { background: white; color: black; }
    .menu-open-div { width: 100%; display: none; margin-top: 13px; /*margin-bottom: 13px;*/ }
    #reports-links a { color: black; }
    .menu-open-button { width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; border: 2px solid #dddddd; border-radius: 10px; }


    .fbo-red-circle { display: none; }
    .fbo-text { display: none; }
    .fbo-settings-icon { display: none; }
    .desking-logo { margin-left: 15px; }
    .setting-profile-div { margin-right: 15px; }
    .fbo-settings-div { margin-right: 15px; }
    .settings-dropdown { left: 45%; }
}