:root {
  --bs-custom-light: #51c7e9;
  --bs-custom-dark: #005a90;
  --bs-custom-dark-hover: #004a78;
  --bs-custom-dark-active: #003a60;
}

/* Apply the font globally */
body {
  font-family: "Roboto", sans-serif;
  overflow-x: hidden;
}

/* Apply to headings */
h1, h2, h3, h4, .card-header span {
  font-family: "Montserrat", sans-serif;
  font-weight: 800; /* try 700, 800, or 900 for thickness */
  color: #2c3e50;
  letter-spacing: 0.5px;
}

.btn {
  --bs-btn-border-radius: 0;
}

.btn-custom {
  --bs-btn-bg: var(--bs-custom-dark);
  --bs-btn-border-color: var(--bs-custom-dark);
  --bs-btn-hover-bg: var(--bs-custom-dark-hover);
  --bs-btn-hover-border-color: var(--bs-custom-dark-hover);
  --bs-btn-active-bg: var(--bs-custom-dark-active);
  --bs-btn-active-border-color: var(--bs-custom-dark-active);
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff;
  --bs-btn-border-radius: 0;
}

.btn-outline-custom {
  --bs-btn-color: var(--bs-custom-dark);
  --bs-btn-border-color: var(--bs-custom-dark);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-custom-dark);
  --bs-btn-hover-border-color: var(--bs-custom-dark);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-custom-dark-active);
  --bs-btn-active-border-color: var(--bs-custom-dark-active);
  --bs-btn-disabled-color: var(--bs-custom-dark);
  --bs-btn-disabled-border-color: var(--bs-custom-dark);
  --bs-btn-border-radius: 0;
}

.bg-custom-dark {
  background-color: var(--bs-custom-dark) !important;
}

.bg-custom-light {
  background-color: var(--bs-custom-light) !important;
}

.text-custom-dark {
  color: var(--bs-custom-dark) !important;
}

.text-custom-light {
  color: var(--bs-custom-light) !important;
}

/* Desktop sidebar */
@media (min-width: 992px) {
  .sidebar {
    width: 240px;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: #f8f9fa;
    border-right: 1px solid #ddd;
    padding-top: 1rem;
  }
  .main-content {
    margin-left: 240px;
  }
}
/* Base nav-link */
.myNav .nav-link {
  color: #333;
  border-radius: 4px;
}

/* Active state using your brand color */
.myNav .nav-link.active {
  background-color: rgba(0, 90, 144, 0.2) !important;
  color: var(--bs-custom-dark) !important;
}

/* Hover state (optional but looks premium) */
.myNav .nav-link:hover {
  background-color: var(--bs-custom-dark);
  color: #fff;
}

/* ACTIVE circle */
.nav-link.active .rounded-circle {
  background-color: var(--bs-custom-dark) !important;
  color: #fff !important;
  border-color: var(--bs-custom-dark) !important;
}

/* INACTIVE circle */
.nav-link .rounded-circle {
  background-color: transparent;
  color: var(--bs-custom-dark);
  border: 2px solid var(--bs-custom-dark);
}

/* INACTIVE label */
.nav-link .small {
  color: #6c757d;
}

/* ACTIVE label */
.nav-link.active .small {
  color: var(--bs-custom-dark) !important;
  font-weight: 600;
}

/*Page-Item*/
/* Active page number */
.page-item.active .page-link {
  background-color: var(--bs-custom-dark) !important;
  border-color: var(--bs-custom-dark) !important;
  color: #fff !important;
}

/* Optional: hover on active */
.page-item.active .page-link:hover {
  background-color: #004b78 !important;
  border-color: #004b78 !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-custom-dark-active);
  border-radius: 0 !important;
}

label.required::after {
  content: " *";
  color: var(--bs-danger);
  font-weight: 600;
}

/*# sourceMappingURL=site.css.map */