/*@import url('../fonts/TitilliumWeb.css');*/
body {
    /*font-family: Titillium Web;*/
    /*font-family: Roboto;*/
    /*font-family: Arial, 'Arial Black', Verdana;*/
    font-family: Verdana, Arial, 'Arial Black';
    background: #f2f2f2;
    position: relative;
    overflow: auto;
}

body, html {
    margin: 0;
    padding-bottom: 0;
    min-height: 100vh;
    height:auto;    
}

.bg-image {
    background-image: url("../images/Sfondo_Home.png");
    background-position: bottom;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100%;
}

/*#region Input File Upload*/
.custom-file-input ~ .custom-file-label::after {
    content: "Sfoglia";
    background-color: dodgerblue;
    color: white;
    margin:0;
}
.fileUploadCustom {
    /*background: #4bbb7d;
    padding: 10px;*/
}
/*#endregion*/

#container {
    height: auto;
    min-height: 100vh;
}

.contenitorePagina {
    background-color: #f2f2f2;
    /*border: solid;
    border-color: #c7c7c7;
    border-width: 1px;
    border-radius: 5px;*/
    padding: 0;
}

#bordo_basso_container {
    padding-bottom: 72px;    
}

.card {
    border: 0;
}

.colonnaSX_ContenitorePagina {
    background-color: #f2f2f2;
}

.colonnaDX_ContenitorePagina {
    background-color: #f2f2f2;
}


