:root {
    --Blu_Casa: #14295A;
    --Rosso_Casa: #F40104;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.disabbbbb {
    pointer-events: none;
}

.NoMT{
    margin-top: 0 !important;
}

#NewInfor {
    max-height: calc(100vh - 30px);
    overflow-x: hidden;
    overflow-y: auto;
}

body {
    margin: 0;
    padding: 0;
    background-image: unset;
    background-color: var(--Blu_Casa);
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

.ContDash {
    padding-top: 20px;
    padding-left: 20px;
    background-color: #f7f7f7;
    border-radius: 31px;
}
.WrapDash {
    padding-top: 85px;
}
.WrapDash, .WrapModalon, .Mantra, .WrapScelteDove, .PerChiudi, .Cup, .Campagne, .FidelCard, .ModalBal {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100vw;
    position: absolute;
    top: 0;
    left: 0;
}

.ElemDash {
    width: 200px;
    height: 200px;
    background-color: #fff;
    box-shadow: 0 0 20px 0px rgb(0 0 0 / 15%);
    margin-bottom: 20px;
    margin-right: 20px;
    border-radius: 16px
}

.RigaDash {
    display: flex;
    max-width: 880px;
    flex-wrap: wrap;
}


.Prem {
    transition: transform 100ms ease-in-out;
    user-select: none;
    -webkit-user-select: none;
    cursor: pointer;
}

    .Prem:active {
        transform: scale(.95);
    }

.ElemDash i {
    display: flex;
    height: 65%;
    align-items: flex-end;
    justify-content: center;
    font-size: 52px;
    padding-bottom: 15px;
    color: var(--Rosso_Casa)
}
.ElemDash span {
    font-size: 20px;
    text-align: center;
    width: 100%;
    display: block;
    font-weight: 500;
    color: var(--Blu_Casa);
}

.Modalon{
    background-color:#fff;
    width: 80vw;
    max-width: 700px;
    min-height: 20vh;
    border-radius: 26px;
    position: relative;
    overflow: hidden;
}
.Cerchiotto {
    height: 40px;
    width: 40px;
    border-radius: 100%;
    background-color: #e4e6eb;
    font-size: 20px;
    cursor: pointer;
    margin-right: 10px;
}

    .Cerchiotto.Infon {
        position: absolute;
        top: 10px;
        right: 10px;
        margin: 0;
        z-index: 11;
        box-shadow: 0 0 20px 0px rgb(0 0 0 / 10%);
    }

.d-flex-center {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.WrapModalon {
    background-color:rgba(0,0,0,.5);
}
.Mantra, .Cup, .Campagne, .FidelCard, .ModalBal {
    display: none;
    z-index: 90;
}

.Load {
    position: absolute;
    z-index: 18;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: white;
    justify-content: center;
    align-items: center;
    display: flex;
}
    .Load i {
        font-size: 40px;
        color: #363636;
    }


.SlideBalo {
    width: 270px;
    flex: none;
    box-shadow: 0 0 20px 0px rgb(0 0 0 / 15%);
    margin-bottom: 20px;
    margin-right: 20px;
    border-radius: 9px;
    overflow: hidden;
    position: relative;
}

.WrapSlideBalo {
    overflow-y: hidden;
    overflow-x: scroll;
    display: flex;
    flex: none;
    flex-flow: row nowrap;
    padding-top: 20px;
    padding-left: 20px;
}

    .WrapSlideBalo::-webkit-scrollbar {
        width: 60px;
        height: 60px;
    }

.ListCoupon::-webkit-scrollbar {
    width: 40px;
    height: 40px;
}
#NewInfor::-webkit-scrollbar {
    width: 32px;
    height: 32px;
}

.VascaPresenti::-webkit-scrollbar{
    width: 32px;
    height: 32px;
}

.WrapSlideBalo::-webkit-scrollbar-thumb, .ListCoupon::-webkit-scrollbar-thumb, #NewInfor::-webkit-scrollbar-thumb, .VascaPresenti::-webkit-scrollbar-thumb {
    height: 20px;
    border: 20px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    -webkit-border-radius: 50px;
    background-color: #485e90
}
.ListCoupon::-webkit-scrollbar-thumb, #NewInfor::-webkit-scrollbar-thumb, .VascaPresenti::-webkit-scrollbar-thumb {
    height: 10px;
    border: 10px solid rgba(0, 0, 0, 0);
}
.WrapSlideBalo::-webkit-scrollbar-button, .ListCoupon::-webkit-scrollbar-button, #NewInfor::-webkit-scrollbar-button, .VascaPresenti::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}

.WrapSlideBalo::-webkit-scrollbar-corner, .ListCoupon::-webkit-scrollbar-corner, #NewInfor::-webkit-scrollbar-corner, .VascaPresenti::-webkit-scrollbar-corner {
    background-color: transparent;
}

.SlideBalo .WrapFotina {
    height: 270px;
    width: 270px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


.SlideBalo.Zus {
   box-shadow: none;
   width: 60px;
}

.GoTo, .SceltaDove {
    height: 40px;
    display: flex;
    align-items: center;
    padding-left: 14px;
    cursor: pointer;
}
    .GoTo i {
        margin-left: auto;
        margin-right: 15px;
    }
    .GoTo[raw]::before {
        content: "Link";
        font-size: 16px;
        font-weight: 400;
        color: #363636;
    }
    .GoTo[raw='--']::before {
        content: "--";
    }
    .GoTo[raw] i::before {
        content: "\f7a2"
    }
    .GoTo[raw='--'] i::before {
        content: ""
    }
    .GoTo[raw='GO_TO_ECOMMERCE']::before {
        content: "Pagina Ecommerce"
    }
    .GoTo[raw='GO_TO_SHOPS']::before {
        content: "Pagina Punti Vendita"
    }
    .GoTo[raw='GO_TO_COUPONS']::before {
        content: "Pagina Coupon"
    }
    .GoTo[raw='GO_TO_CONTACTS']::before {
        content: "Pagina Contatti"
    }
    .GoTo[raw='GO_TO_LIVE']::before {
        content: "Pagina Classifica"
    }
    .GoTo[raw='GO_TO_NOWERE']::before {
        content: "Giu Classifica"
    }
    .GoTo[raw='GO_TO_MIPUNTI']::before {
        content: "Pagina Punti"
    }

    .GoTo[raw='GO_TO_ECOMMERCE'] i::before {
        content: "\f07a"
    }

    .GoTo[raw='GO_TO_SHOPS'] i::before {
        content: "\f3c5"
    }

    .GoTo[raw='GO_TO_COUPONS'] i::before {
        content: "\f723"
    }

    .GoTo[raw='GO_TO_CONTACTS'] i::before {
        content: "\f590"
    }
    .GoTo[raw='GO_TO_MIPUNTI'] i::before {
        content: "\f51e"
    }

    .GoTo[raw='GO_TO_LIVE'] i::before {
        content: "\f5a2"
    }
    .GoTo[raw='GO_TO_NOWERE'] i::before {
        content: "\f5a2"
    }

.GoTo[raw='GO_TO_ECOMMERCE'][idp]::before {
    content: "Prodotto " attr(idp);
}
    .GoTo[raw='GO_TO_CATEGORIA'][idp]::before {
        content: "Categoria " attr(idp);
    }
    .GoTo[raw='GO_TO_ECOMMERCE'][idp] i::before, .GoTo[raw='GO_TO_CATEGORIA'][idp] i::before {
        content: "\f291";
    }

.WrapFotina {
    position: relative;
    transition: transform 100ms ease-in-out;
    cursor: pointer;
    overflow: hidden;
}

    .WrapFotina:active {
        transform: scale(.95);
    }

    .WrapFotina label:not(.deff)::after {
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        content: "\f1c5";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(255,255,255,.2);
        opacity: 0;
        transition: opacity 150ms ease-in-out;
        border-radius: 9px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 35px;
        color: var(--Blu_Casa);
        border-radius: 9px 9px 0 0;
    }

    .WrapFotina label:not(.deff).loady::after {
        opacity: 1;
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        animation: spin 800ms linear infinite;
        content: "\f3f4" !important;
        font-weight: 500;
    }



/* mouse, touch pad */
@media (hover: hover) and (pointer: fine) {
    .WrapFotina label:not(.deff):hover::after {
        opacity: 1;
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
    }
}
/* End */


.WrapFotina label {
    display: flex;
    height: 100%;
    width: 100%;
    margin: 0;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
}

    .WrapFotina label.deff {
        background-image: url('../img/nofoto.jpg');
        background-size: 70%;
        background-color: white;
    }

.Imog .WrapFotina input{
    visibility: hidden;
}

.ScelteDove {
    background-color: #fff;
    position: absolute;
    width: 270px;
    z-index: 111;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 30%);
    padding-bottom: 20px;
}

