:root {
    --oro_elementa: #87704E; /* Oro Scuro */
    --bia_elementa: #FFF9EE; /* Bianco */
    --blk_elementa: #363636; /* Nero */
    --vrd_elementa: #8aaf3b; /* Verde */
    --bej_elementa: #d9d098; /* Beige */
    --bjc_elementa: rgba(255, 224, 187, 1); /* Beige chiaro */
    --ves_elementa: #373c23; /* Nero-Verde-Scuro */
    --bbv_elementa: #5b633a; /* Verde Scuro Bordi*/
    --w_car: 0px;
    --h_car: 100%;
    --wwsxs: 32%;
    --wwdxd: 60%;
    --wwccM: 1250px;
}
#headerCont .loggen {
    background-image: url(/image/logoLogisticp.png) ;
    height: 100%;
    max-width: 300px;
    min-width: 150px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
#headerCont[cli='8'] .loggen {
    background-image: url(/image/logo.jpg) ;
}
#headerCont[cli='10'] .loggen {
    background-image: url(/image/VilladeiQuintili_I.png);
}
#headerCont[cli='29'] .loggen {
    background-image: url(/image/logoarea.png);
}

*, ::after, ::before {
    /*box-sizing: border-box;*/
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

/*Contenitori e utility*/
i{
    cursor:pointer;
    position: relative;
}
.usn{
    user-select:none;
}
.mla{
    margin-left:auto;
}.mlaI{
    margin-left:auto!important;
}
#masterone, #masteroneIn {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 101;
    background-color: rgba(0, 0, 0, .6);
    display: none;
}#masterone.supp {
    z-index: 111;
}
    #masterone.supp > #contGif:not(.df){
        display: block !important;
    }


    #masteroneIn {
        position: absolute;
        z-index: 99;
        left: 0;
    }
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

}
.h100{
    height:100%;
}
.h90 {
    height: 90.4%;
}
.h90opx {
    height: calc(100% - 80px);
}
.h80 {
    height: 80%;
}
.h70 {
    height: 70%;
}
.h60 {
    height: 60%;
}
.w100 {
    width: 100%;
}
.w90 {
    width: 90%;
}
.mza{
    margin:0 auto;
}
.mzaI {
    margin: 0 auto !important;
}
.m0{
    margin: 0 !important;
}
.m30 {
    margin-bottom: 30px !important;
}
.mr15 {
    margin-right: 15px !important;
}
.mr10 {
    margin-right: 10px !important;
}
.mr5 {
    margin-right: 5px !important;
}
.r8{
    border-radius: 8px !important;
}
.r11{
    border-radius: 11px !important;
}
.masterCont {
    max-width: var(--wwccM);
    min-width: 1199px;
    position: relative;
    margin: 0 auto;
    height: 100%;
    padding: 0 10px 0 10px;
}
.vrdSX{
    background-color:#8fb125;
}
.vrdDX {
    background-color: #aad32c;
}
.vrdTXT {
    color: var(--ves_elementa);
}
.rosso, .verde, .blu, .arancione, .giallo, .grigio, .viola {
    background-color: #ff5050 !important;
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
    padding: 5px;
    width: 135px;
}
.verde {
    background-color: #4fc526 !important;
}
.blu {
    background-color: #75a8ff !important;
}
.arancione {
    background-color: orange !important;
}
.giallo {
    background-color: yellow !important;
}
.grigio {
    background-color: #909090 !important;
}
.viola {
    background-color: #9898e6 !important;
}

.txtac{
    text-align:center;
}
.trasp {
    background-color: rgba(255, 255, 255, 0.3);
    padding: 5px;
    margin-bottom: 10px;
    min-width: 315px;
}
.trasp:last-child{
    margin-bottom: 0;
}
.trasp h1{
    margin:0;
}
.radup {
    border-radius: 13px 3px 3px 3px;
}
.raddown {
    border-radius: 3px 3px 13px 3px;
}
.raddownin {
    border-radius: 3px 3px 8px 3px;
}
.norad{
    border-radius:3px;
}
.rad{
    border-radius:13px 3px;
}
.overH{
    overflow: hidden;
}
.colSX, .colXS {
    flex: 0 0 var(--wwsxs);
    max-width: var(--wwsxs);
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    padding-right: 5px;
    padding-left: 5px;
    transition: all 200ms ease-in-out;
}
    .colXS.cchhiu {
        flex: 0 0 0;
        max-width: 0;
        padding: 0;
        overflow: hidden;
        margin: 0;
    }
.colDX {
    flex: 0 0 var(--wwdxd);
    max-width: var(--wwdxd);
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    padding-right: 5px;
    padding-left: 5px;
    transition: all 200ms ease-in-out;
}
.colAR {
    position: fixed !important;
    right: 20px;
    top: 170px;
    z-index: 100;
}

.colXX {
    /*flex: 0 0 88%;
    max-width: 88%;*/
    flex: 0 0 100%;
    max-width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    padding-right: 5px;
    padding-left: 5px;
}
    .colXX.sca {
        flex: 0 0 90%;
        max-width: 90%;
    }
    .colXX.scadu {
        flex: 0 0 68%;
        max-width: 68%;
    }

@media screen and (max-height: 960px) {
    .rowHH {
        height: unset;
        padding-top: 40px;
        padding-bottom: 90px;
    }
}
.colDX .colStyle, .colSX .colStyle, .colXS .colStyle, .colXX .colStyle {
    /*min-height: 698px;*/
    height: 698px;
} .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
} .red {
    background-color: mediumvioletred;
} .dnon{
    display:none !important;
} .dnin, .itemsRicerca.dnin{
    display: none;
} .dflex, .itemsRicerca.dflex{
    display: flex;
} .disab{
    pointer-events:none;
    opacity:0.6;
}
.disabb {
    pointer-events: none;
}.obblig {
    background-color: #ffff66 !important;
} @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);
    }
} .errorInput {
    animation: shake .1s 2 ease-in-out;
}
#NessunUte, #seleQualk, #NessunAdda {
    position: absolute;
    /*top: calc(50% - 50px);*/
    top: 50%;
    left: calc(50% - 75px);
    font-size: 30px;
    width: 150px;
    height: 100px;
    line-height: 32px;
    text-align: center;
    color: var(--ves_elementa);
}
  
  #NessunUte.NessAnag {
        top: 62%;
    }
    #NessunUte.NessDattx, #NessunAdda {
        width: 300px;
        height: 40px;
        left: calc(50% - 150px);
        top: calc(50% - 10px);
    }
    
    #seleQualk{
        width: 500px;
        height: 40px;
        left: calc(50% - 250px);
        top: calc(50% - 10px);
    }


    .NessRic, .NessCat {
        top: 50%;
    } 
  
  
  #vuoto i {
    color: var(--bia_elementa);
    background-color: var(--oro_elementa);
    font-size: 80px;
    position: relative;
    width: 50px;
    height: 50px;
    top: calc(50% - 25px);
} #vuoto i:before {
        top: -15px;
        position: relative;
        left: -15px;
    }
/*fine contenitori e utility*/
@font-face {
    font-family: "Proxima Nova Soft";
    src: url("//db.onlinewebfonts.com/t/b4e4280eacbbd2ed88862d648b0b1f2f.eot");
    src: url("//db.onlinewebfonts.com/t/b4e4280eacbbd2ed88862d648b0b1f2f.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/b4e4280eacbbd2ed88862d648b0b1f2f.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/b4e4280eacbbd2ed88862d648b0b1f2f.woff") format("woff"), url("//db.onlinewebfonts.com/t/b4e4280eacbbd2ed88862d648b0b1f2f.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/b4e4280eacbbd2ed88862d648b0b1f2f.svg#Proxima Nova Soft") format("svg");
} body, html, input, select {
    border: 0;
    margin: 0;
    padding: 0;
    font-family: 'Proxima Nova Soft', 'Helvetica Neue', sans-serif;
} ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-family: 'Proxima Nova Soft', 'Helvetica Neue', sans-serif;
} ::-moz-placeholder { /* Firefox 19+ */
    font-family: 'Proxima Nova Soft', 'Helvetica Neue', sans-serif;
} :-ms-input-placeholder { /* IE 10+ */
    font-family: 'Proxima Nova Soft', 'Helvetica Neue', sans-serif;
} :-moz-placeholder { /* Firefox 18- */
    font-family: 'Proxima Nova Soft', 'Helvetica Neue', sans-serif;
} .primColor1 {
    background-color: var(--oro_elementa);
} body {
    background-color: var(--bia_elementa);
}
/*input*/
.inputMain {
    height: 50px;
    width: calc(100% - 4px);
    border-radius: 11px;
    margin-bottom: 15px;
    background-color: #fff;
    color: var(--blk_elementa);
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);
    font-weight: 500;
    border: 2px solid var(--bbv_elementa);
    display: inline-block !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    text-align: center;
    font-size: 23px;
} 

.inputMain:focus {
        outline: none;
        box-shadow: 0 0 0 2pt var(--vrd_elementa);
} 
select.inputMain:focus {
        box-shadow: none;
} 
  
  .inputMain#cerca{
        margin:0;
    } .selectMain {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    height: 56px;
    padding-left: 10px;
} .inpt {
    font-size: 25px;
    color: var(--bia_elementa);
    margin-bottom: 4px;
    display: block;
}
.btnPrim {
    position: relative;
    background: #d9d098;
    height: 45px;
    width: 80px;
    border-radius: 11px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    user-select: none;
    transition: transform 100ms ease-in-out;
}
.sellynyo {
    cursor: pointer;
    user-select: none;
    transition: transform 100ms ease-in-out;
}
.btnBrown {
    background-color: var(--oro_elementa);
    text-align: center;
    font-size: 30px;
    color: var(--ves_elementa);
    cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 50ms ease-in-out;
    user-select: none;
} .btnBrown span{
    margin: 0 auto;
} .trasp.raddown.contBot.dflex>.btnBrown {
    width:100%
} .btnPrim:active, .btnBrown:active,.sellynyo:active {
    transform: scale(0.9);
} .wrapCheck{
    display: flex;
    margin: 0 auto;
} .wrapCheck .inpt {
        margin-right: 10px;
    } .wrapCerDip {
    position: relative;
    width: 100%;
} .wrapCerDip img {
        height: 76px;
        top: -10px;
        right: -28px;
        position: absolute;
        display: none;
    }
/* Layout */
#footerCont {
    position: fixed;
    z-index: 99;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 50px;
    background: var(--oro_elementa);
} #headerCont {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    height: 150px;
    background: var(--oro_elementa);
}
    #headerCont:not(.MMMM) {
        height: 90px;
        display: flex;
        align-items: center;
    }

  #headerCont img {
    height: 100%;
} #navBarra {
    background: var(--bej_elementa);
    position: absolute;
    height: 60px;
    right: 15px;
    bottom: 15px;
    border-radius: 20px 3px;
} #listaNav {
    line-height: 47px;
    margin: 0;
    padding: 0;
    text-align: center;
    display: flex;
    align-items: center;
    height: 100%;
    font-size: x-large;
}
.RigaNav {
    display: inline-flex;
    margin: 0 auto;
    cursor: pointer;
    height: 47px;
    min-width: 71px;
    border-radius: 3px;
    user-select: none;
    position: relative;
    margin-left: 7px;
}
    .RigaNav > a {
        display: flex;
        margin: 0 auto;
        padding: 0 10px 0 10px;
        text-decoration: none;
        color: var(--ves_elementa);
    } .RigaNav > a:visited {
            color: var(--ves_elementa);
        } .RigaNav.active {
        background-color: var(--vrd_elementa);
    } .RigaNav.active > a {
        color:whitesmoke;
    } .RigaNav.spazz {
        cursor:default;
        background-color: var(--oro_elementa);
        min-width: 5px !important;
        width: 5px !important;
    } .RigaNav:first-child {
        border-radius: 13px 3px 3px 3px;
        margin-left: 7px;
    } .RigaNav:last-child {
        border-radius: 3px 3px 13px 3px;
        margin-right: 7px;
    } .RigaNav:active, .drpDwnMagazz > div.row:active {
        background-color: var(--vrd_elementa);
    } #logOutBtn {
    position: relative;
    left: 24px;
    line-height: 49px;
}
.RigaNav > a .fas.fa-sort-down {
    margin-left: 6px;
}
.fas.fa-sort-down {
    padding-top: 8px;
} main {
    height: calc(100vh - 200px);
    padding-top: 150px;
    padding-bottom: 50px;
    width: 100%;
}
    main:not(.MMMM) {
        padding-top: 90px;
        height: calc(100vh - 125px);
        padding-bottom: 35px;
    }
