:root,
[data-bs-theme="light"] {
  --brand-primary: #0b8aae;
  --brand-primary-rgb: 11, 138, 174;
  --brand-secondary: #0f2c60;
  --brand-secondary-rgb: 15, 44, 96;
  --brand-dark: #0a204a;
  --brand-dark-rgb: 10, 32, 74;

  --bs-primary: var(--brand-primary);
  --bs-primary-rgb: var(--brand-primary-rgb);
  --bs-secondary: var(--brand-secondary);
  --bs-secondary-rgb: var(--brand-secondary-rgb);
  --bs-dark: var(--brand-dark);
  --bs-dark-rgb: var(--brand-dark-rgb);

  --bs-link-color: var(--brand-primary);
  --bs-link-color-rgb: var(--brand-primary-rgb);
  --bs-link-hover-color: #0a204a;
  --bs-link-hover-color-rgb: var(--brand-dark-rgb);

  --bs-body-bg: #ffffff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-body-color: #0f2c60;
  --bs-body-color-rgb: var(--brand-secondary-rgb);
  --bs-heading-color: #0a204a;
  --bs-emphasis-color: #0a204a;
  --bs-secondary-color: rgba(15, 44, 96, 0.75);
  --bs-secondary-bg: rgba(15, 44, 96, 0.12);
  --bs-tertiary-color: rgba(15, 44, 96, 0.5);
  --bs-border-color: #e0e6f0;
  --bs-border-color-translucent: rgba(10, 32, 74, 0.14);
  --bs-primary-bg-subtle: #e1f3fa;
  --bs-primary-border-subtle: #b5e0ef;
  --bs-primary-text-emphasis: #0a204a;
  --bs-card-bg: #ffffff;
}

body {
  background-color: #ffffff;
  color: #0f2c60;
}

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

.bg-primary {
  background-color: #0b8aae !important;
}

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #0a204a !important;
}

.bg-label-primary {
  background-color: rgba(11, 138, 174, 0.12) !important;
  color: #0b8aae !important;
}

.border-label-primary {
  border: 3px solid #b5e0ef !important;
}

.border-light-primary {
  border: 3px solid rgba(11, 138, 174, 0.08);
}

.btn-primary {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #0b8aae;
  --bs-btn-border-color: #0b8aae;
  --bs-btn-hover-bg: #0a204a;
  --bs-btn-hover-border-color: #0a204a;
  --bs-btn-focus-shadow-rgb: 11, 138, 174;
  --bs-btn-active-bg: #0f2c60;
  --bs-btn-active-border-color: #0f2c60;
  --bs-btn-disabled-bg: #0b8aae;
  --bs-btn-disabled-border-color: #0b8aae;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.25);
}

/* Normalize primary buttons everywhere */
.btn,
.btn-primary,
.btn.btn-primary {
  background-color: #0b8aae !important;
  border-color: #0b8aae !important;
  color: #ffffff !important;
}

.btn-primary:hover,
.btn.btn-primary:hover {
  background-color: #0a204a !important;
  border-color: #0a204a !important;
}

.btn-primary:active,
.btn.btn-primary:active,
.btn-primary.active,
.btn.btn-primary.active {
  background-color: #0f2c60 !important;
  border-color: #0f2c60 !important;
}

.btn-primary:disabled,
.btn.btn-primary:disabled {
  background-color: #0b8aae !important;
  border-color: #0b8aae !important;
  opacity: 0.65;
}

/* Footer links */
.footer a,
.footer .footer-link,
.content-footer .footer-link {
  color: #0b8aae !important;
}

.footer a:hover,
.footer .footer-link:hover,
.content-footer .footer-link:hover {
  color: #0a204a !important;
}

.btn-outline-primary {
  --bs-btn-color: #0b8aae;
  --bs-btn-border-color: #0b8aae;
  --bs-btn-hover-bg: #0b8aae;
  --bs-btn-hover-border-color: #0b8aae;
  --bs-btn-active-bg: #0f2c60;
  --bs-btn-active-border-color: #0f2c60;
  --bs-btn-disabled-color: #0b8aae;
  --bs-btn-disabled-border-color: #0b8aae;
  color: #0b8aae;
}

.badge.bg-primary,
.badge-primary {
  background-color: #0b8aae !important;
  color: #ffffff !important;
}

