html.semi-dark .sidebar-wrapper {
  background: #171717;
  border-right: 1px solid #e4e4e400;
}
html.semi-dark .sidebar-wrapper .sidebar-header {
  background: #171717;
  border-right: 1px solid #e4e4e400;
  border-bottom: 1px solid rgb(255 255 255 / 15%);
}
html.semi-dark .topbar {
  background-color: #1e1f20;
  border-bottom: 1px solid rgba(97, 123, 142, 0.12);
  color: white;
}
html.semi-dark .page-footer {
  background-color: #1e1f20;
  border-bottom: 1px solid rgba(97, 123, 142, 0.12);
  color: white;
}
html.semi-dark .user-box {
  border-left: 1px solid rgba(30, 30, 31, 0.15);
}
html.semi-dark .user-info .user-name {
  color: #e4e5e6;
}
html.sma-theme .user-info .designattion {
  color: #b6afaf;
}

html.semi-dark .sidebar-wrapper .sidebar-header .logo-text {
  color: #e7e9ec;
}
html.semi-dark .sidebar-wrapper .sidebar-header .toggle-icon {
  color: #e7e9ec;
}
html.semi-dark .sidebar-wrapper .metismenu a {
  color: #9ea4aa;
}
html.semi-dark .sidebar-wrapper .metismenu .mm-active > a,
html.semi-dark .sidebar-wrapper .metismenu a:active,
html.semi-dark .sidebar-wrapper .metismenu a:focus,
html.semi-dark .sidebar-wrapper .metismenu a:hover {
  color: #fff;
  text-decoration: none;
  background: rgb(255 255 255 / 18%);
  border-radius: 8px;
  padding: 8px;
  border-right-color: #2c2c2c;
  border-right-width: 2px;
  border-top-color: #2c2c2c;
  border-top-width: 4px;
}
html.semi-dark .sidebar-wrapper .metismenu ul {
  border: 1px solid #ffffff00;
  background: rgb(255 255 255 / 8%);
  border-radius: 4px;
  border-left-color: #2c2c2c;
  border-left-width: 2px;
  border-bottom-color: #2c2c2c;
  border-bottom-width: 2px;
}
html.semi-dark .simplebar-scrollbar:before {
  background: rgba(255, 255, 255, 0.4);
}
html.semi-dark .logo-icon {
  filter: invert(1) grayscale(100%) brightness(200%);
}
html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-1,
html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-10,
html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-11,
html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-12,
html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-2,
html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-3,
html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-4,
html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-5,
html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-6,
html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-7,
html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-8,
html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-9 {
  color: inherit;
}
html.minimal-theme .topbar {
  background: #f4f4f4;
  border-bottom: 1px solid #dee2e6;
  box-shadow: none !important;
}
html.minimal-theme .topbar .search-control {
  background-color: #fff;
  border: 1px solid #dee2e6;
}
html.minimal-theme .topbar .user-box {
  border-left: 1px solid #dee2e6;
}
html.minimal-theme .sidebar-wrapper {
  background: #f4f4f4;
  border-right: 1px solid #dee2e6;
  box-shadow: none !important;
}
html.minimal-theme .sidebar-header {
  background: #f4f4f4;
  border-bottom: 1px solid #dee2e6;
  background-clip: padding-box;
}
@media screen and (min-width: 1025px) {
  html.minimal-theme .wrapper.toggled.sidebar-hovered .sidebar-wrapper {
    box-shadow: 0 0.3rem 0.8rem rgba(0, 0, 0, 0.12) !important;
  }
}