.colAR:not(.MMMM) {
    right: 10px;
    top: 100px;
   
}
    .colAR:not(.MMMM):before {
        content: "";
        border: solid transparent;
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-bottom-color: rgb(109, 112, 177);
        border-width: 18px;
        top: -36px;
        right: 96px;
        opacity: 0;
        transition: opacity 100ms ease-in-out;
    }

    .colAR:not(.MMMM):not(.shp) {
        overflow: unset;
        border-radius: 20px;
    }
        .colAR:not(.MMMM):not(.shp):before {
            opacity: 1;
        }
.hProddy {
   height: calc(100% - 154px);
}.hProddy.thin {
    height: calc(100% - 213px);
}
/*Login*/
.rowLogin {
    margin-top: 24px !important;
} .rowMasterLogin {
    left: 0;
    width: 100%;
} .containerLoginM {
    display: flex;
    align-items: center;
    width: 100% !important;
    position: absolute !important;
    top: calc(50% - 130px);
} .colStyle {
    border-radius: 20px 3px;
    padding: 10px;
    box-shadow: 0 2px 9px rgba(36,36,36,.6);
    position: relative;
    overflow: hidden;
} .colLogin {
    width: 500px;
    height: 260px;
    margin: 0 auto;
    position: relative;
    min-height: 1px;
    -webkit-transition: height 400ms !important;
    transition: height 400ms !important;
    padding: 15px;
} #LoginContent {
    display: flex;
    flex-wrap: wrap;
} #LoginContent .inputMain {
        border-color: transparent;
    } .entraAbs {
    position: absolute;
    bottom: 15px;
    right: 110px;
} .resetAbs {
    position: absolute;
    bottom: 15px;
    right: 15px;
} .contRimCon {
    display: flex;
    align-items: center;
    margin-top: 16px;
} .contRimCon span {
    font-size: 16px;
    margin-left: 6px;
    color: var(--bia_elementa);
} #loadGif, #vuoto {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #8fb125;
    z-index: 1;
    /*top: calc(50% - 50px);
    left: calc(50% - 50px);*/
} .babby {
    height: 70px;
    width: 70px;
    display: flex;
    justify-content: center;
    margin-right: 10px;
    background-color: var(--bia_elementa);
    border-radius: 100%;
    transition: transform 100ms ease-in-out;
    cursor: pointer;
} .babby:nth-child(2) {
    margin-left: auto;
} .babby i {
        font-size: 40px;
        color: var(--oro_elementa);
        display: flex;
        align-items: center;
    } .babby.toow {
  right: 90px;
 } .babby:active {
       transform: scale(0.9);
    } #loadGif{
        z-index: 3;
    } #loadGif > #contGif, #masterone > #contGif {
        background-color: var(--bia_elementa);
        border-radius: 100%;
        width: 100px;
        position: absolute;
        top: calc(50% - 50px);
        left: calc(50% - 50px);
    } #loadGif > #contGif img, #masterone > #contGif img {
            height: 100px;
            width: 100px;
        } #loadGif span{
        width: 430px;
        height: 34px;
        font-size: 25px;
        display: block;
        position: absolute;
        left: calc(50% - 215px);
        top: calc(50% - 17px);
        text-align: center;
        display: none;
    }
    /*Menu*/
    .masterBtn {
    width: 550px;
    background-color: #8aaf3b;
    color: white;
    height: 425px;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-radius: 20px 3px;
    user-select: none;
    margin: 10px;
    transition: transform 150ms ease-in-out;
} .masterBtn:active {
        transform: scale(0.9);
    } .masterBtn:hover {
        color: #8aaf3b;
        background-color: var(--oro_elementa);
    }
.contBorMast {
    display: flex;
    align-items: center;
    padding: 10px;
    width: calc(100% - 20px);
} .masterBtn > span {
    font-size: 100px;
}
    /* Toggle Flat */
    .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: 60px;
            height: 30px;
            position: relative;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        } .tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
                position: relative;
                display: block;
                content: "";
                width: 18px;
                height: 18px;
            } .tgl + .tgl-btn:after {
                left: 0;
            } .tgl + .tgl-btn:before {
                display: none;
            } .tgl-flat + .tgl-btn {
    padding: 4px;
    transition: all .2s ease;
    background: var(--oro_elementa);
    border: 2px solid var(--bia_elementa);
    border-radius: 30px;
} .tgl-flat + .tgl-btn:after {
        transition: all .2s ease;
        background: var(--bia_elementa);
        content: "";
        border-radius: 100%;
    } .tgl-flat:checked + .tgl-btn {
    border: 2px solid var(--vrd_elementa);
    background: var(--bia_elementa);
} .tgl-flat:checked + .tgl-btn:after {
        left: 30px;
        background: var(--vrd_elementa);
    }
    /* gestione utenti */
    .contUte {
    overflow: hidden;
    /*position: relative;*/
} .contUte.proddi, .contUte.ric, .contUte.ricbis {
        height: calc(100% - 67px);
    } .contUte.for {
        height: calc(100% - 440px);
    } .contUte.ute {
        height: calc(100% - 268px);
    } .contBot{
    height:50px;
} .ListRicerca {
    position: relative;
    overflow-x: hidden;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    height: 100%;
    /*width: calc( 100% + 50px);*/
} #listap, #listar {
    margin: 0;
    padding: 0;
    /*width: calc( 100% - 57px);*/
} #dataContRis{
    display:flex;
    align-items:center;
} #contRis {
    width: 100%;
    height: 100%;
    border-bottom-right-radius: 20px;
    overflow-x: hidden;
    overflow-y: scroll;
} .itemsRicerca {
    color: #363636;
    font-weight: 500;
    padding: 10px;
    background-color: var(--bjc_elementa);
    border: 2px solid var(--bbv_elementa);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    margin-bottom: 5px;
    margin-right: 5px;
    border-radius: 8px;
    user-select: none;
    transition: transform 50ms ease-in-out;
    cursor: pointer;
} .itemsRicerca:active {
    transform: scale(0.97);
} .sel {
    border: 2px solid var(--bia_elementa);
    color: var(--bia_elementa);
    background-color: var(--oro_elementa);
} .cntrH{
    text-align:center;
} #dipeAssocia{
    margin: 0 10%;
} #bottUtentiDX{
    display:inline-flex;
} .btnGroup{
    display:flex;
} .btnGroup .btlLine:first-child {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        margin-right: -1px;
    } .btnGroup .btlLine:last-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        margin-left: -1px;
    } .btlLine {
    display: flex !important;
    width: 100%;
    margin: 0;
    box-shadow: none;
    cursor: pointer;
    transition: transform 50ms ease-in-out;
} .btlLine span{
    margin: 0 auto;
    user-select: none;
} .btlLine.active {
        background-color: var(--vrd_elementa);
        color: white;
    } .btlLine:hover {
        background-color: var(--vrd_elementa);
    } .btlLine:active {
        transform: scale(0.9);
    }
#selMagPerResp, #selCategPerResp {
    border-radius: 10px 0 0 10px;
    padding: 0px 12px;
    background-color: var(--bia_elementa);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.20);
    width: 50%;
    font-size: 18px;
    border: 2px solid var(--bbv_elementa);
}
    #selMagPerResp:focus, #selCategPerResp:focus {
        outline: none;
    }

    #selMagPerResp ~ .btnBrown, #selCategPerResp ~ .btnBrown {
        border-radius: 0 10px 10px 0;
        background-color: var(--oro_elementa) !important;
        color: var(--bia_elementa);
        display: flex;
        align-items: center;
        height: 50px;
        padding-right: 15px;
        padding-left: 15px;
        cursor: pointer;
        font-size: 20px;
        transition: transform 50ms ease-in-out;
        background-color: var(--bia_elementa);
        box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.20);
        margin-left: 5px;
        border: 2px solid var(--bia_elementa);
    }
        #selMagPerResp ~ .btnBrown:before, #selCategPerResp ~ .btnBrown:before {
            font-family: 'Font Awesome 5 Pro';
            content: "\f00c";
            margin-right: 5px;
        }
