:root {
  --bs-primary: var(--admin-primary-color);
  --bs-primary-rgb: var(--admin-primary-rgb);
  --bs-secondary: var(--admin-secondary-color);
  --bs-secondary-rgb: var(--admin-secondary-rgb);
  --bs-success: var(--admin-success-color);
  --bs-success-rgb: var(--admin-success-rgb);
  --bs-info: var(--admin-info-color);
  --bs-info-rgb: var(--admin-info-rgb);
  --bs-warning: var(--admin-warning-color);
  --bs-warning-rgb: var(--admin-warning-rgb);
  --bs-danger: var(--admin-danger-color);
  --bs-danger-rgb: var(--admin-danger-rgb);
  --bs-dark: var(--admin-dark-color);
  --bs-dark-rgb: var(--admin-dark-rgb);
  --bs-body-bg: var(--admin-body-color);
  --bs-body-color: var(--admin-heading-color);
  --bs-border-color: var(--admin-border-color);
  --admin-app-bg: var(--admin-body-color);
  --admin-surface-bg: #ffffff;
  --admin-surface-rgb: 255, 255, 255;
  --admin-navbar-bg: rgba(255, 255, 255, 0.9);
  --admin-menu-bg: #ffffff;
  --admin-text-color: var(--admin-heading-color);
  --admin-muted-color: var(--admin-axis-color);
  --admin-border-strong: var(--admin-border-color);
  --admin-shadow-color: rgba(67, 89, 113, 0.12);
  --admin-shadow-soft: rgba(67, 89, 113, 0.06);
}

.dark-style {
  --bs-body-bg: var(--admin-dark-color);
  --bs-body-color: #e6edf7;
  --bs-border-color: var(--admin-dark-border);
  --admin-app-bg: var(--admin-dark-color);
  --admin-surface-bg: var(--admin-dark-panel);
  --admin-surface-rgb: var(--admin-dark-panel-rgb);
  --admin-navbar-bg: rgba(var(--admin-dark-panel-rgb), 0.92);
  --admin-menu-bg: var(--admin-dark-color);
  --admin-text-color: #f8fbff;
  --admin-muted-color: rgba(248, 251, 255, 0.72);
  --admin-border-strong: var(--admin-dark-border);
  --admin-shadow-color: rgba(0, 0, 0, 0.32);
  --admin-shadow-soft: rgba(0, 0, 0, 0.18);
}

body,
.content-wrapper,
.layout-page,
.card,
.accordion-item,
.modal-content,
.dropdown-menu,
.list-group-item,
.offcanvas,
.bg-body {
  border-color: var(--admin-border-strong);
}

body,
.content-wrapper,
.bg-body,
.table,
.card,
.accordion-item,
.modal-content,
.dropdown-menu {
  color: var(--admin-text-color);
}

body,
.content-wrapper,
.layout-page {
  background-color: var(--admin-app-bg) !important;
}

.text-body,
.text-muted,
.form-text,
.app-brand-text,
.menu-header-text,
.text-heading,
h1,
h2,
h3,
h4,
h5,
h6,
.card-header,
.card-title,
.page-link,
.nav-link,
.breadcrumb-item,
.form-label,
.form-check-label,
.table,
.table th,
.table td {
  color: var(--admin-text-color);
}

.border,
.border-top,
.border-end,
.border-bottom,
.border-start,
.table > :not(caption) > * > *,
.card,
.dropdown-menu,
.modal-content,
.list-group-item,
.accordion-item,
.form-control,
.form-select,
.input-group-text,
.page-link,
.nav-tabs .nav-link,
.menu-inner-shadow {
  border-color: var(--admin-border-strong) !important;
}

.card,
.accordion-item,
.modal-content,
.dropdown-menu,
.list-group-item,
.offcanvas,
.navbar.bg-navbar-theme,
.layout-navbar .navbar,
.bg-menu-theme,
.table,
.table-responsive,
.input-group-text,
.form-control,
.form-select,
.nav-tabs .nav-link,
.page-link,
.app-brand,
.menu-inner-shadow {
  background-color: var(--admin-surface-bg) !important;
}

