:root {
  --bs-primary: #111111;
  --bs-primary-rgb: 17, 17, 17;
  --bs-secondary: #6b6b6b;
  --bs-secondary-rgb: 107, 107, 107;
  --bs-success: #333333;
  --bs-success-rgb: 51, 51, 51;
  --bs-info: #555555;
  --bs-info-rgb: 85, 85, 85;
  --bs-warning: #777777;
  --bs-warning-rgb: 119, 119, 119;
  --bs-danger: #222222;
  --bs-danger-rgb: 34, 34, 34;
  --bs-link-color: #111111;
  --bs-link-hover-color: #000000;
}

body,
.app-content,
.content-wrapper,
.content-body {
  background: #f4f4f4 !important;
  color: #111111;
}

a {
  color: #111111;
}

a:hover {
  color: #000000;
}

.main-menu,
.main-menu.menu-dark,
.main-menu.menu-light,
.semi-dark-layout .main-menu,
.semi-dark-layout .main-menu-content,
.semi-dark-layout .main-menu-content .navigation-main,
.semi-dark-layout .main-menu-content .navigation-main .menu-content,
.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content,
.main-menu .navbar-header,
.main-menu .navigation,
.main-menu.menu-dark .navigation,
.main-menu.menu-light .navigation {
  background: #000000 !important;
  background-color: #000000 !important;
}