.alert-primary {
  background-color: #e1f3fa;
  border-color: #b5e0ef;
  color: #0a204a;
}

.alert-primary .alert-icon {
  background-color: #0b8aae;
  box-shadow: 0 0 0 0.125rem rgba(11, 138, 174, 0.16);
}

.table-primary {
  --bs-table-bg: #e1f3fa;
  --bs-table-striped-bg: #d8eaf5;
  --bs-table-striped-color: #0f2c60;
  --bs-table-active-bg: #cde4f1;
  --bs-table-active-color: #0f2c60;
  --bs-table-hover-bg: #d2e7f3;
  --bs-table-hover-color: #0f2c60;
  color: #0f2c60;
  border-color: #b5e0ef;
}

.page-item.active .page-link,
.page-item.active .page-link:hover,
.page-item.active .page-link:focus {
  background-color: #0b8aae;
  border-color: #0b8aae;
}

.dropdown-notifications-item:not(.mark-as-read)
  .dropdown-notifications-read
  span {
  background-color: #0b8aae;
}

.bg-menu-theme .menu-inner > .menu-item.active > .menu-link {
  color: #ffffff;
  background: linear-gradient(135deg, #0f2c60 0%, #0b8aae 100%) !important;
}

.bg-menu-theme .menu-inner > .menu-item.active > .menu-link .menu-icon {
  color: #ffffff;
}

.bg-menu-theme .menu-inner .menu-sub .menu-link {
  color: #0a204a !important;
  background-color: #ffffff;
  opacity: 1;
}

.bg-menu-theme .menu-inner .menu-sub .menu-link:hover {
  color: #0a204a !important;
  background-color: rgba(15, 44, 96, 0.06);
}

.bg-menu-theme .menu-sub > .menu-item.active > .menu-link {
  color: #0a204a !important;
  background-color: rgba(15, 44, 96, 0.12);
}

.bg-menu-theme
  .menu-sub
  > .menu-item.active
  > .menu-link:not(.menu-toggle):before {
  background-color: #0a204a !important;
  border: 3px solid rgba(15, 44, 96, 0.18) !important;
}

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

.bg-menu-theme.menu-vertical {
  background: linear-gradient(180deg, #e8f5fb 0%, #dbe9f5 100%) !important;
  border-right: 1px solid rgba(0, 32, 74, 0.06);
}

.bg-menu-theme {
  background: linear-gradient(180deg, #e8f5fb 0%, #dbe9f5 100%) !important;
  color: #0a204a;
}

.bg-menu-theme .menu-inner .menu-item .menu-link {
  color: #0f2c60;
  border-radius: 10px;
}

.bg-menu-theme .menu-inner .menu-item .menu-link .menu-icon {
  color: #0b8aae;
}

.bg-menu-theme .menu-inner .menu-item .menu-link:hover {
  background-color: rgba(11, 138, 174, 0.12);
  color: #0a204a;
}

.bg-menu-theme .menu-header {
  color: #0a204a;
}

.bg-menu-theme .menu-header:before {
  background-color: rgba(11, 138, 174, 0.25) !important;
}

.bg-menu-theme .menu-inner > .menu-item.open > .menu-link {
  background-color: rgba(11, 138, 174, 0.18);
}

.bg-menu-theme .menu-inner .menu-sub .menu-link {
  color: #dce8ff;
}

.bg-menu-theme .menu-inner > .menu-item.active:before {
  background: #0b8aae;
}

.bg-menu-theme
  .menu-sub
  > .menu-item.active
  > .menu-link:not(.menu-toggle):before {
  background-color: #0b8aae !important;
  border: 3px solid rgba(11, 138, 174, 0.16) !important;
}

.app-brand.demo {
  align-items: center;
  padding: 24px 20px 12px;
}

.app-brand.demo img {
  max-height: 90px;
  width: auto;
  display: block;
}

.app-brand .layout-menu-toggle {
  background-color: #0b8aae;
  border: 7px solid #ffffff;
}

.app-brand .layout-menu-toggle i {
  color: #ffffff;
}

.swal2-confirm.custom-confirm {
  background: linear-gradient(135deg, #0b8aae, #0f2c60) !important;
  color: #ffffff !important;
  border: none !important;
}

.swal2-confirm.custom-confirm:hover {
  background: #0a204a !important;
  color: #ffffff !important;
}