.SceltaDove {
    border-bottom: 2px solid rgba(0,0,0,.1);
}
.SceltaDove:last-child {
    border-bottom: 0;
}
.SceltaDove i{
    margin-left: auto;
    margin-right: 14px;
}
    .SceltaDove input {
        margin: 0;
        height: 21px;
        width: 177px;
        margin-left: 10px;
        appearance: none;
        -webkit-appearance: none;
        border: 1px solid #363636;
        border-radius: 4px;
    }

.WrapScelteDove{
    display: none;
    z-index: 122;
}

.disab {
    pointer-events: none;
    opacity: 0.6;
}

.SlideBalo.Pluso {
    font-size: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
}


.SlideBalo .Cerchiotto.Infon {
    background-color: white;
}

.SlideBalo .Cerchiotto.Infon {
   right: unset;
   left: 10px;
}

.SceltaDove.Sing input {
    width: 142px;
}
.SceltaDove.Sinb input {
    width: 136px;
}

.loadGif {
    background-image: unset;
    filter: unset;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: 50px;
}
    .loadGif::before {
        content: "\f3f4";
        position: absolute;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }


.UltimaD {
    font-size: 16px;
    text-align: center;
    display: block;
    font-weight: 400;
    color: #363636;
}

#wert .inputRicerca, #wert .selectRicerca {
    border: 0;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%);
    color: #363636;
    font-size: 14px;
    padding-left: 16px !important;
}

#wert .wrapSelectZ:after {
    right: 16px;
    top: 32px;
}
#wert .selectRicerca:focus {
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%) !important;
}

.Scelte {
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%);
    border-radius: 11px;
    background-color: white;
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 10px;
    max-height: 400px;
    overflow: auto;
    overflow-x: hidden;
}

.btnAzio.sca {
    margin-bottom: 6px !important;
    background-color: #009688;
}
    .btnAzio.sca:after {
        content: "\f34a";
    }



.btnAzio.resiy {
    background-color: #ff5050;
}

    .btnAzio.resiy:after {
        content: "\f829";
    }


.btnAzio.dowii {
    background-color: #009688;
}

    .btnAzio.dowii:after {
        content: "\f34a";
    }
.Scelta {
    background-color: white;
    border: 2px solid rgba(0,0,0,.1);
    margin-bottom: 10px;
    height: 42px;
    display: flex;
    align-items: center;
    padding-left: 13px;
    font-size: 15px;
    border-radius: 5px;
    position: relative;
    width: 100%;
    margin-left: 0;
    transition: width 150ms linear, margin-left 150ms linear
}
    .Scelta::after {
        content: "\f111";
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        font-family: 'Font Awesome 5 Pro';
        font-weight: 600;
        color: #009688;
        font-size: 22px;
        position: absolute;
        top: 8px;
        left: -40px;
    }

    .Scelta.Quoko{
        width: calc(100% - 50px);
        margin-left: 47px;
        border: 2px solid #009688;
    }
    
    .Scelta.SaltBoc {
        border: 2px solid #009688;
    }


    /* Tastierino */
.Contenitore.centraTutto {
    height: calc(100vh - 115px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.ContTasty {
    border-radius: 25px;
    padding: 16px;
    margin: 0 auto;
    position: relative;
    background-color:#f7f7f7 !important
}
#codee {
    border: 0;
    height: 50px;
    width: 100%;
    margin-bottom: 16px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 15px;
    text-align: center;
    border: 2px solid rgba(0,0,0,.1);
}

    .ContTasty span:active {
        transform: scale(.9);
    }

.ContTasty span {
    height: 50px;
    width: 60px;
    border-radius: 10px;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    user-select: none;
    -webkit-user-select: none;
    transition: transform 100ms ease-in-out;
    cursor: pointer;
    border: 2px solid rgba(0,0,0,.1);
}

    /* END */


header {
    height: 85px;
    width: 100%;
    background-color: var(--Blu_Casa);
    display: flex;
    align-items: center;
    border-bottom: 5px solid #ee3b24;
}
.Logo {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../img/Logo.png);
    height: 40px;
    width: 100%;
}

header .Cerchiotto.Infon {
    top: 21px;
    right: 21px;
    background-color: #f7f7f7
}

