/***************************************************************/
/* PAGAMENTI SIPAY                                             */
/***************************************************************/

#infoInRilievo {
    position: fixed;
    z-index: 102;
    margin: -131px 0px 0px 48px;
}

    #infoInRilievo div {
        float: left;
        margin-right: 16px;
    }

    #infoInRilievo .label {
        color: #00e4ff;
        font-size: 14px;
        margin-top: 3px;
        letter-spacing: 1px;
    }

    #infoInRilievo span {
        color: white;
        font-size: 18px;
        font-weight: bold;
    }

    #infoInRilievo #modalitaSistemaPagamentoBollettini i {
        color: #fff046;
        font-size: 18px;
        margin-top: 1px;
    }

        #infoInRilievo #modalitaSistemaPagamentoBollettini i span {
            color: #fff046;
            font-size: 16px;
            margin-top: 1px;
            font-family: Calibri;
        }



#barraStrumentiPagamenti {
    position: fixed;
    z-index: 102;
    margin: -28px 0px 0px 0px;
}



/*.datiPagamento {

}*/

/*.sezione {
    background-color: white;
    padding: 15px 10px 20px 15px;
    border-radius: 2px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.10);
}*/


.datiPagamento input[type=text] {
    font-size: 20px;
    padding: 8px 10px;
    font-weight: normal;
}

.opzioniPagamento input[type=text] {
    font-size: 20px;
    padding: 8px 10px;
    font-weight: normal;
}

.enfatizza {
    padding: 10px 40px 26px 40px;
}

.datiPagamento legend {
    margin-bottom: 10px;
}

.selezione-cliente {
    width: 100%;
    margin-bottom: 0px !important;
    padding-bottom: 4px !important;
}

.selezione-intestatario {
    margin-right: 65px;
}

.selezione-esecutore {
    margin-right: 20px;
}


.notificaIntestatarioIsClienteEsecutore {
    margin-left: 3px;
    display: inline-block;
    width: 534px;
}

.notificaIntestatarioIsClienteEsecutore-etichetta {
    float: left;
    margin-right: 8px;
    font-weight: normal;
}

.notificaIntestatarioIsClienteEsecutore-scelta {
    float: right;
}



::-webkit-input-placeholder {
    font-size: 18px;
    color: #37485A !important;
    font-weight: normal !important;
    letter-spacing: 0.3px;
    text-align: left;
}

::-moz-placeholder {
    color: #37485A !important;
    font-weight: normal !important;
    letter-spacing: 0.3px;
}
/* firefox 19+ */
:-ms-input-placeholder {
    color: #37485A !important;
    font-weight: normal !important;
    letter-spacing: 0.3px;
}
/* ie */
input:-moz-placeholder {
    color: #37485A !important;
    font-weight: normal !important;
    letter-spacing: 0.3px;
}



.datiPagamento .importo {
    text-align: right;
}

.notifica-nessunpos {
    display: inline-block;
    padding: 10px;
    margin-top: 20px;
    width: 500px;
}

    .notifica-nessunpos .testoprimario {
        font-size: 16px;
    }

    .notifica-nessunpos .sottotesto {
        font-size: 14px;
        color: #BBBBBB;
    }

    .notifica-nessunpos i {
        font-size: 45px;
        float: left;
        height: 100%;
        margin-right: 8px;
    }


.altro {
    margin: 15px 0px 0px 20px;
    float: left;
    width: 480px;
}

.altreOpzioni {
    padding: 10px 0px 0px 10px;
}

    .altreOpzioni .descrizione {
        font-size: 13px;
        margin-top: 3px;
        margin-left: 20px;
    }

.anteprimaPagamento {
    width: 900px;
    min-height: 250px;
    overflow: auto;
    color: black;
    margin-top: -20px;
}

    .anteprimaPagamento input[type=button] {
        padding: 8px 10px;
    }

    .anteprimaPagamento .section {
        padding: 2px;
        margin: 4px 6px 0px 0px;
        border: none;
        font-size: 20px !important;
        line-height: 24px;
    }

        .anteprimaPagamento .section h1 {
            font-size: 22px !important;
            font-weight: bold !important;
            background-image: none;
            color: #394c5f !important;
            text-transform: capitalize;
            margin-bottom: -20px;
        }

    .anteprimaPagamento .datiCliente {
        margin-top: 30px;
        min-width: 200px;
        min-height: 100px;
        float: left;
    }

    .anteprimaPagamento .datiPagamento-causale {
        display:inline-block;
        width:100%;
    }

    .anteprimaPagamento .datiPagamento {
        min-width: 200px;
        float: left;
        display: inline-block;
        max-width: 580px;
    }

    .anteprimaPagamento .dettaglioCosti {
        width: 310px;
        height: 220px;
        overflow: auto;
        float: right;
        display: inline-table;
        text-align: right;
    }

        .anteprimaPagamento .dettaglioCosti table {
            margin-top: 10px;
        }

        .anteprimaPagamento .dettaglioCosti td {
            padding: 6px 8px;
        }

    .anteprimaPagamento .totale {
        font-size: 20px !important;
    }


    .anteprimaPagamento .comandi {
        padding-top: 20px;
        width: 100%;
        overflow: auto;
    }

        .anteprimaPagamento .comandi input[type=submit] {
            margin-left: 6px;
            padding: 10px 30px 26px 30px;
        }


    .anteprimaPagamento .avvisoUtilizzoPos {
        padding: 8px;
        margin: 4px 6px 0px 0px;
        border-right: none;
        border-top: none;
        font-size: 16px;
        line-height: 24px;
    }


.popUpSuggerimentiPos {
    max-width: 1200px !important;
}



#esitoPagamento {
    width: 900px;
    min-height: 250px;
    overflow: auto;
}

    #esitoPagamento input[type=submit] {
        padding: 10px 30px 25px 30px;
        font-size: 13px;
    }


    #esitoPagamento .notifica {
        font-size: 22px;
        margin-bottom: 14px;
    }

    #esitoPagamento .section {
        padding: 8px;
        margin: 4px 6px 0px 0px;
        border: none;
        font-size: 16px;
        line-height: 24px;
    }

        #esitoPagamento .section h1 {
            font-size: 22px !important;
            font-weight: bold !important;
            background-image: none;
            color: #394c5f !important;
            text-transform: capitalize;
        }


    #esitoPagamento .datiPagamento {
        min-width: 250px;
        float: left;
    }

        #esitoPagamento .datiPagamento .categoria {
            color: #394c5f;
            font-size: 34px;
            text-transform: uppercase;
            letter-spacing: 1.5px;
        }

        #esitoPagamento .datiPagamento .tipologia {
            padding-left: 2PX;
            color: #394c5f;
            font-size: 14px;
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 0.8px;
        }



    #esitoPagamento .dettaglioCosti {
        /*width: 300px;*/
        height: 230px;
        overflow: auto;
        float: left;
        text-align: right;
    }

        #esitoPagamento .dettaglioCosti .totale {
            font-size: 20px !important;
            font-weight: bold;
        }


    #esitoPagamento .fa-check {
        font-size: 42px;
        color: #5cb85c;
        margin-right: 12px;
    }

    #esitoPagamento .fa-exclamation-triangle {
        font-size: 28px;
        color: #ff5600;
        margin-right: 12px;
    }

    #esitoPagamento .codiceAvvenutoPagamento {
        margin-top: 20px;
        width: 300px;
    }


        #esitoPagamento .codiceAvvenutoPagamento > span {
            color: #5cb85c;
            font-size: 16px;
            font-weight: bold;
            display: inline-grid !important;
        }

        #esitoPagamento .codiceAvvenutoPagamento .codice {
            color: #394c5f;
            font-size: 28px;
            font-weight: bold;
            letter-spacing: 0.8px;
        }

    #esitoPagamento .dettaglioCosti table {
        width: 280px;
        margin-top: -20px;
    }

    #esitoPagamento .dettaglioCosti td {
        padding: 6px 8px;
    }

    #esitoPagamento .ricevuta {
        background-color: #ffffff !important;
        border: solid 1px !important;
        border-radius: 10px !important;
        padding: 20px !important;
        margin-top: -180px !important;
        margin-left: 650px !important;
        position: fixed !important;
        z-index: 101;
        /*height: 500px;*/
    }


    #esitoPagamento .comandi {
        padding-top: 20px;
        width: 100%;
        overflow: auto;
    }

    #esitoPagamento #messaggioEsitoPagamento {
        font-weight: bold !important;
    }


/*
    SCELTA NUOVO PAGAMENTO
*********************************************************/


.nuovoPagamento {
    width: 980px;
    min-height: 450px;
}

.descrizionePagamento {
    font-size: 11px;
    margin-bottom: 15px;
    padding-bottom: 10px
}

