.form-row {
    align-items: var(--align-items-end);
    display: var(--display);
    flex-wrap: var(--flex-wrap);
    gap: var(--gap);
    justify-content: var(--justify-content-center);
    margin: var(--margin);
    margin-bottom: var(--margin-bottom);
}

.form-row-password {
    align-items: flex-start;
}

.form-header {
    color: var(--form-header-color);
    font-size: 1.5rem;
    font-weight: var(--font-weight-bold);
    margin: var(--margin);
}

.form-fields {
    flex-grow: var(--flex-grow);
}

.form-label {
    color: var(--color);
    font-weight: var(--font-weight-bold);
    transition: var(--transition);
}

.form-control,
.form-select {
    background-color: var(--form-control-background-color);
    border: 1px solid var(--border);
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    color: var(--color);
    text-align: var(--text-align-center);
    transition: var(--transition);
    width: var(--width);
}

.form-select {
    padding-right: 2.5rem;
}

.form-control:focus,
.form-control:hover,
.form-select:focus,
.form-select:hover {
    border: 1px solid var(--border);
    box-shadow: var(--box-shadow);
    outline: var(--outline);
    transform: var(--transform);
}

.form-select {
    cursor: pointer;
}

.form-control:disabled,
.form-select:disabled {
    background-color: var(--form-control-background-color);
    transition: var(--transition);
}

.form-control:disabled:hover,
.form-control:disabled:focus,
.form-select:disabled:hover,
.form-select:disabled:focus {
    background-color: var(--form-control-background-color);
    transform: var(--transform);
}

.btn {
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    transition: var(--transition);
}

.btn:focus,
.btn:hover {
    transform: var(--transform);
}

.progress {
    margin-top: var(--margin);
}

.extra-links {
    text-align: var(--text-align-end);
    margin-bottom: var(--margin-bottom);
}

.modal-body {
    align-items: var(--align-items-center);
    display: var(--display);
    justify-content: var(--justify-content-space);
}

.modal-content {
    border: 1px solid var(--border);
    border-radius: var(--border-radius);
}

.select2-container--bootstrap-5 .select2-selection {
    background-color: var(--form-control-background-color);
    border: 1px solid var(--border);
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
}

.select2-container--bootstrap-5 .select2-selection--single {
    align-items: var(--align-items-center);
    display: var(--display);
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    color: var(--color);
    flex: var(--flex);
    text-align: var(--text-align-center);
    
}

.select2-container--bootstrap-5 .select2-selection:focus,
.select2-container--bootstrap-5 .select2-selection:hover,
.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.select2-container--bootstrap-5.select2-container--open .select2-selection {
    background-color: var(--form-control-background-color);
    border: 1px solid var(--border);
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    transform: var(--transform);
    transition: var(--transition);
}

.select2-container--bootstrap-5 .select2-dropdown {
    background-color: var(--card-background-color);
    border: 1px solid var(--border);
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    width: 1% !important;
}

.select2-container--bootstrap-5:focus .select2-dropdown:focus {
    background-color: red;
    color: red;
}

.select2-container--bootstrap-5 .select2-search__field {
    transition: var(--transition);
    text-align: var(--text-align-center);
}

.select2-container--bootstrap-5 .select2-search__field:focus,
.select2-container--bootstrap-5 .select2-search__field:focus-visible,
.select2-container--bootstrap-5 .select2-search__field:hover {
    background-color: var(--form-control-background-color) !important;
    border-color: var(--border) !important;
    box-shadow: none !important;
    color: var(--color) !important;
}

.select2-container--bootstrap-5 .select2-results__option {
    color: var(--color) !important;
    text-align: var(--text-align-center);
}

.select2-container--bootstrap-5 .select2-results__option--selected,
.select2-container--bootstrap-5 .select2-results__option--highlighted,
.select2-container--bootstrap-5 .select2-results__option:hover {
    background-color: var(--select2-results-background-color) !important;
    color: var(--select2-results-color) !important;
    text-align: var(--text-align-center);
}

.select2-container--bootstrap-5.select2-container--disabled .select2-selection {
    background-color: var(--form-control-background-color) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--border-radius) !important;
    box-shadow: var(--box-shadow) !important;
    color: var(--color) !important;
    cursor: default !important;
    transition: var(--transition) !important;
}

.select2-container--bootstrap-5.select2-container--disabled .select2-selection:hover,
.select2-container--bootstrap-5.select2-container--disabled .select2-selection:focus,
.select2-container--bootstrap-5.select2-container--disabled .select2-selection:active {
    background-color: var(--form-control-background-color) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--border-radius) !important;
    box-shadow: var(--box-shadow) !important;
    color: var(--color) !important;
    cursor: default !important;
    transform: var(--transform) !important;
}

.select2-container--bootstrap-5.select2-container--disabled .select2-selection__rendered {
    color: var(--color) !important;
}

.select2-container--bootstrap-5.select2-container--disabled .select2-selection__arrow {
    display: none;
}