@media screen and (max-width: 560px) {
    .Logo{
        margin-left: 0 !important;
    }
    .Modalon {
        width: 100vw;
        border-radius: 0;
    }
    .ContDash {
        border-radius: 0;
        width: 100vw;
    }
    .RigaDash {
        flex-wrap: wrap;
    }
    .ElemDash {
        width: 100%;
        height: 100px;
        display: flex;
    }
        .ElemDash i {
            height: 100%;
            padding: 0;
            align-items: center;
            width: 100px;
            font-size: 46px;
        }
            .ElemDash i.fa-ticket.Money, .ElemDash i.fa-ticket.user, .ElemDash i.fa-bell.user, .ElemDash i.fa-bullhorn.Arko, .ElemDash .fa-truck.Money, .ElemDash .fa-credit-card-front.user {
                font-size: 32px;
            }
        .ElemDash span {
            width: calc(100% - 100px);
            display: flex;
            align-items: center;
            justify-content: center
        }
    .Logo {
        height: 26px;
    }
    .Contenitore.centraTutto {
        height: calc(100vh - 300px);
        margin-top: 0;
    }

    .Cup:not(.Star) .Conto > .textH4, .ModalBal .Conto > .textH4 {
        font-size: 16px;
        padding-right: 60px;
        padding-left: 20px;
    }
    .Luinfso .wrapInp.Rikkalo {
        width: calc(100% - 30px);
        margin-right: 15px;
    }
    .LesGold .ListCoupon {
        border-top: 2px solid rgb(136 167 232 / 40%);
        border-left: 0;
        padding-top: 15px;
        flex-wrap: nowrap;
        overflow-y: hidden;
        overflow-x: scroll;
        flex: none;
        flex-flow: row nowrap;
        scroll-snap-type: x mandatory;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
        .LesGold .ListCoupon .Coupon[usato=true], .LesGold .ListCoupon .Coupon[scarto=true] {
            overflow: unset;
        }
        .LesGold .ListCoupon::-webkit-scrollbar {
            display: none;
        }


    .WrapDash {
        align-items: unset;
        height: unset;
        top: 85px;
        padding-bottom: 85px;
    }

    .Cup.Noty .WrapModalon {
        top: 15px;
        padding-bottom: 100px;
        align-items: unset;
        height: unset;
    }

    .Cup.Noty .WrapCampi.col33:nth-child(2) {
        border-top: 2px solid rgb(136 167 232 / 40%);
        border-bottom: 2px solid rgb(136 167 232 / 40%);
        border-left: 0 !important;
        border-right: 0 !important;
        margin-bottom: 0;
    }
    .Cup.Noty .textH4 {
        margin-top: 10px;
    }
    .Cup.Noty .ContClie {
        min-height: 90px;
    }
    .Cup.Noty .WrapSceCop {
        margin-right: 16px !important;
        margin-left: 16px !important;
    }
    .Cup.Noty .ContClie:empty::after {
        height: 60px !important;
    }
}


.wrapInp.Rikkalo {
    width: calc(100% - 15px);
    margin: 0 15px;
    margin-right: 0;
    margin-top: 5px;
    border-radius: 11px;
    box-shadow: 0 0 20px 0px rgb(0 0 0 / 12%);
}
    .wrapInp.Rikkalo .inputRicerca {
        margin-top: 0;
        border: 0;
        font-size: 15px;
    }
    .wrapInp.Rikkalo #btnCercaMex {
        margin-top: 0;
        border: 0;
        background-color: rgb(136 167 232 / 40%);
        color: rgb(20 41 90 / 75%);
        font-size: 16px;
    }

.textH4 {
    height: 60px;
    margin-top: 0;
    text-shadow: none;
    margin: 0;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Cup .Modalon, .ModalBal .Modalon {
    max-width: 972px;
    padding-bottom: 15px;
}

.Imog {
    height: 150px;
    width: 150px;
    box-shadow: 0 0 20px 0px rgb(0 0 0 / 12%);
    background-color: #fff;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.Mantra .Imog {
    height: 270px;
    width: 100%;
    box-shadow:unset;
    border-radius: 0;
}

.Infos {
   
    display: flex;
    justify-content: center;
    flex-wrap: wrap;

}
    .Infos .Rego, .Infos .Puin, .Infos .Fidel {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 18px;
        margin-top: 3px;
        color: #151515;
        font-weight: 500;
    }
    .Infos .Fidel {
        color: var(--Blu_Casa);
        font-size: 16px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .Infos .Puin {
        color: #5f5f5f;
        font-size: 16px;
    }

.WrapInfus, .WrapLaMiCard {
    min-height: 255px;
    position: relative;
    border-top: 2px solid rgb(136 167 232 / 40%);
    margin-top: 20px;
    padding-top: 20px;
    margin-left: 15px;
    display: flex;
    align-items: center;
}
    .WrapInfus.Eloide {
        height: calc(100% - 180px);
    }
    .WrapInfus:empty::after, .ListCoupon:empty::after, .Cup.Noty .ContClie:empty::after, .WrapLaMiCard:empty::after {
        content: "Nessun risultato trovato";
        position: absolute;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        left: 20%;
        top: 0;
        width: 60%;
        text-align: center;
        font-size: 20px;
        color: #151515;
    }
.ListCoupon:empty::after {
    content: "Nessun coupon trovato";
}
.ListCoupon {
    height: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    overflow: auto;
    max-height: 350px;
    border-left: 2px solid rgb(136 167 232 / 40%);
    padding-bottom: 70px;
}


.Coupon {
    background-color: #cfdcf6;
    margin-left: 15px;
    margin-bottom: 15px;
    width: 135px;
    padding: 5px;
    border-radius: 7px;
    padding-bottom: 10px;
    cursor: pointer;
    max-height: 188px;
    position: relative;
}
    .Coupon .Cerchiotto.Infon {
        background-color: white;
    }
    .Coupon .Imog {
        height: 125px;
        width: 125px;
        box-shadow:none;
        position: relative;
    }

    .Coupon .Infos .Puin {
        color: #151515;
    }

    .Coupon[usato=true], .Coupon[scarto=true] {
        position: relative;
        overflow: hidden;
    }
        .Coupon[usato=true]::after,
        .Coupon[scarto=true]::after,
        .Coupon[exp]::after,
        .CouponMinSpe.Scaduto::after,
        .Coupon[cassa=true]::after {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            padding: 0 20px;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 600;
            font-size: 18px;
            -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
            border-radius: 7px;
            color: #000000;
            transition: opacity 150ms ease-in-out;
            opacity: 1
        }
        .Coupon[usato=true]:hover::after, .Coupon[scarto=true]:hover::after {
            opacity: 0;
        }
        .Coupon[scarto=true]:not([usato=true]):not([exp]):not([cassa=true]):not(.OMAGGIO):not(.POINTS)::after {
            font-size: 13px;
            height: 50px;
            background-color: rgba(255,255,255,.6);
            border-radius: 7px 7px 0 0;
        }
        .Coupon::after {
            background-color: rgba(255,255,255,.2);
        }
        .Coupon[scarto=true]::after {
            content: "Richiesto il " attr(qusato);
        }
        .Coupon[usato=true]::after {
            content: "Usato";
        }
    .Coupon[usato=true][qusato]::after, .Coupon.POINTS[scarto=true][qusato]::after, .Coupon.OMAGGIO[scarto=true][qusato]::after {
        content: "Usato il " attr(qusato);
    }
    .Coupon[cassa=true]::after {
        content: "Usato in Cassa" !important;
    }
    .Coupon[exp]::after {
        content: "Scaduto il " attr(exp) !important;
    }
    .Coupon[qexp]::after {
        content: "Valido fino al " attr(qexp) !important;
    }

.ListCoupon ~ .Cerchiotto.Infon {
    top: unset;
    right: unset;
    bottom: 10px;
    left: 20px;
    width: 60px;
    height: 60px;
    background-color: white;
    font-size: 22px;
    pointer-events: none;
    opacity: .5;
    transition: opacity 150ms ease-in-out;
}

.ListCoupon ~ .Cerchiotto.Infon.Vedi {
    pointer-events: unset;
    opacity: 1
}

#SpeMinSOLO {
    width: 130px;
}

.SpesIno {
    background: #eff4ff;
    position: absolute;
    bottom: 0;
    right: 15px;
    left: 15px;
    font-style: normal;
    font-size: 15px;
    font-weight: 500;
    color: #363636;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    border-radius: 14px;
    text-align: center;
}


/* Due Scelte */
        .WrapSnido {
    height: 50px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%);
    border-radius: 11px;
    display: flex;
    align-items: center;
    position: relative;
}
            .WrapSnido span, .ScegliFascia > span {
                width: 100%;
                height: 100%;
                display: flex;
                padding: 0 12px;
                font-size: 16px;
                font-weight: 500;
                position: relative;
                align-items: center;
                justify-content: center;
            }
