body {
    /*background-color: #b9eea3 !important;*/
    /*background-image: url(../Images/CLACKPAY_LOGO_HAND_K5.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;*/
    height: auto !important;
    padding-bottom: 100px;
    background: linear-gradient(108.08deg, #FFF 90%, #DBDBDB 100%);
    font-family: 'Nunito Sans', sans-serif;
}

a {
    text-decoration: none !important;
}

b {
    /*color: #75c044;*/
    font-size: 14px;
}

label {
    font-weight: normal !important;
}

input[type="checkbox"] {
    margin: 3px 7px 3px 3px !important;
}

input:focus {
    outline: none;
}

ul li {
    list-style-type: none;
}

h1 {
    font-size: 26px !important;
    font-weight: bold !important;
    color: #35496A !important;
}

#pagina {
    font-family: 'Nunito Sans', sans-serif;
    padding-top: 60px;
    padding-bottom: 20px;
    width: 90%;
    max-width: 1200px;
}


.user-icon {
    float: left;
    margin-right: 3px;
    margin-top: 1px;
}

#headerVisuale {
    color: white;
    border-bottom: solid 8px white;
    margin-top: -8px;
    height: 61px;
    box-shadow: 0px 1px 10px 0 #35496A;
    background: linear-gradient(240deg, #1E5E2E 62%, #1E5E2E 40%, #1E5E2E 40%, white 80%);
}


    #headerVisuale a {
        font-size: 13px;
        text-transform: uppercase;
        color: white;
        font-weight: bold;
    }

        #headerVisuale a:hover {
            color: #323232;
            font-weight: bold;
            background-color:#18A689;
        }

#headerOperativo {
    color: white;
    border-bottom: solid 8px white;
    margin-top: -8px;
    height: 61px;
    box-shadow: 0px 1px 10px 0 #35496A;
    background: linear-gradient(240deg, #1E5E2E 62%, #1E5E2E 40%, #1E5E2E 40%, white 80%);
}

    #headerOperativo a {
        text-transform: uppercase;
        font-size: 12px;
        font-weight: bold;
        color: white;
    }

        #headerOperativo a:hover {
            color: #323232;
        }

.navbar-collapse.collapse.in .dropdown a,
.navbar-collapse.collapse.in .dropdown a {
    height: 41px;
}

/* OPERAZIONI RICORRENTI */

.operazioni-ricorrenti {
    width: 1080px;
    text-align: center;
    padding: 12px 0px 2px 0px;
}

    .operazioni-ricorrenti .operazione-ricorrente-etichetta {
        margin-left: 0px !important;
        text-align: left !important;
        position: absolute;
        text-transform: none;
    }


    .operazioni-ricorrenti .fa {
        text-align: left;
        padding: 9px 14px 6px 14px;
        font-size: 20px !important;
        opacity: 0.8;
        color: white !important;
        margin-right: 8px;
    }


        .operazioni-ricorrenti .fa span {
            font-size: 12px !important;
            float: right;
            margin-left: 8px;
            font-family: 'Nunito Sans', sans-serif !important;
            text-align: left;
            margin-top: -2px;
        }

        .operazioni-ricorrenti .fa:hover {
            transition: background-color 0.5s;
            background-color: #35496A;
            color: white !important;
            border-radius: 5px;
            opacity: 1;
        }

#headerVisuale .operazioni-ricorrenti {
    padding-top: 7px !important;
}


@media only screen and (max-width: 1150px) {
    .operazioni-ricorrenti {
        display: none;
    }
}



#disabilitaOperativita {
    position: fixed;
    padding: 0px;
    width: 2000px;
    height: 1500px;
    margin: 0px auto 0px auto;
    /*background-image: url('../Immagini/sfondoBriciolePane.png');*/
    background-repeat: repeat;
    z-index: 150;
    cursor: wait;
}


#page_disabilita_operativita {
    position: fixed;
    padding: 0px;
    width: 100%;
    height: 100%;
    margin: 0px auto 0px auto;
    background-repeat: repeat;
    z-index: 150;
    cursor: wait;
    top: 0px;
    left: 0px;
    background: rgba(239, 239, 239, 0.1);
}

#page_disabilita_operativita_body {
    margin: auto;
    text-align: center;
    border-radius: 5px;
    padding: 4px 8px;
    width: 100%;
    z-index: 150;
    margin-top: 200px !important;
}

#page_disabilita_operativita_immagine {
    text-align: center;
    padding: 20px;
}

#page_disabilita_operativita_messaggio {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: auto;
    max-width: 600px;
    margin-top: 20px;
    padding: 30px 24px;
    border-radius: 3px;
    z-index: 200;
    background-color: white;
    box-shadow: 4px 4px 8px #888888;
}

    #page_disabilita_operativita_messaggio a {
        color: #35496A;
    }

.accessoUtente {
    position: relative;
    float: left;
    margin-right: 2px;
    font-size: 12px;
    text-align: right;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: none
}



    .accessoUtente span {
        font-size: 15px;
    }


.link-main-ddl li :hover {
    color: white !important;
}

.link-ddl {
    padding: 3px 20px;
}

    .link-ddl li {
        color: #323232 !important;
        background-color: white !important;
    }

    .link-ddl a {
        color: #323232 !important;
    }


    .link-ddl :hover a {
        color: #323232 !important;
    }

    .link-ddl li :hover {
        background-color: rgba(154,0,79, 0.5) !important;
    }

    .link-ddl li .nonSelezionabile :hover {
        background-color: white !important;
    }

    .link-ddl li .nonSelezionabile {
        background-color: white !important;
        margin-bottom: 5px;
        padding-bottom: 5px;
        border-bottom: 1px solid #939598;
    }

    .link-ddl li .saldo {
        color: #323232 !important;
        font-weight: bold;
        padding: 0px 10px 0px 20px;
        font-size: 22px;
    }

        .link-ddl li .saldo :hover {
            color: #323232 !important;
        }




    .link-ddl li .infoAnagrafica {
        color: #1E5E2E !important;
        text-align: center;
        font-weight: bold;
        width: 250px;
        padding: 3px;
        font-size: 18px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

        .link-ddl li .infoAnagrafica :hover {
            color: #1E5E2E !important;
        }

        .link-ddl li .infoAnagrafica .icona-user {
            font-size: 120px;
        }


.accessoUtente a {
    margin-top: -12px;
    font-weight: normal !important;
    text-transform: none !important;
    font-size: 14px !important;
    color: #323232 !important;
}

.accessoUtente:hover a {
    margin-top: -12px;
    font-weight: normal !important;
    text-transform: none !important;
    font-size: 14px !important;
    color: #323232 !important;
}


.numerico {
    text-align: right;
    padding: 4px !important;
}

    .numerico:focus {
        font-weight: bold !important;
    }

.scrollabile {
    overflow-y: auto;
}


/* USERCONTROLS CUSTOM   
----------------------------------------------------------*/

.selezioneBinaria a {
    font-size: 12px;
    border: solid 1px #D9D9D9;
    text-decoration: none;
    text-transform: uppercase;
    color: #485D71;
    font-weight: 600;
}

.selezioneBinaria .selezioneBinaria-elemento-sinistra {
    border-right: none;
    border-radius: 6px 0px 0px 6px;
    padding: 6px 17px !important;
    margin-right: -5px;
}

.selezioneBinaria .selezioneBinaria-elemento-destra {
    border-radius: 0px 6px 6px 0px;
    padding: 6px 14px !important;
}


.selezioneBinaria .selezioneBinaria-elemento-selezionato {
    background-color: #1E5E2E;
    color: white;
    padding-top: 7px !important;
}

    .selezioneBinaria .selezioneBinaria-elemento-selezionato:hover {
        background-color: #1E5E2E;
        color: white;
    }

.selezioneBinaria a:hover {
    background-color: #35496A;
    color: white;
}



/* FILTRI E OPZIONI DI RICERCA
----------------------------------------------------------*/

.filtro {
    width: 100%;
    border-bottom: solid 1px #e5e6e7;
    overflow: auto;
}

.filtro-elemento {
    padding: 10px 0px;
    float: left;
    margin-right: 20px;
    width: 150px;
}


/* SELEZIONE AREA
----------------------------------------------------------*/
#pagina_selezioneAree {
    height: 52px;
    text-align: center;
    background-color: none;
}

.scrollabile-orizzontalmente {
    overflow-x: auto;
    white-space: nowrap;
}

/*------ Personalizzazione Scrollbar Selzione Voci Aree -------*/

::-webkit-scrollbar {
    height: 8px;
    width: 12px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #35496A;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #1E5E2E;
    }

/*------- Fine Personalizzazione Scrollbar Selzione Voci Aree ------*/

#pagina_selezioneAree ul {
    text-align: center;
    margin: 0px;
    padding: 0px;
    padding-top: 10px;
}

