/* Sidebar styles */
html.semi-dark #sidebar {
  background-color: #171717;
  border-right: 1px solid rgb(228 228 228 / 0%);
}
html.semi-dark .logobox {
  background-color: transparent;
  border-right: 1px solid #e4e4e400;
  border-bottom: 1px solid rgb(255 255 255 / 15%);
  position: absolute;
}

html.semi-dark .menu-label {
  color: rgb(255 255 255 / 65%);
}
html.semi-dark #sidebar .logobox .sidebar-logo {
  color: #ffffff;
}

html.semi-dark .simplebar-scrollbar:before {
  background: rgba(255, 255, 255, 0.4);
}

html.semi-dark #sidebar .sidebar-nav,
html.semi-dark #sidebar .sidebar-nav:focus,
html.semi-dark #sidebar .sidebar-nav:hover {
  text-decoration: none;
  background-color: #171717;
}

html.semi-dark #sidebar .sidebar-nav a:active,
html.semi-dark #sidebar .sidebar-nav a:focus,
html.semi-dark #sidebar .sidebar-nav a:hover {
  text-decoration: none;
  background: rgb(8 7 7 / 15%);
}

html.semi-dark #sidebar .sidebar-nav span {
  text-decoration: none;
  color: rgb(255 255 255 / 85%);
}
html.semi-dark #sidebar .sidebar-nav i {
  text-decoration: none;
  color: rgb(255 255 255 / 85%);
}

html.semi-dark #sidebar .sidebar-nav ul {
  border: 1px solid #ffffff00;
  background-color: #171717;
}
html.semi-dark #sidebar {
  background-size: 100% 100%;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
}
html.semi-dark .text-dark {
  color: #d6d8d9 !important;
}
html.semi-dark .sidebar-link.active {
  background: transparent;
}

html.semi-dark .floating-submenu-global .submenu-item {
  background: #2a2a2a;
  color: #d6d8d9;
}
html.semi-dark .toggle-btn i {
  color: #e4e5e6 !important;
}
html.semi-dark .logo-app-name {
  color: #e4e5e6 !important;
}