.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active,
.alert-primary {
  background-color: #202c61 !important;
}

.main-sidebar.sidebar-light-primary,
.content-wrapper,
body.login-page,
body.verification-page {
  background-color: #e5e7f7;
}
.card-primary:not(.card-outline) > .card-header {
  background-color: #202c61 !important;
}

.btn-primary {
  background-color: #202c61;
  border-color: #202c61;
}

.user-img {
  max-height: 200px;
  border: 5px solid #202c61;
  border-radius: 5px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
  background-color: #202c61 !important;
}

.page-item.active .page-link {
  background-color: #202c61;
  border-color: #202c61;
}
.page-link,
a {
  color: #202c61;
}
.bg-info {
  background-color: #202c61 !important;
}

.font-weight-600 {
  font-weight: 600;
}
.navbar-custom {
  background-color: #202c614a;
}

.brand-name {
  display: flex;
  align-items: center;
  gap: 16px;
}

.card-primary.card-outline {
  border-top: 3px solid #202c61;
}

.custom-box-1 {
  background-color: #202c61; /* Primary navy from logo */
  color: #fff;
}
.custom-box-2 {
  background-color: #d4af37; /* Gold accent from logo */
  color: #202c61; /* Navy text for contrast */
}
.custom-box-3 {
  background-color: #4a5a8a; /* Lighter navy */
  color: #fff;
}
.custom-box-4 {
  background-color: #f5f1e8; /* Cream/off-white */
  color: #202c61; /* Navy text */
}

.card-secondary:not(.card-outline) > .card-header {
  background-color: #d4af37 !important;
  color: #202c61; /* Navy text for contrast */
}