.layout-navbar,
.layout-navbar .navbar,
.bg-navbar-theme {
  background-color: var(--admin-navbar-bg) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 0.25rem 1rem var(--admin-shadow-soft);
}

.bg-menu-theme,
.menu-vertical,
.app-brand {
  background-color: var(--admin-menu-bg) !important;
}

.card,
.accordion-item,
.modal-content,
.dropdown-menu,
.offcanvas,
.table-responsive {
  box-shadow: 0 0.25rem 1rem var(--admin-shadow-soft) !important;
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus,
.btn:focus,
.page-link:focus,
.nav-link:focus {
  border-color: rgba(var(--admin-primary-rgb), 0.45) !important;
  box-shadow: 0 0 0 0.25rem rgba(var(--admin-primary-rgb), 0.16) !important;
}

.form-check-input:checked,
.form-check-input[type='checkbox']:indeterminate,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.page-item.active .page-link,
.page-item.active .page-link:hover,
.page-item.active .page-link:focus,
.pagination li.active > a:not(.page-link),
.pagination li.active > a:not(.page-link):hover,
.pagination li.active > a:not(.page-link):focus,
.progress-bar,
.dropdown-item.active,
.dropdown-item:active,
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: var(--admin-primary-color) !important;
  border-color: var(--admin-primary-color) !important;
  color: var(--admin-primary-contrast) !important;
}

.page-item.active .page-link,
.progress-bar {
  box-shadow: 0 0.125rem 0.25rem rgba(var(--admin-primary-rgb), 0.4) !important;
}

.bg-menu-theme {
  background-color: var(--admin-menu-bg) !important;
}

.bg-menu-theme .menu-link,
.bg-menu-theme .menu-horizontal-prev,
.bg-menu-theme .menu-horizontal-next,
.bg-menu-theme .menu-text,
.bg-menu-theme .menu-header,
.bg-menu-theme .menu-icon {
  color: var(--admin-heading-color) !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,
.layout-menu-hover .bg-menu-theme .menu-inner .menu-item .menu-link:hover,
.layout-menu-hover .bg-menu-theme .menu-inner .menu-item .menu-link:focus,
.layout-menu-hover .bg-menu-theme .menu-inner .menu-item.open > .menu-link {
  color: var(--admin-primary-color) !important;
  background-color: rgba(var(--admin-primary-rgb), 0.12) !important;
}

.bg-menu-theme .menu-link.active,
.bg-menu-theme .menu-item.active > .menu-link,
.bg-menu-theme .menu-item.open > .menu-link,
.bg-menu-theme .menu-sub > .menu-item.active > .menu-link:not(.menu-toggle) {
  color: var(--admin-primary-color) !important;
  background-color: rgba(var(--admin-primary-rgb), 0.14) !important;
}

.dark-style #layout-menu,
.dark-style #layout-menu.bg-menu-theme,
.dark-style #layout-menu .app-brand,
.dark-style #layout-menu .menu-inner,
.dark-style #layout-menu .menu-inner-shadow,
.dark-style #layout-menu.menu-vertical,
.dark-style #layout-menu .menu-sub {
  background: var(--admin-menu-bg) !important;
}

.dark-style #layout-menu,
.dark-style #layout-menu.bg-menu-theme,
.dark-style #layout-menu.menu-vertical {
  border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

.dark-style #layout-menu .menu-link,
.dark-style #layout-menu .menu-horizontal-prev,
.dark-style #layout-menu .menu-horizontal-next,
.dark-style #layout-menu .menu-text,
.dark-style #layout-menu .menu-icon,
.dark-style #layout-menu .app-brand-link,
.dark-style #layout-menu .app-brand-text,
.dark-style #layout-menu .layout-menu-toggle,
.dark-style #layout-menu .layout-menu-toggle i {
  color: #ffffff !important;
}

.dark-style #layout-menu .menu-header,
.dark-style #layout-menu .menu-header-text,
.dark-style #layout-menu .menu-header small {
  color: rgba(255, 255, 255, 0.62) !important;
}

