.kafomet-fieldset .kafomet-roles {
    display: flex;
    justify-content: center;
    align-items: center;
}

.kafomet-roles > ul {
    display: flex !important;
    flex-wrap: wrap !important;
}

.kafomet-notice {
    text-align: center;
    display: block;
    font-style: italic;
    margin-bottom: 10px;
}

.kafomet-red {
    color: #e63188;
}

.kafomet-green {
    color: #00a65a;
}

.kafomet-hidden {
    display: none;
}

/* picture */
.kafomet-fieldset .student-validation-picture img {
    display: block;
    margin: 0px auto;
    max-height: 90vh;
    max-width: 100%;
    max-width: -moz-available;
    max-width: -webkit-fill-available;
    max-width: fill-available;
}

.qq-uploader-selector {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.qq-uploader-selector > .qq-upload-button {
    width: auto;    /* wider button for non-english localization */
}
/* fixes */

.kafomet-roles #Role-error {
    margin-top: 10px;
    display: inline-block;
}