.table th {
    font-size: 14px;
    font-weight: bold; /* Make the text bold */
    text-align: left; /* Align text to the left */
    padding-left: 10px; /* Add left padding for spacing */
}

.catsubmenu {
    width: 80%; /* Keep the same width */
    margin-right: 0; /* Align to the right */
    padding: 3px 8px; /* Reduce padding to make the height smaller */
    font-size: 0.9rem; /* Make the font size smaller */
    color: darkgreen; /* Set font color */
    background-color: #e6ffe6; /* Light green background */
    border: 1px solid darkgreen; /* Add dark blue border */
    border-radius: 5px; /* Optional: Add rounded corners */
    text-align: center; /* Center-align text */
    text-decoration: none; /* Remove underline */
    transition: background-color 0.3s ease; /* Smooth transition for hover effect */
}

    .catsubmenu:hover {
        background-color: #ccffcc; /* Green tone on hover */
    }

    .catsubmenu + .catsubmenu {
        margin-top: 5px; /* Add spacing between buttons */
    }

    .catsubmenu.active {
        background-color: #ccffcc; /* Highlight active button in green tone */
        color: darkgreen; /* Text color */
        font-weight: bold; /* Make the text bold */
    }

.container-fluid.flex-grow-1 {
    flex-grow: 1; /* Allow the main content to grow and push the footer down */
}

.custom-link {
    text-decoration: none; /* Remove underline */
    color: green; /* Default text color */
    transition: color 0.3s ease, text-decoration 0.3s ease; /* Smooth transition */
    padding-left: 10px; /* Add left padding for spacing */
}

    .custom-link:hover {
        text-decoration: underline; /* Add underline on hover */
        color: darkgreen; /* Change text color on hover */
        padding-left: 10px; /* Add left padding for spacing */
    }

.note-row {
    border-bottom: 1px solid lightgray; /* Add a 1px light gray border between rows */
}

/* Define custom colors */
:root {
    --dainty-lace: #f5f5f0;
    --grasslands: #3b7a57;
    --metallic-gold: #d4af37;
    --lime-tree: #d8d06c;
    --gray: #bfc9ca;
}

/* Button style */
.button_one {
    background-color: var(--gray);
    color: darkgreen;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    border: none;
    border-radius: 4px; /* Small rounded corners */
    padding: 5px 10px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}

    /* Hover effect */
    .button_one:hover {
        background-color: var(--metallic-gold);
        color: white;
        text-decoration: none;
    }

.duplicate-email {
    color: red;
    font-weight: bold;
}

/* Uniform width for top navigation buttons */
.navbar-nav .nav-link {
    min-width: 110px; /* Adjust this to match the width of "Categories" */
    text-align: center;
    font-weight: bold;
    background-color: #ffd699; /* light orange */
    margin-right: 5px;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

    .navbar-nav .nav-link:hover {
        background-color: #ff9900; /* dark orange */
        color: white;
    }

.admin-submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #ffcc99;
    padding: 5px;
    border-radius: 5px;
    z-index: 1000;
}

    .admin-submenu a {
        display: block;
        margin-bottom: 5px;
        font-weight: normal;
        text-decoration: none;
        color: darkgreen;
    }

        .admin-submenu a:hover {
            background-color: #ff9933;
            color: white;
            font-weight: bold;
        }

.admin-menu:hover .admin-submenu {
    display: block;
}