/*
 * Stile focus migliorato per la navigazione Tab nei form.
 * Bordo piu spesso e blu scuro per evidenziare il campo attivo.
 */

/* Input standard, textarea, select nativi */
.content-wrapper .form-control:focus,
.modal .form-control:focus {
    border-color: #1a56db !important;
    box-shadow: 0 0 0 3px rgba(26, 86, 219, 0.35) !important;
    outline: none !important;
}

/* Select2 container quando ha il focus */
.content-wrapper .select2-container--bootstrap4 .select2-selection--single:focus,
.content-wrapper .select2-container--bootstrap4 .select2-selection--multiple:focus,
.content-wrapper .select2-container--bootstrap4.select2-container--focus .select2-selection,
.content-wrapper .select2-container--bootstrap4.select2-container--open .select2-selection,
.modal .select2-container--bootstrap4 .select2-selection--single:focus,
.modal .select2-container--bootstrap4 .select2-selection--multiple:focus,
.modal .select2-container--bootstrap4.select2-container--focus .select2-selection,
.modal .select2-container--bootstrap4.select2-container--open .select2-selection {
    border-color: #1a56db !important;
    box-shadow: 0 0 0 3px rgba(26, 86, 219, 0.35) !important;
    outline: none !important;
}

/* Input group: evidenzia l'intero gruppo quando l'input interno ha il focus */
.content-wrapper .input-group:focus-within,
.modal .input-group:focus-within {
    border-radius: 4px;
    box-shadow: 0 0 0 3px rgba(26, 86, 219, 0.35);
}

.content-wrapper .input-group:focus-within .form-control,
.modal .input-group:focus-within .form-control {
    border-color: #1a56db !important;
    box-shadow: none !important;
}

.content-wrapper .input-group:focus-within .input-group-prepend .input-group-text,
.content-wrapper .input-group:focus-within .input-group-append .input-group-text,
.modal .input-group:focus-within .input-group-prepend .input-group-text,
.modal .input-group:focus-within .input-group-append .input-group-text {
    border-color: #1a56db !important;
}

/* Checkbox / bootswitch focus */
.content-wrapper .checkbox-group label:focus,
.content-wrapper .btn-group label:focus,
.modal .checkbox-group label:focus,
.modal .btn-group label:focus {
    outline: 3px solid rgba(26, 86, 219, 0.5) !important;
    outline-offset: 2px;
    border-radius: 3px;
}

/* Pulsanti submit quando hanno il focus */
.content-wrapper button[type=submit]:focus,
.content-wrapper input[type=submit]:focus,
.modal button[type=submit]:focus,
.modal input[type=submit]:focus {
    outline: 3px solid rgba(26, 86, 219, 0.5) !important;
    outline-offset: 2px;
    box-shadow: 0 0 0 3px rgba(26, 86, 219, 0.35) !important;
}