/* Change the main background color of the top navbar */
.navbar {
    background-color: #449180 !important;
}

/* Force the top navigation dropdowns to scroll if they exceed the screen height */
.navbar .dropdown-menu {
    max-height: 80vh;
    overflow-y: auto;
}

/* Ensure the custom logo fits perfectly inside the navbar */
.navbar-brand img {
    height: 2rem !important; /* Adjust this value up or down to scale your logo */
    width: auto;
    object-fit: contain;
    margin-right: 12px !important;

    border: 1px solid #000000 !important;
    border-radius: 3px !important;
}

/* Ensure the left sidebar/nav menu also scrolls cleanly if you have tons of items */
.sidebar .nav {
    overflow-y: auto;
    max-height: calc(100vh - 100px);
}