.ScegliFascia > span {
    height: 40px
}
    .InputLine:not(.Scavallo).WrapSnido span {
    font-size: 15px;
}
        .WrapSnido span i {
            font-size: 22px;
            margin-right: 8px;
        }

        .WrapSnido span:nth-child(2)::after {
            content: "";
            position: absolute;
            height: calc(100% - 8px);
            width: calc(100% - 8px);
            top: 4px;
            left: 4px;
            border: 2px solid #009688;
            border-radius: 7px;
            transition: left 150ms ease-in-out;
        }

    .WrapSnido input[type='checkbox'] {
        display: block !important;
        border: 0 !important;
        margin: 0;
        padding: 0;
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        appearance: none;
        -webkit-appearance: none;
        z-index: 1;
        cursor: pointer;
    }
    .WrapSnido input[type='checkbox']:focus {
        border: 0 !important;
        outline: none !important;
    }

        .WrapSnido input[type='checkbox']:checked ~ span:nth-child(2)::after {
            left: calc(100% + 4px);
        }

/* End */

.WrapSceCop{
    padding: 5px;
    position: relative;
}

.WSlideFoto {
    display: flex;
    flex-wrap: wrap;
    height: 210px;
    overflow-y: scroll;
    overflow-x: hidden;
    border-radius: 11px;
    background-color: #fff;
    margin-top: 15px;
    padding: 10px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%);
    border: 0;
    padding-right: 0;
    padding-bottom: 50px;
}

    .WSlideFoto .Imog {
        margin-bottom: 10px;
        margin-right: 10px;
        height: 118px;
        width: 118px;
        border: 2px solid rgba(0,0,0,.1);
        box-shadow: none;
        border-radius: 5px;
        position: relative;
    }
    .WSlideFoto .Imog:nth-child(even) {
        margin-right: 0;
    }
#UnCup, #UnCupo, #UnCupoo {
    position: absolute;
    bottom: 139px;
    left: 15px;
}
#UnCupoo {
    bottom: unset;
    top: 165px;
}
#UnCupo {
    bottom: 205px;
}
.Cerchiotto.PlusFotoAmz {
    background-color: white;
    margin: 0;
    z-index: 11;
    box-shadow: 0 0 20px 0px rgb(0 0 0 / 20%);
}
#TwoGirl, #TwoGirlo, #TwoGirloo {
    visibility: hidden;
    display: none;
}
.ListCoupon.WSlideFoto:empty::after {
    content: "Nessun immagine trovata";
    left: 27%;
}
.ListCoupon.WSlideFoto.Adv:empty::after {
    content: "Nessun elemento trovato";
}

.WrapSnido.InputLine{
    margin: 15px 0;
}
    .WrapSnido.InputLine input, .WrapSnido.InputLine textarea {
        border: 2px solid rgba(0,0,0,.1);
        height: calc(100% - 20px);
        margin: 10px;
        width: calc(100% - 10px);
        font-size: 14px;
        font-weight: normal;
        color: #151515;
        padding-left: 7px;
    }


.Imog.Sel {
    border: 4px solid #ffc107;
}

.btnAzio.loady::after {
    content: "\f3f4" !important;
    animation: spin 800ms linear infinite;
}

.fa-ticket.user::before {
    content: "\f007  \f145"
}
.fa-bell.user::before {
    content: "\f007  \f0f3"
}
.fa-credit-card-front.user::before {
    content: "\f007  \f38a"
}

.Cup.Star .Luinfso {
    display: none;
}

.Cup.Star .LesGold, .ModalBal .LesGold {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    min-height: 330px;
    max-height: 500px;
}

.Cup.Star .ListCoupon ~ .Cerchiotto.Infon, .ModalBal .ListCoupon ~ .Cerchiotto.Infon {
    left: 35px;
}
.Cup.Star .Conto .textH4{
    color: transparent;
    position: relative;
}
    .Cup.Star .Conto .textH4:after {
        width: 100%;
        display: flex;
        text-align: center;
        content: "Coupons Personalizzati";
        color: #363636;
        position: absolute;
        height: 100%;
        align-items: center;
        justify-content: center;
    }

.Cup.Star .LesGold .ListCoupon, .ModalBal .LesGold .ListCoupon {
    border-left: 0;
}


.WrapSnido.Scavallo {
    flex-wrap: wrap;
    height: unset;
}

.WrapSnido.Scavallo span {
    height: 40px;
}

    .WrapSnido.Scavallo.InputLine input, .WrapSnido.Scavallo.InputLine textarea {
        height: 40px;
        margin-top: 0;
    }
    .WrapSnido.Scavallo.InputLine textarea {
        height: 150px;
    }


.btnAzio.viola {
    background-color: #b26bf9;
}
    .btnAzio.viola:after {
        content: "\f1d8";
    }


.Infos.Nop{
    position: relative;
    padding-top: 10px;
}
.Infos.Nop::after {
    content: "Nessun Dispositivo Associato";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding: 0 20px;
    justify-content: center;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    color: #000000;
}

.Cup.Noty .Modalon {
    padding-top: 15px;
}
.Cup.Noty .Luinfso {
    padding-right: 16px;
}
.Cup.Noty .WrapCampi.col33:nth-child(2) {
    border-left: 2px solid rgb(136 167 232 / 40%);
    border-right: 2px solid rgb(136 167 232 / 40%);
}
.Cup.Noty .textH4 {
    height: 35px;
    margin-bottom: 15px;
}

.Cup.Noty .WrapSceCop {
    padding: 0;
    margin-right: 14px;
    margin-left: 6px;
}
.Cup.Noty .wrapInp.Rikkalo{
    margin-top: 0;
}
.Cup.Noty .WrapSnido {
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 12%);
}

.Clie {
    background-color: white;
    border: 2px solid rgba(0,0,0,.1);
    display: flex;
    padding: 5px;
    border-radius: 35px;
    margin-bottom: 15px;
}
    .Cup.Noty .ContClie {
        height: calc(100% - 50px);
        margin: 0 8px;
        position: relative;
        overflow: auto;
/*        max-height: 364px;*/
    }
        .Cup.Noty .ContClie:empty::after {
            content: "Nessun cliente selezionato";
        }


.Clie .Imog{
   height: 60px;
   width: 60px;
}
.Clie .Rego {
    font-size: 18px;
    color: #151515;
    font-weight: 500;
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}
.Clie .Cerchiotto.Infon {
    height: 60px;
    width: 60px;
    position: relative;
    top: 0;
    left: 0;
    box-shadow: none;
    background-color: white;
    border: 2px solid #ff7b71;
    font-size: 22px;
}

.QuantDispo {
    height: 60px;
    width: 60px;
    background-color: #f3f5ff;
    border-radius: 30px;
    margin-left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}
    .QuantDispo i {
        margin-left: 5px;
        color: #a245ff;
    }

.Cup.Noty .Modalon {
    max-width: 1060px;
}

.m-b-0{
    margin-bottom: 0 !important;
}
.m-r-0 {
    margin-right: 0 !important;
}
.m-t-0 {
    margin-top: 0 !important;
}
.m-l-0 {
    margin-left: 0 !important;
}