.nuovoBollettino {
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.macroCategorieBollettino {
    width: 100%;
    margin-bottom: 20px;
}

.tipoBollettino {
    margin-top: -20px;
    padding-top: 0px !important;
    width: 100%;
}

.tipoBollettino-scelta {
    padding-top: 20px;
}


.nuovoBollettino .definizioneCodiceABarreOQRCode input[type="text"] {
    border: solid 3px #1E5E2E;
    border-left: 20px #1E5E2E solid;
    width: 100%;
    max-width: 905px;
    padding: 25px 20px;
    font-size: 20px;
    height: 60px;
    background-color: white;
}

.nuovoPagamento btn {
    height: 100px;
    padding: 100px;
}

/* SELEZIONE BOLLETTINI
----------------------------------------------------------*/

.nuovoBollettino ::-webkit-input-placeholder {
    color: #37485A !important;
    font-weight: normal !important;
    letter-spacing: 0.3px;
    font-size: 28px !important;
    text-align: center;
}

.nuovoBollettino ::-moz-placeholder {
    color: #37485A !important;
    font-weight: normal !important;
    letter-spacing: 0.3px;
    font-size: 28px !important;
    text-align: center;
}
/* firefox 19+ */
.nuovoBollettino :-ms-input-placeholder {
    color: #37485A !important;
    font-weight: normal !important;
    letter-spacing: 0.3px;
    font-size: 28px !important;
    text-align: center;
}
/* ie */
.nuovoBollettino input:-moz-placeholder {
    color: #37485A !important;
    font-weight: normal !important;
    letter-spacing: 0.3px;
    font-size: 28px !important;
    text-align: center;
}

.radioButtonEnfatizzato label:hover {
    cursor: pointer;
    border: none;
}

.macroCategorieBollettino .radioButtonEnfatizzato label {
    margin-right: 6px;
    height: 95px;
    width: 150px;
    font-size: 16px;
    text-align: center;
}

.macroCategorieBollettino .bollettinoGenerico {
    width: 98px !important;
    height: 47px;
    margin: 0 auto 5px auto;
    background-repeat: no-repeat;
}

.macroCategorieBollettino #bollettinoBianco {
    background-image: url('../../../Common/Immagini/Bollettini/Icone/BiancoGenerico.png');
}

.macroCategorieBollettino input[type="radio"]:checked + label #bollettinoBianco {
    background-image: url('../../../Common/Immagini/Bollettini/Icone/BiancoGenerico-Green.png') !important;
}


.macroCategorieBollettino #bollettinoPremarcato {
    background-image: url('../../../Common/Immagini/Bollettini/Icone/Precompilato.png');
}

.macroCategorieBollettino input[type="radio"]:checked + label #bollettinoPremarcato {
    background-image: url('../../../Common/Immagini/Bollettini/Icone/Precompilato-Green.png') !important;
}


.macroCategorieBollettino #mavRav {
    background-image: url('../../../Common/Immagini/Bollettini/Icone/MavRav.png');
}

.macroCategorieBollettino input[type="radio"]:checked + label #mavRav {
    background-image: url('../../../Common/Immagini/Bollettini/Icone/MavRav-Green.png') !important;
}

.macroCategorieBollettino #pagoPA {
    background-image: url('../../../Common/Immagini/Bollettini/Icone/PagoPALogo.png');
}

.macroCategorieBollettino input[type="radio"]:checked + label #pagoPA {
    background-image: url('../../../Common/Immagini/Bollettini/Icone/PagoPALogo.png') !important;
}

.macroCategorieBollettino #freccia {
    background-image: url('../../../Common/Immagini/Bollettini/Icone/FrecciaLogo.png');
}

.macroCategorieBollettino input[type="radio"]:checked + label #freccia {
    background-image: url('../../../Common/Immagini/Bollettini/Icone/FrecciaLogo.png') !important;
}


.macroCategorieBollettino #f24 {
    background-image: url('../../../Common/Immagini/Bollettini/Icone/f24.png');
}

.macroCategorieBollettino input[type="radio"]:checked + label #f24 {
    background-image: url('../../../Common/Immagini/Bollettini/Icone/f24.png') !important;
}

.macroCategorieBollettino #spid {
    background-image: url('../../../Common/Immagini/Bollettini/Icone/spid.png');
}

.macroCategorieBollettino input[type="radio"]:checked + label #spid {
    background-image: url('../../../Common/Immagini/Bollettini/Icone/spid.png') !important;
}

/*.radioButtonEnfatizzato.bollettino896 input[type="radio"] + label {
}*/
/*.tipoBollettino {
}*/
.tipoBollettino-scelta .bollettino label {
    width: 450px;
    height: 220px;
    background-repeat: no-repeat;
    margin-right: 20px;
    border: solid 1px #e5e6e7 !important;
    font-size: 18px;
}

    .tipoBollettino-scelta .bollettino label:hover {
        cursor: pointer;
    }

    .tipoBollettino-scelta .bollettino label:hover {
        cursor: pointer;
    }

.tipoBollettino-scelta input[type="radio"]:checked + label {
    border: solid 4px #1E5E2E !important;
}


.tipoBollettino-scelta .bollettino.bollettino_896 label {
    background-image: url('../../../Common/Immagini/Bollettini/896.png');
    width: 440px;
    height: 220px;
    background-repeat: no-repeat;
    margin-right: 20px;
    font-size: 18px;
}


.tipoBollettino-scelta .bollettino.bollettino_674 label {
    background-image: url('../../../Common/Immagini/Bollettini/674.png');
    width: 440px;
    height: 220px;
    background-repeat: no-repeat;
    margin-right: 20px;
    border: solid 1px #e5e6e7 !important;
    font-size: 18px;
}


.tipoBollettino-scelta .bollettino.bollettino_123 label {
    background-image: url('../../../Common/Immagini/Bollettini/123.png');
    width: 440px;
    height: 220px;
    background-repeat: no-repeat;
    margin-right: 20px;
    border: solid 1px #e5e6e7 !important;
    font-size: 18px;
}


.tipoBollettino-scelta .bollettino.bollettino_451 label {
    background-image: url('../../../Common/Immagini/Bollettini/451.png');
    width: 440px;
    height: 220px;
    background-repeat: no-repeat;
    margin-right: 20px;
    border: solid 1px #e5e6e7 !important;
    font-size: 18px;
}

.tipoBollettino-scelta .bollettino.bollettino_prenotazione label {
    background-image: url('../../../Common/Immagini/Bollettini/prenotazioneBollettino.png');
    width: 440px;
    height: 216px;
    background-repeat: no-repeat;
    margin-right: 20px;
    border: solid 1px #e5e6e7 !important;
    font-size: 18px;
}

.tipoBollettino-scelta .bollettino.freccia label {
    background-image: url('../../../Common/Immagini/Bollettini/Freccia.png');
    background-repeat: no-repeat;
    margin-right: 20px;
    border: solid 1px #e5e6e7 !important;
    font-size: 18px;
    padding-bottom: 190px !important;
    padding-right: 360px !important;
}

.tipoBollettino-scelta .bollettino.bollettino_freccia_prenotazione label {
    background-image: url('../../../Common/Immagini/Bollettini/prenotazioneFreccia.png');
    width: 430px;
    height: 216px;
    background-repeat: no-repeat;
    margin-right: 20px;
    border: solid 1px #e5e6e7 !important;
    font-size: 18px;
}

.tipoBollettino-scelta .bollettino.bollettino_Mav label {
    background-image: url('../../../Common/Immagini/Bollettini/Mav.png');
    width: 440px;
    height: 220px;
    background-repeat: no-repeat;
    margin-right: 20px;
    border: solid 1px #e5e6e7 !important;
    font-size: 18px;
}


.tipoBollettino-scelta .bollettino.bollettino_Rav label {
    background-image: url('../../../Common/Immagini/Bollettini/Rav.png');
    width: 440px;
    height: 220px;
    background-repeat: no-repeat;
    margin-right: 20px;
    border: solid 1px #e5e6e7 !important;
    font-size: 18px;
}

.tipoBollettino-scelta .pagamento.pagamento_tributo label {
    background-image: url('../../../Common/Immagini/Bollettini/Tributo.png');
    width: 440px;
    height: 220px;
    background-repeat: no-repeat;
    margin-right: 20px;
    border: solid 1px #e5e6e7 !important;
    font-size: 18px;
}

.tipoBollettino-scelta .pagamento.pagamento_tassaVeicolo label {
    background-image: url('../../../Common/Immagini/Bollettini/TassaVeicolo.png');
    width: 440px;
    height: 220px;
    background-repeat: no-repeat;
    margin-right: 20px;
    border: solid 1px #e5e6e7 !important;
    font-size: 18px;
}

.tipoBollettino-scelta .pagamento.pagamento_f24 label {
    background-image: url('../../../Common/Immagini/Bollettini/F24_attivazione.jpg');
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    margin-right: 0px;
    border: solid 1px #e5e6e7 !important;
    font-size: 18px;
    padding-bottom: 190px !important;
    padding-right: 842px !important;
    cursor: default;
    /*background-position-x: center;
    background-position-y: center;
    background-size: cover;
    width: 920px;
    height: 220px;
    background-repeat: no-repeat;
    border: solid 1px #e5e6e7 !important;
    font-size: 18px;
    cursor: none;*/
}

.tipoBollettino-scelta .pagamento.pagamento_f24_prod label {
    background-image: url('../../../Common/Immagini/Bollettini/F24_banner.jpg');
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    margin-right: 0;
    border: solid 1px #e5e6e7 !important;
    font-size: 18px;
    padding-bottom: 190px !important;
    padding-right: 840px !important;
    cursor: default;
    background-size: 820px 250px;
    /* background-position-x: center;
    background-position-y: center;
    background-size: cover;
    width: 920px;
    height: 220px;
    background-repeat: no-repeat;
    border: solid 1px #e5e6e7 !important;
    font-size: 18px;
    cursor: none;
    color: white !important;*/
}



