#sidenav-main .navbar-nav .nav-link {
  border-radius: .375rem;
  transition: background-color .15s ease, color .15s ease;
}

#sidenav-main .navbar-nav .nav-link > i {
  color: var(--success);
  transition: color .15s ease;
}

#sidenav-main .navbar-nav .nav-link:hover,
#sidenav-main .navbar-nav .nav-link:focus {
  background-color: rgba(0, 0, 0, .08);
  color: var(--primary);
}

#sidenav-main .navbar-nav .nav-link:hover .nav-link-text,
#sidenav-main .navbar-nav .nav-link:focus .nav-link-text {
  color: var(--primary);
}

#sidenav-main .navbar-nav .nav-link[data-toggle='collapse']:after {
  color: var(--primary);
}

#sidenav-main .navbar-nav .nav-link.active[data-toggle='collapse']:after {
  color: var(--lightblue);
}

#sidenav-main .nav-sm .sidenav-mini-icon {
  opacity: 1;
}

#sidenav-main .navbar-nav .nav-link.active > i,
#sidenav-main .navbar-nav .nav-link.active .nav-link-text,
#sidenav-main .navbar-nav .nav-item.active > .nav-link > i,
#sidenav-main .navbar-nav .nav-item.active > .nav-link .nav-link-text {
  color: var(--lightblue);
}

#sidenav-main .nav-sm .nav-link {
  margin: 0 .75rem;
  border-radius: .375rem;
}

#sidenav-main .nav-link.active,
#sidenav-main .navbar-nav .nav-item.active > .nav-link {
  background-color: #fff;
  color: var(--lightblue);
}

#sidenav-main.bg-dark .navbar-nav .nav-link:hover,
#sidenav-main.bg-dark .navbar-nav .nav-link:focus {
  background-color: rgba(255, 255, 255, .14);
  color: #fff;
}

#sidenav-main.bg-dark .navbar-nav .nav-link:hover .nav-link-text,
#sidenav-main.bg-dark .navbar-nav .nav-link:focus .nav-link-text {
  color: #fff;
}

#sidenav-main.bg-dark .navbar-nav .nav-link[data-toggle='collapse']:after {
  color: #fff;
}

#sidenav-main.bg-dark .navbar-nav .nav-link.active[data-toggle='collapse']:after {
  color: var(--lightblue);
}

#sidenav-main.bg-dark .navbar-nav .nav-link.active > i,
#sidenav-main.bg-dark .navbar-nav .nav-link.active .nav-link-text,
#sidenav-main.bg-dark .navbar-nav .nav-item.active > .nav-link > i,
#sidenav-main.bg-dark .navbar-nav .nav-item.active > .nav-link .nav-link-text {
  color: var(--lightblue);
}

#sidenav-main.bg-dark .nav-link.active,
#sidenav-main.bg-dark .navbar-nav .nav-item.active > .nav-link {
  background-color: #fff;
}