#pagina_selezioneAree li {
    display: inline;
    font-weight: bold;
    font-size: 18px;
    margin-right: 30px;
    padding: 0px 16px 0px 16px;
    text-transform: uppercase;
}

    #pagina_selezioneAree li :hover {
        padding-bottom: 5px;
        border-bottom: solid 4px #F39021;
        color: #35496A !important;
    }

    #pagina_selezioneAree li a:link, a:visited, a:hover, a:active {
        text-decoration: none;
        color: rgba(53, 73, 106, 0.83);
    }

    #pagina_selezioneAree li a:active {
        text-decoration: underline;
    }

#pagina_selezioneAree .areaSelezionata {
    padding-bottom: 5px;
    border-bottom: solid 4px #F39021;
}

    #pagina_selezioneAree .areaSelezionata a {
        color: #35496A !important;
    }


.nav .navbar-nav {
}

/* AREE
----------------------------------------------------------*/
/*#pagina .area {
    padding: 10px 10px 30px 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}*/

#headerVisuale .logoHome,
#headerOperativo .logoHome {
    position: absolute;
    top: 2px;
    left: 12px;
}

    #headerVisuale .info-point,
    #headerOperativo .info-point {
        position: absolute;
        right: 20px;
    }

@media (min-width: 768px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -15px;
        width: 0px !important;
        background-color:white !important;
    }
}


#pagina .area {
    padding: 10px 10px 30px 10px;
}


    #pagina .area .chiudi {
        position: relative;
        top: 70px;
        margin-left: 45%;
        font-size: 18px;
        font-weight: bold;
        width: 180px;
    }

        #pagina .area .chiudi a {
            color: #1E5E2E;
            padding: 6px 14px 6px 14px;
        }

            #pagina .area .chiudi a:active,
            #pagina .area .chiudi a:visited,
            #pagina .area .chiudi a:link {
                border: solid 1px #1E5E2E;
                border-radius: 4px;
                margin: -7px;
            }

        #pagina .area .chiudi:hover a {
            color: white;
            border-color: #1E5E2E;
            background-color: #1E5E2E;
        }



    #pagina .area .titolo {
        margin-left: 12px;
        font-size: 46px !important;
        font-weight: bold !important;
        color: #35496A;
        padding: 10px 0px 10px 0px;
    }

    #pagina .area .titolo-centra {
        position: relative;
        text-align:center;
        margin-bottom: 20px;
    }

@media only screen and (max-width: 600px) {
    #pagina .area .titolo img {
        height: 40px;
    }

    .clackpay-point-login {
        padding: 50px 20px 50px 20px;
        margin-top: -100px;
    }
}


#pagina .sezione {
    padding: 10px 20px 10px 20px;
    margin-bottom: 20px;
    border-radius: 2px;
    font-size: 20px;
}

    #pagina .sezione .titolo {
        font-size: 20px !important;
        font-weight: bold;
        padding: 0px;
        padding-bottom: 8px;
        margin: 0px;
        margin-bottom: 8px;
        color: #35496A;
        border-bottom: #35496A 1px solid;
        text-transform: capitalize;
    }

    #pagina .sezione p {
        font-size: 11px;
        color: #939598;
    }


    #pagina .sezione.cliccabile {
        text-align: center;
        cursor: pointer;
        border: solid 3px white;
        border-radius: 10px;
        color: white;
        background: linear-gradient(114.15deg, #1E5E2E 0%, #2C7A3E 100%);
        /*background-image: url('../../Common/Images/Background.png');*/
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.10);
    }

    #pagina .sezione .icona {
        height: 90px;
    }



    #pagina .sezione.cliccabile:hover {
        border: solid 3px #F39021;
        color: white;
        background: linear-gradient(114.15deg, #1E5E2E 0%, #2C7A3E 20%);
        opacity: 1;
    }


    #pagina .sezione.cliccabile > p {
        display: none;
    }


    #pagina .sezione.cliccabile:hover > p {
        display: inline;
    }



    #pagina .sezione.cliccabile .titoletto {
        font-weight: bold;
        font-size: 25px;
        border: none;
    }




    #pagina .sezione .info .logo {
        width: 90px;
        display: inline;
    }

        #pagina .sezione .info .logo .imageLogo {
            width: 70px;
        }

    #pagina .sezione .info .saldo {
        color: #35496A;
        font-size: 44px;
        font-weight: bold;
        position: absolute;
        right: 30px;
        display: inline;
    }



/*-------------------------------------------------------- 
    ALTRE FUNZIONI
----------------------------------------------------------*/

#pagina .area .altreFunzioni {
    margin-top: 50px;
    height: auto;
}

    #pagina .area .altreFunzioni a {
        color: #3C5581 !important;
        font-size: 20px;
    }

        #pagina .area .altreFunzioni a:hover {
            color: #1E5E2E !important;
        }

    #pagina .area .altreFunzioni .icona {
        font-size: 24px;
    }

#pagina .area .altreFunzioni-funzione {
    border-radius: 4px;
    padding: 23px;
    text-align: center;
    max-width: 340px;
    margin-right: 40px;
}

    #pagina .area .altreFunzioni-funzione:hover {
        border: 3px solid #1E5E2E;
        border-radius: 4px;
        padding: 20px;
        cursor: pointer;
    }

        #pagina .area .altreFunzioni-funzione:hover a {
            color: #1E5E2E !important;
        }






/*#pagina .area .altreFunzioni {
    margin-top: 50px;
}

    #pagina .area .altreFunzioni ul {
        list-style-type: disc;
        padding: 20px 30px 20px 30px;
    }


#pagina .area .altreFunzioni ul li {
    font-size: 16px;
    display: inline;
    margin-right: 30px;
}

    #pagina .area .altreFunzioni a {
        color: #939598 !important;
    }

        #pagina .area .altreFunzioni a:hover {
            color: #75c044 !important;
        }*/
/* AREA RICARICHE
----------------------------------------------------------*/
#pagina .area .ricariche {
    color: #323232;
    font-weight: lighter;
    padding-top: 0px;
    width: 100%;
}

    #pagina .area .ricariche .ricarica {
        border-bottom: solid #e5e6e7 1px;
        padding: 10px 20px 40px 20px;
        height: 70px;
        border-radius: 6px;
    }

        #pagina .area .ricariche .ricarica:hover {
            background-color: #1E5E2E;
            color: white;
        }

        #pagina .area .ricariche .ricarica .data {
            text-align: right;
            float: left;
            margin-right: 20px;
            max-width: 120px;
        }

            #pagina .area .ricariche .ricarica .data .giorno {
                min-width: 110px;
                height: 15px;
                float: left;
                text-align: right !important;
                font-size: 15px;
                margin-bottom: 4px;
            }

            #pagina .area .ricariche .ricarica .data .ora {
                min-width: 110px;
                height: 26px;
                float: left;
                text-align: right !important;
                font-size: 24px;
                font-weight: normal;
            }

        #pagina .area .ricariche .ricarica .logo {
            height: 40px;
            padding-top: 0px;
            margin-top: 0px;
            float: left;
            margin-right: 20px;
            max-width: 60px;
        }

        #pagina .area .ricariche .ricarica .gestore {
            font-size: 16px;
            height: 20px;
            float: left;
            font-weight: bold;
            margin-right: 20px;
        }

            #pagina .area .ricariche .ricarica .gestore .categoria {
                font-size: 16px;
                height: 20px;
                font-weight: normal;
            }

        #pagina .area .ricariche .ricarica .cellulare {
            font-size: 24px;
            text-align: center;
        }

        #pagina .area .ricariche .ricarica .tipo {
            height: 20px;
            float: left;
        }

        #pagina .area .ricariche .ricarica .importo {
            font-weight: normal;
            font-size: 28px;
            height: 40px;
            float: right;
        }


/* AREA BOLLETTINI
----------------------------------------------------------*/

#pagina .area .bollettini {
    color: #323232;
    font-weight: lighter;
    padding-top: 0px;
    width: 100%;
}

    #pagina .area .bollettini .bollettino {
        border-bottom: solid #e5e6e7 1px;
        padding: 10px 20px 40px 20px;
        height: 70px;
        border-radius: 6px;
    }

        #pagina .area .bollettini .bollettino:hover {
            background-color: #1E5E2E;
            color: white;
        }

        #pagina .area .bollettini .bollettino .data {
            text-align: right;
            float: left;
            margin-right: 20px;
            max-width: 120px;
        }

            #pagina .area .bollettini .bollettino .data .giorno {
                min-width: 110px;
                height: 15px;
                float: left;
                text-align: right !important;
                font-size: 16px;
                margin-bottom: 4px;
            }

            #pagina .area .bollettini .bollettino .data .ora {
                min-width: 110px;
                height: 26px;
                float: left;
                text-align: right !important;
                font-size: 24px;
                font-weight: normal;
            }

        #pagina .area .bollettini .bollettino .biller {
            font-size: 18px;
            float: left;
            font-weight: bold;
            margin-right: 20px;
            width: 200px;
        }

        #pagina .area .bollettini .bollettino .categoria {
            font-size: 16px;
            height: 20px;
            font-weight: normal !important;
            height: 30px;
            max-width: 150px;
        }

        #pagina .area .bollettini .bollettino .cliente {
            text-align: center;
            font-size: 18px;
            font-weight: bold;
            float: left;
            min-width: 100px;
            max-width: 150px;
        }

        #pagina .area .bollettini .bollettino .tipo {
            height: 20px;
            float: left;
        }

        #pagina .area .bollettini .bollettino .importo {
            font-weight: normal;
            font-size: 28px;
            height: 40px;
            float: right;
        }


