* {
    -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: 840px;
    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(--sfondo);
    background-size: auto;
    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: 20px;
    margin-top: 10px;
}

.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 linear;
    filter: grayscale(0.8);
}
#loadNewInfor.loadGif {
    display: block;
    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);
}

@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;
}
#loadMappinx {
    display: block;
    z-index:0;
}


#loadVuoto, #NessunaFoto, #vuotoPer, #vuotoFer, #boxT, #NessunMex {
    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: 20px;
        margin-top: 10px;
    }

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

    .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;
    float: left;
    display: flex;
    align-items: center;
}
.carAltrFot img {
    margin: auto;
}
.containerMFotoApr {
    position: relative;
    margin: auto;
    /*border: 2px solid red; mettere padding*/
    width: 100%;
    max-width: 1200px;
}
.cardTitleAppr {
    font-size: 15px;
    height: 18px;
    margin-bottom: 12px;
}
.cardAppr {
    width: 200px;
    height: 285px;
    margin-right: 0px;
    margin-left: 24px;
}
.cardRisultati:last-child{
    margin-bottom: 60px;
}
.cardImgAppr {
    width: 180px;
    height: 180px;
}
.colFotoAppr {
    padding: 15px 0 15px 0px;
}
.boxFotoAppr {
    width: calc( 100% - 16px );
    padding-top: 6px;
    text-align: center;
    overflow: hidden;
}
.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%;
    }
}
@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;
    }
}
.nameModalAppr {
    color: #fff;
    text-align: center;
    width: 100%;
}
.btnAprGroup {
    position: relative;
    vertical-align: middle;
    width: 100%;
    max-width: 345px;
    margin: 0 auto;
}
.btnApr {
    height: 42px;
    font-size: 15px !important;
    font-weight: 600;
    width: 88px;
    color: #fff !important;
    outline-width:0 !important;
    padding: 0;
}
.btnDis {
    opacity: 0.7;
    pointer-events: none;
}
.btnApr:first-child{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    right: -1px;
    background-color: rgba(220, 53, 69, 0.9) !important;
    border-color: #dc3545;  
}
    .btnApr:first-child:hover {
        background-color: rgba(128,0,0,1) !important;
        border-color: rgba(128,0,0,1);
        color: white !important;
        z-index: 2;
    }
    .btnApr:first-child:active {
        background-color: white !important;
        color: rgba(128,0,0,1) !important;
        z-index: 2;
    }
.btnApr:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    left: -1px;
    background-color: rgba(40, 167, 69, 0.9) !important;
    border-color: #28a745;
}
    .btnApr:last-child:hover {
        background-color: rgba(25,102,25,1) !important;
        border-color: rgba(25,102,25,1);
        color: white !important;
        z-index: 2;
    }
    .btnApr:last-child:active {
        background-color: white !important;
        color: rgba(25,102,25,1) !important;
        z-index: 2;
    }

.btnAprM{
    width: 49%;
    max-width: 170px;
    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;
}
@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: contain;
    background-position: center;
}

.navBarLayout {
    background-color: var(--bglight_color);
}

.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: 5px !important;
}


.navbar-brand {
    position: relative;
    /*top: -25px;*/
    top: -16px;
}

@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: 10px;
        width: 150px;
        height: 46px;
    }
    .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:10px;
        margin-bottom: 15px;
        font-size: 16px;
    }

    .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;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 5px;
        /*margin-bottom: 15px;*/
    }

    .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";
    }
        .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;
}
#nessMailAbb .inputmain {
    border-color: #F71818;
    color: #FF3232;
}
#giaAbb strong {
    color: #73D63E;
}
#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: 30px;
    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;
        }

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: 400px;
        padding: 5px;
    }

.colTabellaTurni {
    position: absolute;
    left: 15px;
    top: 250px;
    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: -5px !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: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: 2px;
    font-size: 13px;
    height: 18px;
    width: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #363636;
    z-index: 1;
}

@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(../immagini/g-pdf.png);
}

.ContainerPermessi .btnPDF {
    background-image: url(../immagini/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: 155px;
    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%;
    }
}







/* 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;
}


@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 {
    padding: 15px;
    border-radius: 11px;
    color: #f8f9fa;
    background-color: var(--main_color);
    /*border: 4px solid var(--nav2_color);*/
    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 {
        margin: 0;
    }

.contbttnTP {
    padding-top: 5px !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(58.333333% - 15px);
    max-width: calc(58.333333% - 15px);
    margin-left: 15px;
    padding: 13px;
    padding-top: 10px;
    min-height: 385px;
    transition: all .4ms linear;
}

    .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 {
    float: right;
    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 400ms ease-in-out;
    transform: scale(0);
}
    .Mappinx.showy {
        
        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;
    }
        .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%;
    }
}


.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: 155px;
    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: space-between;
    position: relative;
    min-height: 150px;
}
.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: 126px;
    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;
    }