html {
  font-family: "Open Sans", "Inter", system-ui, sans-serif;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

:root {
  /* Custom Brand Colors */
  --color-primary: #14448C;
  --color-secondary: #1479B8;
  --color-danger: #D6292E;
  --bs-link-color: #14448C;
  --bs-pagination-active-bg: #14448C;
  --bs-pagination-active-border-color: #14448C;
  /* Bootstrap Variable Overrides */
  --bs-primary: #14448C;
  --bs-primary-rgb: 20, 68, 140;
  --bs-secondary: #1479B8;
  --bs-secondary-rgb: 20, 121, 184;
  --bs-danger: #D6292E;
  --bs-danger-rgb: 214, 41, 46;

  /* Derived Colors */
  --color-light-red: #fae0e0;
  --color-light-blue: #d6e6f5;
  --color-blue: #14448C;
}

.table-hover tbody tr:hover {
  --bs-table-hover-bg: var(--color-light-red);
}

.background-light-blue {
  background-color: var(--color-light-blue) !important;
}

.border-blue {
  border-color: var(--color-blue) !important;
}

.border-bottom-2 {
  border-bottom-width: 2px !important;
}

/* Bootstrap Button Overrides */
.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: #1a5aa6;
  --bs-btn-hover-border-color: #154b8e;
  --bs-btn-active-bg: #0e3368;
  --bs-btn-active-border-color: #0d2f5e;
}

.btn-secondary {
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-bg: #1090d8;
  --bs-btn-hover-border-color: #0e82c6;
  --bs-btn-active-bg: #0f5a8c;
  --bs-btn-active-border-color: #0e5484;
}

.btn-danger {
  --bs-btn-bg: var(--bs-danger);
  --bs-btn-border-color: var(--bs-danger);
  --bs-btn-hover-bg: #b82228;
  --bs-btn-hover-border-color: #a01e23;
  --bs-btn-active-bg: #a01e23;
  --bs-btn-active-border-color: #8a1a1f;
}

/* Bootstrap Pagination Overrides */
.page-item.active .page-link {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: #fff;
}

.page-link {
  color: var(--bs-primary);
}

.page-link:hover {
  color: #1a5aa6;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.page-link:focus {
  color: #1a5aa6;
  box-shadow: 0 0 0 0.25rem rgba(20, 68, 140, 0.25);
}

.nav-link {
  color: white
}

/* Navbar Dropdown Styling */
.navbar .dropdown-menu {
  background-color: #fff;
  border: 1px solid #000;
}

.navbar .dropdown-menu .dropdown-item:hover,
.navbar .dropdown-menu .dropdown-item:focus {
  /*background-color: var(--color-light-red);*/
  /*color: inherit;*/
  background-color: var(--bs-primary);
  color: #fff;
}

.navbar .dropdown-menu .dropdown-item.active,
.navbar .dropdown-menu .dropdown-item:active {
   background-color: var(--bs-primary);
  color: #fff;

  /*background-color: var(--color-light-red);*/
  /*color: inherit;*/
}