.p-b-0 {
    padding-bottom: 0 !important;
}

.p-r-0 {
    padding-right: 0 !important;
}

.p-t-0 {
    padding-top: 0 !important;
}

.p-l-0 {
    padding-left: 0 !important;
}

.SceleMulti {
    height: 100%;
    width: 100%;
    display: flex;
    padding: 8px;
    padding-right: 0;
}

    .SceleMulti label {
        background-color: #fff;
        box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%);
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        margin-right: 8px;
        height: 100%;
        width: 100%;
        font-size: 15px;
    }
    .SceleMulti label.Sce {
        border: 2px solid #009688;
    }

    #Pans{
        display: none;
    }


.SceCamp {
    height: 390px;
    max-height: unset;
    margin-top: 0;
    margin-left: 8px;
    position: relative;
}

    .SceCamp ~ .btnAzio {
        margin-bottom: 16px !important;
        margin-left: 8px !important;
    }

    .SceCamp.De {
        height: 450px;
        margin-left: 0;
        margin-right: 16px;
    }

.Campagne .Modalon {
    max-width: 1000px;
}

.TitoloBarCerc{

}
    .TitoloBarCerc .wrapInp.Rikkalo {
        width: calc(100% - 300px);
        height: 40px;
    }

        .TitoloBarCerc .wrapInp.Rikkalo .inputRicerca {
            height: 40px;
            width: calc(100% - 40px);
        }

        .TitoloBarCerc .wrapInp.Rikkalo #btnCercaMex {
            width: 40px;
            height: 40px;
        }

.fa-bullhorn.Arko::before {
    content: "\f187  \f0a1";
}

.ElemDash .fa-truck.Money::before {
    content: "\f153  \f0d1";
}
.ElemDash .fa-ticket.Money::before {
    content: "\f153  \f145";
}
/*.WrapDash {
    margin-top: 100px;
}*/
#ListaCampe .Scelta {
    height: unset;
    min-height: 42px;
    overflow: hidden;
    padding-left: 5px;
}

    #ListaCampe .Scelta label {
        font-size: 14px;
        padding: 5px;
        width: calc(100% - 113px);
        display: flex;
        align-items: center;
    }

    #ListaCampe .Scelta .Range {
        background-color: #cedbf5;
        padding: 8px;
        font-size: 12px;
        width: 77px;
    }
#ListaCampe .Scelta Range span:first-child {
    margin-bottom: 5px;
    display: block;
}

.Scelte.SceCamp.De:empty::after {
    content: "Seleziona una campagna";
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}

#Ranking .Scelta {
    padding-left: 5px;
}
    #Ranking .Scelta span {
        display: block;
        width: 100%;
        text-align: center;
        border-right: 2px solid rgba(0,0,0,.1);
    }
    #Ranking .Scelta span:first-child {
        width: 80px;
        border-right: 0;
    }#Ranking .Scelta span:last-child {
        border-right: 0;
    }


#ListaCampe .Cerchiotto {
    height: 48px;
    width: 36px;
    border-radius: 0;
    margin: 0;
    background-color: #8fd1cb;
}


.FidelCard .Modalon {
    max-width: 350px;
}

.FidelCard .Infos {
    width: 300px;
    margin: 0 auto;
} 

    .FidelCard .Modalon .wrapInp.Rikkalo {
        width: calc(100% - 30px);
        margin: 0;
        margin-left: 15px;
        margin-top: 5px;
    }
.WrapLaMiCard {
    margin: 15px;
    flex-wrap: wrap;
}
    .WrapLaMiCard .WrapSceCop {
        padding: 0;
        width: 100%;
    }
.NoValdo {
    height: 100px;
    width: 210px;
    background-color: #fff2f2;
    border: 2px solid #f44336;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 500;
    color: #f44336;
}


.Busty {
    margin-bottom: 15px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%);
    border-radius: 11px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    overflow: hidden;
    gap: 10px;
    padding: 10px;
}
.Busty input {
    display: none;
}
    .Busty .RadioSelM {
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        background-color: #fff;
        box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%);
        font-weight: 400;
        color:#363636;
        font-size: 16px;
    }
        .Busty .RadioSelM i {
            margin-right: 5px;
            font-size: 20px;
        }
        .Busty .RadioSelM i.fa-android {
            color: #3dd382;
        }
            .Busty .RadioSelM i.fa-mobile {
                color: #6b90f9;
            }
    .Busty input:checked + .RadioSelM {
        border: 2px solid #009688;
    }

    .Busty.Due {
        grid-template-columns: repeat(2, 1fr);
    }

@media screen and (max-height: 830px) {
    .WrapDash {
        align-items: self-start;
        padding-top: 120px;
        padding-bottom: 120px;
        height: fit-content
    }
}
@media screen and (max-width: 975px) {
    .ContDash {
        width: 100%;
        border-radius: 0;
        padding-bottom: 20px
    }
    .ElemDash {
        margin: 0;
        margin-left: auto;
        margin-right: auto;
    }
    .RigaDash {
        max-width: unset;
        width: calc(100% - 20px);
        gap: 20px;
    }
}


/* Coupon Spesa Minima */
#ListCopMinSpe {
    max-height: 500px;
}
    #ListCopMinSpe + .Cerchiotto.Infon {
        left: unset;
        right: 35px
    }
.Modalon.Piccolo {
    width: 400px
}
.CouponMinSpe {
    width: 100%;
    margin: 20px;
    position: relative;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 15%);
    border-radius: 11px;
    background-color: white;
    height: fit-content;
    margin-top: 0;
    overflow: hidden;
}
    .CouponMinSpe .Imog {
        width: 100%;
        position: relative;
        box-shadow: none;
        border-radius: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        overflow: hidden;
        height: 160px;
    }
.Speko {
    width: 50%;
    height: 100%;
    padding: 15px 20px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
    background-color:var(--Blu_Casa);
    position: relative;
    padding-left: 13px
}
    .Speko::after {
        content: "";
        position: absolute;
        height: 130%;
        width: 50px;
        background-color: var(--Blu_Casa);
        top: -10px;
        left: -12px;
        transform: rotate(170deg);
        z-index: 1;
    }
    .Speko * {
        display: block;
        width: 100%;
        font-size: 16px;
        color: #f7f7f7;
        font-weight: 400;
        z-index: 2;
    }
    .Speko strong {
        background-color: var(--Rosso_Casa);
        width: fit-content;
        padding: 5px 10px;
        border-radius: 5px;
    }
    .Speko em {
        font-size: 11px;
        color: #c8c9c9;
    }
.CouponMinSpe > label {
    color: var(--Blu_Casa);
    font-weight: 500;
    font-size: 16px;
    margin: 10px 12px 6px 12px;
    display: block;
}
.CouponMinSpe > p {
    margin: 0 12px 10px 12px;
    display: block;
    color: #363636;
    font-weight: 400;
    font-size: 14px;
}
i.Cerchiotto.Infon.fa-trash {
    background-color: white;
    color: var(--Rosso_Casa);
}
.CouponMinSpe i.Cerchiotto.Infon {
    top: 10px;
    left: 10px;
    background-color: white;
}
i.Cerchiotto.Infon.fa-pen {
    top: 60px;
    color: #ff9800;
    background-color: white;
}