/* AREA PACCHI
----------------------------------------------------------*/

#pagina .area .pacchi {
    color: #323232;
    font-weight: lighter;
    padding-top: 0px;
    width: 100%;
}

    #pagina .area .pacchi .pacco {
        border-bottom: solid #e5e6e7 1px;
        padding: 10px 20px 40px 20px;
        height: 70px;
        border-radius: 6px;
    }

        #pagina .area .pacchi .pacco:hover {
            background-color: #1E5E2E;
            color: white;
        }

        #pagina .area .pacchi .pacco .data {
            text-align: right;
            float: left;
            margin-right: 10px;
            max-width: 80px;
        }

            #pagina .area .pacchi .pacco .data .giorno {
                min-width: 70px;
                height: 15px;
                float: left;
                text-align: right !important;
                font-size: 16px;
                margin-bottom: 4px;
            }

            #pagina .area .pacchi .pacco .data .ora {
                min-width: 70px;
                height: 26px;
                float: left;
                text-align: right !important;
                font-size: 24px;
                font-weight: normal;
            }



        #pagina .area .pacchi .pacco .estremi {
            font-size: 15px;
            height: 40px;
            float: left;
            font-weight: bold;
            margin-right: 10px;
            width: 210px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

            #pagina .area .pacchi .pacco .estremi .etichettaEstremo {
                font-weight: normal;
                font-size: 10px;
                float: left;
                margin-right: 3px;
                margin-top: 5px;
            }

        #pagina .area .pacchi .pacco .misure {
            text-align: right;
            float: left;
            margin-right: 20px;
            max-width: 120px;
        }

            #pagina .area .pacchi .pacco .misure .peso {
                min-width: 125px;
                height: 26px;
                float: left;
                text-align: right !important;
                font-size: 24px;
                font-weight: normal;
            }

            #pagina .area .pacchi .pacco .misure .dimensioni {
                min-width: 125px;
                height: 15px;
                float: left;
                text-align: right !important;
                font-size: 16px;
                margin-bottom: 4px;
            }

        #pagina .area .pacchi .pacco .prezzo {
            min-width: 110px;
            height: 26px;
            float: left;
            text-align: right !important;
            font-size: 24px;
            font-weight: normal;
        }

        #pagina .area .pacchi .pacco .logo {
            width: 70px;
            height: 35px;
            margin-right: 20px;
            float: left;
            background-size: 70px 35px;
            position: center;
        }

        #pagina .area .pacchi .pacco .tipoProdotto {
            font-weight: bold;
            width: 85px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        #pagina .area .pacchi .pacco .infProdotto {
            float: left;
            display: inline-grid;
        }



/* INTESTAZIONE
----------------------------------------------------------*/
#pagina #pagina_intestazione {
    height: 30px;
    width: 100%;
}


    #pagina #pagina_intestazione .info {
        text-align: right;
        margin-left: 20px;
    }

        #pagina #pagina_intestazione .info .label {
            text-align: right;
            padding: 0px;
            font-size: 18px;
            color: #1E5E2E;
        }

        #pagina #pagina_intestazione .info .valore {
            line-height: 20px;
            font-weight: bold;
            font-size: 32px;
            color: #323232;
        }


    #pagina #pagina_intestazione .titolo {
        font-weight: bold;
        color: #35496A;
        font-size: 42px;
        float: left;
        margin-top: 0px;
    }

    #pagina #pagina_intestazione .altriStrumenti {
        width: 100%;
        margin-left: -20px;
        height: 36px;
        padding-top: 6px;
        float: left;
        overflow: auto;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        #pagina #pagina_intestazione .altriStrumenti i {
            font-size: 30px;
            margin-right: 20px;
        }

            #pagina #pagina_intestazione .altriStrumenti i:hover {
                font-size: 30px;
                color: #1ABFFF;
                cursor: pointer;
            }

    #pagina #pagina_intestazione .altreInfo {
        height: 59px;
        float: right;
        background-color: white;
        position: fixed;
        right: 0px;
        top: 53px;
        padding: 14px 10px 0px 0px;
        border-bottom-left-radius: 6px;
    }

#pagina #pagina_main {
    width: 100%;
    overflow: auto;
    padding: 0px 0px 20px 0px;
    overflow-x: hidden;
}

/*#pagina #pagina_main {
    padding: 20px;
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}*/

.autenticazioneYappay .credenziali {
    float: left;
    width: 250px;
    height: 150px;
    margin-right: 20px;
}

    .autenticazioneYappay .credenziali input[type="text"],
    .autenticazioneYappay .credenziali input[type="password"] {
        font-size: 14px !important;
        padding: 6px !important;
    }

.autenticazioneYappay .logo {
    float: left;
    width: 280px;
    height: 150px;
    text-align: center;
}

    .autenticazioneYappay .logo img {
        height: 90px;
        margin-top: 30px;
    }

.autenticazioneYappay .comandi {
    margin-top: 20px;
    width: 100%;
    height: 200px;
}

    .autenticazioneYappay .comandi .btn {
        height: 30px !important;
        padding: 6px 18px 26px 18px !important;
    }

/* Info in Popup
----------------------------------------------------------*/

.popUpDiv .info {
    text-align: right;
    margin: 0px 15px 0px 0px;
    padding-right: 15px;
    float: right;
    border-right: 1px solid #e5e5e5;
    display: inline-grid;
}

    .popUpDiv .info .label {
        text-align: right;
        padding: 0px;
        font-size: 18px;
        color: #1E5E2E;
        margin-bottom: 8px;
    }

    .popUpDiv .info .valore {
        line-height: 20px;
        font-weight: bold;
        font-size: 26px;
        color: #323232;
    }

.popUpDiv .infoOrdine {
    float: left;
    margin: 10px 10px 10px 30px;
}

.popUpDiv .titolo {
    font-weight: bold;
    color: #1E5E2E;
    font-size: 42px;
    margin-top: 0px;
    float: left
}

.intestazioneNuovaPostSemplificata {
    display: inline-block;
    margin-bottom: 5px;
    width: 100%;
}
/* GESTIONE POP UP
----------------------------------------------------------*/
.popUpPanel {
    background-color: white;
    width: 100%;
    height: 100%;
    padding-bottom: 20px;
    z-index: 110;
    overflow: auto;
}

.popUpDiv {
    background-color: #FFFFFF;
    width: 100%;
    margin: 60px auto 20px auto;
    overflow: auto;
    padding: 10px 20px 20px 20px;
    z-index: 1000;
}

.popupDivMaxLarghezza {
    width: 1200px !important;
}

.popUpDivBarraSuperiore {
    padding: 5px;
    position: absolute;
    background-color: #BCC7D8;
    margin-top: 70px;
    margin-bottom: 0;
    margin-left: 83%;
    z-index: 110;
}

/* FIELDSET
----------------------------------------------------------*/

fieldset {
    margin: 10px 0px 1px 0px !important;
    padding: 0px 0px 30px 4px !important;
    background-position: bottom;
    background-repeat: no-repeat;
}

    fieldset legend {
        font-size: 18px;
        margin-top: 16px;
        margin-bottom: 6px;
        font-weight: bold;
        color: #352424;
        border: none;
    }

legend.enfatizzato {
    font-size: 18px !important;
    color: #35496A !important;
    font-weight: bold;
}

.fieldsetNoBackground {
    background-image: none;
    padding-bottom: 10px;
}

.fieldsetNoBackgroundDark {
    background-image: none;
    padding-bottom: 10px;
}



/* TEXTBOX
----------------------------------------------------------*/

input[type="text"], input[type="password"] {
    vertical-align: middle;
    color: black;
    background-color: #E9ECEF;
    border-radius: 4px;
}

.textBox {
    border-radius: 4px;
    border: 2px solid #D6DBDF;
    vertical-align: middle;
    color: #666666;
    padding: 6px 14px !important;
    font-weight: bold !important;
    font-size: 20px !important;
}

    .textBox:focus {
        border-radius: 4px;
        border: 2px solid #2C7A3E;
        color: #000000;
        outline: none;
    }

.textBoxLarge {
    border-radius: 4px;
    border: 1px solid #e5e6e7;
    vertical-align: middle;
    font-size: 16px !important;
    color: #333333;
    padding: 4px 6px;
}

.noBorder {
    border: none;
    font-weight: 700;
}

.textBoxLarge:focus {
    border: 1px solid #2C7A3E;
    color: #000000;
}

.textBox-enfatizza, .textBox-enfatizza:focus {
    border: solid 1px #ff6a00 !important;
}

.textBox-enfatizza-obbligatorio, .textBox-enfatizza-obbligatorio:focus {
    border: solid 1px #a94442 !important;
}


