/* Generale --------------------------------------------------------------------------------------- */
.form-control:focus {
    border-color: var(--form-borders);
    box-shadow: var(--form-box-shadow);
}

.form-label {
    color: var(--black-color);
    font-size: medium;
    font-weight: bold;
}

/* CheckBoxes ----------------------------------------------------------------------------------- */
.form-check-input:checked {
    background-color: var(--secondary-background-color) !important;
    border-color: var(--secondary-background-color) !important;
}

.form-check-input:focus {
    border-color: var(--secondary-background-color);
    box-shadow: var(--form-box-shadow) !important;
}

.form-check-input:checked:focus {
    box-shadow: var(--form-box-shadow) !important;
}

/* styling dei box di select2 ------------------------------------------------------------------- */
.select2 {
    width: 100% !important;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {
    border-color: color-mix(in srgb, var(--form-borders), transparent 90%);
    box-shadow: 0 0 0 .05rem color-mix(in srgb, var(--secondary-background-color), transparent 60%);
}

.select2-container.select2-container--open .select2-selection--single {
    border: 1px solid var(--form-borders);
    ;
    box-shadow: var(--form-box-shadow);
    clip-path: inset(-5px -5px 0px -5px);
}

.select2-container--bootstrap-5 .select2-dropdown {
    border: 1px solid var(--form-borders);
    box-shadow: var(--form-box-shadow);
    clip-path: inset(0px -5px -5px -5px);
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted {
    background-color: var(--form-select-higlight-background);
    color: var(--form-select-higlight-foreground);
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected,
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
    background-color: var(--form-select-higlight-background);
    color: var(--form-select-higlight-foreground);
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.select2-container--bootstrap-5.select2-container--open .select2-selection {
    border: 1px solid var(--form-borders);
    box-shadow: var(--form-box-shadow);
}

.select2-results__group {
    color: var(--primary-background-color) !important;
    font-weight: bolder !important;
}

.select2-results__option {
    padding-left: 1rem;
    color: rgb(63, 63, 63)
}

/* Flatpickr ---------------------------------------------------------------------------------------- */
.flatpickr-day.today {
    border-color: var(--form-today-border);
}

.flatpickr-day.selected {
    border-color: var(--form-day-selected);
    background-color: var(--form-day-selected);
}

.flatpickr-day.selected:hover {
    border-color: var(--form-day-selected);
    background-color: var(--form-day-selected);
}