.main-menu .shadow-bottom,
.semi-dark-layout .main-menu .shadow-bottom {
  background: linear-gradient(180deg, #000000 44%, rgba(0, 0, 0, 0.55) 73%, rgba(0, 0, 0, 0)) !important;
}

.main-menu .navigation li a,
.main-menu .navigation li a i,
.main-menu .navigation li a svg,
.main-menu .navigation li a span,
.semi-dark-layout .main-menu-content .navigation-main .nav-item a,
.semi-dark-layout .main-menu-content .navigation-main .nav-item a:after,
.semi-dark-layout .main-menu-content .navigation-main .navigation-header,
.main-menu .modern-nav-toggle,
.main-menu .modern-nav-toggle i,
.main-menu .modern-nav-toggle svg,
.main-menu .text-primary {
  color: #f2f2f2 !important;
}

.main-menu .navigation > li > a:hover,
.main-menu .navigation > li.open > a,
.main-menu .navigation > li.sidebar-group-active > a,
.semi-dark-layout .main-menu-content .navigation-main .nav-item.open:not(.sidebar-group-active) > a,
.semi-dark-layout .main-menu:not(.expanded) .navigation .sidebar-group-active > a,
.menu-collapsed .main-menu:not(.expanded) .navigation-main li.active > a {
  background: #1a1a1a !important;
  color: #ffffff !important;
}

.main-menu .navigation > li.active > a,
.main-menu.menu-dark .navigation > li.active > a,
.main-menu.menu-dark .navigation > li ul .active,
.main-menu .navigation li.active > a,
.semi-dark-layout .main-menu-content .navigation-main .active > a {
  background: #2a2a2a !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.main-menu .navigation > li.active > a i,
.main-menu .navigation > li.active > a svg,
.main-menu .navigation > li.active > a span,
.main-menu .navigation > li.active > a .menu-title,
.semi-dark-layout .main-menu-content .navigation-main .active .menu-title,
.semi-dark-layout .main-menu-content .navigation-main .active i,
.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content .active .menu-item {
  color: #ffffff !important;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.show > .btn-primary.dropdown-toggle,
.swal2-confirm,
.swal2-styled.swal2-confirm {
  background-color: #111111 !important;
  border-color: #111111 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.btn-outline-primary {
  color: #111111 !important;
  border-color: #111111 !important;
  background: transparent !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  background-color: #111111 !important;
  border-color: #111111 !important;
  color: #ffffff !important;
}

.btn-flat-primary,
.btn-flat-primary:hover {
  color: #111111 !important;
  background: transparent !important;
}

.btn-success,
.btn-info,
.btn-warning,
.btn-danger,
.btn-secondary {
  background-color: #333333 !important;
  border-color: #333333 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.bg-primary {
  background-color: #111111 !important;
  color: #ffffff !important;
}

.avatar.bg-light-primary,
.avatar.bg-light-success,
.avatar.bg-light-info,
.avatar.bg-light-warning,
.avatar.bg-light-danger,
.avatar.bg-light-secondary {
  background: #efefef !important;
  background-color: #efefef !important;
  color: #111111 !important;
}

.border-primary {
  border-color: #111111 !important;
}

.text-primary {
  color: #111111 !important;
}

.form-control:focus,
.form-select:focus,
.bootstrap-select .dropdown-toggle:focus,
.select2-container--default.select2-container--focus .select2-selection,
.select2-container--default.select2-container--open .select2-selection {
  border-color: #111111 !important;
  box-shadow: 0 0 0 0.15rem rgba(0, 0, 0, 0.08) !important;
}

.form-check-input:checked,
.custom-control-input:checked ~ .custom-control-label::before {
  background-color: #111111 !important;
  border-color: #111111 !important;
  box-shadow: none !important;
}

.form-check-smt .form-check-input:checked {
  background-color: #82DCDC !important;
  border-color: #82DCDC !important;
}

.form-check-smt-testing .form-check-input:checked {
  background-color: #D7A1E0 !important;
  border-color: #D7A1E0 !important;
}

.form-check-dip .form-check-input:checked {
  background-color: #E5D77D !important;
  border-color: #E5D77D !important;
}

.form-check-dip-testing .form-check-input:checked {
  background-color: #B1A1E0 !important;
  border-color: #B1A1E0 !important;
}

.form-check-assembly .form-check-input:checked {
  background-color: #4B72CC !important;
  border-color: #4B72CC !important;
}

.form-check-assembly-testing .form-check-input:checked {
  background-color: #CC4B8C !important;
  border-color: #CC4B8C !important;
}

.form-check-rejected .form-check-input:checked {
  background-color: #F5516E !important;
  border-color: #F5516E !important;
}

.form-check-packing .form-check-input:checked {
  background-color: #4BCC6A !important;
  border-color: #4BCC6A !important;
}

.form-check-heat-sink .form-check-input:checked {
  background-color: #dc8282 !important;
  border-color: #dc8282 !important;
}

.form-check-aging-test .form-check-input:checked {
  background-color: #82dcb4 !important;
  border-color: #82dcb4 !important;
}

.form-check-software-upgrade .form-check-input:checked {
  background-color: #b882dc !important;
  border-color: #b882dc !important;
}

.form-check-calibration .form-check-input:checked {
  background-color: #dcbd82 !important;
  border-color: #dcbd82 !important;
}

.form-check-qc-inspection .form-check-input:checked {
  background-color: #9fdc82 !important;
  border-color: #9fdc82 !important;
}

.nav-pills .nav-link.active,
.nav-tabs .nav-link.active,
.page-item.active .page-link,
.dropdown-item.active,
.dropdown-item:active,
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--classic .select2-results__option--highlighted[aria-selected],
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected:hover {
  background: #111111 !important;
  background-color: #111111 !important;
  border-color: #111111 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.progress-bar,
.progress-bar.bg-primary,
.progress-bar.bg-success,
.progress-bar.bg-info,
.progress-bar.bg-warning,
.progress-bar.bg-danger {
  background-color: #111111 !important;
}

.card,
.header-navbar.floating-nav {
  background: #ffffff !important;
}

.table thead th,
.thead-light th {
  background: #f7f7f7 !important;
  color: #111111 !important;
}

.auth-wrapper .img-fluid {
  filter: grayscale(1);
}

.brand-logo img,
.navbar-brand img {
  filter: none;
  background: transparent;
  border-radius: 0;
  padding: 0;
}

.main-menu .brand-wordmark {
  display: block;
  filter: invert(1);
  background: transparent;
  width: 140px !important;
  max-width: 140px !important;
  height: auto !important;
}

.main-menu .brand-icon {
  display: none;
  filter: none !important;
  width: 22px !important;
  height: 22px !important;
  max-width: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  object-fit: contain;
  background: transparent;
}

body.menu-collapsed .main-menu.expanded > .navbar-header {
  width: 260px !important;
  max-width: 260px !important;
  height: 5.25rem !important;
  min-height: 5.25rem !important;
  padding: 0.4rem 1rem 0.6rem 1.2rem !important;
  background-image: none !important;
  overflow: visible !important;
}

body.menu-collapsed .main-menu.expanded .brand-wordmark {
  display: block !important;
}

body.menu-collapsed .main-menu.expanded .brand-icon {
  display: none !important;
}

body.menu-collapsed .main-menu:not(.expanded) > .navbar-header {
  position: relative !important;
  width: 80px !important;
  max-width: 80px !important;
  height: 58px !important;
  min-height: 58px !important;
  padding: 10px 0 8px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-image: none !important;
  background-color: #000 !important;
}

body.menu-collapsed .main-menu:not(.expanded) .navbar-header .nav {
  width: 100%;
  justify-content: center;
}

body.menu-collapsed .main-menu:not(.expanded) .nav-logo,
body.menu-collapsed .main-menu:not(.expanded) .navbar-brand,
body.menu-collapsed .main-menu:not(.expanded) .brand-logo {
  width: 100%;
  margin: 0 !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

body.menu-collapsed .main-menu:not(.expanded) .brand-wordmark {
  display: none !important;
}

body.menu-collapsed .main-menu:not(.expanded) .brand-icon {
  display: block !important;
}

body.menu-collapsed .main-menu:not(.expanded) .main-menu-content {
  height: calc(100% - 58px) !important;
}

.main-menu .navbar-header {
  height: 6rem !important;
  padding-bottom: 0.9rem !important;
}

.main-menu .navbar-header .navbar-brand {
  margin-top: 0.85rem !important;
  margin-bottom: 0.45rem !important;
}

.main-menu .main-menu-content {
  height: calc(100% - 6rem) !important;
}

.main-menu .navigation li.has-sub > a:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") !important;
}

body.menu-collapsed .main-menu.expanded > .navbar-header,
body.menu-collapsed .main-menu > .navbar-header.expanded {
  width: 260px !important;
  max-width: 260px !important;
  height: 5.5rem !important;
  min-height: 5.5rem !important;
  padding: 0.55rem 1rem 0.7rem 1.25rem !important;
  display: block !important;
  overflow: visible !important;
  background-image: none !important;
  background-color: #000 !important;
}

body.menu-collapsed .main-menu.expanded .navbar-header .nav,
body.menu-collapsed .navbar-header.expanded .nav {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
}

body.menu-collapsed .main-menu.expanded .nav-logo,
body.menu-collapsed .navbar-header.expanded .nav-logo,
body.menu-collapsed .main-menu.expanded .navbar-brand,
body.menu-collapsed .navbar-header.expanded .navbar-brand,
body.menu-collapsed .main-menu.expanded .brand-logo,
body.menu-collapsed .navbar-header.expanded .brand-logo {
  display: flex !important;
  align-items: center !important;
  width: auto !important;
  margin: 0 !important;
  justify-content: flex-start !important;
}

body.menu-collapsed .main-menu.expanded .brand-wordmark,
body.menu-collapsed .navbar-header.expanded .brand-wordmark {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 140px !important;
  max-width: 140px !important;
  height: auto !important;
  filter: invert(1) !important;
}

body.menu-collapsed .main-menu.expanded .brand-icon,
body.menu-collapsed .navbar-header.expanded .brand-icon {
  display: none !important;
}