.dark-style #layout-menu .menu-link:hover,
.dark-style #layout-menu .menu-link:focus,
.dark-style #layout-menu .menu-horizontal-prev:hover,
.dark-style #layout-menu .menu-horizontal-prev:focus,
.dark-style #layout-menu .menu-horizontal-next:hover,
.dark-style #layout-menu .menu-horizontal-next:focus,
.dark-style #layout-menu .menu-item.open > .menu-link,
.dark-style #layout-menu .menu-inner .menu-item .menu-link:not(.active):hover,
.dark-style #layout-menu .menu-inner .menu-item .menu-link:not(.active):focus {
  color: #ffffff !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
}

.dark-style #layout-menu .menu-link.active,
.dark-style #layout-menu .menu-item.active > .menu-link,
.dark-style #layout-menu .menu-sub > .menu-item.active > .menu-link:not(.menu-toggle) {
  color: #ffffff !important;
  background: rgba(var(--admin-primary-rgb), 0.28) !important;
}

.dark-style #layout-menu .menu-sub > .menu-item > .menu-link {
  color: rgba(255, 255, 255, 0.88) !important;
}

.dark-style #layout-menu .menu-sub > .menu-item > .menu-link:before,
.dark-style #layout-menu .menu-inner > .menu-header::before,
.dark-style #layout-menu .menu-inner > .menu-item.open > .menu-sub::before,
.dark-style #layout-menu .menu-block::before,
.dark-style #layout-menu .menu-header:before {
  background-color: rgba(255, 255, 255, 0.16) !important;
}

.dark-style #layout-menu .ps__thumb-y,
.dark-style #layout-menu .ps__rail-y.ps--clicking > .ps__thumb-y {
  background: rgba(255, 255, 255, 0.3) !important;
}

.layout-wrapper:not(.layout-horizontal) .bg-menu-theme .menu-inner > .menu-item.active:before,
.bg-menu-theme .menu-sub > .menu-item.active > .menu-link:not(.menu-toggle):before,
.bg-menu-theme .menu-inner > .menu-item.open .menu-item.active > .menu-link:before,
.bg-menu-theme .menu-inner > .menu-item.open .menu-item.open > .menu-toggle:before {
  background-color: var(--admin-primary-color) !important;
}

.table,
.apexcharts-xaxis-label,
.apexcharts-yaxis-label,
.apexcharts-legend-text,
.apexcharts-text,
.apexcharts-title-text,
.apexcharts-subtitle-text,
.apexcharts-datalabel,
.apexcharts-tooltip,
.apexcharts-xcrosshairs,
.apexcharts-ycrosshairs,
.text-muted,
.footer .text-muted {
  color: var(--admin-muted-color) !important;
}

.apexcharts-gridline,
.apexcharts-xaxis line,
.apexcharts-yaxis line,
.apexcharts-xaxis-tick,
.apexcharts-yaxis-tick {
  stroke: var(--admin-border-strong) !important;
}

.dark-style .bg-label-primary,
.dark-style .alert-primary,
.dark-style .list-group-item-primary,
.dark-style .bg-label-secondary,
.dark-style .alert-secondary,
.dark-style .list-group-item-secondary,
.dark-style .bg-label-success,
.dark-style .alert-success,
.dark-style .list-group-item-success,
.dark-style .bg-label-info,
.dark-style .alert-info,
.dark-style .list-group-item-info,
.dark-style .bg-label-warning,
.dark-style .alert-warning,
.dark-style .list-group-item-warning,
.dark-style .bg-label-danger,
.dark-style .alert-danger,
.dark-style .list-group-item-danger,
.dark-style .bg-label-dark,
.dark-style .alert-dark,
.dark-style .list-group-item-dark {
  background-color: rgba(var(--admin-dark-panel-rgb), 0.95) !important;
}

