.sidebar .os-scrollbar-handle {
  background-color: #a9a9a9 !important;
}

.nav-sidebar > li > .nav-link.active {
  background-color: var(--uni-primary) !important;
}

.nav-sidebar > li > .nav-link.active img {
  filter: brightness(0) invert(1);
}

.nav-sidebar > li > .nav-link.active p {
  color: #fff !important;
}

.nav-sidebar .nav-treeview a {
  background-color: rgba(222, 226, 230, .6);

  display: flex;
  gap: 10px;
}

.nav-sidebar .nav-treeview a.active {
  background-color: var(--uni-primary) !important;
  color: #fff !important;
}

.nav-sidebar .nav-treeview a.active img {
  filter: brightness(0) invert(1);
}

.nav-sidebar .nav-treeview p {
  flex: 1 0 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}