/* NOTIFICHE
----------------------------------------------------------*/
.notifica {
    padding: 5px 5px 5px 10px;
    border-left-style: solid;
    border-left-width: 4px;
    font-size: 16px;
    color: #333333;
    margin-bottom: 20px;
    font-weight: 300;
}

    .notifica b {
        font-size: 24px;
        font-weight: normal;
        text-transform: none;
    }

.notifica-correzione {
    display: inline-block;
    margin-top: 0px !important;
    width: 100%;
}

.notifica-note {
    border-left-color: #1E5E2E;
}

.notifica-note-evidenzia {
    border-left-color: #18db86;
}

.notifica-alert {
    border-left-color: #1E5E2E;
}

.notifica-success {
    border-left-color: #18db28;
}

.alert {
    border: 1px solid #e5e6e7;
    margin: 0px 7px 10px 0px;
    padding: 6px 10px 6px 10px;
    background-color: #FFFF99;
    color: #333333;
    line-height: 20px;
}

.success {
    border: 1px solid #e5e6e7;
    margin: 0px 7px 10px 0px;
    padding: 6px 10px 6px 10px;
    border-color: #D9D9D9;
    color: #333333;
    line-height: 20px;
}

.successNew {
    border: 1px solid #e5e6e7;
    margin: 0px 7px 10px 0px;
    padding: 6px 10px 6px 10px;
    background-color: #99FF99;
    color: #333333;
    line-height: 20px;
}

/* MEGA NOTIFICA
----------------------------------------------------------*/
.megaNotifica {
    padding-top: 20px;
    width: 700px;
    font-family: 'Nunito Sans', sans-serif;
    border-left-style: solid;
    border-left-width: 8px;
    padding-left: 20px;
}

.megaNotifica-titolo-completo {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 32px;
}


.megaNotifica-titolo {
    color: #35496A;
}

.megaNotifica-alert {
    border-left-color: #FF4000;
    color: #FF4000;
}

.megaNotifica-info {
    border-left-color: #1a9ad5;
    color: #1a9ad5;
}

.megaNotifica-icona {
    float: left;
    margin-right: 5px;
}

.megaNotifica-success {
    border-left-color: #18db28;
    color: #18db28;
}


.megaNotifica-testo {
    font-size: 22px;
    color: #3F5266;
    line-height: 32px;
}

.megaNotifica-ulterioriInformazioni {
    margin-top: 14px;
    font-size: 16px;
    color: #666666;
}


/* TABELLE
----------------------------------------------------------*/
/* 1° Livello */
.tabellaDati {
    width: 100%;
}

    .tabellaDati.alternaRighe tr:nth-child(even) {
        background: #F9F9F9 !important;
    }

    .tabellaDati.alternaRighe tr:nth-child(odd) {
        background: #FFF !important;
    }

    .tabellaDati tr:nth-child(even) {
        background: #f8f9fa;
    }

    .tabellaDati tr:nth-child(odd) {
        background: #FFF;
    }

    .tabellaDati.alternaRighe tr:hover {
        background: #EBEBEB;
    }

    .tabellaDati th {
        text-align: left;
        padding: 5px 2px 5px 2px;
        font-size: 13px;
        text-transform: uppercase;
        background-repeat: repeat-x;
        color: #1E5E2E;
        border: none;
        border-bottom: 1px solid #E7E7E7;
    }

        .tabellaDati th a {
            color: #1E5E2E;
            text-decoration: underline !important;
        }



            .tabellaDati th a.sort-by {
                padding-right: 18px;
                position: relative;
            }

    .tabellaDati a.sort-by:before,
    .tabellaDati a.sort-by:after {
        border: 4px solid transparent;
        content: "";
        display: block;
        height: 0;
        right: 5px;
        top: 50%;
        position: absolute;
        width: 0;
    }

    .tabellaDati a.sort-by:before {
        border-bottom-color: #666;
        margin-top: -9px;
    }

    .tabellaDati a.sort-by:after {
        border-top-color: #666;
        margin-top: 1px;
    }


    .tabellaDati tr {
        background-color: white;
    }


        .tabellaDati tr:hover {
            color: black;
            background-color: #EBEBEB;
        }



    .tabellaDati td {
        padding: 4px 6px 4px 6px;
        font-size: 13px;
        color: black;
    }

/* 2° Livello */
.tabellaDatiNid2 {
    width: 100%;
    float: right;
}


    .tabellaDatiNid2 tr th {
        text-align: left;
        background-color: #C0C0C0;
        padding: 3px;
        color: #000000;
        font-size: 12px;
    }

    .tabellaDatiNid2 td {
        text-align: left;
        font-size: 12px;
        padding: 3px;
    }


.rigaPari {
    border-bottom: 1px solid #e5e6e7;
}

.rigaDispari {
    border-bottom: 1px solid #E7E7E7;
}

    .rigaDispari td {
        border-bottom: 1px solid #E7E7E7;
    }

.filtro {
    overflow: auto;
}

.filtro-elemento {
    min-height: 12px;
    min-width: 100px;
    padding: 6px 10px;
    display: inline-block;
    overflow: auto;
}


.tabellaInfoSpedizione td {
    padding: 5px;
    font-size: 15px;
}

.AjaxTabStile1Livello a {
    color: none;
}

    .AjaxTabStile1Livello a:link, a:hover, a:active, a:visited {
        color: none;
        outline: none;
    }

/*  STILI TAB CONTAINER AJAX CONTR */
.AjaxTabStile1Livello .ajax__tab_header a {
    color: #677685;
    cursor: pointer;
    font-size: 24px;
    font-family: 'Nunito Sans', sans-serif !important;
}

.AjaxTabStile1Livello .ajax__tab_outer {
    padding: 6px 0px 0px 0px;
    margin-left: 0px;
    margin-right: 16px;
}

.AjaxTabStile1Livello .ajax__tab_inner {
}

.AjaxTabStile1Livello .ajax__tab_body {
    padding: 4px 0px 4px 0px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #E9E9E9;
}

.AjaxTabStile1Livello .ajax__tab_tab {
    padding-left: 0px;
    margin-left: 0px;
}

.AjaxTabStile1Livello .ajax__tab_hover {
    border-bottom: solid 2px #35496A;
}

    .AjaxTabStile1Livello .ajax__tab_hover a {
        color: #35496A !important;
    }

.AjaxTabStile1Livello .ajax__tab_active a {
    color: #35496A !important;
}

.AjaxTabStile1Livello .ajax__tab_active {
    color: #3B4D60 !important;
    font-weight: bold;
}

/*.AjaxTabStile1Livello .ajax__tab_active
{    
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #1A9AD5;
}

.AjaxTabStile1Livello .ajax__tab_active a
{
    color: #1A9AD5 !important;
}*/






/*  STILI TAB CONTAINER AJAX CONTROL TOOLKIT */

.AjaxTabStile2Livello a {
    color: none;
    padding-left: 6px !important;
}

    .AjaxTabStile2Livello a:link, a:hover, a:active, a:visited {
        color: none;
        outline: none;
    }

.AjaxTabStile2Livello .ajax__tab_header a {
    color: #BBBBBB;
    cursor: pointer;
    font-size: 18px;
    font-family: 'Nunito Sans', sans-serif;
    padding: 0px 10px 0px 0px;
    margin-top: -6px;
    margin-left: 16px;
}

.AjaxTabStile2Livello .ajax__tab_outer {
    padding: 2px 10px -10px 0px;
    margin-left: 0px;
}

.AjaxTabStile2Livello .ajax__tab_inner {
}

.AjaxTabStile2Livello .ajax__tab_body {
    padding: 4px 0px 4px 0px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #E9E9E9;
    margin-top: 0px;
}

.AjaxTabStile2Livello .ajax__tab_tab {
    padding-left: 0px;
    margin-left: 0px;
}

.AjaxTabStile2Livello .ajax__tab_hover {
    color: #1A9AD5;
    border-bottom: solid 2px #323232;
}

.AjaxTabStile2Livello .ajax__tab_active a {
    font-weight: normal;
    color: #323232 !important;
}

.AjaxTabStile2Livello .ajax__tab_active {
    padding-bottom: 0px;
    border-bottom: solid 2px #323232;
}
/*  STILI TAB PROCESSO */
.processo a {
    color: none;
}

    .processo a:link, a:hover, a:active, a:visited {
        color: none;
        outline: none;
    }

.processo .ajax__tab_header a {
    color: #BBBBBB;
    cursor: pointer;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: bold;
    font-size: 20px !important;
    font-weight: bold;
    padding-bottom: 10px !important;
    padding-right: 30px;
    cursor: default;
}

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

/*.processoPagamento .ajax__tab_inner {
}*/

.processo .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;
}

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

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

.processo .ajax__tab_active {
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: lime;
}

    .processo .ajax__tab_active a {
        /*color: #1A9AD5 !important;*/
        color: #323232 !important;
        border-bottom-style: solid;
        border-bottom-width: 3px;
        border-bottom-color: #1E5E2E;
        padding-bottom: 7px !important;
    }

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


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


.ajax__calendar_title {
    font-size: 11px;
    font-weight: bold;
    padding-left: -10px !important;
    margin-left: -10px !important;
    width: 100px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
    color: #1E5E2E;
}




