/* restart the server after changing style in the css to update it */

.userInfoMenu {
    background-color: var(--very-light-gray);
    border-color: black;
    border-top: none;
    border-radius: 5px;
}

.userInfoMenuButton {
    border-color: black;
    border-bottom: none;
    background-color: var(--very-light-gray);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.userInfoMenuButton:hover {
    background-color: var(--light-blue);
}

.userInfoItemLayout {
    background-color: var(--very-light-gray);
    border-color: grey;
}

.userInfoItemLayout:hover {
    background-color: var(--light-blue);
}

.userInfoItemLabel {
    font-weight: 600;
    font-size: 12px;
    color: var(--dark-gray);
    padding-left: 10px;
    font-family: Arial, Verdana, sans-serif;
}

.userInfoSmallLabel {
    font-size: 10px;
    font-weight: normal;
    color: grey;
    padding-left: 10px;
    white-space: nowrap;
}

.userInfoItemImage {
    float: left;
    padding-left: 5px;
}