/*@media screen and (max-width: 768px) {
    .ListRicerca {
        padding: 8px 67px 10px 10px;
        -webkit-overflow-scrolling: touch;
    }
}*/
.RigaNavDrop input[type="checkbox"] {
    position: absolute;
    -webkit-appearance: none;
    width: 100%;
    height: 100%;
    z-index: 2;
    outline: none;
    border: 0 !important;
    padding: 0 !important;
}
    /*.RigaNavDrop input[type="checkbox"]:checked ~ .drpDwnMagazz {
        display: block;
    }*/
    .RigaNavDrop:hover .drpDwnMagazz, .drpDwnMagazz:hover {
    display: flex;
}
.drpDwnMagazz {
    position: absolute;
    top: 45px;
    display: none;
    background-color: var(--bej_elementa);
    border: 2px solid var(--oro_elementa);
    flex-wrap: wrap;
    width: calc(100% - 4px);
}
.drpDwnMagazz > div.row {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
        padding: 5px;
    } .drpDwnMagazz > div.row > a {
            margin: 0 auto;
            line-height: 30px;
            text-decoration: none;
            color: var(--ves_elementa);
            width: 100%;
        } .drpDwnMagazz > div.row > a:visited {
            color: var(--ves_elementa);
        } .drpDwnMagazz > div.row.mezzo {
            border-top: 2px solid var(--oro_elementa);
            /*border-bottom: 2px solid var(--oro_elementa);*/
        }
    /*.drpDwnMagazz > div.row.mezzo:nth-child(2), .drpDwnMagazz > div.row.mezzo:last-child{
                border-bottom: 0px;
            }*/
    .drpDwnMagazz > div.row.active {
            background-color: var(--vrd_elementa);
        } .drpDwnMagazz > div.row.active > a{
            color:whitesmoke;
        } .RigaNav:hover, .drpDwnMagazz > div.row:hover {
            background-color: var(--oro_elementa);
            color: var(--vrd_elementa);
        } .RigaNav:hover>a, .drpDwnMagazz > div.row:hover >a {
            color: var(--vrd_elementa);
        } #datiBoxdxVB {
    padding: 15px 0 15px 0;
}
    /*fornitori*/
    .btnInterm {
    background-color: #fff;
    color: var(--blk_elementa);
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);
    font-weight: 500;
    border: 2px solid var(--bbv_elementa);
    height: calc(100% - 4px);
    display: flex;
    align-items: center;
    width: 100%;
    border-radius: 11px;
    cursor: pointer;
    transition: transform 100ms ease-in-out;
} .btnInterm:active {
        transform: scale(0.9);
    } .btnInterm span {
        margin: 0 auto;
        font-size: 15px;
    } .btnInterm i {
        position: relative;
        top: 1px;
        left: 0;
    } .dinamBtn i {
    margin: 0 auto;
} .divFixo {
    position: fixed;
    padding:15px;
    z-index: 100;
} #aggForniTip .inputMain {
    background-color: #ffff66;
    margin-bottom: 0 !important;
    width: calc(100% - 142px);
} .dinamBtn {
    background-color: #fff;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    position: relative;
    border: 2px solid var(--bbv_elementa);
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);
    color: var(--blk_elementa);
    font-size: 24px;
    cursor: pointer;
    transition: transform 50ms ease-in-out;
    position: relative;
} .dinamBtn i {
    margin: 0 auto;
} .dinamBtn:active {
    transform: scale(0.9);
} .dinamBtn img {
        position: absolute;
        width: 120px;
        right: -35px;
        display: none;
    } .wrapAddTipo{
    display: flex;
    align-items: center;
    width: 100%;
} .wrapAddTipo .selectMain {
        margin-bottom: 0;
        width: calc(100% - 69px);
    } #aggForniTip {
    position: absolute;
    /*top: calc(50% - 42px);*/
    left: calc(50% - 235px);
    width: 440px;
    display: none;
} .trasp.norad.contBot.fornit {
    display: flex;
    align-items: center;
    height: 37px;
}
    /*.trasp.norad.contBot.fornit > div {
        line-height: 34px;
        font-size: 30px;
        padding: 0 12px;
    }*/
    #selectForni{
    margin-bottom:0;
} #selectForni > option {
    margin-bottom: 0;
}
    /*#addTipFor {
    cursor: pointer;
    font-size: 30px;
}*/
    .txSX {
    text-align: left;
    padding-left: 5px;
    display: flex;
} .txSX i {
    background-color: var(--bjc_elementa);
    margin-left: auto;
    width: 38px;
    display: flex;
    border-radius: 100%;
    align-items: center;
    font-size: 20px;
    transition: transform 50ms ease-in-out;
} .txSX i:before {
    margin: 0 auto;
} .txSX i:active {
    transform: scale(0.9);
} #addMasterCat{
    cursor:pointer;
} .boxCateMasterProd {
    background-color: navajowhite;
    border: 2px solid brown;
    padding: 10px;
    margin-bottom: 10px;
    position: relative;
    margin-top: 18px;
    padding-top: 60px;
    margin-right: 5px;
} .boxCateProd {
    border: 2px solid black;
    background-color: rgba(51, 56, 153, 0.71);
    padding: 10px;
    margin-bottom: 40px;
    padding-top: 30px;
    position: relative;
} .boxProdFin {
    background-color: orangered;
    border: 2px solid red;
    padding: 10px;
    margin-bottom: 10px;
    position: relative;
} .boxCateMasterProd div:last-child, boxCateProd div:last-child {
    margin-bottom:0;
} .leggend {
    height: 32px;
    padding: 2px 10px;
    margin-bottom: 10px;
    position: absolute;
    border: 2px solid var(--bbv_elementa);
    background-color: var(--bjc_elementa);
    /*z-index: 99;*/
    top: -20px;
    color: var(--blk_elementa);
    display: flex;
    align-items: center;
    border-radius: 8px;
} .boxCateProd .leggend {
    background-color: rgb(243, 181, 106);
} .fornixNomm.disabix{
    cursor:pointer;
    transition: transform 50ms ease-in-out;
} .fornixNomm.disabix:active{
    cursor:pointer;
    transform: scale(0.9);
} .temp:not(.null) input {
    background-color: #acacff !important;
    border-radius: 6px;
}.temp input:focus {
    outline: none !important;
} .prodChiuso i {
    /*right: 50px;
    position: absolute;
    font-size: 20px;
    cursor: pointer;
    padding-top: 0px !important;*/
    font-size: 25px;
    height: 25px;
    width: 25px;
    cursor: pointer;
    transition: transform 50ms ease-in-out;
} .prodChiuso i:active {
       transform: scale(0.9);
    } .prodChiuso i.fa-sort-down, .prodChiuso i.fa-sort-up {
        padding-top: 0;
        margin-left: 10px;
    } .prodChiuso i.fa-sort-down:before, .prodChiuso i.fa-sort-up:before {
            position: relative;
        } .prodChiuso i.fa-sort-down:before {
            top: -5px;
        } .prodChiuso i.fa-sort-up:before {
            position: relative;
            top: 5px;
        } .prodChiuso .nomProd {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 21px;
} .intestazPrez {
    padding: 8px;
    background-color: gainsboro;
    border-bottom: 2px solid white;
} .intestazPrez span {
    margin-right: 5px;
}
.intestazDatt {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 2px solid white;
}.intestazDatt:last-child {
    border-bottom: 0;
}
    .intestazDatt div {
        display: inline-flex;
        vertical-align: middle;
        /*width: calc(25% - 40px);*/
        width: calc(20% - 26px);
        border-right: 2px solid white;
        /*border-bottom: 2px solid white;*/
        padding: 3px;
    } /*.intestazDatt div:last-child {
        border-right: 0;
    }*/ .intestazDatt:last-child div {
        border-bottom: 0;
    } .intestazDatt div span {
        display: block;
        text-align: center;
        width: 100%;
    } .intestazDatt.nomi {
        background-color: wheat;
    } .intestazDatt div.opzz {
    width: 18px;
    display: flex;
    align-items: center;
} .intestazDatt div.opzz:first-child {
        width: 58px;
    } .intestazDatt .opzz.cest {
        border-right:0;
    }

    .intestazDatt .puz {
        border-top: 2px solid white;
        width: calc(50% - 53px);
        margin-left: 64px;
        border-left: 2px solid white;
    }
    .intestazDatt .puz input {
        background-color: gainsboro;
    }
        .intestazDatt .puz:before {
            content: "Codice:";
            position: relative;
            margin-right: 5px;
            height: 100%;
        }
        .intestazDatt .puz:last-child {
            margin-left: 0;
            border-left: 0;
        }
            .intestazDatt .puz:last-child:before {
                content: "Descrizione:";
            } 


  
  .intestazDatt div.opzz i {
           margin: 0 auto;
           font-size: 14px;
           position: relative;
        } .intestazDatt div.opzz i:before {
                z-index: 2;
                position: relative;
            } .intestazDatt div.opzz i:after, .intestazPrez i:after, .bottCont.dx i:after {
            position: absolute;
            content: '';
            background-color: rgba(255,255,255, 0.6);
            width: 30px;
            height: 30px;
            border-radius: 100%;
            left: -9px;
            top: -8px;
            transition: all 50ms linear;
            transform: scale(0);
            z-index: 1;
        } .intestazPrez i:after, .bottCont.dx i:after {
                left: -8px;
                top: -7px;
            } .intestazDatt div.opzz i:active:after, .intestazPrez i:active:after, .bottCont.dx i:active:after {
                transform: scale(1);
            } .intestazDatt div input {
        /*width: 92%;
            margin: 0 auto;*/
        background: transparent;
        font-size: 15px;
        font-weight: 500;
        opacity: 1;
        text-align: center;
        width: 100%;
    } .prezzoProdRiga{
    background-color:blueviolet;
} .prezzoProdRiga.main {
    background-color: yellow;
} .prezzoProdRiga.main .fa-crown {
        pointer-events: none;
        opacity: 0.6;
    } .intestazDatt.prezzoProdRiga.temp {
    background-color: #defffd;
}
.prezzoProdRiga .qtamin{
    background-color: gainsboro;
}
/*.modPrzCar .intestazDatt div:first-child, .modPrzCar .intestazDatt div:last-child {
    display: none;
}*/
.modPrzCar {
    display: none;
    padding: 2px;
    border-radius: 12px !important;
    top: 30%;
    width: 800px;
    left: calc(50% - 400px);
} 
/*.modPrzCar .intestazDatt div.opzz:first-child {
        width: 20px;
    }*/ 

.prezziProdDettBox {
    margin-top:10px;
    border-radius: 10px;
    overflow: hidden;
} .modPrzCar .prezziProdDettBox {
    margin-top: 0;
} .modPrzCar .intestazPrez {
    display: flex;
} .modPrzCar .intestazPrez span:last-child {
        display: flex;
        margin-left: auto;
        margin-right: 5px;
    } .prezzoMainBox span, #boxTot div, .badge8, .inforMag strong {
    background-color: var(--bia_elementa);
    display: block;
    line-height: 25px;
    padding-right: 6px;
    padding-left: 6px;
    border-radius: 8px;
    /* 28 Ago */
    min-width: 13px;
    text-align: center;
} .prezzoMainBox span:empty {
    display:none;
} .prezzoMainBox span:after, #boxTot div:after, .totOSup:after, .ivviAf::after {
        font-family: 'Font Awesome 5 Pro';
        content: "\f153";
        margin-left: 3px;
        font-size: 15px;
    } .ivviAf::after {
    content: "\f295";
} .catMaster i, .cat i {
    font-size: 30px;
    height: 30px;
    width: 30px;
    text-align: center;
    cursor: pointer;
    transition: transform 50ms ease-in-out;
} .catMaster i:active, .cat i:active {
        transform: scale(0.9);
    } .catMaster:active, .cat:active {
    transform: unset !important;
}
    /*.catMaster i:first-child, .cat i:first-child {
    text-align: left;
}*/
    .catMaster .fa-square, .cat .fa-square {
    margin-left: auto;
    margin-right: 6px;
    display: flex;
    position: relative;
    align-items: center;
}
.nomLIm {
    font-size: 20px;
    margin-left: 8px;
    width: calc(100% - 45px);
} .fas.fa-square:after {
    content: '\f00c';
    position: absolute;
    left: 0;
    color: var(--bjc_elementa);
    font-size: 17px;
    margin-left: 4px;
} .prodCMM .norad{
    border-radius: 8px;
} .prodCMM .righePrezzi {
    border: 2px solid white;
    border-radius: 11px;
    overflow: hidden;
} .sotCarrl{
    padding-bottom: 22px;
}
    /*.sotCarrl.MMMM {
    padding-bottom: 15px;
}*/
    .wow{
    animation: wow 200ms ease-in-out;
} @keyframes wow{
    0%{ transform: scale(1)}
    50%{ transform: scale(2)}
    100%{ transform: scale(1)}
} /*.contBottRichi{
    width: 1000px;
}*/
.prvv, .toggleRiki {
    background-color: rgba(51, 56, 153, 0.71);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
} .prvv i{
    float: left;
} .prvv.shp i{
    float: unset;
} .prvv .sotCarrl {
    display: flex;
    align-items: center;
    height: 35px;
} .prvv #boxTot {
    display: flex;
    flex-wrap: wrap;
    margin-left: 10px;
}.prvv #boxTot div{
    display: flex;
}
        .prvv:not(.shp) #boxTot div {
            font-size: 16px !important;
        } 