/* OPZIONI
----------------------------------------------------------*/
.opzioni {
    background-position: right top;
    padding: 10px 10px 10px 10px;
    background-repeat: no-repeat;
    border-bottom: 4px solid #1E5E2E;
    background-color: white;
    border-radius: 2px;
    margin: 2px 0px 10px 0px;
    min-height: 60px;
}


/* DROP DOWN LIST
----------------------------------------------------------*/


.dropDownList {
    font-size: 13px;
    padding: 3px 5px;
    color: #666666;
    border: 1px solid #e5e6e7;
}

.dropDownListLarge {
    font-size: 13px;
    padding: 3px 5px;
    background-color: none;
    font-size: 18px;
    border: 1px solid #d5d5d5;
    vertical-align: middle;
    color: #333333;
}


/* BOTTONI
----------------------------------------------------------*/

.btn {
    border-radius: 3px !important;
    color: #35496A !important;
    border: solid 1px #D9D9D9 !important;
    padding: 0px 24px 0px 24px !important;
    font-size: 14px !important;
    font-weight: bold !important;
    height: 36px !important;
}

.btn-large {
    padding: 12px 24px 32px 24px !important;
}

.btn:hover {
    cursor: pointer;
}

.btn-rigido-sx {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-rigido-dx {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-grande {
    height: 60px !important;
    font-size: 16px !important;
}

.btn-default {
    color: #333333;
}

    .btn-default:hover, .btn-default:focus {
        border-color: #1a9ad5;
    }

.btn-primary {
    border: solid 1px #1E5E2E !important;
    background-color: #1E5E2E !important;
    color: white !important;
}

    .btn-primary:hover,
    .btn-primary:focus {
        background-color: #35496A !important;
        color: white;
    }

.btn-success {
    border: solid 1px #898a8d !important;
    background-color: #1E5E2E !important;
    color: white !important;
}

    .btn-success:hover {
        background-color: #18A689 !important;
    }

.btn-cancel {
    background-color: white;
    color: #35496A;
}

    .btn-cancel:hover,
    .btn-cancel:focus {
        background-color: #EF5352;
        color: white;
    }

.btn-enfatizza {
    background-color: white !important;
    color: #ff6e00 !important;
}

    .btn-enfatizza:focus, .btn-enfatizza:hover {
        background-color: #ff6e00 !important;
        color: white !important;
    }


/* ESITO OPERAZIONI A PIE' DI PAGINA
----------------------------------------------------------*/

/*.esitoOperazione {
    font-size:50px !important;
    padding: 6px 20px 6px 20px;
    height: 24px;
    color: #FFFFFF;
    z-index: 10;
}*/

.esitoOperazionePositiva {
    max-width: 1180px;
    background-color: white;
    font-size: 18px;
    background-position: left top;
    padding: 6px 20px 6px 36px;
    color: #000000;
    vertical-align: bottom;
    border-bottom-style: Solid;
    border-bottom-width: 9px;
    border-bottom-color: #1ab394;
    background-image: url('../../Common/Immagini/Icone/OkSmall.png');
    background-repeat: no-repeat;
    z-index: 5000;
}

/*.esitoOperazioneNegativa {
    font-size: 20px;
    padding: 6px 20px 6px 20px;
    color: #000000;
    vertical-align: middle;
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-style: Solid;
    border-bottom-width: 8px;
    border-color: #FFD300;
    background-color: #FFFFFF;
    z-index: 5000;
}*/

.esitoOperazioneAlert,
.esitoOperazioneNegativa {
    max-width: 1180px;
    background-color: white;
    font-size: 18px;
    background-position: left top;
    padding: 6px 20px 6px 36px;
    color: #000000;
    vertical-align: middle;
    margin-right: 10px;
    border-left-width: 60px;
    border-left-style: Solid;
    border-left-color: #ff660d;
    border-bottom-width: 9px;
    border-bottom-style: Solid;
    border-bottom-color: #ff660d;
    background-image: url('../../Common/Immagini/Icone/alertMini.png');
    background-repeat: no-repeat;
    z-index: 5000;
}


#MessaggioNotifica {
    padding: 25px;
    border: 10px solid #333333;
    background-color: #FFFFFF;
    z-index: 3;
}

#oscuraSchermata {
    margin: 0px;
    background-image: url('../../Common/Immagini/Icone/sfondoEsitoOperazione.png');
    background-repeat: repeat;
    width: 100%;
    z-index: 2;
    position: relative;
}


/* TOOLTIP
----------------------------------------------------------*/
.tooltip {
    color: #336699;
    outline: none;
    cursor: help;
    text-decoration: none;
    position: relative;
    text-transform: none;
    font-weight: bold;
}

    .tooltip input {
        cursor: none;
    }

    .tooltip span {
        margin-left: -999em;
        position: absolute;
    }

    .tooltip:hover span {
        font-family: 'Nunito Sans', sans-serif;
        position: absolute;
        left: 1em;
        top: 2em;
        z-index: 1000;
        margin-left: 0;
        width: 250px;
    }

    .tooltip:hover img {
        border: 0;
        margin: -10px 0 0 -55px;
        float: left;
        position: absolute;
    }

    .tooltip:hover em {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 1.2em;
        font-weight: bold;
        display: block;
        padding: 0.2em 0 0.6em 0;
    }

.classic {
    padding: 0.8em 1em;
}

.custom {
    padding: 0.5em 0.8em 0.8em 2em;
}

* html a:hover {
    background: transparent;
}

.classic {
    background: #FFFFAA;
    border: 1px solid #FFAD33;
}

.critical {
    background: #FFCCAA;
    border: 1px solid #FF3334;
}

.help {
    border-style: solid;
    border-width: 1px 1px 10px 1px;
    border-color: #5AD0F6;
    padding: 10px;
    background: #293955;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: normal;
    font-family: arial, Helvetica, sans-serif;
    text-align: left;
    z-index: 10000;
}

.tooltip .info {
    background: #9FDAEE;
    border: 1px solid #2BB0D7;
}

.warning {
    padding: 10px;
    background: #FFFFAA;
    border: 1px solid #FFAD33;
}




/*CUSTOM TOOLTIP ALTO*/

.tooltip-ps {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/
}

    .tooltip-ps .tooltip-text {
        font-size: 13px;
        font-family: 'Nunito Sans', sans-serif;
        font-weight: normal;
        text-transform: none;
        visibility: hidden;
        width: 150px;
        background-color: #485D71;
        color: #fff;
        text-align: left;
        border-radius: 6px;
        padding: 5px 10px;
        position: absolute;
        z-index: 1000;
        /* posizionamento in alto/basso*/
        bottom: 150%; /* bottom per posizione alta, top per posizione bassa */
        left: 50%;
        margin-left: -85px;
        /**************************/
        /* posizionamento a destra/sinistra*/
        /*top: -5px;
    right: 105%;  /* right posiziona a sinistra, left posiziona a destra*/
        /**************************/
        /* grado di opacità (inizialmente 0 per poi passare ad 1) e tempo di transazione */
        opacity: 0;
        transition: opacity 500ms;
        /**************************/
    }


.tooltip-text.tooltip-text-lg {
    width: 300px;
    padding: 5px 10px;
    position: absolute !important;
    z-index: 110 !important;
    /* posizionamento in alto/basso*/
    bottom: 150%; /* bottom per posizione alta, top per posizione bassa */
    left: 20%;
    margin-left: -148px !important;
    /**************************/
    /* posizionamento a destra/sinistra*/
    /*top: -5px;
    right: 105%;  /* right posiziona a sinistra, left posiziona a destra*/
    /**************************/
    /* grado di opacità (inizialmente 0 per poi passare ad 1) e tempo di transazione */
    opacity: 0;
    transition: opacity 500ms;
    /**************************/
}

/* freccia del tooltip */
.tooltip-ps .tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%; /* top per freccia sotto, bottom per freccia sopra, right per freccia a sinistra, left per freccia a destra */
    left: 50%; /* posizione della freccia sull'asse orizzontale */
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #485D71 transparent transparent transparent;
}


.tooltip-text.tooltip-text-extra-lg {
    width: 500px !important;
    padding: 5px 10px;
    position: absolute;
    z-index: 10000;
    /* posizionamento in alto/basso*/
    bottom: 150%; /* bottom per posizione alta, top per posizione bassa */
    left: 20%;
    margin-left: -250px !important;
    /**************************/
    /* posizionamento a destra/sinistra*/
    /*top: -5px;
    right: 105%;  /* right posiziona a sinistra, left posiziona a destra*/
    /**************************/
    /* grado di opacità (inizialmente 0 per poi passare ad 1) e tempo di transazione */
    opacity: 0;
    transition: opacity 500ms;
    /**************************/
}



.tooltip-ps:hover .tooltip-text {
    visibility: visible;
    /* grado di opacità della transazione */
    opacity: 1;
}

/*CUSTOM TOOLTIP ALTO SENZA FRECCIA*/

