.custom-navbar {
    background-color: mediumpurple; /* Sets custom background color */
    color: white; /* Sets text color */
    padding: 10px; /* Adds padding around the navbar */
    font-size: 1rem; /* Sets font size */
    /*font-weight: bold;*/ /* Sets font weight */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Adds a subtle shadow */
    transition: background-color 0.3s ease; /* Smooth transition effect */
}

    .custom-navbar:hover {
        background-color: mediumpurple; /* Changes background color on hover */
    }

    .custom-navbar a {
        color: white;
    }

        .custom-navbar a:hover {
            color: gainsboro;
        }

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

ol {
    padding-bottom: 0;
    margin-bottom: 0 !important;
}

.margin-bottom {
    margin-bottom: 10px;
}

.margin-top {
    margin-top: 10px;
}

.rightMargin label {
    margin-right: 15px;
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 5px;
    font-weight: normal !important
}

#wrapper {
    display: flex;
    justify-content: right;
}

.dropdown a {
    color: white !important;
    /*font-weight: bold;*/
}

.dropdown-menu {
    background-color: white !important;
}

    .dropdown-menu a {
        color: darkslategrey !important;
        font-weight: normal;
    }

    .dropdown-menu:hover {
        color: darkslategrey !important;
    }

.dropdown-item {
    color: mediumpurple !important;
}

    .dropdown-item:active {
        background-color: white !important;
        color: darkslategrey !important;
    }

    .dropdown-item:hover {
        background-color: lightgray !important;
        color: darkslategrey !important;
    }

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* remove the gap so it doesn't close */
}