/* Sidebar */
.sidebar {
  z-index: 9999;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(36, 36, 36, 0.39);
}


/* Sidebar Nav */
.nav-sidebar .nav-link.disabled,
.nav-link.disabled span {
  color: grey !important;
}

.nav-sidebar .nav-item {
  transition: 0.3s;
}

.nav-sidebar .nav-item:hover {
  background-color: #e9ecef !important;
  color: #713FBD !important;
  border-left: 4px solid #713FBD !important;
}

.nav-sidebar .nav-item.disabled:hover {
  background: #6b6b6b38;
  color: white !important;
}

.nav-sidebar .nav-item:hover .nav-link {
  color: #713FBD !important;
}

.nav-sidebar .nav-item:hover .nav-link span {
  color: #713FBD !important;
}

.nav-sidebar .nav-item.active {
  /* background-color: #ff6464; */
  background: linear-gradient(119.35deg, #6B40BF -4.92%, #D13397 113.44%);
}

.nav-sidebar .nav-item.active .nav-link {
  color: white !important;
}

.nav-sidebar .nav-item.active .nav-link span {
  color: white !important;
}

.nav-item a {
  cursor: pointer;
}

.nav-sidebar .nav-link {
  font-size: 13.5px;
}

.border-top {
  border-width: 2px !important;
}

.nav-sidebar .h-100 {
  /* scrollbar-width: none; */
}

.bg-custom-menu {
  background-color: #ececec;
  transition: box-shadow 400ms;
}

.bg-custom-menu:hover {
  box-shadow: 2px 2px 5px #D13397;
}

.menu-link:hover {
  text-decoration: none;
}

.menu-link.disabled {
  opacity: 0.5 !important;
}

.menu-link.disabled>.bg-custom-menu {
  opacity: 0.5 !important;
}

.text-darker-purple {
  font-weight: 450;
  font-size: 14px;
}

.custom-icon {
  font-size: 1.6em !important;
}