.user-option-button {
    font-size: 1.2em;
    padding: 0.5em;
    /* width: 100%; */
}

#ezmann-username-section {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #13a000;
    border-radius: 3em;
    width: 6em;
    height: 6em;
    text-align: center;
    /* vertical-align: middle; */
}


#ezmann-username {
    /* background-color: pink; */
    margin: 0;
    color: #13a000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.5em;
    font-style: italic;
}

#user-id-list-box {
    overflow-y: auto;
    border: 1px solid black;
    max-height: 16em;
}

.user-id-list-option-wrapper {
    display: flex;
    border: 1px solid black;
    height: 2.5em;
}

.user-id-button {
    width: 80%;
    font-size: 1.2em;
    border: 0;
    background-color: #18aaff;
}
/* .user-id-button:hover {
    background-color: #56c1ff;
}
.user-id-button:active {
    background-color: #9fdcff;
} */

.user-image-file {
    width: 20%;
}

#user-id-button-sample {
    width: 80%;
    font-size: 1.2em;
    /* padding: 0.5em; */
}

#user_image_sample {
    width: 20%;
}

#add-user-body-section {
    padding: 1em;
    overflow: auto;
    max-height: 24em;
    display: flex;
    gap: 1em;
}

#manage-user-info-body-section {
    padding: 1em;
    overflow: auto;
}