.app-divider>div[data-v-7ee88c73] {
   min-height: calc(100vh - 20px);
   /* Adjust height considering header/footer */
}
.item-grid.uk-grid-small[data-v-7ee88c73] {
   margin-top: 5px;
}
.mb-nav-bar-filters[data-v-7ee88c73] {
   color: #fff;
   border-radius: 4px;
   background: #000;
}
.sticky-sidebar[data-v-7ee88c73] {
   position: sticky;
   top: 40px;
   max-width: 320px;
   /* Align with the bottom of the header */
   height: calc(100vh - 80px);
   /* Height of viewport minus header/footer */
   overflow-y: auto;
}
body.make-model .sticky-sidebar[data-v-7ee88c73] {
   overflow: visible;
   z-index: 9999;
}
body.make-model .sticky-sidebar[data-v-7ee88c73] {}
 
 /* Custom scrollbar styles */
.sticky-sidebar[data-v-7ee88c73]::-webkit-scrollbar {
   width: 0;
   /* Width of the scrollbar */
}
.sticky-sidebar[data-v-7ee88c73]::-webkit-scrollbar-track {
   background: #f1f1f1;
   /* Color of the track */
}
.sticky-sidebar[data-v-7ee88c73]::-webkit-scrollbar-thumb:hover {
   background: #888;
   /* Color of the thumb */
}
.sticky-sidebar[data-v-7ee88c73]::-webkit-scrollbar-thumb:hover {
   background: #555;
   /* Color of the thumb when hovered */
}
.item-condition .el-checkbox.is-checked[data-v-7ee88c73]::after {
   padding: 5px;
   border-radius: 20px;
   box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.1);
}
.sidebar[data-v-7ee88c73] {
   width: 300px;
   padding: 10px;
}
.filter-list .filter-item[data-v-7ee88c73] {
   padding: 10px 0;
}
.toggle-bar[data-v-7ee88c73] {
   padding: 10px 0;
   border-radius: 5px;
}
body.list-view .toggle-bar[data-v-7ee88c73] {
   background-color: transparent;
}
.uk-button.uk-active[data-v-7ee88c73] {
   background: #f0f0f0;
   border-color: #333;
}
.uk-toggle-view[data-v-7ee88c73] {
   margin: 3px 0 0 5px !important
}
.uk-toggle-view .uk-button[data-v-7ee88c73] {
   min-width: 44px !important;
   height: 44px !important;
   padding: 0 !important;
   display: inline-flex !important;
   align-items: center !important;
   justify-content: center !important;
   border-radius: 25px !important;
   border: none;
   background: #ffffff !important;
}
.uk-toggle-view .uk-button[data-v-7ee88c73]:first-child {
   margin-right: 8px !important;
}
.uk-toggle-view .uk-button.uk-active[data-v-7ee88c73] {
   background: #DCDFE6 !important;
}
.uk-toggle-view .uk-button span[uk-icon][data-v-7ee88c73] {
   color: #000000 !important;
   font-weight: 700 !important;
}
.sales-navbar-sticky .nav-bar-filters[data-v-7ee88c73] {
color: #fff;
background-color: #000;
}
.sales-navbar-sticky .uk-button[data-v-7ee88c73] {
padding: 14px 20px;
line-height: 3px;
}
.nav-bar-filters-cear-all[data-v-7ee88c73] {
  color: #fff;
padding: 22px 20px!important;
line-height: 3px;
background-color: #c3002f;
}
.sales-navbar-sticky .uk-navbar-nav[data-v-7ee88c73] {
gap: 10px;
}
@media screen and (min-width: 1200px) {
.toggle-bar[data-v-7ee88c73] {
     margin: 0 10px;
}
}
@media (max-width: 968px) {
 
   /* Adjustments for smaller screens */
.sticky-sidebar[data-v-7ee88c73] {
     max-width: 0;
     height: auto;
     position: relative;
}
}