.tooltip-top-sf {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/
}

    .tooltip-top-sf .tooltip-text {
        font-size: 13px;
        font-family: 'Nunito Sans', sans-serif;
        font-weight: normal;
        text-transform: none;
        visibility: hidden;
        width: 150px;
        background-color: #485D71;
        color: #fff;
        text-align: left;
        border-radius: 6px;
        padding: 5px 10px;
        position: absolute;
        z-index: 1000;
        /* posizionamento in alto/basso*/
        bottom: 150%; /* bottom per posizione alta, top per posizione bassa */
        left: 50%;
        margin-left: -85px;
        /**************************/
        /* posizionamento a destra/sinistra*/
        /*top: -5px;
    right: 105%;  /* right posiziona a sinistra, left posiziona a destra*/
        /**************************/
        /* grado di opacità (inizialmente 0 per poi passare ad 1) e tempo di transazione */
        opacity: 0;
        transition: opacity 500ms;
        /**************************/
    }



    .tooltip-top-sf:hover .tooltip-text {
        visibility: visible;
        /* grado di opacità della transazione */
        opacity: 1;
    }


/*CUSTOM TOOLTIP BASSO*/

.tooltip-down-sf {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/
}

    .tooltip-down-sf .tooltip-text {
        font-size: 13px;
        font-family: 'Nunito Sans', sans-serif;
        font-weight: normal;
        text-transform: none;
        visibility: hidden;
        width: 150px;
        background-color: #485D71;
        color: #fff !important;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        position: absolute;
        z-index: 1000;
        /* posizionamento in alto/basso*/
        top: 150%; /* bottom per posizione alta, top per posizione bassa */
        left: -110%;
        margin-left: -85px;
        /**************************/
        /* posizionamento a destra/sinistra*/
        /*top: -5px;
    right: 105%;  /* right posiziona a sinistra, left posiziona a destra*/
        /**************************/
        /* grado di opacità (inizialmente 0 per poi passare ad 1) e tempo di transazione */
        opacity: 0;
        transition: opacity 500ms;
        /**************************/
    }

    .tooltip-down-sf .tooltip-text-lg {
        width: 300px;
        padding: 5px 10px;
        position: absolute;
        z-index: 10000;
        /* posizionamento in alto/basso*/
        top: 150%; /* bottom per posizione alta, top per posizione bassa */
        left: 20%;
        margin-left: -110px;
        /**************************/
        /* posizionamento a destra/sinistra*/
        /*top: -5px;
    right: 105%;  /* right posiziona a sinistra, left posiziona a destra*/
        /**************************/
        /* grado di opacità (inizialmente 0 per poi passare ad 1) e tempo di transazione */
        opacity: 0;
        transition: opacity 500ms;
        /**************************/
    }



    .tooltip-down-sf:hover .tooltip-text {
        visibility: visible;
        /* grado di opacità della transazione */
        opacity: 1;
    }

/*CUSTOM TOOLTIP SINISTRA*/

.tooltip-left-sf {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/
}

    .tooltip-left-sf .tooltip-text {
        font-size: 13px;
        font-family: 'Nunito Sans', sans-serif;
        font-weight: normal;
        text-transform: none;
        visibility: hidden;
        width: 150px;
        background-color: #485D71;
        color: #fff !important;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        position: absolute;
        z-index: 1000;
        /* posizionamento in alto/basso*/
        /*top: 150%;   /* bottom per posizione alta, top per posizione bassa 
    left: -110%;
    margin-left: -85px;*/
        /**************************/
        /* posizionamento a destra/sinistra*/
        top: -5px;
        right: 105%; /* right posiziona a sinistra, left posiziona a destra*/
        /**************************/
        /* grado di opacità (inizialmente 0 per poi passare ad 1) e tempo di transazione */
        opacity: 0;
        transition: opacity 500ms;
        /**************************/
    }

    .tooltip-left-sf .tooltip-text-lg {
        width: 300px;
        padding: 5px 10px;
        position: absolute;
        z-index: 10000;
        /* posizionamento in alto/basso*/
        /*top: 150%;    bottom per posizione alta, top per posizione bassa 
    left: 20%;
    margin-left: -110px;*/
        /**************************/
        /* posizionamento a destra/sinistra*/
        top: -5px;
        right: 105%; /* right posiziona a sinistra, left posiziona a destra*/
        /**************************/
        /* grado di opacità (inizialmente 0 per poi passare ad 1) e tempo di transazione */
        opacity: 0;
        transition: opacity 500ms;
        /**************************/
    }



    .tooltip-left-sf:hover .tooltip-text {
        visibility: visible;
        /* grado di opacità della transazione */
        opacity: 1;
    }

/*CUSTOM TOOLTIP DESTRA*/

.tooltip-right-sf {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/
}

    .tooltip-right-sf .tooltip-text {
        font-size: 13px;
        font-weight: normal;
        text-transform: none;
        visibility: hidden;
        width: 150px;
        background-color: #485D71;
        color: #fff !important;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        position: absolute;
        z-index: 1000;
        font-family: 'Nunito Sans', sans-serif;
        /* posizionamento in alto/basso*/
        /*top: 150%;   /* bottom per posizione alta, top per posizione bassa 
    left: -110%;
    margin-left: -85px;*/
        /**************************/
        /* posizionamento a destra/sinistra*/
        top: -5px;
        left: 105%; /* right posiziona a sinistra, left posiziona a destra*/
        /**************************/
        /* grado di opacità (inizialmente 0 per poi passare ad 1) e tempo di transazione */
        opacity: 0;
        transition: opacity 500ms;
        /**************************/
    }

    .tooltip-right-sf .tooltip-text-lg {
        width: auto;
        height: auto;
        padding: 5px 10px;
        position: absolute;
        z-index: 10000;
        /* posizionamento in alto/basso*/
        /*top: 150%;    bottom per posizione alta, top per posizione bassa 
    left: 20%;
    margin-left: -110px;*/
        /**************************/
        /* posizionamento a destra/sinistra*/
        bottom: 0px;
        left: 560%; /* right posiziona a sinistra, left posiziona a destra*/
        /**************************/
        /* grado di opacità (inizialmente 0 per poi passare ad 1) e tempo di transazione */
        opacity: 0;
        transition: opacity 500ms;
        /**************************/
    }



    .tooltip-right-sf:hover .tooltip-text {
        visibility: visible;
        /* grado di opacità della transazione */
        opacity: 1;
    }

/*CUSTOM TOOLTIP DESTRA ALERT*/

.tooltip-right-sf-alert {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/
}

    .tooltip-right-sf-alert .tooltip-text {
        font-size: 13px;
        font-weight: normal;
        text-transform: none;
        visibility: hidden;
        width: 150px;
        background-color: #FF6600;
        color: #fff !important;
        text-align: center;
        border-radius: 6px;
        padding: 5px 10px;
        position: absolute;
        z-index: 1000;
        font-family: 'Nunito Sans', sans-serif;
        /* posizionamento in alto/basso*/
        /*top: 150%;   /* bottom per posizione alta, top per posizione bassa 
    left: -110%;
    margin-left: -85px;*/
        /**************************/
        /* posizionamento a destra/sinistra*/
        top: -28px;
        left: 0%; /* right posiziona a sinistra, left posiziona a destra*/
        /**************************/
        /* grado di opacità (inizialmente 0 per poi passare ad 1) e tempo di transazione */
        opacity: 0;
        transition: opacity 500ms;
        /**************************/
    }

    .tooltip-right-sf-alert .tooltip-text-lg {
        width: auto;
        height: auto;
        padding: 5px 10px;
        position: absolute;
        z-index: 10000;
        /* posizionamento in alto/basso*/
        /*top: 150%;    bottom per posizione alta, top per posizione bassa 
    left: 20%;
    margin-left: -110px;*/
        /**************************/
        /* posizionamento a destra/sinistra*/
        bottom: 38px;
        left: 300%; /* right posiziona a sinistra, left posiziona a destra*/
        /**************************/
        /* grado di opacità (inizialmente 0 per poi passare ad 1) e tempo di transazione */
        opacity: 0;
        transition: opacity 500ms;
        /**************************/
    }



    .tooltip-right-sf-alert:hover .tooltip-text {
        visibility: visible;
        /* grado di opacità della transazione */
        opacity: 1;
    }



/* UTILITY
----------------------------------------------------------*/

.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* RADIO BUTTON LIST
----------------------------------------------------------*/

