html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

/* Ensure the dropdown stays within the viewport */
.navbar .dropdown-menu {
    max-width: 300px; /* Optional: Limit width */
    overflow-x: hidden; /* Prevent horizontal overflow */
    overflow-y: auto; /* Allow vertical scrolling if needed */
    white-space: normal; /* Prevent text from expanding horizontally */
}

/* Optional: Add margin or padding to prevent edge clipping */
.navbar .dropdown-menu-end {
    margin-right: 10px;
}

/* ____________________________________________________________________________________________ */
.nav-tabs .nav-link.active {
    background-color: #467d73; /* Highlight color for the active tab */
    color: #f6b232; /* White text for better contrast */
    border-color: #467d73; /* Match border color with background */
}

.nav-tabs .nav-link {
    color: #467d73; /* Default tab color */
}
.text-pg2-dg {
    color: #366b5e;
}

.text-pg2-lg {
    color: #f2a426;
}

.bg-pg2-dg {
    background: #557E73 !important;
}

.bg-pg2-lt {
    background: #dfefe0 !important;
}