nav

.nav__absolute-dropdown {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7), 2px 2px 5px rgba(0, 0, 0, 0.8), 1px 1px 2px rgba(0, 0, 0, 0.9);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.7), 2px 2px 5px rgba(0, 0, 0, 0.8), 1px 1px 2px rgba(0, 0, 0, 0.9);
}
.nav__button {
    color: #C7C7C7 !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3), 0px 0px 1px rgba(0, 0, 0, 0.91) !important;
}
.nav__button-container--active i {
    color: #97CC97 !important;
    text-shadow: 1px 1px 0 black !important;
}
.nav__button-container--inactive i {
    color: #C0C1CE !important;
    text-shadow: 1px 1px 0 black !important;
}
.nav__button-container.is-selected .nav__button {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0px, #999999), color-stop(5px, #8C8C8C), to(#5A5A5A)) !important;
    background-image: -webkit-linear-gradient(#999999 0px, #8C8C8C 5px, #5A5A5A 100%) !important;
    background-image: linear-gradient(#999999 0px, #8C8C8C 5px, #5A5A5A 100%) !important;
    color: #1B1B1B;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3), 0px 0px 1px rgba(255, 255, 255, 0.5);
}
    .nav__button-container.is-selected .nav__button.is-selected {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0px, #9b9c9e), to(#4c505a));
    background-image: -webkit-linear-gradient(#9b9c9e 0px, #4c505a 100%);
    background-image: linear-gradient(#9b9c9e 0px, #4c505a 100%);
}
.nav__button-container:not(.nav__button-container-icon) .nav__button:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#9ba2b0), to(#596070));
    background-image: -webkit-linear-gradient(#9ba2b0 0px, #8c94a3 8px, #596070 100%)!important;
    background-image: linear-gradient(#9ba2b0 0px, #8c94a3 8px, #596070 100%)!important;
    color: #252b3d;
    text-shadow: 0px 1px 0px #85caef;
}
.nav__notification {
    color: #E0E0E0;
    text-shadow: 1px 1px 1px black, 0px 0px 1px black;
}
nav__button-container.nav__button-container--notification.nav__button-container--inactive, .nav__button-container.nav__button-container--notification.nav__button-container--active {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0px, #676a74), color-stop(5px, #63666f), to(#42454e));
    background-image: -webkit-linear-gradient(#676a74 0px, #63666f 5px, #42454e 100%);
    background-image: linear-gradient(#676a74 0px, #63666f 5px, #42454e 100%);
    border-radius: 4px;
}
.nav__button-container.is-selected .nav__button:hover:not(.is-selected) {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0px, #949494), to(#444444));
    background-image: -webkit-linear-gradient(#949494 0px, #444444 100%);
    background-image: linear-gradient(#949494 0px, #444444 100%);
    text-shadow: 1px 1px 1px black, 0px 0px 1px black !important;
}
.nav__button-container:not(.nav__button-container--notification) .nav__button.is-selected {
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3) inset;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0px, #646773), color-stop(5px, #545866), to(#393c49));
    background-image: -webkit-linear-gradient(#646773 0px, #545866 5px, #393c49 100%);
    background-image: linear-gradient(#646773 0px, #545866 5px, #393c49 100%);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3) inset;
}
.nav__button-container:not(.nav__button-container--notification) .nav__button:hover {
    background-image: linear-gradient(#9ba2b0 0px, #8c94a3 8px, #596070 100%)!important;
    background-image: -moz-linear-gradient(#9ba2b0 0px, #8c94a3 8px, #596070 100%)!important;
    background-image: -webkit-linear-gradient(#9ba2b0 0px, #8c94a3 8px, #596070 100%)!important;
    color: #D0D0D0 !important;
    text-shadow: 1px 1px 1px black, 0px 0px 1px black !important;
}
.nav__button-container:not(.nav__button-container--notification) {
    background-image: linear-gradient(#676a74 0px, #63666f 5px, #42454e 100%) !important;
}