.radioButtonEnfatizzato input[type="radio"] {
    display: none;
}

    .radioButtonEnfatizzato input[type="radio"] + label {
        padding: 10px 20px 10px 20px;
        border: 3px solid rgba(255, 0, 0, 0);
    }

        .radioButtonEnfatizzato input[type="radio"] + label:hover {
            font-weight: bold !important;
            border: 3px solid #DBDBEA;
            position: relative;
            border-radius: 6px;
            box-shadow: 6px 6px 8px #888888;
            background-color: white;
        }


    .radioButtonEnfatizzato input[type="radio"]:checked + label {
        font-weight: bold !important;
        color: #1E5E2E;
        /*border: 1px solid #DBDBEA; da valutare*/
        border: 3px solid #1E5E2E;
        position: relative;
        border-radius: 6px;
        background-color: white;
        box-shadow: 4px 4px 8px #888888;
    }

        /*Definisce contenuto del triangolino (in questo caso la spunta)*/
        .radioButtonEnfatizzato input[type="radio"]:checked + label::before {
            position: absolute;
            right: 0%;
            top: 0;
            margin: .25em;
            color: white;
            font-family: FontAwesome;
            top: -2px;
            text-align: right;
            font-size: 12px;
            content: "\f00c";
            z-index: 21;
        }

        /*Definisce il triangolino in alto a destra*/
        .radioButtonEnfatizzato input[type="radio"]:checked + label::after {
            content: '';
            position: absolute;
            width: 0;
            height: 0;
            top: 0;
            right: 0;
            border-width: 18px;
            border-style: solid;
            border-color: #1E5E2E #1E5E2E transparent transparent;
            z-index: 20;
        }




/* STILI LINKBUTTON ASP.NET
----------------------------------------------------------*/

.linkButton {
    border: 1px solid #E6E6E6;
    padding: 3px 6px 4px 6px;
    color: #003366;
    margin: 20px -6px 0px 0px;
    font-size: 11px;
    text-transform: uppercase;
    background-image: url('../Immagini/button.jpg');
    background-repeat: repeat-x;
    height: 14px;
    text-decoration: none;
    text-align: center;
}

.linkButton-confirm {
    border: 1px solid #465c71;
    padding: 3px 14px 4px 14px;
    color: white;
    margin: 20px -6px 0px 0px;
    font-size: 11px;
    text-transform: uppercase;
    background-repeat: repeat-x;
    height: 14px;
    text-decoration: none;
    text-align: center;
    background-image: url('../Immagini/buttonVerde.jpg');
    background-color: #00D800;
}

.linkButton:link {
    border: 1px solid #e5e6e7;
    padding: 3px 6px 4px 6px;
    color: #003366;
    font-weight: bold;
    margin: 20px -6px 0px 0px;
    font-size: 11px;
    text-transform: uppercase;
    background-image: url('../Immagini/button.jpg');
    background-repeat: repeat-x;
    height: 14px;
    text-decoration: none;
    background-color: #F4F4F4;
}

.linkButton:visited {
    border: 1px solid #003366;
    padding: 3px 6px 4px 6px;
    color: #003366;
    font-weight: bold;
    margin: 20px -6px 0px 0px;
    font-size: 11px;
    text-transform: uppercase;
    background-image: url('../Immagini/button.jpg');
    background-repeat: repeat-x;
    height: 14px;
    text-decoration: none;
}

.linkButton:hover {
    border: 1px solid #0099FF;
    color: #FFFFFF;
    font-weight: bold;
    background-image: none;
    background-color: #35496A;
    text-decoration: none;
}

    .linkButton:hover i {
        color: white;
    }



.linkButton:active {
    border: 1px solid #3366CC;
    color: #FFFFFF;
    font-weight: bold;
    background-image: none;
    background-color: #35496A;
    text-decoration: none;
}

.linkButton:focus {
    border: 1px solid #3366CC;
    color: #FFFFFF;
    font-weight: bold;
    background-image: none;
    background-color: #35496A;
}

/* CASELLE INPUT PER UNITA' DI MISURA
----------------------------------------------------------*/
.input-unita-misura {
    position: relative;
}

    .input-unita-misura input {
        display: block;
        padding-right: 10px !important
    }

    .input-unita-misura .unit {
        position: absolute;
        display: block;
        right: 5px;
        top: 8px;
        z-index: 9;
        font-size: 20px;
    }


/* SELEZIONE TIPO RADIO CON LINK BUTTON
----------------------------------------------------------*/

.linkButtonEnfatizzato .panel label {
    padding: 10px 20px 10px 20px;
    border: 3px solid rgba(255, 0, 0, 0);
    display: inline-block;
    color: black !important;
    cursor: pointer;
}

    .linkButtonEnfatizzato .panel label:hover {
        font-weight: bold !important;
        border: 3px solid #1E5E2E;
        position: relative;
        border-radius: 6px;
        box-shadow: 4px 4px 8px #888888;
        color: black !important;
    }

.linkButtonEnfatizzato .panelSelezionato label {
    padding: 10px 20px 10px 20px;
    border: 3px solid rgba(255, 0, 0, 0);
    display: inline-block;
}


.linkButtonEnfatizzato .panelSelezionato label {
    font-weight: bold !important;
    color: #1E5E2E !important;
    border: 3px solid #1E5E2E;
    position: relative;
    border-radius: 6px;
    background-color: white;
    box-shadow: 4px 4px 8px #888888;
    cursor: pointer;
}


    .linkButtonEnfatizzato .panelSelezionato label::before {
        position: absolute;
        right: 0%;
        top: 0;
        margin: .25em;
        color: white;
        font-family: FontAwesome;
        top: -2px;
        text-align: right;
        font-size: 12px;
        content: "\f00c";
        z-index: 21;
    }

    .linkButtonEnfatizzato .panelSelezionato label::after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        top: 0;
        right: 0;
        border-width: 18px;
        border-style: solid;
        border-color: #1E5E2E #1E5E2E transparent transparent;
        z-index: 20;
    }

/* 
----------------------------------------------------------*/

.icon-input-left {
    float: left;
    margin-left: 6px;
    margin-top: -35px;
    position: relative;
    z-index: 2;
    font-size: 17px !important;
}

.fa-rotate-45 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* ICONE */
.icona > a {
    border-radius: 3px;
    padding: 4px 10px 5px 10px;
    text-decoration: none;
    color: #003366;
    font-size: 18px;
    margin-bottom: 4px;
}


.icona-lg > a {
    font-size: 30px !important;
    padding: 8px 8px 4px 8px;
}

.icona-sm > a {
    font-size: 15px;
    padding: 4px 6px 4px 6px;
}

.icona span {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;
    font-weight: 900;
}

.icona a:hover {
    background-color: #1E5E2E;
    color: white;
}

.icona a:focus {
    background-color: #1E5E2E;
    color: white;
}

.icona-danger > a {
    color: red;
    color: #003366;
}

.icona-danger a:hover {
    background-color: #ef5352;
    color: white;
}

.icona-danger-contrasto-forte > a {
    background-color: #ef5352;
    color: white;
}

.icona-danger-contrasto-forte a:hover {
    background-color: white;
    color: #ef5352;
}


.icona-alert > a {
    color: #ff6a00 !important;
}

    .icona-alert > a:hover, .icona-alert > a:focus {
        color: white !important;
        background-color: #ff6a00 !important;
    }

.icona-excel > a {
    color: #02723B !important;
}

.icona-excel a:hover {
    background-color: #02723B !important;
    color: white !important;
}

.icona-non-in-evidenza > a {
    color: lightgrey;
}


.icona-disattiva > a:hover {
    background-color: #ebebeb;
    color: #003366;
}


.icona-primary > a {
    background-color: #1a9ad5;
    color: white;
}

.icona-primary-contrasto-forte > a {
    background-color: #1a9ad5 !important;
    color: white !important;
}

.icona-primary-contrasto-forte a:hover {
    background-color: white !important;
    color: #1a9ad5 !important;
}

.icona-success a:active, .icona-success a:visited, .icona-success a:link {
    background-color: #1a9ad5;
}



.icona-primary a:hover {
    background-color: #35496A;
    color: white;
}



.icona-success > a {
    color: white;
    background-color: #18A689;
    border-left: solid 2px #18A689;
    border-right: solid 2px #18A689;
}

.icona-success a:active, .icona-success a:visited, .icona-success a:link {
    background-color: #18A689;
}


.icona-success a:hover {
    background-color: #00c710;
    color: white;
}

.pulsante-icona > a {
    font-size: 18px;
    padding: 10px 30px !important;
}

.pulsante-icona span {
    font-size: 18px;
}


/**/

.destinazione-directa {
    background-image: url("../../../Common/Immagini/LoghiGestori/LoghiRidotti/logo_directa.png") !important;
}

.destinazione-crono {
    background-image: url("../../../Common/Immagini/LoghiGestori/logo_crono.png") !important;
}

.destinazione-ups {
    background-image: url("../../../Common/Immagini/LoghiGestori/LoghiRidotti/logo_ups.png") !important;
}

.destinazione-sda {
    background-image: url("../../../Common/Immagini/LoghiGestori/LoghiRidotti/logo_sda.png") !important;
}

.destinazione-posteItaliane {
    background-image: url("../../../Common/Immagini/LoghiGestori/LoghiRidotti/logo_posteItaliane.png") !important;
}


/* PANNELLI SPOSTABILI CON JQUERY
----------------------------------------------------------*/

.spostabile:hover {
    cursor: all-scroll;
}

/**********************************************/
/*               ARCHIVI                      */
/**********************************************/
.etichettaOpzioniFiltri {
    padding-top: 5px;
    font-weight: bold;
    float: left;
    margin-right: 5px;
}

.numPagCorrente {
    color: #1E5E2E;
    font-weight: bold;
    font-size: 19px;
}

.numAltrePagine {
    font-size: 13px;
    color: #b9eea3 !important;
}


