.input-validation-error {
    border-color: var(--bs-danger) !important;
}

select.select2.input-validation-error + .select2-container .select2-selection,
select.select2-hidden-accessible.input-validation-error + .select2-container .select2-selection {
    border-color: var(--bs-danger) !important;
}

.username-input::placeholder {
    text-transform: lowercase;
}

#appModalContent {
    max-height: calc(100vh - 2rem);
    overflow: hidden;
}

#appModalContent > form {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

#appModalContent > form > .modal-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

#appModalContent > form > .modal-footer {
    flex: 0 0 auto;
}