﻿.menu {
    cursor: default;
}

    .menu .ul .ul {
        background: rgb(220, 230, 220);
        padding: 8px;
        margin-bottom: 10px;
        border: 2px rgba(240,245,240,.5) solid;
        border-radius: 3px;
    }

.menuHeader {
    height: 22px;
    padding: 0px 4px 0px 4px;
    display: flex;
}


.menuLink {
    padding: 12px 4px 12px 4px;
    background: rgb(230, 230, 230);
    color: rgb(120,120,120);
    display: flex;
    justify-content: fill;
    cursor: default;
}

    .menuLink:hover {
        background: rgb(240, 240, 240);
    }

    .menuLink img, .menuLink .fa {
        padding-right: 9px;
    }

#languageMenu {
    position: absolute;
    width: 7em;
    right: 0px;
}

#loginMenu {
    position: absolute;
    width: 10em;
    right: 20px;
}

    #loginMenu .menuHeader {
        display: flex;
        justify-content: flex-end;
        padding-right: 12px;
        color: rgb(120,120,120);
        font-weight: 300;
    }

        #loginMenu .menuHeader .fa {
            font-size: larger;
            padding-right: 6px;
            color: lightgray;
        }

#languageMenu .menuHeader {
    flex-direction: row-reverse;
}

#languageMenu img {
    width: 16px;
    height: 11px;
    margin-top: 4px;
}

#headerRight {
    position: absolute;
    right: 40px;
    top: 5px;
}

#headerButtonsContainer {
    height: 22px;
}
