﻿#addCateBox, #addProdottoBox, #carcaForniNome, #addProdottoBoxMax {
    width: 300px;
    background-color: var(--vrd_elementa);
    z-index: 102;
    top: 20%;
    left: calc(50% - 150px);
    position: absolute;
    border-radius: 20px;
    display: none;
}
#addProdottoBoxMax {
    top: 0;
    padding: 15px;
    margin-bottom: 50px;
}
    #addProdottoBoxMax .selectMain {
        width: calc(100% - 29px);
    }
    #addProdottoBoxMax .far.fa-plus {
        font-size: 25px;
        margin-right: 10px;    
    }

    #addCateBox .btnInterm, #addProdottoBox .btnInterm, #carcaForniNome .btnInterm, #addProdottoBoxMax .btnInterm {
        height: 37px;
        background-color: var(--oro_elementa);
        color: var(--bia_elementa);
        border-color: var(--bia_elementa);
        width: 100%
    }
    #addProdottoBox{
        top:10%;
        padding: 15px;
    }
    #addCateBox .inpt, #addProdottoBox .inpt /*, #carcaForniNome .btnInterm, #addProdottoBoxMax .btnInterm*/ {
        margin-top: -4px;
        margin-left: 1px;
        margin-bottom: 5px;
    }
.btnContPP {
    display: flex;
    align-items: center;
    height: 37px;
    padding-bottom: 2px;
}

/*.itemsRicerca > i{
        font-size:40px;
    }*/
.itemsRicerca.cat {
    width: 80%;
    margin-left: auto;
    background-color: rgb(243, 181, 106);
}

.prodChiuso {
    position: relative;
    display: flex;
}.prodChiuso i{
    
}

.boxProdFin {
    background-color: #d2a18f;
    border: 2px solid #6f2f2f;
    transition: transform 100ms ease-in-out;
}

.main {
    background-color: #8bff74 !important;
}

.prezzoProdRiga {
    background-color: #74b4ff;
}

.btlLine.inputMain {
    height: 33px;
}
.boxProdFin.norad #loadGif {
    background-color: rgba(0, 0, 0, .6) !important;
}

.boxProdFin {
    position: relative;
    overflow: hidden;
}





.boxProdFin {
    background-color: #d2a18f;
    border: 2px solid #6f2f2f;
}

.main {
    background-color: #8bff74 !important;
}

.prezzoProdRiga {
    background-color: #74b4ff;
}

#contCodProdFind {
    display: flex;
}

    #contCodProdFind > div {
        width: 100%;
        display: flex;
        position: relative;
    }
    #contCodProdFind .uan {
        margin-right: 5px;
    }

    #contCodProdFind input {
        width: 100%;
        margin-bottom: 0;
        font-size: 20px;
        padding-right: 52px;
        -webkit-appearance: none;
    }

    #contCodProdFind .divbtnins {
        position: absolute;
        width: 54px;
        height: 100%;
        top: 0;
        right: 0;
        background-color: rgba(51, 56, 153, 0.71);
        color: whitesmoke;
        display: flex;
        align-items: center;
        border-radius: 0 11px 11px 0;
        cursor: pointer;
        font-size: 20px;
        transition: transform 100ms ease-in-out;
    }
    #contCodProdFind .divbtnins:active {
        transform: scale(0.95);
    }

        #contCodProdFind .divbtnins span {
            margin: 0 auto;
            margin-top: 4px;
        }

.intestazDatt.prezzoProdRiga:hover {
    background-color: indianred !important;
    cursor: pointer;
}

.modPrzCar {
    z-index: 101;
}



.colStyle.vrdDX.prvv.shp {
    width: 50px;
    height: 50px;
    text-align: center;
}
.colStyle.vrdDX.prvv.shp.BABBAN {
    width: 0;
    height: 0;
    padding: 0;
}
.colAR.BABBAN .closss {
    display: none;
}
.sotCarrl.BABBAN:after {
    content: "Carrello";
    font-size: 25px;
    text-align: center;
    width: 100%;
}
.sotCarrl.BABBAN {
    padding-top: 4px;
    padding-bottom: 14px;
}
.colStyle.vrdDX.prvv.shp i {
    margin-top: 11px;
}

    .colStyle.vrdDX.prvv.shp.MMMM i {
        margin-top: 3px;
    }

    .colStyle.vrdDX.prvv.shp.MMMM {
        width: 75px;
        height: 88px;
        text-align: center;
    }

.colStyle.vrdDX.prvv {
    width: var(--w_car);
    height: var(--h_car);
    transition: all 200ms ease-in-out;
    cursor: grab;
}

.boxProdFin.norad {
    cursor: pointer;
}

    .boxProdFin.norad:active {
        transform: scale(0.98);
    }
.pirxA .boxProdFin.norad:active {
    transform: scale(1) !important;
}
.prezzoMainBox{
    margin-left: auto;
}


.inputError {
    animation: shake .1s 2 ease-in-out;
}

    .inputError > input {
        background-color: #ff7777;
        border-color: #a50101;
    }

#contCodProdFind.tinisnaninp{
    flex-wrap: wrap;
}#contCodProdFind.tinisnaninp .uan{
    margin-right:0;
    margin-bottom: 5px;
}

/*#contCodProdFind.tinisnaninp .uan input {
    text-align: left;
    font-size: 11px;
}

#contCodProdFind.tinisnaninp .twu input {
    text-align: left;
    font-size: 16px;
}*/


.toot_span.nomar.sti {
    width: 85px;
    display: block;
    text-align: center;
}

.ggA_span.nomar.sti {
    width: 36px;
    display: block;
    text-align: center;
}

.null .toot_span.nomar.sti {
    width: 33px;
}

.null .ggA_span.nomar.sti {
    width: 32px;
}

.prezzCar.sti.nomar {
    width: 70px;
    display: block;
    text-align: center;
}

.nn_span.sti {
    background-color: #ffe0bb;
    border-radius: 16px 16px 0 0;
    z-index: 1;
    left: 0px;
    overflow: hidden;
}
.listCarr.MMMM .nn_span.sti {
    position: absolute;
    top: -20px;
    max-width: 550px;
    padding: 4px 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}
.null .nn_span.sti {
    background-color: #90a5ff;
}

#listapp[idrikki=''] ~ .contBottRichi .btnInterm.arancione {
    display: none;
}
#listapp[idrikki=''] ~ .contBottRichi .btnInterm.rosso{
    margin-right: 0 !important;
}

.prvv #boxIva, .prvv #boxTotIva {
    display: flex;
    flex-wrap: wrap;
    margin-left: 10px;
}

.usn{
    pointer-events:none!important;
}
#stampM {
    left: calc(20% - 72px)!important;
}


@media screen and (max-width: 700px) 
{
    .colAR.colStyle.vrdDX:not(.shp) {
        left: 0 !important;
        width: 95% !important;
    }

        .colAR.colStyle.vrdDX:not(.shp) > .contBottRichi {
            width: 100% !important;
            left: 0 !important;
        }
    .colAR.colStyle.vrdDX.shp{
        right:0!important;
    }
}