.tipoBollettino-scelta .pagamento.pagamento_spid_richiedi_attivazione label {
    background-image: url(../../../Common/Immagini/Bollettini/SPID_attivazione.jpg);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    margin-right: 0;
    border: solid 1px #e5e6e7 !important;
    font-size: 18px;
    padding-bottom: 190px !important;
    padding-right: 840px !important;
    cursor: default;
    color: white !important;
}


.tipoBollettino-scelta .pagamento.pagamento_spid_attivo label {
    background-image: url(../../../Common/Immagini/Bollettini/SPID_banner.jpg);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    margin-right: 0;
    border: solid 1px #e5e6e7 !important;
    font-size: 18px;
    padding-bottom: 190px !important;
    padding-right: 840px !important;
    cursor: default;
    color: white !important;
}



::-webkit-input-placeholder {
    color: #37485A !important;
    font-weight: normal !important;
    letter-spacing: 0.3px;
}

::-moz-placeholder {
    color: #37485A !important;
    font-weight: normal !important;
    letter-spacing: 0.3px;
}
/* firefox 19+ */
:-ms-input-placeholder {
    color: #37485A !important;
    font-weight: normal !important;
    letter-spacing: 0.3px;
}
/* ie */
input:-moz-placeholder {
    color: #37485A !important;
    font-weight: normal !important;
    letter-spacing: 0.3px;
}

.archivio .definizioneParametriRicerca {
    /*text-transform:uppercase;*/
}


.archivio .ricercaCodicepagamento input[type=text] {
    height: 36px;
    width: 250px;
    padding: 4px 10px;
    font-size: 18px;
    color: #003A49;
}

.archivio .intervalloDiRicerca input[type=text] {
    height: 36px;
    width: 106px !important;
    margin-right: 0px;
    padding: 2px 10px;
}

.archivio .enfatizza {
    font-weight: bold;
    font-size: 14px;
}


.ricevutaPagamenti {
    border-radius: 8px;
    margin-top: -60px;
    background-color: white;
    width: 490px;
    display: inline-block;
    border: 1px solid;
    padding: 20px 20px 20px 40px;
    position: fixed;
    top: 130px;
    right: 300px;
    border: 6px solid #35496a;
    border-radius: 5px;
    border-top: 30px solid #35496a;
    box-shadow: 20px 20px 10px -1px rgba(7, 10, 25, 0.4), 0 22px 27px -20px rgba(7, 10, 25, 0.2);
}

    .ricevutaPagamenti h1 {
        background-color: white;
        color: #053948;
        font-weight: bold;
        padding: 0px;
        margin: 6px 0px;
        font-size: 22px;
    }

    .ricevutaPagamenti .chiudi {
        margin-top: -20px;
    }
/*
    PAGAMENTI
*********************************************************/

.infoPagamentoInCorso .destinatarioPagamento {
    margin-top: -4px;
    padding: 0px 10px 4px 10px;
    font-family: Calibri;
    overflow: auto;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: solid 2px #e5e6e7;
}

    .infoPagamentoInCorso .destinatarioPagamento .fa.fa-check {
        color: #1ab394;
        font-size: 30px;
        padding-right: 10px;
    }

    .infoPagamentoInCorso .destinatarioPagamento .etichetta {
        font-size: 19px;
        text-transform: uppercase;
        font-weight: bold;
        color: #1ab394;
        padding: 0px;
    }

    .infoPagamentoInCorso .destinatarioPagamento .denominazione {
        font-size: 24px;
        font-weight: bold;
        color: #053948;
        padding: 0px;
    }

.infoPagamentoInCorso .importoTotale {
    font-size: 58px;
    font-weight: bold;
    color: #053948;
    padding: 0px;
}

.selezioneTipoPagamento {
    width: 100%;
}

.definizioneCliente {
    width: 540px !important;
}


    .definizioneCliente input[type="text"] {
        width: 100%;
    }

/*
    NUOVO BOLLETTINO
*********************************************************/
#bollettino {
    margin-bottom: 25px;
    background-color: white;
    opacity: 0.9;
}

    #bollettino fieldset {
        margin-top: 0px !important;
    }

fieldset {
    padding-bottom: 16px !important;
}

#bollettino input[type="text"] {
    width: 100%;
}

#bollettino .datiPagamento {
    width: 600px;
    margin-right: 20px;
    float: left;
}



#bollettino-tipologia {
    float: left;
    margin-right: 10px;
}

#bollettino-contoCorrente {
    float: left;
    width: 200px;
    margin-right: 20px;
}

#bollettino_codice {
    float: left;
    width: 238px;
}

#bollettino-importo {
    float: left;
    width: 100px;
    margin-right: 20px;
}

    #bollettino-importo input[type=text] {
        text-align: right;
    }


#bollettino-causale {
    width: 560px;
    margin: 0px 0px 0px 0px;
    display: inline-block;
    padding-bottom: 4px !important;
}

    #bollettino-causale #causaleNonFormattata {
        width: 95%;
        display: inline-block;
    }

        #bollettino-causale #causaleNonFormattata textarea {
            padding: 8px 10px;
            margin-bottom: 8px;
            background-color: #eaedf0;
            width: 535px;
        }

    #bollettino-causale input[type="radio"] + label {
        padding: 10px 20px 10px 3px;
        font-size: 14px;
    }


    #bollettino-causale #tipoFormattazioneCausale {
        margin-bottom: 15px;
    }



#bollettino .vociCausali {
    width: 100%;
    min-height: 30px;
    display: inline-block;
}

#bollettino-causale .vociCausali span {
    text-transform: uppercase !important;
    font-size: 12px;
    color: #053948;
}

#bollettino-causale .vociCausali input[type=text] {
    padding: 5px 10px;
    font-size: 16px;
}

#bollettino-causale .voce {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

    #bollettino-causale .voce .etichettaVoce {
        font-weight: bold;
        font-size: 13px;
        color: black;
    }

.causale-voci .causale-voci-valore input {
    padding: 3px 8px !important;
}


#bollettino .definizioneCliente {
    padding-bottom: 0px !important;
}

.definizioneCliente input {
    height: 32px;
}

#bollettino .comandi {
    width: 300px;
    overflow: auto;
    float: left;
}

    #bollettino .comandi input {
        padding: 10px 40px 26px 40px;
    }

#bollettino #suggerimentoCausale {
    width: 100%;
    border: none;
    overflow: auto;
}

    #bollettino #suggerimentoCausale span {
        margin-left: 40px;
        float: left;
    }

    #bollettino #suggerimentoCausale b {
        font-size: 20px;
    }

    #bollettino #suggerimentoCausale .fa-info-circle {
        font-size: 28px;
        margin-right: 14px;
        float: left;
        color: #1A9AD5;
    }

#suggerimentoCausale.notifica {
    border: none;
    width: 550px;
}


#bollettino #definizioneCodiceABarre {
    width: 570px;
    margin-top: 4px;
    margin-bottom: 20px;
}

    #bollettino #definizioneCodiceABarre input {
        max-width: 570px;
        height: 40px !important;
    }

#bollettino #txtCodiceBarreBollettino,
#txtCodiceBarreBollettino:focus {
    border: solid 2px #1E5E2E;
    background-color: white;
    border-left-width: 8px;
    padding: 20px 20px 20px 20px;
}


#bollettino #definizioneCodiceABarre input {
    width: 100%;
    height: 40px;
    font-size: 20px;
}

#bollettino input[type="text"] {
    width: 100%;
    color: black;
    font-size: 20px;
    padding: 6px 10px;
    font-weight: normal;
    background-color: #eaedf0;
    border-radius: 3px;
    border: solid 1px #D4D9DE;
}


#bollettino .notifica-note {
    border: none;
    width: 568px;
    font-family: Calibri;
    font-size: 15px;
    border: solid 1px #eaedf0;
    border-bottom: solid 6px #eaedf0;
    border-radius: 2px;
}

    #bollettino .notifica-note .nota {
        float: left;
        background-color: white;
        color: #1E5E2E;
        padding: 2px 14px;
        font-weight: bold;
        border-radius: 2px;
        margin-right: 10px;
        vertical-align: middle;
        margin-top: 10px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 18px;
    }

    #bollettino .notifica-note .descrizione {
        font-size: 14px;
        padding: 4px 6px;
    }



/*
    FRECCIA
*********************************************************/

.datipagamento-freccia {
    padding-top: 4px;
    display: inline-flex;
}

    .datipagamento-freccia input {
        color: #003946 !important;
    }

.bollettino-freccia .selezioneBinaria {
    margin-left: 100px !important;
    float: left;
    margin-left: 114px;
}

.bollettino-freccia-info {
    width: 454px !important;
    float: left;
    background-image: url("../Immagini/Logo_Freccia.png");
    background-position: bottom -5px left 20px;
    background-repeat: no-repeat;
    background-size: 120px;
}

.bollettino-freccia-codice {
    height: 60px !important;
    width: 280px !important;
}

    .bollettino-freccia-codice input {
        text-align: center;
    }

    .bollettino-freccia-codice input {
        text-transform: uppercase;
    }

.bollettino-freccia-importo {
    height: 60px !important;
    width: 120px !important;
    margin-left: 14px !important;
}

.bollettino-freccia-ibanCreditore {
    overflow: auto;
    margin-top: 80px;
    height: 120px !important;
    width: 414px !important;
}

    .bollettino-freccia-ibanCreditore input {
        text-transform: uppercase;
    }

