/* Align the dropdown menu and adjust margins and padding */
.custom-dropdown-nav {
    background-color: transparent;
    border: none;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 15px; /* Adjust padding to align with other nav items */
    color: #0056b3; /* Same color as other links */
    font-family: Arial, Helvetica, sans-serif;
}

/* Adjust the dropdown button margins */
.navbar .dropdown {
    margin-left: 10px; /* Adjust margin to align with other links */
}

.collapse, .navbar-collapse {
    justify-content: flex-start !important;
}

/* Ensure the dropdown menu is properly styled */
.dropdown-menu {
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #ddd; /* Optional: subtle border */
    margin-top: 0px; /* Align the dropdown with the button */
}

/* Adjust hover behavior for a cleaner UI */
.custom-dropdown-nav:hover, .dropdown-item:hover {
    background-color: #e9ecef; /* Hover background color */
    color: #0056b3; /* Adjust hover text color */
}

/* Additional styling for dropdown items */
.dropdown-item {
    padding: 5px 10px;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}

/* Ensure the dropdown toggle button aligns with the nav links */
.custom-dropdown-nav::after {
    margin-left: 8px;
}

/* Ensure the dropdown is properly visible */
.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent;
}

.userdiv {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    width: 100%;
    color: #115ba4 !important;
    margin: 0;
    padding: 0;
    padding-right: 50px;
    gap: 10px;
}

.render-body-container {
    min-height: 50vh; /* Ensure it takes up at least 50% of the viewport height */
    height: auto; /* Allow the height to adjust based on content */
    overflow: auto; /* Allow scrolling if content exceeds the height */
}