:root {
  /* sidebar */
  --sidebar-bg: #fff;
  --sidebar-border: #efefef;

  /* scrollbar sizes */
  --sb-width-sidebar: 6px;
  --sb-width-body: 7px;

  /* scrollbar colors */
  --sb-track-bg: #f3f3f3;
  --sb-thumb-bg: #c6c6c6a6;

  /* body scrollbar radii */
  --sb-track-radius: 6px;
  --sb-thumb-radius: 6px;
}

html.dark {
  --sidebar-bg: #0f172a;
  --sidebar-border: transparent;
  --sb-track-bg: #f3f3f30d;
  --sb-thumb-bg: #ffffff3b;
}


/* SIDEBAR */
.fi-sidebar-nav {
  background: var(--sidebar-bg);
  border-right: 1px solid var(--sidebar-border);
  overflow-y: auto;
}

.fi-sidebar-nav::-webkit-scrollbar {
  width: var(--sb-width-sidebar);
}

.fi-sidebar-nav:hover::-webkit-scrollbar-track {
  background: var(--sb-track-bg);
  border-radius: var(--sb-track-radius);

}

.fi-sidebar-nav:hover::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-bg);
  border-radius: var(--sb-track-radius);

}


/* PAGE BODY */
body::-webkit-scrollbar {
  width: var(--sb-width-body);
}

body:hover::-webkit-scrollbar-track {
  background: var(--sb-track-bg);
  border-radius: var(--sb-track-radius);
}

body:hover::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-bg);
  border-radius: var(--sb-thumb-radius);
}

/* business list stats style  */

.edit-business-stats{
  display: grid !important ;
    grid-template-columns: repeat(6, 1fr) !important ;
}

@media (max-width: 1366.98px) {  
.edit-business-stats{
    grid-template-columns: repeat(4, 1fr) !important ;
}
}

@media (max-width: 991.98px) {  
  .edit-business-stats{
      grid-template-columns: repeat(3, 1fr) !important ;
  }
  }

@media (max-width: 767.98px) {  
  .edit-business-stats{
      grid-template-columns: repeat(2, 1fr) !important ;
  }
}

@media (max-width: 575.98px) {  
  .edit-business-stats{
      grid-template-columns: repeat(1, 1fr) !important ;
  }
}