.bollettino-freccia-cin-elenco {
    width: 80px !important;
    float: right;
    border-left: solid 1px #d9d9d9;
    padding-left: 40px;
}

    .bollettino-freccia-cin-elenco b {
        font-size: 12px;
    }

.bollettino-freccia-cin {
    height: 60px !important;
    width: 160px !important;
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 23px;
}

    .bollettino-freccia-cin .asterisco {
        font-size: 15px !important;
    }

    .bollettino-freccia-cin input {
        width: 70px !important;
        text-align: center;
        font-size: 45px;
        text-transform: uppercase;
        margin-bottom: 35px;
    }

.bollettino-freccia-codiceEsenzione {
    margin-top: -30px;
    text-align: right;
    height: 50px !important;
    width: 410px !important;
}

.bollettino-freccia-codiceEsenzione-selezione {
    height: 50px !important;
    width: 60px !important;
    float: right;
    font-weight: bold;
}

.bollettino-freccia-codiceEsenzione-descrizione {
    margin-right: 20px;
    height: 50px !important;
    width: 200px !important;
    float: right;
    display: table;
    margin-top: -8px;
    font-size: 13px;
    text-transform: uppercase;
    color: #1E5E2E;
    font-weight: bold;
}

    .bollettino-freccia-codiceEsenzione-descrizione span {
        display: table-cell;
        vertical-align: middle;
    }

.bollettino-freccia-codiceEsenzione select {
    width: 100%;
    height: 34px;
}



/*
    DEFINIZIONE CLIENTE
*************************************/


.definizioneCliente {
    width: 100%;
}

    .definizioneCliente legend {
        text-transform: none;
        font-size: 22px !important;
    }

::-webkit-input-placeholder {
    font-size: 15px !important;
    color: black !important;
    font-weight: normal !important;
    letter-spacing: 0.3px;
}

::-moz-placeholder {
    color: black !important;
    font-weight: normal !important;
    letter-spacing: 0.3px;
}
/* firefox 19+ */
:-ms-input-placeholder {
    color: black !important;
    font-weight: normal !important;
    letter-spacing: 0.3px;
}
/* ie */
input:-moz-placeholder {
    color: black !important;
    font-weight: normal !important;
    letter-spacing: 0.3px;
}


/* ie */
input:-moz-placeholder {
    color: black !important;
}

.definizioneCliente input[type="text"] {
    padding: 10px 12px !important;
    margin-top: -7px;
}

.definizioneCliente .ricercaCliente {
    width: 800px;
    margin-bottom: 15px;
}

    .definizioneCliente .ricercaCliente input[type="text"] {
        width: 402px !important;
        height: 36px;
        border-right: none;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

.definizioneCliente .nuovoCliente {
    margin-bottom: -15px;
    margin-left: -3px;
}

    .definizioneCliente .nuovoCliente a {
        float: right !important;
        border-top-left-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
        color: white;
        margin-left: 0px;
    }


    .definizioneCliente .nuovoCliente .btn {
        padding: 6px 20px 22px 20px !important;
        height: 12px;
    }


.definizioneCliente .riga {
    width: 100%;
    border-bottom: none;
    display: inline-flex;
}

    .definizioneCliente .riga > div {
        margin-left: 0px;
        margin-bottom: 4px;
    }

    .definizioneCliente .riga div {
        float: left;
        margin-left: 3px !important;
    }

    .definizioneCliente .riga .pannelloCliente {
        float: none !important;
        margin-left: 0px !important;
    }

    .definizioneCliente .riga .civico input[type=text] {
        width: 124px !important;
    }

    .definizioneCliente .riga .email input[type=text] {
        width: 295px !important;
    }

.definizioneCliente .idCliente {
    float: left !important;
    text-align: right;
    padding-left: 30px;
}

    .definizioneCliente .idCliente .label {
        color: #1ab394;
        font-weight: bold;
        text-align: right;
        font-size: 14px;
        padding: 0px;
        margin: 0px;
    }

    .definizioneCliente .idCliente .valore {
        text-align: right;
        font-size: 14px;
        font-weight: bold;
    }

.definizioneCliente .ricerca .casellaTesto {
    margin-right: 300px;
    float: left;
}

.definizioneCliente .ricerca .btn {
    float: left;
}

/*.definizioneCliente .cognomeORagioneSociale {
}*/

.definizioneCliente .indirizzo {
    width: 454px;
}

.definizioneCliente .civico {
    width: 100px;
}

.definizioneCliente .nazione {
    width: 90px;
}

.definizioneCliente .cap {
    width: 60px;
}

.definizioneCliente .citta {
    width: 235px;
}

.definizioneCliente .regione {
    width: 60px;
}

.definizioneCliente .provincia {
    width: 60px;
}

.definizioneCliente .telefono {
    width: 140px;
}

.definizioneCliente .cellulare {
    width: 140px;
}

.definizioneCliente .email {
    width: 271px;
}

/*
   SELEZIONE CLIENTE
**********************************************************/

.definizioneCliente {
    font-family: Calibri;
}

.definizioneCliente-intestazione {
    float: right;
    width: 180px !important;
    color: #1ab394;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 6px;
    margin-top: 0px;
    text-align: right;
}

.definizioneCliente-codiceYappay {
    color: #053948;
    font-size: 18px;
    margin: 0px 10px 0px 10px;
}

.definizioneCliente .presentazioneCliente {
    height: 35px;
}

.definizioneCliente .denominazioneCliente {
    font-size: 20px;
    text-transform: capitalize;
    font-weight: bold;
    float: left;
    color: #053948;
}

.definizioneCliente .modificaCliente {
    float: right;
}

.definizioneCliente .indirizziCliente {
    width: 100%;
    margin-bottom: 6px;
}

/*
   GESTIONE CLIENTE
**********************************************************/
.popUpPannelloGestioneCliente {
    width: 1025px;
}

.areaInfoCliente {
    float: left;
    margin: 5px 3px 15px 3px;
    height: 400px;
    border: solid 1px #e5e6e7;
    border-radius: 8px;
    padding: 8px;
}

    .areaInfoCliente .asterisco {
        font-size: 13px !important;
    }

    .areaInfoCliente .etichettaArea {
        font-weight: bold;
        font-size: 18px;
        margin-bottom: 10px;
    }

    .areaInfoCliente .infoCliente {
        margin-bottom: 5px;
    }

        .areaInfoCliente .infoCliente .etichettaInfoCliente {
            font-weight: bold;
            font-size: 13px;
        }

        .areaInfoCliente .infoCliente .campoInfoCliente-data {
            width: 114px !important;
        }

.campoNonValido {
    border-color: #a94442;
}



/*
    MAV
**********************************************************/
#mav {
    max-width: 900px;
    padding-top: 4px;
    margin-bottom: 15px;
    background-color: white;
    opacity: 0.9;
}

    #mav input[type="text"] {
        width: 100%;
    }

    #mav .datiPagamento {
        width: 100%;
        margin-right: 20px;
        float: left;
        padding-bottom: 0px !important;
        margin-bottom: 20px;
    }

    #mav .opzioniPagamento {
        width: 400px;
        float: left;
    }

    #mav .selezioneOpzioniPagamento {
        margin-top: 0px;
    }

    #mav .selezioneModalitaPagamento {
        float: left;
        margin-right: 5px;
    }


#mav-codice {
    float: left;
    margin-right: 20px;
}

#mav-importo {
    float: left;
    margin-bottom: 10px;
}

    #mav-importo input[type=text] {
        text-align: right;
    }

#mav-causale {
    overflow: auto;
    margin-top: 40px;
    width: 100%;
}

#mav-causale-V2 {
    overflow: auto;
    margin-bottom: 40px;
    width: 100%;
}

#mav #causaleNonFormattata textarea {
    width: 534px;
}



#mav .definizioneCliente {
    padding-bottom: 0px !important;
}

#mav .comandi {
    overflow: auto;
    width: 100%;
}

    #mav .comandi input {
        padding: 10px 40px 26px 40px;
    }

/*
    RAV
**********************************************************/


#rav {
    max-width: 900px;
    padding-top: 4px;
    margin-bottom: 15px;
    background-color: white;
    opacity: 0.9;
}

    #rav input[type="text"] {
        width: 100%;
    }

    #rav .datiPagamento {
        width: 100%;
        margin-right: 20px;
        float: left;
        padding-bottom: 0px !important;
        margin-bottom: 20px;
    }

    #rav .opzioniPagamento {
        width: 400px;
        float: left;
    }

    #rav .selezioneOpzioniPagamento {
        margin-top: 0px;
    }

#rav-codice {
    float: left;
    margin-right: 10px;
}

#rav-importo {
    float: left;
    margin-bottom: 10px;
}

    #rav-importo input[type=text] {
        text-align: right;
    }

#rav-causale {
    margin-top: 20px;
    overflow: auto;
    width: 100%;
}

#rav-causale-V2 {
    margin-bottom: 40px;
    overflow: auto;
    width: 100%;
}

#rav #causaleNonFormattata textarea {
    width: 534px;
}



#rav .definizioneCliente {
    padding-bottom: 0px !important;
}

#rav .comandi {
    overflow: auto;
    width: 100%;
}

    #rav .comandi input {
        padding: 10px 40px 26px 40px;
    }

    #rav .comandi .btn {
        padding: 16px 40px 30px 30px !important;
    }


/*
    PROPOSTA BILLER
**********************************************************/

.nuovoBiller div {
    margin-bottom: 16px;
}

.nuovoBiller legend {
    color: #1E5E2E;
}