/**********************************************/
/*               DOCUMENTI                    */
/**********************************************/

.fileDocumenti {
    margin-top: 30px;
}


    .fileDocumenti .linkButtonEnfatizzatoDocumenti .panel label {
        padding: 10px 20px 10px 20px;
        border: 3px solid rgba(255, 0, 0, 0);
        display: inline-block;
        color: black !important;
        cursor: pointer;
        font-size: 20px;
    }

        .fileDocumenti .linkButtonEnfatizzatoDocumenti .panel label:hover {
            font-weight: bold !important;
            border: 3px solid #1E5E2E;
            position: relative;
            border-radius: 6px;
            box-shadow: 4px 4px 8px #888888;
            color: black !important;
            font-size: 20px;
        }

    .fileDocumenti .linkButtonEnfatizzatoDocumenti .panelSelezionato label {
        padding: 10px 20px 10px 20px;
        border: 3px solid rgba(255, 0, 0, 0);
        display: inline-block;
        font-size: 20px;
    }


    .fileDocumenti .linkButtonEnfatizzatoDocumenti .panelSelezionato label {
        font-weight: bold !important;
        color: #1E5E2E !important;
        border: 3px solid #1E5E2E;
        position: relative;
        border-radius: 6px;
        background-color: white;
        box-shadow: 4px 4px 8px #888888;
        cursor: pointer;
        font-size: 20px;
    }

    .fileDocumenti .cornice {
        border: 1px solid #323232;
        border-radius: 8px;
        display: inline-block;
        padding: 25px;
        background-color: white;
    }

    .fileDocumenti .documentiVisualizzabili {
        float: left;
        margin-right: 20px;
        width: 280px;
    }

        .fileDocumenti .documentiVisualizzabili .contenuto {
            width: 180px;
        }

    .fileDocumenti .visualizzazioneFile {
    }


/*              DATI RITIRO                 */

.dataOraRitiro .dataRitiro input[type=text] {
    width: 100px !important;
}

.dataOraRitiro .orarioRitiro input[type=text] {
    width: 35px !important;
}


.asterisco {
    color: mediumvioletred !important;
    font-weight: bold !important;
    font-size: 18px !important;
    font-family: 'Nunito Sans', sans-serif !important;
}


/*********************************************************/
/*   STILI AUTOCOMPLETE TEXT AJAX CONTROL TOOLKI         */
/*********************************************************/

.AutoExtenderHighlight {
    padding: 10px 16px !important;
    color: #00152b;
    background-color: white;
    font-size: 16px !important;
    min-height: 29px;
    min-width: 200px;
    z-index: 1000;
    border-left-style: solid;
    border-left-width: 8px;
    border-left-color: #1E5E2E;
    width: 600px !important;
    background-color: #F7F7F7;
    font-weight: bold;
    overflow-x: hidden !important;
}

.autocomplete_listItem {
    padding: 14px 16px !important;
    font-family: Calibri;
    padding-top: 0px;
    color: black;
    background-color: white;
    font-size: 16px;
    min-height: 29px;
    min-width: 200px;
    z-index: 1000;
    width: 600px !important;
    overflow-x: hidden !important;
}


.autocomplete_highlightedListItem {
    padding: 14px 16px !important;
    color: #00152b;
    background-color: white;
    font-size: 16px !important;
    min-height: 29px;
    min-width: 200px;
    z-index: 1000;
    border-left-style: solid;
    border-left-width: 8px;
    border-left-color: #1E5E2E;
    width: 600px !important;
    background-color: #F7F7F7;
    font-weight: bold;
    overflow-x: hidden !important;
}

.completionListCssClass {
    margin-top: 0px;
    background-color: White;
    overflow: auto;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-color: #1E5E2E !important;
    border-bottom-color: #1E5E2E !important;
    border-left-color: #1E5E2E !important;
    max-height: 240px;
    min-height: 100px;
    overflow-y: scroll;
    width: 600px !important;
    overflow-x: hidden !important;
    z-index: 100002 !important;
    padding: 0px !important;
}

.autocomplete_highlightedListItemClear {
    color: black;
    background-color: white;
    font-size: 16px;
    min-height: 29px;
    min-width: 200px;
    z-index: 1000;
    width: 500px !important;
}


.trunc {
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.autocomplete_list {
    min-width: 700px;
    background-color: White;
    margin: 0px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-color: #e5e6e7;
    border-left-color: #e5e6e7;
}



.autocomplete_listItem b {
    font-size: 1px;
    color: white;
}

.autocomplete_highlightedListItem b {
    font-size: 1px;
    color: none;
}


/*********************************************************/
/*   ALTRE RISOLUZIONI                                   */
/*********************************************************/

@media only screen and (max-width: 800px) {
    #pagina .area .titolo {
        font-size: 35px !important;
    }

    #pagina #pagina_intestazione .titolo {
        font-size: 30px !important;
    }
}

@media (max-width: 600px) {
    .ultimeOperazioniEffettuate {
        display: none;
    }

    .info.saldo .valore {
        font-size: 17px !important
    }
}


/**************************************************************/
/*      Vecchio Controllo utente importazione file                  */
/**************************************************************/

.importazione-upload-file.importazione-upload-file-danea .importazione-definizioneFile input[type=file] {
}

    .importazione-upload-file.importazione-upload-file-danea .importazione-definizioneFile input[type=file]:hover {
        background-color: #35496A !important;
    }

.importazione-upload-file.importazione-upload-file-danea input[type=submit] {
    border-color: #1E5E2E !important;
    background-color: #1E5E2E;
    color: white !important;
    border-left: none !important;
}

    .importazione-upload-file.importazione-upload-file-danea input[type=submit]:hover {
        background-color: #35496A;
    }

.divCaricamentoNuovoFile-div2 {
    float: left;
    margin-right: 20px;
}

.divCaricamentoNuovoFile-div3 {
    font-size: 18px;
}

    .divCaricamentoNuovoFile-div3 b {
        color: #1E5E2E;
        font-size: 17px;
    }



.importazione-danea-file-non-importabili-container .popUp {
    top: 52px;
    min-height: 1000px;
}

.importazione-danea-file-non-importabili-container .popUp-container {
    padding-top: 14px !important;
    max-width: 900px !important;
    margin: auto !important;
}

.importazione-danea-file-non-importabili-container .popUp b {
    font-size: 18px;
}

.importazione-danea-file-non-importabili-container .popUp a {
    font-size: 16px;
    color: #1E5E2E !important;
    font-weight: bold;
    text-decoration: underline !important;
}

.importazione-danea-file-non-importabili-body {
    padding-left: 50px;
}

/********************************************************************************/
/*                                 COMUNICAZIONI                                                         */
/********************************************************************************/

.comunicazione {
    border-left: 4px #003366 solid;
    padding-left: 10px;
    min-height: 30px;
    width: 100%;
    max-width: 1100px;
    overflow: auto;
    margin: auto;
    margin-bottom: 16px;
}

    .comunicazione .comunicazione-immagine {
        width: 30px;
        height: 30px;
        padding-top: 8px;
        margin-right: 8px;
        float: left;
    }

.comunicazione-oggetto {
    margin-left: 40px;
    font-weight: bold;
    font-size: 16px;
}

.comunicazione-corpo {
    margin-left: 40px;
    font-size: 15px;
}

.comunicazione.comunicazione-avviso {
    border-left-color: #ff5600 !important;
    margin-bottom: 20px;
}

    .comunicazione.comunicazione-avviso .fa {
        color: #ef5352;
        font-size: 25px;
    }

.comunicazione.comunicazione-notificaOK {
    border-left-color: #1ab394 !important;
}

    .comunicazione.comunicazione-notificaOK .fa {
        color: #1ab394;
        font-size: 25px;
    }


/********************************************************************************/
/*                                 RITIRI                                       */
/********************************************************************************/

#infoELocalitRitiro input[type=text] {
    font-size: 16px !important;
}


/********************************************************************************/
/*          INVIO EMAIL RICEVUTE                                                */
/********************************************************************************/

.file-invio-email {
    margin: 4px 10px 10px 0px;
}

    .file-invio-email input {
        background-color: white;
        width: 394px;
        height: 40px !important;
        border-radius: 4px;
        padding: 3px 4px 3px 10px;
        font-size: 16px;
        font-weight: bold;
    }

    .file-invio-email a {
        position: absolute;
        margin: 5px -80px 0px;
        height: 30px !important;
    }

    .file-invio-email.esito {
        padding-left: 10px;
        font-size: 20px;
    }

        .file-invio-email.esito .fa-check {
            font-size: 30px !important;
            color: #18A689;
        }

        .file-invio-email.esito .fa-exclamation-triangle {
            font-size: 30px !important;
            color: #ff844d;
        }



.servizio-clackpay-richiesta-attivazione {
    background-color: #35496A;
    color: white;
    font-weight: bold;
    position: absolute;
    top: 10px;
    right: 26px;
    padding: 2px 8px;
    border-radius: 3px;
    border-bottom: solid 2px white;
    letter-spacing: 0.5px;
}