/*#region Animazione icone chiusura e apertura sezioni */
.ruotaIcona{
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}
.ruotaIcona.giu{
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
/*#endregion*/
@media only screen and (min-width: 1141px) {
    .footer {
        background: #333333;
        height: 32px;
        position: absolute;
        bottom: 0;
        padding-left: 30px;
        padding-right: 30px;
        color: #7c7c7b;
        width: 100%;
    }
}

@media only screen and (max-width: 1140px) {
    .footer {
        background: #333333;
        position: absolute;
        bottom: 0;
        padding-left: 30px;
        padding-right: 30px;
        color: #7c7c7b;
        width: 100%;
    }
}
    /*Per le Ombre*/
    $enable-shadows::after true;

    .shadow {
        box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
        transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .shadow:hover {
        box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
    }

    .shadow-nohover {
        box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
        transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    }

    /*Ridefinito il bg-info delle card*/
    .bg-info {
        /*background-color: #64888e !important;*/
        background-color: #006830 !important;
        color: white;
        font-weight: bold;
        padding: 5px;
    }

    /**********************************************************/
    /**/
    /**********************************************************/
    /*#region PER ALTRE TABELLE COME QUELLE IN SISCOM O AMMINISTRATORE*/
    .tabelleJQuery > thead > tr {
        background-color: #17324C;
        color: white;
    }

    .tabelleJQuery > tbody .even {
        background-color: #e1e1e1;
    }

    .tabelleJQuery > tbody .odd {
        background-color: white;
    }

    .tabelleJQuery > tbody :hover {
        background-color: #8dc0de;
    }

    .tabelleJQuery > tbody .even.selected {
        background-color: #00ff89;
    }

    .tabelleJQuery > tbody .odd.selected {
        background-color: #00ff89;
    }

    .stileTabellaRiepilogo > thead > tr {
        background-color: #b0b0b0;
    }

    .stileTabelleGenerali {
        border-color: #264765;
        border-style: solid;
        border-width: 1px;
        border-left: none;
        border-top: none;
        border-right: none;
    }
    /*#endregion*/
    /************************************************/

    /************************************************/
    /*MODIFICHE FATTE AL MASTER*/
    /************************************************/
    .page-header {
        background-color: #f2f2f2;
        /* height: 100%; */
        /* width: 100%; */
        color: #323232;
        text-align: center;
        /*text-decoration: underline;*/
        /* margin-top: -24px; */
        /* margin-bottom: 21px; */
        /* border-style: solid; */
        /* border-width: 2px; */
        /* border-color: #76a629; */
        /* border-left: none; */
        /* border-right: none; */
    }

    /*Ridefinita la forma dei bottoni del menu*/
    .bottoneMenuUtenteLoggato {
        background-color: #333333;
        height: 32px;
    }

    .pannelloComandiAmministratore {
        background-color: #caef8f;
        border-color: #76a629;
        border-style: solid;
        border-width: 7px;
        border-bottom: none;
        border-left: none;
        border-right: none;
    }

    .pannelloComandiSiscom {
        background-color: #caef8f;
        border-color: #76a629;
        border-style: solid;
        border-width: 7px;
        border-bottom: none;
        border-left: none;
        border-right: none;
    }

    @media only screen and (min-width: 992px) {
        .pannelloComandiProfessionista {
            background-color: #006830;
            top: 0px;
            left: 0px;
            margin-top: 0;
            margin-bottom: 0;
            border-color: #00A953;
            border-style: solid;
            border-top: none;
            border-left: none;
            border-right: none;
            border-width: 2px;
            height: 32px;
        }

        .pannelloProfessionistaLoggatoDaLoggare {
            background-color: #333333;
            height: 32px;
            /*padding-left: 30px;
    padding-right: 30px;*/
        }
    }

    @media only screen and (max-width: 991px) {
        .pannelloComandiProfessionista {
            background-color: #006830;
            top: 0px;
            left: 0px;
            margin-top: 0;
            margin-bottom: 0;
            border-color: #00A953;
            border-style: solid;
            border-top: none;
            border-left: none;
            border-right: none;
            border-width: 2px;
        }

        .pannelloProfessionistaLoggatoDaLoggare {
            background-color: #333333;
        }
    }

    .bottonePannelloComandiProfessionista {
        background-color: #006830;
    }

        .bottonePannelloComandiProfessionista:hover {
            background-color: #00461e;
        }

        .bottonePannelloComandiProfessionista:active {
            background-color: #00461e;
        }

.bottonePannelloComandiProfessionistaFocus {
    background-color: #00883f;
}
        .bottonePannelloComandiProfessionistaFocus:hover {
            background-color: #00461e;
        }

        .bottonePannelloComandiProfessionistaFocus:active {
            background-color: #00461e;
        }

        /*.bottonePannelloComandiProfessionista:before {
            content: '';
            background-color: aliceblue;
            border-radius: 50%;
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            transform: scale(0.001, 0.001);
            animation: effect_dylan 0.8s ease-out;
        }

.bottonePannelloComandiProfessionista:focus {
    outline: 0;
    color: #fff;   
}

@keyframes effect_dylan{
    50% {
        transform: scale(1.5, 1.5);
        opacity: 0;
    }

99% {
        transform: scale(0.001, 0.001);
        opacity: 0;
    }

100% {
        transform: scale(0.001, 0.001);
        opacity: 1;
    }
}*/



    .font14 {
        font-size: 14pt;
    }

    /*.jumbotron {
    background-color: #a66128;
    color: #FFFFFF;
    padding: 25px 20px;
    margin-top: 10px;
}*/
    .jumbotron {
        background-color: #ffffff;
        color: #333333;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 30px;
        padding-right: 30px;
        margin-bottom: 0;
        margin-top: 0;
        height: 80px;
        border-radius: 0;
    }
    /************************************************/






    @media (max-width: 767px) {
        .navbar-geotec .navbar-nav .open .dropdown-menu > li > a {
            color: #777;
        }

            .navbar-geotec .navbar-nav .open .dropdown-menu > li > a:hover,
            .navbar-geotec .navbar-nav .open .dropdown-menu > li > a:focus {
                color: #333;
            }
    }



    .font11 {
        font-size: 11px;
    }

    .font12 {
        font-size: 12px;
    }

    .font13 {
        font-size: 13px;
    }

    .font15 {
        font-size: 15px;
    }

    .font20 {
        /*font-size: 20px;*/
    }


    .navbar .dropdown-menu {
        background-color: #c1ec7c;
    }

    .CampoObbligatorio {
        background-color: lightyellow;
    }

    .attesa {
        position: fixed;
        left: 0;
        z-index: 999;
        height: 100%;
        width: 100%;
        top: 0;
        background-color: Black;
        filter: alpha(opacity=60);
        opacity: 0.6;
        -moz-opacity: 0.8;
    }

    .centra {
        z-index: 1000;
        margin: 300px auto;
        padding: 10px;
        width: 120px;
        background-color: White;
        border-radius: 10px;
        filter: alpha(opacity=100);
        opacity: 1;
        -moz-opacity: 1;
    }

        .centra img {
            height: 100px;
            width: 100px;
        }

    .display_none {
        display: none;
    }

    /*Margin Top*/
    .margintop0 {
        margin-top: 0px;
    }

    .margintop5 {
        margin-top: 5px;
    }

    .margintop10 {
        margin-top: 10px;
    }

    .margintop15 {
        margin-top: 15px;
    }

    .margintop20 {
        margin-top: 20px;
    }

    .margintop25 {
        margin-top: 25px;
    }

    .margintop30 {
        margin-top: 30px;
    }

    .margintop35 {
        margin-top: 35px;
        top: 3px;
        left: 15px;
    }

    .margintop40 {
        margin-top: 40px;
    }

    .margintop45 {
        margin-top: 45px;
    }

    .margintop50 {
        margin-top: 50px;
    }

    /*Margin Left*/
    .marginleft0 {
        margin-left: 0px;
    }

    .marginleft5 {
        margin-left: 5px;
    }

    .marginleft10 {
        margin-left: 10px;
    }

    .marginleft15 {
        margin-left: 15px;
    }

    .marginleft15Meno {
        margin-left: -15px;
    }

    .marginleft20 {
        margin-left: 20px;
    }

    .marginleft25 {
        margin-left: 25px;
    }

    .marginleft30 {
        margin-left: 30px;
    }

    .marginleft35 {
        margin-left: 35px;
    }

    .marginleft40 {
        margin-left: 40px;
    }

    .marginleft45 {
        margin-left: 45px;
    }

    .marginleft50 {
        margin-left: 50px;
    }

    /*Margin Bottom*/
    .marginbottom0 {
        margin-bottom: 0px;
    }

    .marginbottom5 {
        margin-bottom: 5px;
    }

    .marginbottom10 {
        margin-bottom: 10px;
    }

    .marginbottom15 {
        margin-bottom: 15px;
    }

    .marginbottom20 {
        margin-bottom: 20px;
    }

    .marginbottom25 {
        margin-bottom: 25px;
    }

    .marginbottom30 {
        margin-bottom: 30px;
    }

    .marginbottom35 {
        margin-bottom: 35px;
    }

    .marginbottom40 {
        margin-bottom: 40px;
    }

    .marginbottom45 {
        margin-bottom: 45px;
    }

    .marginbottom50 {
        margin-bottom: 50px;
    }

    /*Margin Right*/
    .marginright0 {
        margin-right: 0px;
    }

    .marginright5 {
        margin-right: 5px;
    }

    .marginright10 {
        margin-right: 10px;
    }

    .marginright15 {
        margin-right: 15px;
    }

    .marginright20 {
        margin-right: 20px;
    }

    .marginright25 {
        margin-right: 25px;
    }

    .marginright30 {
        margin-right: 30px;
    }

    .marginright35 {
        margin-right: 35px;
    }

    .marginright40 {
        margin-right: 40px;
    }

    .marginright45 {
        margin-right: 45px;
    }

    .marginright50 {
        margin-right: 50px;
    }

    /*Padding-Left*/
    .paddingleft10 {
        padding-left: 10px;
    }

    .paddingleft20 {
        padding-left: 20px;
    }

    .paddingleft30 {
        padding-left: 30px;
    }

    .paddingleft40 {
        padding-left: 40px;
    }

    .paddingleft50 {
        padding-left: 50px;
    }

    /*Padding-Right*/
    .paddingright10 {
        padding-right: 10px;
    }

    .paddingright20 {
        padding-right: 20px;
    }

    .paddingright30 {
        padding-right: 30px;
    }

    .paddingright40 {
        padding-right: 40px;
    }

    .paddingright50 {
        padding-right: 50px;
    }

    .btn.disabled, .btn:disabled {
        cursor: not-allowed;
    }

    .bold {
        font-weight: bold;
    }


    .divModuloContent input[type="text"] {
        background-color: #fbfbfb;
    }

        .divModuloContent input[type="text"]:focus {
            background-color: white;
        }

    .float_left {
        float: left;
    }

    .row.collapse.show {
        display: flex;
    }

    .schedaAnagraficaTitleSection {
        background-color: #006830;
        padding: 5px;
    }

        .schedaAnagraficaTitleSection a {
            /*color: #bcddc9;*/
            color: #c6dcd0;
        }
    
        /*.schedaAnagraficaTitleSection:hover {
            box-shadow: 0 0 0 0.1rem #0fa753;
            background-color: #4bbb7d;
            outline: 0;
            transition: all linear .1s;
        }

            .schedaAnagraficaTitleSection:hover a {
                color: white;
            }

            .schedaAnagraficaTitleSection:hover .TitoloSezione {
                color: white;
                background-color: #4bbb7d;
                transition: all linear .1s;
            }

            .schedaAnagraficaTitleSection:hover p {
                color: white;
            }*/

.restituitaPerVerificheSection {
    background-color: #b88a00;
    color: white;
    font-weight: bold;
    padding: 5px;
}

.invioDocumentazioneEnteSection {
    background-color: #00a988;
    color: white;
    font-weight: bold;
    padding: 5px;
}

.richiestaIntegrazioneSection {
    background-color: orange;
    color: white;
    font-weight: bold;
    padding: 5px;
}

.interdizioneSection {
    background-color: red;
    color: white;
    font-weight: bold;
    padding: 5px;
}

    /*.restituitaPerVerificheSection a {
        color: #c6dcd0;
    }*/


    .schedaAnagraficaTitleSectionMini {
        /*background-color: #64888e;*/
        background-color: #006830;
        padding: 5px;
        margin-bottom: 5px;
        width: 100%;
    }

        .schedaAnagraficaTitleSectionMini a {
            /*color: #bcddc9;*/
            color: #c6dcd0;
        }

        /*.schedaAnagraficaTitleSectionMini:hover {
            box-shadow: 0 0 0 0.1rem #0fa753;
            background-color: #4bbb7d;
            outline: 0;
            transition: all linear .1s;
        }

            .schedaAnagraficaTitleSectionMini:hover a {
                color: white;
            }

            .schedaAnagraficaTitleSectionMini:hover .TitoloSezione {
                color: white;
                background-color: #4bbb7d;
                transition: all linear .1s;
            }

            .schedaAnagraficaTitleSectionMini:hover p {
                color: white;
            }*/

    .TitoloSezione {
        background-color: #006830;
        color: #c6dcd0;
        padding: 5px;
        margin-bottom: 5px;
        width: 100%;
    }


    .clearfix::after {
        content: "";
        clear: both;
        display: table;
    }

    .posizioneMenu {
        position: fixed;
        top: 50%;
        /*z-index: 4000;*/
        z-index: 4;
        right: 0;
        transform: translate(0%, -50%);
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

.posizioneTornaSu {
    bottom: 3%;
    position: fixed;
    /* z-index: 4000; */
    z-index: 4;
    right: 0;
    transform: translate(0%, -50%);
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    width: 45px;
    background-color: transparent !important
}
.ombraTornaSu {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.clip-circle {
    border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
}

    .posizioneCardHeaderTornaSu {
        top: 95%;
        z-index: 3;
        cursor: pointer;
        padding: 5px;
        background-color: transparent;
        color: transparent;
        right: 99%;
        margin: 0;
        margin-bottom: -15px;
        transform: translate(0%, -50%);
        color: #016830;
        font-size: 13px;
        font-weight: bold;
    }

    .posizioneTitolo {
        /*position: fixed;
    top: 50%;
    z-index: 3;
    cursor: pointer;
    padding: 0px;
    padding-right: 5px;
    padding-left: 5px;
    background-color: #016830;
    border-radius: 10px 0 0 10px !important;
    right: 99%;
    margin: 0;
    transform: translate(0%, -50%);*/
        /*----------------------------*/
        top: 50%;
        z-index: 3;
        cursor: pointer;
        padding: 5px;
        background-color: #016830;
        right: 99%;
        margin: 0;
        margin-bottom: -23px;
        transform: translate(0%, -50%);
    }

    .posizioneTitoloMenu {
        top: 50%;
        z-index: 3;
        cursor: pointer;
        padding: 5px;
        background-color: #FFFFFF;
        right: 99%;
        /*margin: 0;
        margin-bottom: 0px;*/
        /*transform: translate(0%, -50%);*/
        color: #016830;
        font-size: 13px;
        /*font-weight: bold;*/
    }

    .corpoMenu {
        background-color: #016830;
        /*border-radius: 10px 0 0 10px;*/
        text-align: center;
        padding-top: 13px;
        padding-bottom: 13px;
    }

    .corpoTornaSu {
        background-color: #016830;
        padding-top: 10px;
        padding-bottom: 10px;
    }

.corpoMenuLateraleIstanzeEdit {
    background-color: #016830;
    text-align: center;
    padding-top: 3px;
    /*padding-bottom: 13px;*/
    padding-bottom: 3px;
}
    /*Icone Tabelle IstanzeEdit*/
    .iconaInattiva {
        opacity: 0.5;
        cursor: not-allowed;
        width: 20px;
        height: 20px;
    }

    .iconaAttiva {
        width: 20px;
        height: 20px;
    }
    /*------------------------*/

/*Icone Tipi di Pratica - Admin*/
.iconaInattivaAdmin {
    opacity: 0.5;
    cursor: not-allowed;
    width: 40px;
    height: 40px;
}

.iconaAttivaAdmin {
    width: 40px;
    height: 40px;
}
/*------------------------*/

    .iconeMenuModulo {
        color: green;
    }

    .iconaAperturaMenuModulo {
        color: white;
    }

    .titoloModalInformazioni {
        background-color: #4bbb7d;
        color: white;
    }

        .titoloModalInformazioni .close {
            color: white;
        }

    .tabellaInformazioni {
        /*border: #dee2e6;*/
        border: #28bf6c;
        /*border-width: 1px;*/
        border-width: 3px;
        border-style: solid;
    }

    .iconSalvaModulo {
        position: fixed;
        top: 50%;
        z-index: 3000;
        right: 15px;
        cursor: pointer;
        border: 3px solid #70f7b2;
        padding: 0px;
        padding-right: 5px;
        padding-left: 5px;
        background-color: #64888e;
        border-radius: 10px 0 0 10px;
        transform: translate(0%, -50%);
    }

    .iconMinimizaSalvaModulo {
        position: absolute;
        top: 0%;
        z-index: 3000;
        right: 100%;
        cursor: pointer;
        border: 3px solid #70f7b2;
        padding: 0px;
        padding-right: 5px;
        padding-left: 5px;
        background-color: #64888e;
        border-radius: 10px 0 0 10px;
        transform: translate(0%, 150%);
    }

    .divSalvaModulo {
        position: fixed;
        top: 50%;
        z-index: 4000;
        right: 15px;
        background-color: #64888e;
        padding: 20px;
        padding-top: 0;
        padding-bottom: 10px;
        border: 3px solid #70f7b2;
        border-radius: 10px 0 0 10px;
        text-align: center;
        transform: translate(0%, -50%);
    }

    /*.iconMinimizaSalvaModulo {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}*/



    .tooltip {
        position: fixed;
        z-index: 4500;
        pointer-events: none;
    }

    .divModuloContentInfo {
        /*margin-top: 10px;
    padding-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    color: #bcdebd;
    border-top: 1px solid #bcdebd;
    border-bottom: 1px solid #bcddc9;*/
    }

    /*.divModuloContentInfo tooltip
    {
        z-index:4500;
    }*/

    .radioButtonList td label {
        margin-right: 10px;
    }

    .formControlError {
        border-color: red;
        box-shadow: 0 0 0 0.05rem #ff0000;
    }

    .formControlObbligatorio {
        background-color: antiquewhite;
    }

    .formControlRiempito {
        background-color: white;
    }

    .borderGreen {
        border-color: green !important;
    }

    .schedaAnagraficaSection {
        border-right: 1px solid #99ccff;
        border-bottom: 1px solid #99ccff;
        border-left: 1px solid #99ccff;
        border-top: none;
    }

    .width100 {
        width: 100%;
    }

    .SchedaSanitariaItem {
        margin: 0px !important;
    }

    .row .SchedaSanitariaItem {
        border-bottom: 3px solid #0ea753;
        margin-bottom: 20px !important;
        padding-bottom: 20px;
    }

    .schedaNotificaSanitariaSubSection {
        border-right: 1px solid #99ccff;
        border-bottom: 1px solid #99ccff;
        border-left: 1px solid #99ccff;
        border-top: 1px solid #99ccff;
    }

    .opacity5 {
        opacity: .4;
    }

    .disabled {
        cursor: not-allowed;
        pointer-events: visible !important;
    }

    .fixed-table-loading {
        display: none !important;
    }


    .NotificaSanitariaTitoli_PDF {
        background-color: lightgray;
        padding: 10px;
        margin-bottom: 5px;
    }

    .NotificaSanitariaBordi_PDF {
        border-right: 1px solid black;
        border-bottom: 1px solid black;
        border-left: 1px solid black;
        border-top: none;
    }

    .NotificaSanitariaSottotitoli_PDF {
        background-color: lightgray;
        padding: 5px;
        margin-bottom: 5px;
        width: 100%;
    }

        .NotificaSanitariaSottotitoli_PDF:hover {
            box-shadow: 0 0 0 0.1rem #007bff;
            border-color: #80bdff;
            outline: 0;
            transition: all linear .3s;
        }

    .NotificaSanitariaBordiSubSection_PDF {
        border-right: 1px solid black;
        border-bottom: 1px solid black;
        border-left: 1px solid black;
        border-top: 1px solid black;
    }

    .TitoloNotificaSanitaria_Doc_PDF {
        text-align: center;
        font-family: Arial;
    }

    a.stileHref:hover {
        color: orange;
    }

    a.stileHref:link {
        color: orange;
        text-decoration: none;
    }

    .pagination-ys {
        /*display: inline-block;*/
        padding-left: 0;
        margin: 20px 0;
        border-radius: 4px;
    }

        .pagination-ys table > tbody > tr > td {
            display: inline;
        }

            .pagination-ys table > tbody > tr > td > a,
            .pagination-ys table > tbody > tr > td > span {
                position: relative;
                float: left;
                padding: 8px 12px;
                line-height: 1.42857143;
                text-decoration: none;
                color: #dd4814;
                background-color: #ffffff;
                border: 1px solid #dddddd;
                margin-left: -1px;
            }

            .pagination-ys table > tbody > tr > td > span {
                position: relative;
                float: left;
                padding: 8px 12px;
                line-height: 1.42857143;
                text-decoration: none;
                margin-left: -1px;
                z-index: 2;
                color: #aea79f;
                background-color: #f5f5f5;
                border-color: #dddddd;
                cursor: default;
            }

            .pagination-ys table > tbody > tr > td:first-child > a,
            .pagination-ys table > tbody > tr > td:first-child > span {
                margin-left: 0;
                border-bottom-left-radius: 4px;
                border-top-left-radius: 4px;
            }

            .pagination-ys table > tbody > tr > td:last-child > a,
            .pagination-ys table > tbody > tr > td:last-child > span {
                border-bottom-right-radius: 4px;
                border-top-right-radius: 4px;
            }

            .pagination-ys table > tbody > tr > td > a:hover,
            .pagination-ys table > tbody > tr > td > span:hover,
            .pagination-ys table > tbody > tr > td > a:focus,
            .pagination-ys table > tbody > tr > td > span:focus {
                color: #97310e;
                background-color: #eeeeee;
                border-color: #dddddd;
            }


    /***********************/
    /*ELABORAZIONE IN CORSO*/
    /***********************/
    #elaborazioneInCorso {
        /*position: absolute;*/
        position: sticky;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100vh;
        overflow: hidden;
    }

    #backdropGIF {
        z-index: 10000;
        background: black;
        opacity: 0.7;
        width: 100%;
        height: 100%;
    }
    /* Centra la GIF */
    #processingGIF {
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 9999;
        width: 150px;
        height: 150px;
        margin: -75px 0 0 -75px;
        border: 16px solid #f3f3f3; /*bianco del cerchio*/
        border-radius: 50%;
        border-top: 16px solid limegreen; /*verde del cerchio*/
        width: 120px;
        height: 120px;
        /*-webkit-animation: glow 2s ease-in-out infinite alternate, spin 2s linear infinite;
    -moz-animation: glow 2s ease-in-out infinite alternate, spin 2s linear infinite;
    animation: glow 2s ease-in-out infinite alternate, spin 2s linear infinite;*/
        -webkit-animation: spin 2s linear infinite;
        -moz-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
        opacity: 1;
    }

    #elabTESTO {
        position: absolute;
        left: 50%;
        top: 67%;
        transform: translateX(-50%) translateY(-50%);
        z-index: 10001;
        opacity: 1;
        color: white;
    }

    @-webkit-keyframes spin {
        0% {
            -webkit-transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
        }
    }

    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }


    .glow {
        font-size: 80px;
        color: #fff;
        text-align: center;
        -webkit-animation: glow 2s ease-in-out infinite alternate;
        -moz-animation: glow 2s ease-in-out infinite alternate;
        animation: glow 2s ease-in-out infinite alternate;
    }

    @-webkit-keyframes glow {
        from {
            text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px limegreen, 0 0 40px limegreen, 0 0 50px limegreen, 0 0 60px limegreen, 0 0 70px limegreen;
        }

        to {
            text-shadow: 0 0 20px #fff, 0 0 30px #016830, 0 0 40px #016830, 0 0 50px #016830, 0 0 60px #016830, 0 0 70px #016830, 0 0 80px #016830;
        }
    }

    .nota {
        background-color: #f0f0f0; /* Colore di sfondo grigio chiaro */
        font-size: 0.9em; /* Font più piccolo */
        padding: 10px; /* Aggiunge un po' di spazio interno */
        border-radius: 5px; /* Bordo arrotondato (opzionale) */
        margin-top: 10px; /* Spazio superiore per separare dal resto del contenuto */
    }

    /***********************/