.dark-style .table,
.dark-style .table th,
.dark-style .table td,
.dark-style .dropdown-item,
.dark-style .form-control,
.dark-style .form-select,
.dark-style .input-group-text,
.dark-style .page-link,
.dark-style .nav-tabs .nav-link,
.dark-style .accordion-button,
.dark-style .menu-link,
.dark-style .menu-header,
.dark-style .navbar-nav > .nav-item > .nav-link,
.dark-style .navbar-nav > .nav-link,
.dark-style .app-brand-link,
.dark-style .app-brand-text,
.dark-style .breadcrumb-item,
.dark-style .dropdown-menu,
.dark-style .card,
.dark-style .card-header,
.dark-style .card-title,
.dark-style .list-group-item,
.dark-style .modal-content,
.dark-style .offcanvas,
.dark-style .form-label,
.dark-style .form-text,
.dark-style .text-heading,
.dark-style h1,
.dark-style h2,
.dark-style h3,
.dark-style h4,
.dark-style h5,
.dark-style h6 {
  color: var(--admin-text-color) !important;
}

.dark-style .text-muted,
  background-color: transparent !important;
.dark-style .breadcrumb-item,
.dark-style .apexcharts-xaxis-label,
.dark-style .apexcharts-yaxis-label,
.dark-style .apexcharts-legend-text,
.dark-style .apexcharts-text,
.dark-style .apexcharts-title-text,
.dark-style .apexcharts-subtitle-text,
.dark-style .apexcharts-datalabel,
.dark-style .table-muted,
.dark-style small,
.dark-style .menu-header-text {
  color: var(--admin-muted-color) !important;
}

.dark-style .dropdown-item:hover,
.dark-style .dropdown-item:focus,
.dark-style .page-link:hover,
.dark-style .page-link:focus,
.dark-style .nav-tabs .nav-link:hover,
.dark-style .nav-tabs .nav-link:focus,
.dark-style .accordion-button:not(.collapsed),
.dark-style .form-control:focus,
.dark-style .form-select:focus {
  background-color: rgba(var(--admin-primary-rgb), 0.12) !important;
}

.dark-style .dropdown-divider,
.dark-style hr,
.dark-style .menu-divider,
.dark-style .table > :not(caption) > * > *,
.dark-style .menu-inner-shadow,
.dark-style .bg-menu-theme .menu-header:before,
.dark-style .bg-menu-theme hr,
.dark-style .bg-menu-theme .menu-inner > .menu-item.open > .menu-sub::before,
.dark-style .bg-menu-theme .menu-block::before {
  border-color: var(--admin-border-strong) !important;
  background-color: var(--admin-border-strong) !important;
}

.dark-style .layout-navbar,
  --admin-menu-bg: #111c2d;
.dark-style .bg-navbar-theme,
.dark-style .bg-menu-theme,
.dark-style .app-brand {
  border-color: var(--admin-border-strong) !important;
}

.dark-style .bg-menu-theme .menu-link,
.dark-style .bg-menu-theme .menu-horizontal-prev,
.dark-style .bg-menu-theme .menu-horizontal-next,
.dark-style .bg-menu-theme .menu-text,
.dark-style .bg-menu-theme .menu-header,
.dark-style .bg-menu-theme .menu-icon,
.dark-style .bg-navbar-theme .navbar-nav > .nav-link,
.dark-style .bg-navbar-theme .navbar-nav > .nav-item > .nav-link,
.dark-style .bg-navbar-theme .navbar-brand,
.dark-style .bg-navbar-theme .navbar-brand a,
.dark-style .bg-navbar-theme .navbar-text,
.dark-style .bg-navbar-theme .search-input-wrapper .search-input,
.dark-style .bg-navbar-theme .search-input-wrapper .search-toggler,
.dark-style .bg-navbar-theme .navbar-search-wrapper .navbar-search-icon,
.dark-style .bg-navbar-theme .navbar-search-wrapper .search-input {
  color: var(--admin-text-color) !important;
}

.dark-style .table-striped > tbody > tr:nth-of-type(odd) > * {
  color: var(--admin-text-color) !important;
  background-color: rgba(255, 255, 255, 0.02) !important;
}

.dark-style .table-hover > tbody > tr:hover > * {
  color: var(--admin-text-color) !important;
  background-color: rgba(var(--admin-primary-rgb), 0.08) !important;
}

.admin-theme-toggle {
  width: 2.5rem;
  height: 2.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
}

.admin-theme-toggle .theme-icon {
  font-size: 1.1rem;
  line-height: 1;
}

