/* Not Firefox */
@supports (backdrop-filter: blur(0.1rem)) {
    #termSwitcher {
        box-shadow: none;
    }

    #termSwitcher > div {
        box-shadow: inset 0 0 50px black;
    }

    #termSwitcher > div:hover {
        box-shadow: inset 0 0 100px black;
    }

    #termSwitcher > div > div:hover, #termSwitcher > div > div.active {
        opacity: 1 !important;
    }

    #termSwitcher:hover, #termSwitcher.hover, #termSwitcher::before, #GPA-container::before {
        box-shadow: black 0 0 10px 1px;
    }

    #notificationPanel::before {
        box-shadow: inset 0 19px 38px rgba(0, 0, 0, 0.30);
    }

    .dropdown-menu {
        border: none;
        color: rgba(255, 255, 255, 0.7);
        box-shadow: black 2px 2px 10px 1px;
    }

    div.unlock-with {
        color: #FFF;
    }

    /* Mobile Stuff */
    @media only screen and (max-width: 991px) {
        .dropdown-menu {
            box-shadow: none;
        }
    }
}