.nuovoBiller input[type=text] {
    height: 34px;
    font-size: 18px !important;
    padding-top: 8px !important;
}

.allegato {
    height: 80px;
    margin-bottom: 40px;
    width: 100%;
}

    .allegato .upload {
        padding-top: 10px;
    }

.nuovoBiller .contoCorrente {
    width: 100%;
    height: 40px;
    float: left;
    margin-bottom: 30px;
}

.nuovoBiller .codice {
    width: 300px;
    padding-right: 20px;
    margin-right: 20px;
}

.nuovoBiller .iban {
    width: 340px;
    float: left;
}

.nuovoBiller .noteBiller {
    height: 50px;
    width: 460px;
    text-align: left;
    float: left;
    margin-bottom: 30px;
}

.nuovoBiller .allegato {
    height: 160px;
    padding-top: 15px;
    width: 100%;
    display: inline-block;
}

.nuovoBiller .comandi {
    width: 100%;
}

.nuovoBiller .infoCondominio input[type=checkbox] {
    height: 28px;
    width: 28px;
    float: left;
}

.nuovoBiller .infoCondominio label {
    padding-top: 3px;
    font-size: 20px !important;
    float: left;
    font-weight: bold !important;
    color: #1E5E2E;
}

.nuovoBiller .infoCondominio-infoAmministratore {
    padding-top: 10px;
    width: 100%;
    overflow: auto;
}

.nuovoBiller .infoAmministratoreCondominio-denominazione input[type=text] {
    width: 100%;
}

.nuovoBiller .infoAmministratoreCondominio-telefono input[type=text] {
    width: 200px;
    text-align: center;
}


/*********************************************************/
/*    RICARICHE MENSE SCOLASTICHE                        */
/*********************************************************/

/*Definizione Dati Ricarica*/

.ricaricaMensa {
    background-color: #ffffff;
    padding: 10px 14px;
    width: 1108px;
}

    .ricaricaMensa fieldset legend {
        margin-bottom: 10px;
    }

        .ricaricaMensa fieldset legend.enfatizzato {
            font-weight: bold;
            font-size: 10px
        }

    .ricaricaMensa .btn {
        padding: 10px 60px 28px 60px !important;
    }

    .ricaricaMensa b {
        text-transform: uppercase;
        color: #35496a;
        font-weight: normal;
        font-size: 14px;
    }


    .ricaricaMensa .definizioneInfoRicarica {
        padding-top: 16px;
        position: relative;
        padding-bottom: 40px;
    }

        .ricaricaMensa .definizioneInfoRicarica input[type=text] {
            margin-top: 8px;
            padding: 4px 12px;
            font-weight: bold !important;
            font-size: 28px !important;
            text-align: right;
            width: 150px;
        }

.ricaricaMensa-infoStudente {
    float: left;
    margin-right: 50px;
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .ricaricaMensa-infoStudente .denominazione {
        font-weight: bold;
        font-size: 22px;
        height: 28px;
    }

.ricaricaMensa-saldoStudente .importo {
    text-align: right;
    font-size: 36px;
}

.ricaricaMensa-infoStudente .istituto {
    font-size: 18px;
}

.ricaricaMensa .ricaricaMensa-importo {
    float: left;
    margin-right: 70px;
}

.ricaricaMensa-saldoStudente {
    float: left;
}

.ricaricaMensa-notificaCliente {
    width: 100%;
    height: 50px;
    display: block;
    overflow: auto;
}

    .ricaricaMensa-notificaCliente .notifica {
        font-size: 16px;
    }

/*Anteprima*/

.anteprimaRicaricaMensa {
    width: 800px;
    position: relative;
    padding: 10px;
    margin-bottom: 50px;
}

.anteprimaRicaricaMensa-titolo {
    font-size: 18px;
    color: #1A9AD5;
    height: 16px;
    margin-bottom: 12px;
}

.anteprimaRicaricaMensa .studente {
    font-size: 32px;
    height: 38px;
}

.anteprimaRicaricaMensa .istitutoScolastico {
    font-size: 22px;
}

.anteprimaRicaricaMensa .importo {
    padding-top: 40px;
    font-size: 50px;
    font-weight: bold;
    position: absolute;
    top: 10px;
    right: 20px;
}

.anteprimaRicaricaMensa .clienti {
    border-top: solid 1px #e0e0e0;
    width: 100%;
    margin-top: 20px;
    overflow: auto;
    padding-top: 10px;
}

.anteprimaRicaricaMensa .cliente {
    width: 360px;
    display: inline-block;
}

.anteprimaRicaricaMensa .cliente-tipo {
    font-size: 16px;
    text-transform: none;
    color: #1ab394;
    margin-bottom: 6px;
    padding-bottom: 0px;
    height: 16px;
    font-weight: bold;
}

.anteprimaRicaricaMensa .cliente .denominazione {
    font-size: 20px;
    font-weight: bold;
    height: 28px;
}

.anteprimaRicaricaMensa .cliente .indirizzo,
.anteprimaRicaricaMensa .cliente .localita {
    font-size: 16px;
}

.anteprimaRicaricaMensa .notifica {
    margin-top: 20px;
}

/* ESITO RICARICA MENSA */
.esitoRicaricaMensa .datiEsitoRicarica {
    width: 500px;
    min-height: 150px;
    padding: 20px;
    float: left;
    margin-right: 40px;
}

    .esitoRicaricaMensa .datiEsitoRicarica .totaleRicarica {
        text-align: right;
        font-size: 50px;
        font-weight: bold;
        float: right;
        margin-top: 120px;
        margin-right: -50px;
    }

.esitoRicaricaMensa .notifica {
    font-size: 22px;
    margin-bottom: 14px;
}

#esitoPagamento .sezione {
    padding: 8px;
    margin: 4px 6px 0px 0px;
    border: none;
    font-size: 16px;
    line-height: 24px;
}

#esitoPagamento .sezioneRicevuta {
    padding: 8px;
    margin: 4px 6px 0px 0px;
    border: none;
    font-size: 16px;
    line-height: 24px;
}