.text-primary,
.link-primary,
.btn-outline-primary,
.btn-outline-primary .badge,
.nav-link.text-primary,
a.text-primary,
.alert-primary .alert-link,
.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span,
.card .text-primary {
  color: var(--admin-primary-color) !important;
}

.bg-primary,
.navbar.bg-primary,
.menu.bg-primary,
.footer.bg-primary,
.badge.bg-primary,
.toast.bg-primary,
.bs-toast.bg-primary,
.text-bg-primary {
  background-color: var(--admin-primary-color) !important;
  color: var(--admin-primary-contrast) !important;
}

.border-primary,
.btn-outline-primary,
.nav-tabs .nav-link.active,
.show > .btn-outline-primary.dropdown-toggle {
  border-color: var(--admin-primary-color) !important;
}

.btn-primary {
  color: var(--admin-primary-contrast) !important;
  background-color: var(--admin-primary-color) !important;
  border-color: var(--admin-primary-color) !important;
  box-shadow: 0 0.125rem 0.25rem rgba(var(--admin-primary-rgb), 0.4) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-check:focus + .btn-primary {
  color: var(--admin-primary-contrast) !important;
  background-color: var(--admin-primary-hover) !important;
  border-color: var(--admin-primary-hover) !important;
}

.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle,
.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary {
  color: var(--admin-primary-contrast) !important;
  background-color: var(--admin-primary-active) !important;
  border-color: var(--admin-primary-active) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-check:checked + .btn-outline-primary,
.btn-check:active + .btn-outline-primary,
.btn-outline-primary.dropdown-toggle.show {
  background-color: var(--admin-primary-color) !important;
  border-color: var(--admin-primary-color) !important;
  color: var(--admin-primary-contrast) !important;
}

.bg-label-primary,
.alert-primary,
.list-group-item-primary {
  background-color: rgba(var(--admin-primary-rgb), 0.12) !important;
  color: var(--admin-primary-color) !important;
  border-color: rgba(var(--admin-primary-rgb), 0.22) !important;
}

.border-label-primary,
.border-light-primary {
  border-color: rgba(var(--admin-primary-rgb), 0.24) !important;
}

.table-primary {
  --bs-table-bg: rgba(var(--admin-primary-rgb), 0.12);
  --bs-table-striped-bg: rgba(var(--admin-primary-rgb), 0.16);
  --bs-table-active-bg: rgba(var(--admin-primary-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--admin-primary-rgb), 0.18);
  color: var(--admin-heading-color) !important;
  border-color: rgba(var(--admin-primary-rgb), 0.24) !important;
}

.text-secondary,
.link-secondary,
.btn-outline-secondary,
a.text-secondary,
.alert-secondary .alert-link {
  color: var(--admin-secondary-color) !important;
}

.bg-secondary,
.badge.bg-secondary,
.text-bg-secondary {
  background-color: var(--admin-secondary-color) !important;
  color: var(--admin-secondary-contrast) !important;
}

.border-secondary,
.btn-outline-secondary {
  border-color: var(--admin-secondary-color) !important;
}

.btn-secondary {
  color: var(--admin-secondary-contrast) !important;
  background-color: var(--admin-secondary-color) !important;
  border-color: var(--admin-secondary-color) !important;
  box-shadow: 0 0.125rem 0.25rem rgba(var(--admin-secondary-rgb), 0.4) !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-check:focus + .btn-secondary {
  color: var(--admin-secondary-contrast) !important;
  background-color: var(--admin-secondary-hover) !important;
  border-color: var(--admin-secondary-hover) !important;
}

.btn-secondary:active,
.btn-secondary.active,
.show > .btn-secondary.dropdown-toggle,
.btn-check:checked + .btn-secondary,
.btn-check:active + .btn-secondary {
  color: var(--admin-secondary-contrast) !important;
  background-color: var(--admin-secondary-active) !important;
  border-color: var(--admin-secondary-active) !important;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active,
.btn-outline-secondary.active,
.btn-check:checked + .btn-outline-secondary,
.btn-check:active + .btn-outline-secondary,
.btn-outline-secondary.dropdown-toggle.show {
  background-color: var(--admin-secondary-color) !important;
  border-color: var(--admin-secondary-color) !important;
  color: var(--admin-secondary-contrast) !important;
}

.bg-label-secondary,
.alert-secondary,
.list-group-item-secondary {
  background-color: rgba(var(--admin-secondary-rgb), 0.12) !important;
  color: var(--admin-secondary-color) !important;
  border-color: rgba(var(--admin-secondary-rgb), 0.22) !important;
}

.table-secondary {
  --bs-table-bg: rgba(var(--admin-secondary-rgb), 0.12);
  --bs-table-striped-bg: rgba(var(--admin-secondary-rgb), 0.16);
  --bs-table-active-bg: rgba(var(--admin-secondary-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--admin-secondary-rgb), 0.18);
  color: var(--admin-heading-color) !important;
  border-color: rgba(var(--admin-secondary-rgb), 0.24) !important;
}

.text-success,
.link-success,
.btn-outline-success,
a.text-success,
.alert-success .alert-link {
  color: var(--admin-success-color) !important;
}

.bg-success,
.badge.bg-success,
.text-bg-success {
  background-color: var(--admin-success-color) !important;
  color: var(--admin-success-contrast) !important;
}

.border-success,
.btn-outline-success {
  border-color: var(--admin-success-color) !important;
}

.btn-success {
  color: var(--admin-success-contrast) !important;
  background-color: var(--admin-success-color) !important;
  border-color: var(--admin-success-color) !important;
  box-shadow: 0 0.125rem 0.25rem rgba(var(--admin-success-rgb), 0.4) !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-check:focus + .btn-success {
  color: var(--admin-success-contrast) !important;
  background-color: var(--admin-success-hover) !important;
  border-color: var(--admin-success-hover) !important;
}

.btn-success:active,
.btn-success.active,
.show > .btn-success.dropdown-toggle,
.btn-check:checked + .btn-success,
.btn-check:active + .btn-success {
  color: var(--admin-success-contrast) !important;
  background-color: var(--admin-success-active) !important;
  border-color: var(--admin-success-active) !important;
}

.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:active,
.btn-outline-success.active,
.btn-check:checked + .btn-outline-success,
.btn-check:active + .btn-outline-success,
.btn-outline-success.dropdown-toggle.show {
  background-color: var(--admin-success-color) !important;
  border-color: var(--admin-success-color) !important;
  color: var(--admin-success-contrast) !important;
}

.bg-label-success,
.alert-success,
.list-group-item-success {
  background-color: rgba(var(--admin-success-rgb), 0.12) !important;
  color: var(--admin-success-color) !important;
  border-color: rgba(var(--admin-success-rgb), 0.22) !important;
}

.table-success {
  --bs-table-bg: rgba(var(--admin-success-rgb), 0.12);
  --bs-table-striped-bg: rgba(var(--admin-success-rgb), 0.16);
  --bs-table-active-bg: rgba(var(--admin-success-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--admin-success-rgb), 0.18);
  color: var(--admin-heading-color) !important;
  border-color: rgba(var(--admin-success-rgb), 0.24) !important;
}

.text-info,
.link-info,
.btn-outline-info,
a.text-info,
.alert-info .alert-link {
  color: var(--admin-info-color) !important;
}

.bg-info,
.badge.bg-info,
.text-bg-info {
  background-color: var(--admin-info-color) !important;
  color: var(--admin-info-contrast) !important;
}

.border-info,
.btn-outline-info {
  border-color: var(--admin-info-color) !important;
}

.btn-info {
  color: var(--admin-info-contrast) !important;
  background-color: var(--admin-info-color) !important;
  border-color: var(--admin-info-color) !important;
  box-shadow: 0 0.125rem 0.25rem rgba(var(--admin-info-rgb), 0.4) !important;
}

.btn-info:hover,
.btn-info:focus,
.btn-check:focus + .btn-info {
  color: var(--admin-info-contrast) !important;
  background-color: var(--admin-info-hover) !important;
  border-color: var(--admin-info-hover) !important;
}

.btn-info:active,
.btn-info.active,
.show > .btn-info.dropdown-toggle,
.btn-check:checked + .btn-info,
.btn-check:active + .btn-info {
  color: var(--admin-info-contrast) !important;
  background-color: var(--admin-info-active) !important;
  border-color: var(--admin-info-active) !important;
}

.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info:active,
.btn-outline-info.active,
.btn-check:checked + .btn-outline-info,
.btn-check:active + .btn-outline-info,
.btn-outline-info.dropdown-toggle.show {
  background-color: var(--admin-info-color) !important;
  border-color: var(--admin-info-color) !important;
  color: var(--admin-info-contrast) !important;
}

.bg-label-info,
.alert-info,
.list-group-item-info {
  background-color: rgba(var(--admin-info-rgb), 0.12) !important;
  color: var(--admin-info-color) !important;
  border-color: rgba(var(--admin-info-rgb), 0.22) !important;
}

.table-info {
  --bs-table-bg: rgba(var(--admin-info-rgb), 0.12);
  --bs-table-striped-bg: rgba(var(--admin-info-rgb), 0.16);
  --bs-table-active-bg: rgba(var(--admin-info-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--admin-info-rgb), 0.18);
  color: var(--admin-heading-color) !important;
  border-color: rgba(var(--admin-info-rgb), 0.24) !important;
}

.text-warning,
.link-warning,
.btn-outline-warning,
a.text-warning,
.alert-warning .alert-link {
  color: var(--admin-warning-color) !important;
}

.bg-warning,
.badge.bg-warning,
.text-bg-warning {
  background-color: var(--admin-warning-color) !important;
  color: var(--admin-warning-contrast) !important;
}

.border-warning,
.btn-outline-warning {
  border-color: var(--admin-warning-color) !important;
}

.btn-warning {
  color: var(--admin-warning-contrast) !important;
  background-color: var(--admin-warning-color) !important;
  border-color: var(--admin-warning-color) !important;
  box-shadow: 0 0.125rem 0.25rem rgba(var(--admin-warning-rgb), 0.35) !important;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-check:focus + .btn-warning {
  color: var(--admin-warning-contrast) !important;
  background-color: var(--admin-warning-hover) !important;
  border-color: var(--admin-warning-hover) !important;
}

.btn-warning:active,
.btn-warning.active,
.show > .btn-warning.dropdown-toggle,
.btn-check:checked + .btn-warning,
.btn-check:active + .btn-warning {
  color: var(--admin-warning-contrast) !important;
  background-color: var(--admin-warning-active) !important;
  border-color: var(--admin-warning-active) !important;
}

.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning:active,
.btn-outline-warning.active,
.btn-check:checked + .btn-outline-warning,
.btn-check:active + .btn-outline-warning,
.btn-outline-warning.dropdown-toggle.show {
  background-color: var(--admin-warning-color) !important;
  border-color: var(--admin-warning-color) !important;
  color: var(--admin-warning-contrast) !important;
}

.bg-label-warning,
.alert-warning,
.list-group-item-warning {
  background-color: rgba(var(--admin-warning-rgb), 0.14) !important;
  color: var(--admin-warning-color) !important;
  border-color: rgba(var(--admin-warning-rgb), 0.24) !important;
}

.table-warning {
  --bs-table-bg: rgba(var(--admin-warning-rgb), 0.14);
  --bs-table-striped-bg: rgba(var(--admin-warning-rgb), 0.18);
  --bs-table-active-bg: rgba(var(--admin-warning-rgb), 0.22);
  --bs-table-hover-bg: rgba(var(--admin-warning-rgb), 0.2);
  color: var(--admin-heading-color) !important;
  border-color: rgba(var(--admin-warning-rgb), 0.26) !important;
}

.text-danger,
.link-danger,
.btn-outline-danger,
a.text-danger,
.alert-danger .alert-link {
  color: var(--admin-danger-color) !important;
}

.bg-danger,
.badge.bg-danger,
.text-bg-danger {
  background-color: var(--admin-danger-color) !important;
  color: var(--admin-danger-contrast) !important;
}

.border-danger,
.btn-outline-danger {
  border-color: var(--admin-danger-color) !important;
}

.btn-danger {
  color: var(--admin-danger-contrast) !important;
  background-color: var(--admin-danger-color) !important;
  border-color: var(--admin-danger-color) !important;
  box-shadow: 0 0.125rem 0.25rem rgba(var(--admin-danger-rgb), 0.4) !important;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-check:focus + .btn-danger {
  color: var(--admin-danger-contrast) !important;
  background-color: var(--admin-danger-hover) !important;
  border-color: var(--admin-danger-hover) !important;
}

.btn-danger:active,
.btn-danger.active,
.show > .btn-danger.dropdown-toggle,
.btn-check:checked + .btn-danger,
.btn-check:active + .btn-danger {
  color: var(--admin-danger-contrast) !important;
  background-color: var(--admin-danger-active) !important;
  border-color: var(--admin-danger-active) !important;
}

.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger:active,
.btn-outline-danger.active,
.btn-check:checked + .btn-outline-danger,
.btn-check:active + .btn-outline-danger,
.btn-outline-danger.dropdown-toggle.show {
  background-color: var(--admin-danger-color) !important;
  border-color: var(--admin-danger-color) !important;
  color: var(--admin-danger-contrast) !important;
}

.bg-label-danger,
.alert-danger,
.list-group-item-danger {
  background-color: rgba(var(--admin-danger-rgb), 0.12) !important;
  color: var(--admin-danger-color) !important;
  border-color: rgba(var(--admin-danger-rgb), 0.22) !important;
}

.table-danger {
  --bs-table-bg: rgba(var(--admin-danger-rgb), 0.12);
  --bs-table-striped-bg: rgba(var(--admin-danger-rgb), 0.16);
  --bs-table-active-bg: rgba(var(--admin-danger-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--admin-danger-rgb), 0.18);
  color: var(--admin-heading-color) !important;
  border-color: rgba(var(--admin-danger-rgb), 0.24) !important;
}

.text-dark,
.link-dark,
.btn-outline-dark,
a.text-dark,
.alert-dark .alert-link {
  color: var(--admin-dark-color) !important;
}

.bg-dark,
.badge.bg-dark,
.text-bg-dark {
  background-color: var(--admin-dark-color) !important;
  color: var(--admin-dark-contrast) !important;
}

.border-dark,
.btn-outline-dark {
  border-color: var(--admin-dark-color) !important;
}

.btn-dark {
  color: var(--admin-dark-contrast) !important;
  background-color: var(--admin-dark-color) !important;
  border-color: var(--admin-dark-color) !important;
  box-shadow: 0 0.125rem 0.25rem rgba(var(--admin-dark-rgb), 0.4) !important;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-check:focus + .btn-dark {
  color: var(--admin-dark-contrast) !important;
  background-color: var(--admin-dark-hover) !important;
  border-color: var(--admin-dark-hover) !important;
}

.btn-dark:active,
.btn-dark.active,
.show > .btn-dark.dropdown-toggle,
.btn-check:checked + .btn-dark,
.btn-check:active + .btn-dark {
  color: var(--admin-dark-contrast) !important;
  background-color: var(--admin-dark-active) !important;
  border-color: var(--admin-dark-active) !important;
}

.btn-outline-dark:hover,
.btn-outline-dark:focus,
.btn-outline-dark:active,
.btn-outline-dark.active,
.btn-check:checked + .btn-outline-dark,
.btn-check:active + .btn-outline-dark,
.btn-outline-dark.dropdown-toggle.show {
  background-color: var(--admin-dark-color) !important;
  border-color: var(--admin-dark-color) !important;
  color: var(--admin-dark-contrast) !important;
}

.bg-label-dark,
.alert-dark,
.list-group-item-dark {
  background-color: rgba(var(--admin-dark-rgb), 0.12) !important;
  color: var(--admin-dark-color) !important;
  border-color: rgba(var(--admin-dark-rgb), 0.22) !important;
}

.table-dark {
  --bs-table-bg: rgba(var(--admin-dark-rgb), 0.12);
  --bs-table-striped-bg: rgba(var(--admin-dark-rgb), 0.16);
  --bs-table-active-bg: rgba(var(--admin-dark-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--admin-dark-rgb), 0.18);
  color: var(--admin-heading-color) !important;
  border-color: rgba(var(--admin-dark-rgb), 0.24) !important;
}