.prvv.shp #boxTot {
    margin-left: 0;
} .prvv.shp .sotCarrl.MMMM {
    display: block;
    height: 50px;
} #boxTot span, #boxTot div{
   margin: 0 auto;
   margin-top:2px;
   margin-bottom: 2px;
} .prvv.shp #boxIva, .prvv.shp #boxTotIva {
  display: none;
} .prvv #boxTot span, .prvv #boxIva span, .prvv #boxTotIva span {
    padding-top: 2px;
    margin-right: 8px;
} .prvv.shp #boxTot span {
    padding-top: 0;
    margin-right: auto;
} #listapp[idrikki=''] ~ .contBottRichi #salvia_car {
    /*background-color: red !important;*/
} .contBottRichi {
    display: flex;
    width: 40%;
    position: absolute;
    left: calc(var(--w_car) / 2 - 20%);
} .prvv.MMMM .contBottRichi {
    width: calc(100% - 20px);
    left: 10px;
} .prvv.MMMM #listapp[idrikki=''] ~ .contBottRichi {
    width: 60%;
    left: calc(var(--w_car) / 2 - 30%);
} .contBottRichi .btnInterm{
    height: 34px;
    padding:0;
} .contBottRichi .btnInterm span{
    display: flex;
} .contBottRichi .btnInterm span i {
        margin-top: -1px;
        margin-left: 4px;
    } .toggleRiki {
    position: fixed;
    right: 15px;
    top: 0;
    z-index: 100;
    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: none;
} .toggleRiki span {
        margin-left: 8px;
        margin-right: 3px;
    } .contUte.ric .fa-square {
    margin-right: -3px;
} .badge {
    background-color: #75a8ff;
    border-radius: 32px;
    box-shadow: 0 1px 8px -2px rgba(36,36,36,.25);
    min-width: 10px;
    padding: 3px 8px;
    display: table;
    margin: 0 auto;
} #listar li{
    display: flex;
    align-items: center;
} .itemsRicerca.rikirik {
    cursor: pointer;
    flex-wrap: wrap;
    /*background-color: #bec0fb;*/
} .rikirik label{
    margin-top:10px;
    display: flex;
    line-height: 25px;
} .rikirik .contu {
    padding-right: 10px;
    min-width: 226px;
} .rikirik label:first-child{
    margin-top:0;
    max-width: 212px;
} .rikirik label strong {
        margin-right: 10px;
        margin-left: 5px;
        text-transform: capitalize;
    } .rikirik label strong:first-child {
            margin-left: 0;
        } .rikirik label strong:only-child {
            margin: 0;
            background-color: #ffff66;
        } .rikirik[stato = '1']{

} .rikirik[stato = '2'] {
} .rikirik[stato = '3'] {
    background-color: #8def6b;
} .sellariki {
    border-color: rgba(51, 56, 153, 0.71);
    box-shadow: inset 0 0 0 2px rgba(51, 56, 153, 0.71);
}
    /* Box Messaggi */
    .colStyleMM {
    border-radius: 20px;
    background-color: rgb(249, 253, 255);
    box-shadow: 0 2px 9px rgba(36,36,36,.6);
    /*border: 2px solid #0071BC;*/
    margin-bottom: 15px;
    overflow: hidden;
} #mexLateral {
    height: 55px;
    min-width: 250px;
    max-width: 320px;
    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: 75px;
    left: -400px;
    padding: 5px 25px 5px 25px;
    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: 18px;
        display: flex;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: inline-block;
        padding-bottom: 2px;
    }
        #mexLateral div i {
            margin: 0 10px;
            font-size: 22px;
            position: relative;
            top: 3px;
        } 
    .boxAlerz {
    position: fixed;
    width: 500px;
    height: 150px;
    top: calc(50% - 80px);
    left: calc(50% - 250px);
    z-index: 1200;
    display: none;
} #com {
    background-color: #88c2e8;
    border: 6px solid #095f98;
} .com_thin {
    height: 110px !important;
    font-weight: 500 !important;
    top: calc(50% - 105px);
} .com_thin .colAlertArea {
        margin-top: 15px !important;
    } #attenzione {
    background-color: #ff4d4d;
    border: 6px solid #800000;
} #attenzione .boxTitAlerz span, #attenzione .boxTxtAlerz span {
        color: #800000;
    } #conferma {
    background-color: #70db70;
    border: 6px solid #196619;
} #conferma .boxTitAlerz span, #conferma .boxTxtAlerz span {
        color: #196619;
    } #oops {
    background-color: #ffdb4d;
    border: 6px solid #997a00;
} #oops .boxTitAlerz span, #oops .boxTxtAlerz span {
        color: #997a00;
    } .boxImgAlerz {
    height: 130px;
    width: 130px;
    position: absolute;
    padding: 10px;
} .boxImgAlerz img {
        height: 128px;
        width: 128px;
    } .contTxtAlerz {
    height: 148px;
    width: 348px;
    position: absolute;
    top: 0;
    right: 0;
} .boxTitAlerz {
    height: 50px;
    width: 325px;
} .boxTitAlerz span {
        font-size: 42px !important;
        font-weight: 900;
        position: relative;
        display: block;
        top: 0px;
        left: 0px;
        padding-left: 20px;
        width: 300px;
    } .boxTxtAlerz {
    height: 90px;
    width: 333px;
    display: flex;
    align-items: center;
} .boxTxtAlerz span {
        display: block;
        width: 290px;
        margin: auto;
        font-weight: 600;
        font-size: 20px !important;
    } .closeX {
    position: absolute;
    right: 9px;
    top: 5px;
    font-size: 36px;
    transition: transform 50ms ease-in-out;
} .closeX:active {
   transform: scale(0.9);
} .colAlertTitle {
    text-align: center;
    font-size: 35px;
    font-weight: 700;
    color: #095f98;
} .colAlertArea {
    text-align: center;
    font-size: 19px;
    color: #095f98;
} @media screen and (max-width: 560px) {
    .boxAlerz {
        width: 300px;
        height: 170px;
        top: calc(50% - 150px);
        left: calc(50% - 150px);
    }

    .boxImgAlerz {
        height: 70px;
        width: 70px;
        position: absolute;
        padding: 7px;
    }

        .boxImgAlerz img {
            height: 56px;
            width: 56px;
        }

    .contTxtAlerz {
        position: relative;
        top: 8px;
        height: 150px;
        width: 288px;
    }

    .boxTitAlerz {
        width: 288px;
    }

        .boxTitAlerz span {
            width: 185px;
            text-align: center;
            font-size: 32px !important;
            top: 0;
            margin: auto;
        }

    .boxTxtAlerz {
        height: 100px;
        width: 288px;
    }

        .boxTxtAlerz span {
            width: 255px;
            text-align: center;
        }

    .colAlertTitle {
        font-size: 25px;
    }

    .colAlertArea {
        margin-top: 20px;
        font-size: 16px;
    }
} .comunzTexz {
    display: flex;
    align-items: center;
    position: relative;
    height: 108px;
} .colAR .closss {
    margin: 5px;
    font-size: 30px;
} .listCarr {
    padding: 0;
    margin: 0;
    width: 500px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    max-height: 415px;
    overflow: auto;
    padding-top: 0;

} .listCarr.MMMM {
    width: 1000px;
    padding-top:20px;
} .ui-draggable-dragging i{
    pointer-events: none;
}.ui-draggable-dragging{
    transition: none !important;
} .listCarr li {
        display: flex;
        margin-bottom: 15px;
        max-height: 48px;
 } .listCarr.MMMM li {
    margin-bottom: 30px;
 } .listCarr li:first-child {
        
  } .listCarr li:last-child {
            margin-bottom: 0;
        } .listCarr .contsti {
        display: flex;
        position:relative;
        align-content: center;
        background-color: var(--bjc_elementa);
        padding: 8px;
        border-radius: 48px;
        /*box-shadow: 0 1px 4px 0 rgba(36,36,36,.4);*/
        box-shadow: 0 1px 8px -2px rgba(36,36,36,.4);
        margin-right: 8px;
    } .listCarr.MMMM .contsti:not(.opx) {
    border-radius: 10px 24px 24px;
} .listCarr:not(.MMMM) .contsti:not(.opx) {
    min-width: 300px;
} .listCarr:not(.MMMM) .contsti:not(.opx) .contAUcar {
        margin-left: auto;
    } .listCarr .null .contsti {
    /*sfondo diverso per prodotto non inserito*/
    background-color: #90a5ff;
} .listCarr .contsti:last-child {
        margin-right: 0;
    } .listCarr .contsti.opx {
            width: 32px;
            background-color: var(--bia_elementa);
            cursor: pointer;
        } .listCarr .contsti.opx i {
                font-size: 20px;
                margin: 0 auto;
                display: flex;
                align-items: center;
            }
.colAR .sti, .proddoMaggy .sti, .contoProddYo .Rigo .sti, .wrapPiuMen {
    display: flex;
    background-color: var(--bia_elementa);
    align-content: center;
    border-radius: 24px;
    box-shadow: 0 1px 8px -2px rgba(36,36,36,.25);
    margin-right: 8px;
    min-width: 10px;
    z-index: 2;
}
    .colAR .sti:last-child, .colAR .sti.nomar, .wrapPiuMen:last-child {
        margin-right: 0;
    } .contAUcar {
    padding: 5px;
} .contAUcar i {
        background-color: var(--bjc_elementa);
        width: 22px;
        height: 22px;
        display: flex;
        align-items: center;
        cursor: pointer;
    } .contAUcar i:before{
   margin: 0 auto;
   font-size: 14px;
} .contAUcar i:active, .contsti.opx:active {
            transform: scale(0.9);
        } .contAUcar i:first-child{
  border-top-left-radius: 100%;
  border-bottom-left-radius: 100%;
} .contAUcar i:last-child{
  border-top-right-radius: 100%;
  border-bottom-right-radius: 100%;
} .contAUcar input {
        width: 40px;
        text-align: center;
        padding-top: 1px;
        user-select: none;
        background-color: #fff;
        font-size: 16px;
    } .contAUcar input:focus {
            outline: 2px solid #aad32c;
            box-shadow: none;
        } .prezzCar, .ggA_span, .nn_span, .toot_span {
    padding: 6px 10px 5px 10px;
    user-select: none;
} .prezzCar{
    cursor: pointer;
} .prezzCar:active {
        transform: scale(0.9);
    } .nn_span.sti, .desrz.sti {
    box-shadow: none;
    background-color: transparent;
} .desrz {
    padding: 6px 10px 5px 5px;
    user-select: none;
} .desrz i:before, .toot_span i:before {
        font-size: 13px;
        margin-right: 4px;
    } .dot {
    margin-right: 8px;
    display: flex;
    color: var(--blk_elementa);
    align-items: center;
} .sottMast{
          z-index:80!important;
      } .errorInsert, .temp:not(.null) input.errorInsert {
    background-color: #ff7777 !important;
    border-color: #a50101;
}
    /*Ordini*/
    .ordoRig {
    min-height: 40px;
    padding: 10px;
    background-color: rgba(51, 56, 153, 0.71);
    border: 2px solid var(--blk_elementa);
    border-radius: 15px;
    margin-bottom: 10px;
    margin-right: 5px;
} .f4everAlone {
    width: 100%;
    margin-top: 10px;
    display: flex;
} .ssu .f4everAlone label {
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 0;
    padding: 0;
} .ssu .f4everAlone label:first-child {
    text-align: left;
    padding-left: 10px;
} .ssu .f4everAlone label:last-child {
        text-align: right;
        padding-right: 10px;
    } .ssu .f4everAlone label strong{
    margin-left: 10px;
} .ssu {
    display: flex;
} .giu {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 2px solid var(--blk_elementa);
} .ssu .contBotRig {
        display: flex;
        height: 100%;
    } .ordoRig.full .ssu .contBotRig {
        height: unset;
        padding-bottom: 10px;
    } .ssu .btnInterm {
        padding: 5px;
        margin-right: 10px;
        display: block;
        width: 24%;
        display: inline-block;
        border-radius: 9px;
    } .ssu .btnInterm:last-child {
        margin-right: 0;
    } .ssu .btnInterm i {
            top: unset;
            margin: 0 auto;
            font-size: 20px;
        }
        .ssu .btnInterm span {
            font-size: 12px;
            display: block;
            text-align: center;
            margin-top: 3px;
        } .ssu label {
        width: calc(50% - 20px);
        margin-top: 10px;
        text-align: left;
        padding-left: 10px;
        display: flex;
        align-items: center;
        padding-right: 10px;
        line-height: 25px;
    } .ssu label:nth-child(2) {
        margin-top: 0;
    } .ssu label:first-child {
            margin-top: 0;
        } .ssu label strong {
            display: inline-block;
            margin-left: auto;
        } .statow, .aprol {
    width: 105px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
} .statow .badge8 {
        width: 100%;
        box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);
    } .ordoRig.full .statow .badge8 {
        margin-bottom: 10px;
    } .aprol {
    background-color:transparent;
    width: 40px;
    margin-left: 10px;
} .aprol i {
        background-color: #add;
        width: 40px;
        height: 40px;
        padding: 0 !important;
        border-radius: 100%;
        font-size: 25px;
        transition: transform 100ms ease-in-out;
        box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);
    }
    .aprol i.ct {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 19px;
    } 
        .aprol i:active {
        transform: scale(0.95);
    } .aprol .fa-sort-down:before {
        top: 3px;
        position: relative;
    } .aprol .fa-info:before {
        top: 7px;
        left:1px;
        position: relative;
    } .aprol .fa-sort-up:before {
        position: relative;
        top: 12px;
    }
        .aprol i.loady, i.loady {
            display: flex;
            align-items: center;
        }
            .aprol i.loady:before, i.loady:before {
                content: "\f3f4";
                margin: 0 auto;
                font-size: 20px;
                top: 0;
                animation: spin 800ms linear infinite;
            }
