/* === Navbar Styles === */
/* Replicating old nav-pills colors for the new Bootstrap 5 navbar */
.navbar-light .navbar-nav .nav-link:not(.active) {
    color: #00678D;
}

.navbar-light .navbar-nav .nav-link:not(.active):hover {
    color: #00506a; /* Darken on hover */
}

.navbar-light .navbar-nav .nav-link.active {
    /* Bootstrap's default active is often just a darker text or a subtle background.
       The old style was solid. Replicating that for now. */
    color: #FFFFFF;
    background-color: #00678D;
    border-radius: var(--bs-nav-pills-border-radius, 0.25rem); /* Match Bootstrap's pill rounding */
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: #AAAAAA;
}

/* Project selector dropdown - specific styling if needed beyond project-text-color */
/* project-text-color class should handle the text and icon color already. */
/* Add margin to separate project selector from main nav items */
.navbar-collapse > .dropdown:first-child {
    margin-right: var(--bs-navbar-nav-link-padding-x, 0.5rem);
}

/* User account dropdown icon color */
.navbar-light .navbar-nav ~ .dropdown .nav-link .bi, /* Catches user dropdown when it's after navbar-nav */
.navbar-light .ms-auto.dropdown .nav-link .bi { /* Catches user dropdown if it's simply ms-auto */
    color: #00678D;
}

/* Ensure icons in nav links align well if default is off */
.navbar-nav .nav-link .bi,
.navbar-collapse > .dropdown > .nav-link .bi {
    vertical-align: middle; /* Ensure icons are vertically centered with text */
    font-size: 1.1rem; /* Slightly increase icon size for better visibility in top bar */
}
/* === End Navbar Styles === */


/* === General Dropdown Styling === */
/* Set default text color for dropdown items in our navbar context */
.navbar-light .navbar-nav .dropdown-menu .dropdown-item {
    color: #00678D;
}

/* Hover and Focus states for dropdown items */
.navbar-light .navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar-light .navbar-nav .dropdown-menu .dropdown-item:focus {
    color: #00506a; /* Consistent with nav-link:not(.active):hover */
    background-color: #e9ecef; /* A common Bootstrap hover background */
}

/* Active state for dropdown items */
.navbar-light .navbar-nav .dropdown-menu .dropdown-item.active,
.navbar-light .navbar-nav .dropdown-menu .dropdown-item:active { /* :active for click, .active for current page */
    color: #FFFFFF !important; /* Important to override hover text color */
    background-color: #00678D !important; /* Important to override hover background */
}

/* Styling for icons within dropdown items */
.navbar-light .navbar-nav .dropdown-menu .dropdown-item .bi {
    vertical-align: middle;
    font-size: 1.1rem; /* Consistent with other navbar icons */
    margin-right: 0.35rem; /* Slightly more spacing for dropdown items */
}
/* Active development badge */
.dev-badge {
    font-size: 0.7rem;
    vertical-align: middle;
}

.dev-badge i {
    margin-right: 0.2rem !important;
    font-size: inherit !important;
}

.dropdown-item .dev-badge {
    margin-left: auto;
    align-self: center;
}
/* === End General Dropdown Styling === */


.nav-dropdown {
    color: #00678D;
}

/* .dropdown-menu  {
    color: #00678D;  Commented out as it's too broad and handled above more specifically
} */

.project-text-color {
    color: #00678D;
}

.project-dropdown {
    color: #00678D;
}

thead th {
    background-color: #00678D !important;
    color: #FFFFFF !important;
}

.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #f8fdff !important;
 }

 .spinner-al {
    color: #00678D !important;
    width: 100px; height: 100px;
 }

 .copy-markdown {
    display: block;
    position: absolute;
    left: -9999px;
    width:0;
    height:0;
    opacity: 0;
    white-space: pre;
 }

 [data-toggle="collapse"].collapsed .if-not-collapsed {
    display: none;
  }
  [data-toggle="collapse"]:not(.collapsed) .if-collapsed {
    display: none;
  }

.file-uploads-container {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f9f9f9;
}

.hidden-div {
  display: none;
}

.zoom-id-card {
    border-left: 3px solid #65828d;
}