@media screen and (max-width: 991px) {
    .navbar li .submenu {
        list-style: none;
        margin: 0;
        padding: 0;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .navbar .nav-link {
        color: #333;
    }

        .navbar .nav-link:hover {
            color: #333;
            background-color: #F2F2F2;
            border-radius: 8px;
        }

        .navbar .nav-link:active {
            color: #00798e;
            font-weight: bold;
            background-color: #e0f2f1;
            border-radius: 5px;
        }

    .dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border: solid black;
        border-width: 0 0.1em 0.1em 0;
        display: inline-block;
        padding: 3px;
        transform: rotate(45deg);
        float: right;
        margin-top: 7px;
    }

    .dropdown-toggle.is-clicked::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border: solid black;
        border-width: 0 0.1em 0.1em 0;
        display: inline-block;
        padding: 3px;
        transform: rotate(225deg);
        float: right;
        margin-top: 8px;
    }
}

@media screen and (min-width: 992px) {
    .navbar li .submenu {
        list-style: none;
        margin: 0;
        padding: 0;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .navbar .nav-link {
        color: #333;
    }

        .navbar .nav-link:hover {
            color: #333;
            background-color: #F2F2F2;
            border-radius: 8px;
        }

        .navbar .nav-link:active {
            color: #00798e;
            font-weight: bold;
            background-color: #e0f2f1;
            border-radius: 5px;
        }

    .dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border: solid black;
        border-width: 0 0.1em 0.1em 0;
        display: inline-block;
        padding: 3px;
        transform: rotate(45deg);
        float: right;
        margin-top: 7px;
    }

    .dropdown-toggle.is-clicked::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border: solid black;
        border-width: 0 0.1em 0.1em 0;
        display: inline-block;
        padding: 3px;
        transform: rotate(225deg);
        float: right;
        margin-top: 8px;
    }
}

.selected > a.nav-link {
    background: #F8F8F8;
    border-radius: 8px;
    color: #00798E;
    font-weight: 700;
}