.infin i.loady:before {
    font-size: 16px;
}
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
} .detgg {
    border-left: 2px solid var(--blk_elementa);
    border-right: 2px solid var(--blk_elementa);
    margin-right: 10px;
    margin-left: 10px;
    display: flex;
    flex-wrap: wrap;
} .ordoRig.full .detgg {
    width: calc(70% + 20px);
} .ordoRig:not(.full) .opzyyz {
    max-width: 106px;
} .ordoRig.full .opzyyz {
    padding-right: 10px;
    border-right: 2px solid var(--blk_elementa);
} .opzyyz label {
    width: 100%;
    text-align: center;
    padding: 0;
    display: block;
} .opzyyz label strong{
    margin-left: 5px;
}
.statow .wrappStat {
    background-color: #add;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 8px 10px 8px 10px;
    border-radius: 11px;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);
} .statow i {
    font-size: 23px;
    margin: 0 auto;
    width: 100%;
} .statow span {
    font-size: 16px;
    margin: 0 auto;
    margin-top: 5px;
} .btnMultiSel {
    background-color: var(--bej_elementa);
    display: flex;
    border-radius: 11px;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);
} .btnMultiSel .descz {
        display: flex;
        align-items: center;
        padding: 9px;
        padding-left: 10px;
        border-right: 2px solid var(--blk_elementa);
    } .btnMultiSel .vaizz {
        display: flex;
        align-items: center;
        width: 35px;
        transition: transform 100ms ease-in-out;
        cursor: pointer;
    } .btnMultiSel .vaizz i {
            margin: 0 auto;
        } .btnMultiSel .vaizz:active {
            transform: scale(0.95);
        } .noapperance {
    -webkit-appearance: none;
    z-index: 2;
    cursor: pointer;
    position: relative;
    top: 0;
    width: 100%;
    height: 100%;
    padding-left: 10px;
    font-size: 16px;
} .noapperance:focus {
        outline: none;
    } .wrapSelect {
    position: relative;
    border-right: 2px solid var(--blk_elementa);
    width: 95px;
} .wrapSelect:after {
        font-family: 'Font Awesome 5 Pro';
        content: "\f078";
        position: absolute;
        top: 9px;
        right: 10px;
        z-index: 3;
        font-weight: 600;
    } .dettggPlus {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-top: 10px;
} .dettggPlus:empty {
        display: none;
    } .faSStato {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
} .ordoRig.new .spanStin:after {
    content: "Nuovo";
} .ordoRig.mod .spanStin:after{
    content: "Modificato";
} .ordoRig.inv .spanStin:after {
    content: "Inviato";
} .ordoRig.arr .spanStin:after {
    content: "Arrivato";
} .ordoRig.del .spanStin:after {
    content: "Eliminato";
} .ordoRig.rit .spanStin:after {
    content: "Ritardo";
} .ordoRig.nul .spanStin:after {
    content: "Annullato";
} .ordoRig.ach .spanStin:after {
    content: "Archiviato";
} .ordoRig.arr.parz .spanStin:after {
    content: "Arrivato Parziale";
} .ordoRig.inv.parz .spanStin:after {
    content: "Inviato Parziale";
} .ordoRig.new .faSStato:before {
    content: "\f0a3";
} .ordoRig.mod .faSStato:before {
    content: "\f14b";
} .ordoRig.inv .faSStato:before {
    content: "\f1d8";
} .ordoRig.arr .faSStato:before {
    content: "\f46c";
} .ordoRig.del .faSStato:before {
    content: "\f2ed";
} .ordoRig.rit .faSStato:before {
    content: "\f017";
} .ordoRig.nul .faSStato:before {
    content: "\f55a";
} .ordoRig.ach .faSStato:before {
    content: "\f65d";
}
    /* Colori */
    .ordoRig.rit {
    background-color: #f7cf46;
} .ordoRig.parz, .ordoRig.comply, .ordoRig.inv.scarP {
    background-color: lightgreen;
}
    /* End */
    /* Box uniti*/
    .ordoRig.princip {
    margin-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: seagreen;
    border-bottom: 0;
} .ordoRig.arr.parz:not(.princip):not(.comply), .ordoRig.ach.parz:not(.princip){
    margin-bottom: 0;
    border-radius: 0;
    border-top: 2px dashed var(--blk_elementa);
    border-bottom: 0;
} .ordoRig.comply, .ordoRig.inv.parz {
    margin-bottom: 10px !important;
    border-radius: 0 0 15px 15px !important;
    border-top: 2px dashed var(--blk_elementa) !important;
    border-bottom: 2px solid var(--blk_elementa) !important;
} .ordoRig.strunz {
    border-top: 2px solid var(--blk_elementa) !important;
    border-bottom: 2px solid var(--blk_elementa) !important;
    margin-bottom: 10px !important;
    border-radius: 15px !important;
}
    /* End */
    /* Bottone Singolo*/
    .ordoRig.del .btnInterm, .ordoRig.nul .btnInterm, .ordoRig.inv.parz .btnInterm, .ordoRig.arr.parz:not(.end) .btnInterm {
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
} .ordoRig.del .btnInterm span, .ordoRig.nul .btnInterm span, .ordoRig.inv.parz .btnInterm span, .ordoRig.arr.parz:not(.end) .btnInterm span {
        margin-right: auto;
        margin-left: 5px;
        font-size: 16px;
    } .ordoRig.del .btnInterm i, .ordoRig.nul .btnInterm i, .ordoRig.inv.parz .btnInterm i, .ordoRig.arr.parz:not(.end) .btnInterm i {
        margin-left: auto;
        margin-right: 5px;
    }
    /*End*/
    /* Due Bottoni */
    .ordoRig.inv .btnInterm, .ordoRig.rit .btnInterm, .ordoRig.mod .btnInterm, .ordoRig.arr .btnInterm, .ordoRig.arr.parz.end .btnInterm {
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 50%;
}
    /*End */
    .ordoRig.full.inv.parz .opzyyz {
    padding-top: 10px;
} .ordoRig.arr.parz .contBotRig:empty, .ordoRig.arr.comply .contBotRig:empty, .ordoRig.nul.comply .contBotRig:empty {
    padding-bottom: 25px;
} .ach .opzyyz .btnMultiSel, .ordoRig.arr.parz .contBotRig:empty ~ .btnMultiSel, .ordoRig.arr.comply .contBotRig:empty ~ .btnMultiSel, .ordoRig.nul.comply .contBotRig:empty ~ .btnMultiSel {
        height: 50px;
    } .ordoRig.arr .opzyyz {
    padding-top: 15px;
} .ordoRig:not(.new) .descz {
    display: flex;
    padding-top: 13px;
    padding-bottom: 13px;
} .ordoRig:not(.new) .wrapSelect:after {
    top: 16px;
} .ach .opzyyz {
    display: flex;
    align-items: center;
}
    /* Carico Bottoni */
.h90.conBtn {
    height: calc(100% - 162px);
}
/*.bboxBtnScary {
}*/
.confOrdCont {
    display: flex;
    margin-top: 5px;
    margin-bottom: 5px;
} .confOrdCont div {
        margin: 0 auto;
        width: 30%;
        height: 50px;
        padding-left: 15px;
        padding-right: 15px;
    } .confOrdCont div span {
            font-size: 25px;
        }
    /* Padding Box Stato */
    .ordoRig.mod .statow .wrappStat {
    padding: 8px 6px 8px 6px;
} .ordoRig.arr .statow .wrappStat, .ordoRig.ach .statow .wrappStat {
    padding: 23px 8px 23px 8px;
} .ordoRig.arr.parz .statow .wrappStat{
    padding: 14px 8px 13px 8px;
}
    /*End */
    /* Box Piccolo Scarico */
    .ordoRig:not(.full) .btnInterm {
    width: 100%;
    padding: 0;
} .ordoRig:not(.full) .btnInterm span {
    font-size: 16px;
} .ordoRig:not(.full) .statow .badge8 {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
}
    /* Righe */
    .rigaOrd {
    display: flex;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: rgba(255, 255, 255, 0.3);
    margin-bottom: 10px;
    border-radius: 9px;
} .rigaOrd:last-child {
    margin-bottom: 0;
} .rigaOrd > div {
        width: calc(25% - 80px);
        display: flex;
        padding-right: 5px;
        padding-left: 5px;
        border-right: 2px solid var(--blk_elementa);
    } .ordoRig.full .rigaOrd > div {
    align-items: center;
} .rigaOrd > div:nth-child(2) {
            width: 206px;
        } .rigaOrd > div .badge8 {
            margin-right: auto;
            margin-left: 6px;
            background-color: rgba(170, 221, 221, 0.63);
            max-height: 25px;
        } 
          
          .rigaOrd > div span {
            /*margin-top: 2px;*/
            margin-left: auto;
        } .rigaOrd > div.nom span {
            margin-right: auto;
        } .qqx input, .qqy input {
        width: 60px;
        text-align: center;
        box-shadow: 0 0 0 2px #ffff66;
        font-size: 16px;
    } .qqx input.disabb, .qqy input.disabb {
        box-shadow: none;
    } .qqx input:focus, .qqy input:focus {
        outline: none;
    } .qqy input.menno {
            background-color: #ff8b2d;
        }
    /* Riga Ordine Spezz*/
    .rigaOrd.cnfy > div:last-child{
    border-right: 0;
} .rigaOrd.cnfy > div:not(.bottCont) {
        width: calc(100% - 80px);
    } .rigaOrd.cnfy > div.ivaqa {
        width: 85px;
    }
    /* End */
.rigaOrd .bottCont {
    font-size: 10px;
    display: flex;
    align-items: center;
    width: 15px;
    min-width: 15px;
    margin: 0;
    border: 0 !important;
} .rigaOrd .bottCont.dx {
        font-size: 17px;
        width: 30px;
        margin-left: 5px;
        margin-right: 5px;
    } .rigaOrd .bottCont i{
    margin: 0 auto;
} #filterLeft {
    display: flex;
    position: absolute;
    top: 0;
    left: -1500px;
    width: 100%;
    background-color: transparent;
    height: 100%;
    z-index: 4;
    transition: opacity 133ms ease-in-out;
    opacity: 0;
} #filterLeft.visible {
        left: 0;
        opacity: 1;
    } #filterLeft > #TraspMastMez {
    background-color: rgba(0, 0, 0, .6);
    height: 100%;
    width: 80%;
} #filterLeft > #leftf {
        width: 66%;
        background-color: var(--vrd_elementa);
        height: 100%;
        display: flex;
        position: relative;
    } #filterCont, #selectti {
    margin-top: 125px;
    position: relative;
    width: 50%;
} #selectti {
    margin-right: 10px;
} #leftf .btnInterm {
    position: absolute;
    bottom: 15px;
    height: 30px;
    width: 120px;
    left: calc(50% - 72px);
    text-align: center;
    padding: 5px 10px;
    z-index: 5;
} #leftf .btnInterm span {
        margin-left: auto;
        margin-right: 5px;
    } #leftf .btnInterm i {
        margin-right: auto;
        margin-top: -3px;
    } #filterCont .sello {
        display: flex;
        margin: 5px 10px;
        background-color: var(--bej_elementa);
        height: 42px;
        border: 2px solid var(--ves_elementa);
        color: var(--blk_elementa);
        border-radius: 11px;
    
    } #filterCont .sello:nth-child(2){
      margin-top:0;
    } #filterCont .sello i {
            margin-right: 6px;
            font-size: 35px;
            display: flex;
            align-items: center;
        } #filterCont .sello i:after {
                left: 3px !important;
            } #filterCont .sello span {
            margin: auto;
            font-size: 30px;
        } .btnFilter {
    position: absolute;
    left: 20px;
    font-size: 30px;
    top: 19px;
    z-index: 3;
    transition: transform 100ms ease-in-out;
}
.btnFilter:active, .adaProd:active, .addaMinix > h1:active, .addaMinix .closeAP:active {
  transform: scale(0.9);
} 
.btnFilter.visible {
        font-size: 54px;
        left: 42%;
        top: 4px;
        z-index: 4;
    }
.btnTemp {
    display: flex;
    margin: 10px 24% 0;
   height: 40px;
   min-height: 40px;
}
    .btnTemp .btnInterm {
        padding: 0 !important;
    }

.min8 strong{
    display:unset;
    padding: 3px 6px;
}
#filterLeft input, #filterLeft select {
    background-color: var(--bej_elementa);
    height: 46px;
    margin-bottom: 11px;
} #filtrTitl {
    color: var(--bbv_elementa);
    position: absolute;
    width: 470px;
    text-align: center;
    margin-top: 45px;
    font-size: 45px;
    margin-bottom: 0;
} #leftf .inpt.mza{
    text-align:center;
    margin-bottom:0;
} .wraPnrord {
    position: absolute;
    display: flex;
    bottom: 88px;
    width: 244px;
    align-items: center;
    left: calc(50% - 122px);
} .wraPnrord span{
    display: inline-block;
    width: 50%;
    margin-right: 5px;
} .wraPnrord .inputMain {
        width: 50%;
        margin-bottom: 0 !important;
    }
  @media screen and (max-width: 1270px) {
    #headerCont {
        height: 90px;
    }
    #headerCont.MMMM {
        height: 73px;
    }
    main {
        padding-top: 90px;
        height: calc(100vh - 125px);
        padding-bottom: 35px;
    }
    main.MMMM {
        padding-top: 73px;
        height: calc(100vh - 73px);
        padding-bottom: 0;
    }

    #headerCont.MMMM .toggleRiki {
        margin: 0;
        bottom: 10px;
        top: unset;
        left: 10px;
        right: unset;
    }
    #navBarra{
        zoom:77%;
    }
    #headerCont.MMMM #navBarra {
        zoom: 80%;
    }
    #footerCont {
        min-height: 35px;
    }

    .masterCont {
        padding: 0;
        zoom: 82%;
    }

    .colXX_b {
        flex: 0 0 95%;
        max-width: 95%;
    }
   /*.rowHH {
        padding-top: 33px;
    }*/
    .colAR {
        right: 10px;
        top: 83px;
    }
}

