/* =============================================================================
   Componenti UI trasversali del gestionale (introdotti con GESTIONALEFORM-552):
   link ISTRUZIONI con modale, obbligatorietà dei campi, messaggi di errore.
   Tutto lo stile di questi componenti sta QUI: nelle pagine .aspx solo classi,
   nessuno stile inline. Il file è nel tema SiteTailor, quindi è caricato
   automaticamente da tutte le pagine dell'applicativo.
   ============================================================================= */

/* --- Link ISTRUZIONI ------------------------------------------------------ */
a.gfIstruzioni {
    color: #cc0000;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
}

/* collocazione nella barra comandi di una StlFormView:
   altezza pari alla barra (cella 18px + bordo) e testo centrato in verticale
   come i comandi Modifica/Salva/Annulla */
div.gfIstruzioniBar {
    position: absolute;
    top: 0;
    right: 10px;
    height: 19px;
    display: flex;
    align-items: center;
    z-index: 20;
}

/* collocazione nel titolo di un riquadro stl_dfo */
a.gfIstruzioniTitolo {
    float: right;
}

/* separatore verticale tra gruppi di campi in un form */
div.gfSpazioCampi {
    height: 14px;
}

/* --- Obbligatorietà dei campi --------------------------------------------- */
span.gfAst {
    color: #cc0000;
}

div.gfNotaObbligatorio {
    text-align: right;
    font-size: 11px;
    margin-top: 4px;
}

/* --- Messaggi di errore di validazione ------------------------------------ */
.gfErrore {
    color: #cc0000;
    font-weight: bold;
    font-size: 12px;
}

/* --- Descrizione contestuale di un campo nel form ------------------------- */
span.gfDescrizioneCampo {
    font-size: 12px;
    color: #444444;
}

/* --- Popup: corpo e riga del pulsante di salvataggio ---------------------- */
div.gfPopupCorpo {
    margin: 12px;
}

div.gfSalvaRiga {
    padding-top: 10px;
    font-size: 15px;
    font-weight: bold;
}

/* --- Modale ISTRUZIONI ---------------------------------------------------- */
div.gfModal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 10000;
}

div.gfModalBox {
    background: #ffffff;
    width: 720px;
    max-height: 80%;
    overflow-y: auto;
    margin: 60px auto;
    padding: 18px 26px;
    border: 2px solid #03767b;
    font-size: 13px;
    color: #222222;
}

div.gfModalBox.stretta {
    width: 440px;
    margin-top: 30px;
    padding: 16px 22px;
}

div.gfModalTitolo {
    font-size: 16px;
    font-weight: bold;
    color: #03767b;
    margin-bottom: 12px;
}

div.gfModalBox ul {
    margin: 0;
    padding-left: 18px;
    line-height: 1.7;
}

div.gfModalNota {
    margin-top: 10px;
}

div.gfModalLegenda {
    margin-top: 10px;
    font-size: 12px;
}

div.gfModalChiudi {
    text-align: right;
    margin-top: 10px;
}

div.gfModalChiudi a {
    color: #03767b;
    font-weight: bold;
    text-decoration: none;
}

/* avviso in testa ai popup operativi (annullamenti, pagamenti) -- GESTIONALEFORM-575 */
.gfAvviso {
    display: block;
    margin-bottom: 12px;
    padding: 8px 10px;
    border-left: 4px solid #cc8800;
    background-color: #fff8e8;
    font-size: 12px;
    line-height: 17px;
}

.gfAvviso.bloccante {
    border-left-color: #dd0000;
    background-color: #fdeaea;
}

/* quota annullata negli elenchi -- GESTIONALEFORM-575 */
.gfQuotaAnnullata {
    color: #dd0000;
}

/* griglia delle quote: righe piu' ariose con separatori sottili;
   le sospese in grigio su fondo grigio chiarissimo, senza grassetti
   -- GESTIONALEFORM-575 */
.stl_grd tr.gfRigaQuota td {
    border-bottom: solid 1px #dadada;
    padding-top: 7px;
    padding-bottom: 7px;
}
.stl_grd tr.gfRigaSospesa td {
    background-color: #f5f5f5;
}
tr.gfRigaSospesa td,
tr.gfRigaSospesa td b,
tr.gfRigaSospesa td .gfQuotaAnnullata {
    color: #999999;
    font-weight: normal !important;
}

/* riga di filtri nei report -- GESTIONALEFORM-575 */
div.gfFiltriRiga {
    padding: 6px 0px;
    font-size: 12px;
    white-space: nowrap;
}

/* pulsantiera "Aggiungi" dei ruoli: pulsanti di uguale larghezza che vanno a
   capo da soli -- GESTIONALEFORM-575 */
a.btnlink.gfBtnRuolo {
    display: inline-block;
    width: 170px;
    text-align: center;
    margin: 0 6px 6px 0;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

/* pulsanti disabilitati: grigio chiaro e nessuna azione, mai il colore
   primario -- GESTIONALEFORM-575 (24/08) */
a.btnlink.aspNetDisabled,
span.btnlink.aspNetDisabled,
input.btnlink[disabled],
input.btnlink.aspNetDisabled {
    background-color: #e4e9e9 !important;
    background-image: none !important;
    color: #9aa6a6 !important;
    cursor: default !important;
    pointer-events: none;
    box-shadow: none !important;
    border-color: #d0d8d8 !important;
}