.app-ui .form-control,
.app-ui .form-select,
.app-ui .input-group-text {
    font-size: var(--ac-fs-base);
}

.app-ui .form-control-sm,
.app-ui .form-select-sm,
.app-ui .input-group-sm > .form-control,
.app-ui .input-group-sm > .form-select,
.app-ui .input-group-sm > .input-group-text {
    font-size: var(--ac-fs-sm);
}

.app-ui .form-control-lg,
.app-ui .form-select-lg,
.app-ui .input-group-lg > .form-control,
.app-ui .input-group-lg > .form-select,
.app-ui .input-group-lg > .input-group-text {
    font-size: var(--ac-fs-md);
}

.app-ui .form-label,
.app-ui .col-form-label {
    margin-bottom: .375rem;
    font-weight: 500;
}

.app-ui .form-text {
    color: var(--ac-text-3);
    font-size: var(--ac-fs-xs);
}

.app-ui .btn {
    --bs-btn-font-size: var(--ac-fs-base);
}
.app-ui .btn-sm,
.app-ui .btn-group-sm > .btn {
    --bs-btn-font-size: var(--ac-fs-sm);
}
.app-ui .btn-lg,
.app-ui .btn-group-lg > .btn {
    --bs-btn-font-size: var(--ac-fs-md);
}

.app-ui .dropdown-menu {
    --bs-dropdown-font-size: var(--ac-fs-base);
}

.app-ui .pagination {
    --bs-pagination-font-size: var(--ac-fs-base);
}
.app-ui .pagination-sm {
    --bs-pagination-font-size: var(--ac-fs-sm);
}

.select2-container--bootstrap-5 .select2-selection,
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field,
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option,
.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    font-size: var(--ac-fs-base);
}
.select2-container--bootstrap-5 .select2--small.select2-selection,
.select2-container--bootstrap-5 .select2--small.select2-dropdown .select2-results__options .select2-results__option,
.select2-container--bootstrap-5 .select2--small.select2-dropdown .select2-search .select2-search__field,
.select2-container--bootstrap-5 .select2--small.select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
.form-select-sm ~ .select2-container--bootstrap-5 .select2-selection,
.form-select-sm ~ .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    font-size: var(--ac-fs-sm);
}

.is-invalid + .select2 .select2-selection {
    border-color: var(--bs-danger);
}
.is-invalid + .select2 .select2-selection:focus,
.is-invalid + .select2.select2-container--focus .select2-selection {
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25);
}

.select2-person-photo {
    width: 26px;
    height: 26px;
    object-fit: cover;
}