.contyScary {
    display: none;
    display: flex;
    align-items: center;
} .contyScary .tgl-flat + .tgl-btn {
        background: var(--bia_elementa);
        border: 2px solid var(--bia_elementa);
        box-shadow: 0 1px 8px -2px rgba(36,36,36,.4);
        margin-left: 3px;
        margin-right: 3px;
    } .contyScary .tgl-flat + .tgl-btn:after {
        background: var(--blk_elementa);
    } .scaryInte {
    display: flex;
    padding-right: 10px;
} .scaryInte i {
        display: flex;
        width: 30px;
        height: 30px;
        align-items: center;
        font-size: 14px;
        border-radius: 100%;
        background: var(--bia_elementa);
        box-shadow: 0 1px 8px -2px rgba(36,36,36,.4);
    } .scaryInte i:before {
       margin: 0 auto;
    } .scaryInte .indz {
        width: 38px;
        height: 38px;
        border: 0;
        font-size: 16px;
        box-shadow: 0 1px 8px -2px rgba(36,36,36,.4);
        transition: transform 100ms ease-in-out;
    } .scaryInte .indz:active, .scaryInte ~ #dataContRis .rigaOrd .tt:active, .scaryInte ~ #dataContRis .rigaOrd .un:active {
            transform: scale(0.9);
        } .scaryInte h1 {
        margin-right: auto;
        margin-left: auto;
        opacity: 1;
    }.scaryInte h1.viv {
       opacity: 0;
    } 
     
    .scaryInte ~ #dataContRis .rigaOrd {
        background-color: var(--bia_elementa);
        box-shadow: 0 1px 8px -2px rgba(36,36,36,.4);
        border: 2px solid #6d6d6d;
    } 
      .scaryInte ~ #dataContRis .rigaOrd .tt, .scaryInte ~ #dataContRis .rigaOrd .un {
            background-color: #75a8ff;
            box-shadow: 0 1px 8px -2px rgba(36,36,36,.4);
            width: 40px;
            transition: transform 100ms ease-in-out;
            cursor: pointer;
            border-radius: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
        } .scaryInte ~ #dataContRis .rigaOrd .un {
            width: 55px;
            border-radius: 15px;
        }
        .scaryInte ~ #dataContRis .rigaOrd .tt {
            background-color: #5be65b;
            border-radius: 38px;
        } .scaryInte ~ #dataContRis .rigaOrd .un span {
                margin-left: 5px;
                font-size: 20px;
                user-select: none;
            } .scaryInte ~ #dataContRis .rigaOrd div:not(.bottCont) {
            width: calc(25% + 40px);
        } .scaryInte ~ #dataContRis .rigaOrd div.nlb {
        border-right: none;
        width: 40px;
    } .scaryInte ~ #dataContRis .rigaOrd div.addino {
        width: 55px;
    } 
    .scaryInte ~ #dataContRis .rigaOrd div.qqx {
        width: 145px;
    }
        .scaryInte ~ #dataContRis .rigaOrd div.qqx:not(.real) {
            width: 177px;
        } 
      .scaryInte ~ #dataContRis .rigaOrd .badge8 {
            max-height: unset;
            font-size: 18px;
            width: 50px;
            background-color: rgba(89, 185, 239, 0.63);
        } .scaryInte ~ #dataContRis .rigaOrd span {
        display: flex;
        align-items: center;
        margin-right: 5px;
        margin-left: 5px;
    } .scaryInte ~ #dataContRis .rigaOrd > div:nth-child(2) {
        width: 250px;
    } .forniFixo {
        align-items: center;
        display: flex;
        margin-right: 5px;
        margin-top: 3px;
        margin-bottom: 20px;
    } .forniFixo .inpt{
        margin-bottom: 0;
        color: var(--blk_elementa);
    } 
      
/*.slctFF {
    width: 55%;
    margin: 0 !important;
    padding-left: 20%;
}*/
.slctFF {
    -webkit-appearance: none;
    width: 400px;
    margin: 0 !important;
    height: 50px;
    border: 0;
    border-radius: 30px;
    text-align-last: center;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.20);
    cursor: pointer;
} 


.scaryInte ~ #dataContRis .rigaOrd:not(.Scary){
    margin-right: 5px;
} .badge8.codee {
    margin: 0 !important;
    width: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
}


.rigaOrd.Scary {
    background-color: var(--bia_elementa);
    flex-wrap: wrap;
    width: 280px;
    padding: 0 8px;
    display: inline-flex;
    margin: 12px;
    border-radius: 20px;
    box-shadow: 0 1px 8px 0px rgba(36,36,36,.3);
}
.rigaOrd.Scary:last-child {
    margin-bottom: 60px;
}
    .rigaOrd.Scary > div {
        border-right: 0;
        border-bottom: 2px solid var(--blk_elementa);
        padding: 8px 0;
        font-size: 18px;
        height: 38px;
    } 
    .rigaOrd.Scary > div:not(.addino):not(.nlb) {
        width: 100% !important;
    } 

    .rigaOrd.Scary .addino{
        border: 0;
        margin-left: auto;
        margin-right: 8px;
    }
    .rigaOrd.Scary .nlb {
        margin-right: auto;
    } 
    
    .rigaOrd.Scary > div .badge8 {
            margin-right: 0;
            margin-left: auto;
        } .rigaOrd.Scary > div:last-child {
        border-bottom: 0;
    } .rigaOrd.Scary .sx {
        display: none;
    }
    .rigaOrd.Scary .badge8.codee {
       font-size: 16px;
    }
    .rigaOrd.Scary .nom span {
        margin: 0 auto !important;
    }



    /* Da Finire */
    .inptManLoad:after {
    /*font-family: 'Font Awesome 5 Pro';*/
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    background-color: red;
    /*margin: 0 auto;
    font-size: 20px;
    top: 0;
    animation: spin 800ms linear infinite;*/
}
.proddoMaggy {
    background-color: var(--bej_elementa);
    border: 2px solid var(--oro_elementa);
    border-radius: 15px;
    margin-bottom: 10px;
    padding: 10px;
    margin-right: 5px;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.20);
} .proddoMaggy>.conty{
    display:flex;
}
    .proddoMaggy > .conty > .dx {
        margin-right: 0;
        border-left: 2px solid var(--oro_elementa);
        margin-left: 10px;
        display: flex;
        align-items: center;
    } .proddoMaggy > .conty > .dx .aprol i, .proddoMaggy > .conty > .dx .aprol {
            height: 45px;
            width: 45px;
            font-size: 30px;
      }
        .proddoMaggy > .conty > .dx .aprol i {
            background-color: #9898e6;
        }

.rigaProddoMaggy {
    display: flex;
    background-color: var(--oro_elementa);
    border-radius: 15px;
    border: 2px solid var(--ves_elementa);
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.20);
}
    .rigaProddoMaggy:last-child {
        margin-bottom: 0;
    }
    .proddoMaggy>.contyGiu{
    padding-top:10px;
}
.proddoMaggy .conty .middx, .rigaProddoMaggy .middx {
    display: flex;
    align-items: center;
}
    /*.proddoMaggy .conty .mid > *, .proddoMaggy .conty .middx > *{
        margin: 0 auto;
    }*/
.proddoMaggy .middx .btnBrown, .middx .undoSel, .sprendy {
    border-radius: 30px;
    padding: 0 12px;
    background-color: var(--bia_elementa);
    height: 45px;
    margin-right: 10px;
    cursor: pointer;
    box-shadow: 0 1px 8px -2px rgba(36,36,36,.4);
    font-size: 24px;
}
    .proddoMaggy .middx .btnBrown:before, .sprendy:before {
        font-family: 'Font Awesome 5 Pro';
        content: "\f2a7";
        margin-right: 4px;
    }
    .sprendy:before {
        margin-right: 0;
    }
.proddoMaggy .middx .selx.btnBrown:before {
    content: "\f25a";
}
.no.sprendy:before {
    content: "\f00d";
}
.trash.sprendy:before {
    content: "\f2ed";
}

.sprendy {
    transition: transform 100ms ease-in-out;
    display: flex;
    align-items: center;
    padding: 0;
    font-size: 22px;
    justify-content: center;
    height: 40px;
    width: 40px;
    margin-left: 5px;
    margin-right: 0;
}.sprendy:active{
    transform: scale(.9);
}


  
  .proddoMaggy .middx .btnBrown:only-child {
        margin: 0;
    }
.middx > .contAUcar.sti, .contoProddYo .Rigo .sti {
    height: 35px;
    width: 120px;
    box-shadow: 0 1px 8px -2px rgba(36,36,36,.4);
}
    .middx > .contAUcar.sti input, .contoProddYo .Rigo .contAUcar.sti input {
        width: 50px;
        font-size: 18px;
    }
.middx .contAUcar i, .contoProddYo .Rigo .contAUcar i {
    height: 35px;
    width: 35px;
} .middx {
    margin-right: 0;
    margin-left: auto;
    padding-left: 10px;
    border-left: 2px solid var(--ves_elementa);
} .conty .middx {
    border-left: 2px solid var(--oro_elementa);
}
.middx:empty {
    border: 0 !important;
    padding: 0;
}

.rigaProddoMaggy div:not(.middx):not(.btnBrown):not(.contAUcar), .proddoMaggy .sx, .proddoMaggy .midsx, .proddoMaggy .mid {
    margin-right: 10px;
    width: 100%;
    border-right: 2px solid var(--ves_elementa);
    padding-right: 10px;
}
.rigaProddoMaggy div.qta, .proddoMaggy .mid {
    border-right: 0 !important;
    padding-right: 0 !important;
}
.proddoMaggy .sx, .proddoMaggy .midsx{
    border-color: var(--oro_elementa);
}

.quanduso div {
    display: flex;
    align-items: center;
}
    .quanduso div strong.badge8 {
        width: 60%;
        margin-left: auto;
    }
.quanduso div:first-child {
    margin-bottom: 10px;
}


.gestytrasfy .rigaProddoMaggy div.qta, .gestytrasfy .proddoMaggy .mid {
    margin-right: 0 !important;
}
/*.gestytrasfy .proddoMaggy .mid {
    max-width: 200px!important;
}*/
.rigaProddoMaggy .aprol.bis > i {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: palevioletred;
}
.rigaProddoMaggy .aprol.bis {
    border-right: 0 !important;
    border-left: 2px solid var(--ves_elementa);
    padding-left: 10px;
    width: 50px !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
}
.rigaProddoMaggy div.middx:empty {
    padding:0;
}

.proddoMaggy .badge8 {
    height: calc(100% - 25px);
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #aba479;
    /*background-color: rgba(255, 255, 255, 0.3);*/
}
/*.magDove {
    background-color: darkmagenta;
} .quandArriv {
    background-color: gainsboro;
} .quandArriv2 {
    background-color: dodgerblue;
} .qta {
    background-color: cadetblue;
}*/
   .spanSopBadge {
        display: block;
        margin-top: -4px;
        margin-bottom: 4px;
    } 
  
  
  .middx .undoSel {
    width: 45px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin: 0;
    transition: transform 100ms ease-in-out;
} .middx .undoSel:active {
        transform: scale(0.9);
    } .seleMaggyProd {
    display: flex;
    align-items: center;
} .seleMaggyProd .btnBrown.norad.mza {
        padding: 9px 20px;
        border-radius: 15px;
    } .seleMaggyProd .inpt.mza {
        color: var(--ves_elementa);
    }