.esitoRicaricaMensa .datiEsitoRicarica .infoRicarica {
    margin-top: -30px;
    float: left;
    max-width: 290px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


    .esitoRicaricaMensa .datiEsitoRicarica .infoRicarica .studente {
        font-weight: bold;
        font-size: 30px;
        margin-bottom: 0px;
    }


    .esitoRicaricaMensa .datiEsitoRicarica .infoRicarica .istituto {
        font-size: 22px;
    }


.esitoRicaricaMensa .datiEsitoRicarica .infoSecondarie {
    font-size: 18px;
}

.ricevutaRicaricaMensa {
    border-radius: 8px;
    margin-top: -60px;
    background-color: white;
    width: 500px;
    display: inline-block;
    border: 1px solid;
    padding: 20px 20px 20px 50px;
    z-index: 10000;
}


/* STILI TAB CONTAINER AJAX CONTR */

.processoPagamento .ajax__tab_header a {
    color: #BBBBBB;
    cursor: pointer;
    font-family: "Segoe UI" !important;
    font-weight: bold;
    font-size: 20px !important;
    font-weight: bold;
    padding-bottom: 10px !important;
    padding-right: 30px;
    cursor: default;
}

.processoPagamento .ajax__tab_outer {
    padding: 6px 0px 6px 0px;
    margin-left: 0px;
}

.processoPagamento .ajax__tab_inner {
}

.processoPagamento .ajax__tab_body {
    padding: 8px 0px 4px 0px;
    margin-top: -12px;
    height: 500px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #D9D9D9;
}

.processoPagamento .ajax__tab_tab {
    padding: 0px 10px 0px 10px;
    margin-right: 10px;
}

.processoPagamento .ajax__tab_hover {
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: #37485A;
}

.processoPagamento .ajax__tab_active {
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: #1E5E2E;
}

    .processoPagamento .ajax__tab_active a {
        color: #37485A !important;
        border-bottom-style: solid;
        border-bottom-width: 3px;
        border-bottom-color: #1E5E2E;
        padding-bottom: 7px !important;
        outline: none !important;
    }

.processoPagamento .cliente-definzione .ajax__tab_header a {
    font-weight: normal !important;
    font-size: 18px !important;
    color: #1a9ad5 !important;
    border: none;
    text-transform: none !important;
}

.processoPagamento span {
    border-bottom-style: none !important;
}



/*********************************************************/
/*    CAMPI RICHIESTI DAI BILLER PER PAGAMENTO           */
/*********************************************************/

.campiRichiesti {
    margin: 10px 0px 15px 0px;
    overflow: auto;
    width: 800px;
    overflow-x: hidden;
}

    .campiRichiesti .textBoxLarge {
        font-size: 18px !important;
    }

    .campiRichiesti .asterisco {
        font-size: 14px !important;
    }


.campiRichiesti-campi div {
    float: left;
    margin-right: 6px;
    height: 60px;
}

.campiRichiesti-campi b {
    text-transform: none;
    font-size: 16px;
}

.campiRichiesti-intestazione {
    border-bottom: solid 1px #e5e6e7;
    margin-bottom: 4px;
}

    .campiRichiesti-intestazione b {
        color: #1E5E2E;
        text-transform: capitalize;
        font-size: 18px;
    }

.campiRichiesti .email {
    width: 218px !important;
}

.campiRichiesti .codiceFiscale {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    width: 200px !important;
}

    .campiRichiesti .codiceFiscale input {
        font-size: 16px !important;
    }

.campiRichiesti .partitaIva {
    width: 140px !important;
}

.campiRichiesti input[type=text] {
    padding: 5px 10px !important;
    font-size: 17px !important;
}

.campiRichiesti-voceCausaleAggiuntiva {
    float: left;
    margin-right: 6px;
    width: 34%;
}

    .campiRichiesti-voceCausaleAggiuntiva div {
        margin-right: 10px;
    }


.definizioneCausale-vociAggiuntiveCausale {
    margin-top: 20px;
    border-top: solid 1px #e5e5e5;
    padding-top: 8px;
}

.campiRichiesti-voceCausaleAggiuntiva div {
    margin-right: 10px;
}

.definizioneCausale-vociAggiuntiveCausale-etichetta {
    color: #707F90;
    font-weight: 600;
    font-size: 18px;
}

.definizioneCausale-vociAggiuntiveCausale-valore {
    padding-top: 3px;
    color: #003948;
    font-size: 16px;
    line-height: 26px;
}



.documentoIdentita {
    margin: 25px 0px 15px 0px;
}

.documentoIdentita-intestazione {
    border-bottom: solid 1px #e5e6e7;
    margin-bottom: 4px;
}

    .documentoIdentita-intestazione b {
        color: #1A9AD5;
        text-transform: capitalize !important;
        font-size: 16px !important;
    }

.documentoIdentita b {
    text-transform: none;
    font-size: 14px;
}

.documentoIdentita select {
    width: 315px;
    height: 32px;
}

.documentoIdentita .campo {
    float: left;
    margin-right: 5px;
}

.documentoIdentita .dataScadenza input[type="text"] {
    width: 103px !important;
}

.documentoIdentita .dataRilascio input[type="text"] {
    width: 103px !important;
}

.documentoIdentita .numeroDocumento {
    width: 140px;
    margin-top: 7px;
}

    .documentoIdentita .numeroDocumento input[type="text"] {
        width: 140px !important;
        text-align: center;
    }


.documentoIdentita .enteRilascio {
    width: 386px;
    margin-top: 7px;
}



/***************************************************************/
/* RENDICONTAZIONI                                             */
/***************************************************************/

.rendicontazioni td {
    font-size: 18px;
}

.rendicontazioni table .tipoOperazione {
    font-size: 16px;
}

.rendicontazioni td.numerico {
    font-size: 14px;
}

.rendicontazioni table .dicituraIva {
    font-size: 16px;
    font-weight: normal;
}

.rendicontazioni-opzioni {
    margin-top: 14px;
}

    .rendicontazioni-opzioni input[type=text] {
        padding: 6px 10px;
        border-radius: 3px;
    }

.rendicontazioni-opzioni-data {
    float: left;
    margin-right: 10px;
}

.rendicontazioni-utenteDaRendicontare {
    float: left;
    width: 300px;
    margin-right: 20px;
}

    .rendicontazioni-utenteDaRendicontare input[type=text] {
        width: 290px;
        margin-right: 20px;
    }


.rendicontazioni-opzioni-comandi {
    padding-top: 20px;
}

.rendicontazioni-opzioni-data input[type=text] {
    padding: 6px;
    width: 100px !important;
}

.rendicontazioni-elenco {
    margin-top: 40px;
}

.rendicontazioni-totali {
    text-align: right;
    margin-top: 10px;
    padding: 10px 0px;
}

    .rendicontazioni-totali .totale-aggi {
        font-weight: bold;
        line-height: 28px;
        font-size: 46px !important;
    }

    .rendicontazioni-totali .totale {
        text-align: right;
        font-weight: bold;
        font-size: 21px !important;
        text-transform: lowercase !important;
        color: #37485A;
    }

    .rendicontazioni-totali .th-noBackground {
        background-color: White;
        border-top: 0;
        border-left-width: 0;
        border-bottom-width: 0;
    }

.rendicontazioni-totali-parziali .totale {
    text-align: right !important;
    font-weight: bold;
    font-size: 18px;
    text-transform: lowercase !important;
}


/***************************************************************/
/* ARCHIVIO PAGAMENTI                                          */
/***************************************************************/

.archivioPagamenti .elementoDiRicerca {
    margin-right: 4px;
    float: left;
}

    .archivioPagamenti .elementoDiRicerca input {
        min-height: 21px;
    }

.archivioPagamenti .elementoDiRicercaDiFineRiga {
    float: none !important;
}


.archivioPagamenti .ricercaCodicepagamento input {
    width: 200px;
}

.archivioPagamenti .ricercaClientePagamento input {
    width: 300px;
}

.archivioPagamenti .ricercaBillerPagamento input {
    width: 300px;
}

.archivioPagamenti .definizioneParametriRicercaAvanzata {
    margin-top: 15px;
    margin-bottom: 15px;
    float: none;
}

.archivioPagamenti b {
    text-transform: none;
}

.archivioPagamenti .intervalloDiRicercaBollettini {
    float: left;
    width: 410px;
    margin-bottom: 15px;
}

    .archivioPagamenti .intervalloDiRicercaBollettini input[type="text"] {
        width: 100px !important;
        height: 36px;
        border: solid 4px inherit !important;
    }

.archivioPagamenti .elementoDiRicerca.dataEOra div {
    float: left;
    margin-right: 1px;
}

.archivioPagamenti .elementoDiRicerca.dataEOra .orario input[type="text"] {
    width: 40px !important;
    margin-right: 2px;
    padding: 2px 4px !important;
    font-weight: normal !important;
    font-size: 18px !important;
    text-align: center;
}

.archivioPagamenti .archivioPagamenti-chiaveDiRicerca {
    float: left;
    margin-right: 6px;
    margin-bottom: 20px;
}

    .archivioPagamenti .archivioPagamenti-chiaveDiRicerca input[type="text"] {
        height: 36px;
        width: 460px;
    }


.archivioPagamenti .comandi {
    overflow: auto;
    margin-bottom: 20px;
    width: 100%;
    height: 40px;
}


.archivioPagamenti .esitoPagamento {
    padding: 8px;
    border-radius: 2px;
    color: white;
    font-weight: bold;
    font-family: Calibri;
    font-size: 12px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

    .archivioPagamenti .esitoPagamento.pagato {
        padding: 8px;
        border-radius: 2px;
        color: white;
        font-weight: bold;
        font-family: Calibri;
        font-size: 12px;
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
        background-color: #1AB394 !important;
    }

    .archivioPagamenti .esitoPagamento.avviato {
        background-color: #ffd800;
    }

    .archivioPagamenti .esitoPagamento.fallito {
        background-color: #ED5565;
    }

.tooltip-top-sf-custom .tooltip-text {
    left: 320% !important;
}

.archivioPagamenti .causale {
    max-width: 250px;
    font-size: 12px;
}

.archivioPagamenti .modalitaPagamento {
    text-align: left;
    width: 100px !important;
    font-weight: bold;
    float:left;
}

/***************************************************************/
/* ARCHIVIO CLIENTI                                            */
/***************************************************************/

.archivioClienti b {
    text-transform: none !important
}

.archivioClienti .intervalloDiRicerca div {
    float: left;
    margin-right: 4px;
}

.archivioClienti .comandi {
    margin-top: 0px !important;
    padding-top: 31px;
    margin-bottom: 30px;
    float: left;
}

.archivioClienti #opzioniDiRicerca {
    padding-bottom: 10px;
    padding-top: 11px;
    float: left;
    height: 50px;
    margin-right: 4px;
}

    .archivioClienti #opzioniDiRicerca input[type="text"] {
        height: 37px !important;
    }


.archivioClienti .cliente-denominazione {
    font-size: 14px;
}

/***********************************************************/
/*    PAGO PA                                              */
/***********************************************************/

.datiPagamento-codiceABarreOQrCode input[type=text] {
    border: solid 3px #1ab394;
    border-left-width: 14px;
    padding: 10px 6px;
    margin-bottom: 20px;
}



/***********************************************************/
/*    TRIBUTI                                              */
/***********************************************************/

#tributo {
    padding-left: 30px;
    background-color: white;
    opacity: 0.8;
}

    #tributo .datiPagamento {
        width: 540px;
    }

    #tributo .comandi {
        width: 300px;
        overflow: auto;
        float: left;
    }

        #tributo .comandi input {
            padding: 10px 40px 26px 40px;
        }

    #tributo input[type="text"] {
        width: 100%;
        color: black;
    }

.datiPagamento-idCreditorePA {
    margin-top: 20px;
}

/***********************************************************/
/*    TASSE VEICOLI                                        */
/***********************************************************/

#tassaVeicolo {
    padding-left: 30px;
}

    #tassaVeicolo .datiPagamento {
        width: 550px;
    }

    #tassaVeicolo .comandi {
        width: 300px;
        overflow: auto;
        float: left;
    }

        #tassaVeicolo .comandi input {
            padding: 10px 40px 26px 40px;
        }

    #tassaVeicolo input[type="text"] {
        width: 100%;
        color: black;
    }

.datiPagamento-tipoVeicolo select {
    height: 42px;
    width: 100%;
}

.datiPagamento-tipoVeicolo {
    display: inline-block;
    width: 200px;
    margin-bottom: 20px;
}

.datiPagamento-targa {
    width: 170px;
    display: inline-block;
}

    .datiPagamento-targa input[type=text] {
        text-transform: uppercase;
    }

.datiPagamento-numeroTelaio {
    width: 172px;
    display: inline-block;
}

