* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#nomePtAlto:before {
    margin-right: 8px;
    content: var(--nome_piatta);
    text-transform: uppercase;
}
/*main {   
    background-color: rgba(255, 224, 0, 0.18);
}*/

.noScroll {
    position: fixed;
    width: 100%;
}

.confpr {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 100000;
    background-color: rgba(0, 0, 0, 0.45);
}
#dentrconfpr {
    width: 350px;
    background-color: var(--bglight_color);
    padding: 10px;
}
    #dentrconfpr span.ttito {
        display: block;
        text-align: center;
        width: 100%;
        margin-bottom: 10px;
        font-size: 20px;
        font-weight: 600;
        color: #363636;
    }
.apgio, #righecambio {
    display: flex;
    height: 40px;
}

#righecambio {
    height: 120px;
}

    .apgio th:not(.cunr), #righecambio td:not(.cunr) {
        width: 40% !important;
        padding: 5px;
        border: 3px solid var(--nav2_color);
    }
.apgio th:not(.cunr) {
    border-bottom: 0;
    border-radius: 12px 12px 0 0;
}
#righecambio td:not(.cunr) {
    border-radius: 0 0 12px 12px;
}
#righecambio td .ore_turnTab {
    height: 30px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    border-radius: 7px;
}


#righecambio td span {
    font-weight: 600;
    font-size: 20px;
    display: block;
    height: calc(100% - 30px);
    display: flex;
    align-items: center;
    justify-content: center;
}

th.cunr, td.cunr {
    width: 20%;
    background-color: transparent !important;
}

#dentrconfpr table {
    width: 100%;
    height: 100%;
}
    
#dentrconfpr .cambio {
    /*background-image:url("../Image/scambio.jpg");
        background-size:contain;
        background-repeat:no-repeat;
        background-position-y:5px;*/
    display: flex;
    justify-content: center;
    padding-top: 20px;
}
    #dentrconfpr .cambio i {
        font-size: 40px;
        color: #363636;
    }

.wrapBtnCambio{
    height: 40px;
    margin-top: 10px;
    display: flex;
}
.wrapBtnCambio i{
    font-size: 19px;
    margin-left: 5px;
}
#dentrconfpr .pulverde, #dentrconfpr .pulsrosso {
    height: 100%;
    width: 100%;
    transition: var(--an_active);
    border: 2px solid;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    border-radius: 10px;
    cursor: pointer;
    color: var(--bglight_color);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#dentrconfpr .pulverde {
    background-color: rgb(40, 167, 69);
    border-color: rgba(255, 255, 255,0.3);
    margin-right: 5px;
}

#dentrconfpr .pulsrosso {
    background-color: rgb(215, 48, 64);
    border-color: rgba(255, 255, 255,0.3);
    margin-left: 5px;
}

.wrapBtnCambio div:active {
   transform: var(--sc_active);
}
#rgcfgio th {
    height: 100%;
    background-color: #d26902;
    text-align: center;
    font-weight: bold;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

    #rgcfgio th p {
        display: inline-block;
        margin: 0 2px !important;
        font-size: 20px;
        font-weight: 500;
    }
    #contbandiere {
        position: absolute;
        z-index: 98;
        top: -5px;
        right: -25px;
        transform: scale(0.7);
    }

    #contbandiere legend {
        margin: 0;
        padding: 0;
        text-align: center;
        border-width: 2px;
        height: 26px;
        font-size: 14px;
        width: 80px;
        border-radius: 7px;
        margin: 0 auto !important;
    }
    #contbandiere fieldset {
        border: 3px solid var(--nav2_color);
        border-radius: 7px;
        display: inline-block;
        background-color: var(--btn1_color);
    }
    #contbandiere img {
        height: 40px;
        padding:0 5px 0 5px;
    }
    #contbandiere fieldset:last-child img {
        margin-left: 18px;
        padding: 2px 5px 5px 5px;
    }



    #contbandiere img:hover {
        cursor:pointer;
    }



#fin21 {
    right: calc(50% - 420px);
    top: 50px;
    position: absolute;
    z-index: 100;
    width: 888px;
    display: none;
    overflow: unset;
    padding-bottom: 50px;
}

html {
    border: 0 !important;
    margin: 0 !important;
}

input, select {
    outline-width: 0 !important;
}
.row95 {
    width: 95%;
    margin: 0 auto;
}
.row100 {
    width: 100%;
    margin: 0 auto;
}
.row50 {
    width: 50%;
    margin: 0 auto;
}
.hCento{
    height: 100% !important;
    padding-bottom: 10px;
}
.whiteBack {
    background-color: white !important;
    top: -8px !important;
}
.hide{
    display: none;
}
.h100{
    height: 100% !important;
}
.w100{
    width: 100% !important;
}
.h100-16 {
    height: calc(100% - 16px);
}
.Riga.disa select, .Riga.disa.balo, .disa {
    pointer-events: none;
}
.Riga.disa input{
    cursor:pointer;
}
.disab {
    pointer-events: none;
    opacity: 0.4;
}
.disabb {
    opacity: 0.4;
    pointer-events: none;
}
.disabbb {
    pointer-events: none !important;
    opacity: 0.6;
    box-shadow: none !important;
}
.disabbbb {
    pointer-events: none !important;
    box-shadow: none !important;
    opacity: 0.3;
}


.btnMain {
    color: var(--main_color) !important;
    font-size: 18px;
    background-color: var(--btn2_color) !important;
    border-radius: 11px;
    border: 2px solid var(--main_color);
    display: inline-block !important;
    position: relative;
    text-align: center !important;
    transition: all .2s ease;
    cursor: pointer;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.22);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.22);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.22);
    outline: none !important;
    user-select: none;
    cursor: pointer;
    transition: var(--an_active);
}

    .btnMain:active {
        transform: var(--sc_active);
    }



#mennuprinc {
    background-color: var(--nav1_color);
    border: 3px solid var(--nav2_color);
}

#mennuprincd {
    background-color: var(--nav1_color);
    border: 3px solid var(--nav2_color);
}




/* Box Scroll tutti Browers */
.cListRicerca {
    overflow: hidden;
    clip: rect(auto, auto, auto, auto) !important;
    margin-bottom: 0;
    margin-top: 15px;
    border-radius: 20px;
    border: 3px solid var(--main_color);
    height: 300px;
    position: relative;
}

.ListRicerca {
    position: relative;
    overflow-x: hidden;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: calc( 100% + 56px);
    padding: 6px 50px 10px 10px;
}
@media screen and (max-width: 768px) {
    .ListRicerca {
        padding: 5px 66px 10px 10px;
        -webkit-overflow-scrolling: touch;
    }
}

.cScrollBox {
    border: 1px solid var(--bglight_color);
    position: relative;
    overflow: scroll;
    overflow-x: hidden;
    width: calc(100% + 50px);
    padding-right: 34px;
    height: 100%;
}



#listafotos {
    min-width: 243px !important;
}

#notifichina {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: var(--nav2_color);
    position: absolute;
    top: 3.5px;
    right: 8px;
    animation: pulse 2s infinite;
    display: none;
}

@media only screen and (max-width: 992px) {
    #notifichina {
        left: 55px;
    }
}

.spazio{
    margin-bottom: 150px !important;
}
.spazio80 {
    margin-bottom: 80px !important;
}

.spazt{
    margin-top: 40px;
}
@media screen and (max-width: 768px) {
    .spazio80, .spazt {
        margin-bottom: 8px !important;
    }
}

.container {
    padding: 0 !important;
}

body {
    background-image: var(--sfondoNEW);
    background-size: cover;
    background-color: var(--bglight_color);
    /*background-repeat: no-repeat;*/
}/*html {
    background-color: var(--bglight_color);
}*/
@media screen and (max-width: 768px) {
    body {
        background-size: unset;
        background-repeat: unset;
    }
}

#logo img {
    height: 80px;
}

#listap li.d-none, #listat li.d-none, #listaaa li.d-none {
    display: none !important;
}

#gruppiMex li.d-none {
    display: none !important;
}


table.table.riepo th, table.table.riepo td {
    max-width: 24px;
    min-width: 14px;
    font-size: 14px;
    font-weight: bold;
    width:100%;
}
    

table.table.riepo td {
    background-color: rgba(134, 174, 222, 0.63);
}

   

    table.table.riepo th.grande, table.table.riepo td.grande {
        max-width: 100px;
        background-color: rgba(22, 7, 121, 0.79);
        color: white;
        font-weight: bold;
    }

    table.table.riepo td.spenta {
        background-color: rgba(0, 0, 0, 0.37);
    }

table.table.riepo th, table.table.riepo th.grande.bia {
    background-color: #bdb9b9;
}

div.col-7.gore span.input-group-text {
    min-width: 150px;
}

input.form-control.text-right.txtore.aleva {
    color: rgba(190, 4, 4, 1);
}

input.form-control.text-right.txtore.asomma {
    color: rgba(2, 113, 21, 1);
}

#tbtimbri tr.eliminata {
    display: none;
}

div.col-7.gore .input-group-append span.input-group-text {
    min-width: 60px;
    max-width: 60px;
}

.nascosto, .btn.nascosto {
    display: none;
}

li.li-sele {
    /*color: white;
    background-color: rgba(134, 174, 222, 0.63);*/
}

.persoinf {
    background-color: #fff;
    border-radius: 30px;
    height: 40px;
    width: 40px;
    position: absolute;
    z-index: 20;
    right: 22px;
    top: 3px;
}
    .persoinf:hover{
        cursor:pointer;
    }

    #persona span {
        width: 150px;
    }

    #persona span.mez {
        width: 110px;
    }

#persona div.input-group {
    margin: 5px;
}

@media only screen and (max-width: 1350px) {
    table .table.riepo th, table.table.riepo td {
        font-size: 10px;
    }
}

@media only screen and (max-width: 900px) {
    table.table.riepo th, table.table.riepo td {
        min-width: 18px;
        font-size: 10px;
        font-weight: bold
    }
}

@media only screen and (max-width: 600px) {
    #persona span, #persona span.mez {
        width: 100%;
        display: block;
    }

    #persona input:not(#meterini):not(#inpVa), #persona select {
        width: 100%;
        display: block;
    }
}

/*#fin21 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.54);
    overflow-y: scroll;
    display: none;
    z-index: 1000;
}*/

.list-group.nf {
    display: block;
}











/* ----- */
.col-alignverticalcenter {
    display: flex;
    align-items: center;
}

.col-aligncenter {
    float: none;
    margin: 0 auto;
}

.col-aligncenterI {
    float: none !important;
    margin: 0 auto !important;
}

.noBorder {
    margin: 0 !important;
    padding: 0 !important;
}
.noMargin {
    margin: 0 !important;
}
.noPadd {
    padding: 0 !important;
}
.color1 {
    background-color: darkgreen;
}

.color2 {
    background-color: lightgrey;
}

.colorc {
    background-color: greenyellow;
}

/* Gestione Foto */
#multibt {
    position: absolute;
    top: 10px;
    right: 10px;
}
#multicbt {
    position: absolute;
    top: 10px;
    right: 90px;
}
.cFotoP .boxRis {
    padding: 0 10px 0 20px;
}

.color {
    border: 2px solid red !important;
}

.colRicerca {
    margin-right: 30px;
}

.colRisultati {
    overflow: auto;
}

.rowColInterne {
    padding: 20px 10px 15px 10px !important;
}

.colStyle {
    border-radius: 20px;
    background-color: var(--bglight_color);
    box-shadow: 0 2px 9px rgba(36,36,36,.6);
    /*border: 2px solid var(--main_color);*/
    margin-bottom: 15px;
    overflow: hidden;
}

.inputmain {
    height: 50px;
    width: 100%;
    border-radius: 11px;
    background-color: #fff;
    color: #363636;
    margin: 5px 0 10px 0;
    /*-webkit-appearance: none;    per iphone da aggiungere poi */
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.22);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.22);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.22);
    font-weight: 500;
    padding: 3px !important;
    /*padding: 3px 3px 4px 14px !important; DA FINIRE*/
    border: 2px solid var(--main_color);
    /* Mod 26Nov */
    display: inline-block !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

    .inputmain:focus, botton {
        outline-width: 0;
        outline: none;
    }

.listRicerca {
    overflow: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0;
    margin-top: 15px;
    height: 490px;
    border-radius: 20px;
    border: 3px solid var(--main_color);
    padding: 8px 10px 10px 10px;
}
.colSFotto .cListRicerca {
    height: 490px;
    border-radius: 11px;
}




.nottinxo {
    background-color: #487cf3;
    color: var(--bglight_color);
}



.rowMaster {
    margin-top: 10px;
    border: 0;
    padding:0;
    width: 100%;
    margin: 0 auto !important;
}

.inputRicerca, .selectRicerca {
    width: 100%;
    height: 50px;
    border: 3px solid var(--main_color);
    padding: 5px;
    margin-top: 15px;
    border-radius: 10px;
    color: #363636;
    font-weight: 500;
    background-color: #fff;
}
.inputRicerca {
    padding: 5px 5px 6px 10px;
}

.wrapSelect, .wrapSelectZ {
    position: relative;
    transition: var(--an_active);
}
    .wrapSelect:active, .wrapSelectZ:active {
        transform: var(--sc_active);
    }
.noapperance {
    -webkit-appearance: none;
    padding-left: 11px !important;
    z-index: 2;
    cursor: pointer;
    
}
.afterSelectM:after {
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    margin: 0;
    vertical-align: .255em;
    content: "";
    border-top: .4em solid black;
    border-right: .2em solid transparent;
    border-bottom: 0;
    border-left: .2em solid transparent;
    right: 12px;
    top: 22px;
}

.afterSelect:after, .boxType:after, .wrapSelectZ:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f078";
    position: absolute;
    right: 14px;
    top: 14px;
    pointer-events: none;
    z-index: 0;
} /*.wrapSelectZ:after {
    top: 18px;
}*/


.afterSelectM:after {
    top: 26px;
}

.textH4 {
    height: 35px;
    text-align: center;
    margin-top: 11px;
    color: #363636;
    font-weight: 500;
    text-shadow: 0 0 2px rgba(36,36,36,.4);
}



.colSelect, .colCard {
    height: 650px;
}

.colCard {
    padding: 25px 15px 25px 15px;
}

.boxCard {
    text-align: center;
    width: 660px;
    height: 100%;
    overflow: auto;
    margin: 0 auto;
}

.cardRisultati {
    width: 150px;
    height: 200px;
    word-wrap: break-word;
    position: relative;
    float: left;
    margin: 9px 8px 5px 8px;
    border-radius: 11px;
    box-shadow: 0 1px 12px rgba(36,36,36,.3);
    background-color: #fff;
    border: 2px solid rgba(0, 0, 0, 0.18);
}

.cardImgRisultati {
    width: 130px;
    height: 130px;
    border-radius: 11px;
    object-fit: cover;
}

.cardBodyRisultati {
    margin-top: 10px;
}

.colSelectContent {
    display: none;
    overflow: hidden !important;
    clip: rect(auto, auto, auto, auto) !important;
    height: 636px;
}

.colRound20 {
    border-radius: 20px;
}



.loadGif {
    width: 60px;
    height: 50px;
    /*background-image: url(../Image/loading.gif);*/
    /*  background-image: url('../Image/load.png');*/
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 30px);
    display: none;
    animation: rott 1.3s infinite ease-out;
    /*  filter: grayscale(0.8);*/
}
    .loadGif:not(.Accrok):not(#loadMasterone):not(.conBack) {
        background-image: url('../Image/load.png');
        background-size: contain;
    }
    .loadGif.Accrok, .loadGif.conBack {
        background-image: url('../Image/load.png');
    } 
    
    #loadNewInfor.loadGif {
    display: flex;
    align-items:center;
    justify-content:center;
    zoom: 65%;
} .loadGif.conBack {
    width: 50px;
    height: 50px;
    background-color: var(--bglight_color);
    border-radius: 100%;
    background-size: 65%;
    background-position: center;
    left: calc(50% - 25px);
} .loadGif img {
    animation: fipa 1.3s infinite ease-out;
    height: 100%;
    width: 100%;
    padding: 35px;
    transform-style: preserve-3d;
} @keyframes rott {
    0% {
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -o-transform: scale(0.7);
    }

    50% {
        transform: scale(1);
        -webkit-transform:  scale(1);
        -moz-transform: scale(1);
        -o-transform:  scale(1);
    }
    100% {
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -o-transform: scale(0.7);
    }
} @keyframes fipa {
    0% {
        transform:  rotateY(0);

    }

    40% {
        transform:  translateZ(150px) rotateY(170deg);
    }

    50% {
        transform: translateZ(150px) rotateY(190deg) scale(1);
    }

    80% {
        transform: rotateY(360deg) scale(.95);
    }

    100% {
        transform:  scale(1);
    }
}
    /*@keyframes rott{
   0% {
        transform: rotate(0) scale(1);
        -webkit-transform: rotate(0) scale(1);
        -moz-transform: rotate(0) scale(1);
        -o-transform: rotate(0) scale(1);
    }
    50%{
        transform: rotate(180deg) scale(1.2);
        -webkit-transform: rotate(180deg) scale(1.2);
        -moz-transform: rotate(180deg) scale(1.2);
        -o-transform: rotate(180deg) scale(1.2);
    }
    100% {
        transform: rotate(360deg) scale(1);
        -webkit-transform: rotate(360deg) scale(1);
        -moz-transform: rotate(360deg) scale(1);
        -o-transform: rotate(360deg) scale(1);
    }
}*/
    #loadMasterone, #loadMappinx {
    width: 150px;
    height: 150px;
    border-radius: 150px;
    top: calc(50% - 75px);
    left: calc(50% - 75px);
    z-index: 101;
    background-color: white;
    background-size: 126px;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
} #loadMappinx {
    display: block;
    z-index:0;
} #loadVuoto, #NessunaFoto, #vuotoPer, #vuotoFer, #boxT, #NessunMex, #loadVuotoGR {
    overflow-wrap: break-word;
    width: 400px;
    height: 84px;
    position: absolute;
    left: calc(50% - 200px);
    top: calc(50% - 42px);
} #NessunMex, #NessunaFoto {
    display: none;
} #NessunDip, #NessunDipGru, #NessunDipInd, #NessunaNot, #GruppLSel, #NessunDipCat, #NessunDipAza {
    position: absolute;
    left: calc(50% - 100px);
    top: calc(50% - 55px);
    overflow-wrap: break-word;
    display: none;
    width: 200px;
    height: 115px;
}
    /*#NessunDipGru, #NessunDipInd {
    top: calc(50% + 10px);
}*/
    #NessunDipCat {
    top: calc(50% - 20px);
} .colDescrMobile {
    display: none;
    margin-top: 15px;
} .colDescrMobile .textH4 {
        margin: 0;
    } @media screen and (max-width: 1200px) {
    .cardRisultati {
        margin: 9px 15px 5px 19px;
    }
} @media screen and (max-width: 993px) {
    .textH4 {
        font-size: 20px;
    }

    .itemsRicerca {
        font-size: 13px;
    }
    .colSFotto .itemsRicerca {
        font-size: 11px;
    }

    .cardRisultati {
        width: 100px;
        height: 140px;
        margin-left: 14px;
        margin-right: 14px;
    }

    .cardImgRisultati {
        width: 70px;
        height: 70px;
        border-radius: 11px;
    }

    .boxCard {
        width: 385px;
    }
} @media screen and (max-width: 768px) {
    input[fotid]{
        display:none!important;
    }

    /*#NessunDip {
        top: 50%;
    }*/
    .colSelectContent {
        height: 390px;
    }
    .colDescrMobile {
        display: block;
    }

    .textH4 {
        font-size: 25px;
    }

    .colDescr {
        display: none;
    }

    .colSelect {
        height: 460px;
    }

    .colCard {
        height: 100%;
        min-height: 250px !important;
        margin-bottom: 80px;
        padding: 0 15px 15px 15px;
    }
    .colFotoApprMob.colCard {
        height: 100%;
    }

    .colSFotto .cListRicerca {
        height: 245px;
    }
    .listgruppricerca {
        height: 200px!important;
    }

    .colRisultati {
        padding: 0 !important;
        margin: 0 !important;
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .colRicerca {
        margin: 0 !important;
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .boxCard {
        width: 99%;
        height: 100%;
    }

    #loadVuoto {
        width: 70%;
        left: calc(50% - 35%);
    }
    .rowColInterne {
        padding: 30px 15px 25px 15px !important;
    }

    .cardRisultati {
        width: calc(100% / 3);
        margin: 0;
        box-shadow: none;
        border: 0;
    }

    .cardBodyRisultati {
        display: none;
        margin-top: -5px;
    }

    .cardImgRisultati {
        width: 90%;
        height: 90%;
        background-color: #fff;
        padding: 8px 8px 8px 8px;
        margin: 0;
        box-shadow: 0 1px 4px rgba(36,36,36,.3);
        border: 2px solid rgba(0, 0, 0, 0.18) !important;
    }

    .btnImgModal {
        width: 100px;
    }
} #ModalImg {
    background-color: rgba(0,0,0, 0.8);
    position: fixed;
    z-index: 200;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    display: none;
} .rowModalImg {
    height: 100%;
} .containerImgModal {
    margin: 0 auto;
    width: 250px;
    height: 350px;
} .imgModal {
    height: 250px;
    width: 250px;
} .containerbtnImgModal {
    width: 100px;
    margin: 0 auto;
    margin-top: 20px;
}
    /* Foto da Approvare */
    .noMFotoApr{
    font-size: 10px !important;
    padding-top: 9px !important;
} .noDFotoApr {
    font-size: 13px !important;
    padding-top: 0px !important;
} .noDDFotoApr {
    font-size: 10px !important;
    padding-top: 0px !important;
} .carAltrFot {
    width: 200px;
    height: 285px;
    margin: 5px 14px 15px 14px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
} .carAltrFot img {
    margin: auto;
} .containerMFotoApr {
    position: relative;
    margin: auto;
    /*border: 2px solid red; mettere padding*/
    width: 100%;
    max-width: 1200px;
} .cardTitleAppr {
    font-size: 15px;
    min-height: 18px;
    max-width:180px;
    margin-bottom: 12px;
} .cardAppr {
    width: fit-content;
    height: fit-content;
    padding: 10px;
    border-radius: 20px;
    user-select: none;
    -webkit-user-select: none;
} .cardRisultati:last-child{
    margin-bottom: 60px;
} .cardImgAppr {
    width: 180px;
    height: 180px;
} .colFotoAppr {
    padding: 4px 0;
    border-radius: 30px;
} .boxFotoAppr {
    /* width: calc( 100% - 16px );
    text-align: center;
    overflow: hidden;*/
    display: grid;
    grid-template-columns: repeat(5,auto);
    row-gap: 20px;
    padding: 10px 0 10px 0;

} .gridoFoto {
    position:relative;
    text-align: center;
    display: flex;
    justify-content: center;
} .gridoFoto.pada {
    padding:20px;
} .gridoFoto.pada .loada {
        width: 100%;
        height: 100%;
        min-height: 200px;
    } .gridoFoto > .cardRisultati {
        margin: 0 !important;
    } .cBoxSAppr {
 /*   overflow: hidden;*/
}
    /*@media screen and (min-width: 1200px) {
    .colFotoAppr {
        padding: 15px 0 15px 10px;
    }
}*/
    @media screen and (max-width: 1199px) {
    .cBoxSAppr {
       overflow: auto;
    }
    .boxFotoAppr {
        width: 100%;
    }
    .boxFotoAppr {
        display: grid;
        grid-template-columns: repeat(4,auto);
        row-gap: 20px;
        padding: 10px 0 10px 0;
    }
} @media screen and (max-width: 980px) {
    .boxFotoAppr {
        grid-template-columns: repeat(3,auto);
    }
} @media screen and (max-width: 768px) {
    .checkbox {
        top: 5px !important;
        right: 5px !important;
    }
    .checkD-None {
        top: 5px !important;
        right: 5px !important;
    }

    .cardBodyRisultatiAppr {
        display: block !important;
    }
    .cardRisultati:last-child {
        margin-bottom: 0;
    }
    .cardImgAppr {
        width: 90%;
        height: 90%;
        border-bottom: 0 !important;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        box-shadow: 0 0 0 rgba(36,36,36,.3) !important;
        border-bottom: 0 !important;
    }
    .cardTitleAppr {
        width: 90%;
        height: 32px;
        margin: 0 auto;
        border-bottom-left-radius: 11px;
        border-bottom-right-radius: 11px;
        box-shadow: 0 0 0 rgba(36,36,36,.3) !important;
        border: 2px solid rgba(0, 0, 0, 0.18) !important;
        border-top: 0 !important;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .cardAppr {
      /*  width: calc(100% / 2);
        margin: 0;
        box-shadow: none;
        border: 0;
        padding-top: 15px;
        padding-bottom: 15px;*/
    }
    .containerbtnImgModalAppr {
        width: 181px;
        margin: 0 auto;
        margin-top: 10px;
    }
    .btnModalElimina, .btnModalApprova {
        width: 85px;
    }
    .sel{
        display: none !important;
    }
} @media screen and (max-width: 520px) {
    .boxFotoAppr {
        grid-template-columns: repeat(2,auto);
    }
} .cardRisultati .erocont {
    position: absolute;
    height: fit-content;
    left: 0;
    top: 0;
    margin: 10px;
    color: white;
    background-color: #ff0000a1;
    border-radius: 10px 10px 0 0;
    text-shadow: darkseagreen;
    text-shadow: 0px 0px 9px rgb(0 0 0);
    font-weight: 600;
} .cardRisultati .erocont:empty {
    display: none !important;
} .cardRisultati.loada:before {
    content: "\f3f4" !important;
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 50px;
    animation: gira 600ms infinite linear;
    z-index: 1;
    color: white;
} @keyframes gira{
    from{transform:rotate(0);}
    to{transform:rotate(360deg);}
} .cardRisultati.loada:after {
    content:"";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(128, 128, 128, 0.56);
    border-radius:18px;
} .nameModalAppr {
    color: #fff;
    text-align: center;
    width: 100%;
} .btnAprGroup {
    position: relative;
    width: 100%;
    margin: 0 auto;
    display: flex;
    gap: 10px;
} .btnApr {
    height: 42px;
    font-size: 15px !important;
    font-weight: 600;
    width: 100%;
    color: #fff !important;
    outline-width: 0 !important;
    padding: 0;
    transition: transform 100ms ease-in-out;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    border: 0;
} .btnDis {
    opacity: 0.7;
    pointer-events: none;
} .btnApr:first-child{
    background-color: rgba(220, 53, 69, 0.9) !important;
    border-color: #dc3545;  
} .btnApr:active {
        transform: scale(.95);
    } .btnApr:last-child {
    background-color: rgba(40, 167, 69, 0.9) !important;
    border-color: #28a745;
} .rowControllAppr .btnAprGroup {
    gap: 10px;
} .rowControllAppr .btnAprGroup .btnApr {
        height: 50px;
    } #btnMulti {
    margin-left: 10px;
} .btnAprM {
    width: fit-content;
    padding: 0 15px;
    border-radius: 14px;
    position: relative;
} #btnMulti {
    display: none;
} .transAll {
    -webkit-transition: all 400ms !important;
    transition: all 400ms !important;
} #descrFotoAprr {
    width:290px;
    margin-left:auto;
    margin-right: auto;

} .btnApprFix {
    position: fixed;
    z-index: 97;
    right: -100px;
    border-radius: 100% !important;
    width: 65px;
    height: 65px;
    color: #fff;
    font-size: 26px;
    outline-width: 0 !important;
    padding: 0px;
} .btnApprFix:first-child {
        bottom: 20px;
        background-color: rgba(40, 167, 69, 0.9);
        border: 2px solid #28a745;
    } .btnApprFix:first-child:active {
            background-color: white;
            color: rgba(25,102,25,1);
        } .btnApprFix:last-child {
        bottom: 95px;
        background-color: rgba(220, 53, 69, 0.9);
        border: 2px solid #dc3545;
    } .btnApprFix:last-child:active {
            background-color: white;
            color: rgba(128,0,0,1);
        } .colFotoApprMob {
    overflow: hidden !important;
}
    /* Layout */
    .FootErContainer {
    position: fixed;
    z-index: 98;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
} .FootEr {
    position: relative;
    margin-bottom: 10px;
    padding: 8px 14px;
    color: #fff;
    font-size: 15px;
    border-radius: 15px;
    background-color: rgba(36,36,36,.9);
    text-align: center;
    margin-right: 10px;
    margin-left: 10px;
} .FootEr:after{
        content: var(--str_footer);

    } .FootEr span {
        color: lightskyblue;
    } .Badge {
    min-width: 34px;
    display: inline-block;
    padding-top: 0.35em;
    padding-bottom: 0.45em;
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
    font-size: 80%;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    color: #fff;
    background-color: var(--nav1_color);
} .BadgeAppr {
    position: relative;
    float: left;
    margin-right: 4px;
} .BadgeAppr:empty {
        background: transparent !important;
        margin-right: -3px !important;
    } .BadgeAppr:empty::after {
            content: "Nessuna ";
            font-weight: 400;
            text-shadow: none;
            font-size: 18px;
            color: #363636;
        } @media screen and (max-width: 768px) {
    .BadgeAppr {
        font-size: 18px;
    }

    #contnot .BadgeAppr {
        padding: 4px 8px 4px 8px;
    }
    .active {
        padding-left: 13px !important;
    }
    #contbandiere{
        display: none;
    }
} .HamBurgerNot {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: var(--main_color);
    position: absolute;
    top: -8px;
    right: -8px;
    animation: pulse 2s infinite;
    display: none;
} @keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(0,0,0,0.1);
        box-shadow: 0 0 0 0 rgba(0,0,0,0.22);
    }

    70% {
        -moz-box-shadow: 0 0 13px 6px rgba(0,0,0,0.1);
        box-shadow: 0 0 13px 6px rgba(0,0,0,0.1);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(0,0,0,0.1);
        box-shadow: 0 0 0 0 rgba(0,0,0,0.1);
    }
} @-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.1);
    }

    70% {
        -webkit-box-shadow: 0 0 13px 6px rgba(0,0,0,0.1);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.1);
    }
} .BarrNav {
    border-radius: 30px;
    width: 3px !important;
    height: 30px;
    border: 0.5px solid rgba(119,136,153, 0.15);
    background-color: var(--nav2_color) !important;
} .dropdown-menu.show {
    display: block;
    background-color: var(--nav2_color) !important;
    border: 3px solid var(--main_color)!important;
} .dropdown-item:hover {
    color: white !important;
    background-color: var(--main_color) !important;
} .dropdown-item:focus {
    color: darkblue !important;
    background-color: var(--bglight_color) !important;
} .alertBox {
    width: 100%;
    height: 50px;
    position: fixed !important;
    z-index: 1111 !important;
    display: none;
} .rowHeaderMaster {
    width: 100%;
    background-color: #fff;
} .imgLogo {
    width: 250px;
    height: 74px;
    background: var(--logo_main) no-repeat;
    background-size: 50%;
    background-position: left;
    margin-left: 25px;
} .navBarLayout {
    background-color: var(--bglight_color);
    padding: 0;
} .containerNomeAzienda {
    margin: 0 auto;
    margin-top: 10px;
} .rowNomeAzienda {
    background-color: var(--bglight_color);
    width: 100%;
    margin: 0 !important;
} .rowHeader {
    width: 100%;
} .ulNavBar {
    background-color: #d7ecfb;
    border-radius: 11px;
    position: absolute !important;
    right: 10px !important;
} .navbar-brand {
    position: relative;
} @media screen and (max-width: 1350px) {
    .navbar-brand {
        transform: scale(0.8);
        left: -30px;
    }
} @media screen and (max-width: 1275px) {
    .ulNavBar {
        font-size: 14px;
    }
    #notifichina {
        right: 7px;
    }
    #c_not_pulse {
        right: 45px !important;
    }
} @media screen and (max-width: 1185px) {
    .navbar-brand {
        transform: scale(0.7);
        left: -45px;
    }
    .ulNavBar {
        font-size: 12px;
    }
    #notifichina {
        width: 9px;
        height: 9px;
    }
    #c_not_pulse {
        width: 9px !important;
        height: 9px !important;
        right: 41px !important;
    }
} @media screen and (max-width: 1065px) {
    .navbar-brand {
        transform: scale(0.60);
        left: -56px;
    }
    .ulNavBar {
        font-size: 11px;
    }
    #c_not_pulse {
        right: 39px !important;
    }
} @media screen and (min-width: 992px) {
    .imgLogo {
        /*transform: scale(0.8);*/
    }
    .ulNavBar {
        display: flex;
        align-items: center;
    }

    .colNavBar {
        position: absolute !important;
        float: right;
        right: 5px;
    }

} @media screen and (max-width: 992px) {
    .imgLogo {
        left: 0;
        top: 7px;
        width: 150px;
        height: 46px;
        margin: 0;
        background-position: center;
        background-size: 65%;
        position: relative;
    }
    .navbar-brand {
        position: relative;
        top: 0px;
        left: unset;
        transform: unset;
        margin: 0 auto;
    }

    .ulNavBar {
        position: relative !important;
        left: 0 !important;
        right: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top:13px;
        font-size: 16px;
    }
    .navbar-collapse.navBarLayout.collapse.show#navbarSupportedContent {
        padding-bottom: 2px;
    }
    .navBarLayout {
        padding-bottom: 13px;
    }
    .colNavBar {
        position: relative !important;
        left: 0 !important;
        right: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .nav-link {
        margin-left: 15px;
    }

    .rowHeader {
        position: relative !important;
        left: 0 !important;
        right: 0 !important;
        width: calc(100% - 30px);
        margin: 0 15px !important;
    }

    .BarrNav {
        width: 0 !important;
        height: 0 !important;
        border: 0 !important;
        background-color: transparent;
    }
} #errmsg {
    color: red;
}
    /** -------- css gestione turni rotativi ---------*/
    .coltur {
    height: 1135px !important;
    margin-bottom: 150px;
} .colCard.coltur{
    padding-bottom: 15px;
} .colturl {
    height: calc(100% - 156px ) !important;
} #tabellaTurniRot {
    height: 34px;
    width: 100%;
    margin: 0 auto;
    /*transform: scale(0.6);*/
    /*border: 2px solid var(--main_color);*/
} .cellor {
    height: 30px;
    border: 0;
    margin: 0;
    padding: 0;
    min-width: calc(100% / 287);
    width: calc(100% / 287);
    float: left;
    /*-webkit-transition: width .3s;
    transition: width .3s;*/
} .cellor_old{
    height: 30px;
    border: 0;
    margin: 0;
    padding: 0;
    min-width: 6px;
    float: left;
}
    /*.info_box_turni_tab{
    width: 481px !important;
}
    .info_box_turni_tab .cellor {
        min-width: 1.67px;
    }
    .info_box_turni_tab .cellor_old {
        min-width: 5px;
    }*/
    .arrow_box, .arrow_boxx {
    position: absolute;
    z-index: 98;
    background-color: var(--main_color);
    color: #fff;
    border: 3px solid var(--nav2_color);
    border-radius: 8px;
    height: 30px;
    width: 60px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
} .arrow_box:after, .arrow_box:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    } .arrow_box:after {
        border-top-color: var(--main_color);
        border-width: 10px;
        margin-left: -10px;
    } .arrow_box:before {
        border-top-color: var(--nav2_color);
        border-width: 14px;
        margin-left: -14px;
    } .arrow_boxx:after, .arrow_boxx:before {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    } .arrow_boxx:after {
        border-bottom-color: var(--main_color);
        border-width: 10px;
        margin-left: -10px;
    } .arrow_boxx:before {
        border-bottom-color: var(--nav2_color);
        border-width: 14px;
        margin-left: -14px;
    } .colorpicker {
    display: none;
    border-radius: 300px;
    width: 150px;
    height: 150px;
    position: absolute;
    top: calc( 50% - 72px );
    left: calc( 50% - 75px );
} #picker {
    cursor: crosshair;
    border: 0;
    position: absolute;
    right: 0;
} .colowWheelBtn {
    background-color: #363636;
    height: 50px;
    width: 90%;
    margin: 0 auto;
    margin-top: 5px;
    border: 2px solid #363636 !important;
    border-radius: 11px;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.22) !important;
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.22) !important;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.22) !important;
    padding-top: 6px;
    font-weight: 500;
    font-size: 20px;
} .coltur .colSelectContent{
    height: 100% !important;
} .colturl .itemsRicerca {
   padding-right: 8px !important;
} .btnMainLarge {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 3px solid var(--btn3_color);
    color: #fff;
    background-color: var(--btn3_color);
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 10px;
    width: 100%;
    margin-top: 15px !important;
    height: 48px;
    outline: none !important;
    font-weight: 500;
    transition: var(--an_active);
    cursor: pointer;
    padding: 0 15px;
}
    /*.btnMainLarge:hover {
        background-color: #fff;
        color: var(--btn3_color);
    }*/
    .btnMainLarge:active, .btnMainThin:active{
        transform: var(--sc_active);
    } .btnMainLarge:last-child {
        margin-top: 8px !important;
    } #btnMainLargeOnly {
        margin-top: 15px !important;
    } @media screen and (max-width: 768px) {
    /*.btnMainLarge:hover {
        color: #fff;
        background-color: var(--btn3_color);
    }*/
    .btnMainLarge:last-child {
        margin-top: 8px !important;
    }

    /*.btnMainLarge:active {
        background-color: #fff;
        color: var(--btn3_color);
    }*/
}
    /** -------- FINE css gestione turni rotativi ---------*/
    /* Login */
    .btnMainThin {
    display: inline-block;
    user-select: none;
    border: 0;
    color: #fff;
    background-color: var(--btn3_color);
    font-size: 15px;
    border-radius: 8px;
    width: 80px;
    margin-top: 10px;
    height: 38px;
    outline: none !important;
    font-weight: 500;
    transition: var(--an_active);
    cursor: pointer;
} .btnMainThin:first-child {
        margin-right: 5px;
    } .colLogin .btnMainThin {
    margin-top: -5px;
} .reseet {
    background-color: #dddddd;
    color: #363636;
    text-align: center;
    padding:0;
} .textLogin {
    height: 35px;
    text-align: left;
    margin-bottom: 0;
    color: #363636;
    font-weight: 500;
} .colLogin {
    width: 515px;
    height: 376px;
    margin: 0 auto;
    position: relative;
    min-height: 1px;
    padding: 15px;
    -webkit-transition: height 400ms !important;
    transition: height 400ms !important;
} .colLogin hr {
    margin-top:10px;
    margin-bottom: 8px;
} .colLogin .form-group {
        margin-bottom: 22px;
    } .inputLogin{
    font-size: 16px !important; 
} .RimaniConnesso {
    color: #363636;
    font-size: 11px;
    -ms-flex: 0 0 36%;
    flex: 0 0 36%;
    max-width: 36%;
    padding: 5px !important;
    position: relative;
} .BottoniLogin {
    -ms-flex: 0 0 64%;
    flex: 0 0 64%;
    max-width: 64%;
} .colBot{
    position: absolute;
    right: 15px;
} .modal-footer {
    padding: 0 !important;
} .toggleLogin {
    transform: scale(0.4) !important;
    padding: 0 !important;
    margin: 0 !important;
} .toggleContainer {
    position: absolute;
    left: 76px;
    top: -15px;
} input[type='checkbox']:checked ~ .tLog {
    left: 60px !important;
} .RimaniConnesso span {
    position: absolute;
    width: 98px;
    left: 15px;
    font-weight: 600;
} .rowLogin{
    margin-top:32px !important;
} .rowMasterLogin {
    /*position: absolute;*/
    left: 0;
    width: 100%;
} .containerLoginM {
    display: flex;
    align-items: center;
    /*height: calc( 100% - 200px ) !important;*/
    width: 100% !important;
    position: absolute !important;
    top: calc(50% - 170px);
} @media screen and (max-width: 768px) {
    .colLogin {
        -ms-flex: 0 0 90%;
        flex: 0 0 90%;
        max-width: 90%;
    }
    .btnMainThin {
        width: 70px;
    }
} @media screen and (max-height: 600px) {
    .containerLoginM {
       padding-bottom: 120px;
       top: 150px;
    }
} #spanRecPass{
    font-size: 12px;
    color: var(--main_color);
    float:right;
} #spanRecPass:hover { color: #000f1a; } #spanRecPass:active { color: var(--nav2_color); } .borderBox {
    border: 5px solid var(--bglight_color);
} #boxUserLog{
    margin-bottom: 2px;
} #DimenticataContent { display: none; }
    /* Gruppi di Lavoro*/
    .containerMGrupLav {
    margin: 0 auto;
    max-width: 1140px;
} .colSelRGrup .cListRicerca {
    height: 436px;
} .legend_thin{
    width: 90%;
    font-size: 20px;
    margin-bottom: 0 !important;
} .rowImp .colAggiungi{
    padding:0 !important;
} .btnAssResp, .respGruCerca {
    height: 50px;
    width: 120px;
    /*margin: 0 auto;*/
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: calc( 100% - 120px );
} .labLeft{
    text-align: left;
    padding-left: 3px;
    margin-bottom: 0;
    margin-top: 10px;
}
    /*#divgruppo .colAggiungi {
    padding-bottom: 20px;
}*/
    .removeResp {
    position: relative;
    margin-left: 10px;
    color: rgba(255, 77, 77, 1);
    background-color: #fff;
    font-size: 19px;
    border-radius: 100%;
    height: 16px;
    width: 16px;
    top: 3px;
    cursor: pointer
} .removeResp:before {
        position: relative;
        left: -2px;
        top: -2px;
    } .removeResp:active {
        transform: scale(0.85);
    } .removeRespTur {
    /*color: rgb(144, 0, 0);*/
    color: rgb(242, 72, 72);
    font-size: 28px;
    height: 24px;
    width: 24px;
    top: 14px;
    position: absolute;
    right: 9px;
} #turnonegrup ~ .removeResp {
    position: absolute;
    height: 20px;
    width: 20px;
    font-size: 24px;
    top: 30px;
    right: 30px;
} .respBox {
    border-radius: 7px;
}
    /*.respGruCerca {
    padding-top: 5px;
}*/
    .textWhite {
   color: var(--bglight_color) !important;
   text-shadow: none !important;
   margin: 0;
   margin-top: 10px;
} #nottina{
    text-align:center;
    font-size: 16px;
} .cont_BtnDipGrup{
    height: 50px;
    width: 40px;
} .cont_BtnDipGrup ~ span {
        text-align: center;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        height: 50px;
        padding: 3px;
        padding-top: 0;
        width: calc( 100% - 40px );
    } .listGruppp .itemsRicerca {
    padding: 3px;
    position: relative;
} .listgruppricerca {
    height: 445px;
} .BoxRisGrupp {
    padding: 5px 5px 0 5px;
} .opt_load {
    position: absolute;
    height: 35px;
    width: 35px;
    top: 50px;
    right: 20px;
    background-image: url(../Image/c.gif);
    background-position: center;
    background-size: 220% auto;
    display: none;
} .opt_load.newu {
        top: 7px;
        right: 15px;
        background-image: unset;
        font-family: "Font Awesome 5 Pro";
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
    } .opt_load.newu:before {
            content: "\f3f4" !important;
            height: 100%;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            animation: spin 800ms linear infinite;
        } #turnonegrup {
    text-align: center;
    font-size: 22px;
    margin-top: 15px;
} .infoboxcentro {
    left: calc(50% - 255px);
    top: calc(50% - 159px);
} .infoboxcentro:after {
        display: none;
    } .rowScrollyy {
    height: 50px;
    overflow: hidden;
    position: relative;
} .scrollyy {
    width: 100% !important;
    overflow: scroll;
    overflow-y: hidden;
    position: relative;
    height: calc(100% + 50px);
    padding-bottom: 50px;
    padding-top: 5px;
    -webkit-overflow-scrolling: touch;
} #listappp {
    margin: 0px !important;
    padding: 0 !important;
    height: 50px !important;
    display: none;
} #listappp > li {
        margin: 0 !important;
        height: 40px;
        width: 110px;
        display: inline-flex !important;
        float: left !important;
    } .sfoca {
    background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));
    height: 50px;
    width: 37px;
    position: absolute;
    pointer-events: none;
    background-color: transparent;
} #frammaSx {
    top: 4px;
    left: 0px;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    display: none;
} #frammaDx {
    top: 4px;
    right: 0px;
    display: none;
} #frammaSx .fraccia {
    position: absolute;
    -webkit-transform: rotate(-90deg) scale(0.65);
    -moz-transform: rotate(-90deg) scale(0.65);
    -o-transform: rotate(-90deg) scale(0.65);
    -ms-transform: rotate(-90deg) scale(0.65);
    transform: rotate(-90deg) scale(0.65);
    top: 7px;
    right: 0px;
} #frammaDx .fraccia {
    position: absolute;
    -webkit-transform: rotate(-90deg) scale(0.65);
    -moz-transform: rotate(-90deg) scale(0.65);
    -o-transform: rotate(-90deg) scale(0.65);
    -ms-transform: rotate(-90deg) scale(0.65);
    transform: rotate(-90deg) scale(0.65);
    top: 0px;
    right: 0px;
} #loadTurniY {
    position: absolute;
    height: 50px;
    width: 50px;
    right: calc( 50% - 25px );
    background-image: url(../Image/c.gif);
    background-position: center;
    background-size:280% auto;
    display: none;
} #btnEliminaMobvv {
    background-color: rgba(220, 53, 69, 0.9);
    border: 2px solid #dc3545;
} @media screen and (max-width: 1124px) {
    .containerMGrupLav .legend_thin {
        font-size: 16px;
    }
} @media screen and (max-width: 992px) {
    /*.showDipGrup {
        padding-top: 2px;
    }*/

    .btnAssResp, .respGruCerca {
        margin-left: unset;
        width: 100%;
        font-size: 14px;
    }

    .containerMGrupLav .legend_thin {
        font-size: 14px;
    }

    #turnonegrup ~ .removeResp {
        top: 11px;
        right: 12px;
    }
} @media screen and (max-width: 860px) {
    .containerMGrupLav .legend_thin {
        font-size: 11px;
    }
    .colSelRGrup .cListRicerca .itemsRicerca span {
        font-size: 10px
    }
} @media screen and (max-width: 768px) {
    .colSelRGrup .cListRicerca .itemsRicerca span {
        font-size: 13px
    }
    .colSelRGrup .cListRicerca{
        height: 190px;
    }
    .showDipGrup:hover {
        background-color: #213542 !important;
        color: white !important;
    }

    #divgruppo .colAggiungi .inputmain {
        font-size: 12px;
    }
    .tree ul.vertical li:first-child::before {
        height: 21px !important;
    }

    .tree ul.vertical li::before {
        height: 38px !important;
    }
    .BoxRisGrupp {
        padding: 5px 5px 0 5px !important;
    }
    .btnAssResp {
        font-size: 10px;
        padding-top: 5px;
        padding-left: 5px;
    }
    #turnonegrup ~ .removeResp {
        top: 30px;
        right: 30px;
    }
    #turnonegrup{
        font-size: 22px;
    }
}
    /* Recupera PassWord */
    /* IT */
    .debole { background-color: red !important; } .ok { background-color: lightgreen !important; } .normalee { background-color: orange !important; } .error { background-color: black !important; } .debole:after { content: 'Debole' !important; } .ok:after { content: 'Ottima' !important; } .normalee:after { content: 'Normale' !important; } .error:after { content: 'Non Valida' !important; }
    /* EN */
    .deboleen { background-color: red !important; } .oken { background-color: lightgreen !important; } .normaleeen { background-color: orange !important; } .erroren { background-color: black !important; } .deboleen:after { content: 'Weak' !important; } .oken:after { content: 'Strong' !important; } .normaleeen:after { content: 'Good' !important; } .erroren:after { content: 'Not Valid' !important; }
    /* PL */
    .slabe { background-color: red !important; } .spoko { background-color: lightgreen !important; } .normalne { background-color: orange !important; } .blond { background-color: black !important; } .slabe:after { content: 'Słabe' !important; } .spoko:after { content: 'Mocne' !important; } .normalne:after { content: 'Normalne' !important; } .blond:after { content: 'Nieprawidłowe' !important; }
    /* Area Per :After */
    /* IT */
    .nodisp { background-color: red !important; } .disp { background-color: lightgreen !important; } .nodisp:after { content: 'Non Disponibile' !important; } .disp:after { content: 'Disponibile' !important; }
    /* EN */
    .nodispEN { background-color: red !important; } .dispEN { background-color: lightgreen !important; } .nodispEN:after { content: 'Not Available' !important; } .dispEN:after { content: 'Available' !important; }
    /* PL */
    .nodispPL { background-color: red !important; } .dispPL { background-color: lightgreen !important; } .nodispPL:after { content: 'Niedostępne' !important; } .dispPL:after { content: 'Dostępne' !important; } .rpDel, .rpOk {
    margin-top: 30px;
    font-size: 35px;
} .rpDel {
    color: red;
} .rpOk {
    color: green;
} #recPassBox {
    height: 235px;
    padding: 15px;
} #passRegCirc{
    height: 30px;
    width: 30px;
    border-radius: 30px;
    background-color: black;
    margin: 0 auto;
} #passRegCirc:after {
    content: '';
    position: relative;
    top:35px;
    left:-35px;
    display: block;
    color: black;
    background-color: white;
    width: 100px;
    text-align: center;
    height: 23px;
    border-radius: 3px;
    font-size: 14px !important;
    font-weight: 600;
} @media screen and (max-width: 966px) {
    #recPassBox .inputmain, #recPassBox .labelText {
        font-size: 1.1rem;
    }
} @media screen and (max-width: 768px) {
    #recPassBox {
        height: 220px;
    }
    .col9Mobile {
        -ms-flex: 0 0 75% !important;
        flex: 0 0 75% !important;
        max-width: 75% !important;
    }
    .col2Mobile {
        -ms-flex: 0 0 16.666667% !important;
        flex: 0 0 16.666667% !important;
        max-width: 16.666667% !important;
    }
    #recPassBox .inputmain, #recPassBox .labelText {
        font-size: 0.8rem;
    }
    #recPassBox .btnMain {
        width: 100%;
        font-size: 17px;
    }
    #recPassBox .col2Mobile{
        padding-left: 0;
    }
} @media screen and (max-width: 350px) {
    #recPassBox .col9Mobile {
        padding-left: 0;
        padding-right: 23px;
    }
    #recPassBox .labelText {
        font-size: 14px;
    }
    #recPassBox .btnMain {
        font-size: 14px;
    }
}
    /* Personale*/
    .containerMPersonale {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
} #maireg {
    text-align: center;
    pointer-events: none;
}
#nessMailAbb strong {
    color: #F71818;
    margin-left: 5px;
} #nessMailAbb .inputmain {
    border-color: #F71818;
    color: #FF3232;
} #giaAbb strong {
    color: #73D63E;
    margin-left: 5px;
} #giaAbb .inputmain {
    border-color: #73D63E;
    color: #90D66B;
} #masterinone {
    height: 100%;
    width: 100%;
    text-align: center;
    padding: 30px 15px 15px 15px;
    display: none;
} #masterinone .colAggiungi{
    padding-bottom: 0;
} #masterinone .persoinf {
    right: 22px;
} #masterinone .row{
   margin-bottom: 30px;
} #inpuCodAcc{
    font-size: 24px;
    display: inline-block;
    text-align: center;
} .boxRis {
    text-align: center;
    width: 100%;
    overflow: auto;
    margin: 0 auto;
    padding: 15px 15px 0 15px;
} .colPersonaRis{
    padding: 0 15px 15px 15px;
    height: 750px;
} .colSelect.colSelRPersonale{
    height: 750px;
} .colPersonaRisBoxS {
    overflow-x: hidden;
} .colPersonaRisBoxS fieldset {
        padding-bottom: 5px;
        border-radius: 11px 11px 25px 25px;
    } #btnelimi, #newwdip, #btnattivi {
   margin-top:0 !important;
   display: flex;
   width: 100%;
   align-items: center;
   justify-content: center;
} .btnMainLarge.nascosto {
    display: none !important;
} .wrapMultiBtnLarge {
    display: flex;
    margin-top: 15px;
} #newwdip {
    float: right;
} .fotonomediv {
    background-color: var(--main_color);
    color: #fff;
    border: 3px solid var(--nav2_color);
    border-radius: 25px;
    padding-left: 0 !important;
    height: unset;
    display: flex;
    align-items: center;
} .newInputStyle .fotonomediv {
    margin-bottom: 16px;
} #fotoctr {
    height: 180px;
    width: 180px;
    border-radius: 11px;
    padding: 2.5px 3px 3px 3px;
    position: absolute;
    left: 0;
}
    /*Sini*/
    #imgpers {
    position: relative;
}
    /*Destr*/
    .TextNPMobile {
    width: 100%;
    margin-left: 5px;
    margin-right: 5px;
} #imgpers img {
    border-radius: 25px;
    padding: 10px;
    position: relative;
} .fotonomediv span {
    font-size: 30px;
} .colSelRPersonale .cListRicerca {
    height: calc(100% - 223px);
    overflow: hidden !important;
} .colSelRPersonale .colSelectContent {
    height: 100%;
} .colPersonaRisBoxS #contpers {
    padding: 16px 0 70px 0;
} .fieldAssPpers {
    height: 218px;
} #dtcontratto .inputmain{
    font-size: 13px !important;
} @media screen and (max-width: 1200px) {
} @media screen and (max-width: 992px) {
    .fotonomediv span {
        font-size: 20px;
    }
    .containerMPersonale {
        max-width: 1100px;
    }
} @media screen and (max-width: 768px) {
    .colPersonaRisBoxS {
        height: unset;
    }
        .colPersonaRisBoxS #contpers {
            padding: 16px 0 16px 0;
        }  

    .fieldAssPpers {
       height: 202px;
       margin-top:40px !important;
       margin-bottom: 0 !important;
    }
    #codacc{
        width: 100%;
        padding: 5px;
    }
    .colPersonaRis {
        overflow: hidden;
    }
    .fotonomediv {
        height: 156px;
    }
    #fotoctr {
        height: 150px;
        width: 150px;
        left:0;
    }
    #contpers .labelText {
        font-size: 10px;
        text-shadow: none;
    }
    .fotonomediv span {
        margin-left: 0px;
    }
    .listagruppo {
        height: 160px !important;
    }
    .colSelRPersonale .cListRicerca{
        height: 196px;
    }
    .colSelRPersonale .colSelectContent {
        height: 405px;
    }
    .colSelRPersonale{
        height: 470px;
    }
    .cScrollBox {
        /*padding-right: 55px;*/
        padding-right: 50px;
        border-color: transparent !important;
    }
    .persoinf {
        right: 39px !important;
    }
    .boxRis{
        overflow: hidden;
    }
    #masterinone {
        padding: 30px 15px 15px 15px;
    }
    .colFotoAppr {
        overflow: unset;
    }
}
    /*@media screen and (max-width: 764px) {
    .fotonomediv span {
        margin-left: 145px;
    }
}*/
    @media screen and (max-width: 680px) {
    #persona .spazio80 .col6Mobile:last-child button {
        font-size: 11px;
    }
    .colPersonaRisBoxS fieldset {
        padding-bottom: 0;
    }
} @media screen and (max-width: 320px) {
    .fotonomediv span {
        font-size: 16px !important;
        margin-left: 140px;
    }
    #persona .spazio80 .col6Mobile:last-child button {
        font-size: 9px;
    }
}
    /* Gestione Turni */
    .listTurniFix .itemsRicerca {
    height: 40px !important;
} .boxTurni {
    margin: 0 5px 0 5px;
    text-align: center;
    position: relative;
    z-index: 1;
} .labelText {
    font-size: 1.2rem;
    width: 100%;
    color: var(--main_color);
    font-weight: 600;
    text-shadow: 0 0 0.4px black;
} .colAggiungi {
    border: 2px solid var(--main_color);
    background-color: var(--bglight_color);
    border-radius: 11px;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 20px;
    padding-bottom: 10px;
} legend {
    background-color: var(--main_color);
    color: #fff;
    border: 3px solid var(--nav2_color);
    border-radius: 11px;
    padding: 8px;
    margin: 0 auto;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    line-height: normal;
    text-align: center;
} .btnTurni {
    width: 100px;
    height: 40px;
    padding: 0.2rem 0.5rem 0.3rem 0.5rem;
    margin: 0 auto;
} .btnLarge {
    width: 200px;
} .rowBarra {
    width: 98%;
    margin: 0 auto;
    height: 50px;
    margin-bottom: 40px;
} .arrowLogo {
    color: white;
    user-select: none;
} .colorpicker {
    position: absolute;
    z-index: 98;
} #picker {
    position: absolute;
    z-index: 99;
} #inputGroupSelect01 {
    padding: 2px;
} .colToggle {
    border: 2px solid var(--main_color);
    border-radius: 11px;
    margin: 0 auto;
    margin-bottom: 35px;
    margin-top: 20px;
} .GestTF {
   margin-top: 10px;
} .GestTF .colToggle {
    flex: 0 0 20%;
    max-width: 20%;
} input[type='checkbox'] {
    display: none !important;
} input[type='checkbox']:checked ~ .toggle {
        background: var(--main_color);
        left: 52px;
        transition: .2s;
    } input[type='checkbox']:checked ~ .switch {
        background: var(--nav2_color);
        transition: .2s;
    } .switch {
    display: block;
    width: 100px !important;
    height: 40px !important;
    background: #939393;
    border-radius: 20px;
    position: absolute !important;
    top: 0;
    right: 0;
    transition: .2s;
} .toggle {
    height: 56px !important;
    width: 56px !important;
    border-radius: 50%;
    background: #dcdcdc;
    position: absolute !important;
    top: -8px;
    left: -8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    transition: .2s;
} .card {
    display: inline-block;
    margin: 13px;
    margin: 10px;
    width: 100px;
    height: 40px;
    border: 0;
    background-color: transparent;
    position: relative;
    transform: scale(0.5);
} .containerTurni {
    max-width: 1150px;
    margin: 0 auto;
} .colturl .itemsRicerca p {
    margin-top: 14.5px;
    margin-left: 8px;
    padding-left: 5px;
    overflow: auto;
    height: 45px;
    border-left: 2px solid var(--nav2_color);
    -webkit-overflow-scrolling: touch;
} .noBordi{
    border: 0 !important;
} .arrow_PrimoNot {
    position: relative;
} .arrow_PrimoNot::after {
        position: absolute;
        top: -23px;
        right: -10px;
        content: "";
        border-top: .3em solid transparent;
        border-right: .3em solid transparent;
        border-bottom: .3em solid transparent;
        border-left: .3em solid black;
    } .arrow_PrimoNot::before {
        position: absolute;
        height: 20px;
        width: 58px;
        border-radius: 5px;
        background-color: antiquewhite;
        top: -28px;
        left: -10px;
        color: black;
        font-weight: 500;
        font-size: 12px;
        text-align: left;
        padding-left: 6px;
    } .PrimoNotL_IT::before {
    content: 'Inizio';
} .PrimoNotL_PL::before {
    content: 'Start';
} .PrimoNotL_EN::before {
    content: 'Start';
} .PrimoNotL_PT::before {
    content: 'Inicio';
} .PrimoNotL_FR::before {
    content: 'Start';
} .descrMobNott {
    z-index: 1;
    position: relative;
    margin-bottom: 20px;
} .nottColor {
    color: antiquewhite;
} .nottinoz .labelText{
    color: antiquewhite;
} .nottinoz h6 {
    color: antiquewhite !important;
} .nottinoz .colowWheelBtn {
    border-color: antiquewhite !important;
} .nottinoz .WrapToggleLin {
    border-color: antiquewhite !important;
} .nottinoz .inputmain {
    border-color: white !important;
}
    /*.nottinoz .colAggiungi legend {
    
}*/
    .nottinoz .colAggiungi {
    border-color: #fff !important;
} .nottinoz .colAggiungi .inputmain {
        border-color: rgba(0,0,0,0.7) !important;
    } .nottinoz .colToggle {
    border-color: #fff;
    background-color: #fff;
} .nottinoz .colToggle .labelText {
        color: #363636 !important;
    } .nottinoz .btnMain {
    color: rgba(0,0,0,1) !important;
    background-color: #fff !important;
    border-color: #fff !important;
    font-weight: 500;
} .nottinoz .btnMain:hover {
        background-color: rgba(0,0,0,.2) !important;
        color: #e8f5fc !important;
    } .nottinoz .btnMain:active {
        background-color: rgba(136, 194, 232, 0.1) !important;
        color: #e8f5fc !important;
    } #sky {
    background: -webkit-linear-gradient(#00111e 30%, #033d5e);
    background: -moz-linear-gradient(#00111e 30%, #033d5e);
    background: -o-linear-gradient(#00111e 30%, #033d5e);
    background: linear-gradient(#00111e 30%, #033d5e);
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.95;
    display: none;
    border-radius: 20px;
} #vuotabar {
    height: 50px;
    width: 90%;
    margin: 0 auto;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    margin-top: 5px;
} .text_trasparent {
    color: transparent !important;
    opacity: 0;
} .wrapInfoTList {
    height: 48px;
    display: flex;
    align-items: center;
    margin-left: -20px;

} .badgeCTurn {
    width: 42px;
    border-radius: 9px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-left: 8px;
    margin-right: 8px;
} .badgeOreTurn {
    border-radius: 9px;
    border: 2px solid var(--nav2_color);
    display: inline-block;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    min-width: 78px;
    min-height: 30px;
} @media screen and (max-width: 1200px) {
    .labelText {
        font-size: 1.1rem;
    }
} @media screen and (max-width: 1100px) {
    .labelText {
        font-size: 1.1rem;
    }
} @media screen and (max-width: 966px) {
    .labelText {
        font-size: 0.8rem;
    }

    legend {
        font-size: 18px;
    }

    .inputmain {
        font-size: 11px;
    }

    .card {
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .coltur {
        height: 890px !important;
    }


    .GestTF .colToggle {
        margin-bottom: 15px;
    }
} @media screen and (max-width: 768px) {

    .nottinoz .btnMain:hover {
        color: rgba(0,0,0,1) !important;
        background-color: #fff !important;
    }

    .nottinoz .btnMain:active {
        background-color: rgba(0,0,0,.2) !important;
        color: #e8f5fc !important;
    }
    #vuotabar {
        margin-bottom: 20px;
    }
    #sky {
        border-radius: 20px;
    }
    .colturl .itemsRicerca p{
        margin-top: 16px;
    }
    .GestTF{
        margin-bottom:25px;
    }
    .colAggiungi {
        width: 100%;
    }
        .colAggiungi .inputmain {
            font-size: 15px;
            text-align: center;
        }
    #addLav1, #addLav2, #addPau1, #addPau2, .siglaTMob {
        font-size: 20px;
        text-align: center;
    }
    .arrow_PrimoNot::before {
        padding-top: 1px;
        width: 59px;
        left: -8px;
    }
    .nottinoz .rowBarra {
        margin-top: 70px;
    }
    .text_trasparent {
       width: 0;
    }
    .coltur {
        height: 421px !important;
        margin-bottom: 0px !important;
    }
    .colturl {
        height: 208px !important;
    }
    .colturnMobile {
        display: inline-block;
        position: relative;
        height: 100% !important;
        margin-bottom: 100px !important;
        overflow: hidden !important;
        clip: rect(auto, auto, auto, auto) !important;
    }
    .containerTurni {
        max-width: 100%;
    }
    .coltur .colSelectContent {
        height: 352px !important;
    }

    /*.badgeOreTurn {
        font-size: 8px;
        padding-top:1px;
    }*/
    .boxInniFinTruni {
        font-size: 20px !important;
    }
    legend{
        padding: 5px 5px 6px 5px !important;
    }
        /* DA VEDERE */
        /*#tabellaTurniRot {
            width: 288px !important;
        }

            #tabellaTurniRot .cellor {
                min-width: 1px;
            }
            #tabellaTurniRot .cellor_old {
                min-width: 3px;
            }*/
} @media screen and (max-width: 760px) {
    .col3Mobile {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 30% !important;
        flex: 0 0 30% !important;
        max-width: 30% !important;
        padding: 0 !important;
    }
    .col6Mobile {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    .col20Mobile {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 30% !important;
        flex: 0 0 20% !important;
        max-width: 20% !important;
        padding: 0 !important;
    }

    .toggleQuattUltim {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .card {
        margin: 0 auto;
    }
    .btnLarge {
        width: 100% !important;
    }
}
    /* Menu */
    .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.4);
} .containerMenu {
    padding: 16px 24px 0 24px;
    max-width: 1528px;
    margin: 0 auto;
} .multiRiga .WrapCampi {
    min-height: calc(50% - 7.5px);
    padding: 8px;
}
    /*.rowMasterMenu {
    max-width: 1150px;
    margin: 0 auto;
}

.colMenuDestrM {
    max-width: 718px !important;
}

.colMenu {
    padding: 20px;
    padding-right: 0;
    height: 760px !important;
    max-width: 380px !important;
}

.colMenuDestr {
    margin: 0;
    padding: 20px;
    height: 380px !important;
    max-width: 718px !important;
}*/
    .colCar .textH4 {
    font-size: 25px;
    margin-top: 0;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    min-height: 35px;
    height: unset;
} .colCar{
    height: 100%;
    display: none;
} .colMenScrol {
    overflow: scroll;
    overflow-x: hidden;
    padding-right: 50px;
    width: calc(100% + 66px);
    height: calc(100% - 28px);
    -webkit-overflow-scrolling: touch;
} .colMenScrol .table {
        margin-bottom: 80px;
    } .colDip {
    margin: 0;
    padding: 8px;
    padding-top: 14px;
    height: 100%;
    position: relative;
    overflow: hidden;
} .colDip th {
        border: 0 !important;
    } .colDip table {
        border-radius: 15px;
        /*border-top-left-radius: 15px;
        border-top-right-radius: 15px;*/
    } .colDip table td {
            text-align: center;
        } #bdina .col-sm-3 {
    -ms-flex: unset;
    flex: unset;
    max-width: unset;
} thead, tbody, tr {
    border: 0 !important;
} .thOraEntr {
    min-width: 120px;
} .listScad .textH4 {
    margin-bottom: 0;
    margin-top: 14px;
} .listScad .colSelectContent {
    height: 100%;
} .listScad .cListRicerca {
    margin-top: 8px;
    height: calc(100% - 65px);
    border-radius: 13px;
    border-width: 2px;
} .listScad .itemsRicerca {
    padding: 0;
    padding: 5px 5px 0 5px;
    overflow: hidden;
    height: unset;
    max-height: unset;
    margin-bottom: 0;
    font-size: 16px !important;
    /*background-color: var(--bgpopup_color);*/
    pointer-events: none; /* ---- */
} .listScad .cong {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 48px);
    padding-right: 5px;
} .listScad span {
    width: 100%;
    background-color: antiquewhite;
    margin-bottom: 5px;
    padding: 4px 8px;
    text-align: center;
    border-radius: 4px;
} .listScad .itemsRicerca i {
    height: 106px;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    font-size: 20px;
    margin-bottom: 5px;
    border-radius: 4px;
}
    /*.colDip #altriCfotoRic {
    bottom: 60px;
}*/
    /*#bdina tr:last-child {
    background-color: lime;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}*/
    /*@media screen and (max-width: 1215px) {
    .colDip {
        min-width: 625px;
        max-width: 672px !important;
    }
    .colMenu {
        max-width: 718px !important;
        height: 380px !important;
    }
}*/
    @media screen and (max-width: 1200px) {
    .containerMenu div[class^="WrapCampi col"]:not(.phone):not(.tablet) {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 16px;
    }
    .colMenScrol {
        padding-right: 65px;
        height: calc(100% - 52px);
        padding-bottom: 0;
    }
    /*.containerMenu {
        padding: 8px 16px;
    }*/
    .containerMenu .Riga {
        height: unset !important;
    }
    .listydip {
        height: 350px;
    }
    .grafyuc, .grafyuc .Riga {
        padding: 0;
    }
    .listScad {
        height: 350px;
        margin-bottom: 150px !important;
    } 
    .listScad #NessunDip {
      top: calc(50% - 55px) !important;
    }
} @media screen and (max-height: 930px) {
    .containerMenu .masterRiga {
        height: 736px !important;
        margin-bottom: 100px;
    }
}
    /* Tabella Turni */
    .text-danger {
    color: #ff2e2e !important;
    text-shadow: -1px 0 rgba(255,255,255,0.5), 0 1px rgba(255,255,255,0.5), 1px 0 rgba(255,255,255,0.5), 0 -1px rgba(255,255,255,0.5);
} .clistTurniFix {
    border-radius: 20px;
    background-color: var(--bglight_color);
    box-shadow: 0 4px 20px rgba(36,36,36,.6);
    width: 110px;
    height: calc(100% - 215px);
    min-height: 600px;
    position: absolute;
    z-index: 2;
    right: 15px;
    top: 155px;
    overflow: hidden;
    /*pointer-events: none;
    opacity: 0.5;*/
} #cScrollTur {
    padding-left: 15px;
    padding-right: 39px;
    width: 150px;
    height: 100%;
    overflow: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
} .listTurniFix {
    list-style-type: none;
    padding: 0;
    padding-bottom: 60px;
} .itemsRicercaContainer {
    height: 40px !important;
    padding: 0 10px 0 10px;
    margin-top: 10px;
} .InfoTurniBtn {
    background-image: url(../images/information.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
    cursor: help;
    background-color: #fff;
    border: 2px solid rgba(0, 0, 0, 0.125);
    border-radius: 11px;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
    height: 100%;
    border-left: 0 !important;
    background-color: #ededff;
} .itemsRicercaContainer .itemsRicerca {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
    height: 40px !important;
    padding: unset;
    padding-top: 6px;
    margin: 0;
    border-right: 0;
    cursor: pointer;
    border: 2px solid rgba(0, 0, 0, 0.125) !important;
    display: inline-block !important;
    position: relative;
    text-align: center;
} .ora_listTru{
    font-size: 11px;
    padding-top: 2px !important;
} @media screen and (max-width: 768px) {
    .itemsRicercaContainer .itemsRicerca {
        padding-top: 9px;
    }
} #btnMalattia {
    background-color: #ff5e5e;
    color: #363636;
} #btnFerie {
    background-color: #5eff83;
    color: #363636;
} #btnRiposo {
    background-color: #678294;
    color: #eafbff;
} #btnFerie, #btnMalattia, #btnTurniCloud, #btnRiposo {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    border-right: 2px solid rgba(0, 0, 0, 0.125);
} #btnTurniCloud {
    background-color: var(--nav2_color);
    display: flex !important;
    align-items: center !important;
    padding-top: 0;
} #btnTurniCloud:active{
    transform: scale(0.9);
} #cldTurni {
    width: 30px;
    height: 30px;
    position: relative;
    margin: 0 auto;
} #loadCondiv {
    width: 30px;
    height: 30px;
    background-size: 20px;
    background-position: center;
    background-color: white;
    border-radius: 100%;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
} .selRig {
    -webkit-box-shadow: inset 0px 15px 2px -10px #ff9900, inset 0px -15px 2px -10px #ff9900;
    -moz-box-shadow: inset 0px 15px 2px -10px #ff9900, inset 0px -15px 2px -10px #ff9900;
    box-shadow: inset 0px 15px 2px -10px #9156ff, inset 0px -15px 2px -10px #9156ff;
    /*border-top: 3px solid #9156ff !important;
    border-bottom: 3px solid #9156ff !important;*/
} .selRigTr {
    -webkit-box-shadow: inset 0px 15px 2px -10px #ff9900, inset 0px -15px 2px -10px #ff9900;
    -moz-box-shadow: inset 0px 15px 2px -10px #ff9900, inset 0px -15px 2px -10px #ff9900;
    box-shadow: inset 0px 15px 2px -10px #9156ff, inset 0px -15px 2px -10px #9156ff;
    display: block;
} .selezionato {
    position: relative;
    /*border: 1px solid #00b300 !important;*/
    /*background-color: #ceffce !important;*/
    -webkit-box-shadow: inset 0px 0px 5px 4px rgba(0,179,0,1);
    -moz-box-shadow: inset 0px 0px 5px 4px rgba(0,179,0,1);
    box-shadow: inset 0px 0px 5px 4px rgba(0,179,0,1);
    z-index: 98;
} .colRicercaTurni {
    position: absolute;
    left: 15px;
    top: 155px;
    /*width: 840px;*/
    width: 1153px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    -webkit-transition: width 400ms;
    transition: width 400ms;
    pointer-events: none;
    opacity: 0.5;
} #campogruppo {
    overflow: hidden;
    -webkit-transition: width 200ms;
    transition: width 200ms;
    width: 430px;
    height: 80px;
    padding-top: 15px;
    padding-bottom: 15px;
} .colRicercaTurni #slanno, .colRicercaTurni #slmese, .colRicercaTurni #slgruppo, .colRicercaTurni #slmodricerca, .btnMTurni {
        margin: 0 !important;
        margin-left: 15px !important;
    } .colRicercaTurni #slmodricerca {
        width: 115px;
        padding: 5px;
    } .colRicercaTurni #slanno {
        width: 84px;
        padding: 5px;
    } .colRicercaTurni #slmese, .colRicTurni_n #slmese {
    width: 128px !important;
    padding: 5px;
} .colRicTurni_n #slanno {
    width: 84px !important;
} .colRicercaTurni #slgruppo {
    width: 330px;
    padding-right: 38px !important;
    padding: 5px;
} .colTabellaTurni {
    position: absolute;
    left: 15px;
    top: 194px;
    width: calc( 100% - 155px);
    height: calc(100% - 310px);
    min-width: 1053px;
    min-height: 600px;
    overflow: hidden;
    padding: 5px;
} .tableTurniM {
    width: 100% !important;
    border-radius: 11px;
} .tableTurniM #testaore {
        position: fixed;
        width: calc( 100% - 166px );
        z-index: 98;
        /*z-index: 96;*/
        background-color: var(--bglight_color);
    } .tableTurniM:not(.tabCostd) #testaore {
        min-width: 1041px;
    } .tableTurniM #testaore th.grande, .tableTurniM #grdati td.grande {
            display: inline-block;
            width: 200px !important;
            height: 66px;
            background-color: var(--main_color);
            border: 1px solid var(--bglight_color);
            text-align: center;
            cursor: pointer;
            color: #FEFEFE;
            font-weight: 500;
            line-height: normal;
        } .tableTurniM #testaore tr th {
            background-color: var(--main_color);
            color: #F4F0F0;
            cursor: not-allowed;
        } .tableTurniM #grdati td.grande {
        height: 60px;
    } .tableTurniM #testaore th, .tableTurniM #grdati td {
        border: 1px solid var(--bglight_color);
        display: inline-block;
        height: 66px;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
    } .tableTurniM #grdati td {
        padding:0;
        height: 60px;
        line-height: 45px;
        color: #363636;
        font-weight: 500;
        position: relative;
        transition: var(--an_active);
    } .tableTurniM #testaore th:first-child {
        -webkit-border-top-left-radius: 15px;
        -moz-border-radius-topleft: 15px;
        border-top-left-radius: 15px;
    } .tableTurniM #testaore th:last-child {
        -webkit-border-top-right-radius: 15px;
        -moz-border-radius-topright: 15px;
        border-top-right-radius: 15px;
    } .tableTurniM #grdati tr:last-child td:first-child {
        -webkit-border-bottom-left-radius: 15px;
        -moz-border-radius-bottomleft: 15px;
        border-bottom-left-radius: 15px;
    } .tableTurniM #grdati tr:last-child td:last-child {
        -webkit-border-bottom-right-radius: 15px;
        -moz-border-radius-bottomright: 15px;
        border-bottom-right-radius: 15px;
    } .tableTurniM #testaore th p:first-child {
        width: 18px;
        height: 20px;
        position: relative;
        top: 0;
        left: 0;
        margin: 0 !important;
        padding-left: 2px;
    } .tableTurniM #testaore th.nommes p:first-child, .tableTurniSS #testaore th:nth-child(2) p:first-child {
        width: 100%;
        text-align: center;
        top: calc(50% - 10px);
    } .tableTurniM #testaore th p:nth-child(2) {
        position: relative;
        font-size: 13px;
        top: 15px;
        left: 0;
        -moz-transform: rotate(-90.0deg); /* FF3.5+ */
        -o-transform: rotate(-90.0deg); /* Opera 10.5 */
        -webkit-transform: rotate(-90.0deg); /* Saf3.1+, Chrome */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
    } .tableTurniM.tableOreM #testaore th p:nth-child(2) {
        top: 8px;
    } .tableTurniM #grdati td span {
        top: -4px;
        font-size: 15px;
        display: inline-block;
        position: relative;
        width: 34px;
        left: calc(50% - 17px);
        /*transform: translate(-calc(50% - 17px), 0);*/
        line-height: 100%;
        transform: rotate(-90.0deg);
        -webkit-transform: rotate(-90.0deg) !important;
        -moz-transform: rotate(-90.0deg) !important;
        -o-transform: rotate(-90.0deg) !important;
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083) !important;
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)" !important;
        text-align: center;
    } .tableTurniM #grdati .flipZ span {
        line-height: normal;
        transform: rotate(0deg) !important;
        -webkit-transform: rotate(0deg) !important;
        -moz-transform: rotate(0deg) !important;
        -o-transform: rotate(0deg) !important;
    } .tableTurniM #grdati td.nocost span {
        transform: rotate(0deg) !important;
        -webkit-transform: rotate(0deg) !important;
        -moz-transform: rotate(0deg) !important;
        -o-transform: rotate(0deg) !important;
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083) !important;
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)" !important;
        font-size: 1px !important;
    } .tableTurniM #grdati td.flipW span {
        transform: rotate(0deg) !important;
        -webkit-transform: rotate(0deg) !important;
        -moz-transform: rotate(0deg) !important;
        -o-transform: rotate(0deg) !important;
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083) !important;
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)" !important;
    } .tableTurniM #grdati td.nocost {
        background-color: rgba(255, 77, 77, 1);
        color: rgba(255, 77, 77, 1);
    } .tableTurniM #grdati td.nocost span:after {
            content: "!!";
            width: 100%;
            display: block;
            color: white;
            font-size: 16px !important;
        }
    /*Tabb Gruppi Settimana */
    .spanTabGrupp {
    font-style: normal;
    display: block;
    margin-top: -2px;
} .spanTabbGrOre {
    height: 35px;
    font-size: 13px;
    line-height: normal;
    width: 80%;
    margin: 0 auto;
    margin-top: 1px;
} .colTabellaTurnif {
    position: relative;
    overflow: hidden;
    height: 143px;
    padding: 5px;
    margin: 0 auto;
    margin-top: 20px;
    border: 2px solid var(--nav2_color);
    box-shadow: none !important;
} .colTabellaTurnif .btn-danger {
        border-radius: 15px !important;
        margin-right: 5px;
    } .colTabellaTurnif .contTableScr #grdati {
        padding-bottom: 0 !important;
    } .colTabellaTurnif .contTableScr {
        display: flex;
        width: 100%;
        overflow: hidden;
    } .colTabellaTurnif .tableTurniM th {
        width: 66px !important;
    } .colTabellaTurnif .tableTurniM td {
        width: 66px !important;
        height: 60px !important;
    } .colTabellaTurnif .tableTurniM td {
           line-height: 42px !important;
        } .colTabellaTurnif .tableTurniM #testaore {
        position: relative;
        width: 100% !important;
    } .colTabellaTurnif p {
        width: 100% !important;
        height: 100% !important;
        line-height: 60px;
        text-align: center;
        font-size: 18px !important;
    } .colTabellaTurnif .ore_turnTab {
        width: calc( 100% - 6px ) !important;
        margin: 3px 3px 0 3px !important;
        border-radius: 4px !important;
    } .colTabellaTurnif .selezionato {
        -webkit-box-shadow: inset 0px 0px 5px 4px rgba(0,179,0,1) !important;
        -moz-box-shadow: inset 0px 0px 5px 4px rgba(0,179,0,1) !important;
        box-shadow: inset 0px 0px 5px 4px rgba(0,179,0,1) !important;
    } #righettasettimana td:first-child {
        border-bottom-left-radius: 15px !important;
    } #righettasettimana td:last-child {
    border-bottom-right-radius: 15px !important;
} @media screen and (max-width: 950px) {
    .colTabellaTurnif .tableTurniM th, .colTabellaTurnif .tableTurniM td {
        width: 55px !important;
    }
} @media screen and (max-width: 820px) {
    .colTabellaTurnif .tableTurniM th, .colTabellaTurnif .tableTurniM td {
        width: 45px !important;
    }
    .colTabellaTurnif p {
        font-size: 15px !important;
    }
} @media screen and (max-width: 768px) {
    .colTabellaTurnif .tableTurniM #grdati .spenta:hover {
        background-color: var(--offcel_color);
    }
    .colTabellaTurnif .tableTurniM th, .colTabellaTurnif .tableTurniM td {
        width: 55px !important;
    }
    .colTabellaTurnif .ore_turnTab {
        font-size: 8px;
        padding-top: 1px
    }
} @media screen and (max-width: 580px) {
    
    .colTabellaTurnif .tableTurniM th, .colTabellaTurnif .tableTurniM td {
        width: 38px !important;
    }
    .colTabellaTurnif .tableTurniM th {
        height: 40px !important;
    }

    .colTabellaTurnif .tableTurniM #grdati {
        top: unset !important;
    }
    .colTabellaTurnif {
        height: 116px;
    }
    .colTabellina {
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 10px !important;
    }
    .colTabellina legend{
        width: calc(100% - 30px);
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .colTabellaTurnif p {
        line-height: 37px;
        font-size: 12px !important;
    }
    .colTabellaTurnif .btn-danger {
        display: none;
    }
    .spanTabGrupp {
        font-size: 13px;
    }
    .spanTabbGrOre {
        font-size: 10px;
        margin-top: 6px;
    }
    
    
} @media screen and (max-width: 374px) {
    .colTabellaTurnif .tableTurniM th, .colTabellaTurnif .tableTurniM td {
        width: 30px !important;
    }
    .colTabellaTurnif p {
        font-size: 10px !important;
    }
    .colTabellaTurnif .ore_turnTab {
        font-size: 7px;
    }
    .spanTabbGrOre {
        font-size: 8px;
        margin-top: 7px;
    }
    .spanTabGrupp {
        font-size: 11px;
    }
}
    /* END */
    .span_Truni_ore {
    top: 2px !important;
    font-size: 12px !important;
    text-align: center;
    letter-spacing: normal !important;
    /*width: 42px;
    left: calc(50% - 21px);
    transform: translate(-calc(50% - 21px), 0);*/
} #tab {
    background-color: var(--bglight_color);
} .ore_turnTab {
    height: 16px;
    width: calc( 100% - 6px );
    font-size: 11px;
    background-color: var(--bglight_color);
    border-radius: 4px;
    color: #363636;
    line-height: 15px;
    text-align: center;
    margin: 3px 3px 0 3px;
} .ore_TTMOD {
    background-color: #363636 !important;
    color: var(--bglight_color) !important;
} .ore_TTMOD + span { letter-spacing: -1px; } .contTdGrande {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
} .contTdGrande p {
        padding: 0;
        margin: 0 auto;
        max-width: 95%;
        padding-right: 5px;
    } .contdGG{
    font-size: 13px;
} .tdMalattia {
    background-color: #ff5e5e;
} .tdFerie { background-color: #5eff83; } .tdRiposo {
    background-color: rgb(103, 130, 148);
    color: rgb(234, 251, 255);
} .tdMalattia span, .tdFerie span, .tdRiposo span {
        top: 6px !important;
    } .tableOreM #grdati td span {
    top: -3px !important;
    font-size: 14px;
    cursor: pointer;
    /*-webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;*/
}
    /* Tabella Costi*/
    .casint {
    background-color: rgba(136, 194, 232, 0.6);
} .casint.totino {
        background-color: rgba(0, 113, 188, 0.55);
    } .totCostP {
    background-color: rgba(129, 255, 0, 0.7);
} .tableTurniSS.tabCostd #grdati td span {
    /*top: 9px !important;*/
    /*background-color: violet;*/
    width: 56px;
    left: calc(50% - 28px);
    height: 18px;
    white-space: nowrap;
    /*overflow: hidden;*/
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 17px;
} .tableTurniSS.tabCostd #grdati td span.f10m {
        /*top: 7px !important;
        font-size: 0.8vw;
        height: 14px;*/
        top: 4px !important;
        font-size: 11px;
        height: 18px;
        /*background-color: brown;*/
    } .tableTurniSS.tabCostd #grdati td span.f100m {
        /*top: 6px !important;*/
        font-size: 10px;
        /*height: 12px;*/
        /*background-color: chartreuse;*/
    } @media screen and (max-width: 1700px) {
    .ore_turnTab {
        margin: 0;
        width: 100%;
        border-radius:0;
    }
} @media screen and (max-width: 1550px) {
    .ore_turnTab {
        font-size: 9px;
    }
} @media screen and (max-width: 1350px) {
    .clistTurniFix {
        height: calc(100% - 310px);
        top: 250px;
    }
    .tableTurniM #testaore th p:first-child {
        font-size: 13px;
    }
    .tableTurniM #testaore th p:nth-child(2) {
        font-size: 13px;
        right: calc(50% + 5px);
    }
    .tableTurniM.tableOreM #testaore th p:nth-child(2) {
        top: 15px;
    }
    .tableTurniM #grdati td span.span_Truni_ore {
        font-size: 10px !important;
    }
    /*.ore_turnTab {
        font-size: 7px;
    }
    .conMTabMobb*/ .ore_turnTab {
        font-size: 10px;
    }
} @media screen and (max-width: 1207px) {
    .clistTurniFix{
        right: unset;
        left: 1083px;
    }
    
        /*.tableTurniM #grdati td span {
        font-size: 10px;
        top:5px;
        /*width: 34px;
        left: calc(50% - 17px) !important;
        transform: translate(-calc(50% - 17px), 0) !important;
    }
    .tableTurniM #grdati td span.span_Truni_ore {
        font-size: 10px !important;
        top:10px !important;
        /*width: 34px;
        left: calc(50% - 17px) !important;
        transform: translate(-calc(50% - 17px), 0) !important;
    }*/
    } @media screen and (max-width: 1000px) {
    .tableTurniM #testaore th p:nth-child(2) {
        top: 20px;
    }
} .tableTurniM #grdati {
    position: absolute;
    top: 66px;
    padding-bottom: 80px;
} @media screen and (min-width: 1680px) {
    .tableOreM #grdati td span {
        top: -10px !important;
    }
    /*.tableTurniM #testaore th p:first-child {
        margin-left: 5px !important;
    }*/
    .colTabellaTurnif .tableTurniM th p{
        width: calc(100% - 10px) !important;
    }

    .tableTurniM #testaore th p:nth-child(2) {
        font-size: 12px;
        padding: 0 !important;
        margin-top: 8px !important;
        text-align: center;
        -moz-transform: rotate(0deg); /* FF3.5+ */
        -o-transform: rotate(0deg); /* Opera 10.5 */
        -webkit-transform: rotate(0deg); /* Saf3.1+, Chrome */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0)"; /* IE8 */
    }

    .tableTurniM:not(.tabCostd) #grdati td span {
        transform: rotate(0deg) !important;
        -webkit-transform: rotate(0deg) !important;
        -moz-transform: rotate(0deg) !important;
        -o-transform: rotate(0deg) !important;
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083) !important;
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)" !important;
    }

    
    /*.tableTurniSS.tabCostd #grdati td span {
        width: calc(100% - 4px) !important;
        left: 2px !important;
        top: 8px !important;
        height: 13px;
        font-size: 0.65vw;
    }*/
} .tableTurniM #grdati .spenta {
    background-color: var(--offcel_color);
} .tableTurniM:not(.noActCel) #grdati td:not(.grande):hover {
    outline: 1px dashed #000;
    z-index: 97;
    cursor: pointer;
} .tableTurniM:not(.noActCel):not(.noScale) #grdati td:not(.grande):active, #tabtr.effAct td:active{
transform: scale(0.9);
} .tableTurniM #grdati .spenta:hover {
        background-color: #c3c3c3;
    } .tableTurniM #testaore th:first-child {
    line-height: 60px;
    font-size: 18px;
} #infor {
    position: fixed;
    z-index: 100;
    width: 610px;
    margin: 0 !important;
    padding: 15px;
    display: none;
    height: 354px;
    overflow: visible !important;
} #infor:after {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-left-color: #fff;
        border-width: 15px;
        margin-top: -15px;
    } #infor .loadGif {
        display: block;
    } #infor .arrow_box, #infor .arrow_boxx {
        position: fixed;
    } .conMTabMobb .arrow_box, .conMTabMobb .arrow_boxx {
            position: absolute;
            z-index: 100;
        } #infor h6 {
    text-align: center;
    font-size: 30px;
    margin: 0 auto;
} #infor h6:nth-child(3) {
            min-height: 24px;
            font-size: 20px;
            color: #363636;
            margin-top: 15px;
            width: 100%;
        } .row.stomodificandon {
    display: flex;
    margin: 0;
} .row.stomodificandon .colAggiungi {
        height: unset;
        padding-bottom: 15px;
    } #infor #persona .row .col3Mobile {
    margin: 0 auto !important;
} #infor #persona .row .col3Mobile .labelText {
                margin: 0;
                text-align: center;
                font-size: 16px !important;
            } #masterino {
    position: fixed;
    z-index: 100;
    width: 90px;
    height: 40px;
    background: #fff;
    border: 2px solid rgba(0, 0, 0, 0.125);
    border-radius: 11px;
    box-shadow: 0 4px 20px rgba(36,36,36,.6);
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    display: none;
} #masterone {
    position: fixed !important;
    top: 0;
    width: 100% !important;
    height: 100% !important;
    z-index: 99 !important;
    background-color: rgba(0, 0, 0, .5) !important;
    display: none;
    /*-webkit-backdrop-filter: saturate(150%) blur(30px);
    backdrop-filter: saturate(150%) blur(30px);*/
} .tabcheck:hover {
    cursor: pointer;
}
    /* Robbbbba AmmeryKanah*/
    .label {
    color: white;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 40px;
    border-radius: 11px;
} .info {
    background-color: #2196F3;
}
    /* Gestione Ore */
    .colRicercaOre {
    width: unset;
    opacity: 1;
    pointer-events: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
} .colTabellaOre {
    width: calc( 100% - 30px);
} span {
    cursor: pointer;
}
    /*.tableOreM span:hover {
    color: rgba(190, 4, 4, 0.67) !important;
}*/
    td.verde {
    background-color: rgba(2, 113, 21, 0.66) !important;
} td.rosso {
    background-color: rgba(255, 42, 42, 0.66) !important;
} td.arancio {
    background-color: rgba(255, 106, 0, 0.70) !important;
} .colTruniMan td.verde {
    background-color: #28a745 !important;
    color: var(--bglight_color);
} .colTruniMan td.rosso {
    background-color: #dc3545 !important;
    color: var(--bglight_color);
} .colTruniMan td.arancio {
    background-color: #ff6b07 !important;
    color: var(--bglight_color);
} td.viola {
    background-color: #f0e4ff !important;
} td.rmal:after, .MaltAf:after {
    content: "";
    border-left: 0;
    border-right: 15px solid rgba(246, 32, 15, 0.90);
    border-top: 15px solid transparent;
    position: absolute;
    bottom: 0;
    right: 0;
} td.fkel:after {
    content: "";
    border-left: 0;
    border-right: 15px solid black;
    border-top: 15px solid transparent;
    position: absolute;
    bottom: 0;
    right: 0;
} td.rfer:after, .FerieAf:after {
    content: "";
    border-left: 0;
    border-right: 15px solid #008744;
    border-top: 15px solid transparent;
    position: absolute;
    bottom: 0;
    right: 0;
} td.rcel:after, .CellAf:after {
    content: "";
    border-left: 0;
    border-right: 15px solid #A015F0;
    border-top: 15px solid transparent;
    position: absolute;
    bottom: 0;
    right: 0;
} td.manu:before {
    content: "";
} td.manu .ore_turnTab {
    background-color: #ea445a;
    color: #f7f7f7;
} @media screen and (max-width: 1200px) {
    td.rmal:after {
        border-right-width: 10px;
        border-top-width: 10px;
    }

    td.fkel:after {
        border-right-width: 10px;
        border-top-width: 10px;
    }

    td.rfer:after {
        border-right-width: 10px;
        border-top-width: 10px;
    }

    td.rcel:after {
        border-right-width: 10px;
        border-top-width: 10px;
    }
}
    /*td.rprm:after {
    content: "";
    border-left: 8px solid transparent;
    border-right: 0;
    border-bottom: 8px solid #fc4646;
    position: absolute;
    bottom: 2px;
    right: 2px;
    border-radius: 100%;
    animation: pulseRed 1111ms infinite;
}*/
    td.rprm:before, .CellRip.Permo:before {
    content: "\f288";
    position: absolute;
    bottom: 3px;
    right: 3px;
    font-family: "Font Awesome 5 Brands";
    font-weight: 900;
    font-size: 15px;
    height: 17px;
    width: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fc4646;
    background-color: #fefdfd;
    border-radius: 100%;
    z-index: 1;
    box-shadow: 0px 1px 4px 1px rgba(0,0,0,.5);
    /*box-shadow: 0px 0px 6px 4px rgba(255,255,255, 1);*/
} td.rcelOps:before {
    content: "";
    height: 4px;
    width: 4px;
    border-radius: 100%;
    background-color: white;
    position: absolute;
    bottom: 2px;
    right: 2px;
    z-index: 1;
} td.dSed:before {
    content: "";
    height: 6px;
    width: 6px;
    border-radius: 100%;
    background-color: #E91E63;
    position: absolute;
    bottom: 3px;
    left: 3px;
    z-index: 1;
} td.dSedA:before {
    content: "\f1b9";
    position: absolute;
    bottom: 3px;
    left: 3px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: 13px;
    height: 18px;
    width: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fc4646;
    background-color: #fefdfd;
    border-radius: 100%;
    z-index: 1;
    box-shadow: 0px 1px 4px 1px rgba(0,0,0,.3);
} tr[dsedn='dSedN'] td.txtverso div:before, .dSedN:not(.rmal):before, .SposAf:before, .MeSoSpost:before {
    content: "\f1b9";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
} tr[dsedn='dSedN'] td.txtverso div:before, .MeSoSpost:before {
    font-size: 16px;
    color: #363636;
    z-index: 1;
    margin-right: 5px;
} .dSedN:before, .SposAf:before {
    position: absolute;
    bottom: 0px;
    left: 1px;
    font-size: 13px;
    height: 14px;
    width: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #363636;
    z-index: 1;
} .Atiana:not(.pallina) {
    height: 8px;
    width: 8px;
    background-color: #34c0ff;
    border-radius: 50%;
    animation: pulseRed 1111ms infinite;
    border-bottom-left-radius: 0;
    position: absolute;
    bottom: 2px;
    left: 2px;
} .dSedN .Atiana:not(.pallina), .dSedN .fa-user-secret.nomak, .fa-user-secret.nomak ~ .Atiana:not(.pallina) {
    left: 18px;
} .dSedN .fa-user-secret.nomak ~ .Atiana:not(.pallina) {
    left: 33px;
    z-index: 11;
} .CellRip .fa-user-secret.nomak {
    height: unset;
    width: unset;
} .RigaLegTab > .fa-user-secret.nomak {
    position: static;
    font-size: 26px;
} .pallina.Atiana {
    background-color: #03a9f4 !important;
    animation: pulseRed 1111ms infinite;
    border-bottom-left-radius: 0 !important;
} .pallina.Atiana > .ppPal {
    background-color: #03a9f4 !important;
} .Popopo .conNumDip {
    position: relative;
    top: unset;
    left: unset;
} .fa-user-secret.nomak {
    position: absolute;
    bottom: 2px;
    left: 2px;
    color: #363636;
    font-size: 14px;
} @keyframes pulseRed {
    0% { transform: scale(1); }

    50% { transform: scale(0.8); }

    100% { transform: scale(1); }
} .colTabellaOre #testaore {
    width: calc( 100% - 41px );
    z-index: 1;
} .contTdGrande.klass {
   
} .contTdGrande.klass em {
        font-style: normal;
        margin-right: 3px;
        height: calc(100% - 6px);
        border-radius: 7px;
        width: 58px;
        background-color: var(--bglight_color);
        color: #363636;
        font-size: 16px;
    } .contTdGrande.klass em i{
        display: block;
        width: 100%;
        font-size: 18px;
        margin-top: 5px;
        margin-bottom: 3px;
    } .contTdGrande.klass p {
        max-width: unset;
        width: calc(100% - 58px);
        padding: 0 4px;
        font-size: 14px;
        color: #fefefe;
    }
    /* Gestione Contratti */
    .colRicGestContr .cListRicerca {
    height: 492px;
} .colRisGestContr .boxRis{
   padding: 16px;
} #LegendPreviste {
    height: 53px !important;
}
    /*#LegendPreviste span:first-child, #LegendPreviste .card {
        position: relative;
        top: -10px;
    }*/
    #previsteSwitchEE:checked ~ .toggle {
    background-color: #28d756;
} #previsteSwitchEE:checked ~ .switch {
    background-color: #93ebab;
} .colGestContr {
    padding: 15px 15px 15px 15px;
} .colGestContr .boxCard {
        width: 100% !important;
    } .colGestContr .row {
        width: 100%;
        margin: 0 auto;
    } @media screen and (max-width: 992px) {
    .colGestContr .labelText {
        font-size: 0.7rem;
    }
} @media screen and (max-width: 966px) {
    #LegendPreviste {
        height: 44px !important;
    }

        #LegendPreviste span:first-child {
            top: 2px;
            left: 25px;
        }

        #LegendPreviste .card {
            top: -2px;
            transform: scale(0.4);
        }
} .inputmain:disabled {
    background-color: #dcdcdc;
    border: 2px solid #b2b2b2;
} .colGestContr #persona span {
    display: inline;
} @media screen and (max-width: 768px) {
  
    .colRicGestContr .cListRicerca {
        height: 247px;
    }
    .Badge {
        padding-bottom: 0.35em;
    }
} @media screen and (max-width: 414px) {
    .colGestContr .labelText {
        font-size: 10px;
    }
    .colRisGestContr .labelText {
        font-size: 9px;
    }
    #LegendPreviste span:first-child {
        left: 0;
        width: 80%;
    }
    #LegendPreviste .card {
       top:-30px;
       left:38px;
    }
}
    /* Frecce mostra altri dati */
    #altriCfotoAppr, #altriCfotoRis, #altriCPersRis, #altriCMexStor {
    position: absolute;
    bottom: 0px;
    display: none;
    height: 55px;
    /*width: 100%;
    left: 0px;*/
    width: 50px;
    left: calc(50% - 25px);
} .bottyWrappy ~ #altriCPersRis{
    bottom: 75px;
} #altriCfotoRic, #altriCPersRic, #altriCgTurniRic, #altriCPerm, #altriCFerm, #altriCMexInd, #altriCMexGru, #altriCTable, #altriCTurni, #altriCat, #altriCMexAza {
    position: relative;
    z-index: 98;
    bottom: 55px;
    display: none;
    /*width: 100%;*/
    height: 55px;
    width: 50px;
    left: calc(50% - 25px);
} .fraccia {
    display: block;
    width: 43px;
    height: 43px;
    border-radius: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    z-index: 98;
    background-image: url(../image/frecciaGiu.png);
    background-repeat: no-repeat;
    background-size: 29px;
    background-position: 7px 8px;
    background-color: var(--main_color);
    -webkit-transition: background 0.1s ease-out;
    -moz-transition: background 0.1s ease-out;
    transition: background 0.1s ease-out;
    -webkit-box-shadow: 0px 1px 9px 0px rgba(36,36,36,0.65);
    -moz-box-shadow: 0px 1px 9px 0px rgba(36,36,36,0.65);
    box-shadow: 0px 1px 9px 0px rgba(36,36,36,0.65);
    cursor:pointer;
} .fracciaMezz { /*left: calc(50% - 21px);*/ } .fracciaMezz .fraccia { background-image: url(../image/SuGiu.png); } .fracciaSu { left: 0; } .fracciaSu .fraccia {
        background-image: url(../image/frecciaSu.png);
        animation: SuGiuAbs 700ms 2 ease-in-out;
    } .fracciaGiu { left: 0; } .fracciaGiu .fraccia {
        background-image: url(../image/frecciaGiu.png);
        animation: SuGiuAbs 700ms 2 ease-in-out;
    } .fracciaCar { /*left: calc(50% - 21px);*/ } .fracciaCar .fraccia {
        background-position: center;
        background-image: url(../image/load.png);
        animation: rott 1.3s infinite linear;
        filter: grayscale(0.8);
        background-color: white !important;
        -webkit-box-shadow: 0 0 8px 0 rgba(36,36,36,0.65);
        -moz-box-shadow: 0 0 8px 0 rgba(36,36,36,0.65);
        box-shadow: 0 0 8px 0 rgba(36,36,36,0.65);
    } .FrecciaAnim { animation: SuGiu 1s 2 ease-in-out; } .FrecciaAnimAbs { animation: SuGiuAbs 1s 2 ease-in-out; } @keyframes SuGiuAbs {
    0% { top: 0px }
    50% { top: 8px }
    100% { top: 0px }
} @keyframes SuGiu {
    0% { margin-top: 22px }
    50% {  margin-top: 15px }
    100% { margin-top: 22px }
} .colDip ~ .fracciaMezz { left: calc(100% - 50px) !important; } .fracciaMezz, .fracciaGiu, .fracciaSu {
    -webkit-transition: left 0.3s ease-out, transform 100ms ease-in-out;
    -moz-transition: left 0.3s ease-out, transform 100ms ease-in-out;
    transition: left 0.3s ease-out, transform 100ms ease-in-out;
} .fracciaMezz:active, .fracciaGiu:active, .fracciaSu:active{
    transform: var(--sc_active);
}
    /* Icone Scroll Mobile */
    #scrollMIcon {
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    width: 50px;
    height: 50px;
    filter: invert(0.7);
    background-image: url(../image/VscrollM.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    animation: SuGiuMobile 888ms 2 ease-in-out;
} #scrollMobile, #scrollMobileInd, #scrollMobileGru, #scrollMobileCat, #scrollMobileAza {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    z-index: 2;
    background-color: var(--btn2_color);
    display: none;
} @keyframes SuGiuMobile {

    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(25px);
    }
    100% {
        transform: translateY(0px);
    }
}
    /* Box Copia Tabella Turni*/
    #boxCopia {
    position: fixed;
    z-index: 99;
    height: 60px;
    padding: 5px;
    background-color: aquamarine;
    border-radius: 11px;
    display: none;
} .tdGrande {
    display: flex;
    align-items: center;
    height: 50px;
    width: 200px;
    border: 2px solid white;
} .tdPiena, .tdVuota, .tdPienaOre {
    display: inline-block;
    height: 50px;
    width: 40px;
    margin-right: 1px;
    border: 2px solid white;
    line-height: 45px;
} .tdPiena {
    position: relative;
    background-color: var(--offcel_color);
} .tdPienaOre {
    position: relative;
    line-height: unset;
} .tdVuota {
    background-color: var(--offcel_color);
} .tdPiena span {
    top:0;
    font-size: 15px;
    display: inline-block;
    position: relative;
    width: 42px;
    left: calc(50% - 21px);
    transform: translate(-calc(50% - 21px), 0);
    line-height: 100%;
    transform: rotate(-90.0deg);
    -webkit-transform: rotate(-90.0deg) !important;
    -moz-transform: rotate(-90.0deg) !important;
    -o-transform: rotate(-90.0deg) !important;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083) !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)" !important;
    text-align: center;
    font-weight: 500;
} .tdPienaOre span {
    display: inline-block;
    position: relative;
    top: 8px;
    font-size: 13px;
    font-weight: 500;
    line-height: 100%;
    transform: rotate(-90.0deg) !important;
    -webkit-transform: rotate(-90.0deg) !important;
    -moz-transform: rotate(-90.0deg) !important;
    -o-transform: rotate(-90.0deg) !important;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083) !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)" !important;
} .tdGrande span {
    position: absolute;
    text-align: center;
    width: 198px;
    font-weight: 500;
}
    /*#btnEliminaCopia {
    display: none;
}*/
    .bia {
    cursor: not-allowed !important;
}
    /* Permessi - Ferie  */
    .infoshort {
    font-size: 1.2rem;
    width: 100%;
    font-weight: 600;
    cursor: default !important;
    /*text-shadow: 0 0 0.1px black;*/
} .all-space {
    white-space: pre;
} .ContainerFerie .infoshort {
    color: #196619;
} .ContainerPermessi .infoshort {
    color: #800000;
} .bb, .b {
    border-color: #800000;
    margin: 0 !important;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 9px !important;
} .ContainerFerie .bb, .ContainerFerie .b {
    border-color: #196619;
} .ContainerPermessi .bb, .ContainerPermessi .b {
    border-color: #800000;
} .bb {
    background-color: yellow;
    margin-bottom: 5px !important;
} .x {
    margin-bottom: 0px !important;
    font-size: 14px !important;
    font-weight: 600;
} .ContainerFerie .x {
    color: #196619 !important;
} .ContainerPermessi .x {
    color: #800000 !important;
} .xo {
    margin: 0 auto !important;
    margin-left: 5px !important;
    margin-top: 22px !important;
    width: 80px;
    height: 38px;
} .ContainerFerie, .ContainerPermessi {
    position: relative;
    background-color: rgba(112, 219, 112, 0.6);
    border: 3px solid #196619;
    border-radius: 14px;
    height: 105px;
    padding: 0;
    margin-bottom: 15px;
    -webkit-transition: height 400ms !important;
    transition: height 400ms !important;
    overflow: hidden;
} .ContainerPermessi {
    background-color: rgba(255, 77, 77, 0.6);
    border: 3px solid #800000;
}
    /*.ContainerPermessi:last-child {
        margin-bottom: 100px;
    }*/
    /*.ContainerFerie:last-child {
    margin-bottom: 100px;
}*/
    .colPermessi {
    height: 650px;
    padding: 15px;
    padding-bottom: 0;
} .colPermessi div {
        text-align: center;
    } #boxFerie, #boxPermessi {
    padding-bottom: 100px;
} .rowBoxPF {
    border: 0 !important;
    padding: 0 !important;
    width: calc( 100% - 100px );
    margin: 0;
} .containerImgPerm {
    width: 100px;
    height: 100px;
    padding: 4px 4px 4px 4px;
} .containerImgPerm img {
        border-radius: 9px;
    } .plusMen {
    /*margin: 0 auto;*/
    cursor: pointer;
    width:24px;
    height:24px;
} .plusMen:last-child {
        display: none;
    } .extraInfoRow {
    width: 95%;
    margin: 0 auto;
    padding-top: 5px;
} .ContainerFerie .extraInfoRow {
    border-top: 2px solid #196619;
} .ContainerPermessi .extraInfoRow {
    border-top: 2px solid #800000;
} .barRDiv {
    margin: 0;
    padding: 0;
    flex: 0 0 0;
    max-width: 0;
} .ContainerFerie .barRDiv {
    border: 1px solid #196619;
} .ContainerPermessi .barRDiv {
    border: 1px solid #800000;
} .colTipPerm {
    font-size: 28px;
    margin-bottom: 10px;
    text-align: left !important;
    padding-left: 26px;
} .ContainerFerie .colTipPerm {
    color: #196619;
} .ContainerPermessi .colTipPerm {
    color: #800000;
} .ContainerFerie .extraInfo {
    margin-top: -5px;
} .ContainerFerie .row100 .infoshort {
    margin-bottom: 10px;
} #vuotoPer, #vuotoFer {
    display: none;
} .btnPDF {
    margin: 0 auto;
    margin-top: -30px;
    height: 60px;
    width: 50px;
    background-repeat: no-repeat;
    background-size: 60px;
    background-position-x: -5px;
    cursor: pointer;
} .ContainerFerie .btnPDF {
    background-image: url(../image/g-pdf.png);
} .ContainerPermessi .btnPDF {
    background-image: url(../image/r-pdf.png);
} .btnPDF:after {
    content: 'Scarica';
    position: relative;
    display: block;
    top: 65px;
    left: 0;
    background-color: white;
    width: 52px;
    height: 23px;
    border-radius: 3px;
    font-size: 14px !important;
    font-weight: 600;
} .ContainerFerie .btnPDF:after {
    color: #196619 !important;
} .ContainerPermessi .btnPDF:after {
    color: #800000 !important;
} .ContainerFerie .infoshort {
    display: inline-block;
} .casellaF {
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 9px;
    margin-left: 5px;
    margin-top: 10px;
    border: 2px solid rgba(25, 102, 25,0.7);
    background-color: rgba(255, 255, 255, 0.8);
} .casFSpan:first-child {
    font-weight: 500;
} .casFSpan:last-child {
    font-size: 13px;
    position: relative;
    top: -2px;
} .colPermDescr {
    flex: 0 0 36%;
    max-width: 36%;
} .rowPermDescr {
    padding: 30px 10px 0 5px !important;
} .rowIntPermFer {
    padding: 5px 10px 15px 10px !important;
} #colS button {
    width: 51%;
} #colS {
    border: 3px solid var(--nav2_color);
} #colS button:first-child {
        z-index: 0;
    } #colS button:focus {
        outline: 0 !important;
    } .btnSelect, .btnNoSelect, .noSelStat {
    cursor: pointer;
    transition: var(--an_active);
} .btnSelect {
    background-color: var(--main_color);
    color: #fff;
} .btnNoSelect {
    color: #878585;
    background-color: #f2f2f2;
} .btnNoSelect:active, .btnSelect:active, .noSelStat:active {
        border-radius: 0 !important;
        transform: var(--sc_active);
    } .btnSelect:hover, .noSelStat:hover {
        z-index: 0 !important;
    } .btnSelect:focus, .btnNoSelect:focus, .noSelStat:focus {
        box-shadow: none !important;
    } .obblig {
    background-color: #ffff66 !important;
} .colPermessi .cScrollBox {
    padding-right: 50px !important;
} .rowPermDescr .containerRicMex #cercaFer, .rowPermDescr .containerRicMex #cercaPer {
    width: calc( 100% - 50px ) !important;
} .rowPermDescr #colS{
   height: 60px;
} #BottoniPermMob {
    display:none;
} #RicercaSmallPermessi, #RicercaSmallFerie{
    display:none;
} @media screen and (max-width: 993px) {
    .infoshort {
        font-size: 13px;
    }
    .colTipPerm {
        font-size: 20px;
    }
    .rowBoxPF > .col-alignverticalcenter {
        padding-left: 0;
        width: 24px;
        top: 0;
        padding-bottom: 14px;
    }
    .casellaF {      
        width: 30px;
        height: 41px;   
        margin-left: 4px;
        margin-top: 7px;
    }

    #colS > .btn{
        font-size:11px;
    }
} @media screen and (max-width: 767px) {
    #RicercaSmallPermessi, #RicercaSmallFerie {
        display: block;
    }
    #BottoniPermMob {
        display: block;
    }

    .infoshort {
        font-size: 16px;
    }

    .colTipPerm {
        font-size: 20px;
    }

    .rowBoxPF > .col-alignverticalcenter {
        /*padding-left: 90%;*/
        width: 100%;
        top: 0;
        padding-bottom: 6px;
        padding-right: 0;
    }

    .casellaF {
        width: 34px;
        height: 51px;
        margin-left: 4px;
        margin-top: 7px;
    }

    #colS > .btn {
        font-size: 11px;
    }

    .plusMen {
        position: relative;
        top: -35px;
        display: block;
        margin: 0 auto;
        margin-right: 25px;
    }

    .btnPDF {
        position: absolute;
        right: -110%;
        transform: scale(0.7);
    }

    .barRDiv {
        display: none;
    }

    #boxFerie .btnPDF {
        margin-top: -37px;
    }
    #boxFerie .plusMen {
        top: -20px;
    }

    #colS {
    display: flex;
    }

    .obbry #btnCercaMex {
        height: 36px !important;
        width: 36px !important;
        font-size: 15px;
        margin-right: 3%;
        margin-top: 0 !important;
        border-radius: 100% !important;
    }
    .rowIntPermFer .txtOreSt {
        font-size: 16px;
    }

} @media screen and (max-width: 439px) {

    .rowPermDescr {
        padding: 21px 10px 0 10px !important;
    }

    .casellaF {
        width: 34px;
        height: 51px;
        margin-left: 4px;
        margin-top: 7px;
    }

    #colS > .btn {
        font-size: 11px;
    }

    .plusMen {
        margin-right: 7px;
    }
    .btnPDF {
        position: absolute;
        right: -110%;
        transform: scale(0.7);
    }

    .barRDiv {
        display: none;
    }
    .all-space {
       font-size:12px;
    }
    #boxFerie > .btnPDF {
        margin-top: -37px;
    }
} @media screen and (max-width: 394px) {

    .casellaF {
        width: 34px;
        height: 51px;
        margin-left: 4px;
        margin-top: 7px;
    }

    #colS > .btn {
        font-size: 11px;
    }

    .plusMen {
        margin-right: 7px;
    }

    .btnPDF {
        position: absolute;
        right: -110%;
        transform: scale(0.7);
    }

    .barRDiv {
        display: none;
    }

    .all-space {
        font-size: 10px;
    }

    #boxFerie > .btnPDF {
        margin-top: -37px;
    }
}
    /* Invia Mesaggi */
    .boxMessInv {
    text-align: center;
    width: 660px;
    height: 100%;
    margin: 0 auto;
} #messaggione {
    height: 75px;
    border-width: 3px;
    box-shadow: none;
    padding: 10px !important;
    border-bottom-right-radius: 0;
} #selezz {
    height: 380px;
    overflow: auto;
    border-width: 3px;
} #selezz .cListRicerca {
     height: 215px;
} #selezz .cListRicerca, #selezz #cerca, #selezz #slgruppo, #cercaGru {
     border-width: 2px;
} #contScrollG {
    height: 280px !important;
} #Legendmsg {
    padding-top: 4px;
    height: 53px;
} #legendSelMex {
    border-width: 3px;
    height: 374px;
} #boxI, #boxG, #boxT, #boxA {
    display: none;
} #boxBtnMexInv {
    display: none;
} .colStyleMex {
    max-width: 710px !important;
    min-width: 660px !important;
    margin: auto;
    margin-bottom: 16px;
    padding-top: 15px;
    padding-bottom: 15px;
} #decrMexDesk {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
} .colStyleMex #imasctemp {
    overflow: hidden;
} .colMMex {
    max-width: 1420px !important;
    margin: auto;
    margin-top: 16px;
} #boxBtnMexInv .labelText {
    margin-bottom: 0px;
    font-size: 1.2rem !important;
} #boxBtnMexInv .card {
    top: -10px;
} #boxBtnMexInv {
    margin-top: 20px;
} .colStyleMex .labelText {
    font-size: 1.2rem !important;
} @media screen and (max-width: 966px) {
    #Legendmsg {
        font-size: 1.5rem;
    }

    #boxBtnMexInv .card {
        top: 0;
    }

    #messaggione {
        font-size: 16px;
    }
} @media screen and (max-width: 768px) {
    .boxMessInv {
        width: 100%;
    }
    .colStyleMex {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        min-width: 1px !important;
    }
    #boxBtnMexInv {
        margin-top: 0px;
    }
    #boxBtnMexInv .labelText {
        font-size: 0.8rem !important;
    }
    #legendSelMex {
        height: 305px;
    }
} @media screen and (max-width: 766px) {
    #legendSelMex {
        height: 170px;
    }
    #selezz #boxT {
        width: 200px;
        height: 110px;
        left: calc(50% - 100px);
        top: calc(50% - 60px);
    }
}
    /*input[fotid] {
    display: block !important;
}*/
    /*@media screen and (max-width: 768px) {
    input[fotid] {
        display: none !important;
    }
}*/
    .d-non {
    display: none !important;
} #mapTimbCel {
    width: 100%;
    height: calc(100% - 121px);
    border: 2px solid var(--main_color);
    border-radius: 15px;
    overflow: hidden !important;
    clip: rect(auto, auto, auto, auto) !important;
    position: relative;
    margin-top: 12px;
    margin-bottom: 15px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
} #gstimbra{
    margin-bottom: 20px;
}
    /*.tableOreM #grdati td span {
    font-size: 15px;
}*/
    .hovUns{
    overflow: unset !important;
} .overHide {
    overflow: hidden;
    padding:5px;
} .colTruniMan10Padd{
    padding:10px !important;
} .primdop {
    background-color: #7f8286 !important;
} @-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
} @keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
} @keyframes shake {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    25% {
        -webkit-transform: translate3d(-4px, 0, 0);
        transform: translate3d(-4px, 0, 0);
    }
    40% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
} @-webkit-keyframes shake {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    25% {
        -webkit-transform: translate3d(-4px, 0, 0);
        transform: translate3d(-4px, 0, 0);
    }

    40% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
} .errorInputIme {
    animation: shake .1s 2 ease-in-out;
    background-color: #ffc2c2 !important;
    color: #dc3545 !important;
} .shakeError {
    animation: shake .1s 2 ease-in-out;
}
    /* Input Orari*/
    /*input[type=time]::-webkit-clear-button,
input[type=time]::-webkit-outer-spin-button,
input[type=time]::-webkit-inner-spin-button {
    display: none;
}*/
    /*input[type=time] {
    padding: 15px !important;
    -webkit-appearance: square-button;
}*/
    @media screen and (max-width: 768px) {
    .fildBoxP .col3Mobile {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 26% !important;
        flex: 0 0 26% !important;
        max-width: 26% !important;
    }

    .fildBoxP legend {
        margin-bottom: 2px;
    }

    .fildBoxP {
        padding-bottom: 1px;
    }
}
    /* Storico Messaggi */
    .containerMexMast {
    max-width: 1005px;
    margin: 0 auto;
} .containerMexMast .textH4 {
        font-size: 27px;
    } #boxMex {
    padding-bottom: 100px;
} .ContainerMex {
    background-color: var(--bgpopup_color);
    border: 3px solid var(--main_color);
    border-radius: 14px;
    height: 165px;
    margin-bottom: 15px;
    padding: 0;
    -webkit-transition: height 400ms !important;
    transition: height 400ms !important;
    overflow: hidden;
    /*max-width: 676px;*/
} .containerRicMex {
    float: right;
} .textMexPrinc {
    width: 100%;
    color: var(--main_color);
    font-weight: 500;
    font-size: 17px;
    padding: 0;
    overflow-wrap: break-word;
} .mexH {
    height: 160px;
    overflow: auto;
} .mexH:first-child {
        border-right: 3px solid var(--main_color);
    } .infoMexCont {
    height: 39px;
} .infoMexCont .textMexPrinc {
        font-weight: 400;
        text-align: left;
        font-size: 18px;
    } .infoMexCont .textMexPrinc strong {
            font-weight: 700;
            font-size: 19px;
        } .infoMexCont .textMexPrinc span {
            margin-left: 10px;
        } #cercaMex, #cercaFer, #cercaPer{
    margin-bottom: 15px;
    border-right: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    width: 260px;
} #btnCercaMex, .btnCercaMain {
    height: 50px;
    width: 50px;
    border: 3px solid var(--main_color);
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    background-color: var(--btn2_color);
    color: var(--main_color);
    margin-top: 15px;
    outline: none;
    align-items: center;
    justify-content: center;
    display: flex;
    cursor: pointer;
    transition: var(--an_active);
} #btnCercaMex:active, .btnCercaMain:active{
        transform: var(--sc_active);
    } .selectMexGruTT {
    width: 260px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.7);
} .containerBoxElem {
    height: 650px;
    padding: 15px 15px 0 15px;
    margin-bottom: 150px;
} .scrollBox {
    height: 635px;
    overflow: auto;
} .boxElem {
    width: 100%;
} @media screen and (max-width: 768px) {
    .containerBoxElem {
        height: 720px;
        padding: 0 15px 0 15px;
    }

    #altriCMexStor {
        left: calc(50% - 35px);
    }

    .contRicMobileC {
        margin: 0 auto;
        width: 340px;
    }
} @media screen and (max-width: 766px) {
    .containerMexMast .textH4 {
        margin-top: 20px !important;
    }

    .boxSMexMob {
        height: 415px;
    }

    .containerBoxElem {
        height: 550px;
    }

    .ContainerMex {
        height: 330px;
    }

        .ContainerMex .row100 .mexH:first-child .row {
            border-bottom: 3px dotted var(--main_color);
        }

    .infoMexCont {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

        .infoMexCont .textMexPrinc span {
            font-size: 14px;
        }

        .infoMexCont .textMexPrinc strong {
            font-size: 17px;
        }

    .mexH:first-child {
        border-right: 0;
    }

    .selectMexGruTT {
        width: 220px;
    }

    .mexH:first-child {
        overflow: hidden;
    }

    .mexH:last-child {
        overflow: auto;
    }
} @media screen and (max-width: 370px) {
    .infoMexCont .textMexPrinc span {
        font-size: 14px;
    }

    .infoMexCont .textMexPrinc strong {
        font-size: 11px;
    }

    .selectMexGruTT {
        width: 168px;
    }

    .contRicMobileC {
        margin: 0 auto;
        width: 290px;
    }

    #cercaMex {
        width: 210px;
    }
}
    /*      Statistiche     */
    .visible {
    z-index: 99;
    overflow: visible !important;
} .alza {
    z-index: 99 !important;
} .colRicercaStat {
    position: absolute;
    left: 15px;
    top: 99px;
    width: 717px;
    height: 80px;
    padding: 15px 15px 15px 0;
    -webkit-transition: width 200ms;
    transition: width 200ms;
    overflow: hidden;
    /*z-index: 99;*/
} .colRicercaStat.wAuto {
        width: unset;
        overflow: inherit;
        z-index: 2;
    } .colRicercaStat.wAuto .colRicStatInt {
            width: unset;
            position: relative;
        } .colRicStatInt {
    position: absolute;
    height: 50px;
    width: 1200px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
} .aftRic {
    width: 360px;
    display: flex;
} .colRicercaStat .inputmain {
    margin: 0;
    margin-left: 15px;
} .colRicercaStat #slanno, #slannoCf {
    width: 90px;
} .colRicercaStat #slmese {
    width: 138px;
} .colRicercaStat #slgruppers, .colRicercaStat #sltipscad{
    width: 208px;
    padding-left: 12px !important;
    /*z-index: 99;*/
    position: relative;
    text-align: left;
    cursor: pointer;
    transition: var(--an_active);
} .colRicercaStat #slnorm {
    width: 141px;
} .colRicercaStat #avviaRic, #avviaConfr {
    width: 50px;
    color: var(--main_color);
    padding: 15px;
    background-color: var(--btn2_color);
    cursor: pointer;
    transition: var(--an_active);
}
    /*.colRicercaStat #avviaRic:hover, #avviaConfr:hover {
        background-color: rgba(136, 194, 232, 1);
        color: #e8f5fc;
    }*/
    .colRicercaStat #avviaRic:active, #avviaConfr:active {
        transform: var(--sc_active);
    } .colRicercaStat #avviaRic {
    align-items: center !important;
    display: flex !important;
} .colRicercaStat #avviaRic i {
        margin: 0 auto;
    } #avviaConfr {
    width: 94px;
    padding: 0 0 0 8px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: 0px;
    position: relative;
    left: -2px;
} #slannoCf {
    width: 70px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
} #slgruppers:after, #sltipscad:after, .prioACol:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f078";
    position: absolute;
    right: 12px;
    top: 12px;
    pointer-events: none;
    z-index: 0;
} .prioACol:after {
    background-color: #fefdfd;
    height: 100%;
    top: 0;
    width: 40px;
    right: 0;
    border-radius: 0 11px 11px 0;
    display: flex;
    align-items: center;
    justify-content: center;
} .divid {
    position: relative;
    width: 3px;
    height: 50px;
    background-color: var(--main_color);
    margin-left: 10px;
    margin-right: 10px;
} .btnMTurni {
    display: flex;
    align-items: center;
    margin-left: 15px;
} #contGrupPers, #contPopCat {
    position: absolute;
    z-index: 100;
    /*top: 0;
    left: 0;*/
    top: 70px;
    left: 290px;
    height: 450px;
    width: 340px;
    background-color: var(--bglight_color);
    border-radius: 25px;
    box-shadow: 0 0 60px rgba(0, 0, 0, .4);
    display: none;
    padding: 0 !important;
} #contGrupPers.boxSceltPers, #contPopCat.boxSceltPers {
        height: 475px;
    } #contGrupPers::after, #contPopCat::after {
        content: "";
        position: absolute;
        top: -39px;
        left: 150px;
        border-top: 20px solid transparent;
        border-right: 20px solid transparent;
        border-bottom: 20px solid var(--bglight_color);
        border-left: 20px solid transparent;
    } .contBtnPG {
    border: 2px solid var(--nav2_color);
    width: 310px;
    height: 50px;
    margin-top: 15px;
    margin-left: 15px;
    border-radius: 11px;
    overflow: hidden;
    display: flex;
} .contBtnPG button:first-child {
        z-index: 0;
    } .contBtnPG button {
        width: 100%;
        border: 0;
        margin: 0;
        -webkit-appearance: none;
    } .contBtnPG button:first-child {
            border-right: 1px solid #9b9b9b;
        } .contBtnPG button:last-child {
            border-left: 1px solid #9b9b9b;
        } .contBtnPG button:focus {
            outline: 0 !important;
        } .conBoxIG {
    padding-left: 15px;
    padding-right: 15px;
} #boxIstat, #boxGstat, #boxCstat {
    width: 100%;
    height: 380px;
    display: none;
} #contPopCat.boxSceltPers #boxCstat {
    height: 445px;
} #boxIstat .itemsRicerca, #boxGstat .itemsRicerca, #boxCstat .itemsRicerca{
        width: 285px;
    } #boxScegli {
    width: 100%;
    height: 350px;
    margin-top: 20px;
    /*margin-bottom: 10px;*/
    border: 2px solid #9b9b9b;
    border-radius: 10px;
} #contGrupPers.boxSceltPers #boxScegli {
    height: 380px;
    margin-top: 15px;
} #selDGtext {
    overflow-wrap: break-word;
    width: 200px;
    height: 100px;
    position: relative;
    left: calc(50% - 100px);
    top: calc(50% - 50px);
} #boxIstat #cerca, #boxIstat #slgruppo, #boxGstat #cercaGru, #boxCstat #cercaCat {
    border: 2px solid var(--main_color);
} #boxGstat {
    display: none;
} .noSelStat {
    color: #424242;
    font-weight: 500;
} #contGrupPers .contBtnPG {
    border: 2px solid #9b9b9b;
} #contGrupPers.boxSceltPers .wrapInp, #contPopCat.boxSceltPers .wrapInp {
    margin-top: 15px;
}
    /*.conBoxIG #NessunDipGru, .conBoxIG #NessunDipInd {
    top: calc(50% + 30px);
}*/
    #boxGstat #gruppiMex {
    height: auto;
}
    /* Costi 3 bottoni */
    /*.cont3btnC div {
    background-color: red;
    border-right: 2px solid #9b9b9b;
    width: 33.33333%;
    display: flex;
    align-items: center;
}
    .cont3btnC div:last-child {
        border-right: 0;
    }
    .cont3btnC div:last-child {
        border-right: 0;
    }
    // Da Vedere 
    .cont3btnC div.noSelStat:first-child {
        border-right: 2px solid #9b9b9b;
}

*/
    .ListRicerca .itemsRicerca:last-child {
    margin-bottom: 0px;
} #gruppiMex, #cartlavv {
    padding: 0;
    padding-bottom: 80px;
} #boxIstat .cListRicerca {
    height: 225px;
    border: 2px solid var(--main_color);
    border-radius: 11px;
} #boxGstat .cListRicerca, #boxCstat .cListRicerca {
    height: 290px;
    border: 2px solid var(--main_color);
    border-radius: 11px;
} .loadMultiS {
    position: absolute;
    /*margin-left: 100px;*/
    z-index: 2;
    width: 30px;
    height: 30px;
    padding: 4px 4px 4px 4px;
    background-position: center;
    background-size: 30px;
    top: 10px;
    left: calc(50% - 10px);
    background-color: var(--bglight_color);
    border-radius: 100%;
} .colTabellaStat {
    position: absolute;
    left: 15px;
    top: 250px;
    width: calc( 100% - 30px);
    height: calc(100% - 310px);
    min-height: 600px;
    overflow: hidden;
    padding: 5px;
} .colTabellaStat #testaore {
        width: calc( 100% - 41px );
        /*width: calc( 100% - 42px );*/
        background-color: var(--bglight_color);
        padding-top: 0;
        z-index: 1;
    } @media screen and (max-height: 910px) {
    .contBoxRis {
        height: 800px;
    }
} .colTabellaStat #grdati {
    top: 66px;
} .contTableScr {
    border: 1px solid transparent;
    position: relative;
    overflow: auto;
    overflow-x: hidden;
    width: calc(100% + 25px);
    height: 100%;
} .toti {
    background-color: #999999 !important;
    color: #fff !important;
}
    /*.ordBtn:hover {
    background-color: rgba(136, 194, 232, 1);
    color: #e8f5fc;
}*/
    .ordBtn:active {
    transform: var(--sc_active);
} .ordBtn {
    color: var(--main_color);
    font-size: 22px;
    width: 50px;
    padding-left: 12px;
    background-color: var(--btn2_color);
    border-radius: 0;
    margin-left: -2px !important;
    cursor: pointer;
    transition: var(--an_active);
} .ordBtn:last-child {
        border-radius: 0 11px 11px 0;
    } #txtOrd {
    text-align: center;
    line-height: 40px;
    width: 65px;
    border-radius: 11px 0 0 11px;
} #txtVist {
    text-align: center;
    line-height: 40px;
    width: 50px;
    border-radius: 11px 0 0 11px;
} .colGraf {
    display: none;
    padding: 10px 20px 20px 20px;
    width: 1250px;
    height: 630px;
    left: calc( (100% - 1250px) /2 );
} .colTabellaStat #loadVuoto, .colTabellaOre #loadVuoto {
    width: 850px;
    left: calc(50% - 425px);
}
    /* Check Box foto Appr*/
    .cardAppr input[type="checkbox"], .rowControllAppr input[type="checkbox"] {
    display: block !important;
} .checkD-None {
    position: absolute;
    top: -10px;
    right: -10px;
    -webkit-appearance: none;
    width: 36px;
    height: 36px;
    z-index: 2;
    outline: none;
    border: 0 !important;
    padding: 0 !important;
} .checkD-None:checked {
        -webkit-appearance: none;
        background-color: transparent !important;
        cursor: pointer;
    } .chNoneAll {
    top: 9px;
    right: unset;
    left: 9px;
} @media screen and (max-width: 768px) {
    .chNoneAll {
        top: 5px !important;
        right: 5px !important;
        left: unset;
    }

    .rowControllAppr input[type="checkbox"] {
        display: block !important;
    }
} .checkbox {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    position: absolute;
    top: -10px;
    right: -10px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    -moz-border-radius: 36px;
    -webkit-border-radius: 36px;
    border-radius: 36px;
    display: block;
    background-color: rgba(0, 0, 0, 0.25);
    -moz-transition: all 0.15s cubic-bezier(0.5, 0, 0, 1.5);
    -o-transition: all 0.15s cubic-bezier(0.5, 0, 0, 1.5);
    -webkit-transition: all 0.15s cubic-bezier(0.5, 0, 0, 1.5);
    transition: all 0.15s cubic-bezier(0.5, 0, 0, 1.5);
} .checkbox:after {
        line-height: 38px;
        content: "\f00c";
        background-color: rgba(165, 194, 92, 0);
        display: block;
        color: rgba(255, 255, 255, 0.5);
        text-align: center;
        width: 100%;
        height: 100%;
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        font-size: 30px;
        -moz-transition: all 0.15s cubic-bezier(0.5, 0, 0, 1.5), font-size 0.35s cubic-bezier(0.5, 0, 0, 3);
        -o-transition: all 0.15s cubic-bezier(0.5, 0, 0, 1.5), font-size 0.35s cubic-bezier(0.5, 0, 0, 3);
        -webkit-transition: all 0.15s cubic-bezier(0.5, 0, 0, 1.5), font-size 0.35s cubic-bezier(0.5, 0, 0, 3);
        transition: all 0.15s cubic-bezier(0.5, 0, 0, 1.5), font-size 0.35s cubic-bezier(0.5, 0, 0, 3);
    } .checkD-None:checked ~ .checkbox:after {
    background-color: #a5c25c;
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    font-size: 28px;
    color: white;
} .checkD-None:checked:hover ~ .checkbox:after {
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
} .checkD-None:hover ~ .checkbox {
    background-color: rgba(0, 0, 0, 0.5);
} .checkD-None:hover ~ .checkbox:after {
        color: white;
    } .masterchck {
    top: 9px;
    right: unset;
    left: 9px;
} .masterchck:after {
        content: "\f560";
    } @media screen and (max-width: 768px) {
    .masterchck {
        top: 5px !important;
        right: 5px !important;
        left: unset;
    }
}
    /* Permessi Approvati Rifiutati */
    .bSpApp, .bSpRif, .bsPCar {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
} .bSpApp:after, .bSpRif:after, .bsPCar:after {
        position: absolute;
        z-index: 98;
        top: 4px;
        right: 4px;
        width: 35px;
        height: 35px;
        border-radius: 100%;
        background-color: #70db70;
        content: "\f00c";
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-size: 24px;
    } .bSpRif:after {
        background-color: #ff4d4d;
        content: "\f00d";
    } .bsPCar:after {
        background-color: var(--nav2_color);
        content: "\f3f4";
        animation: spin 800ms linear infinite;
    } .nav-link {
    color: white !important;
} .nav-link:hover {
        text-decoration-line: overline;
        text-decoration-style: solid;
        text-decoration-color: var(--bglight_color);
    } .active {
    color: var(--main_color) !important;
    background-color: var(--bglight_color);
    border-radius: 8px;
    margin: 2px;
    font-weight: 600;
} #c_not_pulse {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: var(--nav2_color);
    position: absolute;
    right: 48px;
    top: 4px;
    animation: pulse 2s infinite;
    display: none;
} .pulse_green {
    background-color: rgba(112, 219, 112, 0.9) !important;
} .pulse_red {
    background-color: rgba(255, 77, 77, 0.8) !important;
} @media screen and (max-width: 1366px) {
    #c_not_pulse {
        right: 51px;
    }
}
    /* Report */
    .contReport, .contReportM {
    background-color: transparent;
    position: absolute;
    left: 15px;
    top: 155px;
    width: calc( 100% - 30px);
    height: calc(100% - 215px);
    border-radius: 20px;
    padding: 12px;
    border: 3px solid var(--bglight_color);
} .contReportM {
    background-image: url(/Image/sfondone.jpg);
    filter: blur(5px);
    border: 0;
    background-size: cover;
}
    /* Box Notifiche Generali */
    #boxNotGen {
    position: absolute;
    z-index: 102;
    top: 118px;
    /*right: 83px;*/
    height: 450px;
    width: 340px;
    background-color: var(--bgpopup_color);
    border-radius: 25px;
    border-top-right-radius: 0;
    box-shadow: 0 0 60px rgba(36, 36, 36,0.8);
    display: none;
} #boxNotGen::after {
        content: "";
        position: absolute;
        top: -18px;
        right: 0px;
        border-top: 0px solid transparent;
        border-right: 0px solid transparent;
        border-bottom: 18px solid var(--bgpopup_color);
        border-left: 22px solid transparent;
    } .cListNot {
    margin: 0;
    border: 0;
    width: 340px;
    height: 450px;
} .itemsNotif {
    position: relative;
    overflow: hidden;
    max-width: 319px !important;
    padding: 0;
    padding-left: 15px;
    padding-right: 48px;
    height: unset;
    min-height: 52px;
    padding-bottom: 10px;
    padding-top: 10px;
    max-height: unset;
} .itemsNotif .bSpApp:after, .itemsNotif .bSpRif:after, .itemsNotif .bsPCar:after {
        top: 7px;
        right: 7px;
        height: 34px;
        width: 34px;
        font-size: 18px;
    } #errorReport {
    overflow-wrap: break-word;
    width: 500px;
    height: 90px;
    position: absolute;
    left: calc(50% - 250px);
    top: calc(50% - 45px);
    display: none;
} #errorReport .textH4 {
        color: white;
    } #iframeReport {
    height: 100%;
    width: 100%;
    border: 0;
    z-index: -1;
    position: relative
}
    /* Stampe Col */
    .colStampe, .colBuPa {
    height: 80px;
    position: absolute;
    right: 15px;
    top: 155px;
    width: 74px;
    padding: 0;
    -webkit-transition: width 400ms;
    transition: width 400ms;
    overflow: hidden;
    z-index: 2;
} .colStampe{
 right: 65px;
} .colStampeInt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: absolute;
    height: 80px;
    width: 1000px;
} .badge_stampe {
    display: inline-block;
    padding: 5px;
    color: #fff;
    background-color: var(--btn3_color);
    /* font-weight: 400; */
    font-size: 24px;
    border-radius: 5px;
    line-height: 1;
    /* text-align: center; */
    /* white-space: nowrap; */
    /* vertical-align: baseline;*/
} .ff_stampe {
    font-size: 29px;
    color: var(--btn3_color);
    margin-right: 5px;
    margin-left: -5px;
} .ff_stampe_rotate {
    transition: 0.70s;
    -webkit-transition: 0.70s;
    -moz-transition: 0.70s;
    -o-transition: 0.70s;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
} .ff_stampe_def {
    transition: 0.70s;
    -webkit-transition: 0.70s;
    -moz-transition: 0.70s;
    -o-transition: 0.70s;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
} .conBtnStampe {
    display: flex;
    align-items: center;
    margin-left: 11px;
}
    /* Bottoni Stampe */
    .grupStampe {
    vertical-align: middle;
    padding: 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.22);
    border-radius: 11px;
    height: 60px;
    margin-top: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    width: 120px;
    overflow: hidden;
    -webkit-transition: width 200ms;
    transition: width 200ms;
    margin-right: 10px;
} .grupStampe .Contuy{
        width: 600px;
        display: flex;
        align-content: center;
    } .grupStampe .inputmain {
        height: 60px;
        box-shadow: none;
        margin: 0;
    } .txtOreSt {
    text-align: center;
    line-height: 49px;
    width: 120px;
    border-radius: 11px 0 0 11px;
    cursor: pointer;
} .boxDecOre {
    width: 110px;
    border-radius: 0;
    margin-left: -2px !important;
} .boxDecEco {
    width: 59px;
    border-radius: 0;
    margin-left: -2px !important;
    position: relative;
} .boxType {
    width: 160px;
    border-radius: 0;
    margin-left: -2px !important;
    position: relative;
    padding: 0 !important;
    overflow: hidden;
    transition: height 150ms linear;
} .boxType div {
        height: 58px;
        border-bottom: 2px solid var(--main_color);
        background-color: var(--bglight_color);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    } .boxType div:first-child{
            padding-right: 26px;
        } .boxType div:last-child{ 
    border-bottom: 0;
} .boxType:after {
        right: 15px;
        top: 18px;
    } .boxDecOre form {
    position: relative;
} .boxDec, .boxOre, .boxEco, .boxSpy {
    background-color: #e0e0e0;
    border-radius: 9px;
    display: inline-block;
    position: relative;
    top: 0;
    height: 50px;
    width: 47px;
    margin-left: 1px;
} .boxOre {
    margin-left: 0;
} .radioStampe {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    position: absolute;
    top: -4px;
    left: 6px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    -moz-border-radius: 36px;
    -webkit-border-radius: 36px;
    border-radius: 36px;
    display: block;
    -moz-transition: all 0.15s cubic-bezier(0.5, 0, 0, 1.5);
    -o-transition: all 0.15s cubic-bezier(0.5, 0, 0, 1.5);
    -webkit-transition: all 0.15s cubic-bezier(0.5, 0, 0, 1.5);
    transition: all 0.15s cubic-bezier(0.5, 0, 0, 1.5);
} .radioStampe:before {
        position: absolute;
        display: block;
        top: 33px;
        left: 0px;
        background-color: white;
        width: 35px;
        height: 16px;
        padding-left: 7px;
        border-radius: 4px;
        font-size: 11px;
        font-weight: 600;
        color: #e0e0e0;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    } .RadioOre:before {
    content: 'Ore';
} .RadioDec:before {
    content: 'Dec';
} .RadioEco:before {
    content: 'Eco';
} .RadioSpy:before {
    content: 'Seg';
} .radioStampe:after {
    line-height: 38px;
    display: block;
    color: white;
    text-align: center;
    width: 100%;
    height: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    font-size: 21px;
    -moz-transition: all 0.15s cubic-bezier(0.5, 0, 0, 1.5), font-size 0.35s cubic-bezier(0.5, 0, 0, 3);
    -o-transition: all 0.15s cubic-bezier(0.5, 0, 0, 1.5), font-size 0.35s cubic-bezier(0.5, 0, 0, 3);
    -webkit-transition: all 0.15s cubic-bezier(0.5, 0, 0, 1.5), font-size 0.35s cubic-bezier(0.5, 0, 0, 3);
    transition: all 0.15s cubic-bezier(0.5, 0, 0, 1.5), font-size 0.35s cubic-bezier(0.5, 0, 0, 3);
} .boxDec .radioStampe:after {
    content: "\f162";
    font-size: 17px;
} .boxOre .radioStampe:after {
    content: "\f017";
} .boxEco .radioStampe:after {
    content: "\f06c";
    font-size: 19px;
} .boxSpy .radioStampe:after {
    content: "\f21b";
} .cOre:hover ~ .boxOre, .cDec:hover ~ .boxDec, .cEco:hover ~ .boxEco, .cSpy:hover ~ .boxSpy {
    background-color: rgba(0, 0, 0, 0.5);
} .cOre:hover ~ .boxOre .radioStampe:before, .cDec:hover ~ .boxDec .radioStampe:before, .cEco:hover ~ .boxEco .radioStampe:before, .cSpy:hover ~ .boxSpy .radioStampe:before {
        color: rgba(0, 0, 0, 0.5);
    } .cOre:checked ~ .boxOre, .cDec:checked ~ .boxDec, .cEco:checked ~ .boxEco, .cSpy:checked ~ .boxSpy {
    background-color: #81D981
} .cOre:checked ~ .boxOre .radioStampe:before, .cDec:checked ~ .boxDec .radioStampe:before, .cEco:checked ~ .boxEco .radioStampe:before, .cSpy:checked ~ .boxSpy .radioStampe:before {
        color: #81D981
    } .cDec, .cOre, .cEco, .cSpy {
    width: 48px;
    height: 48px;
    top: 0;
} .cDec {
    left: 0;
} .cOre {
    right: 0;
} .cEco, .cSpy {
    top: 4px;
    left: 2px;
} .boxDecEco input[type="checkbox"], .boxDecEco input[type="checkbox"] {
    display: block !important;
    cursor: pointer;
} .b_r_btnStamp {
    border-radius: 11px !important;
} .infoBoxSt {
    top: 238px;
    background-color: var(--bglight_color);
    border: 3px solid var(--btn3_color) !important;
    height: unset;
    width: 190px;
    display: none;
    -webkit-box-shadow: 0px 10px 60px 2px rgba(54,54,54,0.4);
    -moz-box-shadow: 0px 10px 60px 2px rgba(54,54,54,0.4);
    box-shadow: 0px 10px 60px 2px rgba(54,54,54,0.4);
} .infoBoxSt .arrowLogo {
        color: #363636 !important;
        font-weight: 500;
        margin: 10px;
        display: block;
        line-height: normal;
    } .infoBoxSt:before {
        border-bottom-color: var(--btn3_color);
    } .infoBoxSt:after {
        border-bottom-color: var(--bglight_color);
    }
    /* Turni Miei*/
    #tabtr {
    width: 100%;
    /*margin-bottom: 80px;*/
    position: relative;
} #tabtr tr {
        width: 100%;
    }
    /*#tabtr tr:first-child {
        position: fixed;
        margin-top:-41px;
        z-index:98;
    }*/
    .tabTruniMiee tr:nth-child(2) {
    display: none;
    margin-top: 40px;
} #tabtr td {
    border: 2px solid rgba(0, 0, 0, 0.5);
    text-align: center;
    height: 40px;
    padding: 0;
    position: relative;
    user-select: none !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: var(--an_active);
} #tabtr td span, #tabtr td div {
        user-select: none;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }
    /*#tabtr td span {
        font-size: 11px;
        position: relative;
        top: -2px !important;
    }*/
    #tabtr td span {
        font-size: 12px;
        position: relative;
        display: flex;
        height: 30px;
        align-items: center;
        justify-content: center;
    } .colTruniMan #tabtr span.span_Truni_ore {
    font-size: 11px !important;
    height: 30px;
    width: 38px;
    line-height: 1.2;
    top: unset !important;
    margin: 0 auto;
} #tabtr td div {
        display: flex;
        align-items: center;
        justify-content: center;
    } #tabtr .grande {
    background-color: var(--main_color);
    cursor: pointer;
    color: #FEFEFE;
    font-weight: 500;
} .colTruniMiei {
    height: 640px;
    margin-bottom: 80px;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.5);
} .colTruniMiei .cScrollBox {
        margin-top: 56px;
        height: calc(100% - 56px);
        border: 0;
    } .colTruniMiei #contpers {
        display: none;
        padding: 0;
    } .colTruniMiei #loadRisultati {
        background-color: var(--bglight_color);
        border-radius: 100%;
        height: 60px;
        background-position: center;
        background-size: 50px;
        top: calc(50% - 30px);
    } .colTruniMieiDescr {
    background-color: rgba(0, 0, 0, 0.5);
} .testonne {
    color: var(--bglight_color);
    height: 35px;
    text-align: center;
    margin-top: 11px;
    font-weight: 500;
    text-shadow: 0 0 2px rgba(36,36,36,.4);
} .casTurni {
    width: 100%;
    height: 50%;
} .cas_T_Pi {
    background-color: #FFFF4C;
} .cas_T_Vuota {
    background-color: var(--bglight_color);
} .cas_T_Fer {
    background-color: rgba(112, 219, 112, 1);
} .cas_T_Mal {
    background-color: rgba(255, 77, 77, 1);
} .cas_T_Text {
    position: absolute;
    top: 0;
    height: 38px;
    width: 100%;
    display: block;
    font-size: 15px;
    font-weight: 500;
    padding-top: 6px;
} .cas_T_Dom {
    background-color: #ff6262 !important;
} .casDatiT {
    opacity: 0;
    border: 0 !important;
} .contfrc {
    position: absolute;
    height: 40px;
    width: 40px;
    border-radius: 40px;
    background-color: var(--main_color);
} .contfrc:hover {
        cursor: pointer;
        background-color: #004c9e;
        transition: background .2s ease-in-out;
    } .contfrc:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 0;
        padding-top: 0;
        border-radius: 100%;
        background-color: rgba(0, 0, 0, .5);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    } .contfrc:active:before {
        width: 120%;
        padding-top: 120%;
        transition: width .1s ease-out, padding-top .1s ease-out;
    } .contfrc > img {
        height: 25px;
        top: 8px;
        right: 6px;
        position: absolute;
    } .sx {
    left: 7px;
    top: 7px;
} .sx > img {
        right: 9px;
    } .dx {
    right: 7px;
    top: 7px;
} .btnOggiTru {
    top: 100px;
    width: 100px;
    text-align: center;
    color: var(--bglight_color);
    font-weight: 500;
    font-size: 18px;
    text-shadow: 0 0 2px rgba(36,36,36,.4);
    padding-top: 5px;
    transition: all .2s ease-in-out;
} .rowColInterneTruniM {
    padding: 20px 10px 15px 10px !important;
    overflow: hidden;
} @media screen and (max-width: 864px) {
    .testonne {
        font-size: 18px !important;
        padding-top: 5px;
    }

    .cas_T_Text {
        font-size: 11px;
        padding-top: 10px;
    }
    /*#tabtr {
        margin-bottom: 15px;
    }*/
    .colTruniMiei {
        min-height: 200px;
        height: auto;
    }

        .colTruniMiei .cScrollBox {
            padding-right: 49px !important;
        }

    /*#tabtr tr:first-child {
        position: relative;
        margin-top: 0;
        top: 0;
    }*/
}
    /*@media screen and (max-width: 768px) {
    #tabtr{
        margin-bottom: 15px;
    }
    .colTruniMiei{
        min-height: 200px;
        height: auto;
    }
        .colTruniMiei .cScrollBox {
            margin-top: 15px;
            height: 100%;
        }
    #tabtr tr:first-child {
        position: relative;
        margin-top: 0;
        top:0;
    }
}*/
    @media screen and (max-width: 688px) {
    .btnOggiTru {
        width: 40px;
    }

        .btnOggiTru div {
            top: 20px;
            position: relative;
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }

    .casMob_T {
        left: calc(50% - 15px);
        width: 30px;
        padding: 1px;
    }

    .testonne {
        height: 100%;
        margin: 0;
        padding-top: 3px;
        line-height: 28px;
    }

    .colTruniMieiDescr {
        height: 92px;
    }

    .contfrc {
        height: 78px;
    }

        .contfrc > img {
            top: 27px;
        }
} @media screen and (max-width: 480px) {
    #tabtr .grande, .tdTestaFix p {
        font-size: 8px !important;
    }
} @media screen and (max-width: 380px) {
    .casMob_T {
        left: calc(50% - 17px);
        padding-top: 3px;
    }

    .cas_T_Text {
        font-size: 11px;
    }
} @media screen and (max-width: 768px) {
    .nonne {
        left: 5% !important;
    }
}
    /* Tabella Turni New Vers. */
    .colRicTurni_n {
    width: 545px;
} #change_T_Trun, #togCost {
    width: 100px;
    position: relative;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    margin: 0;
    cursor: pointer;
    transition: var(--an_active);
} #change_T_Trun:active, #togCost:active {
        transform: var(--sc_active);
    } #change_T_Trun:before, #togCost:before, #change_T_Trun:after, #togCost:after {
        font-size: 24px;
        padding-top: 2px;
        color: #fff;
        position: absolute;
        display: block;
        width: 43px;
        height: 40px;
        top: 3px;
    } #change_T_Trun:before {
        content: "\f017";
        border-bottom-left-radius: 7px;
        border-top-left-radius: 7px;
        left: 3px;
        background-color: #e0e0e0;
    } #change_T_Trun:after {
        content: "\f031";
        border-bottom-right-radius: 7px;
        border-top-right-radius: 7px;
        right: 3px;
        background-color: #81D981;
    } #togCost:before {
        content: "\f153";
        border-bottom-left-radius: 7px;
        border-top-left-radius: 7px;
        left: 3px;
        background-color: #81D981;
    } #togCost:after {
        content: "\f017";
        border-bottom-right-radius: 7px;
        border-top-right-radius: 7px;
        right: 3px;
        background-color: #e0e0e0;
    } .cTTrun:hover::before, .cTTrun:hover::after {
    background-color: rgba(136, 194, 232, 1) !important;
} .TexTru_selOr:before {
    background-color: #81D981 !important;
} .TexTru_selOr:after {
    background-color: #e0e0e0 !important;
}
    /* Da vedere se cambiare colore */
    #togCost.togCosOrr:before {
    background-color: #e0e0e0;
} #togCost.togCosOrr:after {
    background-color: #81D981;
}
    /* Hamdunger */
    .ham {
    padding: 8px 14px;
    font-size: 20px;
    line-height: 1;
    background-color: transparent;
    border: 2px solid var(--nav2_color);
    border-radius: 7px;
    outline: none !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    color: var(--main_color);
    position: absolute;
    top: 20px;
    display: none;
} .ham:active {
        background-color: rgba(0,0,0, 0.5);
        color: white;
        border-color: white;
    } .hamsx {
    left: 15px;
} .hamdx {
    right: 15px;
    top: 15px;
} @media screen and (max-width: 992px) {
    .ham {
        display: block;
    }
} .notMobile {
    border-radius: 0 !important;
    top: 0 !important;
    height: 100% !important;
    left: -400px;
    transition: all 400ms linear;
    display: block !important;
} .notMobile::after {
        content: '';
        border: 0 !important;
    } .notMobile .cListNot {
        padding-top: 65px !important;
        height: 100%;
    } .closNotMob {
    height: 45px;
    width: 30px;
    position: absolute;
    top: 12px;
    right: 12px;
    background-color: white;
    border-radius: 9px;
    font-size: 30px;
    padding-left: 4px;
    display: none;
} .notMobile .closNotMob {
    display: block;
} .closNotMob:active {
    background-color: rgba(0,0,0, 0.5);
    color: white;
} #NotifPulse {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: var(--nav2_color);
    position: absolute;
    top: -8px;
    right: -8px;
    animation: pulse 2s infinite;
    display: none;
} .notiMobS {
    display: none;
} .m-r-5 {
    margin-right: 5px;
} #conBandiMob {
    position: fixed;
    z-index: 100;
    height: 340px;
    width: 120px;
    top: calc(50% - 170px);
    left: calc(50% - 60px);
    display: none;
} #conBandiMob .textH4 {
        color: white;
    } #conBandiMob img {
        display: block;
        height: 80px;
        width: 80px;
        margin: 0 auto;
        margin-top: 15px;
    }
    /* Tabella Turni Mobile */
    .contBtnTruniMob #change_T_Trun {
    width: 50px;
    border: 0;
    background-color: #fff;
    margin: 0;
    margin-bottom: 10px;
} .contBtnTruniMob #change_T_Trun:after {
        border-radius: 0;
        height: 19px;
        width: 42px;
        border-top-left-radius: 42px;
        border-top-right-radius: 42px;
        padding: 0;
        font-size: 13px;
        top: 4px;
        right: 4px;
    } .contBtnTruniMob #change_T_Trun:before {
        border-radius: 0;
        height: 19px;
        width: 42px;
        border-bottom-right-radius: 42px;
        border-bottom-left-radius: 42px;
        padding: 0;
        font-size: 12px;
        top: unset;
        bottom: 4px;
        left: 4px;
    } .pagTurnMob .col3Mobile {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 30% !important;
    flex: 0 0 30% !important;
    max-width: 30% !important;
    padding: 0 !important;
} .colTruniMan {
    min-height: 200px !important;
    height: auto !important;
    padding: 15px;
} @media screen and (min-width: 480px) {
    .colTruniMan #tabtr .grande {
        font-size: 8px;
    }
} @media screen and (min-width: 530px) {
    .colTruniMan #tabtr .grande {
        font-size: 10px;
    }
} .colTruniMan .selezionato {
    z-index: 97;
} .casTurni_new {
    width: 100%;
    height: 7px;
} .visual {
    -webkit-box-shadow: inset 15px 0px 2px -10px rgba(153,214,255,1), inset -15px 0px 2px -10px rgba(153,214,255,1);
    -moz-box-shadow: inset 15px 0px 2px -10px rgba(153,214,255,1), inset -15px 0px 2px -10px rgba(153,214,255,1);
    box-shadow: inset 15px 0px 2px -10px rgba(153,214,255,1), inset -15px 0px 2px -10px rgba(153,214,255,1);
} .C_gruPerMob {
    position: fixed !important;
    top: calc(50% - 225px) !important;
    left: calc(50% - 170px) !important;
} .C_gruPerMob:after {
        border: 0 !important;
    } .C_gruPerMob:before {
        content: "";
        position: absolute;
        top: -15px;
        right: -13px;
        height: 40px;
        width: 40px;
        border-radius: 100%;
        background-color: var(--bglight_color);
    } .C_gruPerMob #scrollMobileGru, .C_gruPerMob #scrollMobileInd {
        border-radius: 6px;
    } .CloxzGP {
    position: absolute;
    top: -15px;
    right: -13px;
    font-size: 25px;
    background-color: transparent;
    height: 40px;
    width: 40px;
    border-radius: 100%;
    padding: 8px 12px;
} .CloxzGP:active {
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        transform: scale(0.8);
    } .contBtnTruniMob {
    position: fixed;
    width: 50px;
    height: 350px;
    z-index: 97;
    /*bottom: 13px;*/
    bottom: -230px;
    right: 13px;
    transition: all .5s ease-in-out;
} .conBttRipeMM {
    bottom: -290px;
} .contBtnTruniMob button, .cbtnStampMobb {
    height: 50px;
    width: 50px;
    border-radius: 100%;
    margin-bottom: 10px;
    font-size: 20px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.22);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.22);
    box-shadow: 0 1px 3px rgba(0,0,0,0.22);
} .cbtnStampMobb {
    background-color: var(--bglight_color);
    border-radius: 50px;
    float: right;
    transition: all .3s ease-in-out;
    overflow: hidden;
} .cbtnStampMobb button {
        height: 40px;
        width: 40px;
        border-radius: 100%;
        font-size: 20px;
        box-shadow: none;
    } .cbtnStampMobb .grupStampe {
        width: unset;
        margin: 0;
        height: 40px;
        margin-top: 5px;
        background-color: transparent;
        box-shadow: none;
        border-radius: 0;
    } .cbtnStampMobb .grupStampe .txtOreSt {
            border-radius: 0;
            width: 80px;
            line-height: 34px;
        } .cbtnStampMobb .grupStampe .boxDecOre {
            margin-left: 0 !important;
            padding: 0 !important;
        } .cbtnStampMobb .grupStampe .boxDecEco {
            margin-left: 0 !important;
            padding: 0 !important;
        } .cbtnStampMobb .grupStampe .inputmain {
            border: 0;
            border-right: 2px solid var(--main_color);
            height: 40px !important;
            font-size: 11px !important;
        } .btnStampAperto {
    position: relative;
    width: 284px;
} .cbtnStampMobb .boxDec, .cbtnStampMobb .boxOre, .cbtnStampMobb .boxEco, .cbtnStampMobb .boxSpy {
    height: 40px;
    width: 40px;
    margin-left: 5px;
    margin-right: 5px;
} .cbtnStampMobb .boxDec {
    margin-right: 0;
} .cbtnStampMobb .cDec, .cbtnStampMobb .cOre, .cbtnStampMobb .cEco, .cbtnStampMobb .cSpy {
    width: 40px;
    height: 35px;
    top: 0;
} .cbtnStampMobb .cDec, .cbtnStampMobb .cEco, .cbtnStampMobb .cSpy {
    left: 5px !important;
} .cbtnStampMobb .boxDecOre {
    width: 101px;
} .cbtnStampMobb .boxDecEco {
    width: 53px;
} .cbtnStampMobb .radioStampe {
    top: 4px;
    left: 10px;
    width: 20px;
    height: 20px;
} .cbtnStampMobb .radioStampe:before {
        top: 22px;
        left: -3px;
        width: 26px;
        height: 10px;
        padding-left: 0 !important;
        text-align: center;
        border-radius: 4px;
        font-size: 7px;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    } .cbtnStampMobb .radioStampe:after {
        line-height: 20px;
        font-size: 14px !important;
    } .btn-white {
    background-color: white;
    color: #363636;
    font-size: 27px;
} .closeNav {
    display: block !important;
    top: 0px !important;
    right: 120px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background-color: var(--bglight_color);
} .sidenav {
    height: 400px;
    width: 151px;
    position: fixed;
    z-index: 98;
    top: calc(50% - 190px);
    right: -200px;
    background-color: transparent;
    overflow-x: hidden;
    transition: 0.5s;
} @media screen and (max-height: 800px) {
    .sidenav {
        top: calc(50% - 255px);
    }
} @media screen and (max-height: 666px) {
    .sidenav {
        top: calc(50% - 275px);
    }
} .flipTrunMob {
    height: 50px;
    width: 348px;
    right: calc(50% - 174px);
} .flipTrunMob button {
        margin-left: 5px;
    } .flipTrunMob button:first-child {
            margin-left: 0px;
        } .listTruniMobA {
    top: 0 !important;
    right: 10px !important;
    box-shadow: none;
    min-height: 0 !important;
    height: 400px !important;
    border-top-left-radius: 0 !important;
    background-color: var(--bglight_color);
    left: unset !important;
} .listTruniMobA #cScrollTur {
        padding-right: 55px;
    } .colTruniMobbM {
    padding: 7px 0 7px 0;
} .colTruniMobbM .contfrc {
        width: 31px;
        height: 45px;
    } .colTruniMobbM .contfrc > img {
            top: 11px;
            right: 2px;
        } .colTruniMobbM .sx > img {
        right: 5px;
    } .colTruniMobbM #slgruppers:after {
        display: inline-block;
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        content: "\f0d7";
        font-size: 22px;
        position: absolute;
        top: 4px;
        right: 15px;
        border: 0 !important;
    } .contSelTrinuMob {
    width: 485px;
    margin: 0 auto;
    display: flex;
} .inputmain_mob {
    position: relative;
    width: 190px;
    height: 45px;
    margin: 0;
    font-size: 14px;
    text-align: left;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.22);
    background-color: #fff;
    color: #363636;
    border-radius: 9px;
    /*border: 2px solid var(--main_color);*/
    border: 0;
    font-weight: 500;
    margin-left: 10px;
    outline: none !important;
} .inputmain_mob:active {
        background-color: #363636;
        color: #fff;
        border: 2px solid #fff;
    } .selectmain_mob {
    display: inline-block;
    background-color: #fff;
    color: #363636;
    border-radius: 9px;
    /*border: 2px solid var(--main_color);*/
    box-shadow: 0 2px 8px rgba(0,0,0,0.22);
    width: 80px;
    height: 45px;
    vertical-align: middle;
    position: relative;
    font-weight: 500;
    margin-top: 0px;
    margin-left: 10px;
    outline: none !important;
} .selectmain_mob::after {
        display: inline-block;
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        content: "\f0d7";
        font-size: 22px;
        position: absolute;
        top: 4px;
        right: 8px;
    } .selectmain_mob:active {
        background-color: #363636;
        color: #fff;
        /*border: 2px solid #fff;*/
    } .selectmain_mob:active .DipGrupStattMM {
            color: #fff;
            /*border: 2px solid #fff;*/
        } .selectErase {
    -webkit-appearance: none;
    -moz-appearance: none;
    font: inherit;
    border: none;
    background-color: transparent;
    color: inherit;
    width: 100%;
    height: 100%;
    /*padding: 0 .5em;*/
    padding-left: 7px;
} #selextMese {
    width: 105px;
} #cercaTruniMob {
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
} #TestaTab {
    position: fixed;
    z-index: 97;
    top: 2px;
    top: -200px;
    transition: top .3s ease-in-out;
    display: flex;
    align-items: center;
} .tdTestaFix {
    background-color: var(--main_color);
    cursor: pointer;
    color: #FEFEFE;
    font-weight: 500;
    border: 2px solid rgba(0, 0, 0, 0.5);
    text-align: center;
    height: 50px;
    padding: 0;
    position: relative;
    margin-left: -2px;
    display: flex;
    align-items: center;
} .tdTestaFix:first-child {
        margin-left: -1px;
    } .tdTestaFix p {
        margin: 0 auto;
        padding: 2px;
        overflow: hidden;
        word-wrap: break-word;
        font-size: 10px;
        margin-top: -2px;
    }
    /* Stati Mob */
    .conselStatMM {
    width: 545px;
} .conselStatMM #wrapAnno {
        width: 70px;
        margin-top: 0;
    } .conselStatMM #wrapSlnorm, .conselStatMM #selextMese {
        font-size: 11px;
        width: 96px;
    } #wrapGrupDipBtn {
    /*width: 172px;*/
    width: 200px;
} .DipGrupStattMM {
    height: 40px;
    width: 100% !important;
    box-shadow: none;
    background-color: unset;
    margin: 0 !important;
    border: 0;
    text-align: left;
    outline: 0;
    color: #363636;
    font-weight: 500;
    -webkit-appearance: none;
    outline: none !important;
} .DipGrupStattMM:after {
        display: none !important;
    }
    /*END*/
    @media screen and (max-width: 688px) {
    .colTruniMobbM {
        height: 104px;
    }

        .colTruniMobbM .contfrc {
            height: 90px;
        }

            .colTruniMobbM .contfrc > img {
                top: 33px;
            }

    .contSelTrinuMob, .conselStatMM {
        width: 270px !important;
        height: 100%;
        display: block;
    }

    .inputmain_mob {
        height: 40px;
        width: 199px;
    }

    .conselStatMM #wrapSlnorm, #wrapGrupDipBtn {
        margin-left: 5px;
    }

    #wrapGrupDipBtn {
        margin-top: 0;
        width: 121px;
    }

    .DipGrupStattMM {
        font-size: 11px !important;
        line-height: 13px;
        padding-right: 48px;
        padding-left: 7px;
    }

    .conselStatMM #cercaTruniMob {
        margin-left: 8px;
    }

    .selectmain_mob {
        height: 40px;
        margin-top: 10px;
    }

    #cercaTruniMob {
        width: 40px;
        top: -19px;
        padding: 0 !important;
        text-align: center;
        margin-left: 6px;
        display: inline-flex;
    }
} .nominx {
    height: 50px !important;
} .gragg {
    height: 48px !important;
} .p_clip {
    margin: 0;
    padding: 2px;
    overflow: hidden;
    word-wrap: break-word;
} .m_zero {
    margin: 0;
} .colTruniMan .cScrollBox {
    margin-top: 0;
    height: 100%;
} @media screen and (max-width: 864px) {
    /* 
    }*/
} @media screen and (min-width: 768px) {
    /**/
}
    /*.iTBoxM_Notte {
    height: 331px !important;
}*/
    .iTBoxM_due {
    height: 378px !important;
} .iTBoxM_tre {
    height: 402px !important;
} .iTBoxM_dueM {
    height: 378px !important;
} .iTBoxM_treM {
    height: 402px !important;
} .iTBoxM_q {
    height: 395px !important;
} .rowNorm {
    margin-right: -15px !important;
    margin-left: -15px !important;
    width: unset !important;
} .contfrc_mob:hover {
    background-color: var(--main_color) !important;
} .nasc {
    z-index: -2 !important;
} .truniPalLeft {
    right: unset;
    left: 13px;
} .truniPalRight {
    left: unset;
    right: 13px;
} .flipTrunMob #btnTruniShow {
    pointer-events: none;
}
    /* Mostra gruppo */
    .showDipGrup {
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #213542;
    top: 8px;
    left: 8px;
    text-align: center;
    color: white;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    padding: 0;
} .showDipGrup::before {
        z-index: 1;
    } .showDipGrup:hover {
        color: #213542;
        background-color: white;
    } .showDipGrupload {
    background-image: url('../Image/load.gif');
    background-position: center;
    background-size: 450% auto;
    background-color: #213542;
} .load_GrupDip {
    box-shadow: none !important;
    width: 60px;
    position: absolute;
    top: 0px;
    left: calc( 50% - 30px );
} .load_GrupDip .loadGif {
        width: 40px;
        height: 40px;
        background-position: center;
        background-size: 38px;
        top: calc(50% - 20px);
        left: calc(50% - 20px);
        display: block;
    } .spazzz {
    background-color: var(--bglight_color) !important;
    text-align: center;
    line-height: 60px !important;
} .spazz {
    background-color: white !important;
    text-align: center;
    line-height: 60px !important;
} .spazz .fa-dot-circle, .spazzz .fa-dot-circle {
        color: var(--main_color) !important;
    } .fontThin {
    font-size: 11px !important;
} #infor #sky {
    border-radius: 20px;
    z-index: -1;
}
    /* Gruppi di Lavoro */
    .cListRicerca legend {
    margin: 0 !important;
    height: 40px;
}
    /* Menu albero */
    .tree * {
    margin: 0;
    padding: 0;
} .tree {
    width: 80%;
    left: 20px;
    top: 46px;
    position: absolute;
    pointer-events: none;
    display: none;
} .tree ul {
        padding-top: 20px;
        position: relative;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
    } .tree li {
        float: left;
        text-align: center;
        list-style-type: none;
        position: relative;
        padding: 5px 5px 0 5px;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
    } .tree li::before, .tree li::after {
            content: '';
            position: absolute;
            top: 0;
            right: 50%;
            border-top: 2px solid var(--nav2_color);
            width: 50%;
            height: 20px;
        } .tree li::after {
            right: auto;
            left: 50%;
            border-left: 2px solid var(--nav2_color);
        } .tree li:only-child::after, .tree li:only-child::before {
            display: none;
        } .tree li:only-child {
            padding-top: 0;
        } .tree li:first-child::before, .tree li:last-child::after {
            border: 0 none;
        } .tree li:last-child::before {
            border-right: 2px solid var(--nav2_color);
            border-radius: 0 5px 0 0;
            -webkit-border-radius: 0 5px 0 0;
            -moz-border-radius: 0 5px 0 0;
        } .tree li:first-child::after {
            border-radius: 5px 0 0 0;
            -webkit-border-radius: 5px 0 0 0;
            -moz-border-radius: 5px 0 0 0;
        } .tree ul ul::before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        border-left: 2px solid var(--nav2_color);
        width: 0;
        height: 20px;
    } .tree li a {
        border: 2px solid var(--nav2_color);
        padding: 1em 0.75em;
        text-decoration: none;
        color: #363636;
        font-size: 0.85em;
        display: inline-block;
        border-radius: 9px;
        -webkit-border-radius: 9px;
        -moz-border-radius: 9px;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
    } .tree ul.vertical, ul.vertical ul {
        padding-top: 0px;
    } .tree ul ul.vertical::before {
        display: none;
    } .tree ul.vertical li {
        float: none;
        text-align: left;
    } .tree ul.vertical li::before {
            right: auto;
            border: none;
        } .tree ul.vertical li::after {
            display: none;
        } .tree ul.vertical li a {
            text-align: center;
            padding: unset;
            padding-top: 4px;
            padding-bottom: 5px;
            margin-left: 16px;
            width: 100%;
            font-weight: 500;
        } .tree ul.vertical li::before {
            top: -17px;
            left: 0px;
            border-bottom: 2px solid var(--nav2_color);
            border-left: 2px solid var(--nav2_color);
            width: 21px;
            height: 41px;
        } .tree ul.vertical li:first-child::before {
            height: 24px;
            top: 2px;
        } div.tree > ul > li > ul > li > a {
    width: 11em;
} .tree ul.vertical li:first-child {
    padding-top: 7px !important;
} .tree li a:hover + ul li::after, .tree li a:hover + ul li::before, .tree li a:hover + ul::before, .tree li a:hover + ul ul::before {
    border-color: #aaa;
}
    /* Cartelle di Lavoro */
    .boxCartLav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 500px;
} .boxCartLav .colSelectContent {
        height: 100%;
        padding-right: 15px;
    } .boxCartLav #cerca {
        margin-top: 0;
    } .boxCartLav .colSelectContent .cListRicerca {
        height: 371px;
    } .boxCartLav .col-md-6 {
        height: 100%;
    } .boxCartLav .col-md-6:first-child, .boxCartLav > .Riga.h100 > .WrapCampi:first-child {
            border-right: 2px solid var(--nav2_color);
        } .boxCartLav .col-md-6:last-child, .boxCartLav > .Riga.h100 > .WrapCampi:last-child {
            border-left: 2px solid var(--nav2_color);
        } .boxCartLav .btnMainLarge {
        margin-top: 15px !important;
    } .boxCartLav #loadVuoto {
        width: 200px;
        left: calc(50% - 100px);
    } #listaz {
    height: 240px;
}
    /* Preferenze */
    .boxCartLav.clistPrefff .colSelectContent .cListRicerca {
    height: 435px;
} @media screen and (max-width: 770px) {
    .colCommes .colStyleMex {
        padding-top: 0;
    }
} @media screen and (max-width: 764px) {
    .boxCartLav {
        height: unset;
    }

        .boxCartLav .colSelectContent .cListRicerca {
            height: 220px;
        }

        .boxCartLav.clistPrefff .colSelectContent .cListRicerca {
            height: 290px;
        }

    .colCommes .colStyleMex {
        height: 715px;
    }

    .colCommes.clistPreffff .colStyleMex {
        height: 650px;
    }

    .boxCartLav .colSelectContent {
        padding-right: 0;
    }

    .boxCartLav .col-md-6:first-child {
        border-right: 0;
        border-bottom: 2px solid var(--nav2_color);
        height: 380px;
    }

    .boxCartLav .col-md-6:last-child {
        border-left: 0;
        border-top: 2px solid var(--nav2_color);
        padding-top: 15px;
        height: 265px;
    }

    .boxCartLav.clistPrefff .col-md-6:last-child {
        padding: 0;
        display: block;
        padding-top: 20px;
        height: 200px;
    }

    .boxCartLav .col-md-6:last-child .labelText {
        text-align: center;
    }

    .boxCartLav.clistPrefff #listaz {
        padding: 0;
    }
}
    /* Menu tasto Destro  */
    .rightClick {
    position: absolute;
    height: 50px;
    width: 200px;
    top: calc( 50% + 45px );
    left: calc( 50% - 100px );
    border: 2px solid black;
    line-height: 45px;
    text-align: center;
    border-radius: 11px;
    background-color: #fff;
} .forcePress {
    position: absolute;
    height: 50px;
    width: 200px;
    top: calc( 50% - 25px );
    left: calc( 50% - 100px );
    border: 2px solid black;
    line-height: 45px;
    text-align: center;
    border-radius: 11px;
    background-color: #fff;
} .forcePressSel {
    -webkit-box-shadow: inset 0px 0px 5px 4px rgb(221, 255, 0);
    -moz-box-shadow: inset 0px 0px 5px 4px rgb(221, 255, 0);
    box-shadow: inset 0px 0px 5px 4px rgb(221, 255, 0);
    z-index: 99;
} .evid {
    -webkit-box-shadow: 0px 0px 0px 4px #81D981;
    -moz-box-shadow: 0px 0px 0px 4px #81D981;
    box-shadow: 0px 0px 0px 4px #81D981;
} .rightMenu {
    position: absolute;
    z-index: 102;
    min-width: 100px;
    max-width: 200px;
    height: auto;
    padding: 2px;
    border-radius: 10px;
    display: none;
    box-shadow: 0 0 40px 0 rgba(0,0,0,.3);
} #listRightMenu {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    display: grid;
} .itemsRightMenu:first-child {
    border: 0 !important;
} .itemsRightMenu {
    width: 100%;
    color: #363636;
    padding: 5px 6px;
    padding-bottom: 6px;
    background-color: var(--bglight_color);
    border-top: 1px solid #cecece;
    text-align: center;
    display: inline-block !important;
    font-size: 13px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 500;
    transition: transform 100ms ease-in-out;
} .itemsRightMenu span {
        display: block;
    } .itemsRightMenu:active span, .itemsRightMenu:focus span {
        transform: scale(.95);
    } .newen, .giusti {
    border-top: 0;
} #masterTransp {
    position: fixed !important;
    top: 0;
    width: 100% !important;
    height: 100% !important;
    z-index: 101 !important;
    background-color: transparent !important;
    display: none;
} @keyframes kiss-in {
    0% {
        transform: scale(1);
    }

    66% {
        transform: scale(.9);
    }

    100% {
        transform: scale(1);
    }
} .inforMod {
    left: calc(50% - 255px);
    top: calc(50% - 375px);
    height: unset;
    min-height: 515px;
    background-color: var(--bgpopup_color);
} .inforMod .colToggle {
        background-color: var(--bglight_color);
    } .inforMod h6:first-child::after {
        content: "MOD";
    } .inforMod h6:nth-child(2) {
        min-height: 10px !important;
    } .inforMod #persona {
        height: 100%;
        text-align: center;
    } .inforMod .colAggiungi {
        transform: scale(0.9);
        height: 215px;
    } .inforMod .colAggiungi .inputmain {
            text-align: center;
            font-size: 19px;
        } .inforMod .btnMain {
        padding: unset;
    } .inforMod:after {
        display: none;
    } .moddaturnoxx {
    width: 100%;
    background-color: white !important;
    height: 50px;
    border-radius: 8px !important;
    margin-top: 40px;
} .inforModThin {
    /*min-height: 0 !important;
    height: 329px !important;*/
} .inforModThin h6:first-child::after {
        content: "";
    } .inforModNott h6:nth-child(2) {
    min-height: 1px !important;
} .inforPerm::after {
    display: none;
} .inforPerm {
    width: 480px !important;
    left: calc(50% - 240px);
    height: unset !important;
    min-height: 145px;
}
    /* Infor per Tab Mobile */
    .colTruniMan {
    overflow: unset !important;
} .colTruniMan #infor {
        width: 94% !important;
        min-height: 330px !important;
        height: unset;
        left: calc( 50% - 47%);
        /*top: calc( 50% - 190px);*/
        top: -100px !important;
        position: absolute;
        padding-bottom: 0;
    } .colTruniMan #infor p {
            display: none;
        } .colTruniMan #infor .rowNorm {
            margin-bottom: 6px;
        } .colTruniMan #infor::after {
            border: 0 !important;
        } .colTruniMan #infor .colToggle {
            transform: scale(0.85);
        } .colTruniMan .inforMod {
        height: 525px !important;
        /*top: calc( 50% - 255px) !important;*/
    } .colTruniMan .inforMod .colAggiungi {
            height: 230px;
        }
    /*.colTruniMan .inforModThin {
        top: calc( 50% - 153px) !important;
    }*/
    .colTruniMan .span_Truni_ore {
        font-size: 15px !important;
    } .colTruniMan .inforPerm {
        padding-bottom: 15px !important;
        max-width: 334px !important;
        left: calc(50% - 167px) !important;
    } .colTruniMan .inforModThin .col3Mobile {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 30% !important;
        flex: 0 0 30% !important;
        max-width: 30% !important;
        padding: 0 !important;
    } .colTruniMan .addPermTabb .asss input[type=text] {
        width: 77px;
    } .colTruniMan .inforPerm .gioPermTab, .colTruniMan .inforPerm .addPermTabb {
        font-size: 18px;
        padding-top: 1px;
    } .colTruniMan .stomodificandon .col3Mobile:first-child, .colTruniMan .stomodificandon .col3Mobile:last-child {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 41% !important;
        flex: 0 0 41% !important;
        max-width: 41% !important;
    } .colTruniMan .stomodificandon .col3Mobile:nth-child(2) {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 15% !important;
        flex: 0 0 15% !important;
        max-width: 15% !important;
    } .colTruniMan .stomodificandon .col3Mobile:nth-child(2) .btnMain {
            font-size: 11px !important;
        } .colTruniMan .stomodificandon .col3Mobile legend {
        font-size: 15px !important;
        width: 128px;
        margin-bottom: 10px;
        padding: 0;
        padding-top: 3px;
        padding-bottom: 6px;
        text-align: center;
    } .colTruniMan .stomodificandon .col3Mobile .col6Mobile {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 90% !important;
        flex: 0 0 90% !important;
        max-width: 90% !important;
        margin: 0 auto !important;
    } .colTruniMan .stomodificandon .col3Mobile .row {
        height: unset !important;
    } .nascc {
    opacity: 0 !important;
} #btnGruuTur {
    height: 40px;
    width: 140px;
    font-size: 14px;
} .tdPVV {
    background-color: transparent !important;
} .hideI {
    display: none !important;
} #mexLateral {
    min-height: 70px;
    width: 280px;
    background-color: rgba(36,36,36,.9);
    font-weight: 500;
    border-radius: 11px;
    box-shadow: 0 0 30px rgba(36, 36, 36,0.6);
    display: flex;
    align-items: center;
    position: fixed;
    bottom: 10px;
    left: -400px;
    padding: 15px 10px;
    z-index: 105;
} #mexLateral::after, #mexLateral::before, #mexLateral div::after, #mexLateral div::before {
        content: '';
        position: absolute;
        width: 8px;
        height: 8px;
        border-radius: 100%;
        top: 6px;
        left: 6px;
        background-color: #eff2ff;
    } #mexLateral::before {
        left: unset;
        right: 6px;
    } #mexLateral div::after {
        top: unset;
        bottom: 6px;
    } #mexLateral div::before {
        top: unset;
        bottom: 6px;
        left: unset;
        right: 6px;
    }
    /*#mexLateral div {
        color: #eff2ff;
        font-size: 13px;
    }*/
    #mexLateral div {
        color: #eff2ff;
        font-size: 14px;
        width: 100%;
        text-align: center;
        font-weight: normal;
    } @media only screen and (max-width: 768px) {
    /*.itemsRightMenu {
        padding: 5px
    }*/
    .btnMain:hover {
        color: var(--main_color) !important;
        border: 2px solid var(--main_color) !important;
        background-color: white !important;
    }

    .btnMain:active {
        color: white !important;
        border: 2px solid white !important;
        background-color: var(--main_color) !important;
    }
}
    /* Tabella Truni Extended */
    .btnTTFix, .btnTTFixL {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    height: 100%;
    border-radius: 11px;
    border: 2px solid rgba(0, 0, 0, 0.125);
    width: 60px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    transition: transform 100ms ease-in-out;
} .btnTTFix:active, .btnTTFixL:active {
   transform: scale(.9);
} .btnTTFix i, .btnTTFixL i {
        width: 100%;
        height: 60%;
        font-size: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
    } .btnTTFix span, .btnTTFixL span {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
        height: 40%;
        font-size: 13px;
        padding-bottom: 6px;
    } .btnTTFixL {
    width: 95px;
} .cont_BtnDipTT {
    position: relative;
    height: 40px;
    max-width: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
} .cont_BtnDipTT .showDipGrup {
        position: relative;
        top: unset;
        left: unset;
        margin: 0 auto;
        font-size: 17px;
    } .tableTurniSS #grdati td span {
    top: 5px !important;
} .d-tab {
    display: table-row
} .rowBarraZoom {
    background-color: transparent;
    overflow-y: hidden;
    overflow-x: scroll;
    width: calc(100% + 2px);
    height: 100%;
    height: calc(100% + 50px);
    padding-bottom: 50px;
} .rowBarraZoomCont {
    height: 34px;
    width: 100%;
    border: 2px solid var(--main_color);
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 63px;
    margin-top: 63px;
} .inforMod .rowBarraZoomCont {
    margin-top: 44px !important;
    margin-bottom: 70px !important;
} .nottinoz .rowBarraZoomCont {
    margin-bottom: 56px !important;
    margin-top: 70px !important;
} .nottinoz .rowBarraZoomCont {
    border: 2px solid antiquewhite !important;
} .conZoomBtn {
    position: absolute;
    height: 35px;
    width: 80px;
    top: 10px;
    right: 10px;
    display: flex;
} .conZoomBtn i {
        height: 35px;
        width: 35px;
        border-radius: 100%;
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.22);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.22);
        box-shadow: 0 1px 3px rgba(0,0,0,0.22);
        background-color: antiquewhite;
        line-height: unset;
        display: flex;
        align-items: center;
        justify-content: center;
        user-select: none;
        cursor: pointer;
        transition: var(--an_active);
    } .conZoomBtn i:first-child {
            margin-right: 8px;
        } .conZoomBtn i:active, .sitGG:active {
            transform: var(--sc_active);
        } .inforMod .conZoomBtn i {
    background-color: var(--bglight_color);
} .zoomDisab {
    opacity: 0.65;
    pointer-events: none;
    user-select: none;
}
    /*.table-striped tbody tr:nth-of-type(odd):last-child {
    background-color: red;
}*/
    .sitGG {
    height: 35px;
    width: 35px;
    border-radius: 100%;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.22);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.22);
    box-shadow: 0 1px 3px rgba(0,0,0,0.22);
    position: relative;
    font-size: 15px;
    background-color: var(--btn1_color);
    color: #363636;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    cursor: pointer;
    transition: var(--an_active);
} .tablePermTab {
    border-radius: 20px;
    margin: 0;
    background-color: #f79e9e;
} .tablePermTab tbody tr:nth-of-type(odd) {
        background-color: #ffd8d8;
    } .tablePermTab tr th {
        border-right: 2px solid var(--bglight_color);
        border-top: 2px solid var(--bglight_color);
        text-align: center;
    } .tablePermTab tr:first-child th {
        border-top: 0;
        background-color: #fc4646;
        color: white;
        letter-spacing: 1px;
        font-weight: 500;
    } .tablePermTab tr th:last-child {
        border-right: 0;
    } .tablePermTab tr:first-child th:first-child {
        border-top-left-radius: 20px;
    } .tablePermTab tr:first-child th:last-child {
        border-top-right-radius: 20px;
    } .tablePermTab tr:last-child th:first-child {
        border-bottom-left-radius: 20px;
    } .tablePermTab tr:last-child th:last-child {
        border-bottom-right-radius: 20px;
    } .gioPermTab, .addPermTabb {
    background-color: var(--nav2_color);
    color: #363636;
    font-weight: 600;
    height: 50px;
    width: 100%;
    margin-bottom: 15px;
    border-radius: 20px;
    text-align: center;
    font-size: 22px;
    line-height: 47px;
} .addPermTabb {
    margin: 0;
    margin-top: 15px;
    overflow: hidden;
    position: relative;
    transition: height .15s ease-in-out;
} .pip {
    height: 129px !important;
} .pipI {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
} .addPermTabb .wrapp {
    height: 50px;
    position: relative;
    display: flex;
    align-items: center;
} .addPermTabb .wrapp span {
        line-height: 47px;
        margin: 0 auto;
    } .addPermTabb .wrapp i {
        position: absolute;
        right: 15px;
        cursor: pointer;
    } .addPermTabb .wrapp i:active {
            transform: scale(0.9);
        } .addPermTabb .asss {
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
    height: 80px;
} .addPermTabb .asss input[type=text] {
        border: 0;
        width: 150px;
        font-size: 18px;
        text-align: center;
        margin-left: 15px;
        border-radius: 9px;
    } .btnAssPermTab {
    border: 0;
    width: 90px;
    margin-left: 15px;
    text-align: center;
    font-size: 16px;
    border-radius: 9px;
    background-color: aqua;
    cursor: pointer;
} .btnAssPermTab:active {
        transform: scale(0.9);
    } @media screen and (max-width: 1680px) {
    .selRig .ore_turnTab {
        top: 4px;
        position: relative;
    }

    .selRig span {
        font-size: 12px !important;
    }

    .selRig .span_Truni_ore {
        font-size: 10px !important;
        top: 1px !important;
    }
} @media screen and (max-width: 1700px) {
    .selezionato:not(.grande) {
        -webkit-box-shadow: 0px 0px 3px 2px rgba(0,179,0,1);
        -moz-box-shadow: 0px 0px 3px 2px rgba(0,179,0,1);
        box-shadow: 0px 0px 3px 2px rgba(0,179,0,1);
    }

    .forcePressSel {
        -webkit-box-shadow: 0px 0px 3px 2px rgb(221, 255, 0);
        -moz-box-shadow: 0px 0px 3px 2px rgb(221, 255, 0);
        box-shadow: 0px 0px 3px 2px rgb(221, 255, 0);
    }
}
    /* Provvisorio*/
    .nottinoz .conZoomBtn {
    display: none;
}
    /* Gestione Turni Rotativi New Barra */
    .rBZoomContDim {
    margin-bottom: 60px !important;
} .boxTurni .labelText {
    margin-bottom: unset;
} .boxTurni .inputmain {
    text-align: center;
    margin: 5px 0 5px 0;
} .boxTurni .colAggiungi {
    margin-top: 20px;
} .boxTurni .colAggiungi .inputmain {
        font-size: 18px;
        margin-bottom: 16px;
    } .boxTurni .siglaTMob {
    font-size: 18px
} .boxTurni legend {
    margin-bottom: 15px;
} .rowBarrZomOre {
    height: 55px;
    margin-top: 5px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
} .rowBarrZomOre .wrapZoomBtn {
        height: 55px;
        width: 148px;
        margin: 0 auto;
    } .rowBarrZomOre .conZoomBtn {
        position: relative;
        top: unset;
        right: unset;
        background-color: var(--bgpopup_color);
        margin: 0 auto;
        height: 55px;
        width: 110px;
        border: 2px solid var(--main_color);
        display: flex;
        align-items: center;
        border-radius: 9px;
    } .rowBarrZomOre .conZoomBtn i {
            margin: 0 auto !important;
        } .boxInniFinTruni {
    height: 45px;
    width: 148px;
    background-color: var(--bglight_color);
    margin: 0 auto;
    font-size: 22px;
    border: 2px solid #363636;
    color: #363636;
    line-height: 39px;
    border-radius: 9px;
}
    /* Riepo Mob Bis */
    .btn-service {
    color: var(--main_color);
    background-color: var(--bgpopup_color);
    float: right;
    margin-top: 5px;
    margin-right: 5px;
    font-size: 14px !important;
} .btn-service:focus {
    box-shadow:none !important;
}
    /* Stampe Turni */
    .btnSSTT:last-child {
    width: 130px;
    margin: 0 !important;
    padding-bottom: 4px;
    margin-left: 15px !important;
} .grupStampeSS {
    width: 268px;
    display: flex;
    align-items: center;
    border-radius: 0;
    margin: 0 auto !important;
    box-shadow: none;
    height: 62px;
} .grupStampeSS .boxDecEco {
        border-radius: 9px;
        margin: 0 !important;
        height: 62px;
    } .grupStampeSS .boxEco, .grupStampeSS .boxSpy {
        margin-left: 0px;
        top: 1px;
    } .grupStampeSS .boxDecSpy {
        margin-left: 5px !important;
    } .grupStampeSS .RadioEco:before, .grupStampeSS .RadioSpy:before {
        text-align: center;
        padding-left: 0px;
    }
    /* Tab Turni Palline */
    .TabPalli {
    max-height: 660px;
} .ListTRotTabPall {
    max-height: 755px;
} .TabPalli .contTdGrande {
    display: unset;
}
    /*.TabPalli .tableTurniM #grdati td.grande {
    height: 70px;
}*/
    .TabPalli .contTdGrande p {
        min-height: 20px;
        line-height: 20px;
        padding: 0;
        /*background-color: red;*/
    } .TabPalli .contTdGrande p marquee {
            cursor: ew-resize;
        } .TabPalli .contTdGrande .palline {
        /*background: yellowgreen;*/
        height: 38px;
        display: flex;
        align-items: center;
    } .TabPalli .contTdGrande .palline .pallina, .conNumDip {
            display: inline-block;
            height: 30px;
            width: 30px;
            margin: 0 auto;
            border-radius: 100%;
            font-size: 11px !important;
            line-height: 27px;
            border: 1px solid var(--bglight_color);
            position: relative;
            overflow: hidden;
            font-weight: 700;
            transition: transform 100ms ease-in-out;
        } .TabPalli .contTdGrande .palline .pallina:active, .conNumDip:active {
           transform: scale(.95);
        } .TabPalli .contTdGrande .palline .pallina a {
                position: relative;
                z-index: 3;
            } .palline .palRos {
    background-color: rgba(255, 42, 42, 0.55);
    color: white;
} .ppPal {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 42, 42, 1);
} .palline .palBia {
    background-color: #f0e4ff;
    color: black;
} .palline .palVer {
    background-color: rgba(2, 113, 21, 0.56);
    color: white;
} .nomStronz {
    font-size: 10px !important;
    font-weight: 400 !important;
} .TabPalli .contdGG, .TabPalli .quasi .contTdGrande {
    display: flex;
} .TabPalli .contdGG p {
        padding-right: 5px;
    }
    /* MODALE */
    .tabOreMh {
    max-height: 660px;
} .closFin {
    font-size: 26px;
    width: 26px;
    text-align: center;
    cursor: pointer;
} #fin21 #fotoctr {
    position: relative;
    height: 140px;
    width: 140px;
    padding: 0;
    border: 2px solid #f8f9fa;
    border-radius: 11px;
} #fin21 #sezperson h4 {
    text-align: center;
} #fin21 .rowInfoPemm {
    border-radius: 11px;
    width: 100%;
    margin: 0 auto;
} #fin21 .modal-body {
    padding: 0 !important;
} #fin21 .modal-content {
    border: 0;
    border-radius: 20px;
    padding: 15px;
    background-color: var(--bgpopup_color);
    box-shadow: 0 2px 9px rgba(36,36,36,.6);
} #fin21 .table-primary > td {
    background-color: rgb(160, 242, 160);
} #fin21 .modal-header h4 {
    margin: 0 auto;
    font-size: 20px;
} #fin21 .carousel-item .input-group-prepend {
    min-width: 110px;
} #fin21 .carousel-item .exptcento .input-group-prepend {
    min-width: 215px;
} #fin21 .carousel-item .input-group {
    width: calc(50% - 5px);
    display: inline-flex;
    margin-bottom: 10px;
} #fin21 .carousel-item .input-group:last-child {
        margin-bottom: 0px;
    } #fin21 .carousel-item .input-group.exptcento {
        width: 100%;
    } #fin21 .carousel-item .input-group-prepend span {
    width: 100%;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
}
    /*#fin21 .input-group .input-group-text, #fin21 .input-group .form-control{
    border: 1px solid #384a5b;
}*/
    /*#fin21 .input-group .form-control {
   margin-left: -1px;
}*/
    #fin21 .input-group .form-control:focus, #fin21 .input-group .form-control:active {
    box-shadow: none;
} #txtdiff {
    font-weight: 700;
} .text-green {
    color: green;
} .bg-green-light {
    background-color: rgba(0, 128, 0, 0.22) !important;
} .bg-red-light {
    background-color: rgba(255, 0, 0, 0.22) !important;
} .bg-blue-light {
    background-color: rgba(0, 123, 255, 0.22) !important;
} .bg-red {
    background-color: #dc3545 !important;
    color: #fff !important;
} #fin21 #carouselExampleSlidesOnly .input-group.divvred > .txtore, #fin21 #carouselExampleSlidesOnly .input-group.divvred .custom-select, #fin21 #carouselExampleSlidesOnly .input-group.divvred > #txtdiff {
    background-color: rgba(255, 0, 0, 0.22) !important;
    color: #ff6262 !important
} #fin21 #carouselExampleSlidesOnly .input-group.divvred .input-group-prepend > .input-group-text {
    background-color: #dc3545 !important;
    color: #fff !important;
} #fin21 #carouselExampleSlidesOnly .input-group.divvgreen > .txtore, #fin21 #carouselExampleSlidesOnly .input-group.divvgreen .custom-select, #fin21 #carouselExampleSlidesOnly .input-group.divvgreen > #txtdiff {
    background-color: rgba(0, 128, 0, 0.22) !important;
    color: green !important
} #fin21 #carouselExampleSlidesOnly .input-group.divvgreen .input-group-prepend > .input-group-text {
    color: #fff !important;
    background-color: #28a745 !important;
} #fin21 #carouselExampleSlidesOnly .input-group.divvgrey > .txtore, #fin21 #carouselExampleSlidesOnly .input-group.divvgrey .custom-select, #fin21 #carouselExampleSlidesOnly .input-group.divvgrey > #txtdiff {
    background-color: white !important;
    color: #363636 !important
} #fin21 #carouselExampleSlidesOnly .input-group.divvgrey .input-group-prepend > .input-group-text {
    color: #fff !important;
    background-color: #6c757d !important;
} #fin21 .modal-header {
    width: 50%;
    height: 56px;
    text-align: center;
} .boxClosFin {
    width: 56px;
    height: 56px;
    margin: 0 auto;
    margin-right: 0;
    transition: var(--an_active);
    cursor: pointer;
} .boxClosFin:active {
        transform: var(--sc_active);
    } #fin21 h4 {
    text-align: center !important;
} #fin21 .modal-footer {
    display: flex;
    border: 0 !important;
} #fin21 .modal-footer > div {
        margin: 0 auto;
    } .rowInfoPemm .d-flex .inff {
    padding: 20px;
} .rowInfoPemm .d-flex .inff .badge {
        font-size: 15px;
        color: #212529;
    } .rowBodyz {
    margin: 0 auto;
    width: 100%;
} .rowBodyz .table th {
        padding: 8px;
        text-align: center;
        border-bottom: 0 !important;
    } .rowBodyz .table td {
        padding: 5px;
        padding-top: 10px;
        text-align: center;
        border-top: 0 !important;
    } .rowBodyz .table td.txtverso {
            text-align: left;
            padding-left: 12px;
            width: 100%;
        } .rowBodyz .table td.txtverso i{
           font-size: 16px;
           margin-right: 5px;
        } .rowBodyz .table td.txtverso i.fa-user-secret {
               color: #363636;
            } .rowBodyz .table {
        margin: 0;
    } .contbttnTP {
    padding-top: 5px !important;
}
    /*    .contbttnTP > i:not(.fas):not(.far) ~ .far {
        margin: 0 auto !important;
    }
*/
    .rowBodyz thead tr {
    background-color: var(--nav2_color);
    border-top: 0;
} .rowBodyz thead tr th {
        border-top: 0;
    } .rowBodyz .btnMainLarge {
    margin-top: 0 !important;
} .rowBodyz .col-md-5 {
    padding-top: 10px;
} .colStyleInt {
    border-radius: 15px;
    background-color: var(--bglight_color);
    overflow: hidden;
    padding: 15px;
    margin-bottom: 15px;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.28);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.28);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.28);
} .gore {
    flex: 0 0 calc(55% - 15px);
    max-width: calc(55% - 15px);
    margin-left: 15px;
    padding: 13px;
    padding-top: 10px;
    min-height: 385px;
    transition: all .4ms linear;
} .rowBodyz .col-md-5 {
    flex: 0 0 45%;
    max-width: 45%;
} .gore h4 {
        color: #212529;
    } .gore .carousel-item {
        margin: 0;
        margin-bottom: 0 !important;
        height: 363px;
        padding-left: 0 !important;
    } .gore .carousel-item .form-control {
            padding: 0;
            /*min-width: 53px;*/
        } #selezzaor {
    width: 145px !important;
    /*border: 1px solid #384a5b;*/
    border-radius: 0;
    border-bottom-right-radius: 7px;
    border-top-right-radius: 7px;
    margin-left: -1px;
} .input-group > .input-group-append > .input-group-text {
    line-height: 35px;
    display: block;
    padding: 0;
    width: 35px;
    height: 38px;
    border-bottom-right-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
} .bbright7 {
    border-bottom-right-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
} .conTabPop {
    margin-bottom: 15px;
    border-radius: 11px;
    overflow: hidden;
    border: 1px solid #ced4da;
} .conTabPop .btn-group .btnTTab {
        border: 0;
        outline: 0;
        width: 50%;
        padding: 6px;
        background-color: var(--btn1_color);
        cursor: pointer;
    } .conTabPop .btn-group .btnTTab:first-child {
            border-right: 2px solid var(--bglight_color);
        } .bttnTimbbPop {
    font-size: 16px;
    display: flex;
    align-items: center;
    height: 34px;
    width: 34px;
    color: white;
    padding: 0;
    position: relative;
    background-color: black;
    border-radius: 100%;
    cursor: pointer;
    margin: 0 auto;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.22);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.22);
    box-shadow: 0 1px 3px rgba(0,0,0,0.22);
    transition: var(--an_active);
} .editt {
    background-color: #ecb100;
} .delll {
    background-color: rgba(220, 53, 69, 0.9) !important
} .spinMapp {
    background-color: #28a745;
} .cammy {
    background-color: #007bff;
} .bttnTimbbPop::before {
    margin: 0 auto;
} .bttnTimbbPop:active {
    transform: scale(0.9);
} .sciServv {
    color: #8e8e00;
    margin-top: 5px;
}
    /*#fin21:before {
    content: "";
    position: absolute;
    top: -15px;
    right: -13px;
    height: 40px;
    width: 40px;
    border-radius: 100%;
    background-color: var(--bglight_color);
}

#fin21 .CloxzGP{
    z-index: 100;
    cursor: pointer;
}*/
    .grupHeaderFin {
    display: flex;
} .conTabPop .btn-group .btnTTab.rilcaore {
    background-color: var(--btn3_color);
    color: var(--bglight_color);
} #wrapGiusti {
    display: none;
    position: fixed;
    width: 450px;
    height: 593px;
    z-index: 113;
    top: calc(50% - 300px);
    left: calc(50% - 225px);
} #divgiusty {
    width: 100%;
    height: 100%;
    background-color: white;
    text-align: center;
} #divgiusty h2 {
        margin: 10px;
    } .contGiusti {
    overflow-y: auto;
    height: 450px;
} .contBtnGiusti {
    display: flex;
    width: 100%;
    padding: 7px;
    padding-top: 15px;
} .contBtnGiusti button {
        margin: 8px !important;
    } body #masterone.addPowamasterone {
    z-index: 112 !important;
} .penon {
    pointer-events: none !important;
} .mza {
    margin: 0 auto !important;
} .btnPopM {
    width: 130px;
    height: 40px;
    border: 0;
    border-radius: 7px;
    margin-right: 10px;
    display: inline-block;
    text-align: center;
    line-height: 39px;
    cursor: pointer;
    transition: var(--an_active);
} .btnPopM:last-child {
        margin-right: 0;
    } .btnPopM:active {
        transform: scale(0.9);
    } #gstimbra .colStyleIntdue.d-flex, #itemMappa .colStyleIntdue.d-flex {
    max-width: 195px;
    background-color: var(--bgpopup_color);
    box-shadow: none;
    position: absolute;
    left: calc(50% - 97px);
    bottom: 0;
    margin: 0;
} #mappatimbi .colStyleIntdue.d-flex {
    width: 160px;
    left: calc(50% - 80px);
} #mappatimbi .colStyleIntdue.d-flex .btnPopM {
        width: 100%;
    } #rtim tr[ver=E] {
    background-color: rgba(11, 226, 11, 0.48)
} #rtim tr[ver=U] {
    background-color: rgba(255, 0, 0, 0.42);
} .m-r-15 {
    margin-right: 15px;
} #gstimbra .colStyleIntdue.d-flex > div {
    width: 80px;
} #gstimbra .colStyleIntdue.d-flex > div.mapbt {
        width: 100%;
    } .timbCells {
    color: #A020F0;
} .dispUnss {
    display: unset;
} .Serv {
    background-color: rgba(255, 255, 91, 0.7) !important;
} #mappatimbi h5 {
    color: #212529;
    font-size: 18px;
    padding-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
} #moditimb {
    height: 100%;
} #moditimb #gtnote {
        height: 60px;
        padding: 5px;
    } .gore .carousel, .gore .carousel .carousel-inner, .gore .carousel .carousel-inner .carousel-item {
    height: 100%;
} .rowBodyz #txtturno {
    border-radius: 7px;
} .plusGiustti:active {
    transform: scale(0.9);
} #mappatimbi{
    height: 100%;
} @media only screen and (max-width: 860px) {
    #fin21 {
        right: 20px;
        width: calc(100% - 40px);
    }

    .gore {
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 0;
    }

    .rowBodyz .col-md-5 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #fin21 .rowInfoPemm .col-md-9 {
        display: grid;
        zoom: 84%;
    }

        #fin21 .rowInfoPemm .col-md-9 h4 {
            margin-top: 10px;
        }
} @media only screen and (max-width: 766px) {

    #mapTimbCel {
        height: 262px;
    }

    .gore {
        height: unset;
        min-height: unset;
    }
    #moditimb {
        padding-bottom: 60px;
    }
    #mappatimbi {
        padding-bottom: 55px;
    }



    #wrapGiusti {
        width: calc(100% - 20px);
        left: 10px;
    }

    #fin21 {
        top: 20px;
        right: 10px;
        width: calc(100% - 20px);
    }

        #fin21 .modal-header {
            height: 46px;
        }

    .boxClosFin {
        width: 46px;
        height: 46px;
        display: flex;
        align-items: center;
    }

    .closFin {
        font-size: 24px;
    }

    #moditimb .exptcento .input-group-prepend, #fin21 .carousel-item .exptcento .input-group-prepend {
        min-width: 50% !important;
    }

        #moditimb .exptcento .input-group-prepend, #fin21 .carousel-item .exptcento .input-group-prepend.mm-w-40 {
            min-width: 40% !important;
        }

    #fin21 .modal-footer > div {
        width: 333px;
    }

    .btnPopM {
        width: 98px;
        margin-right: 5px;
        font-size: 11px;
        line-height: 40px;
    }

    #fin21 .carousel-item .input-group {
        width: 100%;
    }

    .gore .carousel-item .form-control {
        min-width: 1px;
    }

    #selezzaor {
        width: 118px !important;
        font-size: 11px;
    }

    .colStyleInt {
        padding: 10px;
        margin-bottom: 10px;
    }

    #fin21 .modal-content {
        padding: 10px;
    }

    #fin21 .modal-header h4 {
        font-size: 15px;
        line-height: 25px;
    }

    #fin21 .rowInfoPemm .col-md-3, #fin21 .rowInfoPemm .col-md-9 {
    }

    #fin21 .rowInfoPemm .col-md-3 {
        /*background-color: red;*/
        flex: 0 0 30%;
        max-width: 30%;
    }

    #fin21 .rowInfoPemm .col-md-9 {
        /*background-color: rebeccapurple !important;*/
        flex: 0 0 70%;
        max-width: 70%;
        display: block;
    }

    #fin21 .rowInfoPemm {
        /*padding: 10px;*/
        padding: 5px;
        padding-bottom: 2px;
    }

    .rowInfoPemm .d-flex .inff {
        padding: 10px;
        padding-left: 10px;
        padding-right: 0;
        text-align: center;
    }

    .rowInfoPemm .d-flex .p-2 {
        padding: 4px !important;
    }

    .rowInfoPemm .d-flex .inff:last-child a {
        font-size: 10px;
    }

    #fin21 .rowInfoPemm .col-md-9 h4 {
        font-size: 14px;
        margin-top: 6px;
        margin-bottom: 5px;
        margin-left: 3px;
    }

    #fin21 .rowInfoPemm #sezperson .d-flex {
        display: block !important;
        font-size: 10px;
        margin-bottom: 90px;
    }

        #fin21 .rowInfoPemm #sezperson .d-flex:last-child {
            position: absolute;
            /*background: darkgreen;*/
            width: 100%;
            bottom: 0;
            right: 21%;
            font-size: 14px;
            text-align: center;
            margin-bottom: 0px;
        }

    #fin21 #fotoctr {
        height: unset;
        width: 100%;
        margin-bottom: 85px;
        border-radius: 7px;
    }

    #fin21 .carousel-item .input-group-prepend {
        min-width: 50%;
    }
    #mappatimbi h5 {
        font-size: 15px;
        white-space: unset;
    }
} @media only screen and (max-width: 374px) {
    .btnPopM {
        width: calc(33.33% - 6.5px);
    }
} @media only screen and (max-width: 328px) {
    .btnPopM {
        font-size: 13px;
        line-height: 18px;
    }
}
    /* Badge Numero dipendenti Tabelle */
    .conNumDip {
    height: 33px;
    width: 33px;
    line-height: 32px;
    position: absolute;
    text-align: center;
    border: 0;
    z-index: 97;
    background-color: var(--bglight_color);
    top: 22px;
    left: 35px;
} .tabOreMh .bia /*, .TabPalli .bia*/ {
    padding-left: 40px;
} .colTruniMan .textH4 {
    font-size: 20px !important;
    margin: 0 !important;
    height: unset;
    color: var(--bglight_color);
} .colTruniMan #loadVuoto {
    display: flex;
    align-items: center;
} .cbtnStampMobb .grupStampe .confMobb {
    border-bottom-right-radius: 20px !important;
    border-top-right-radius: 20px !important;
    border: 2px solid var(--main_color) !important;
    width: 80px !important;
} .cbtnStampMobb .grupStampe .selConfMobb {
    border-bottom-left-radius: 20px !important;
    border-top-left-radius: 20px !important;
    border: 2px solid var(--main_color) !important;
    margin-left: 4px !important;
    font-size: 15px !important;
    padding-left: 6px !important;
} .tabbStatMobb .contBtnTruniMob {
    bottom: -292px;
} .tabbStatMobb .btnStampAperto {
    width: 204px;
} .tabbStatMobb .grupStampe .btn-group {
    margin-left: 2px;
}
    /* Up Mox Dip Grup */
    .grupSelT {
    width: 100%;
} .grupSelT .inputRicerca {
        width: 245px;
    } .grupSelT .inputmain {
        width: 50px;
        display: flex !important;
        margin: 15px 0 0 15px;
        padding: 0 !important;
        justify-content: center !important;
        transition: transform 100ms ease-in-out;
        cursor: pointer;
    } .grupSelT .inputmain i {
            font-size: 20px;
        } .grupSelT .inputmain:active {
            transform: scale(0.9);
        } .grupSelAct {
    background-color: var(--main_color) !important;
    color: #fff;
    border: 2px solid var(--nav2_color);
}
    /*#btnCercaMex i {
    margin: 0 auto;
}*/
    .Maggiorat legend i {
    height: 36px;
    width: 36px;
    border-radius: 100%;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.22);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.22);
    box-shadow: 0 1px 3px rgba(0,0,0,0.22);
    font-size: 18px;
    background-color: var(--btn1_color);
    color: #363636;
    margin-left: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
    /* provvisorio Contratti */
    .Maggiorat .labelText {
    font-size: 13px;
}
    /* Box orari Vinc*/
    .contErariVinc {
    background-color: var(--bglight_color);
    width: 94px;
    height: 140px;
    position: absolute;
    z-index: 99;
    display: flex;
    top: 50px;
    left: 50px;
    border: 1px solid #363636;
    transform: scale(0);
    border-radius: 11px;
    box-shadow: inset 0px 22px 38px -19px #505050, inset 0px -22px 38px -19px #505050;
} .popWow {
    transition: transform 0.1s;
    transform: scale(1);
} .contErariVinc .ore, .contErariVinc .minuti {
    width: 46px;
    position: relative;
    display: inline-flex;
    overflow: hidden;
} .minuti {
    border-radius: 0 11px 11px 0;
} .ore {
    border-radius: 11px 0 0 11px;
} .divTableCell {
    height: 46px;
    width: 46px;
    text-align: center;
    cursor: pointer;
    user-select: none;
} .divTable {
    display: table;
    width: 100%;
} .divTableRow {
    display: table-row;
} .divTableHeading {
    background-color: #EEE;
    display: table-header-group;
} .divTableCell, .divTableHead {
    border: 1px solid #363636;
    display: table-cell;
    padding: 10px;
} .divTableHeading {
    background-color: #EEE;
    display: table-header-group;
    font-weight: bold;
} .divTableFoot {
    background-color: #EEE;
    display: table-footer-group;
    font-weight: bold;
} .divTableBody {
    display: table-row-group;
} .rigaselOre {
    position: absolute;
    top: 46px;
} .rigaselOre .divTableCell {
        background-color: var(--main_color);
    }
    /* Tabella Cost NewVers */
    .posRelat {
    position: relative;
} .costti .colRicStatInt {
    width: 1200px;
} #boxCstat {
    display: block;
} #contPopCat {
    left: 434px;
} .hidePseA:after, .hidePseB:before {
    opacity: 0 !important;
} .showPseA:after, .showPseB:before {
    opacity: 1 !important;
} .selCommaR {
    width: 180px;
    padding: 8px !important;
    position: relative;
    display: flex !important;
    overflow: hidden;
    cursor: pointer;
    transition: var(--an_active);
    pointer-events: none;
} .selCommaR:active {
        transform: var(--sc_active);
    } .selCommaR .cCommSp {
        position: absolute;
        border: 2px solid #9b9b9b;
        height: 30px;
        width: 30px;
        margin: 0;
        border-radius: 100%;
        display: flex;
        align-items: center;
    } .selCommaR .cCommSp:before {
            content: "";
            height: 20px;
            width: 20px;
            background-color: #81D981;
            border-radius: 100%;
            margin: 0 auto;
            transform: scale(0);
            transition: transform 66ms ease-in-out;
        } #ckcomm {
    position: absolute;
    height: 100%;
    width: 48px;
    z-index: 1;
    -webkit-appearance: none;
    display: block !important;
    cursor: pointer;
    left: 15px;
    border: 0 !important;
} #ckcomm:checked ~ .selCommaR .cCommSp:before {
        transform: scale(1);
    } #ckcomm:checked ~ .selCommaR .cCommSp {
        border-color: #81D981;
    } .selCommaR .spanT {
    width: 100%;
    margin-left: 37px;
    position: relative;
    opacity: 0.4;
    transition: opacity 66ms ease-in-out;
    user-select: none;
} .selCommaR .spanT:after {
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        content: "\f078";
        position: absolute;
        right: 4px;
        top: 1px;
        z-index: 1;
        transition: opacity 333ms ease-in-out;
    } .selCommaR .spanT:before {
        content: "";
        position: absolute;
        background-image: url(../Image/c.gif);
        right: 0px;
        top: -22px;
        z-index: 2;
        width: 20px;
        height: 64px;
        background-size: 70px;
        background-repeat: no-repeat;
        display: block;
        background-position-x: -25px;
        opacity: 0;
        transition: opacity 333ms ease-in-out;
    } #ckcomm:checked ~ .selCommaR {
    pointer-events: unset;
} #ckcomm:checked ~ .selCommaR .cCommSp ~ .spanT, #ckcomm:checked ~ .cCommSp ~ .selCommaR .spanT::before {
        opacity: 1;
    } .spanT.anim:after {
    animation: clickMe 450ms 2 ease-in-out;
} #slgruppers.anim:after, #sltipscad.anim:after {
    animation: clickMeP 450ms 2 ease-in-out;
} #slgruppers:active, #sltipscad:active {
    transform: var(--sc_active);
} @keyframes clickMe {
    0% {
        top: 1px
    }

    50% {
        top: 7px
    }

    100% {
        top: 1px
    }
} @keyframes clickMeP {
    0% {
        top: 12px
    }

    50% {
        top: 18px
    }

    100% {
        top: 12px
    }
} #nomeaz {
    background-color:var(--nav1_color);

} .table-primary, .table-primary > td, .table-primary > th {
    background-color: var(--seco_color);
    filter: saturate(0.9);
} .btn-primary:not(.btbxbtn) {
    background-color: var(--btn3_color);
    border-color: var(--btn3_color);
}
    /*.gius:after {
    content: "";
    border-left: 8px solid transparent;
    border-right: 0;
    border-bottom: 8px solid gainsboro;
    position: absolute;
    bottom: 2px;
    left: 2px;
    border-radius: 100%;
    animation: pulseRed 1111ms infinite;
}*/
    /* New Smart Style */
    #linkft, #fotoZoom {
    position: absolute;
    display: none;
    height: 90px;
    width: 75px;
    z-index: 99;
    background-color: transparent;
    border-radius: 9px;
    top: 10px;
    left: 10px;
    box-shadow: 0 0 0 2px var(--main_color);
    overflow: hidden;
    transition: transform 100ms linear;
} #linkft .fft, #fotoZoom .fft {
        height: 100%;
        width: 100%;
        position: absolute;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        z-index: 2;
        cursor: pointer;
    } #linkft .lld, #fotoZoom .lld {
        height: 100%;
        width: 100%;
        position: absolute;
        z-index: 1;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-image: url('../Image/c.gif');
    } #linkft .fft:before {
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        background-color: rgba(0,0,0,0.5);
        transition: opacity 200ms linear;
        opacity: 0;
    } #linkft:active {
       transform: scale(0.9);
    } #linkft .fft:after {
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        content: "\f002";
        position: absolute;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        padding-left: 28px;
        font-size: 20px;
        color: #fefefe;
        transition: opacity 200ms linear;
        opacity: 0;
    } #linkft .fft:hover:before, #linkft .fft:hover:after {
        opacity: 1;
    } #fotoZoom {
    position: fixed;
    top: 20px;
    display: none;
    height: 290px;
    width: 230px;
    border-radius: 20px;
    top: calc(50% - 145px);
    left: calc(50% - 115px);
    box-shadow: 0 0 0 3px rgba(255,255,255, .7), 0 0 6px 0px rgba(0,0,0,.4);
    overflow: unset;
} #fotoZoom .lld {
        background-size: 111px;
        background-color: white;
        border-radius: 20px;
    
        }#fotoZoom .fft{
        border-radius: 20px;
    } #fotoZoom .boxClosFin {
        margin: 0;
        position: absolute;
        z-index: 3;
        padding: 8px;
        width: 42px;
        height: 42px;
        align-items: center;
        display: flex;
        right: -35px;
        top: -35px;
        border-radius: 100%;
    } #viaLung {
    width: 300px;
    padding: 10px;
    background-color: #fefefe;
    border: 2px solid rgba(188, 65, 212, 0.6);
    border-radius: 9px;
    box-shadow: 0 0 30px rgba(36, 36, 36,0.4);
    position: absolute;
    z-index: 100;
    display: none;
} #viaLung span {
        margin: 0 auto;
        display: block;
        text-align: center;
    } .errorMailo {
    border-color: #f92626;
    box-shadow: 0 0 5px 0 #f92626;
    background-color: #ffbfbf!important;
} #imepers {
    transition: 100ms all ease-in-out;
} #viaLung.millax {
    width: calc(100% - 16px);
    top: 4px;
    height: 30px;
    padding: 0;
    display: none;
    font-weight: 600;
    align-items: center;
    border-radius: 9px;
    font-size: 13px;
    box-shadow: 0 0 5px rgba(36, 36, 36,0.4);
    background-color: #ff4d4d;
    color: white;
    border: none;
}#viaLung.millax span{
   padding-bottom: 2px;
} .colBuPa {
    transition: var(--an_active);
    cursor: pointer;
    display: flex;
    width:42px;
} .colBuPa:active {
        transform: var(--sc_active);
    } .colBuPa span {
        display: flex;
        width: 70%;
        align-items: center;
        justify-content: center;
        margin-left: 10px;
        text-align: center;
        line-height: 20px;
        font-weight: 600;
        user-select: none;
        -webkit-user-select: none;
    } .colBuPa i {
        display: flex;
        width: 100%;
        align-items: center;
        font-size: 30px;
        justify-content: center;
        /* margin-right: 10px; */
        user-select: none;
        font-weight: 900;
        -webkit-user-select: none;
        color: var(--btn3_color);
    } #MappaRangeGrup {
    width: 100%;
    height: 100%;
    overflow: hidden;
} .cercaViaRange {
    position: absolute;
    z-index: 2;
    top: 15px;
    left: 15px;
    display: flex;
} .contZoomBtnMpp {
    position: absolute;
    top: 15px;
    z-index: 2;
    right: 15px;
} .contRangIndi {
    position: absolute;
    bottom: 15px;
    z-index: 2;
    left: 15px;
    display: flex;
} .Mappinx i, .Mappinx input, .contRangIndi span {
        height: 45px;
        border: 2px solid #8c8c8c;
        border-radius: 10px;
        box-shadow: 0px 1px 8px 0px rgba(0,0,0,.1);
        color: #444444;
        background-color: var(--bglight_color);
    } .Mappinx input {
    width: 350px;
    padding-left: 15px;
    padding-bottom: 3px;
    font-weight: 400;
    /*-webkit-user-select: none;
    user-select: none;*/
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-appearance: none;
} .Mappinx i {
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--an_active);
    cursor: pointer;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
} .Mappinx i:active {
        transform: var(--sc_active);
    } #meterini {
    width: 66px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    border-radius: 0;
} .contZoomBtnMpp i{
    border-radius: 11px;
    margin-bottom: 5px;
}.contZoomBtnMpp i:first-child{
    margin-bottom: 50px;
} .contRangIndi span {
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
    padding-left: 12px;
    padding-right: 12px;
    width: unset !important;
} .MicrosoftMap .bm_LogoContainer #bingLogo { display: none !important;} @media screen and (max-width: 526px) {
    /*.contZoomBtnMpp {
        top: 75px;
    }*/
    .cercaViaRange {
        width: calc(100% - 90px);
    }
        .cercaViaRange input {
            width: calc(100% - 45px);
            font-size: 14px;
            padding-bottom: 2px;
        }
} .Mappinx {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 101;
    position: fixed;
    transition: transform 250ms linear, opacity 250ms linear;
    transform: scale(0);
    opacity: 0;
} .Mappinx.showy {
        opacity: 1;
        transform: scale(1);
    } .contMzz {
    height: 100%;
    width: 100%;
} .z101 {
    z-index: 101;
}
    /* --- Btn Attiva Disattiva Range App */
    .rowToggleCenter {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
} .WrapToggleLin {
    padding: 8px;
    border-radius: 46px;
    box-shadow: 0 1px 4px 0 rgba(36,36,36,.4);
    box-shadow: 0 1px 8px -2px rgba(36,36,36,.4);
    display: flex;
    align-items: center;
    background-color: var(--bglight_color);
    border: 2px solid var(--main_color);
    transition: width 100ms ease-in-out;
} .WrapToggleLin span {
        color: #363636;
        font-size: 16px;
        margin-right: 15px;
        width: unset !important;
    } .WrapToggleLin.inptStyle span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 500;
    } .WrapToggleLin span i {
    color: var(--main_color);
    margin-right: 6px;
    margin-left: 10px;
} .tgl {
    display: none;
} .tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
    box-sizing: border-box;
} .tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection {
    background: none;
} .tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
    background: none;
} .tgl + .tgl-btn {
        outline: 0;
        display: block;
        width: 70px;
        height: 40px;
        position: relative;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        padding: 5px;
        transition: all .15s ease;
        background: #c3c3c3;
        border-radius: 40px;
        margin: 0;
        display: flex;
        box-shadow: 0 1px 8px -2px rgba(36,36,36,.25);
        align-items: center;
        flex:none
    } .tgl + .tgl-btn::after {
            position: relative;
            display: block;
            content: "";
            width: 30px;
            height: 30px;
            transition: all .15s ease;
            background: var(--bglight_color);
            border-radius: 100%;
            -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
            -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
            box-shadow: 0 1px 3px rgba(0,0,0,0.3);
            left: 0;
        } .tgl + .tgl-btn::before {
            position: absolute;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: "Font Awesome 5 Pro";
            font-weight: 400;
            content: "\f111";
            width: 30px;
            height: 30px;
            transition: right .15s ease;
            color: #363636;
            right: 3px;
            font-size: 16px;
        } .tgl:checked + .tgl-btn {
    background: #81D981;
} .tgl:checked + .tgl-btn::after {
    left: 30px;
} .tgl:checked + .tgl-btn::before {
        right: 30px;
        color: #fefdfd;
        content: "\f2d1";
        transform: rotate(90deg);
    } .WrapToggleLin.inptStyle .tgl + .tgl-btn::before {
    font-size: 15px;
} .WrapToggleLin.inptStyle .tgl:checked + .tgl-btn::before {
    right: 31px;
} .apriMapx {
    display: none;
    box-shadow: 0 1px 8px -2px rgba(36,36,36,.25);
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    border-radius: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: 8px;
    background: #ecb100;
    margin-left: 8px;
    color: #363636;
    font-size: 18px;
    cursor: pointer;
    transition: var(--an_active);
}.apriMapx:active {
    transform: var(--sc_active);
} .rowToggleCenter .wrapSelectZ .inputmain {
    margin:0;
} .rowToggleCenter .wrapSelectZ {
    width: 100%;
    margin-left: 16px;
} .rowToggleCenter .WrapCampi.col50{
    display: flex;
    align-items: center;
} @media screen and (max-width: 768px) {
    .rowToggleCenter{
        flex-wrap: wrap;
    }
        .rowToggleCenter .wrapSelectZ {
            margin-top: 16px;
            margin-left: 0;
        }
}
    /* End */
    .colRicercaOre .WrapToggleLin.inptStyle {
    margin-left: 15px;
} .WrapToggleLin.inptStyle {
    border-radius: 11px;
} .WrapToggleLin.inptStyle span i {
        margin-left: 5px;
    } .WrapToggleLin.inptStyle label {
    zoom: 75%;
}
    /*.contSettyRiepo{
    background-color: red;
    display: flex;
    position: relative;

}.contSettyRiepo .colStyle{
   position: relative;
   top:15px;
   left: 0;
}*/
    .wrapContrPers {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    margin-bottom: 20px;
} .wrapContrPers label.labelText {
        background-color: transparent;
    } .wrapContrPers .noapperance {
        padding-left: unset !important;
        padding-right: 11px !important;
        text-align-last: center;
    } .wrapContrPers select.inputmain {
        margin: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-right: 0;
    } .wrapContrPers .boxType:after {
        top: 14px;
    }.wrapContrPers .boxType{
        width: 380px;
        margin-left:0 !important;
    } .wrapContrPers .btnMain {
        display: flex !important;
        align-items: center;
        padding-right: 15px;
        padding-left: 15px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        font-weight: 600;
    }.wrapContrPers .btnMain i{
       margin-right: 5px;
    }
    /* Aggiungi Familiare */
    .contFamy {
    min-height: 18px; /* Mod 24 Aprile 2020 */
} .contoProddYo {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
} .contoProddYo:last-child {
        margin-bottom: 0;
    } .dot {
    margin-right: 8px;
    display: flex;
    color: #363636;
    align-items: center;
} .contoProddYo .Rigo {
    display: flex;
    background-color: var(--bgpopup_color);
    flex-wrap: wrap;
    border-radius: 19px;
    width: calc(100% - 91px);
    padding-bottom: 5px;
} .contoProddYo.penne .Rigo {
    width: 100%;
} .conIpt {
    background-color: rgba(255,255,255,0.8);
    padding: 5px;
    border-radius: 15px;
    width: calc(33% - 5px);
    margin-top: 5px;
    margin-left: 5px;
} .conIpt.ModAbs {
        height: 78px;
        position: relative;
    } .conIpt span:not(.descTog) {
        display: block;
        font-size: 12px;
        text-align: left;
        padding-left: 3px;
        position: relative;
        top: -2px;
    } .conIpt .inputmain {
        padding: 5px 10px !important;
        margin: 0 !important;
    } .conIpt.long{
        width: calc(66% - 5px);
    } .conIpt.long100{
        width: calc(100% - 10px);
    } .sprendy {
    display: flex;
    align-items: center;
    padding: 0;
    justify-content: center;
    margin-right: 0;
    background-color: #ff8585;
    width: 55px;
    margin-left: 10px;
    height: 55px;
    font-size: 22px;
    cursor: pointer;
    box-shadow: 0 1px 8px -2px rgba(36,36,36,.4);
    border-radius: 100%;
    transition: var(--an_active);
} .sprendy:active {
    transform: var(--sc_active);
} .sprendy.tiny, .sprendy.medu {
            height: 38px;
            width: 38px;
            font-size: 15px;
            background-color: var(--bglight_color);
            color: #363636;
        } .sprendy.medu {
            height: 50px;
            width: 0;
            min-width: 50px;
            margin: 0;
            margin-left: 10px;
            font-size: 18px;
            font-weight: 500;
            background-color: var(--seco_color);
        } #noFamy {
    font-size: 22px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
} @media screen and (max-width: 540px) {
    .conIpt {
        width: calc(100% - 10px) !important;
    }

    .contoProddYo .dot {
       display: none;
    }
    .contoProddYo {
        flex-wrap: wrap;
    }
    .contoProddYo .Rigo {
        width: 100%;
    }
}
    /* End */
    /* New Personal */
    #inpspersona, .colPersonaRisBoxS #contpers {
    overflow-x: hidden;
} #inpspersona .labelText, .newInputStyle .labelText {
        background-color: var(--bgpopup_color);
        display: flex;
        padding: 5px;
        font-size: 11px;
        align-items: center;
        justify-content: center;
        margin-bottom: 0;
        height: 50px;
        border-radius: 11px 11px 0 0;
        color: #363636;
    } #inpspersona .col6 .labelText {
        height: 40px;
        font-size: 16px;
    } .WrapToggleAlto, #inpspersona .labelText ~ input, #inpspersona textarea, #inpspersona .labelText ~ .wrapSelectZ > select, .newInputStyle .labelText ~ input, #inpspersona textarea, .newInputStyle .labelText ~ .wrapSelectZ > select {
        margin: 0 !important;
        border-radius: 0 0 11px 11px;
        text-align: center;
        font-size: 15px;
    } .WrapToggleAlto.inputmain{
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
        } .WrapToggleAlto label {
            zoom: 75%;
        } .newInputStyle .labelText {
    font-size: 16px;
    text-shadow: none;
    position: relative;
} #inpspersona textarea, .newInputStyle textarea{
    border-radius: 0 0 0 25px;
    min-height: 150px;
    padding: 5px 10px !important;
    text-align: left;
} .newInputStyle textarea {
    min-height: 50px;
    margin: 0;
    border-radius: 0 0 0 11px;
} .WrapCampi .WrapToggleLin .tgl-btn {
    margin-left: auto;
} .d-flex{
    display: flex;
} .d-flex-wrap{
    display: flex;
    flex-wrap: wrap;
} .d-flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}
    /*.wrapSelectZ select {
    padding-right: 35px !important;
}
.wrapSelectZ option {
    background-color: red;
    border: 2px solid steelblue;
    border-radius: 20px;
    height: 50px;
}
    .wrapSelectZ option:checked {
        background-color: black;

    }
    .wrapSelectZ option:focus{
        background-color: wheat;
    }*/
    .boxCont {
    transition: filter 150ms linear, opacity 100ms linear;
} .nascy {
        pointer-events: none;
        filter: blur(25px);
        opacity: 0.8;
    } .contPicco{
    height: 100%;
    width: 100%;
    padding: 16px;
    
} .contPicco .labelText {
        font-size: 18px !important;
        text-shadow: none;
    } .contPicco .contBtnAzio {
        margin-bottom: 0;
    } .contPicco input ~ i {
        position: absolute;
        bottom: 14px;
        right: 24px;
        font-size: 22px;
        cursor: pointer;
        transition: var(--an_active);
    } .contPicco input ~ i:active {
        transform: var(--sc_active);
    } #contCulInt {
    position: absolute;
    z-index: 111;
    display: block;
    width: 765px;
    padding: 16px;
    left: calc(50% - 382px);
    margin-bottom: 150px;
    border-radius: 20px;
} #contCulInt fieldset {
    border-radius: 11px 11px 25px 25px;
} #contCulInt #inpspersona .labelText {
        font-size: 17px;
        color: #363636;
    } #contCulInt .fotonomediv {
        margin-left: 8px;
        width: calc(100% - 178px);
        margin-right: 16px;
    } #contCulInt .fotonomediv span {
        display: block;
        width: 100%;
        text-align: center;
    } #contCulInt .fotonomediv #imgpers {
            height: 120px;
            width: 120px;
            margin: 10px;
            display: flex;
            justify-content: center;
            border-radius: 14px;
            background-color: var(--bglight_color);
            overflow: hidden;
        } #contCulInt .fotonomediv #fotoctr {
            height: 100%;
            width: unset;
            padding: 0;
        } #contCulInt .fotonomediv #fotoctr:not([src='Image/nofoto.jpg']) {
                transform: scale(1.2);
            } #contCulInt .TextNPMobile, .ImaPerso .TextNPMobile {
        margin-left: 0;
        margin-right: 10px;
        display: flex;
        flex-wrap: wrap;
        height: 100%;
        width: calc(100% - 140px);
    } #contCulInt .TextNPMobile .Altop, #contCulInt .TextNPMobile .Albas, .ImaPerso .TextNPMobile .Altop, .ImaPerso .TextNPMobile .Albas {
            display: flex;
            align-items: center;
            width: 100%;
        } #contCulInt .TextNPMobile .Altop, .ImaPerso .TextNPMobile .Altop {
            justify-content: center;
        } #contCulInt .TextNPMobile .Albas, .ImaPerso .TextNPMobile .Albas {
            border-top: 2px dashed rgba(255,255,255,.7);
        } .ImaPerso .TextNPMobile .Albas {
            margin-top: 10px;
            padding-top: 20px;
        } #contCulInt .TextNPMobile p, .ImaPerso .TextNPMobile p {
            background-color: var(--bglight_color);
            margin: 0;
            padding: 0;
            color: #363636;
            font-weight: 600;
            font-size: 16px;
            padding: 4px 10px;
            border-radius: 7px;
            margin: 0 auto;
        } #contCulInt .TextNPMobile p:empty {
            display: none;
        } .downPdfWrap {
    height: 100%;
    display: flex;
    align-items: center;
    padding-right: 5px;
} .downPdfBtn {
    background-color: rgba(0,0,0,.3);
    font-weight: 600;
    font-size: 16px;
    padding: 4px 10px;
    border-radius: 7px;
    cursor: pointer;
    transition: var(--an_active);
    user-select: none;
    -webkit-user-select: none;
}.downPdfBtn:active {
    transform: var(--sc_active);
} .intestaLang {
    display: none;
} .conTabLang .nessContFamy{
    margin: 15px;
} .nessContFamy {
    width: 100%;
    display: block;
    text-align: center;
} #AzzCandy {
    position: relative;
    margin: 0 auto;
    margin-top: 20px;
    z-index: 111;
    display: flex;
    width: 765px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 22px;
} @media screen and (max-width: 768px) {
    #contCulInt {
        left: unset;
        width: calc(100% - 32px);
        margin-right: 16px;
        margin-left: 16px;
    }
    #AzzCandy {
        width: calc(100% - 32px);
        flex-wrap: wrap;
    }
        #AzzCandy span:first-child {
            border-right:0 !important;
            border-bottom: 2px solid rgba(0,0,0,.3);
            padding-bottom: 5px;
        }
        #AzzCandy span:last-child {
            margin-top: 5px;
        }
} .sot15{
    margin-top:15px;
} .invylinky {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    transition: var(--an_active);
} .invylinky:active {
    transform: var(--sc_active);
} #wrapTelly {
    background-color: var(--bgpopup_color);
    display: flex;
    padding: 10px;
    border-radius: 80px;
    position: fixed;
    z-index: 111;
    left: calc(50% - 115px);
    top: calc(50% - 40px);
} #wrapTelly .num, #wrapTelly i {
        background-color: var(--bglight_color);
        padding: 15px;
        border-radius: 50px;
    } #wrapTelly .num {
        font-weight: 600;
        font-size:20px;
        margin-right: 10px;
    } #wrapTelly i {
        transition: var(--an_active);
        cursor: pointer;
        font-size: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 60px;
        height: 60px;
    } #wrapTelly i:active {
            transform: var(--sc_active);
        }
    /*.cercaWrap .colStyle{
    padding-right: 15px;
    padding-left: 15px;
    justify-content: center;
    align-items: center;
    display: flex;
}
    .cercaWrap .colStyle h4 {
        margin-right: auto;
    }
    .cercaWrap .colStyle:first-child {
        width: calc(100% - 612px);
    }
.cercaWrap #cercaMex {
    width: 200px;
}*/
    .BoxScanMail {
    cursor: pointer;
    width: 146px;
    font-size: 17px;
    transition: var(--an_active);
    font-weight: 600;
    user-select: none;
    padding: 15px !important;
    -webkit-user-select: none;
    margin-right: 0 !important;
    margin-left: 0 !important;
} .BoxScanMail:active {
        transform: var(--sc_active);
    } .BoxScanMail i {
        font-size: 25px;
        margin-left: 8px;
    } .wrapCop {
    border-radius: 15px;
    overflow: hidden;
} .wrapCop.nascy, input.nascy, button.nascy, .newCercaCul .nascy {
        filter: blur(3px);
    } .impocul .textH4 {
    margin-top: 16px;
    margin-bottom: 0;
} .BoxScanMailMob, #MasterInvyMob {
    margin: 0;
    position: fixed;
    bottom: 10px;
    z-index: 99;
    background-color: #b9d7ff;
    display: none;
    justify-content: center;
    align-items: center;
    right: 10px;
    transition: var(--an_active);
} .BoxScanMailMob:active, #MasterInvyMob:active{
        transform: var(--sc_active);
    } @media screen and (max-width: 768px) {
    .BoxScanMail, #MasterInvy {
        display: none !important;
    }
    .BoxScanMailMob, #MasterInvyMob {
        display: flex;
    }
    .cercaWrap {
        flex-wrap: wrap !important;
    }
        .cercaWrap .colStyle:first-child {
            width: 100%;
        }
    .BoxRadioSel.m-l-16 {
        height: 80px;
        margin-left: 0 !important;
        width: 100%;
    }
    .grafyuc{
        margin-bottom: 0 !important
    }
    .containerMenu .masterRiga {
        max-height: unset !important;
    }
    .SkiBidi + .cListRicerca #altriCPersRic{
        display: none !important
    }
} .colCercaCul .Riga:first-child{
    margin-bottom: 0 !important;
    flex-wrap: wrap;
} @media screen and (max-width: 540px) {
    /*.cercaWrap #cercaMex {
        width: 130px;
    }
    .cercaWrap .colStyle {
        margin: 0;
    }
        .cercaWrap .colStyle:first-child {
            margin-bottom: 8px !important;
        }*/
    .colCercaCul  {
        margin-bottom: 8px !important;
    }
    .BoxRadioSel .RadioSelM {
        font-size: 14px !important;
    }
} .wrapNoteM .labelText {
        background-color: #b2c8ff !important;
    } .wrapNoteM textarea {
        border: 2px solid #1477ffcc;
    } .btnInsideTArea {
    right: -10px;
    bottom: 15px;
    left: 15px;
    position: absolute;
    font-size: 18px;
    padding: 0;
    height: 40px;
    width: 40px;
    min-width: 0;
} .btnInsideTArea::after {
   display: none;
} .CardCul.HR{
    
} .CardCul.PDF {
    background-color: rgba(95, 158, 160, 0.5);
} .CardCul.PDF .front .ope {
        background-color: rgb(159, 187, 186);
    } .CardCul.note_M {
    background-color: rgba(253, 204, 140, 0.60);
} .CardCul.note_M .front .ope {
        background-color: rgb(231, 205, 170);
    } .contOpzy.cinqu{
    height: unset;
    width: unset;
} .contOpzy.cinqu .rgihe {
        margin: 0 auto;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    } .contOpzy.cinqu .rgihe:last-child {
        margin-bottom: 0;
    } .contOpzy.cinqu .rgihe .Opzy {
            width: 80px;
            height: 80px;
            font-size: 13px;
        } .contOpzy.cinqu .rgihe .Opzy i {
                font-size: 25px;
            } .contOpzy.cinqu .rgihe .Opzy {
                margin-right: 10px;
            } .contOpzy.cinqu .rgihe .Opzy:last-child {
                margin-right: 0;
            } .contOpzy.cinqu .rgihe .Opzy:only-child {
            margin-right: 0;
        } .wrappyInforMag {
    position: absolute;
    top: 200px;
    left: 200px;
    z-index: 99;
    width: 220px;
    display: none;
} .inforMag {
    width: 100%;
    background-color: rgba(240,190,190,0.5);
    backdrop-filter: blur(12px);
    z-index: 2;
    border-radius: 16px;
    display: flex;
    align-items: center;
    box-shadow: 0 8px 10px rgba(36,36,36,.4);
} .spigol {
    width: 25px;
    height: 25px;
    background-color: rgba(240,190,190,0.5);
    backdrop-filter: blur(12px);
    position: absolute;
    z-index: 0;
    left: calc(50% - 15px);
    top: -10px;
    transform: rotate(45deg);
} .inforMag .wrapq {
    padding: 10px 15px;
    color: var(--blk_elementa);
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    justify-content: center;
    font-size: 18px;
} .wrappyInforMag.sotty .spigol {
    top: unset;
    bottom: -10px;
} .wrappyInforMag.sotty .inforMag {
    box-shadow: 0 -8px 10px rgba(36,36,36,.4);
} i.loady {
    display: flex;
    align-items: center;
} i.loady.abs {
        position: absolute;
        top: calc(50% + 8px);
        right: 22px;
    } .newInputStyle .WrapCampi i.loady.abs {
    top: calc(50% + 18px);
    right: 24px;
} i.loady:before, .loadyAfter:after {
    content: "\f3f4" !important;
    animation: spin 800ms linear infinite;
} @keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
} .BoxRadioSel {
    width: 420px;
    padding: 15px !important;
    margin-left: 0;
} .BoxRadioSel input[type=radio] {
   display: none;
} .BoxRadioSel form {
       display: flex;
       height: 100%;
       width: 100%;
    } .BoxRadioSel .RadioSelM {
        display: flex;
        height: 100%;
        width: 100%;
        margin-bottom: 0;
        align-items: center;
        justify-content: center;
        border: 2px solid var(--main_color);
        font-size: 16px;
        font-weight: 600;
        border-right: 0;
        cursor: pointer;
        transition: var(--an_active);
    }.BoxRadioSel .RadioSelM:active {
        transform: var(--sc_active);
    } .BoxRadioSel .RadioSelM:last-child {
            border-right: 2px solid var(--main_color);
            border-top-right-radius: 11px;
            border-bottom-right-radius: 11px;
        } .BoxRadioSel .RadioSelM:nth-child(2) {
            border-top-left-radius: 11px;
            border-bottom-left-radius: 11px;
        } .BoxRadioSel input[type=radio]:checked + label {
        background-color: var(--main_color);
        color: var(--bglight_color);
    } td.inDrag {
    transform: scale(1) !important;
}td.inDrag:active {
    transform: scale(1) !important;
}td.inDrag:hover {
    outline: none !important;
} td.Dropy {
    box-shadow: 0 0 0 2px #bc2800;
    z-index: 1;
    border-color: #bc2800 !important;
} #MasterInvy {
    position: fixed;
    top: 20px;
    background-color: rgba(0,179,0,1);
    border-radius: 15px;
    right: 20px;
    height: 60px;
    width: 166px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF9EE;
    border: 2px solid rgba(255,255,255,0.5);
    cursor: pointer;
    user-select: none;
    z-index: 98;
    font-size: 35px;
    padding-bottom: 3px;
    box-shadow: 0 1px 8px rgba(36,36,36,.4);
    transition: var(--an_active);
} #MasterInvy:active {
        transform: var(--sc_active);
    } #MasterInvyMob {
    background-color: rgba(0,179,0,1);
    color: #FFF9EE;
    border: 2px solid rgba(255,255,255,0.5);
} .wrapPipCul {
    font-weight: 600;
    font-size: 22px;
} .wrapPipCul i{
   margin-right: 5px;
} .rigDairep[del=True] .grande {
    background-color: #bfbfbf !important;
} .rigDairep[del=True] td.spenta {
    background-color: #d6d6d6 !important
} .colRicercaStat.ni {
    width: unset !important;
} .boxSceltPers {
    padding: 16px 0 16px 0 !important;
    height: 100%;
} .boxSceltPers .Riga fieldset.colAggiungi {
            margin: 0;
            height: 100%;
            border: 0;
            background-color: var(--bgpopup_color);
            position: relative;
        } .boxSceltPers .wrapInp * {
        margin: 0 !important;
        border-width: 2px !important;
    } .boxSceltPers .selectRicerca {
        border-width: 2px !important;
    } .boxSceltPers .WrapCampi {
        height: 100%;
        overflow: hidden;
    } .tipon .WrapCampi.WrapRicerca {
    height: 100%;
} .boxSceltPers .Riga {
    height: calc(100% - 50px);
} fieldset.colAggiungi.fieldTogggle {
    height: unset !important;
    margin-bottom: 16px !important;
    min-height: 163px;
} fieldset.colAggiungi.fieldTogggle #boxBtnMexInv {
        margin-top: 0;
    } .wrappiOldToggle {
    background-color: rgba(255,255,255,.8);
    border-radius: 10px;
    height: 100%;
    overflow: hidden;
} .wrappiOldToggle .labelText, .boxSceltPers #boxBtnMexInv .labelText {
        text-shadow: none;
        color: #fefdfd;
        font-size: 14px !important;
        display: block;
        padding: 4px 0;
        background-color: var(--main_color);
    } .boxSceltPers #boxBtnMexInv .card {
    zoom: 50%;
    display: block;
    margin: 30px auto;
    top: unset;
    transform: scale(1);
} #loadSel {
    top: 50% !important;
} fieldset.colAggiungi.fieldRisTogggle {
    height: calc(100% - 179px) !important;
} fieldset.colAggiungi.fieldRisTogggle #vuotoPer, fieldset.colAggiungi.fieldRisTogggle #boxT {
        width: 200px;
        left: calc(50% - 100px);
    } fieldset.colAggiungi.fieldRisTogggle #vuotoPer {
        display: block;
    } .fieldRisTogggle #boxI, .fieldRisTogggle #boxG, .fieldRisTogggle #boxA {
    height: 330px;
} .ultrscad .Riga {
    height: unset;
} .ultrscad.newInputStyle .labelText {
    background-color: rgba(255,255,255,.8);
} .boxSceltPers .cListRicerca {
    background-color: var(--bglight_color);
    border: 0;
} #inforr {
    position: absolute;
    z-index: 100;
    width: 720px;
    display: none;
    left: calc(50% - 360px);
    min-height:250px;
} #inforr .boxRis{
    overflow-x:hidden;
    padding-bottom:16px;
}#inforr .loadGif{
   display:block;
} #contGrupPers.boxSceltPers .wrapInp .inputRicerca, #contPopCat.boxSceltPers .wrapInp .inputRicerca {
    width: calc(100% - 115px);
} #contGrupPers.boxSceltPers .btnCercaMain, #contPopCat.boxSceltPers .btnCercaMain {
    margin-right: 15px !important;
} #contGrupPers.boxSceltPers .wrapSelectZ:after {
    right: 16px;
    top: 28px;
} .wrapPrior {
    width: 100%;
    display: flex;
} .cPrior {
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    width: 60px;
    margin-right: 16px;
    font-size: 22px;
    border-radius: 100%;
    font-weight: 600;
    cursor: pointer;
    transition: var(--an_active);
    user-select: none;
    -webkit-user-select: none;
} .cPrior:active {
        transform: var(--sc_active);
    } .cPrior:last-child {
        margin-right: auto
    } .cPrior:first-child {
        margin-left: auto
    } .wrapPrior:not(.wwert) .cPrior[selPrio='true'] {
        box-shadow: 0 0 0 3px #0071BC;
        border: 3px solid #fefdfd;
    } .prio-1 {
    font-size: 12px !important;
    background-color: var(--btn2_color);
} .prio1 {
    background-color: #6beae2 !important
} .prio2 {
    background-color: #81D981 !important;
} .prio3 {
    background-color: #ffff60 !important;
} .prio4 {
    background-color: orange !important;
} .prio5 {
    background-color: #ff5757 !important;
} .bigPrio{ background-color: #ffdfdf; } .wrapScady, .sCasenzy span {
    display: flex;
    background-color: var(--bgpopup_color);
    padding: 5px;
    border-radius: 11px;
    margin-bottom: 10px;
    transition: var(--an_active);
    cursor: pointer;
} .wrapScady:last-child, .sCasenzy span:last-child {
    margin-bottom: 0;
} .wrapScady:active {
        transform: var(--sc_active);
    } .wrapScady .cPrior {
        height: 35px;
        width: 35px;
        margin: 0;
        font-size: 15px;
    } .wrapScady span {
        display: flex;
        align-items: center;
        font-size: 16px;
        margin: 0 auto;
        user-select: none;
        -webkit-user-select: none;
    } .sCasenzy span {
    align-items: center;
    padding-left: 12px;
} .sCasenzy span:first-child {
    height: 40px;
    justify-content: center;
    font-weight: 600;
} .sCasenzy span .badge8 {
        margin-left: auto;
    } .tableScady #grdati td span {
        top: 5px;
    } .tableScady #testaore th.tiollo p:first-child {
        width: 100%;
        text-align: center;
        top: calc(50% - 10px);
        font-size: 16px;
    } .tableScady #grdati td.norm, .tableScady #grdati td.scadyx, .tableScady #grdati td.rinn {
    position: relative;
} .tableScady #grdati td.norm:after, .tableScady #grdati td.scadyx:after, .tableScady #grdati td.rinn:after, td[bday="True"]:before {
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        content: "\f34e";
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #363636;
    } .tableScady #grdati td.norm {
       /* */
    } .tableScady #grdati td.rinn, .listScad .itemsRicerca.rinn {
    opacity: .4;
} .tableScady #grdati td.scadyx:after, .listScad .itemsRicerca.scadyx i:before {
    animation: spaceboots 3s ease-in-out infinite;
} @-webkit-keyframes spaceboots {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    1% {
        -webkit-transform: translate3d(-4px, 0, 0);
        transform: translate3d(-4px, 0, 0);
    }

    2% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    3% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0);
    }

    4%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
} .containerMenu .masterRiga {
    height: calc(100vh - 202px);
} .containerMenu .multiRiga {
    height: 100%;
} .wrapTwoUnit {
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
} .wrapTwoUnit input.inputmain {
        margin: 0;
        width: 50%;
        text-align: center;
        padding-top: 10px !important;
    } .wrapTwoUnit input.inputmain:first-child {
        border-radius: 0 0 0 11px;
        border-right: 0;
    } .wrapTwoUnit input.inputmain:last-child {
        border-radius: 0 0 11px 0;
    } .wrapTwoUnit.oregio:after, .wrapTwoUnit.oregio:before {
        content: "Ore";
        height: 25px;
        width: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        background-color: var(--nav2_color);
        color: #363636;
        font-size: 13px;
        position: absolute;
        top: -12px;
        left: calc(25% - 25px);
        font-weight: 500;
    } .wrapTwoUnit.oregio:before {
        content: "Giorni";
        left: unset;
        right: calc(25% - 25px);
    } td[bday="True"]:before {
    content: "\f1fd";
    background-color: #fefdfd;
} td:not(.spenta)[bday="True"]:before {
    align-items: unset;
    padding-top: 20px;
} .tableTurniM.tableScady #grdati td span {
    transform: unset !important;
    -webkit-transform: unset !important;
    -moz-transform: unset !important;
    -o-transform: unset !important;
    filter: unset !important;
    -ms-filter: unset !important ;
    left: unset !important;
    top: unset !important;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%;
    width: 100%;
} .tableTurniM.tableScady #grdati td:not(.spenta):not(.bigPrio)[bday="True"] span {
    align-items: unset;
    padding-top: 8px;
} td.bigPrio:not(.spenta)[bday="True"]:before {
    justify-content: flex-end;
    padding-right: 5px;
    padding-top: 22px;
} .colRicercaStat.wAuto .WrapToggleLin.inptStyle {
    margin-left: 15px;
} .colRicercaStat.wAuto #slgruppers {
    width: 214px;
} .colRicercaStat.wAuto #sltipscad {
    width: 122px;
} .SelctWDescry {
    margin-left: 15px;
    display: flex;
} .SelctWDescry .inputmain{
    margin: 0 !important;
} .SelctWDescry #slStatp {
        width: 125px;
        border-radius: 0 11px 11px 0;
    } .SelctWDescry .inputmain.desct {
        width: 95px;
        border-radius: 11px 0 0 11px;
        border-right: 0;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background-color: var(--btn2_color);
    } .SelctWDescry .inputmain.desct i {
            margin-right: 6px;
        } .prioACol {
    border-radius: 0 11px 11px 0;
    padding: 0 !important;
    position: relative;
    width: 88px;
    cursor: pointer;
} .prioACol .wrapPrior {
        width: 46px;
        height: 46px;
        flex-wrap: wrap;
        z-index: 22;
        margin: 0;
        background-color: #fffdf9;
        box-shadow: 0 0 0 2px var(--main_color);
        overflow: hidden;
        padding: 3px;
        transition: height 200ms ease-in-out;
    } .prioACol .wrapPrior.luyn {
            height: 271px;
        } .prioACol .wrapPrior .cPrior {
            margin: 0 !important;
            height: 40px;
            width: 40px;
            margin-bottom: 5px !important;
            font-size: 16px;
            box-shadow: none;
        } .prioACol .wrapPrior .cPrior:last-child {
            margin-bottom: 0 !important;
        } @media screen and (max-width: 960px) {
    .cPrior {
        height: 40px;
        width: 40px;
        font-size: 18px;
    }
    .wrapPipCul {
        font-size: 16px;
    }

    .noBordMobile {
        border-radius: 0 !important;
        box-shadow: none;
    }

    .colDescr.ViviDaMob {
       display: block;
       margin-bottom: 0 !important;
       border-radius: 0;
       box-shadow: none;
    }
    .LaFirmas ~ .noPadd{
        padding-bottom: 16px !important;
    }
    .WrapCampi.SpandTabletMax {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
} .newCercaCul .colStyle {
    padding: 15px;
    padding-left: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    top: 0;
    left: 0;
    margin-right: 15px;
} .SelctWDescry .inputRicerca {
    border-width: 2px;
    margin: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    width: 250px;
    font-weight: 400;
    text-transform: capitalize;
    text-overflow: ellipsis;
} .Contenitore.SfogCul {
    max-width: 1550px;
    margin-top: 20px;
} .wrapRisuDove {
    position: relative;
} .contRisuDove {
    position: absolute;
    width: 100%;
    background-color: #fff;
    border: 2px solid var(--main_color);
    border-radius: 0 0 11px 11px;
    top: 48px;
    box-shadow: 0 10px 20px rgba(0,0,0,.2);
} .contRisuDove:empty {
   display: none;
} .RisuDove {
    display: flex;
    align-items: center;
    padding-left: 10px;
    height: 35px;
    font-size: 16px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    transition: var(--an_active);
    cursor: pointer;
} .RisuDove span{
    user-select: none;
    -webkit-user-select: none;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
} .RisuDove:active {
        transform: var(--sc_active);
    } .contRisuDove:not(:empty) ~ #inpCercaDove{
    border-radius: 0 11px 0 0;
} .loadMuste {
    width: 100% !important;
    height: 100%;
    position: absolute;
    top: 0;
    width: 0;
    background-color: #fff;
} .loadMuste .loadGif{
    display: block !important;
} .WrapToggleLin .soloIcon {
    font-size: 20px;
    color: var(--main_color);
    margin-right: 10px;
    margin-left: 3px;
    cursor: pointer;
} .WrapStampeBustNew {
    position: absolute;
    right: 15px;
    top: 99px;
    display: flex;
    box-shadow: 0 2px 9px rgba(36,36,36,.6);
    overflow: hidden;
    border-radius: 20px;
} .WrapStampeBustNew .colBuPa {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        box-shadow: none;
        position: unset;
        margin-bottom: 0;
    } .WrapStampeBustNew .colStampe {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        box-shadow: none;
        border-right: 2px solid var(--main_color);
        width: 74px;
        position: unset;
        margin-bottom: 0;
    } .WrapDivid {
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
    align-items: center
} .WrapDivid .divid {
    margin: 0 !important;
} .nuvy{
    padding:0;
    margin: 0;
} .nuvy li {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #dee2e6;
        padding-top: 4px;
        padding-bottom: 6px;
    } .nuvy li:last-child {
        border-bottom: 0;
    } .nuvy li span{
       margin-left: auto;
    } .nuvy li strong {
            text-align: left;
        }
    /* File */
    .wrapInputFile {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 97;
    height: 80px;
    width: 80px;
} .wrapInputFile input {
        display: none;
    } .wrapInputFile label {
        height: 100%;
        width: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 98;
        cursor: pointer;
    } .wrapInputFile label:active ~ .loader-box {
            transform: scale(0.9);
        } .loader-box {
    height: 100%;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
    transition: transform 100ms ease-in-out;
} .loader-box .water {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        width: 100%;
        height: 100%;
        -webkit-transform: translate(0, 110%);
        transform: translate(0, 110%);
        background: #6479c7;
        transition: transform 500ms ease-in-out;
    } .loader-box .water_wave {
        width: 200%;
        position: absolute;
        bottom: 100%;
    } .loader-box .water_wave_back {
        right: 0;
        fill: #4a5dff;
        -webkit-animation: wave-back 1.4s infinite linear;
        animation: wave-back 1.4s infinite linear;
    } .loader-box .water_wave_front {
        left: 0;
        fill: #6479c7;
        margin-bottom: -1px;
        -webkit-animation: wave-front .7s infinite linear;
        animation: wave-front .7s infinite linear;
    } @-webkit-keyframes wave-front {
    100% {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
    }
} @keyframes wave-front {
    100% {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
    }
} @-webkit-keyframes wave-back {
    100% {
        -webkit-transform: translate(50%, 0);
        transform: translate(50%, 0);
        -ms-transform: translate(50%, 0);
        -moz-transform: translate(50%, 0);
    }
} @keyframes wave-back {
    100% {
        -webkit-transform: translate(50%, 0);
        transform: translate(50%, 0);
    }
} .loader-box .des {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    z-index: 12;
    transition: opacity 200ms ease-in-out;
    opacity: 1;
} .loader-box .des.noa {
        opacity: 0;
    } .loader-box .des:after, .loader-box .des:before {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: height 500ms linear, opacity 450ms linear;
    } .loader-box .des:after {
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        content: "\f062";
        font-size: 25px;
        height: 100%;
        animation: SuGiuTr 500ms infinite ease-in-out alternate;
        animation-delay: 600ms;
    } .loader-box .des:before {
        font-weight: 600;
        content: "Excel";
        font-size: 16px;
        height: 0;
        opacity: 0;
    } .loader-box .des.text:after {
        padding-bottom: 12px;
        animation: none;
    } .loader-box .des.text:before {
        padding-top: 12px;
    } .loader-box .des.text:after, .loader-box .des.text:before {
        height: 50%;
        opacity: 1;
    } .loader-box .des.vai:before {
        content: "Elabora";
    } .loader-box .des.vai:after {
        content: "\f061";
    } @keyframes SuGiuTr {
    0% {
        transform: translateY(0px);
    }

    100% {
        transform: translateY(10px);
    }
} @keyframes SuGiuStop {
    0% {
        transform: translateY(0px);
    }

    100% {
        transform: translateY(0px);
    }
}
    /* End */
    /* File Thin */
    .wrapInputFile.CardyFile {
    position: relative;
    right: 0;
    bottom: 0;
    background: none;
    height: auto;
    width: 110px;
    padding: 10px;
    min-height: 174px;
} .wrapInputFile.CardyFile .loader-box {
        width: 100%;
        background-color: #f5f5f5;
        border-radius: 5px;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 40px;
    } .wrapInputFile label {
   margin: 0;
}
    /* End */
    #listafileprog {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
} .WrapCardyFile {
    padding: 10px;
    border-radius: 14px;
    transition: background-color 100ms ease-in-out;
    cursor: pointer;
    position: relative;
} .WrapOpzyFile {
    border-radius: 14px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    opacity: 0;
    transition: opacity 100ms ease-in-out;
    z-index: 1;
    background-color: rgba(221, 228, 255, 0.31);
    display: none;
    align-items: center;
    justify-content: center;
} .WrapOpzyFile i {
        width: 50px;
        height: 50px;
        background-color: #fff;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #363636;
        font-size: 16px;
        transition: var(--an_active);
        margin-bottom: 6px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    } .WrapOpzyFile i:active {
            transform: var(--sc_active);
        } .WrapOpzyFile i:last-child, .WrapOpzyFile i:only-child {
            margin-bottom: 0;
        } .WrapCardyFile:hover, .WrapCardyFile.StoCarr {
    background-color: #dde4ff;
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.06);
} .WrapCardyFile:hover .WrapOpzyFile, .WrapCardyFile.StoCarr .WrapOpzyFile {
        opacity: 1;
        display: flex;
    } .WrapCardyFile.StoCarr .WrapOpzyFile i:before {
            content: "\f3f4" !important;
            animation: spin 800ms linear infinite;
        } .CardyFile {
    background-image: url(../Image/fileBack.png);
    background-repeat: no-repeat;
    width: 90px;
    height: 120px;
    background-position: center;
    background-size: contain;
    filter: grayscale(1);
    display: flex;
    align-items: center;
    justify-content: center;
} .CardyFile .esten {
        width: unset !important;
        font-size: 25px;
        color: #007bff;
    } .WrapCardyFile .numo, .WrapCardyFile .wuee {
    width: 90px !important;
    display: block;
    text-align: center;
} .WrapCardyFile .numo {
    font-size: 13px;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #007bff;
    padding-top: 2px;
} .WrapCardyFile .wuee {
    font-size: 10px;
    color: #757575;
} .colAggiungi.posRelat .btnInsideTArea {
    right: 0;
    top: 0;
    margin-right: 0;
    left: 0;
    bottom: 0;
    position: relative;
} #caricali{
    display: none;
} .Opzy.Quadry {
    height: 50px;
    border-radius: 11px;
    padding: 0;
    width: 120px;
    margin-left: auto;
    background-color: var(--nav2_color);
    font-weight: 600;
    font-size: 16px;
} .TextCaFile {
    padding: 10px;
    align-items: center;
} .TextCaFile .textH4 {
        margin: 0 auto;
    } .Opzy.Quadry i {
    font-size: 24px;
    margin-left: 6px;
} .itemsRicerca.loady {
    padding: 0 20px 0 50px;
    position: relative;
} .itemsRicerca.loady::after {
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        content: "\f3f4";
        animation: spin 800ms linear infinite;
        position: absolute;
        left: 15px;
        font-size: 20px;
    } #listapxo {
    padding: 0;
    margin-top: 50px;
    margin-bottom: 0;
} #listapxo::before {
        content: "Buste Paga";
        font-size: 24px;
        font-weight: 500;
    } #listapxo.Nussy::before {
        content: "Nessuna Busta Paga";
        width: 100%;
        text-align: center;
        display: block;
    } .contAreaPers #contpers {
    min-height: 500px;
} .contAreaPers #contpers .textH4 {
        margin: 0;
        height: unset;
        text-align: left;
    } .contAreaPers #contpers .selectRicerca {
        border-width: 2px;
    } .contAreaPers .colStyle.WrapCampi {
    margin-bottom: 16px;
    padding: 16px;
} #loadSel.loadGif.Relat {
    position: relative;
    margin: 40px 0 25px 0;
    top: unset !important;
} .colDescrN {
    margin: 0;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
} .btn-Bluin {
    color: #fff;
    background-color: #3F51B5;
} .btn-Bluin:hover {
    background-color: #334190;
} .pallina.Fleggata {
    box-shadow: 0px 0px 3px 2px #00ff4e;
    border-color: #00ff4e !important;
} .selSet {
    -webkit-box-shadow: inset 0px 15px 2px -10px #ff9900, inset 0px -15px 2px -10px #ff9900;
    -moz-box-shadow: inset 0px 15px 2px -10px #ff9900, inset 0px -15px 2px -10px #ff9900;
    box-shadow: inset 0px 15px 2px -10px #ff9900, inset 0px -15px 2px -10px #ff9900;
} .selSetI {
    -webkit-box-shadow: inset 0px 15px 2px -10px #ff9900, inset 0px -15px 2px -10px #ff9900, inset 15px 0 2px -10px #ff9900;
    -moz-box-shadow: inset 0px 15px 2px -10px #ff9900, inset 0px -15px 2px -10px #ff9900, inset 15px 0 2px -10px #ff9900;
    box-shadow: inset 0px 15px 2px -10px #ff9900, inset 0px -15px 2px -10px #ff9900, inset 15px 0 2px -10px #ff9900;
} .selSetF {
    -webkit-box-shadow: inset 0px 15px 2px -10px #ff9900, inset 0px -15px 2px -10px #ff9900, inset -15px 0 2px -10px #ff9900;
    -moz-box-shadow: inset 0px 15px 2px -10px #ff9900, inset 0px -15px 2px -10px #ff9900, inset -15px 0 2px -10px #ff9900;
    box-shadow: inset 0px 15px 2px -10px #ff9900, inset 0px -15px 2px -10px #ff9900, inset -15px 0 2px -10px #ff9900;
} .RigaLegTab {
    display: flex;
    padding: 10px;
    border-bottom: 2px solid rgba(0,0,0,.2);
} .RigaLegTab:last-child {
    border-bottom: 0;
} .CellRip {
    height: 60px;
    width: 40px;
    border: 2px solid white;
    position: relative;
    box-shadow: 0 0 20px 0px rgba(0,0,0,.3);
    background-color: var(--offcel_color);
} .CellRip .Targetta {
    height: 16px;
    width: 100%;
    background-color: white;
    position: absolute;
    top: 0;
    left: 0;
} .RigaLegTab span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 70px);
    margin: 0 15px;
    font-size: 14px;
    color: #363636;
} .CellRip.Stok {
        background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
        background-size: 100%;
    } .CellRip.Mod {
    background-color: white;
} .CellRip.Ferie {
    background-color: #5eff83;
} .CellRip.Rip {
    background-color: #678294;
} .CellRip.Malt {
    background-color: #ff5e5e;
} .CellRip.Mod .Targetta {
    background-color: black;
} .CellRip .TestoSto {
    font-size: 16px;
    font-weight: 500;
    color: #363636;
    position: absolute;
    height: 40px;
    width: 60px;
    align-items: center;
    justify-content: center;
    display: flex;
    transform: rotate(-90deg);
    top: 8px;
    right: -12px;
} .CellRip.Ara {
    background-color: rgba(255, 106, 0, 0.70);
} .CellRip.Ros {
    background-color: rgba(255, 42, 42, 0.66);
} .CellRip.Ver {
    background-color: rgba(2, 113, 21, 0.66);
} .CellRip.Vio {
    background-color: #f0e4ff;
} .CellRip.Manu .Targetta {
    background-color: #ea445a;
} .Leged {
    height: 38px;
    width: 38px;
    border-radius: 15px;
    background-color: rgba(36,36,36,.9);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: white;
    transition: transform 100ms ease-in-out;
    cursor: pointer;
} .Leged:active {
    transform: scale(.95);
} .LegDicilo {
    display: block;
    height: 26px;
    margin-bottom: 5px;
    font-size: 18px;
} .Popopo{
    margin-top: 20px;
} .LegendaTab {
    max-height: 675px;
    overflow-x: hidden;
    overflow-y: auto;
} .RigaLegTab i, .MeSoSpost {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    width: 40px;
    position: relative;
    font-size: 26px;
    margin-right: 0;
} .MeSoSpost:before {
    font-size: 26px;
} select.mago{
    height:40px;
    width:40%;
    margin:0;
} .mago{
    display:inline-block;
} #infor{
    height: unset;
    min-height: 354px;
} #infor.inforMod #persona .mago {
        background-image: url(../Image/jikko.png);
        background-size: 10%;
        background-repeat: no-repeat;
        background-position-y: 8px;
        background-position-x: calc(100% - 8px);
    } .disabCal {
    pointer-events: none;
    cursor: not-allowed !important;
    background-color: rgba(0,0,0,.2) !important;
    opacity: .6;
} .WrapDocGener .wrapInp .inputRicerca, .WrapDocGener .wrapInp .btnCercaMain {
    margin-top: 0;
} .WrapDocGener .CartellaDoc {
    background-color: rgba(232,212,136, .3);
    border-radius: 11px;
    margin-bottom: 15px;
    padding: 10px;
} .WrapDocGener .CartellaDoc .wrapInputFile.CardyFile .loader-box {
        background-color: #fff;
    } .ConFiles {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative;
    min-height: 150px;
    gap: 8px;
} .Cartellone {
    min-height: 250px;
    position: relative;
} .NomeCartell {
    font-size: 18px;
    font-weight: 500;
    padding-left: 10px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
} .NomeCartell i{
    background-color: white;
    height: 35px;
    width: 35px;
    border-radius: 100%;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
    margin-left: auto;
} .NomeCartell .fa-pencil-alt {
        margin-left: 10px;
    } .NomeCartell em {
        font-style: normal;
    } .TestaDoc {
    position: sticky;
    background-color: var(--bglight_color);
    top: 0;
    z-index: 98;
    padding-bottom: 15px;
} .NoCartess, .NoFIlles {
    width: 260px;
    height: 50px;
    left: calc(50% - 130px);
    top: calc(50% - 25px);
    position: absolute;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #363636;
} tr[suo='no'] > td.grande, tr[suo='no'] > td.spenta, td.grande[suo='no'], td.tdTestaFix[suo='no'] {
    filter: hue-rotate(180deg);
} @keyframes Aooo {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(.9);
    }

    100% {
        transform: scale(1);
    }
} .AoClikka {
    animation: Aooo 666ms ease-in-out infinite reverse;
} @keyframes Blinka {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
} .disabAnim {
    pointer-events: none;
    animation: Blinka 1s linear infinite reverse;
} .BtnContr{
    display: none;
} .InAzz {
    background-color: transparent;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 20px;
    margin-left: auto;
} .InAzz span{
    font-size: 16px;
    font-weight: 400;
} .InAzz i {
        font-size: 25px;
        margin-left: 20px;
        color: #f44336;
    } .InAzz i[press="true"] {
            color: #81D981;
        } .InAzz:empty {
    display: none;
    margin-left: 0;
} .Pioos .textH4 {
    height: unset;
} .cListRicerca.con1e2rig {
    border-radius: 11px;
    height: calc(100% - 166px);
} #pcom span{
    width: unset; 
} .PagPersShort .obblig {
    background-color: #fff !important;
} .PagPersShort #viaLung.millax {
    border-radius: 11px 11px 0 0;
    top: 0;
    height: 50px;
    font-size: 16px;
} #LoadAddDipShort{
    display: none;
} .colFis520 .WrapCampi.WrapRicerca {
    height: 710px !important;
} .colFis520 .textH4 {
    font-size: 25px !important;
} .colFis520 .itemsRicerca {
    font-size: 16px !important;
} .colFis520 .WrapRicerca .colSelectContent {
    height: 100% !important;
} #caricalii {
    display: none;
} .WrapDocGener .CartellaDoc[ido='Generali'] {
    background-color: rgb(136 190 232 / 30%);
} .Opzy.Quadry.Lin {
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
    background-color: #ffd65a;
    margin-left: 10px;
} .disabbbbb {
    pointer-events: none;
} .rsede{
    padding: 2px 5px !important;
    width: 100%;
    text-align: left !important;
    font-size: 13px;
    position:absolute;  
    bottom:0;
    left:0;
    display:none;
} [srv='true'] .rsede{
    display:block;
} #rtim .rsede[ver=E] {
    background-color: rgb(113 185 116);
    color: #151515;
} #rtim .rsede[ver=U] {
    background-color: rgb(255 0 0 / 55%);
    color: #151515;
} #rtim > tr {
    position:relative;
    margin-bottom:10px
} #rtim > tr > td.contbttnTP[srv='true']{
        margin-bottom: 23px;
    } .DataBozza:empty{
    display:none;
} .DataBozza {
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
    height: 34px;
    margin-left: auto;
    width: 172px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    font-style: normal;
    border-radius: 17px;
    background-color: #ffffff;
    font-size: 15px;
    font-weight: 400;
} .DataBozza i{
        margin-right: 6px;
    } .DataBozza.Tiny {
        width: fit-content;
        margin-right: 7px;
    } .btnMainLight.ConHover {
    overflow: unset;
    position: relative;
} .btnMainLight.ConHover:hover .Piccini {
        height: fit-content;
    } .Piccini {
    position: absolute;
    width: 100%;
    top: 43px;
    left: 0;
    height: 0;
    background-color: #ffffff;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 15%);
    z-index: 1;
    overflow: hidden;
} .Piccini .Polli {
        padding: 8px 12px;
        border-top: 2px solid rgba(0 0 0 / 10%);
    } .Piccini .Polli:first-child {
        border-top: 0;
    } .Rigonfo {
    background-color: #f8f1d7;
    width: 100%;
    min-height: 56px;
    border-radius: 9px;
    display: flex;
    margin-bottom: 10px;
    align-items: center;
    padding: 8px;
    padding-left: 16px;
} .Rigonfo:last-child, .Rigonfo:only-child {
        margin-bottom: 0;
    } .Rigonfo * {
        color: #363636;
        font-weight: 400;
        font-size: 16px;
    } .Rigonfo span {
        background-color: white;
        height: 100%;
        padding: 8px 12px;
        border-radius: 4px;
        max-width: 205px;
        display: flex;
        align-items: center;
        text-align: center;
    } .Rigonfo label{
    margin: 0;
    margin-right: auto;
} .glmLogo {
    background-image: url(../image/glm.png);
} .ContPagPers .labelText ~ .wrapSelectZ > select {
    margin: 0 !important;
    border-radius: 0 0 11px 11px;
    text-align: left;
    font-size: 15px;
    padding-right: 35px !important;
} .Manstr .MasterNo.Cerca:after {
    content: "Cerca un responsabile scrivendo il suo nome nella barra soprastante";
    padding: 0px 75px;
} .row.rowControllAppr {
    padding: 10px;
} .row.rowControllAppr .SelctWDescry {
        margin-left: 10px;
    } .row.rowControllAppr .transAll {
        display: flex;
    } #descrFotoAprr {
    margin: 0;
    width: fit-content;
    font-weight: 400;
    text-shadow: none;
    font-size: 18px;
    height: 50px;
    display: flex;
    align-items: center;
    background-color: var(--btn2_color);
    border-radius: 11px;
    padding: 0 15px;
    padding-left: 0;
} #descrFotoAprr .BadgeAppr {
        height: 50px;
        min-width: 50px;
        border-radius: 11px 0 0 11px;
        margin-right: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
    } .SirSelot > .checkbox {
    position: static;
    top: unset;
    left: unset;
    right: unset;
    width: unset;
    height: unset;
    display: flex;
    background-color: transparent !important;
    align-items: center;
} .SirSelot > .checkbox:after {
        font-size: 34px;
        line-height: unset;
        height: 40px;
        line-height: 40px;
        width: 40px;
    } .SirSelot > input {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
} .SirSelot {
    height: 50px;
    width: fit-content;
    display: flex !important;
    background-color: transparent !important;
    box-shadow: none;
    margin-left: auto;
    transition: background 0.15s cubic-bezier(0.5, 0, 0, 1.5);
    padding-right: 5px;
    overflow: hidden;
} .SirSelot .checkbox:before {
        content: "Seleziona tutti";
        white-space: nowrap;
        font-size: 16px;
        font-weight: 500;
        color: #f7f7f7;
        transition: background 0.15s cubic-bezier(0.5, 0, 0, 1.5);
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
        z-index: 1;
    } .SirSelot > input:checked ~ .checkbox:before {
        content: "Deseleziona tutti";
    } .SirSelot .checkD-None:hover ~ .checkbox:before, .SirSelot .checkD-None:checked ~ .checkbox:before {
        color: white;
    } .SirSelot .checkD-None:checked ~ .checkbox:after {
    font-size: 20px;
    margin-left: 6px;
} .SirSelot .checkD-None:checked:hover ~ .checkbox:after {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
} .Ssap {
    background-color: rgba(0, 0, 0, 0.25) !important;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
} .SirSelot .checkD-None:checked ~ .Ssap, .SirSelot .checkD-None:hover ~ .Ssap{
    background-color: rgba(0, 0, 0, 0.5) !important;
} @media screen and (max-width: 768px) {
    .MrOnorati {
        display: block !important;
    }

        .MrOnorati .rowControllAppr {
            gap: 10px;
        }

            .MrOnorati .rowControllAppr > * {
                width: 100% !important;
                margin: 0 !important;
            }

            .MrOnorati .rowControllAppr > .btnMain:hover {
                border: 0 !important;
            }

            .MrOnorati .rowControllAppr > .btnMain:active {
                background: transparent !important;
            }

            .MrOnorati .rowControllAppr .chNoneAll {
                top: 0 !important
            }

        .MrOnorati .SirSelot > .checkbox {
            width: 100% !important;
        }

            .MrOnorati .SirSelot > .checkbox:after, .MrOnorati .SirSelot .checkD-None:checked ~ .checkbox:after {
                margin-left: auto;
            }
} #jobList .nuovo {
    background-color: transparent;
    border: none;
    color: var(--dark);
    flex-wrap: wrap;
    justify-content: center;
    height: 100%;
    margin: 0;
    align-content: center;
    padding: 0 35px;
} #jobList .nuovo .wrapSelectZ {
        width: 100%;
    } #jobList .nuovo .wrapSelectZ .noapperance {
            margin: 0;
            width: 100%;
            margin-bottom: 15px;
        } #jobList .nuovo span {
        font-size: 18px;
        font-weight: 500;
        display: block;
        margin-bottom: 15px;
    } #jobList .nuovo .btnAzio {
        width: 100%;
    }
    /*
@media (max-width: 1200px){
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 5.5px; 
        padding-left: 5.2px;
    }
    #mennuprinc {
        border: 2px solid var(--nav2_color);
    }
    .BarrNav {
        width: 2px !important;
    }
    .navbar{
        padding: 0;
    }
    .colNavBar {
        right: 0;
        bottom: 30px;
    }
    .navbar-brand {
        transform: scale(.4);
        left: -56px;
        top: 0;
        margin: 0;
        zoom: 65%;
    }
}

    */
    /* Gruppi 2023 */
    .tree {
    width: calc(100% - 20px);
    top: 50px;
    display: block;
} .listGruppp .itemsRicerca {
    transition: var(--an_active), padding 150ms ease-in-out, margin-bottom 150ms linear;
    min-height: 52px;
    height: unset;
    max-height: unset;
    padding: 0;
} .tree ul.vertical li {
    padding: 0 !important;
} .tree ul.vertical li a {
        margin-left: 7px;
        width: calc(100% - 5px);
        background: white;
        z-index: 1;
        position: relative;
        margin-bottom: 7px;
    } .cont_BtnDipGrup ~ span {
    padding: 10px 10px;
    height: unset;
    text-align: left;
} .showDipGrup {
    top: 9px;
    left: 9px;
} .cont_BtnDipGrup {
    height: 100%;
} .tree ul.vertical li::before {
    top: -23px;
} .tree ul.vertical li:first-child::before {
    top: -2px;
    height: 26px;
} .wrapMultiBtnLarge.Grup {
    flex-wrap: wrap;
    gap: 15px;
} .wrapMultiBtnLarge.Grup .btnMainLarge {
        margin: 0 !important;
    } .WrapToggleLin.inptStyle .apriMapx {
    height: 30px;
    width: 30px;
    font-size: 13px;
} #btnGruuTur {
    height: 50px;
    width: fit-content;
    font-size: 16px;
    padding: 0 12px;
    margin-top: -5px;
} #btnGruuTur i {
    margin-right: 8px;
} .rowScrollyy {
    margin-bottom: 15px;
} #frammaSx, #frammaDx{
    width: 50px;
} #frammaSx .fraccia, #frammaDx .fraccia {
            right: 7px;
            background-size: 21px;
            background-position: center;
        } .LindoPinto#loadTurniY{
            background-image: unset;
        } .LindoPinto#loadTurniY i{
    height: 50px;
    justify-content: center;
    font-size: 26px;
} .rowScrollyy #listappp > li:first-child {
    padding-left: 20px;
    width: 120px;
}
    /* END */
    /* Tabella Turni Settimane Gruppi */
    .LeSemane {
    background: white;
    width: 100%;
    border-radius: 11px;
} .LeSemane .spanTabGrupp {
        height: 39px;
        margin-top: 0;
        line-height: 13px;
        text-align: center;
        display: flex;
        font-size: 14px;
        align-items: center;
        justify-content: center;
    } .TestaSema, .RigoSema {
    display: flex;
    width: 100%;
} .Gio {
    background-color: var(--offcel_color);
    padding: 0;
    color: #363636;
    font-weight: 500;
    position: relative;
    transition: var(--an_active);
    border: 1px solid var(--bglight_color);
    display: inline-block;
    width: 100%;
    height: 60px;
} .TestaSema .Gio:not(.Canc) {
    background-color: var(--main_color);
    color: #F4F0F0;
    cursor: not-allowed;
    font-size: 18px
} .TestaSema .Gio, .Gio.Add, .Gio.Min {
    display: flex;
    align-items: center;
    justify-content: center;
} .RigoSema .Gio:not(.Add):not(.Min):hover {
    outline: 1px dashed #000;
    z-index: 97;
    cursor: pointer;
} .Gio.Add, .Gio.Canc, .Gio.Min {
    background-color: #f7f7f7;
} .Gio.Add i, .Gio.Canc i, .Gio.Min i {
        font-size: 20px;
    } .Gio i.fa-trash {
    color: #ff7271;
} .TestaSema .Gio:first-child {
    border-radius: 11px 0 0 0;
} .TestaSema .Gio:last-child {
    border-radius: 0 11px 0 0;
} .RigoSema:last-child .Gio:first-child {
    border-radius: 0 0 0 11px;
} .RigoSema:last-child .Gio:last-child {
    border-radius: 0 0 11px 0;
}
    /* END */
    .inputmain.BtnInBar {
    width: fit-content;
    display: flex !important;
    align-items: center !important;
    padding: 0 15px !important;
    gap: 6px;
    font-size: 16px;
    cursor: pointer !important;
} .inputmain.BtnInBar i {
        font-size: 18px;
        margin-left: 6px;
    } .colRicercaStat.ni .btnMainLight {
    margin-left: 15px;
} .Rigotatty {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    width: 100%;
} .Rigotatty > span {
        display: flex;
        height: 40px;
        background: rgb(255 126 0 / 10%);
        width: fit-content;
        align-items: center;
        padding: 0 15px;
        border-radius: 20px;
        gap: 10px;
        font-size: 16px;
        font-weight: 400;
        color: #363636;
        white-space: nowrap
    } .Rigotatty > label {
        margin: 0;
        padding-left: 6px;
        font-size: 20px;
        color: #363636;
        font-weight: 500;
    } #fin21 #sezperson {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    gap: 15px;
    display: grid;
} .Rigotatty > span > a {
    color: #363636;
} .Rigotatty:last-child > span {
    box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
    background: white;
} .Rigotatty > span:first-child > span:empty::after {
    content: "Committenza non impostata"
} .Rigotatty > span:last-child > span:empty::after {
    content: "Mansione non impostata"
}



@media screen and (max-width: 768px) {
    .assistenza{
        display: none;
    }
    body {
        background-size: 290%;
    }
}

@media screen and (max-width: 992px) {
    .assistenza {
        display: none;
    }

    .active {
        padding-left: 13px !important;
    }
}



.AvvisiFissati {
    display: flex;
    flex-direction: column;
    background-color: white;
    position: fixed;
    z-index: 11111;
    bottom: 15px;
    left: 15px;
    height: min-content !important;
    width: 350px;
    border-radius: 20px;
    overflow: hidden;
    padding-top: 20px;
    visibility: hidden;
    opacity: 0;
    will-change: opacity, visibility;
    transition: opacity 100ms linear, visibility 100ms linear;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%);
}

    .AvvisiFissati.Vedo {
        visibility: visible;
        opacity: 1;
    }
    .AvvisiFissati > .TestaAvvisiFissati {
        position: relative;
        position: relative;
        height: 0;
        width: 100%;
    }
        .AvvisiFissati > .TestaAvvisiFissati > i {
            position: absolute;
            width: 20px;
            height: 20px;
            font-size: 20px;
            z-index: 11;
            top: -4px;
            right: 14px;
            text-align: center;
        }

    .AvvisiFissati .Avviso {
        display: flex;
        gap: 20px;
        background-color: white;
        font-size: 16px;
        font-weight: 500;
        color: #363636;
        padding: 20px;
        position: relative;
        padding-right: 25px;
        border-bottom: 2px solid var(--nav2_color);
    }

    .AvvisiFissati .Avviso:last-child {
        border-bottom: 0;
    }

        .AvvisiFissati .Avviso i {
            font-size: 30px;
            color: #363636;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
        }

        .AvvisiFissati .Avviso .Icon {
            flex: none;
            width: 33px;
            position: relative
        }

            .AvvisiFissati .Avviso .Icon:after {
                content: "";
                height: 15px;
                width: 9px;
                background-color: #363636;
                position: absolute;
                top: 11px;
                left: 13px;
            }

        .AvvisiFissati .Avviso i:last-child {
            font-size: 21px;
            color: #FFC107;
            top: 6px;
            left: 5px;
        }

        .AvvisiFissati .Avviso .TestiFis > label {
            margin: 0;
            display: block;
            font-size: 20px;
            margin-bottom: 8px;
            color: #F44336;
        }
/*

    .AvvisiFissati:not(:empty) ~ .contBoxRis .colRicercaStat {
        top: 203px !important;
    }
    .AvvisiFissati:not(:empty) ~ .contBoxRis .colTabellaTurni {
        top: 299px !important;
        height: calc(100% - 347px) !important;
    }
*/

.iMexFis {
    width: fit-content;
    display: flex;
    gap: 8px;
    font-size: 18px;
    height: 32px;
    background-color: white;
    color: #363636;
    font-weight: 500;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 99;
    align-items: center;
    box-shadow: 0 2px 9px rgb(36 36 36 / 60%);
    padding: 0 8px;
    padding-right: 12px;
    border-top-right-radius: 10px;
    visibility: hidden;
    opacity: 0;
    will-change: opacity, visibility;
    transition: opacity 100ms linear, visibility 100ms linear;
}

    .iMexFis.Vedo {
        visibility: visible;
        opacity: 1;
    }

.boxCartLav.Documen .SelctWDescry {
    margin: 0;
    height: 50px;
    margin-top: 15px
}

.boxCartLav.Documen .BoxRadioSel {
    width: 100%;
    padding: 0 !important;
}

.boxCartLav.Documen {
    height: 678px;
}

    .boxCartLav.Documen .BoxRadioSel .RadioSelM {
        border-width: 3px !important
    }

@media screen and (max-width: 540px) {
    .AvvisiFissati {
        width: calc(100% - 30px);
    }
}


@media screen and (max-height: 645px) {
    .AvvisiFissati {
        height: calc(100vh - 30px);
        overflow: auto;
    }
        .AvvisiFissati > i {
            position: fixed;
            top: 29px;
            left: 331px;
        }
}

@media screen and (max-width: 540px) and (max-height: 645px) {
    .AvvisiFissati > i {
        position: fixed;
        top: 29px;
        left: unset;
        right: 29px;
    }
}



/* Sedi 2024 */

.itemsRicerca.Righe {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 5px;
}

.EllyDescr {
    margin: 0;
    color: var(--nav1_color);
    font-weight: 400;
    font-size: 15px;
}
    .EllyDescr.Cod {
        color: #4caf50;
        font-weight: 500;
    }
.itemsRicercaSelect .EllyDescr {
    color: white !important
}

.WrapToggleLin.inptStyle.bordato .tgl + .tgl-btn {
    background: #FFC107 !important;
}
.WrapToggleLin.inptStyle.bordato .tgl + .tgl-btn::before {
    display: none;
}

.RadioInRicerca .BoxRadioSel {
    height: 65px;
    width: 100%;
    padding: 8px 0px !important;
}
.BoxRadioSel .RadioSelM {
    font-size: 18px;
    color: #363636;
    font-weight: 500;
    text-shadow: 0 0 2px rgba(36, 36, 36, .4);
}
    .RadioInRicerca .BoxRadioSel .RadioSelM:nth-child(2) {
        border-top-left-radius: 13px;
        border-bottom-left-radius: 13px;
    }

    .RadioInRicerca .BoxRadioSel .RadioSelM:last-child {
        border-right: 2px solid var(--main_color);
        border-top-right-radius: 13px;
        border-bottom-right-radius: 13px;
    }

.WrapCampi.WrapRisultati.med.NoDescrSopra{
    height: 830px
}


.con1sibtn + .Sparrow #newwdip {
    margin-right: 0 !important;
}

.btnAzio.rosso.NoneMaHon {
    width: 0;
    overflow: hidden;
    min-width: 0;
    padding: 0;
    border: 0;
    margin-left: -15px;
}

/* END */



/* Costi & Ricavi */

.NabMobile.Vedi {
    display: flex;
    background: unset;
    height: unset;
    padding: 10px;
    backdrop-filter: blur(11px);
    justify-content: end;
    z-index: 14;
    position: relative;
    margin: 0;
    align-items: center;
    background-color: #ffedca;
}
.LabelText {
    text-align: center;
    margin-top: 11px;
    color: #363636;
    font-weight: 400;
    margin: 0;
    font-size: 20px;
}
.NabMobile.Vedi > .LabelText {
    font-size: 18px;
}


.wrapSelectZ.Muti {
    background-color: white;
    width: 335px;
    height: 50px;
    border-radius: 11px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 12%);
    position: relative;
    margin-left: 16px;
}

    .wrapSelectZ.Muti:after {
       /* font-weight: 500;*/
        right: 17px;
    }

.CorpoCosti {
    height: calc(100vh - 140px);
    overflow: hidden;
    position: relative
}
    .CorpoCosti > div {
        height: 100%;
        width: 100%;
        padding: 15px;
        gap: 15px;
        display: flex;
        position: absolute;
        top: 0;
        left: 0;
        will-change: opacity, visibility;
        transition: opacity 150ms linear, visibility 150ms linear;
        opacity: 1;
        visibility: visible
    }

        .CorpoCosti > div.NoVedo {
            opacity: 0;
            visibility: hidden;
            pointer-events: none
        }


.Involucro {
    height: 100%;
    width: 100%;
    background-color: var(--bglight_color);
    border-radius: 11px;
    position: relative
}

.Modifico > .Involucro {
    width: 70%;
    flex: none;
}
.CorpoCosti .Stack {
    width: calc(30% - 15px);
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.Involucro.Totalissimi {
    height: 70px;
    flex: none;
}

    .wrapSelectZ.Muti.Anni .inputmain.noapperance {
        margin: 0;
        box-shadow: none;
        border: 0;
    }

.BtnCostiRicavi {
    background-color: white;
    height: 50px;
    border-radius: 11px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 12%);
    width: fit-content;
    min-width: 50px;
    display: flex;
    align-items: center;
    padding: 0 14px;
    will-change: opacity, visibility, width, min-width, padding, margin;
    transition: opacity 150ms linear, visibility 100ms linear, width 100ms linear, min-width 100ms linear, padding 100ms linear, margin 100ms linear;
    opacity: 1;
    visibility: visible
}
    .BtnCostiRicavi.disabbb {
        opacity: 0.6
    }

    .BtnCostiRicavi.NoVedo {
        opacity: 0;
        visibility: hidden;
        width: 0;
        padding: 0;
        margin: 0 !important;
        min-width: 0;
        overflow: hidden;
    }
.BtnCostiRicavi > i{
    font-size: 24px;
    color: #363636
}

.NabMobile.Vedi.ToolCostiRicavi .SelctWDescry {
    will-change: opacity, visibility, width, margin;
    transition: opacity 150ms linear, visibility 100ms linear, width 150ms linear, margin 100ms linear;
    opacity: 1;
    visibility: visible
}
    .NabMobile.Vedi.ToolCostiRicavi .SelctWDescry.NoVedo {
        opacity: 0;
        visibility: hidden;
        width: 0;
        margin: 0 !important;
        overflow: hidden;
    }

/*.WrapMesiCostiRicavi {
    width: 100%;
    background-color: white;
    border-radius: 11px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 12%);
    padding: 5px
}
    .WrapMesiCostiRicavi .BoxRadioSel {
        padding: 0 !important;
        width: 100%;
    }
        .WrapMesiCostiRicavi .BoxRadioSel .RadioSelM {
            height: 40px;
            border: 0;
            text-shadow: none;
            font-size: 16px;
            text-transform: capitalize;
            border-right: 2px solid rgba(0, 0, 0, .1);
        }
        .WrapMesiCostiRicavi .BoxRadioSel .RadioSelM:last-child {
            border-right: 0;
        }
            .WrapMesiCostiRicavi .BoxRadioSel .RadioSelM em {
                font-style: normal;
                height: 100%;
                width: 100%;
                margin: 0 5px;
                display: flex;
                align-items: center;
                justify-content: center;
                transition: background-color 120ms linear
            }

            .WrapMesiCostiRicavi .BoxRadioSel .RadioSelM:nth-child(2) em {
                border-top-left-radius: 6px;
                border-bottom-left-radius: 6px;
                margin-left: 0
            }
.BoxRadioSel .RadioSelM:last-child em {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    margin-right: 0
}

        .WrapMesiCostiRicavi .BoxRadioSel input[type=radio]:checked + label {
            background-color: white;
            color: #363636;
        }
            .WrapMesiCostiRicavi .BoxRadioSel input[type=radio]:checked + label em {
                background-color: #fabd03;
            }*/
/* -- Multi Select -- */
.SelectNotag {
    font-weight: 600;
    cursor: pointer;
    user-select: none;
    padding: 10px;
    border-radius: 11px;
    border: 2px solid var(--main_color);
    position: relative;
    height: 50px;
    width: 100%;
}

.ContOption {
    background: white;
    border-radius: 11px;
    box-shadow: 0 0 20px 0px #808080a3;
    left: 0;
    display: none;
    z-index: 2;
    top: 48px;
    position: absolute;
    width: 100%;
    overflow: hidden;
}

.OptionNotag {
    cursor: pointer;
    position: relative;
    border-bottom: solid 1px #e1e1e1;
    display: flex;
    min-height: 38px;
    font-weight: 400;
    font-size: 14px;
    padding: 10px 30px 10px 1px;
    align-items: center;
    margin: 0px 13px;
    transition: transform 120ms ease-in-out;
}
.OptionNotag:active {
    transform:scale(.98)
}

.SelectNotag i {
    font-size: 16px;
    position: absolute;
    right: 17px;
    height: 16px;
    width: 16px;
    top: 16px;
    text-align: center;
}

.OptionNotag:last-child {
    border-bottom: 0;
}

.Search input {
    font-size: 16px;
    border-radius: 7px;
    padding: 10px;
    background: #f3f3f3;
    width: 100%;
    height: 38px;
    border: 0 !important;
}


.Search {
    padding: 6px;
    text-align: center;
}

.SelectNotag span {
    z-index: 1;
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    display: block;
    width: 100%;
}
.SelectNotag > label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

    .SelectNotag span.Load {
        display: flex;
        align-items: center;
        padding-left: 14px;
    }


    .Load {
        background-color: white;
        border-radius: 11px;
        will-change: opacity, visibility;
        transition: opacity 150ms linear, visibility 150ms linear;
        opacity: 1;
        visibility: visible
    }
        .Load.NoVedo {
            opacity: 0;
            visibility: hidden
        }

div.Search div {
    font-size: 17px;
    top: 12px;
    position: absolute;
    right: 16px;
}


    div.Search div::after {
        color: #363636;
        font-family: "Font Awesome 5 Pro";
        content: '\f002';
        font-weight: 500;
    }

.Search hr {
    width: 70%;
    border-radius: 2px;
    background: #f1f1f1;
    margin: 10px auto 0 auto;
    height: 1px;
}

.ContRealOption {
    overflow: auto;
    max-height: 228px;
}

.SelectNotag label {
    cursor: pointer;
    margin: 0;
}

.CBox {
    cursor: pointer;
    right: 0;
    position: absolute;
    border: solid 2px #d26902;
    width: 20px;
    height: 20px;
    margin-left: auto;
    border-radius: 4px;
}

    .CBox::after {
        display: none;
        font-weight: 600;
        top: 0px;
        left: 2px;
        position: absolute;
        font-size: 12px;
        font-family: "Font Awesome 5 Pro";
        content: '\f00c';
    }

.OptionNotag[Attivo='1'] .CBox {
    background: #d26902;
}

    .OptionNotag[Attivo='1'] .CBox::after {
        display: block;
        color: white;
    }

.ContRealOption:has(.OptionNotag[style='display: none;']):not(:has(.OptionNotag[style='display: flex;']))::after {
    content: "Nessun Risultato";
    font-size: 14px;
    color: #363636;
    display: block;
    text-align: center;
    margin: 6px 0 14px 0;
    text-shadow: none;
    font-weight: 500;
}

/* -- END -- */


.SelectNotag.Bianca {
    background-color: white;
    width: 300px;
    border-radius: 11px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 12%);
    border-color: white;
    padding: 11px 50px 10px 14px;
}

/* -- Radio Selezione Verde */

.bordo.Busty .BoxRadioSel {
    width: fit-content;
    padding: 0 !important;
    font-size: 14px;
}
.bordo.Busty .inputmain {
    margin: 0;
}
.bordo.Busty.SelctWDescry .inputmain.desct i {
    font-size: 16px;
}
.bordo.Busty .BoxRadioSel .RadioSelM {
    height: 50px;
    padding: 0 15px;
    width: max-content;
    font-size: 14px;
}
.bordo.Busty .BoxRadioSel input[type=radio]:checked + label {
    background-color: #81D981;
    color: var(--bglight_color);
    -webkit-box-shadow: inset 0px 0px 0px 3px #ffffff !important;
    -moz-box-shadow: inset 0px 0px 0px 3px #ffffff !important;
    box-shadow: inset 0px 0px 0px 3px #ffffff !important;
}
.bordo.Busty .BoxRadioSel .RadioSelM:nth-child(2) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
.bordo.Busty.SelctWDescry .inputmain.desct {
    width: fit-content;
    padding: 0 12px !important;
}
.bordo.Busty .BoxRadioSel .RadioSelM em {
    font-style: normal;
}

/* END */

.ToolCostiRicavi .BoxRadioSel .RadioSelM {
    border: 0;
    padding: 0 !important;
    background-color: white;
    text-shadow: unset
}
.ToolCostiRicavi .SelctWDescry {
    margin: 0;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 12%);
    border-radius: 11px;
}
    .ToolCostiRicavi .SelctWDescry .inputmain.desct {
        border: 0;
        box-shadow: none;
        background: #F7F7F7;
        padding: 0 15px !important;
        font-weight: 400;
    }

.ToolCostiRicavi .Busty .BoxRadioSel .RadioSelM em {
    font-style: normal;
    height: 30px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 17px 0 15px;
    border-right: 2px solid rgba(0, 0, 0, .1);
    margin: 10px 0;
    white-space: nowrap;
    text-transform: uppercase;
}
.ToolCostiRicavi .Busty .BoxRadioSel .RadioSelM:last-child em {
    border-color: white;
}
.ToolCostiRicavi .Busty .BoxRadioSel .RadioSelM:nth-child(2) em {
    border-left: 2px solid white;
}

.ToolCostiRicavi .Busty:not(.ConDescr) .BoxRadioSel .RadioSelM:nth-child(2) {
    border-top-left-radius: 11px;
    border-bottom-left-radius: 11px;
}

.ToolCostiRicavi .Busty .BoxRadioSel input[type=radio]:checked + label {
    -webkit-box-shadow: inset -1px 0px 0px 5px #ffffff !important;
    -moz-box-shadow: inset -1px 0px 0px 5px #ffffff !important;
    box-shadow: inset -1px 0px 0px 5px #ffffff !important
}

.ToolCostiRicavi .Busty:not(.ConDescr) .BoxRadioSel {
    padding-left: 2px !important;
    background: white;
    border-radius: 11px;
    overflow: hidden;
    width: 100%;
    position: relative;
    height: 50px
}
.ToolCostiRicavi .Busty:not(.ConDescr) {
    width: 100%;
}

.ToolCostiRicavi .BoxRadioSel:not(.ConDescr) .RadioSelM {
    width: 100%;
}

.ToolCostiRicavi{
    user-select: none;
}


    .ToolCostiRicavi .BoxRadioSel .RadioSelM.CeStanno em::after {
        content: "";
        width: 12px;
        height: 12px;
        background-color: #FFC107;
        border-radius: 50%;
        flex: none;
        margin-top: 1px;
        margin-left: 8px;
    }


.contDatiAppa {
    display: flex;
    gap: 10px;
    position: relative
}

.ToolCostiRicavi .Busty input[type='number'] {
    border: 2px solid var(--nav2_color);
    border-radius: 0 11px 11px 0;
    padding: 0 15px;
    font-size: 16px;
    font-weight: 500;
    color: #363636;
    width: 80px;
    text-align: center;
}
.ToolCostiRicavi .Busty strong {
    background: white;
    border-radius: 0 11px 11px 0;
    padding: 0 17px;
    font-size: 16px;
    font-weight: 500;
    color: #363636;
    width: fit-content;
    text-align: center;
    display: flex;
    align-items: center;
}

    .ToolCostiRicavi .Busty strong:empty::after{
        content: "0"
    }

    .ToolCostiRicavi .Busty .WrapToggleLin.inptStyle {
        border: 2px solid var(--nav2_color);
        border-radius: 0 11px 11px 0;
        box-shadow: none;
        background-color: white;
    }

    .ToolCostiRicavi .Busty input[type='number']::-webkit-outer-spin-button,
    .ToolCostiRicavi .Busty input[type='number']::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }


@keyframes Pulsina{
    0% {
        box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%), inset 0 0 0 2px #81D981, 0 0 0 0 #81D981;
    }

    70% {
        box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%), inset 0 0 0 2px #81D981, 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%), inset 0 0 0 2px #81D981, 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

.BtnCostiRicavi.Cicca {
    animation: Pulsina 2s infinite;
}

div.Load {
    position: absolute;
    z-index: 11;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    height: 100%;
    align-items: center;
    gap: 20px;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    color: #363636;
}


.ToolCostiRicavi div.Load {
    top: 10px;
    left: 10px;
    height: calc(100% - 20px);
    width: calc(100% - 20px);
}

.CorpoCosti div.Load,
.CorpoCosti > div.NoModifico > #NoRisBoxAnnoUno {
    top: 15px;
    left: 15px;
    height: calc(100% - 30px);
    width: calc(100% - 30px);
    font-size: 22px;
    font-weight: 400
}

.contDatiAppa {
    will-change: max-width, padding;
    transition: max-width 200ms linear, padding 200ms linear;
    max-width: 1300px;
    padding: 10px;
    overflow: hidden;
}

    .contDatiAppa.NoVedo {
        max-width: 0;
        padding: 10px 10px 10px 0;
    }
    .contDatiAppa .SelctWDescry {
        flex: none
    }

.NabMobile.Vedi.NoGap{
    gap: 0;
    padding: 0
}

    .NabMobile.Vedi.NoGap > .LabelText{
        margin-right: 10px
    }

.Barro {
    width: 2px;
    background: #c0c0c0;
    border-radius: 2px;
}

.contDatiAppa.NoVedo .Load{
    display: none !important
}


/* Tabella GLM ( da gra.css ) */

.TabellaGLM{
    overflow: hidden;
}

.TabellaGLM .perFreccia {
    height: 100%;
    position: relative;
    overflow: hidden;
}

.TabellaGLM .tab {
    height: 100%;
    overflow: auto;
    border: 4px solid var(--bglight_color);
    background-color: var(--bglight_color);
    width: fit-content;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 11px
}

.TabellaGLM .tabella {
    display: inline-grid;
    padding-bottom: 85px;
}

.TabellaGLM #primaRiga {
    display: flex;
    flex-wrap: nowrap;
    position: sticky;
    top: 0;
    z-index: 3;
}

    .TabellaGLM .riga input, .TabellaGLM .riga select, .TabellaGLM .idRiga, .DentroContoInpu {
        width: 190px;
        min-width: 190px;
        display: flex;
        justify-content: center;
        transition: all linear 100ms;
        border: 1px solid #dadada;
        min-height: 40px;
        height: 100%;
        align-items: center;
        background-color: var(--bglight_color);
        padding: 6px 8px;
        text-transform: uppercase;
        color: #363636;
        font-size: 16px;
    }

.TabellaGLM .fulvio {
    left: 0 !important;
}

    .TabellaGLM .tabella > div:not(.rigazza) > div:first-child:not(.BoxoCel) {
        min-width: unset !important;
        width: 60px !important;
        border: 1px solid var(--dark);
        background-color: rgb(239 121 5) !important;
        color: var(--bglight_color);
        position: absolute;
        z-index: 2;
        border-left: 2px solid var(--dark);
    }

.TabellaGLM #primaRiga div {
    transition: all linear 100ms;
    text-transform: uppercase;
}

    .TabellaGLM #primaRiga > div {
        width: 190px;
        min-width: 190px;
        border: 1px solid var(--dark);
        border-top: 2px solid var(--dark);
        background-color: var(--main_color);
        display: flex;
        justify-content: center;
        height: 40px;
        align-items: center;
        color: var(--bglight_color);
        cursor: pointer;
        text-transform: uppercase;
        font-size: 14px;
    }


    .TabellaGLM .tabella > #primaRiga > div {
        border-top: 2px solid var(--dark);
    }

        .TabellaGLM .tabella > #primaRiga > div:first-child {
            border-top-left-radius: 7px;
            cursor: unset;
            border-left: 2px solid var(--dark);
        }

.TabellaGLM .riga > span:nth-child(2), .TabellaGLM #primaRiga > div:nth-child(2) {
    margin-left: 60px;
}

.TabellaGLM span {
    cursor: unset;
}

    .TabellaGLM .tabella > #primaRiga > div:last-child {
        border-top-right-radius: 7px;
    }

    .TabellaGLM .riga .contoInpu:last-child input,
    .TabellaGLM .tabella > #primaRiga > div:last-child {
        border-right: 2px solid #dadada !important;
    }

    .TabellaGLM .riga {
        display: flex ;
        flex-wrap: nowrap;
        position: relative;
        opacity: 1;
        max-height: 340px;
        visibility: visible;
        will-change: opacity, max-height, visibility;
        transition: opacity 120ms linear, max-height 240ms linear, visibility 120ms linear
    }

        .TabellaGLM .riga.del:not(:last-child),
        .TabellaGLM .riga.nasc:not(:last-child) {
            display: flex !important;
            opacity: 0;
            max-height: 0;
           /* visibility: hidden*/     /*COMMENTATA PERCHE NON PERMETTEVA DI PRENDERE L'INNER TEXT DEGLI ELEMENTI DENTRO*/
        }
        .TabellaGLM .riga.del:last-child,
        .TabellaGLM .riga.nasc:last-child {
            display: flex !important;
            max-height: 1px;
            overflow: hidden;
        }

    .TabellaGLM .tabella > .riga:last-child > div:first-child {
        border-bottom-left-radius: 7px;
        border-bottom: 2px solid var(--dark);
    }

    .TabellaGLM .riga:last-child input,
    .TabellaGLM .riga:last-child .DentroContoInpu
    /*, .TabellaGLM .riga:last-child .contoInpu:last-child */ {
        border-bottom: 2px solid #dadada !important;
    }

    .TabellaGLM .tabella > .riga:last-child > span:last-child > input {
        border-bottom-right-radius: 7px;
    }

.TabellaGLM .riga input:focus, .TabellaGLM .riga select:focus {
   /* transform: scale(1.02);*/
    -webkit-box-shadow: inset 0px 0px 0px 5px var(--comply_3) !important;
    -moz-box-shadow: inset 0px 0px 0px 5px var(--comply_3) !important;
    box-shadow: inset 0px 0px 0px 5px var(--comply_3) !important;
    z-index: 3;
    border: none;
}

    .TabellaGLM #NessunaRisus h4.textH4,
    .TabellaGLM #NessunaRisusRic h4.textH4,
    .TabellaGLM #NessunaRisusMENO h4.textH4,
    .TabellaGLM #NessunaRisusMENORic h4.textH4,
    .TabellaGLM #NessunaRisusPLUS h4.textH4,
    .TabellaGLM #NessunaRisusPLUSRic h4.textH4,
    #NoRisBoxAnnoUno h4.textH4 {
        font-size: 22px;
        font-weight: 400;
        text-shadow: none;
    }

    .TabellaGLM .riga .contoInpu:nth-child(2) input,
    .TabellaGLM .riga .contoInpu:nth-child(2) .DentroContoInpu {
        border-left: 1px solid var(--dark);
    }
/*    .TabellaGLM .riga:nth-child(2) .contoInpu input,
    .TabellaGLM .riga:nth-child(2) .contoInpu .DentroContoInpu,
    .TabellaGLM .riga:nth-child(2) .Azioni .DentroContoInpu {
        border-top: 1px solid var(--dark);
    }*/
    .TabellaGLM .riga .Azioni .DentroContoInpu {
        border-right: 2px solid #dadada
    }

    .TabellaGLM .tabella > #primaRiga > div:last-child {
        border-right: 2px solid var(--dark) !important;
    }

.DentroContoInpu {
    justify-content: flex-start;
    line-height: 18px;
}

    .DentroContoInpu i {
        margin-right: 8px;
        font-size: 16px;
        cursor: help;
        display: none;
    }
    .DentroContoInpu .fa-exclamation-circle {
        color: #FFC107 !important;
        text-shadow: 0 0 4px rgb(255 255 255);
    }

/* END */

#TabCostiPersona .Cognome,
#TabCostiPersona .FattAza,
#TabCostiPersona .Nome,
#TabCostiPersona .TotCosti,
#TabCostiPersona .CostoRicavo,
#TabCostiPersona .Tariffa_Calc,
#TabCostiPersona .slv.Fatturato_Imponibile
{
    pointer-events: none;
}

#TabCostiPersona .contoInpu:has(.Cognome),
#TabCostiPersona .contoInpu:has(.Nome),
#TabCostiPersona .contoInpu:has(.FattAza),
#TabCostiPersona .contoInpu:has(.TotCosti),
#TabCostiPersona .contoInpu:has(.CostoRicavo),
#TabCostiPersona .contoInpu:has(.Tariffa_Calc),
#TabCostiPersona .contoInpu:has(.slv.Fatturato_Imponibile) {
    cursor: not-allowed
}

.TabellaGLM #NessunaRisus,
.TabellaGLM #NessunaRisusMENO,
.TabellaGLM #NessunaRisusMENORic,
.TabellaGLM #NessunaRisusPLUS,
.TabellaGLM #NessunaRisusPLUSRic,
.TabellaGLM #NessunaRisusRic,
#NoRisBoxAnnoUno {
    z-index: 5;
    padding: 0 60px;
    will-change: opacity, visibility;
    transition: opacity 150ms linear, visibility 150ms linear;
    opacity: 1;
    visibility: visible;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .TabellaGLM #NessunaRisus.NoVedo,
    .TabellaGLM #NessunaRisusMENO.NoVedo,
    .TabellaGLM #NessunaRisusMENORic.NoVedo,
    .TabellaGLM #NessunaRisusPLUS.NoVedo,
    .TabellaGLM #NessunaRisusPLUSRic.NoVedo,
    .TabellaGLM #NessunaRisusRic.NoVedo,
    #NoRisBoxAnnoUno.NoVedo {
        opacity: 0;
        visibility: hidden
    }


.TabellaGLM .riga[idc='0'] input,
.TabellaGLM .riga[idc='0'] .DentroContoInpu,
.TabellaGLM .riga[ido='0'] input,
.TabellaGLM .riga[ido='0'] .DentroContoInpu {
    background-color: #fffce5 !important;
}

    .TabellaGLM .riga[idc='0'] .DentroContoInpu .fa-exclamation-circle,
    .TabellaGLM .riga[ido='0'] .DentroContoInpu .fa-exclamation-circle {
        display: block
    }
.TabellaGLM .riga[manuel='true'] .DentroContoInpu .text-danger {
    display: block
}

/* Modale Scegli Dipendente ( da gra.css ) */
.ModaleDipendi {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    z-index: 98;
    align-items: center;
    height: 100vh;
    top: 0;
    background-color: rgba(0, 0, 0, .5);
    opacity: 0;
    visibility: hidden;
    will-change: opacity, visibility;
    transition: opacity 120ms linear, visibility 120ms linear;
}

.ModaleDipendi:not(.Vedo) .Load{
    visibility: hidden
}

.ModaleDipendi.Vedo {
    opacity: 1;
    visibility: visible
}

    .ModaleDipendi .ListaPersone {
        position: absolute;
        max-width: 450px;
        width: 450px;
        display: flex;
        justify-content: center;
        border-radius: 22px;
        background-color: var(--bglight_color);
        flex-wrap: wrap;
        box-shadow: 0 2px 9px rgb(36 36 36 / 60%);
        padding: 15px;
    }

        .ModaleDipendi .ListaPersone > div {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
        }

            .ModaleDipendi .ListaPersone > div.titolo {
                justify-content: space-between;
                padding-left: 12px;
                margin-bottom: 15px;
                font-size: 17px;
                color: #363636;
                font-weight: 500;
                text-align: center;
            }
        .ModaleDipendi .ListaPersone .wrapInp.grupSelT {
            margin-bottom: 15px;
        }

    .ModaleDipendi .WrapElenco {
        overflow: hidden;
        border: 2px solid var(--main_color);
        border-radius: 11px;
    }

    .ModaleDipendi .closeGR {
        width: 50px;
        height: 50px;
        background-color: var(--bglight_color);
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        border-radius: var(--smussato);
        border: 2px solid var(--main_color);
        font-size: 22px;
        flex: none;
        border-radius: 11px;
        margin-left: 12px;
    }

    .ModaleDipendi .ListaPersone .wrapInp.grupSelT .btnCercaMain,
    .ModaleDipendi .ListaPersone .wrapInp.grupSelT .inputRicerca {
        border-width: 2px;
        margin: 0;
    }

    .ModaleDipendi .ListaPersone .wrapInp.grupSelT .inputRicerca {
        width: calc(100% - 50px);
    }


    .ModaleDipendi .elenco {
        height: 350px;
        width: 100%;
        align-content: flex-start;
        overflow-y: auto;
        background-color: var(--bglight_color);
        padding: 6px 10px 10px 10px;
    }

        .ModaleDipendi .elenco > div, .ModaleDipendi .elenco > .contenitorr > div {
            width: 100%;
            border-radius: var(--smussato);
            transition: transform linear 100ms;
            cursor: pointer;
            background-color: #fff;
            border: 2px solid var(--nav2_color);
            min-height: 50px;
            margin-top: 5px;
            color: #363636;
            font-weight: 500;
            display: flex;
            align-items: center;
            padding: 8px 12px;
            border-radius: 11px
        }

    .ModaleDipendi .DoppioElenco {
        display: flex;
        width: 100%;
        transition: transform 200ms linear;
    }

        .ModaleDipendi .DoppioElenco > .elenco {
            flex: none;
        }
        .ModaleDipendi .SelctWDescry{
            margin-left: 0 !important;
            margin-bottom: 15px
        }
    .ModaleDipendi .bordo.Busty .BoxRadioSel {
        width: 100%;
    }
        .ModaleDipendi .bordo.Busty .BoxRadioSel .RadioSelM {
            width: 100%;
            text-shadow: none
        }
    .ModaleDipendi .BoxRadioSel .RadioSelM:nth-child(2) {
        border-top-left-radius: 11px !important;
        border-bottom-left-radius: 11px !important;
    }
    .ModaleDipendi .textH4 {
        text-shadow: none;
        font-size: 25px;
        font-weight: 400;
    }

    .ModaleDipendi .ListaPersone > .WrapCampi {
        flex-wrap: wrap;
        padding: 0;
        margin-bottom: 16px;
    }

    .ModaleDipendi .contBtnAzio {
        margin: 0;
    }

/*        .ModaleDipendi .contBtnAzio .btnAzio {
            width: 100% !important;
        }*/

/* END */


.Modifico .Involucro .AggCartella {
    display: flex;
    bottom: 30px;
    right: 30px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .15);
    z-index: 5
}

/*.CostiExtra.TabellaGLM .tab,
.CostiExtra.TabellaGLM .tabella,
.CostiExtra.TabellaGLM .Descrizione,
.RicaviExtra.TabellaGLM .tab,
.RicaviExtra.TabellaGLM .tabella,
.RicaviExtra.TabellaGLM .Descrizione {
    width: 100% !important
}
*/

.CostiExtra.TabellaGLM #primaRiga > div {
    background-color: #ff5d51;
}
.CostiExtra.TabellaGLM .tabella > div:not(.rigazza) > div:first-child {
    background-color: #ff776d !important
}

.RicaviExtra.TabellaGLM .tabella > div:not(.rigazza) > div:first-child {
    background-color: #87c887 !important
}
.RicaviExtra.TabellaGLM #primaRiga > div {
    background-color: #5fb762;
}



.DentroContoInpu.Descrizione {
    padding: 0;
}
    .DentroContoInpu.Descrizione i.fa-shuttle-van {
        display: block;
    }
.TabellaGLM .DentroContoInpu.Descrizione input.inptMoTab {
    width: 100%;
    border: 0 !important;
    border-bottom: 0 !important;
}

.DentroContoInpu.Descrizione i{
    margin-left: 8px;
    margin-right: 0;
    flex: none
}


.Azioni .DentroContoInpu {
    display: flex;
    padding: 4px;
    gap: 4px;
}
    /*.Azioni v*/
     .DentroContoInpu .CtaTab {
        height: 100%;
        width: 100%;
        background: white;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        font-size: 11.5px;
        gap: 5px;
        font-weight: 500;
        color: #363636;
        border: 2px solid #ffa9a2;
        padding: 0 6px;
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    }
    .Azioni .DentroContoInpu .CtaTab:last-child:not(:only-child){
        border-color: #FFC107;
    }
        .Azioni .DentroContoInpu .CtaTab i {
            display: block;
            margin-right: 0;
            font-size: 14px;
            color: #ff776d;
        }
        .Azioni .DentroContoInpu .CtaTab:last-child:not(:only-child) i {
            color: #FFC107;
        }


.ModaleDipendi.Extra[costo=true] .titolo span span:after {
    content: "COSTO";
    color: #ff5d51;
}
.ModaleDipendi.Extra[costo=false] .titolo span span:after {
    content: "RICAVO";
    color: #5fb762;
}


/*.CostiExtra.TabellaGLM #primaRiga > div.Azioni,
.CostiExtra.TabellaGLM div.Azioni,
.CostiExtra.TabellaGLM div.Azioni .DentroContoInpu,
.RicaviExtra.TabellaGLM #primaRiga > div.Azioni,
.RicaviExtra.TabellaGLM div.Azioni,
.RicaviExtra.TabellaGLM div.Azioni .DentroContoInpu {
    width: fit-content;
    min-width: 90px;
}*/


.TabellaGLM .riga .CostoMENO,
.TabellaGLM #primaRiga .CostoMENO,
.TabellaGLM .riga .CostoPLUS,
.TabellaGLM #primaRiga .CostoPLUS {
    width: 150px;
    min-width: 150px;
}



.TabellaGLM .ConTotali .tabella {
    padding-bottom: 0;
}

.TabellaGLM .ConTotali .tab {
    max-width: unset;
    display: inline-grid
}
.TabellaGLM .ConTotali .WrapTabScroll:nth-child(2) .tab {
    border-radius: 11px 11px 0 0;
    border-bottom: 0;
}
.TabellaGLM .ConTotali .WrapTabScroll:nth-child(3) .tab {
    border-radius: 0;
    border-bottom: 0;
    border-top: 0;
    transform: translateY(-2px)
}
.TabellaGLM .ConTotali .WrapTabScroll:nth-child(4) .tab {
    border-radius: 0;
    border-top: 0;
    transform: translateY(-4px)
}
.TabellaGLM .ConTotali .WrapTabScroll:nth-child(3) .riga:first-child input,
.TabellaGLM .ConTotali .WrapTabScroll:nth-child(3) .riga:first-child .idRiga,
.TabellaGLM .ConTotali .WrapTabScroll:nth-child(3) .riga:first-child .DentroContoInpu,
.TabellaGLM .ConTotali .WrapTabScroll:nth-child(4) input,
.TabellaGLM .ConTotali .WrapTabScroll:nth-child(4) .idRiga,
.TabellaGLM .ConTotali .WrapTabScroll:nth-child(4) .DentroContoInpu {
    border-top-width: 2px !important
}

.TabellaGLM .ConTotali .WrapTabScroll:nth-child(3) .idRiga {
    border-bottom-left-radius: 0 !important;
}

.TabellaGLM .ConTotali .WrapTabScroll:nth-child(4) .Azioni .DentroContoInpu {
    border-bottom-right-radius: 7px;
}

.TabellaGLM .ConTotali .WrapTabScroll:nth-child(2) .tabella > #primaRiga > div {
    border-bottom-width: 2px;
}

.perFreccia.ConTotali {
    overflow: auto;
    height: calc(100% - 51px);
}

    .perFreccia:has(.MassLoadTable:not(.NoVedo)) {
        overflow: hidden
    }

.TabellaGLM .ConTotali .WrapTabScroll:nth-child(2),
.TabellaGLM .ConTotali .WrapTabScroll:nth-child(4) {
    position: sticky;
    bottom: -1px;
    background-color: white;
   /* pointer-events: none;*/
    width: fit-content;
}
.TabellaGLM .ConTotali .WrapTabScroll:nth-child(2) {
    top: 0px;
    bottom: unset;
    z-index: 1;
}

.TabellaGLM .ConTotali .WrapTabScroll:nth-child(4) .DentroContoInpu {
    font-weight: 500 !important
}

.TestaTabellaCostRic {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    padding-bottom: 6px;
    padding-left: 20px;
    min-height: 51px
}
    .TestaTabellaCostRic > label {
        margin: 0;
        color: #363636;
        font-weight: 500;
        font-size: 19px;
    }
    .TestaTabellaCostRic .Azioni .DentroContoInpu {
        border: 0 !important;
        padding: 0;
        width: fit-content;
        min-width: unset;
        min-height: unset
    }
        .TestaTabellaCostRic .Azioni .DentroContoInpu .CtaTab {
            height: 35px;
            width: fit-content;
            padding: 0 10px;
            padding-top: 1px;
            border: 2px solid #80c3f8;
        }
        .TestaTabellaCostRic .Azioni .DentroContoInpu .CtaTab i{
            color: #80c3f8;
        }


/*.RicaviExtra .WrapTabScroll,
.RicaviExtra .WrapTabScroll .tab,
.RicaviExtra .WrapTabScroll .riga,
.RicaviExtra .WrapTabScroll .riga > span:nth-child(2),
.CostiExtra .WrapTabScroll,
.CostiExtra .WrapTabScroll .tab,
.CostiExtra .WrapTabScroll .riga,
.CostiExtra .WrapTabScroll .riga > span:nth-child(2) {
    width: 100% !important
}*/

.inptMoTab.CostoRicavo {
    color: #5fb762;
    font-weight: 500;
    will-change: color;
    transition: color 120ms linear;
}
.inptMoTab.CostoRicavo[value^='-'] {
    color: #ff4b3d;
}
.Totalissimi .TestaTabellaCostRic > label > em {
    font-style: normal;
    color: #5fb762;
}
    .Totalissimi .TestaTabellaCostRic > label > em.p {
        color: #ff4b3d;
    }

.Totalissimi .TestaTabellaCostRic {
    padding-bottom: 10px;
}

    .Totalissimi .TestaTabellaCostRic > label {
        font-size: 22px;
    }

    .Totalissimi .TestaTabellaCostRic .Azioni .DentroContoInpu .CtaTab {
        height: 50px;
        font-size: 15px;
        padding: 0 15px;
        border-color: #87c887;
        gap: 10px;
        opacity: 1;
        will-change: transition, opacity, box-shadow;
        transition: opacity 100ms linear, transform 100ms ease-in-out, box-shadow 100ms ease-in-out;
    }


    .Totalissimi .TestaTabellaCostRic .Azioni .DentroContoInpu .CtaTab.disabbbb {
        opacity: 0.3;
        cursor: not-allowed
    }


        .Totalissimi .TestaTabellaCostRic .Azioni .DentroContoInpu .CtaTab i {
            font-size: 18px;
            color: #87c887;
        }


.TabellaGLM .DentroContoInpu.Descrizione:has(.fa-exclamation-circle) input.inptMoTab {
    width: calc(100% - 24px);
    min-width: unset;
}

.TabellaGLM .DentroContoInpu.Descrizione:has(.fa-shuttle-van) input.inptMoTab {
    width: calc(100% - 28px);
    min-width: unset;
}


.TabellaGLM .DentroContoInpu.Descrizione:has(.fa-shuttle-van):has(.fa-exclamation-circle) input.inptMoTab {
    width: calc(100% - 52px);
    min-width: unset;
}



.CorpoCosti > div.NoModifico > div {
    height: 100%;
    width: 100%;
    padding: 15px;
    gap: 15px;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    will-change: opacity, visibility;
    transition: opacity 150ms linear, visibility 150ms linear;
    opacity: 1;
    visibility: visible;
}

    .CorpoCosti > div.NoModifico > div.NoVedo {
        opacity: 0;
        visibility: hidden;
    }



/*  - Grafico Matteo - */
.GraficoMatteo {
    padding: 20px;
    height: calc(100% - 51px);
    border-radius: 11px;
}

.RigoGraficoMatteo {
    display: flex;
    height: fit-content;
    background-color: transparent;
    transition: background-color 100ms linear;
    cursor: pointer;
    flex-direction: column;
}

    .RigoGraficoMatteo .BastoDentro > label,
    .RigoGraficoMatteo > label {
        margin: 0;
        font-size: 12px;
        font-weight: 600;
        display: block;
        width: 175px;
        flex: none;
        padding-right: 15px;
        position: relative;
        transition: padding 100ms linear;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: pointer;
    }
    .RigoGraficoMatteo:not(.Testa):hover, .RigoGraficoMatteo::after {
        background-color: #d7f6ff;
        border-radius: 6px;
    }
        .RigoGraficoMatteo:not(.Testa):hover .BastoDentro:first-child > label {
            padding-left: 6px;
        }

        .RigoGraficoMatteo:not(.Testa) .BastoDentro:not(:first-child) > label {
            padding-left: 15px;
            width: 300px
        }

            .RigoGraficoMatteo:not(.Testa) .BastoDentro:not(:first-child) > label > em {
                display: block;
                font-size: 11px;
                color: #673ab7;
                font-style: normal;
                font-weight: 500;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            } 

    .RigoGraficoMatteo .BastoneMatteo {
        width: 100%;
        border-radius: 0;
        position: relative;

        border-left: 3px solid #d8d8d8;
        padding-left: 15px;
    }

        .RigoGraficoMatteo .BastoneMatteo:after {
            content: "";
            width: 3px;
            height: 200%;
            background: #d8d8d8;
            position: absolute;
            left: -3px;
            top: 0;
        }

    .RigoGraficoMatteo > em {
        font-style: normal;
        font-size: 18px;
        font-weight: 500;
        color: #bfbfbf;
        display: block;
        width: 100px;
        flex: none;
        padding-left: 15px;
        text-align: right
    }

    .RigoGraficoMatteo .BastoneMatteo > .PerceMatteo {
        width: 0;
        min-width: fit-content;
        border-radius: 8px;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        display: flex;
        overflow: hidden;
        transition: 1200ms width cubic-bezier(0, 0.84, 0, 1.35);
    }
        .RigoGraficoMatteo .BastoneMatteo > .PerceMatteo > .OrceMatteo {
            background: #ff9700;
            width: 100%;
            border-radius: 8px;
            height: 100%;
            z-index: 1;
            min-width: 10px;
            margin-left: 15px;
        }
        .RigoGraficoMatteo .BastoneMatteo > .PerceMatteo > span {
            font-size: 12px;
            height: 100%;
            display: flex;
            align-items: center;
            padding: 0 8px 0 16px;
            font-weight: 400;
            flex: none;
            color: #363636;
            background: #eaeaea;
            border-radius: 0 8px 8px 0;
            transform: translateX(-8px);
        }


    .RigoGraficoMatteo:nth-child(even) .BastoneMatteo > .PerceMatteo > .OrceMatteo {
        background: #ffbe57;
    }

.ScrollGraficoMatteo {
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: auto;
    overflow-x: hidden;
    padding-right: 15px;
    max-height: calc(100% - 90px);
}

.RigoGraficoMatteo.Testa {
    height: 18px;
    flex-direction: unset;
}
    .RigoGraficoMatteo.Testa .BastoneMatteo:after {
        height: 22px;
        transform: rotate(90deg);
        top: -11px;
        left: 7px;
    }

    .RigoGraficoMatteo.Testa.Sotto .BastoneMatteo:after {
        display: none
    }

.ScalaMatteo {
    display: flex;
    padding-left: 175px;
    padding-right: 28px;
}

.ScalinoMatto {
    width: 100%;
    height: 25px;
    border-left: 3px solid #d8d8d8;
    border-top: 3px solid #d8d8d8;
    position: relative;
}
    .ScalinoMatto:last-child {
        border-right: 3px solid #d8d8d8;
    }


    .ScalinoMatto > span {
        position: absolute;
        font-size: 16px;
        font-weight: 500;
        color: #363636;
        bottom: -30px;
        width: 100%;
        left: -50%;
        text-align: center;
    }
    .ScalinoMatto > span:not(:only-child):last-child {
        left: 50%;
    }

    .ScalinoMatto.Negativo{
        display: none;
    }


.NeggoTivo.RigoGraficoMatteo .BastoneMatteo > .PerceMatteo > span {
    transform: scale(-1, 1) translateX(8px);
    padding: 0 16px 0 8px;
    border-radius: 8px 0 0 8px;
}


.NeggoTivo.RigoGraficoMatteo .BastoneMatteo {
    transform-origin: 0% calc(50% - 80px);
    transform: scaleX(-1) translateX(-3px);
}

.GraficoMatteo:has(.NeggoTivo) .RigoGraficoMatteo .BastoneMatteo {
    width: calc(50% - 80px);
    margin-left: auto;
}
.GraficoMatteo:has(.NeggoTivo) .ScalinoMatto.Negativo {
    display: block;
}
.GraficoMatteo:has(.NeggoTivo) .ScalaMatteo {
    padding-left: 168px;
    padding-right: 35px;
}

.GraficoMatteo:has(.NeggoTivo) .RigoGraficoMatteo .BastoneMatteo > .PerceMatteo {
    transition: 600ms width cubic-bezier(0, 0.84, 0, 1.35);
}


.ScrollGraficoMatteo::-webkit-scrollbar,
.perFreccia.ConTotali::-webkit-scrollbar {
    width: 15px;
}

.ScrollGraficoMatteo::-webkit-scrollbar-track,
.perFreccia.ConTotali::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border-radius: 13px;
}

.ScrollGraficoMatteo::-webkit-scrollbar-thumb,
.perFreccia.ConTotali::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 13px;
}

.RigoGraficoMatteo.Testa .BastoneMatteo {
    margin-right: 15px;
}

.GraficoMatteo:has(.NeggoTivo) .RigoGraficoMatteo.Testa:not(.Sotto) .BastoneMatteo:before {
    content: "";
    width: 3px;
    background: #d8d8d8;
    position: absolute;
    height: 22px;
    transform: rotate(90deg);
    top: -11px;
    left: -13px;
}
/*  -- END -- */
    /* Info Box Canvas */
    .InfoBoxCanvas {
    position: fixed;
    background-color: white;
    min-height: 35px;
    display: flex;
    align-items: center;
    padding: 8px 12px;
    color: var(--Blu);
    font-weight: 600;
    width: fit-content;
    border-radius: 11px;
    flex-wrap: wrap;
    flex-direction: column;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    font-size: 16px;
}

    .InfoBoxCanvas > * {
        width: 100%;
        max-width: 160px;
    }

    .InfoBoxCanvas > span {
        margin-top: 8px;
        font-weight: 600;
    }
/*     .InfoBoxCanvas > span:first-child, .InfoBoxCanvas > span:last-child {
            font-weight: 600;
        }*/
/* END */


/* Grafici */

.WrapCamvino {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.WrapPie {
    display: flex;
    height: 100%;
}

.ContPioX {
    width: calc(100% - 300px);
    text-align: center;
}
.ContPioX canvas{
    border: 2px solid red;
}

.WrapLegendaPie {
    width: 300px;
    margin-left: 10px;
    display: flex;
    align-items: center;
}

.LegendaPie {
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: auto;
    max-height: 100%;
    padding-right: 10px;
}

.WrapTuttiGrafici .Tab {
    background-color: #f7f7f7;
}

.DatoPie {
    font-size: 18px;
    font-weight: 500;
    color: #363636;
    display: flex;
    align-items: center;
    gap: 6px;
}

.TabellaGLM .DentroContoInpu._CostGod{
    border-right-width: 2px
}
.TabellaGLM #TabBoxAnnoUnoTot .DentroContoInpu._CostGod {
    border-bottom-right-radius: 7px
}

#BoxAnnoTutti{
    padding: 0px;
}

.TabsTutti {
    display: flex;
    width: 100%;
    height: 100%;
    transition: 800ms transform linear;
}

.TabTutti {
    display: flex;
    width: 100%;
    flex: none;
    gap: 15px;
    padding: 15px;
}
#TabsTUTTI.Busty.SelctWDescry{
    width: 590px;
}
.wrapSelectZ.Muti.Anni {
    width: 93px;
    flex: none;
    margin: 0;
    margin-right: 10px;
}
#TabsTUTTI.Busty.SelctWDescry, .wrapSelectZ.Anni {
    opacity: 1;
    visibility: visible;
    will-change: opacity, visibility, width, margin-right;
    transition: width 120ms linear, 200ms linear, visibility 200ms linear, margin-right 120ms linear;
}

        #TabsTUTTI.Busty.SelctWDescry.NoVedo,
        .wrapSelectZ.Anni.NoVedo {
            opacity: 0;
            visibility: hidden;
            width: 0;
            margin-right: 0;
            overflow: hidden;
        }

.NabMobile.Vedi.ToolCostiRicavi .BtnCostiRicavi:not(:nth-last-child(2)), 
.NabMobile.Vedi.ToolCostiRicavi .SelctWDescry {
    margin-right: 10px;
}


#TabRESP .DentroContoInpu,
#TabRESPTot .DentroContoInpu,
.TabellaGLM #TabRESPTesta #primaRiga > div {
    width: 150px;
    min-width: 150px;
}

.DentroContoInpu._NomeRespo,
#primaRiga ._NomeRespo {
   width: 300px !important;
}

.DentroContoInpu._MediaRedditiv {
    border-right-width: 2px !important;
}

.Modifico > .Involucro.Multe{
    width: 100% !important
}


.DentroContoInpu._DetrBp,
.inptMoTab._DetrBp,
#primaRiga ._DetrBp,
.DentroContoInpu._DecPuntPa,
.inptMoTab._DecPuntPa,
#primaRiga ._DecPuntPa,
.DentroContoInpu._NVerbale,
.inptMoTab._NVerbale,
#primaRiga ._NVerbale {
    width: 265px !important;
}

.DentroContoInpu._Rate,
.inptMoTab._Rate,
#primaRiga ._Rate {
    width: 85px !important;
    min-width: 85px !important
}
.DentroContoInpu._Targa,
.inptMoTab._Targa,
#primaRiga ._Targa{
    width: 100px !important;
    min-width: 100px !important
}

.Multe .WrapTabScroll .Azioni:last-child .DentroContoInpu,
.Multe .WrapTabScroll #primaRiga > div.Azioni {
    width: 178px !important;
    min-width: 178px !important
}

.Multe .WrapTabScroll .Azioni:not(:last-child) .DentroContoInpu {
    border-right-width: 1px !important;
}
 .Azioni .DentroContoInpu .CtaTab.Ok {
    border: 2px solid #81D981 !important;
}
    .Azioni .DentroContoInpu .CtaTab.Ok i {
        color: #81D981 !important;
    }
.Multe .WrapTabScroll .Azioni .DentroContoInpu .CtaTab.DaList {
    border: 2px solid #00bcd4;
}

    .Multe .WrapTabScroll .Azioni .DentroContoInpu .CtaTab.DaList i {
        color: #00bcd4;
    }


.FiltriTabellaGLM {
    display: flex;
    padding: 15px;
    margin: 15px 15px 0 15px;
    background-color: var(--bglight_color);
    width: fit-content;
    border-radius: 20px;
}

    .FiltriTabellaGLM .inputmain{
        margin: 0
    }
    .FiltriTabellaGLM .wrapSelectZ.Muti.Anny {
        margin: 0;
        width: 94px;
        flex: none;
    }
    .FiltriTabellaGLM .wrapSelectZ.Muti.Mesi {
        width: 135px;
        flex: none;
    }
        .FiltriTabellaGLM .wrapSelectZ.Muti.Mesi select {
            text-transform: capitalize;
        }

.CorpoCosti.Multissime {
    height: calc(100vh - 180px);
}

textarea.inptMoTab {
    margin: 0px;
    padding: 6px 8px;
    height: 40px;
    width: 188px;
    min-width: 188px;
    text-transform: uppercase;
    display: flex;
    appearance: none;
    resize: none;
    overflow: hidden;
    line-height: 27px;
    border-bottom: 0;
    padding-right: 35px;
    background-color: transparent;
    border: 0;
    transition: all linear 100ms;
}
    textarea.inptMoTab:disabled {
        background-color: transparent;
        color: #363636
    }

.WrapTextAreaTab {
    border: 1px solid rgb(218, 218, 218);
    display: flex;
    width: 100%;
    height: 100%;
}

.contoInpu:has(textarea.inptMoTab) {
    position: relative;
}
    .contoInpu:has(textarea.inptMoTab) i {
        position: absolute;
        top: 11px;
        font-size: 19px;
        right: 11px;
        color: #363636;
    }


.SuperNotone {
    width: 350px;
    position: fixed;
    left: 0;
    top: 0;
    height: 150px;
    border: 2px solid var(--main_color);
    background-color: var(--bglight_color);
    z-index: 11;
    border-radius: 14px;
    padding: 5px 10px;
    padding-right: 33px;
    opacity: 0;
    visibility: hidden;
    will-change: opacity, visibility;
    transition: opacity 120ms linear, visibility 120ms linear
}
.SuperNotone.Vedo {
    opacity: 1;
    visibility: visible;
}
    .SuperNotone textarea {
        border: 0;
        margin: 0;
        padding: 0;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        color: #363636;
        font-size: 16px;
        font-weight: 500;
        font-weight: 500;
        width: 100%;
        height: 100% !important;
        text-transform: uppercase
    }

    .SuperNotone i {
        position: absolute;
        z-index: 2;
        top: 5px;
        right: 5px;
        font-size: 22px;
        cursor: pointer;
        color: darkred;
    }

.itemsRicerca.ModaleLi {
    padding: 10px 15px;
    height: unset;
    max-height: unset;
    min-height: 52px;
}

    .itemsRicerca.ModaleLi span {
        width: 100%;
        font-size: 16px;
    }
    .itemsRicerca.ModaleLi label {
        margin: 0;
        margin-top: 6px;
        font-size: 13px;
        color: #673ab7;
        width: 100%;
    }


#SuperMesone.SuperNotone {
    display: flex;
    width: 302px;
    border-radius: 20px;
    height: fit-content;
    padding: 10px;
    padding-top: 5px;
    flex-direction: column;
}
    #SuperMesone.SuperNotone i {
        top: 10px;
        right: 10px;
    }

    #SuperMesone.SuperNotone .wrapSelectZ.Muti {
        margin: 0;
        width: 100%;
    }
        #SuperMesone.SuperNotone .wrapSelectZ.Muti .inputmain.noapperance {
            margin: 0;
            border: 0;
            box-shadow: 0 0 20px 0 rgba(0, 0, 0, .08);
            padding-left: 18px !important;
            text-transform: uppercase;
        }
    #SuperMesone.SuperNotone label {
        margin: 0;
        text-transform: uppercase;
        white-space: nowrap;
        padding: 5px;
        padding-bottom: 10px;
        font-size: 16px;
        font-weight: 500;
        color: #363636;
    }

.FiltroAppaltoSede {
    display: flex;
    gap: 15px;
    position: relative;
    z-index: 111;
}

.IssimeMul .FiltroAppaltoSede {
    z-index: 90;
}

.FiltroAppaltoSede .SelctWDescry {
    margin: 0
}

    .FiltroAppaltoSede .SelectNotag.Bianca {
        width: 250px;
        border-radius: 0 11px 11px 0;
        box-shadow: none;
        border-color: var(--main_color);
    }

    .FiltroAppaltoSede .Load {
        position: absolute;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        gap: 15px;
        justify-content: center;
        border-radius: 9px;
        box-shadow: 0 0 20px 0 rgba(0,0,0, .12);
        font-weight: 500;
    }
    .FiltroAppaltoSede .inputmain{
        box-shadow: none !important
    }


.MultiSelectConRange .inputmain {
    box-shadow: none !important;
}
.MultiSelectConRange .inputmain .wrapSelectZ {
    padding: 0;
    border: 0;
    height: 100%;
}
    .MultiSelectConRange .inputmain .wrapSelectZ .inputmain {
        padding: 0 20px 0 0 !important;
        margin: 0 !important;
        border-radius: 0;
        border: 0;
        box-shadow: none;
        height: 100%;
        background: transparent;
    }

.MultiSelectConRange .wrapSelectZ:after {
    right: 0;
    top: 12px;
}

.DueRangeFePe {
    width: 350px;
    border-radius: 0 11px 11px 0;
    box-shadow: none;
    border: 2px solid var(--main_color);
    position: relative;
    height: 50px;
    display: flex;
    align-items: center;
    flex: none;
}

    .DueRangeFePe > span {
        height: 50px;
        width: 50px;
        flex: none;
        font-weight: 600;
        font-size: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #363636;
    }

.MultiSelectConRange .inputmain.desct,
.MultiSelectConDescriz .inputmain.desct{
    flex: none;
}



.RingisFePe {
    position: relative;
    height: 50px;
    width: 100%;
}

    .RingisFePe input[type='range'] {
        margin: 0;
        padding: 0;
        border: 0;
        height: 50px;
        width: 100%;
        appearance: none;
        -webkit-appearance: none;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        position: absolute;
        top: 0;
        left: 0;
        background-color: transparent;
        pointer-events: none;
    }

    .RingisFePe input[type=range]:focus {
        outline: none;
        outline-width: 0;
    }

    .RingisFePe input[type=range]::-webkit-slider-runnable-track {
        width: 100%;
        height: 2px;
        cursor: pointer;
        box-shadow: none;
        background: #ffb73e;
        border-radius: 0px;
        border: 0;
    }

    .RingisFePe input[type=range]::-webkit-slider-thumb {
        border: 2px solid #ffb73e;
        height: 30px;
        width: 30px;
        border-radius: 15px;
        background: #ffb73e;
        cursor: pointer;
        -webkit-appearance: none;
        margin-top: -14px;
        pointer-events: all;
    }

/*    .RingisFePe input[type="range"]:active::-webkit-slider-thumb {
        background: var(--main_color);
    }*/

    .RingisFePe input[type=range]:last-child::-webkit-slider-thumb {
        background: #ff9800;
        border-color: #ff9800
    }

._Detratta, ._InptDetratta {
    width: 115px !important;
    min-width: 115px !important;
}
.DentroContoInpu._InptDetratta {
    padding: 0;
    display: flex;
    justify-content: center;
}

.DentroContoInpu._InptDetratta i{
    display: block
}
    .DentroContoInpu._InptDetratta .WrapToggleLin {
        border: 0;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        background: transparent
    }

.riga.Detratta,
.riga.Detratta input,
.riga.Detratta textarea.inptMoTab,
.riga.Detratta .DentroContoInpu {
    background-color: #f0ffc4 !important
}

.riga.Nuova,
.riga.Nuova input,
.riga.Nuova textarea.inptMoTab,
.riga.Nuova .DentroContoInpu {
    background-color: #fffce5
}


.FiltriTabellaGLM .RigaFiltro {
    display: flex;
    flex: none;
    width: 100%
}

.FiltriTabellaGLM.Feriep {
    flex-wrap: wrap;
    gap: 15px;
    max-width: 1402px;
}
.FiltriTabellaGLM .RigaFiltro .SelctWDescry:first-child {
    margin: 0;
    flex: none
}

.SelctWDescry.StrCerca, .SelctWDescry.StrCerca .inputRicerca {
    width: 100%
}
    .SelctWDescry.StrCerca .inputRicerca {
        padding-left: 14px;
    }
.SelctWDescry.StrCerca .inputmain.desct {
    width: fit-content;
    padding: 0 12px !important;
    flex: none
}

.CorpoCosti.ControlloFeper {
    height: calc(100vh - 244px);
}

.ControlloFeper .contoInpu:last-child .DentroContoInpu {
    border-right-width: 2px
}

.ControlloFeper .ConTotali .WrapTabScroll:nth-child(4) .contoInpu:last-child .DentroContoInpu {
    border-radius: 0 0 7px 0 
}

.Multissime #VuotoCentro {
    top: 70px;
    height: calc(100% - 85px);
    border-radius: 0 0 11px 11px;
}


#primaRiga i.fa-compress {
    margin-left: auto;
    margin-right: 5px;
    background-color: white;
    border-radius: 100%;
    color: black;
    cursor: pointer;
    z-index: 2;
    pointer-events: all;
    width: 26px;
    flex: none;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}

.DentroContoInpu._Padroncino,
.inptMoTab._Padroncino,
#primaRiga ._Padroncino {
    width: 142px !important;
    min-width: 142px !important
}


.DentroContoInpu._ModSpedizione,
.inptMoTab._ModSpedizione,
#primaRiga ._ModSpedizione {
    width: 210px !important;
    min-width: 210px !important
}

.DentroContoInpu._DataRecezioneVerbale,
.inptMoTab._DataRecezioneVerbale,
#primaRiga ._DataRecezioneVerbale {
    width: 210px !important;
    min-width: 210px !important
}

.DentroContoInpu._Scases,
.inptMoTab._Scases,
#primaRiga ._Scases {
    width: 210px !important;
    min-width: 210px !important
}

.DentroContoInpu._ModoPaga,
.inptMoTab._ModoPaga,
#primaRiga ._ModoPaga {
    width: 210px !important;
    min-width: 210px !important
}

.DentroContoInpu._CommissioneBancaria,
.inptMoTab._CommissioneBancaria,
#primaRiga ._CommissioneBancaria {
    width: 220px !important;
    min-width: 220px !important
}




#primaRiga ._Detratta.NascondiColonna,
.DentroContoInpu:not(.Vuoto)._Detratta.NascondiColonna,
._InptDetratta:has(.Vuoto._Detratta.NascondiColonna){
    border-left: 1px solid var(--dark) !important;
    margin-left: 60px !important;
    height: 100% !important;
}
.DentroContoInpu:not(.Vuoto)._Detratta.NascondiColonna {
    margin-left: 0 !important;
}
#primaRiga ._Detratta.NascondiColonna {
    border-left: 0
}



.TabellaGLM .nomoc {
    margin: 0 10px;
}

.ColonnaNascosta {
    height: 35px;
    white-space: nowrap;
    border: 2px solid rgba(0, 0, 0, .1);
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    font-size: 12px;
    border-radius: 5px;
    font-weight: 400;
    color: #363636;
    text-transform: uppercase
}
.ColonnaNascosta i {
    font-size: 14px
}
    .ColonnaNascosta:last-child {
        margin-right: 20px;
    }
.VascaNonVedo {
    width: calc(100% - 260px);
    display: flex;
    margin: 0 10px 0 20px;
    gap: 10px;
    overflow: auto;
    position: relative;
}

    .VascaNonVedo + .Ombra {
        content: "";
        height: 35px;
        width: 25px;
        position: absolute;
        right: 123px;
        top: 10px;
        box-shadow: -20px 0px 15px 0px rgb(255 253 249);
    }


    .VascaNonVedo::-webkit-scrollbar {
        display: none;
    }

._Organo_Competente {
    width: 205px !important;
    min-width: 205px !important;
}

.WrapTextAreaTab:has(.NascondiColonna) {
    border: 0;
    overflow: hidden;
}
.contoInpu:has(textarea.NascondiColonna) i {
    display: none
}

.FiltriTabellaGLM.Feriep.IssimeMul {
    max-width: 1592px;
}

.EvidenziaRiga {
    box-shadow: inset 0px 15px 2px -10px var(--info), inset 0px -15px 2px -10px var(--info) !important;
}



.SelctWDescry.StrCerca.Stretto {
    width: 430px;
    margin: 0;
    border-radius: 5px;
    margin-left: auto;
    margin-right: 10px;
    position: relative;
}
    .SelctWDescry.StrCerca.Stretto .inputmain.desct {
        height: 35px;
        box-shadow: none;
        border: 0;
        font-size: 14px;
        padding: 0 10px !important;
        background-color: #ffedca;
        border-radius: 5px 0 0 5px;
    }
    .SelctWDescry.StrCerca.Stretto .inputRicerca {
        height: 35px;
        border-radius: 0 5px 5px 0;
        border-color: #fabd03;
        font-size: 14px;
        padding: 5px 10px;
    }

    .SelctWDescry.StrCerca.Stretto .Load {
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 5px;
        background: #ffedca;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        gap: 15px;
    }


.GruppOtti .WrapCampi.col100_120 .inputmain {
    padding-right: 35px !important;
}

.GruppOtti .contScelty {
    width: 100%;
    margin-right: 0;
    border-radius: 5px;
}
.GruppOtti .contScelty label{
    margin-bottom: 0;
}
    .GruppOtti .contScelty strong {
        margin: 0 10px;
    }
    .GruppOtti .contScelty div:first-child {
        width: 100%;
    }
    .GruppOtti .contScelty div:last-child {
        flex: none;
    }




#BoxAnnoTutti .TabellaGLM #primaRiga > div:nth-child(n+4):not(:last-child):not(._FattsuDip):not(._CostRicPersonale) {
    width: 160px;
    min-width: 160px;
}

#BoxAnnoTutti .tabella > .riga > span.contoInpu:nth-child(n+4):not(:last-child) > *:not(._FattsuDip):not(._CostRicPersonale) {
    width: 160px;
    min-width: 160px;
}

.bordo.Busty.SelctWDescry.ConDescr.DatApp.Tastin {
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: white;
    font-size: 20px;
    margin-right: 0 !important;
    height: 50px;
    color: #363636;
}

.crkPrs {
    margin-left: 10px !important;
}

.NabMobile.ToolCostiRicavi.NoGap .SelctWDescry:not(.noPatMod) {
    flex-direction: column;
    margin: 0
}


    .NabMobile.ToolCostiRicavi.NoGap .SelctWDescry:not(.noPatMod) .inputmain.desct {
        height: 25px;
        border-radius: 11px 11px 0 0;
        width: 100%;
        font-size: 14px;
        padding: 0 8px !important;
    }
.NabMobile.ToolCostiRicavi.NoGap .Busty:not(.noPatMod) input, .NabMobile.ToolCostiRicavi.NoGap .Busty:not(.noPatMod) strong {
    height: 25px;
    border-radius: 0 0 11px 11px;
    width: 100%;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px !important;
}

.NabMobile.ToolCostiRicavi.NoGap .Busty:not(.noPatMod) input[type='number']{
    width: 103px
}

.ModaleDipendi .wrapSelectZ{
    width: 100%
}
.ModaleDipendi .wrapSelectZ select{
   padding-right: 35px !important
}

.WrapManuEl {
    margin-top: 25px;
    flex-direction: column;
    border-top: 2px solid #e5e5e5;
    padding-top: 15px;
}

    .WrapManuEl > span {
        font-size: 17px;
        color: #363636;
        font-weight: 500;
        width: 100%;
        display: block;
        padding-left: 12px;
    }

.CampiInputi {
    width: 100%;
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
    margin-top: 10px;
}

    .CampiInputi > input[type="text"] {
        border-radius: 10px;
        border: 2px solid var(--main_color);
        height: 50px;
        width: 100%;
        padding: 0 15px;
        font-size: 15px;
        color: #363636 !important;
        font-weight: 500;
    }


.contAgiunti {
    display: flex;
    flex-direction: column;
}

    .contAgiunti .secaFat, .contAgiunti .scadFat {
        font-weight: 400;
        margin-bottom: 0 !important;
        font-size: 16px;
    }

        .contAgiunti .secaFat em, .contAgiunti .scadFat em {
            font-weight: 500;
            font-style: normal;
        }

.TogglePiccolo {
    zoom: 56%;
    margin: 0 auto;
    margin-top: 3px;
}


.Modifico > .Involucro {
    width: 64% !important;
}

.CorpoCosti .Stack {
    width: calc(36% - 15px) !important;
}

.CostiExtra.TabellaGLM .Descrizione.fattura, .RicaviExtra.TabellaGLM .Descrizione.fattura, .riga .contoInpu.cheki {
    width: 70px !important;
    min-width: 70px !important;
    font-size: 20px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
}

.CostiExtra.TabellaGLM .cheki.Vuoto,
.RicaviExtra.TabellaGLM .cheki.Vuoto {
    width: 70px !important;
    min-width: 70px !important;
}

.riga .contoInpu.cheki {
    border: 1px solid #dadada;
}
    .riga .contoInpu.cheki .TogglePiccolo {
        zoom: 75%;
        margin-top: 0;
    }

.TabellaGLM .riga[idc='0'] .contoInpu.cheki,
.TabellaGLM .riga[ido='0'] .contoInpu.cheki {
    background-color: #fffce5 !important;
}

.Cook2 .WrapTabScroll .Azioni .DentroContoInpu .CtaTab.DaList,
.CostiExtra .WrapTabScroll .Azioni .DentroContoInpu .CtaTab.DaList,
.RicaviExtra .WrapTabScroll .Azioni .DentroContoInpu .CtaTab.DaList {
    border: 2px solid #00bcd4;
}
    .Cook2 .WrapTabScroll .Azioni .DentroContoInpu .CtaTab.DaList i,
    .CostiExtra .WrapTabScroll .Azioni .DentroContoInpu .CtaTab.DaList i,
    .RicaviExtra .WrapTabScroll .Azioni .DentroContoInpu .CtaTab.DaList i {
        color: #00bcd4;
    }

.CostiExtra .WrapTabScroll .Azioni:not(:last-child) .DentroContoInpu,
.RicaviExtra .WrapTabScroll .Azioni:not(:last-child) .DentroContoInpu {
    border-right-width: 1px !important;
}

.CostiExtra ._Committenza,
.RicaviExtra ._Committenza {
    width: 250px !important;
    min-width: 250px !important;
}
.CostiExtra .DentroContoInpu.Descrizione input.inptMoTab,
.RicaviExtra .DentroContoInpu.Descrizione input.inptMoTab {
    min-width: unset;
    width: 100%;
}


.Azioni .DentroContoInpu .CtaTab.Zoom {
    border-color: #d1d1d1 !important;
    margin-left: 5px;
}
    .Azioni .DentroContoInpu .CtaTab.Zoom i {
        color: #a5a5a5 !important
    }


.Involucro.TabellaGLM.Zommata {
    position: absolute;
    top: 5px;
    left: 5px;
    height: calc(100vh - 234px);
    width: calc(100vw - 10px) !important;
    z-index: 1111111111;
}

.TabellaGLM.Zommata .fa-expand:before {
    content: "\f066";
}

#VascaNonVedoAnnoTUTTI {
    width: calc(100% - 323px);
}
#VascaNonVedoAnnoUno {
    width: calc(100% - 190px)
}
#VascaNonVedoPersona {
    /* width: calc(100% - 900px);
    width: calc(100% - 470px);*/
    width: calc(100% - 626px);
    min-width: 50px;
}
    #VascaNonVedoAnnoTUTTI + .Ombra,
    #VascaNonVedoAnnoUno + .Ombra {
        right: 35px
    }
#VascaNonVedoPersona + .Ombra {
    /*   right: 645px
    right: 212px;*/
    right: 375px;
}


#TabBoxAnnoTUTTI ._FattsuDip:not(.NascondiColonna),
#TabBoxAnnoTUTTITesta ._FattsuDip:not(.NascondiColonna),
#TabBoxAnnoTUTTITot ._FattsuDip:not(.NascondiColonna) {
    width: 233px !important;
    min-width: 233px !important;
}
#TabBoxAnnoUno ._FattsuDip:not(.NascondiColonna),
#TabBoxAnnoUnoTesta ._FattsuDip:not(.NascondiColonna),
#TabBoxAnnoUnoTot ._FattsuDip:not(.NascondiColonna) {
    width: 233px !important;
    min-width: 233px !important;
}

#TabBoxAnnoTUTTI ._PercFatt:not(.NascondiColonna),
#TabBoxAnnoTUTTITesta ._PercFatt:not(.NascondiColonna),
#TabBoxAnnoTUTTITot ._PercFatt:not(.NascondiColonna) {
    width: 163px !important;
    min-width: 163px !important;
}

#TabBoxAnnoTUTTI ._CostRicPersonale:not(.NascondiColonna),
#TabBoxAnnoTUTTITesta ._CostRicPersonale:not(.NascondiColonna),
#TabBoxAnnoTUTTITot ._CostRicPersonale:not(.NascondiColonna) {
    width: 233px !important;
    min-width: 233px !important;
}
#TabBoxAnnoUno ._CostRicPersonale:not(.NascondiColonna),
#TabBoxAnnoUnoTesta ._CostRicPersonale:not(.NascondiColonna),
#TabBoxAnnoUnoTot ._CostRicPersonale:not(.NascondiColonna) {
    width: 233px !important;
    min-width: 233px !important;
}

#TabBoxAnnoTUTTI ._CostGod:not(.NascondiColonna),
#TabBoxAnnoTUTTITesta ._CostGod:not(.NascondiColonna),
#TabBoxAnnoTUTTITot ._CostGod:not(.NascondiColonna) {
    width: 203px !important;
    min-width: 203px !important;
}
#TabBoxAnnoUno ._CostGod:not(.NascondiColonna),
#TabBoxAnnoUnoTesta ._CostGod:not(.NascondiColonna),
#TabBoxAnnoUnoTot ._CostGod:not(.NascondiColonna) {
    width: 203px !important;
    min-width: 203px !important;
}









.NascondiColonna,
._Detratta.NascondiColonna,
._InptDetratta:has(._Detratta.NascondiColonna),
._Organo_Competente.NascondiColonna,
.inptMoTab._Targa.NascondiColonna,
#primaRiga ._Targa.NascondiColonna,
._Targa.NascondiColonna,
.DentroContoInpu._Padroncino.NascondiColonna,
.inptMoTab._Padroncino.NascondiColonna,
#primaRiga ._Padroncino.NascondiColonna,
.DentroContoInpu._NVerbale.NascondiColonna, .inptMoTab._NVerbale.NascondiColonna, #primaRiga ._NVerbale.NascondiColonna,
.DentroContoInpu._DecPuntPa.NascondiColonna, .inptMoTab._DecPuntPa.NascondiColonna, #primaRiga ._DecPuntPa.NascondiColonna,
.DentroContoInpu._ModSpedizione.NascondiColonna,
.inptMoTab._ModSpedizione.NascondiColonna,
#primaRiga ._ModSpedizione.NascondiColonna,
.DentroContoInpu._DataRecezioneVerbale.NascondiColonna,
.inptMoTab._DataRecezioneVerbale.NascondiColonna,
#primaRiga ._DataRecezioneVerbale.NascondiColonna,
.DentroContoInpu._Scases.NascondiColonna,
.inptMoTab._Scases.NascondiColonna,
#primaRiga ._Scases.NascondiColonna,
.DentroContoInpu._ModoPaga.NascondiColonna,
.inptMoTab._ModoPaga.NascondiColonna,
#primaRiga ._ModoPaga.NascondiColonna,
.DentroContoInpu._Rate.NascondiColonna, .inptMoTab._Rate.NascondiColonna, #primaRiga ._Rate.NascondiColonna,
.DentroContoInpu._CommissioneBancaria.NascondiColonna,
.inptMoTab._CommissioneBancaria.NascondiColonna,
#primaRiga ._CommissioneBancaria.NascondiColonna,
.DentroContoInpu._DetrBp.NascondiColonna, .inptMoTab._DetrBp.NascondiColonna, #primaRiga ._DetrBp.NascondiColonna {
    width: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden;
    height: 0 !important;
}

.Cook2 .WrapTabScroll .Azioni:not(:last-child) .DentroContoInpu {
    border-right-width: 1px !important;
}

.Azioni .DentroContoInpu .CtaTab.Incolla,
.Azioni .DentroContoInpu .CtaTab.Copia {
    margin-left: 5px;
}

.CopiaExtra.ModaleDipendi .ListaPersone {
    max-width: 800px;
    width: 800px
}

.VascaPilli .riga {
    display: flex;
    border: 1px solid #dadada;
    width: 100%;
    border-top: 0;
    border-bottom: 0;
}

    .VascaPilli .riga:first-child {
        border-top: 1px solid #dadada;
    }
    .VascaPilli .riga:last-child {
        border-bottom: 1px solid #dadada;
    }

.VascaPilli .DentroContoInpu.CostoMENO {
    width: 100px;
    min-width: 100px;
}
.VascaPilli .DentroContoInpu.Descrizione,
.VascaPilli .DentroContoInpu._Committenza {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}

    .VascaPilli .DentroContoInpu.Descrizione:after,
    .VascaPilli .DentroContoInpu._Committenza:after {
        content: "";
        background: #fffdf9;
        height: 6px;
        width: 100%;
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
    }

.VascaPilli .DentroContoInpu {
    line-height: normal;
    font-size: 15px;
}
    .VascaPilli .DentroContoInpu._FatturatoCon {
        width: 155px;
        min-width: 155px;
    }

    .VascaPilli .DentroContoInpu.Descrizione {
        padding: 6px 8px;
        width: 100%;
    }
.VascaPilli .contoInpu:has(.Descrizione) {
    width: 100%;
}
.VascaPilli .DentroContoInpu.MettoONo {
    width: 54px;
    min-width: 54px;
    justify-content: center;
    position: relative
}
    .VascaPilli .DentroContoInpu.MettoONo > i {
        display: block;
        margin: 0;
        font-size: 25px;
        position: absolute;
        opacity: 0;
        will-change: opacity;
        transition: opacity 100ms linear;
    }
    .VascaPilli .DentroContoInpu.MettoONo > input {
        display: block !important;
        height: 100%;
        width: 100%;
        position: absolute;
        appearance: none;
        -webkit-appearance: none;
        z-index: 11;
    }
    .VascaPilli .DentroContoInpu.MettoONo > input:checked ~ .fa-check-square{
        opacity: 1
    }
        .VascaPilli .DentroContoInpu.MettoONo > input:not(:checked) ~ .fa-square {
            opacity: 1
        }
    .VascaPilli .DentroContoInpu.MettoONo > i.fa-check-square {
        color: #d26902;
    }

.CopiaExtra .TestaTabellaCostRic {
    padding: 0;
    min-height: unset;
    justify-content: unset !important;
    margin-bottom: 15px;
}

    .CopiaExtra .TestaTabellaCostRic .Azioni .DentroContoInpu {
        gap: 7px;
        flex-wrap: wrap;
    }

.btnAzio.copia {
    background-color: #80c3f8;
    margin-top: 15px !important;
    margin-right: 0 !important;
}
    .btnAzio.copia:after {
        content: "\f0c5";
        font-weight: 300;
    }
.VascaPilli {
    flex-direction: column;
    max-height: calc(100vh - 330px);
    overflow: auto;
    align-items: unset !important;
    justify-content: unset !important;
}

.CopiaExtra .Azioni .DentroContoInpu .CtaTab:last-child:not(:only-child) {
    border-color: #ffa9a2;
}

    .CopiaExtra .Azioni .DentroContoInpu .CtaTab:last-child:not(:only-child) i {
        color: #ff776d;
    }

.VascaPilli .DentroContoInpu.MettoONo.VedoSempre > i {
    opacity: 1;
    font-size: 21px;
}

.CopiaExtra .Dettagliati.TestaTabellaCostRic .Azioni .DentroContoInpu .CtaTab {
    border: 2px solid #dcd1ee;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
}
    .CopiaExtra .Dettagliati.TestaTabellaCostRic .Azioni .DentroContoInpu .CtaTab i {
        color: #bc9cef;
    }

#slaseda {
    margin-top: 0 !important;
    min-width: 170px;
    border: 0 !important;
    background-color: white;
    width: 300px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 12%);
    padding-left: 14px !important;
    padding-right: 40px !important;
}


.contDatiAppa .SelctWDescry.StrCerca.Stretto {
    flex-direction: row !important;
    width: 250px;
    border-radius: 11px
}
    .contDatiAppa .SelctWDescry.StrCerca.Stretto:not(.noPatMod) .inputmain.desct {
        height: 50px;
        width: 50px;
        font-size: 20px;
        background: #F7F7F7;
        border-radius: 11px 0 0 11px;
    }
    .contDatiAppa .SelctWDescry.StrCerca.Stretto .inputRicerca {
        height: 50px;
        border-radius: 0 11px 11px 0;
        font-size: 15px;
        padding: 5px 13px;
    }

    .contDatiAppa .SelctWDescry.StrCerca.Stretto .inputmain.desct i{
        margin: 0;
    }

    .contDatiAppa .SelctWDescry.StrCerca.Stretto .Load {
        border-radius: 11px;
        background: #fff;
    }


.TabellaGLM .ConTotali .WrapTabScroll:nth-child(4) .DentroContoInpu {
    position: relative
}
    .TabellaGLM .ConTotali .WrapTabScroll:nth-child(4) .DentroContoInpu[maskTot]::after {
        content: attr(maskTot);
        position: absolute;
        background: var(--bglight_color);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
        padding: 6px 8px;
        color: #363636;
        font-size: 16px;
    }

.Totalissimi .TestaTabellaCostRic > label > em,
.contAgiunti .secaFat em,
.contAgiunti .scadFat em {
    position: relative
}

    .Totalissimi .TestaTabellaCostRic > label > em[maskTot]::after,
    .contAgiunti .secaFat em[maskTot]::after,
    .contAgiunti .scadFat em[maskTot]::after {
        content: attr(maskTot);
        position: absolute;
        background: var(--bglight_color);
        min-width: 100%;
        width: fit-content;
        height: 100%;
        top: 0;
        left: 0;
    }

.BastoDentro {
    width: 100%;
    display: flex;
    min-height: 18px;
    height: fit-content;
    background-color: transparent;
    margin-top: 0;
    filter: blur(0px);
    will-change: height, margin-top, filter;
    transition: height 140ms linear, min-height 140ms linear, margin-top 100ms linear, filter 140ms linear;
}

.RigoGraficoMatteo:not(.Testa).Aperto {
    background-color: #ebf5f1;
    border-radius: 6px;
}

    .RigoGraficoMatteo:not(.Testa).Aperto:hover {
        background-color: #d7f6ff;
    }

    .RigoGraficoMatteo:not(.Testa).Aperto .BastoDentro:first-child > label {
        padding-left: 6px;
    }

.RigoGraficoMatteo:not(.Testa).Aperto .BastoDentro:not(:first-child) {
    margin-top: 3px;
}
.RigoGraficoMatteo:not(.Testa):not(.Aperto) .BastoDentro:not(:first-child) {
    height: 0;
    min-height: 0;
    margin-top: 0;
    filter: blur(20px);
}

/*.RigoGraficoMatteo:nth-child(even) .BastoDentro:not(:first-child) .BastoneMatteo > .PerceMatteo > .OrceMatteo {
    background: #ffd89a;
}
.RigoGraficoMatteo:nth-child(odd) .BastoDentro:not(:first-child) .BastoneMatteo > .PerceMatteo > .OrceMatteo {
    background: red;
}*/


.Involucro.CostiRicaviDipendenti.TabellaGLM {
    display: flex;
    flex-direction: column;
}
    .Involucro.CostiRicaviDipendenti.TabellaGLM .TestaTabellaCostRic {
        height: fit-content;
        flex: none;
    }
    .Involucro.CostiRicaviDipendenti.TabellaGLM .perFreccia.ConTotali {
        height: 100%
    }





/*.RigoGraficoMatteo .BastoDentro:not(:first-child) .BastoneMatteo > .PerceMatteo > .OrceMatteo {
    background: #9b84ce;
}

.RigoGraficoMatteo:nth-child(even) .BastoDentro:not(:first-child) .BastoneMatteo > .PerceMatteo > .OrceMatteo {
    background: #b8adda;
}*/

#TabBoxAnnoTUTTI .DentroContoInpu._NomeMese,
#TabCostiPersona .DentroContoInpu._Committenza,
#TabCostiPersona .DentroContoInpu._SedePers,
#TabCostiMENO .DentroContoInpu._Committenza,
#TabCostiPLUS .DentroContoInpu._Committenza,
#TabBoxAnnoTUTTI .DentroContoInpu._SedePers {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}
    #TabBoxAnnoTUTTI .DentroContoInpu._NomeMese em,
    #TabCostiPersona .DentroContoInpu._Committenza em,
    #TabCostiPersona .DentroContoInpu._SedePers em,
    #TabCostiMENO .DentroContoInpu._Committenza em,
    #TabCostiPLUS .DentroContoInpu._Committenza em,
    #TabBoxAnnoTUTTI .DentroContoInpu._SedePers em {
        display: block;
        font-size: 11px;
        color: #673ab7;
        font-style: normal;
        font-weight: 500;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }

.NeggoTivo.RigoGraficoMatteo .BastoDentro:not(:first-child):not(.NeggoTivo) .BastoneMatteo > .PerceMatteo > span {
    transform: translateX(-8px);
    padding: 0 8px 0 16px;
    border-radius: 0 8px 8px 0;
}


.NeggoTivo.RigoGraficoMatteo .BastoDentro:not(:first-child):not(.NeggoTivo) .BastoneMatteo {
    transform-origin: 0;
    transform: unset;
}


.RigoGraficoMatteo:not(.NeggoTivo) .BastoDentro:not(:first-child).NeggoTivo .BastoneMatteo > .PerceMatteo > span {
    transform: scale(-1, 1) translateX(8px);
    padding: 0 16px 0 8px;
    border-radius: 8px 0 0 8px;
}


.RigoGraficoMatteo:not(.NeggoTivo) .BastoDentro:not(:first-child).NeggoTivo .BastoneMatteo {
    transform-origin: 0% calc(50% - 80px);
    transform: scaleX(-1) translateX(-3px);
}

.RigoGraficoMatteo .BastoDentro:not(.NeggoTivo) .PerceMatteo > .OrceMatteo {
    background: #89d78d;
}
.RigoGraficoMatteo .BastoDentro.NeggoTivo .BastoneMatteo > .PerceMatteo > .OrceMatteo{
    background: #ff7e75;
}

.NabMobile.Vedi.ToolCostiRicavi .BtnCostiRicavi.NoVedo + .SelctWDescry {
    margin-right: 0;
}

.FiltriTabellaGLM.Feriep.ComoBarra {
    margin: 0;
    background-color: #ffedca;
    padding: 10px;
    border-radius: 0;
    width: 100%;
    max-width: unset;
    padding-left: 0
}
    .FiltriTabellaGLM.Feriep.ComoBarra .RigaFiltro {
        width: fit-content;
        margin-left: auto;
    }
    .FiltriTabellaGLM.Feriep.ComoBarra .FiltroAppaltoSede {
        gap: 0;
        z-index: 97;
    }
        .FiltriTabellaGLM.Feriep.ComoBarra .FiltroAppaltoSede .SelctWDescry {
            border-radius: 11px;
            box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
            width: 350px;
            opacity: 1;
            filter: blur(0);
            will-change: width,opacity,filter;
            transition: width 250ms linear, opacity 200ms linear, filter 250ms linear;
            margin-left: 10px;
        }
            .FiltriTabellaGLM.Feriep.ComoBarra .FiltroAppaltoSede .SelctWDescry.NoVedo {
                width: 0 !important;
                opacity: 0;
                filter: blur(20px);
                margin-left: 0;
                overflow: hidden;
            }

.RigaFiltro .contDatiAppa {
    will-change: max-width,opacity,filter;
    transition: max-width 250ms linear, opacity 200ms linear, filter 250ms linear;
}
    .RigaFiltro .contDatiAppa.NoVedo {
        max-width: 0;
        opacity: 0;
        filter: blur(20px)
    }

    .FiltriTabellaGLM.Feriep.ComoBarra .MultiSelectConDescriz .inputmain.desct {
        border-color: #f7f7f7;
        background-color: #f7f7f7;
    }

    .FiltriTabellaGLM.Feriep.ComoBarra .FiltroAppaltoSede .SelectNotag.Bianca {
        border-color: white;
    }
    .FiltriTabellaGLM.Feriep.ComoBarra .FiltroAppaltoSede .Load {
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
    }

.FiltroAppaltoSede .contDatiAppa {
    padding: 0;
    border-radius: 11px;
    overflow: unset;
    margin-left: 10px;
    gap: 0;
}
    .FiltroAppaltoSede .contDatiAppa .SelctWDescry.StrCerca.Stretto {
        width: 300px;
        margin-left: 0
    }

    .FiltroAppaltoSede .contDatiAppa .SelctWDescry.ConDescr.DatApp.noInpt {
        flex-direction: column;
        width: 115px;
    }
        .FiltroAppaltoSede .contDatiAppa .SelctWDescry:not(.noPatMod) .inputmain.desct {
            height: 25px;
            border-radius: 11px 11px 0 0;
            width: 100%;
            font-size: 14px;
            padding: 0 8px !important;
            border: 0;
            box-shadow: none;
            background: #F7F7F7;
            font-weight: 400;
        }
        .FiltroAppaltoSede .contDatiAppa .SelctWDescry:not(.noPatMod) strong {
            height: 25px;
            border-radius: 0 0 11px 11px;
            width: 100%;
            font-size: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 8px !important;
            background: white;
            font-weight: 500;
            color: #363636;
            text-align: center;
        }

.TabellaGLM #TabBoxAnnoTUTTITesta #primaRiga ._AppaltoPers:not(:last-child):not(._FattsuDip):not(._CostRicPersonale):not(.NascondiColonna),
.TabellaGLM #TabBoxAnnoTUTTITesta #primaRiga ._SedePers:not(:last-child):not(._FattsuDip):not(._CostRicPersonale):not(.NascondiColonna),
.TabellaGLM #TabBoxAnnoTUTTITesta #primaRiga ._AziendaPers:not(:last-child):not(._FattsuDip):not(._CostRicPersonale):not(.NascondiColonna),
#BoxAnnoTutti .tabella#TabBoxAnnoTUTTI > .riga > span.contoInpu:not(:last-child) > ._AppaltoPers:not(._FattsuDip):not(._CostRicPersonale):not(.NascondiColonna),
#BoxAnnoTutti .tabella#TabBoxAnnoTUTTI > .riga > span.contoInpu:not(:last-child) > ._SedePers:not(._FattsuDip):not(._CostRicPersonale):not(.NascondiColonna),
#BoxAnnoTutti .tabella#TabBoxAnnoTUTTI > .riga > span.contoInpu:not(:last-child) > ._AziendaPers:not(._FattsuDip):not(._CostRicPersonale):not(.NascondiColonna) {
    width: 250px !important;
    min-width: 250px !important;
}


.FiltroAppaltoSede #SelectSede .SelectNotag.Bianca {
    width: calc(100% - 76px);
}
.FiltroAppaltoSede #SelectAppa .SelectNotag.Bianca {
    width: calc(100% - 110px);
}
.FiltroAppaltoSede #SelectAza .SelectNotag.Bianca {
    width: calc(100% - 104px);
}

#VascaNonVedoPersona.Speck {
    width: calc(100% - 580px);
}
    #VascaNonVedoPersona.Speck + .Ombra {
       right: 358px
    }
    #VascaNonVedoPersona.Speck ~ .Azioni .Ok {
        margin-left: 5px
    }

.Globbo {
    display: flex;
    flex-direction: column;
    background: #ffedca8a;
    padding: 15px;
    border-radius: 22px;
    margin-bottom: 15px;
    justify-content: unset;
    align-items: unset;
}
    .Globbo > .titolo {
        font-size: 16px;
        color: #363636;
        font-weight: 500;
        width: 100%;
        display: block;
        padding-left: 12px;
    }
    .Globbo > .InFila {
        width: 100%;
        display: flex;
        gap: 15px;
        margin-top: 12px;
    }
    .Globbo .WrapManuEl > span {
        font-size: 16px;
    }
.ModaleDipendi .bordo.Busty .BoxRadioSel .RadioSelM {
    background: var(--bglight_color);
}
.Globbo .WrapElenco {
    width: 100%;
    position: relative;
}
.ModaleDipendi .Globbo .elenco {
    height: 150px
}

.Globbo .WrapManuEl {
    margin-top: 15px;
    padding-top: 10px;
}
.Globbo .CampiInputi {
    margin-bottom: 0;
}

.Globbo > .wrapInp.grupSelT {
    margin-top: 12px;
}

.ModaleDipendi > .ListaPersone > .Load {
    Position: absolute;
    top: 78px;
    left: 0;
    border-radius: 22px;
    height: calc(100% - 78px);
}

.Globbo .WrapElenco #NessunDip {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
    .Globbo .WrapElenco #NessunDip .textH4 {
        font-size: 16px;
        font-weight: 500;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
    }

.elenco.Sedissima .itemsRicerca.ModaleLi{
    flex-direction: column
}

    .elenco.Sedissima .itemsRicerca.ModaleLi.NoVax,
    .ModaleDipendi .elenco > div.NoVax {
        background-color: var(--main_color) !important;
        color: #fff;
        border: 2px solid var(--nav2_color);
    }

        .elenco.Sedissima .itemsRicerca.ModaleLi.NoVax label,
        .ModaleDipendi .elenco > div.NoVax label {
            color: #fff;
        }


.KostPerTempo > input {
    height: 25px;
    border-radius: 0 0 11px 11px;
    width: 100%;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px !important;
    border: 2px solid var(--nav2_color);
    font-weight: 500;
    color: #363636;
    text-align: center;
}

    .KostPerTempo > input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }


.Globbo .MasterNo {
    font-size: 16px;
    font-weight: 500;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.PopList.Bbo {
    max-width: unset;
    border-radius: 0;
    padding: 0;
    flex-wrap: unset;
    background-color: transparent;
    box-shadow: unset;
}

.TestaTabellaCostRic .Azioni .DentroContoInpu .CtaTab.spekk {
    border: 2px solid #FF9800;
    margin-right: 5px
}
.Azioni .DentroContoInpu .CtaTab.spekk i {
    color: #FF9800
}


.TabellaGLM .riga.Spekkato input, .TabellaGLM .riga.Spekkato .DentroContoInpu, .TabellaGLM .riga.Spekkato input, .TabellaGLM .riga.Spekkato .DentroContoInpu {
    background-color:#ffe9c8
}


.Azioni .DentroContoInpu .CtaTab.Costyo {
    margin-right: 5px;
}

.CopiaExtra.SegliCosto.ModaleDipendi .ListaPersone {
    max-width: 400px;
    width: 400px
}
.CopiaExtra.SegliCosto.ModaleDipendi .btnAzio.blu {
    background-color: #80c3f8;
    margin-left: auto !important;
    margin-right: 0 !important;
}


.coloFiltroz .inputmain.BtnInBar.ConBadge {
    padding-right: 12px !important;
}
    .coloFiltroz .inputmain.BtnInBar.ConBadge .BadgeAppr {
        margin-right: 0;
        margin-left: 8px
    }

.ModaleDipendi.DaLavorare .CorpoDaLavo {
    min-height: 64px;
}

.ModaleDipendi.DaLavorare .ListaDaLavo {
    height: 100%;
    width: 100%;
    max-height: 500px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow-x: hidden;
    overflow-y: auto;/*
    padding-right: 15px;*/
}

.ListaDaLavo .CardDaLavo {
    border-radius: 11px;
    border: 2px solid rgba(0, 0, 0, .1);
    padding: 5px;
    gap: 5px;
    display: flex;
}
.ListaDaLavo .BtnLavora {
    height: 50px;
    background-color: var(--bgpopup_color);
    color: var(--main_color);
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    gap: 10px;
    margin-left: auto;
    border-radius: 5px;
    flex: none;
}
.ListaDaLavo .CardDaLavo em,
.ListaDaLavo .CardDaLavo span {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 5px;
    color: #363636;
    font-size: 16px;
}
.ListaDaLavo .CardDaLavo em {
    font-style: normal;
    font-size: 18px;
    font-weight: 500;
    flex: none;
    padding: 0 10px;
    width: 191px;
    justify-content: center;
}
.ListaDaLavo .CardDaLavo span {
    width: 100%;
    border-left: 2px solid rgba(0, 0, 0, .1);
    padding-left: 10px;
    padding-right: 10px;
    border-right: 2px solid rgba(0, 0, 0, .1);
}
.ModaleDipendi.DaLavorare .ListaDaLavo:empty::after {
    content: "Nessuna Card Presente";
    height: 100%;
    width: 100%;
    padding: 40px;
    text-align: center;
    font-size: 17px;
    font-weight: 500;
}

.boxAlerz#Poly {
    width: 540px;
}
.Involucro.TabellaGLM.Zommata {
    width: 100% !important;
}

.EllipsFlow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    line-height: 26px;
}