.app-brand .layout-menu-toggle {
  background-color: #000 !important;
}

.bg-menu-theme .menu-inner > .menu-item.active:before {
  background-color: #000 !important;
}

.bg-menu-theme {
  background-color: #444343 !important;
}

html:not(.layout-menu-collapsed)
  .bg-menu-theme
  .menu-inner
  .menu-item.open
  > .menu-link,
.layout-menu-hover.layout-menu-collapsed
  .bg-menu-theme
  .menu-inner
  .menu-item.open
  > .menu-link,
html:not(.layout-menu-collapsed)
  .bg-menu-theme
  .menu-inner
  .menu-item
  .menu-link:not(.active):hover,
.layout-menu-hover.layout-menu-collapsed
  .bg-menu-theme
  .menu-inner
  .menu-item
  .menu-link:not(.active):hover {
  background-color: rgb(0 3 6 / 4%);
}

.bg-menu-theme .menu-header:before {
  background-color: #fff !important;
}

.bg-menu-theme .menu-header {
  color: #fff !important;
}

.bg-menu-theme {
  color: #fff !important;
}

.bg-menu-theme .menu-link,
.bg-menu-theme .menu-horizontal-prev,
.bg-menu-theme .menu-horizontal-next {
  color: #fff !important;
}

.bg-menu-theme .menu-inner > .menu-item.active > .menu-link {
  color: #fff !important;
}

.bg-menu-theme .menu-link:hover,
.bg-menu-theme .menu-link:focus,
.bg-menu-theme .menu-horizontal-prev:hover,
.bg-menu-theme .menu-horizontal-prev:focus,
.bg-menu-theme .menu-horizontal-next:hover,
.bg-menu-theme .menu-horizontal-next:focus {
  color: #fff !important;
}

.bg-menu-theme .menu-item.active > .menu-link:not(.menu-toggle) {
  background-color: transparent !important;
}

.bg-menu-theme .menu-inner > .menu-item.active > .menu-link {
  background-color: #000 !important;
}

.bg-menu-theme
  .menu-sub
  > .menu-item.active
  > .menu-link:not(.menu-toggle):before {
  background-color: #000 !important;
}

.bg-menu-theme .menu-sub > .menu-item > .menu-link:before {
  background-color: #fff !important;
}

.layout-navbar {
  background-color: #444343 !important;
}

.bg-navbar-theme {
  color: #fff !important;
}

.bg-navbar-theme .navbar-nav > .nav-link,
.bg-navbar-theme .navbar-nav > .nav-item > .nav-link,
.bg-navbar-theme .navbar-nav > .nav > .nav-item > .nav-link {
  color: #fff !important;
}

.app-brand-logo {
  background: #fff;
  border-radius: 24px;
  padding: 5px;
}

.avatar img {
  background-color: #fff;
  padding: 5px;
}

h4.mod-title {
  background: #000;
  font-size: 16px;
  padding: 20px;
  color: #fff;
}

.btn-primary {
  color: #fff !important;
  background-color: #444343 !important;
  border-color: #444343 !important;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(105, 108, 255, 0.4) !important;
}

.btn-primary:hover {
  color: #fff !important;
  background-color: #444343 !important;
  border-color: #444343 !important;
  transform: translateY(-1px) !important;
}

a:hover {
  color: #444343 !important;
}

a {
  color: #444343 !important;
}

.card-body.card-datatable .low-stock {
  color: red;
  font-weight: 700;
}

.card-body.card-datatable .high-stock {
  color: green;
  font-weight: 700;
}

.card-datatable .advance-filters {
  display: flex;
  gap: 15px;
  justify-content: space-between;
}
.filter-left {
  display: flex;
  gap: 10px;
  align-items: center;
}