.datiPagamento-codiceFiscaleProprietario {
    display: inline-block;
    width: 100%;
}

.datiPagamento-idCreditorePA {
    margin-top: 20px;
}


/***********************************************************/
/*    PAGAMENTI GIA' EFFETTUATI                            */
/***********************************************************/

.pagamentoGiaEffettuato {
    padding-top: 20px;
}

    .pagamentoGiaEffettuato .megaNotifica {
        margin-bottom: 40px;
    }

    .pagamentoGiaEffettuato .btn {
        padding: 10px 30px 26px 30px !important;
    }


/***********************************************************/
/*    PRENOTAZIONE BOLLETTINI                              */
/***********************************************************/

.definizioneCodicePrenotazioneSepafin input[type=text],
.definizioneCodicePrenotazioneSepafin .textBox {
    margin-top: 12px !important;
    width: 480px !important;
    border: solid 3px #1E5E2E;
    border-left: solid 14px #1E5E2E !important;
    padding: 10px !important;
}

/***********************************************************/
/*    F24                                                  */
/***********************************************************/

.F24 {
    max-width: 1000px;
}

    .F24 b {
        font-weight: 900;
        font-size: 17px;
        color: #053948;
        letter-spacing: 0.7px;
    }

    .F24 .etichetta {
        font-size: 13px;
        font-weight: bold;
        text-transform: lowercase;
        color: #053948;
    }

    .F24 b .etichetta {
        font-weight: bold;
        font-size: 15px;
    }

    .F24 .codice-fiscale {
    }

    .F24 .contribuente input,
    .F24 .contribuente select,
    .F24 .coobligato input,
    .F24 .coobligato select,
    .F24 .motivazione-identificativo input {
        font-weight: bold;
        font-size: 18px;
        border: none;
        padding: 3px 10px !important;
        letter-spacing: 2.5px;
        text-transform: uppercase;
        color: black;
        border: solid 2px white !important;
        border-radius: 3px !important;
        text-align: left;
        background-color: white;
    }

    .F24 .motivazione-identificativo input {
        padding: 14px 6px !important;
    }

    .F24 .contribuente select {
        padding:0px 0px 4px 0px !important;
        height:34px !important;
    }

    .F24 .caratteri-distanziati {
        letter-spacing: 5px !important;
    }

    .F24 select {
        padding-top: 5px !important;
        padding-bottom: 7px !important;
    }


        .F24 input:focus,
        .F24 select:focus {
            border: solid 2px #053948 !important;
            border-radius: 3px !important;
        }


    .F24 .row {
        padding: 5px 0px;
    }

    .F24 fieldset {
        max-width: 1200px !important;
        background-color: #d4eff4 !important;
        padding: 0px 20px 20px 20px !important;
        overflow: auto;
        background: none;
        margin-bottom: 20px;
        border-radius: 4px !important;
        box-shadow: 0 3px 12px -1px rgba(7, 10, 25, 0.2), 0 22px 27px -20px rgba(7, 10, 25, 0.2);
    }

        .F24 fieldset legend {
            width: 1000px;
            font-size: 21px;
            font-weight: bolder;
            color: white;
            background-color: #8fd6e7;
            margin-left: -20px !important;
            padding: 5px 20px 5px 20px !important;
            text-transform: uppercase;
            border-top-left-radius: 4px !important;
            border-top-right-radius: 4px !important;
        }

    .F24 .contribuente-codice-fiscale {
        display: inline-block;
        margin-right: 16px;
        width: 500px;
    }

        .F24 .contribuente-codice-fiscale input {
            width: 300px;
            text-align: center;
        }

    .F24 .contribuente-codice-fiscale-header {
        width: 170px;
        display: inline-block;
    }

    .F24 .contribuente-codice-fiscale-body {
        width: 200px;
        display: inline-block;
    }

    .F24 .contribuente-codice-ufficio {
        display: inline-block;
        margin-right: 16px;
    }

        .F24 .contribuente-codice-ufficio input {
            width: 86px;
            text-align: center;
        }

    .F24 .contribuente-codice-atto {
        display: inline-block;
    }

        .F24 .contribuente-codice-atto input {
            width: 330px;
        }

/* DATI ANAGRAFICI CONTRIBUENTE*/
.contribuente-dati-anagrafici {
    overflow: auto;
    width: 100%;
}

    .contribuente-dati-anagrafici input {
        width: 100%;
    }

.contribuente-dati-anagrafici-header {
    width: 170px;
    vertical-align: top;
    float: left;
    padding-top:18px;
}

.contribuente-dati-anagrafici-body {
    padding-left: 4px;
    width: 780px;
    float: left;
}

    .contribuente-dati-anagrafici-body .denominazione {
        margin-bottom: 6px;
    }

    .contribuente-dati-anagrafici-body .cognomeORagioneSociale {
        display: inline-block;
        width: 422px;
        margin-right: 20px;
    }

    .contribuente-dati-anagrafici-body .nome {
        display: inline-block;
        width: 330px;
    }

        .contribuente-dati-anagrafici-body .nome input {
            display: inline-block;
            width: 340px;
        }

    .contribuente-dati-anagrafici-body .indirizzo {
        display: inline-block;
        width: 206px;
        margin-right: 40px;
    }

    .contribuente-dati-anagrafici-body .data-nascita {
        display: inline-block;
        width: 110px;
        margin-right: 30px;
    }

        .contribuente-dati-anagrafici-body .data-nascita input {
            display: inline-block;
            width: 134px !important;
            margin-right: 30px;
        }

    .contribuente-dati-anagrafici-body .sesso {
        display: inline-block;
        width: 26px;
        margin-right: 30px;
    }

        .contribuente-dati-anagrafici-body .sesso select {
            width: 48px;
            padding-left: 5px !important;
            padding-right: 0px !important;
        }

    .contribuente-dati-anagrafici-body .cap-nascita {
        display: inline-block;
        width: 80px;
        margin-right: 30px;
    }

        .contribuente-dati-anagrafici-body .cap-nascita input {
            width: 104px;
            padding: 5px 10px !important;
            text-align: center;
            font-size: 18px !important;
        }

     .contribuente-dati-anagrafici-body .nazione-nascita {
          display: inline-block;
          width: 128px;
          margin-right: 10px;
      }

        .contribuente-dati-anagrafici-body .nazione-nascita select {
            display: inline-block;
            margin-right: 40px;
            width: 120px;
            padding-left: 5px !important;
            padding-right: 0px !important;
        }

    .contribuente-dati-anagrafici-body .comune-nascita {
        display: inline-block;
        width: 250px;
        margin-right: 6px;
    }

        .contribuente-dati-anagrafici-body .comune-nascita select {
            width:441px;
        }

    .contribuente-dati-anagrafici-body .provincia-nascita {
        display: inline-block;
        width: 40px;
    }

        .contribuente-dati-anagrafici-body .provincia-nascita input {
            display: inline-block;
            width: 68px;
        }

.contribuente-domicilio-fiscale-indirizzo {
    width: 311px;
    display: inline-block;
    margin-right: 30px;
}

.contribuente-dati-anagrafici-alert {
    padding: 4px 10px;
    background-color: #35496a !important;
    margin-top: 3px;
    border-left: solid 10px #eb6c00;
    border-radius: 3px;
    color: white;
}

/*INFO COOBLIGATO */
.F24 .coobligato {
    margin-top: 14px;
    width: 100% !important;
    display: block;
    overflow: auto;
}

.F24 .coobligato-codice-fiscale {
    display: inline-block;
}

.F24 .coobligato-codice-fiscale-header {
    display: inline-block;
    width: 333px;
}

.F24 .coobligato-codice-fiscale-body {
    display: inline-block;
    vertical-align: top;
}

.F24 .coobligato-codice-fiscale input {
    width: 300px;
    text-align: center;
}

.F24 .coobligato-tipo {
    display: inline-block;
    float: right;
}

    .F24 .coobligato-tipo select {
        width: 280px !important;
    }

/*MOTIVO DEL PAGAMENTO*/

.motivazione input {
    font-weight: bold;
    font-size: 16px !important;
    border: none;
    text-align: center;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: black;
    border: solid 2px white !important;
    border-bottom: solid 2px #1A9AD5 !important;
    background-color: white;
    padding: 4px 3px !important;
}

.motivazione table th,
.motivazione table td {
    margin: 0px !important;
    padding: 5px 6px !important;
}

.motivazione table th {
    font-size: 12px;
    color: black;
}

.F24 .importo {
    padding-right: 2px;
    text-align: right !important;
}

.motivazione .sfondo-grigio {
    background-color: #f1f1f2;
    border-bottom: solid 1px #1A9AD5 !important;
    padding: 6px 12px;
}

    .motivazione .sfondo-grigio input {
        background-color: #f1f1f2;
        border-bottom: none !important;
        margin: 0px;
    }

fieldset.motivazione {
    border-bottom: solid 26px #8fd6e7 !important;
    padding-bottom: 0px;
}

.motivazione legend b {
    font-weight: bolder;
    border: none;
    font-size: 16px;
}

.motivazione-identificativo {
    float: right;
    margin-right:26px;
}

    .motivazione-identificativo input {
        width: 300px;
        font-size: 20px !important;
        padding: 16px 10px !important;
        text-align: center !important;
    }

.motivazione {
    max-width: 1000px;
    background-color: #d4eff4 !important;
}

    .motivazione table tr td {
        padding: 5px 8px;
    }

    .motivazione table tr {
        margin: 40px;
    }