.Rikkalo.SpeMin {
    margin: 15px;
    margin-top: 0;
    width: calc(100% - 30px);
}

.CouponMinSpe.Scaduto::after {
    content: "Scaduto";
    z-index: 3;
    backdrop-filter: unset;
    -webkit-backdrop-filter: unset;
    background-color: rgba(255,255,255,.8);
    justify-content: center;
    color: var(--Rosso_Casa);
    font-size: 22px;
    font-weight: 500;
}

.DuRig{
    display: flex;
    gap: 15px;
}
.DuRig > div {
    width: 100%
}
    .DuRig > div.Des > .InvoMispo {
        margin-top: 0;
    }
.Pecio {
    height: 44px;
    width: 130px;
    background-color: #cfdcf6;
    position: absolute;
    top: 7px;
    right: -38px;
    transform: rotate(45deg);
    text-align: center;
    color: #655581;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0px;
    z-index: 4;
    line-height: 15px;
    padding: 5px 25px;
}
/* END */

/* Impostazioni */
.Modalon.Medino {
    width: 450px
}
#ModalSwett .WrapSceCop {
    padding: 0;
}
#ModalSwett .Conto {
    padding: 0 15px;
}
#ModalSwett .btnAzio.verde {
    width: fit-content;
    margin: 0 auto !important;
    min-width: unset;
}
#ModalSwett .Busty {
    grid-template-columns: repeat(2, 1fr);
}

#ModalSwett .WrapSnido.InputLine input {
    text-align: center;
    font-size: 15px;
}

.WrapSnido .fa-euro-sign, #NukFA .fa-percentage {
    position: absolute;
    bottom: 10px;
    right: 10px;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}
.WrapSnido.InputLine:not(.Scavallo) .fa-euro-sign, #NukFA .fa-percentage {
    height: 30px;
    width: 30px;
    display: flex;
    font-size: 16px;
}

/* END */


/* Campagne */
.Modalon.Medio {
    width: 720px
}
#ModalCampin .Conto {
    padding: 0 15px;
}

#ModalCampin .btnAzio {
    width: fit-content;
    min-width: unset;
    margin: 0;
}

.WrapCFampa .d-flex{
    justify-content: center;
    gap: 15px;
}

.WrapFotoFire {
    position: relative;
    width: 100%;
    padding: 10px;
    padding-top: 0;
}
    .WrapFotoFire .WSlideFoto {
    box-shadow: none;
    border: 2px solid rgba(0,0,0,.1);
    border-radius: 0;
    margin-top: 0 !important;
}
    .WrapFotoFire > label {
        position: absolute;
        bottom: 20px !important;
        left: 20px !important;
        top: unset !important;
    }
    .WrapFotoFire > input[type='file'] {
display: none;
    }
#CampNoAttiva, #CampAttiva {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-bottom: 15px;
}
    #CampNoAttiva .WrapSnido.InputLine {
        margin: 0;
    }
     /*   #CampNoAttiva .WrapSnido.InputLine:first-child {
            grid-area: 1 / 2 / span 2 / span 2;
            align-items: self-end;
        }
            #CampNoAttiva .WrapSnido.InputLine:first-child .WrapFotoFire {
                height: 495px;
            }
                #CampNoAttiva .WrapSnido.InputLine:first-child .WrapFotoFire .WSlideFoto {
                    height: 100%;
                    max-height: unset;
                }*/

.WSlideFoto.Lunghe .Imog {
    margin-right: 0;
    height: 114px;
    width: 100%;
    background-size: contain;
}
.WSlideFoto.Quadre{
display: block;
}
    .WSlideFoto.Quadre .Imog {
        aspect-ratio: 1;
        height: unset;
        width: 100%;
        background-size: contain;
    }

#CampAttiva {
    margin-bottom: 0;
}
    #CampAttiva .WrapSnido.InputLine:first-child {
        grid-area: 1 / 2 / span 3 / span 1;
        align-items: self-end;
    }
#CampAttiva .WrapSnido.InputLine:first-child .WrapFotoFire {
    height: 370px;
}
        #CampAttiva .WrapSnido.InputLine:first-child .WrapFotoFire .WSlideFoto {
            height: 100%;
            max-height: unset;
        }
#ModalCampin .WrapSnido.InputLine.Scavallo input {
    text-align: center;
    font-size: 15px;
}
    /* END */


.CopyCode {
    height: 40px;
    width: fit-content;
    background-color: white;
    position: absolute;
    box-shadow: 0 0 20px 0px rgb(0 0 0 / 10%);
    z-index: 11;
    border-radius: 20px;
    left: 10px;
    top: 110px;
    display: flex;
    padding-right: 12px;
    align-items: center;
    color: #363636;
    font-weight: 500;
    font-size: 16px;
}

    .CopyCode i {
        display: flex !important;
        align-items: center;
        justify-content: center;
        height: 40px;
        width: 40px;
        border-radius: 100%;
        font-size: 20px;
        color: ActiveBorder;
        color: #2466ff;
    }


/* ADV Slide */

#CampNoAttiva .WSlideFoto {
    height: 465px;
    max-height: unset;
    align-items: flex-start;
    display: block;
}

/* END */


.Coupon.OMAGGIO .Infos .Puin {
    display: none;
}
.Coupon.OMAGGIO .Infos .Fidel {
    word-break: break-word;
    overflow: hidden;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Banano {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 15px;
}
    .Banano .WrapToggleLin {
        height: 50px;
        flex: none;
    }
    .Banano .WrapSnido.InputLine {
        margin-top: 0;
        width: 100%;
    }

#Pans > span,
#PansRE > span,
#PynsRE > span {
    flex: none;
    width: 75px;
    padding-right: 0;
}
#PansRE > span {
    width: calc(100% - 227px);
}
#PynsRE > span {
    width: calc(100% - 143px);
}
#PansRE > span,
#PynsRE > span{
    flex-direction: column;
}
    #PansRE > span > em,
    #PynsRE > span > em {
        margin-left: 0;
        font-size: 11px;
    }
#Pans .SceleMulti > label:last-child,
#PansRE .SceleMulti > label:last-child,
#PynsRE .SceleMulti > label:last-child {
    flex: none;
    width: 85px;
    padding: 5px;
}
#Pans .SceleMulti > label, #PansRE .SceleMulti > label {
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
}
    #Pans .SceleMulti > label:last-child > input,
    #PansRE .SceleMulti > label:last-child > input,
    #PynsRE .SceleMulti > label:last-child > input {
        padding: 0;
        margin: 0;
        height: 100%;
        width: 100%;
        text-align: center;
    }

/* Calendario */

.calen-dario .calendarioContainer {
    border-radius: 0;
    border: 3px solid white;
    border-bottom: 0;
}
.calendarioHeader i {
    font-size: 18px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
}
.Corrente .inputmain {
    height: 40px;
    font-size: 15px;
}
.Corrente .wrapSelectZ:after {
    font-size: 14px;
}
.Corrente {
    margin: 0 10px;
    border-radius: 20px;
}
.calendarioHeader .Busty {
    padding: 0;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    margin-bottom: 0;
    gap: 0;
    grid-template-columns: repeat(2, 1fr);
    margin-right: auto;
    border-radius: 20px;
}
    .calendarioHeader .Busty .RadioSelM {
        height: 40px;
        box-shadow: none;
        font-size: 15px;
        border-radius: 20px;
        padding: 0 10px;
    }