.returnNiente {
    position: absolute;
    width: 400px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: calc(50% - 200px);
    top: calc(50% - 100px);
    font-size: 28px;
}
.mastDispy {
    cursor: grab;
    position: absolute;
    z-index: 109;
    width: 670px;
    background-color: var(--vrd_elementa);
    border-radius: 22px;
    left: calc(50% - 335px);
    top: -5%;
    box-shadow: 0 0 30px rgba(36,36,36,0.5);
} .mastDispy > h2 {
        text-align: center;
        margin-top: -5px;
        margin-bottom: 10px;
    }
.contDispy {
    text-align: center;
    height: 600px;
    overflow: auto;
} .dispoInfo {
    background-color: var(--oro_elementa);
    position:relative;
    margin: 15px 0;
    padding: 5px;
    border-radius: 10px;
    box-shadow: 0 1px 8px -2px rgba(36,36,36,.4);
} .dispoInfo:last-child {
    margin-bottom: 0;
} .rigInfDisp {
    display: flex;
    padding: 5px;
    font-size: 18px;
    margin-bottom: 5px;
    border-radius: 7px;
    background-color: var(--bjc_elementa);
    box-shadow: 0 1px 8px -2px rgba(36,36,36,.4);
}
    .rigInfDisp:last-child, .rigInfDisp:only-child, .rigInfDisp:not(.dnon).only-child{
        margin-bottom: 0;
    } .rigInfDisp.leg{
    border-radius: 10px;
} .rigInfDisp > div {
        width: 100%;
        border-right: 2px solid var(--oro_elementa);
        display: flex;
        align-items: center;
        justify-content: center;
    } .rigInfDisp > div:last-child {
        border-right: 0;
    }
    .rigInfDisp:not(.leg) > div:last-child {
        width: 45px;
    }
    .rigInfDisp:not(.leg) > div:first-child {
        min-width: 175px;
        max-width: 176px;
    }
.uppolo {
    background-color: var(--ves_elementa);
    width: 50%;
    margin: 0 auto;
    color: white;
    margin-bottom: 5px;
    border-radius: 11px;
    padding: 6px;
    font-size: 18px;
} .uppolo span:last-child {
            margin-left: 10px;
        }
    /* Storico Richieste */
    .ordoRig.storiki {
    background-color: #bba6e4;
} .ordoRig.storiki.dato {
        background-color: #9671df;
    } .ordoRig.storiki.ok {
        background-color: #82df71;
    } .ordoRig.storiki .detgg {
    width: 100%;
}.ordoRig.storiki .aprol {
    margin-left: 0;
}
        .ordoRig.storiki .rigaOrd div:not(.bottCont) {
           width: 100%;
        }.ordoRig.storiki .rigaOrd div:last-child {
            border-right:0;
        }

        .ordoRig.storiki .rigaOrd{
            width: calc(50% - 5px);
            display:inline-flex;
        }
            .ordoRig.storiki .rigaOrd:nth-of-type(odd) {
                margin-right: 10px;
            }
                .ordoRig.storiki .rigaOrd:nth-of-type(odd):last-child {
                    margin-right: auto;
                    margin-left: 0;
                    display: flex;
                }
            .ordoRig.storiki .rigaOrd.lungy {
                width: 100%;
                margin-right: 0;
                margin-bottom: 10px;
            }
            .ordoRig.storiki .rigaOrd:only-child {
                width: 100%;
            }
            .ordoRig.storiki .rigaOrd:not(.lungy):nth-last-child(2), .ordoRig.storiki .rigaOrd.lungy:last-child {
                margin-bottom: 0;
            }

            .ordoRig.storiki .rigaOrd strong, .ordoRig.storiki .rigaOrd span {
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .ordoRig.storiki .rigaOrd strong {
                margin: 0;
                max-height: unset;
                margin-right: auto;
                line-height: normal;
                padding: 3px 6px;
            }
            .ordoRig.storiki .rigaOrd span {
                margin-right: 5px;
                margin-left: auto;
            }

            .ordoRig.storiki .rigaOrd.oriGinall {
                background-color: #a0a0a0;
            }

        .giu.orynal {
            margin-top: 30px;
            padding-top: 30px;
        }

#vekky {
    position: absolute;
    height: 30px;
    top: -15px;
    width: 210px;
    left: calc(50% - 105px);
    background-color: var(--bia_elementa);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);
}

.wrappyInforMag.ggiivv .returnNiente {
    position: unset;
    left: unset;
    top:unset;
    height: unset;
    font-size: 16px;
}


/* Info Riga Ordine da Richeiste*/
span.infiRiki {
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    text-decoration: wavy;
    border-radius: 5px;
    padding: 5px;
    display: flex;
    align-items: center;
    margin-left: 0 !important;
    margin-right: auto !important;
}span.infiRiki:hover {
    background-color: gainsboro;
} span.infiRiki i {
        margin-right: 5px;
    } .wrappyInforMag {
    position: absolute;
    top: 200px;
    left: 200px;
    z-index: 99;
    width: 150px;
    display: none;
} .wrappyInforMag.big {
    width: 250px;
} .wrappyInforMag.gagvy {
     height: 80px;
  } .wrappyInforMag.biggo {
     width: 300px;
  }
.inforMag {
    width: 100%;
    background-color: rgba(240,190,190,0.5);
    backdrop-filter: blur(12px);
    -webkit-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);
} .wrappyInforMag.big .inforMag {
    padding-top: 5px;
    padding-bottom: 5px;
}
.spigol {
    width: 25px;
    height: 25px;
    background-color: rgba(240,190,190,0.5);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    position: absolute;
    z-index: 0;
    left: calc(50% - 15px);
    top: -10px;
    transform: rotate(45deg);
} .wrappyInforMag.sotty .spigol {
    top: unset;
    bottom: -10px;
} .wrappyInforMag.sotty .inforMag {
    box-shadow: 0 -8px 10px rgba(36,36,36,.4);
} .inforMag .wrapq {
        padding: 10px 15px;
        color: var(--blk_elementa);
        display: flex;
        flex-wrap: wrap;
    } .inforMag .wrapq i {
            font-size: 8px;
            margin-right: 5px;
        } .inforMag .wrapq div {
            display: flex;
            width: 100%;
            align-items: center;
            margin-bottom: 10px;
        } .inforMag .wrapq div:last-child {
            margin-bottom: 0;
        } .inforMag .wrapq > div > span{
           margin-right: 10px;
        } .inforMag strong {
            margin-left: auto;
        }
            .inforMag strong.vvki {
               cursor:pointer;
               transition: transform 100ms ease-in-out;
               user-select: none;
               -webkit-user-select: none;
            }.inforMag strong.vvki:active {
               transform: scale(.9);
            }
    /* Giacenza */
    .infin, .ssu label strong.infin {
    border-left: 1px solid var(--ves_elementa);
    margin-left: 0;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: 25px;
    font-size: 13px;
    cursor: pointer;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    transition: transform 100ms ease-in-out;
} .infin:active {
        transform: scale(0.9);
    } .norc {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
} .ordoRig.zero .spanStin:after {
    content: "Esaurito";
} .ordoRig.zero .faSStato:before {
    content: "\f567";
} .ordoRig.ugu .spanStin:after {
    content: "Uguale";
} .ordoRig.ugu .faSStato:before {
    content: "\f11a";
} .ordoRig.mino .spanStin:after {
    content: "Minore";
} .ordoRig.mino .faSStato:before {
    content: "\f119";
} .ordoRig.magy .spanStin:after {
    content: "Maggiore";
} .ordoRig.magy .faSStato:before {
    content: "\f587";
} .ordoRig.giacy {
    border-radius: 18px;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.20);
    position: relative;
} .ordoRig.selly {
    pointer-events: none;
} .ordoRig.selly:after {
    height: calc(100% + 4px);
    width: calc(100% + 4px);
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    background-color: rgba(255,255,255,0.5);
    border-radius: 18px;
} .ordoRig.selly:before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f058";
    z-index: 100;
    position: absolute;
    font-size: 40px;
    bottom: 5px;
    right: 5px;
    font-weight: 600;
    color: #0087ff;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: white;
    -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);
} .ordoRig.giacy.zero {
    background-color: #f34040;
} .ordoRig.giacy.mino {
    background-color: #f16868;
} .ordoRig.giacy.ugu {
    background-color: #f3b240;
} .ordoRig.giacy.magy {
    background-color: #40f343;
} .ordoRig.giacy .statow i {
    font-size: 40px;
}.ordoRig.giacy .statow {
    width: 95px;
} .ordoRig.giacy .statow .wrappStat {
        width: 100%;
        background-color: var(--bia_elementa);
    } .sellynyo{
    position: relative;
    overflow: hidden;

} .sellynyo:before {
        font-family: 'Font Awesome 5 Pro';
        content: "\f49e";
        position: absolute;
        height: 100%;
        width: 100%;
        opacity: 0;
        transition: opacity 100ms ease-in-out;
        z-index: 2;
        background-color: rgba(240,190,190,0.5);
        top: 0;
        left: 0;
        color: var(--blk_elementa);
        font-size: 38px;
        padding-top: 20px;
    } .sellynyo:hover:before{
        opacity: 1;
    } .sellynyo .faSStato, .sellynyo .spanStin {
       transition: filter 100ms ease-in-out;
    } .sellynyo:hover .faSStato, .sellynyo:hover .spanStin {
       filter: blur(8px);
    }

.ordoRig.giacy.full .detgg {
    margin-right: 0;
    width: calc(100% - 305px);
    /*max-width: 410px;*/
} .ordoRig.giacy.full .detgg label, .ordoRig.giacy.full .detgg .dettggPlus label:only-child {
        width: 100%;
    } .ordoRig.giacy.full .detgg .dettggPlus label {
        width: calc(50% - 21px);
    } .ordoRig.giacy.full .detgg .dettggPlus label:first-child {
        border-right: 2px solid var(--ves_elementa);
    }.ordoRig.giacy.full .detgg .dettggPlus label:only-child {
        border-right:0;
    } .ordoRig.giacy.full .detgg.du {
        border: 0;
        margin: 0;
        width: 210px;
    } .ordoRig.giacy.full .detgg.du label{
        padding-right: 4px;
    } .trasp.txtac.radup.conpercy {
    display: flex;
}.trasp.txtac.radup.conpercy input {
    height:32px;
    margin:0;
} .riordex .listCarr {
    width: 100%;
    height: calc(100% - 150px);
    max-height: unset;
    overflow-y: scroll;
    display: block;
    padding-top: 10px;
    margin: 0;
    padding-bottom: 80px;
} .riordex .listCarr .contsti.opx {
        width: 30px;
    } .riordex .listCarr li {
        padding-right: 15px;
        padding-left: 10px;
        max-height: unset;
    } .riordex .listCarr .contsti {
        display: flex;
        justify-content: center;
        width: calc(100% - 94px);
        min-width: 0 !important;
        overflow: hidden;
    } .wrapBtnSX {
    height: 45px;
    display: flex;
    padding-top: 10px;
    padding-bottom: 5px;
} .wrapBtnSX .btnInterm{
    width: 170px;
    padding: 0 !important;
    margin: 0 auto;
} .wrapBtnSX .btnInterm span{
   display: flex;
   font-size: 20px;
}.wrapBtnSX .btnInterm span i{
   margin-left: 5px;
} .inforMag .uppolo{
    display: none !important;
} .inforMag .downlo {
   flex-wrap: wrap;
} .wrappyInforMag.gagvy .inforMag .wrapq div {
    margin-bottom: 0;
} .wrappyInforMag.gagvy .inforMag .wrapq div.rigInfDisp {
        margin-bottom: 10px;
    } .wrappyInforMag.biggo .inforMag .wrapq div.rigInfDisp {
        margin-bottom: 5px;
    } .wrappyInforMag.gagvy .inforMag .wrapq div.rigInfDisp:last-child, .wrappyInforMag.biggo .inforMag .wrapq div.rigInfDisp:last-child {
        margin-bottom: 0;
    }
      
      
      