.motivazione-identificativo input {
    height: 14px;
}

.motivazione-footer {
    float: right;
    background-color: #8fd6e7;
    width: 430px;
    padding: 2px 0px;
    margin-right: 18px;
}

.motivazione-footer-header {
    background-color: #8fd6e7;
    display: inline-block;
    color: white;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    width: 30px;
    letter-spacing: 1px;
    text-align: center;
    font-family: Calibri;
    padding: 2px 12px;
}

.motivazione-footer-body {
    width: 316px;
    text-align: right;
    background-color: #d4eff4;
    display: inline-block;
    float: right;
    height: 46px;
    margin: -2px -8px -2px;
    padding: 3px 15px;
}

    .motivazione-footer-body input {
        width: 100px;
        text-align: right;
    }

.F24 .notifica-note {
    border: none;
    width: 100%;
    font-family: Calibri;
    font-size: 15px;
    border: solid 1px #eaedf0;
    border-bottom: solid 6px #eaedf0;
    border-radius: 2px;
    font-weight: bold;
    letter-spacing: 0.5px;
}

    .F24 .notifica-note .nota {
        float: left;
        background-color: white;
        color: #1E5E2E;
        padding: 2px 14px;
        font-weight: bold;
        border-radius: 2px;
        margin-right: 10px;
        vertical-align: middle;
        margin-top: 8px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 16px;
    }

    .F24 .notifica-note .descrizione {
        font-size: 15px;
        padding: 4px 6px;
    }

.F24 .quietanza-emailPerComunicarla.notifica-note {
    margin-top: 14px;
}

    .F24 .quietanza-emailPerComunicarla.notifica-note .nota {
        height: 100px;
    }

    .F24 .quietanza-emailPerComunicarla.notifica-note .descrizione {
        width: 700px;
    }

    .F24 .quietanza-emailPerComunicarla.notifica-note input {
        margin: 8px 0px 8px 0px;
        border-radius: 3px;
        width: 600px;
        padding: 8px 20px;
        font-size: 18px;
        color: black !important;
    }

#anteprimaPreScontrino {
    height: 540px !important;
}

#anteprimaPreScontrino .notifica-note {
    border: none;
    font-family: Calibri;
    font-size: 16px;
    border: solid 3px #eaedf0;
    border-radius: 2px;
    margin-bottom: 10px;
    color: black;
    padding: 5px;
}

    #anteprimaPreScontrino .notifica-note .nota {
        float: left;
        background-color: white;
        color: white;
        padding: 2px 14px;
        font-weight: bold;
        border: none;
        margin-right: 0px;
        vertical-align: middle;
        margin-top: 8px;
        text-transform: uppercase;
        letter-spacing: 1px;
        height: 60px;
    }

    #anteprimaPreScontrino .notifica-note .fa {
        color: #ff6500;
        font-size: 30px;
    }

#anteprimaPreScontrino iframe {
    width: 545px !important;
    height: 300px;
    padding: 0px;
    border: 6px solid #344657;
    border-radius: 3px;
    border-top: 26px solid #344657;
    box-shadow: 20px 20px 10px -1px rgba(7, 10, 25, 0.4), 0 22px 27px -20px rgba(7, 10, 25, 0.2);
}



/***********************************************************/
/*    SPID                                                 */
/***********************************************************/

#spid {
    max-width: 800px;
}

    .spid-processo-pagamento .notifica-note {
        border: none;
        font-family: Calibri;
        font-size: 15px;
        border: solid 1px #eaedf0;
        border-bottom: solid 6px #eaedf0;
        border-radius: 2px;
        margin-bottom: 20px;
    }

        .spid-processo-pagamento .notifica-note .nota {
            float: left;
            color: #1E5E2E;
            padding: 2px 14px;
            font-weight: bold;
            border-radius: 2px;
            margin-right: 10px;
            vertical-align: middle;
            margin-top: 10px;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-size: 18px;
            height:110px;
        }

            .spid-processo-pagamento .notifica-note .nota .fa-exclamation-triangle {
                font-size: 40px;
                color: #ff6d00;
            }

            .spid-processo-pagamento .notifica-note .nota .descrizione ul {
                list-style: decimal;
            }

        .spid-processo-pagamento .notifica-note .descrizione {
            font-size: 16px;
            padding: 4px 6px;
            font-weight: 600;
        }

.spid-processo-pagamento .spid-email {
    width: 800px;
    margin-bottom: 20px;
}

    .spid-processo-pagamento .spid-email input {
        width: 540px;
    }

.spid-processo-pagamento .spid-cellulare {
    float: left;
}

.spid-processo-pagamento .spid-identificativoFiscale {
    float: left;
    margin-right: 30px;
    width: 180px;
    margin-right: 86px;
}

    .spid-processo-pagamento .spid-identificativoFiscale input {
        text-transform: uppercase !important;
        width: 240px;
    }


.spid-processo-pagamento .btn-primary {
    padding: 10px 40px 26px;
}


.spid-processo-pagamento #tipologiaProdotto .radioButtonEnfatizzato label {
    width: 261px;
    height: 200px;
}

.spid-uso-privato {
    height: 240px;
    width: 240px;
    background-image: url('../../../Common/Immagini/Infocert/spid_uso_privato.jpg') !important;
    background-size: contain;
    background-repeat: no-repeat;
    margin: -4px -5px -5px -12px;
}

.spid-uso-professionale {
    height: 240px;
    width: 240px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('../../../Common/Immagini/Infocert/spid_uso_professionale.jpg');
    margin: -4px -5px -5px -12px;
}


.spid-processo-pagamento .spid-istruzioni {
    border-radius: 8px;
    background-color: white;
    display: inline-block;
    padding: 26px 20px !important;
    position: fixed;
    top: 100px !important;
    right: 300px;
    z-index: 100;
    padding: 0px 10px;
    border: 6px solid #344657;
    border-radius: 5px;
    border-top: 30px solid #344657;
    box-shadow: 20px 20px 10px -1px rgba(7, 10, 25, 0.4), 0 22px 27px -20px rgba(7, 10, 25, 0.2);
    width: 400px;
    border: 10px solid #053948 !important;
    border-radius: 10px;
    background-color: white;
    font-size: 15px;
    height: 500px !important;
}


.spid-processo-pagamento b {
    font-size: 20px;
}

.informazioni-spid-anteprima {
    margin-top: 0px;
    margin-bottom:20px;
    border-top: 1px #e5e6e7 solid;
    padding-top: 6px;
}

    .informazioni-spid-anteprima div {
        margin-bottom: 2px;
    }

    .informazioni-spid-anteprima span {
        font-size: 24px;
    }

.informazioni-spid-anteprima-cf {
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 5px !important;
}

.stato-servizio-infocert {
    padding: 3px 6px;
    border-radius: 3px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 9px !important;
    text-align: center;
    margin: auto;
    letter-spacing: 1px;
    max-width: 100px;
    color: white;
    text-overflow: ellipsis; /* IE, Safari (WebKit) */
    overflow: hidden; /* don't show excess chars */
    white-space: nowrap; /* force single line */
}

    /*PrenotazioneAvviata*/
    .stato-servizio-infocert.stato-1 {
        background-color: #ff5600;
        color: white;
    }

    /*Pagato*/
    .stato-servizio-infocert.stato-2,
    .stato-servizio-infocert.stato-4 {
        background-color: #1AB394;
        color: white;
    }

  
    /*Errore o Annullato*/
    .stato-servizio-infocert.stato-3,
    .stato-servizio-infocert.stato-5 {
        background-color: #ED5565;
        color: white;
    }




.prenotazione-codice {
    letter-spacing: 1px;
    font-size: 18px;
    color: #053a49;
    font-weight: bold;
    text-align: center;
}

/***********************************************************/
/*    CREDITORI                                            */
/***********************************************************/

.estremiPagamento-utilizzoInSepafin {
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 3px 0px 3px 8px;
    text-shadow: none;
    line-height: 1;
    white-space: nowrap;
    text-align: center;
    border-top-left-radius: 4px !important;
    margin-right: 20px;
    border-radius: 4px;
    margin-right:20px;
}

    .estremiPagamento-utilizzoInSepafin i {
        font-size: 12px;
        padding: 5px;
        border-radius: 3px;
        float: left;
    }

    .estremiPagamento-utilizzoInSepafin.estremiPagamento-utilizzoInSepafin-ok i {
        background-color: #1ab394;
        color: white;
    }

    .estremiPagamento-utilizzoInSepafin.estremiPagamento-utilizzoInSepafin-ko i {
        background-color: #e3732f;
        color: white;
    }



.pagamenti-filtri-post-ricerca {
    float: left;
    width: 240px;
    position: fixed;
    top: 120px;
    left: 0px;
    background-color: white;
    padding: 20px;
    border-radius:6px;
    box-shadow: 10px 10px 10px -1px rgba(7, 10, 25, 0.4), 0 22px 27px -20px rgba(7, 10, 25, 0.2);
    z-index:1000;
}

.pagamenti-filtri-post-ricerca div {
    margin-bottom:10px;
}

.pagamenti-totali {
    position: relative;
    top: 0px;
    margin: auto;
}

.pagamenti-totali th {
    font-size: 18px !important;
    color: #37485A;
    text-align: right;
}

    .pagamenti-totali th b {
        text-transform:capitalize;
    }