#ModalProgram .Modalon {
    padding-bottom: 0;
}

.calendarioCelle, .calendarioGiorni {
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
}
.calendarioGiorni {
    background-color: #bee2ff;
}
    .calendarioGiorni:nth-child(7n + 1) {
        background-color: #f77b71;
    }
.calendarioHeader {
    margin: 0 -3px;
    margin-bottom: 3px;
    width: calc(100% + 6px);
    background-color: #f4f5f7;
}
/* END */

/* Coupon rimasti */
.Scelte.Taba .Scelta span {
    display: block;
    width: 100%;
    text-align: center;
    border-right: 2px solid rgba(0,0,0,.1);
}
.Scelte.Taba .Scelta span:last-child {
    border-right: 0;
}
.Scelte.Taba, .Scelte.Taba .Scelta:last-child {
    margin-bottom: 0;
}
.Scelte.Taba {
    position: relative;
    min-height: 270px;
}
    .Scelte.Taba .Load {
        display: flex !important;
    }
.Scelta.Testa {
    background-color: #e1e9f9;
}
.Scelta:not(.Testa) span:not(:first-child ) {
    font-weight: 500;
}
/* END */

/* POP regalo */
.Guo {
    padding: 7px;
    display: flex;
    justify-content: flex-end;
    min-height: 44px;
}

.Comply {
    font-size: 18px;
    font-weight: 500;
    color: #363636;
    background-color: white;
    height: 30px;
    line-height: 30px;
    padding: 0 8px;
    border-radius: 7px;
    box-shadow: 0 0 0 2px #009688;
}


.TabComple{
    display: flex;
}
    .TabComple > .WrapSceCop {
        padding: 0 15px;
        width: 50%;
    }
        .TabComple > .WrapSceCop:first-child {
            border-right: 2px solid #e4e6eb
        }
        .TabComple > .WrapSceCop:last-child .WrapSnido.InputLine:nth-child(2){
            margin-top: 0;
        }
        .TabComple > .WrapSceCop:last-child .WrapSnido.InputLine:last-child {
            margin-bottom: 0;
        }


.FlexAzio {
    margin: 0 auto !important;
    margin-top: 15px !important;
    display: flex;
    gap: 15px;
    justify-content: center;
}

        .FlexAzio .btnAzio {
            width: fit-content;
            min-width: 0;
            margin: 0 !important
        }

    .TabComple .WSlideFoto .Imog:nth-child(even) {
        margin-right: 10px;
    }

#ModalComplCust.ModalBal .Modalon {
    max-width: 981px;
}

.BtnCall {
    display: flex;
    background: white;
    border-radius: 20px;
    align-items: center;
    font-size: 15px;
    font-weight: 400;
    color: #363636;
    padding-left: 12px;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
    margin-right: 10px;
    margin-left: auto;
}
    .BtnCall i {
        box-shadow: none;
        background-color: transparent;
    }

#ModalComplCust .WrapModalon{
    background-color: transparent
}

.Comply.Manuel {
    width: 30px;
    font-size: 16px;
    margin-right: 9px;
    box-shadow: 0 0 0 2px #F44336;
}

.WrapSnido span > em {
    margin-left: 10px;
    font-weight: 400;
}


#ValFA {
    width: 73px;
    text-align: left !important;
}

#NukFA > span {
    justify-content: flex-start;
    padding-left: 16px;
}


.SceleMulti.Rego label {
    width: 34px;
    flex: none;
}


.Vedo {
    opacity: 1;
    filter: blur(0);
    transition: opacity 120ms ease-in-out, filter 200ms ease-in-out;
    /*visibility: visible;*/ 
    will-change: opacity, filter
}

    .Vedo.NoVedo {
        opacity: 0;
        filter: blur(20px);
        /*visibility: hidden;*/
    }


#loadNewInfor.loadGif {
    animation: Routa .8s infinite linear !important;
    background-image: unset !important;
}
#loadNewInfor.loadGif:before {
    font-weight: 900
}

@keyframes Routa{
    from{ transform: rotate(0) }
    to { transform: rotate(360deg) }
}

#NotProgramma.ModalBal .SceCamp.De {
    overflow: hidden;
    height: fit-content;
    border-radius: 21px;
}

    #NotProgramma.ModalBal .SceCamp.De .WrapSceCop .WrapSnido.InputLine.Scavallo:first-child {
        margin-top: 0;
    }
    #NotProgramma.ModalBal .SceCamp.De .WrapSceCop .Busty {
        margin-bottom: 0;
        background-color: #f6f6f6;
        box-shadow: none;
        grid-template-columns: repeat(4, auto);
    }
        #NotProgramma.ModalBal .SceCamp.De .WrapSceCop .Busty .RadioSelM {
            box-shadow: none;
            border: 2px solid rgba(0,0,0,.1);
        }
        #NotProgramma.ModalBal .SceCamp.De .WrapSceCop .Busty input:checked + .RadioSelM {
            border: 2px solid #009688;
        }

        #NotProgramma.ModalBal .SceCamp.De .WrapSceCop .WrapSnido {
            background-color: #f6f6f6;
            box-shadow: none;
        }

#NotProgramma .Cerchiotto.PlusFotoAmz {
    box-shadow: 0 0 20px 0px rgb(0 0 0 / 10%)
}

#NotProgramma .col55 .btnAzio {
    margin-left: 0 !important;
    margin-right: 15px;
    width: 100%
}

#NotProgramma .SceCamp {
    height: calc(100% - 120px);
    border-radius: 20px;
}

#NotProgramma .Cerchiotto.Infon, #NotProgramma .Load {
    z-index: 30;
}

#NotProgramma .textH4 {
    font-size: 20px;
}
#NotProgramma .WrapModalon {
    background-color: transparent
}

.Busty .fa-users-medical {
    color: #9e6fff;
}
.ScegliPrima, #ListaNotProgramma:empty::after {
    position: absolute;
    z-index: 18;
    height: 100%;
    width: 100%;
    top: 0;
    left: -3px;
    background-color: white;
    justify-content: center;
    align-items: center;
    display: flex;
    font-weight: 400;
    color: #363636;
    font-size: 18px
}

#ListaNotProgramma:empty::after {
    content: "Nessuna notifica presente";
    left: 0
}

#ListaNotProgramma {
    padding: 12px;
}
.WrapFotoFire .WSlideFoto#ImgPROG {
    padding-left: 0;
}
#NotProgramma .WSlideFoto .Imog {
    margin-right: 0 !important;
    height: 134px;
    width: 134px;
    margin-left: 10px;
}

#NotProgramma .WrapSnido.Scavallo.InputLine textarea{
    height: 90px;
}
#NotProgramma.ModalBal .SceCamp.De .WrapSceCop .WrapSnido:last-child{
    margin-bottom: 0;
}
.Notazza {
    width: 100%;
    display: flex;
    border: 2px solid rgba(0,0,0,.1);
    border-radius: 11px;
    overflow: hidden;
    margin-bottom: 12px;
}

#NotProgramma .WSlideFoto::-webkit-scrollbar {
    width: 32px;
    height: 32px;
}