/*Modale aggiungi Prodotto */
.adaProd {
    width: 20px;
    justify-content: center;
}
.addaProddyMan {
    height: 600px;
    position: relative;
    top: calc(50% - 280px);
    left: calc(50% - 393px);
    width: 786px;
    padding: 10px;
    border-radius: 22px 3px;
    box-shadow: 0 0px 30px rgba(36,36,36,0.5);
}
.masterFasul {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.69);
    position: fixed;
    top: 0;
    z-index: 100;
    display: none;
}
#innerDatAdd {
    height: calc(100% - 136px);
    padding: 10px;
    overflow-y: scroll;
}
.addaMinix, .sottoBotto {
    display: flex;
    position: relative;
}
    .addaMinix > h1, .addaMinix .closeAP, .sottoBotto > h1 {
        cursor: pointer;
        transition: transform 100ms ease-in-out;
        user-select: none;
        background-color: var(--bia_elementa);
        display: flex;
        font-size: 22px;
        padding: 6px 12px;
        align-items: center;
        border-radius: 20px;
        margin-left: auto;
        box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.18);
    }
        .addaMinix > h1 i, .sottoBotto > h1 i {
            margin-left: 5px;
        }
    .sottoBotto > h1 {
        margin-right: auto;
    }
    .addaMinix .closeAP {
        justify-content: center;
        width: 38px;
        padding: 0;
        margin-left: 5px;
    }
    .addaMinix span{
        display: flex;
        font-size: 22px;
        align-items: center;
        margin: 0 auto;
    } 
    

 .contoProddYo{
    display:flex;
    margin-bottom: 75px;
}
    .contoProddYo .dot {
        top: 29px;
    }

    .contoProddYo .Rigo {
        display: flex;
        background-color: rgba(255,255,255,.5);
        padding: 5px;
        position: relative;
        border-radius: 25px 25px 0 0;
    }
    .contoProddYo .sprendy {
        background-color: #ff8585;
        width: 55px;
        margin-left: 10px;
        height: 55px;
        font-size: 24px;
        position: absolute;
        right: 36px;
        margin-top: 30px;
    }
 .contoProddYo .Rigo .contAUcar{
   margin-right:0;
}

.selpro select, .selmag select{
    height: 45px;
    width: 250px;
}
.selpro select{
    padding-right: 45px;
}
.Rigo .select-wrapper:after {
    top: 15px;
}
.Rigo .select-wrapper  {
   margin-right: 10px;
}
/* End */
.sellyMaggyResp, .sellycatyResp {
    display: inline-flex;
    margin-bottom: 30px;
    padding: 10px;
    flex-wrap: wrap;
    justify-content: center;
}
.btnCercaBig.noact.dx{
    margin-left:20px;
}
.conrRespoMAg, .conrRespoMAgcATE {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    background-color: var(--vrd_elementa);
    padding-top: 40px;
    margin-bottom: 25px;
    min-height: 50px;
    justify-content: center;
    padding-bottom: 10px;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.25);
}
.conrRespoMAg::after, .conrRespoMAgcATE::after {
        content: "Magazzini assegnati";
        position: absolute;
        background-color: var(--bej_elementa);
        top: -18px;
        border: 2px solid var(--oro_elementa);
        left: 194px;
        padding: 10px;
        border-radius: 15px 0;
    }
    .conrRespoMAgcATE::after {
        content: "Categorie assegnate";
    }

.respoBoxxin, .respoBoxxinCat {
    margin: 15px;
    border-radius: 10px;
    padding: 10px;
    background-color: var(--oro_elementa);
    color: var(--bia_elementa);
}
    .respoBoxxin i, .respoBoxxinCat i {
        margin-left: 11px;
        color: #800000;
        font-size: 30px;
        height: 25px;
        width: 25px;
        background-color: white;
        border-radius: 100%;
        display: flex;
        justify-content: center;
    }

    .respoBoxxin span, .respoBoxxinCat span {
        font-size: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }





.conrRespoMAg .respoMastS, .conrRespoMAgcATE .respoMastS {
    width: 100%;
    font-size: 25px;
} .txSX .wrapGM {
    height: 100%;
    background-color: var(--bia_elementa);
    color: var(--ves_elementa);
    border-radius: 30px;
    margin-right: 5px;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    display: flex;
    align-items: center;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.20);
} .txSX .wrapGM:after {
    font-family: 'Font Awesome 5 Pro';
    content: "\f295";
    margin-left: 3px;
    font-size: 15px;
} .txSX .wrapGM span {
        font-size: 22px;
    } .txSX .gameNumb {
    /*height: 100% !important;*/
    border-radius: 7px;
    font-size: 22px;
    background-color: transparent;
    color: var(--ves_elementa);
    width: 50px;
    text-align: center;
    margin-left: 5px !important;
} .txSX .gameNumb:focus {
   outline: none;
} .txSX.givv i {
    background-color: var(--bia_elementa);
    margin-left: 0;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.20);
}.txSX.givv {
   width: 100%;
} .wrappyInforMag.biggo .dispoInfo {
    margin-top:0;
    background-color: transparent;
} .wrappyInforMag.biggo .dispoInfo .rigInfDisp div:last-child{
        width: 100%;
    } .wrappyInforMag.biggo .inforMag .wrapq {
    padding: 0;
    width: 100%;
} .wrappyInforMag.biggo .inforMag {
    border-radius: 11px;
} .inforMag .wrapq .dispoInfo div {
    margin-bottom: 0;
}



/* Trasferimenti */

.btnCercaBig {
    display: flex;
    align-items: center;
    height: 50px;
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 30px;
    cursor: pointer;
    font-size: 20px;
    transition: transform 50ms ease-in-out;
    background-color: var(--bia_elementa);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.20);
    margin-left: 5px;
}.btnCercaBig:active {
   transform: scale(.9);
}.btnCercaBig i {
   margin-right: 5px;
}

.seleMaggyProd .inpt{
    margin-bottom: 0;
    margin-right: 10px;
}

.doppSlc{
    height: calc(100% - 208px);
}.triSlc{
    height: calc(100% - 220px);
}
#contPreSel .btnCercaBig, #contTraSel .btnCercaBig {
    margin-right: auto;
}

.select-wrapper, .posRel{
    position: relative;
}
    .select-wrapper:after {
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        content: "\f078";
        position: absolute;
        right: 18px;
        top: 18px;
        pointer-events: none;
    }




.checkDispy {
    border-left: 2px solid;
    padding-left: 10px;
    margin-left: 10px;
}
.contAggiaman{
    width:115px!important;
    min-width: 115px!important;
}.contAggiaman ~ div{
    width: 100%;
}
.mastDispy .botGiu {
    margin-top: 15px;
    width: 100%;
    display: flex;
}
    .mastDispy .botGiu .btnCercaBig {
        margin-right: 15px;
    }
    .mastDispy .botGiu .select-wrapper, .mastDispy .botGiu select{
        width: 100%;
    }
    .mastDispy .botGiu span {
        font-size: 25px;
        display: flex;
        align-items: center;
    }
.dispoInfo .ggA_span.nomar.sti {
    top: 5px;
    width: auto;
    position: absolute;
    background-color: gainsboro;
    border-radius: 15px;
}



.rigInfDisp.sellyy {
    background-color: var(--vrd_elementa);
}



.cBtnsing {
    display: flex;
    align-items: center;
}.cBtnsing .btnCercaBig {
    margin:0 auto !important;
}

.noact:active{
    transform: unset !important;
}

.seleMaggyProd.usee {
    height: 50px;
    width: 100%;
}.seleMaggyProd.usee h1{
    margin: 0 auto;
}

    .seleMaggyProd.usee .btnFilter:not(.visible) {
        left: 25px;
        top: 25px;
    }

.cercaDaAttr {
    margin-right: 10px;
    height: 80%;
    font-size: 20px;
    background-color: transparent;
}

    .cercaDaAttr:focus {
        outline: none;
        box-shadow: none;
    }
.desky {
    position: absolute;
    top: 55px;
    display: flex;
    width: calc(100% - 10px);
    left: 0;
    background-color: rgba(255,255,255,.5);
    padding: 5px;
    padding-top: 0;
    border-radius: 0 0 25px 25px;
}
    .desky input {
       margin: 0;
       width: 100%;
        border-radius:55px;
        border: 0;
        height: 45px;
    }

.colXS:not(.cchhiu) ~ .colDX #RicerkyMaster {
    width: 130px;
}


.proddoMaggy .badge8.umis {
    position: relative;
}

.rigaOrd > div span.umis::after, strong.badge8.umis::after {
    content: attr(umis);
    background-color: rgba(255, 255, 255, 0.6);
    height: 25px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}
.scaryInte ~ #dataContRis .rigaOrd > div span.umis::after, .ordoRig.storiki .rigaOrd span.umis:after {
    background-color: #9898e6;
    height: 100%;
    width: 50px;
    margin-left: auto;
    border-radius: 8px 0 0 8px;
}
.ordoRig.storiki .rigaOrd span.umis:after {
    background-color: rgba(255, 255, 255, 0.6);
}
strong.badge8.umis::after {
    border-radius: 0 6px 6px 0;
    height: calc(100% - 6px);
    width: 60px;
    position: absolute;
    right: 3px;
    top: 3px;
}


.scaryInte ~ #dataContRis .rigaOrd span.umis, .ordoRig.storiki .rigaOrd span.umis {
    margin-right: 0;
    width: 100%;
}
    .scaryInte ~ #dataContRis .rigaOrd span.umis ~ .badge8, .ordoRig.storiki .rigaOrd span.umis ~ .badge8 {
        margin-left: 0;
        border-radius: 0 8px 8px 0;
    }

.uppolo span.desos {
    display: block;
    text-align: center;
    padding-bottom: 6px;
}

.ssu label strong.umis {
    position: relative;
    display: flex;
    align-items: center;
}

.ssu label strong.badge8.umis::after {
    border-radius: 0;
    height: 100%;
    width: 60px;
    position: relative;
    right: 0;
    top: 0;
}

.ordoRig .opzyyz select {
    background-color: var(--bia_elementa);
}

/* Provvisorio */
.ordoRig .opzyyz select {
    padding-left: 22px;
}
.ordoRig .opzyyz .wrapSelect:after {
    display: none;
}
/* End */


#addCateBox.oru .inpt {
    text-align: center;
}

#addCateBox.oru .wrapSelect {
    width: calc(100% - 4px);
    overflow: hidden;
    margin-bottom: 10px;
    height: 42px;
    transition: transform 100ms ease-in-out;
}
#addCateBox.oru .wrapSelect:active {
    transform: scale(.95);
}
    #addCateBox.oru .wrapSelect:after {
        top: 11px;
        font-size: 18px;
    }

#addCateBox.oru .toggleRiki {
    display: flex;
    position: relative;
    right: 0;
    top: 0;
    margin-top: 0;
    margin-bottom: 15px;
}
    #addCateBox.oru .toggleRiki span {
        margin: 0 auto;
    }

#addCateBox.oru .btnInterm {
    height: 42px;
    width: calc(100% - 4px);
}
    #addCateBox.oru .btnInterm span {
        margin: 0 auto;
        font-size: 18px;
    }
#addCateBox.oru textarea.inputMain {
    width: calc(100% - 24px);
    max-width: calc(100% - 24px);
    min-width: calc(100% - 24px);
    min-height: 80px;
    font-size: 18px;
    text-align: left;
    padding: 10px;
    border-bottom-right-radius: 0;
}
#addProdottoBoxMax .btnInterm {
    width: unset !important;
}
    #addProdottoBoxMax .btnInterm span {
        font-size: 18px;
    }

#addCateBox.catteadd {
    z-index: 111;
}

    #addCateBox.catteadd .btnInterm span {
        display: flex;
        font-size: 18px;
    }
    #addCateBox.catteadd .btnInterm i {
        margin-left: 6px;
    }


#addProdottoBoxMax select, #addProdottoBox select{
    width: 100%;
}
.megSwitch {
    margin-left: 10px;
    margin-right: 5px;
}


.select-wrapper.selctGoacy {
    display: flex;
    margin-right: 5px;
}
.m-l-a {
    margin-left: auto !important;
}
.select-wrapper.selctGoacy::after {
    right: 15px;
    top: 12px;
    font-size: 16px;
}

    .select-wrapper.selctGoacy select {
        background-color: var(--bia_elementa);
        height: unset;
        width: 250px;
    }
    .select-wrapper.selctGoacy ~ .wrapGM {
        margin-left: 0;
    }

/*CSS LUCA */
.noTogliMasteron.bcode div {
    margin: 10px auto;
    width: 80% !important;
}
.noTogliMasteron.bcode div span{
  font-size: 18px;
}
/*CSS LUCA */