/* File CSS per modificare stili di bootstrap-italia e per implementare regole CSS comuni a tutti i microfrontend */

/* Workaround per non mostrare l'overlay di errore di webpack */
#webpack-dev-server-client-overlay {
    display: none;
}

/* Impedisce a bootstrap italia di evidenziare i tag a con focus in marrone */
:focus:not(.focus--mouse),
.form-check [type=checkbox]:focus+label,
.form-check [type=radio]:focus+label,
.toggles label input[type=checkbox]:focus+.lever {
    border-color: unset !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Corregge la sovrapposizione dell'icona di validazione ok con l'icona chevron delle select */
select.form-control.just-validate-success-field {
    background-size: 55px 45% !important;
}

/* Applica stili label per form-group alle label del tinyMceEditor */
.label-maeci-editor {
    font-weight: 600;
    font-size: .875rem;
    color: #1a1a1a;
    background-color: rgba(0, 0, 0, 0);
    line-height: calc(2.5rem - 1px);
    transition: .2s ease-out;
    top: 0;
    cursor: text;
    display: block;
    max-width: 100%;
    width: auto;
    padding: 0 .5rem;
    z-index: 1;
}

/* Corregge il problema di z-index delle label all'interno delle form-group che finiscono sopra i megamenu dell'header */
.form-group label {
    z-index: unset !important;
}