.Wuan {
    width: 100%;
    display: flex;
    flex-direction: column;
    font-weight: 400;
    color: #363636;
    font-size: 16px;
    padding: 10px 13px;
    gap: 6px;
}

.Wuan label{
    font-weight: 500;
    font-size: 18px;
}

.Rux {
    height: 100px;
    width: 100px;
    border-radius: 9px;
    flex: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.Notazza.Selx {
    border: 2px solid #009688;
}

.Notazza i{
    font-size: 18px;
}

    .Notazza i.fa-users-medical {
        color: #9e6fff;
    }

    .Notazza i.fa-android {
        color: #3dd382;
    }

    .Notazza i.fa-mobile {
        color: #6b90f9;
    }


.FiankoInpt {
    background-color: rgb(136 167 232 / 40%);
    color: rgb(20 41 90 / 75%);
    font-size: 16px;
    align-items: center;
    justify-content: center;
    display: flex;
    border-bottom-right-radius: 11px;
    border-top-right-radius: 11px;
    width: 50px;
    flex: none;
}

.ScegliIlPrete .wrapInp.Rikkalo {
    width: 100%;
    margin: 0;
    box-shadow: none;
   
    height: 50px;
    background-color: white;
}
.CercaClienti {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.ScegliIlPrete {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 10px;
    gap: 10px;
}

.WrapSnido.Scavallo.InputLine .ScegliIlPrete input {
    height: 100%;
    margin: 0;
    border: 2px solid rgba(0,0,0,.1);
    padding-left: 14px;
}
.ScegliIlPrete .wrapSelectZ{
    width: 100%;
}
    .ScegliIlPrete .wrapSelectZ .selectRicerca {
        margin: 0;
        border: 2px solid rgba(0,0,0,.1);
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        font-size: 15px;
        padding-left: 14px !important;
    }

    .ScegliIlPrete .wrapSelectZ:after {
        right: 17px;
        top: 17px;
    }

.ScegliIlPrete .wrapSelectZ:active {
    transform: scale(.98)
}

.VascaPresenti {
    padding: 10px;
    background-color: white;
    margin: 0 10px;
    border-radius: 11px;
    gap: 10px;
    display: flex;
    flex-direction: column;
    max-height: 180px;
    overflow: auto;
    /*padding-right: 0;*/
}

.VascaPresenti:empty:after {
    content: "Nessun cliente presente";
    margin: 5px 8px;
    text-align: center;
    display: block;
}

.Valgolo {
    height: 40px;
    background-color: #e8eefb;
    width: 100%;
    padding: 0 13px;
    font-size: 15px;
    color: #363636;
    font-weight: 400;
    border-radius: 4px;
    display: flex;
    flex: none;
    align-items: center;
}

    .Valgolo label {
        margin-right: 10px;
    }
    .Valgolo i {
        padding-left: 10px;
        border-left: 2px solid #fbfcfe;
        font-size: 16px;
        color: #F44336;
        position: relative;
        margin-left: auto;
    }
        .Valgolo i:after {
            content: "";
            position: absolute;
            top: -10px;
            left: -10px;
            width: calc(100% + 20px);
            height: calc(100% + 20px)
        }

#NotProgramma .WrapCampi.col45 > .col100{
    height: 100%
}

#NotProgramma.ModalBal .SceCamp.De .Riga input {
    text-align: center
}
    #NotProgramma.ModalBal .SceCamp.De .Riga input#DataPROG {
        padding-right: 10px;
    }



.InfoServer {
    display: flex;
    background-color: #f7f7f7;
    height: 50px;
    width: fit-content;
    border-radius: 25px;
    overflow: hidden;
    padding: 15px;
    gap: 15px;
    flex: none;
}

header .Cerchiotto.Infon{
    position: static;
    flex: none;
    height: 50px;
    width: 50px;
}
header {
    gap: 18px;
    padding: 0 18px;
}

.InfoServer img{
    object-fit: contain
}

.InfoServer span, .InfoServer label {
    white-space: nowrap;
    font-size: 16px;
    font-weight: 400;
    color: #363636;
    padding-bottom: 2px;
    display: block;
}
.InfoServer label {
    font-weight: 500;
}
    .InfoServer label.Err {
        color: #f44336
    }
.InfoServer i {
    font-size: 20px;
    color: #8bc34a;
}
    .InfoServer i.Err {
        color: #f44336
    }

/*.Logo{
    margin-left: 341px
}
*/

.Modalon.Medino {
    width: 500px;
}
.Cappetti {
    background: white;
    width: fit-content;
    padding: 0 11px;
    border-radius: 18px;
    height: 35px;
    font-size: 14px;
    font-weight: 500;
    color: #363636;
    border: 2px solid rgba(0, 0, 0, .05);
    line-height: 32px;
}

    .Cappetti.Nuovo {
        border-color: #FFC107;
    }

    .Cappetti > i {
        height: 20px;
        text-align: center;
        margin-left: 8px;
        font-weight: 500;
        color: #ff796f;
    }

.Cappone {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    max-height: 300px;
    overflow: auto;
}

    .Cappone:empty::after {
        content: "Nessun CAP presente";
        display: block;
        text-align: center;
        width: 100%;
        font-size: 15px;
        font-weight: 400;
        color: #363636;
        margin: 15px;
    }

.ListaCapp {
    background-color: #fff;
    padding: 10px;
    gap: 10px;
    display: flex;
    flex-direction: column;
    flex: none;
    width: 100%;
}

    .ListaCapp > label {
        font-size: 18px;
        color: #363636;
        font-weight: 500;
        padding: 0 8px;
    }

.SottoCapp .WrapSnido.Scavallo {
    margin: 0;
    background-color: transparent;
    box-shadow: none;
}

    .SottoCapp .WrapSnido.Scavallo input {
        margin: 0;
        width: 100%;
    }

.SottoCapp .WrapSnido .fa-euro-sign {
    bottom: 0px;
    right: 0px;
}

.TabsCaps {
    display: flex;
    width: 100%;
    gap: 15px;
}

.TesteFasce {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    width: calc(100% - 20px);
    margin: 0 10px;
    padding: 10px 0;
    background: white;
    background-color: #fff;
    border-bottom: 2px solid rgba(0, 0, 0, .1);
    padding-top: 0;
}
    .TesteFasce > label {
        background: #fff;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
        height: 35px;
        display: block;
        line-height: 34px;
        font-size: 15px;
        padding: 0 14px;
        border-radius: 17px;
    }
        .TesteFasce > label.Sel {
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15), inset 0 0 0 2px #009184;
        }

.ScegliFascia {
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%);
    border-radius: 10px;
    overflow: hidden;
}

#QuiCap .SottoCapp {
    display: flex;
    width: 100%;
    gap: 10px;
}

    #QuiCap .SottoCapp .WrapSnido.Scavallo {
        width: 100%
    }

        #QuiCap .SottoCapp .WrapSnido.Scavallo:first-child input {
            text-align: left;
            padding-left: 13px;
            border-radius: 20px;
            border: 0;
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
        }
            #QuiCap .SottoCapp .WrapSnido.Scavallo:first-child input:focus {
                box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15) !important;
            }

            #QuiCap .SottoCapp .WrapSnido.Scavallo:first-child .fa-euro-sign:before {
                content: "\f067";
            }

.ListaCapp > .WrapSnido.InputLine{
    margin: 0
}