/*--------------------------------------------------------------
# Font Definition
--------------------------------------------------------------*/
:root {
    --bs-body-font-family: 'Noto Sans', sans-serif;
}

/*--------------------------------------------------------------
# Global Bootstrap Font Overrides
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea,
.navbar,
.nav-tabs .nav-link,
.dropdown-menu .dropdown-item,
.btn,
.form-control {
  font-family: var(--bs-body-font-family) !important;
}

/*--------------------------------------------------------------
# Active Tab Styling (Dark Blue / White)
--------------------------------------------------------------*/
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:focus,
.nav-tabs .nav-link.active:hover {
  background-color: #1f445d !important;
  color: #ffffff !important;
  border-color: #1f445d #1f445d transparent !important;
  box-shadow: none !important;
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Active Dropdown Item (Dark Blue / White)
--------------------------------------------------------------*/
.dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item:active {
  background-color: #1f445d !important;
  color: #ffffff !important;
}

/*--------------------------------------------------------------
# Hovered Dropdown Item (Light Blue Tint)
--------------------------------------------------------------*/
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
  background-color: #e9f1f6 !important;
  color: #1c445c !important;
}

/* Force proper hover/active colors on dropdown items */
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item:active {
    background-color: #1f445d !important;
    color: #ffffff !important;
}

/*--------------------------------------------------------------
# Active Tab Styles (Main Tabs)
--------------------------------------------------------------*/
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:active,
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    background-color: #1f445d !important;
    color: #ffffff !important;
    border-color: #1f445d #1f445d transparent !important;
    box-shadow: none !important;
}