pre.debug {
    background-color: #000;
    color: #FAA00C;
    width: 960px;
    font-family: monospace;
    font-size: 12px;
    margin: auto;
    text-align: left;
    padding: 20px;
    margin-bottom: 20px;
}

pre.debug strong {
    font-family: monospace;
    font-size: 12px;
    color: #FAA00C;
}

.txt2 {
    text-indent: -9999px;
    height: 1px;
}

.modal {
    z-index: 15000;
}

.modal-dialog {
    z-index: 15001;
}

#preventivoSpese {
    position: relative;
    left: 0;
}

.areaRiservata .boxPreventivo {
    padding-bottom: 3em;
}

/*
.corrieriDisponibili{
    background-color:#fff;
    padding:2em;
    display:none;
}*/

/* nel profilo utente se non metto queste regole è tutto un po' scombinato, da rivedere */

/* Questo mancava, serve per metteere il bottone del cestino di fianco all'indirizzo nel processo di checkout */
.box2 .lineaIndirizzo span.delAddr {
    display: block;
    height: 2.5em;
    width: 3em;
    float: left;
    margin: 0.5em 0 0.5em 1%;
}

.box2 .lineaIndirizzo span.content {
    display: block;
    float: left;
    height: 2.5em;
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0.5em 0 0.5em 25%;
}

/** se non metto questo le condizioni di vendita non sono a finaco al checkbox (ho aggiunto anche classe checkbox-inline al check) **/
label.condizioni_vendita {
    display: inline-block !important;
}

/* tecnica honepot */
.hp {
    height: 1px;
    text-indent: -9000px;
}

.coupon #note {
    width: 95%;
    margin: auto;
    height: 120px;
}

.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */
    height: 100%;
    width: 100%;
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0, 0, 0); /* Black fallback color */
    background-color: rgba(0, 0, 0, 0.9); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

.gmapCont {
    width: 90%;
    height: 90%;
    position: fixed;
    top: 5%;
    left: 5%;
    border: 1px solid #000;
    background-color: #fff;
    z-index: 10; /* Sit on top */
    text-align: center;
    color: #000;
    padding: 0.5em;
}

.gmapCont .gmap {
    width: 100%;
    height: 95%;
}

#iubenda-cs-banner {
    bottom: 0 !important;
    left: 0 !important;
    position: fixed !important;
    width: 100% !important;
    z-index: 99999998 !important;
    background-color: #666;
}

.iubenda-cs-content {
    display: block;
    margin: 0 auto;
    padding: 0 20px;
    width: auto;
    font-size: 1em;
    background: #666;
    color: #ddd;
}

.iubenda-cs-rationale {
    position: relative;
    margin: 0 auto;
    padding: 0 2em;
}

.iubenda-banner-content > p {
    line-height: 1.35em;
}

.iubenda-cs-close-btn {
    margin: 0;
    color: #ddd;
    text-decoration: none;
    font-size: 1em;
    position: absolute;
    top: 0;
    right: 0.5em;
    border: none;
}

.iubenda-cs-cookie-policy-lnk {
    text-decoration: underline;
    color: #ddd;
    font-size: 1em;
    font-weight: bold;
}

.iubenda-cs-content, .iubenda-banner-content > p {
    font-family: inherit;
    font-size: 0.9em;
    color: #ddd;
    margin: 0.5em 0;
}

.livigno img{
    display:none;
}

.footer-default>.background, .footer-delivery>.background{
    background-image:none;
}

.menu.js-menu-container,
header.delivery>.page-introduction::before, header.inside>.page-introduction::before{
    background-color:#251436;
}

.section--delivery>.container{
    border:1px #251436 solid;
    background-color: transparent;
}

.order-online>div>span,
.link--border-white--alt,
.link--yellow{
    color:#f09d2c;
}

header.delivery>.page-introduction .arrow, header.inside>.page-introduction .arrow{
    background-image:url(/images/arrow.svg);
}

header.delivery>.page-introduction,
.card--product>.card-body>.row>.col-6>.card-button,
.modal--terms>.modal-dialog>.modal-content{
    background-color:#f09d2c !important;
}

.card--product.active{
    box-shadow:inset 0 7px 0 0 #f09d2c, 0 7px 14px rgba(0,0,0,.12);
}
.card--img{
    width:100px;
    height:100px;
}
.card--img img{
    width:120px;
    border-radius: 60px;
    position:relative;
    left:20px;
    top:-20px;
    border:2px white solid;
    background-color:#f0f0f0;
}

.h5.card-title{
    font-weight: 400;
    margin-bottom: 0;
    color: #4e4e4e;
    flex: 1 1 auto;
    padding: 1.25rem;
    width:90%;
}

header.homepage{
    height:auto !important;
    overflow:hidden
}

header.homepage>.page-info{
    background-image: none;
}


.bgHomeSk,header.homepage{
    background-color:#251436;
    padding-top:40px;
    position:relative;
    min-height: 700px;
}

header.homepage .slogan strong{
    display:block;
    color:#f09d2c;
}

header.homepage .slogan {
    max-width: 700px;
}

header.homepage .wrapper{
    position: absolute;
    bottom: 0;
}

header.homepage .wrapper img {
    width: 600px;
    top: 12px;
    position: relative;
    z-index: 1;
}

header.homepage .slogan .btn {
    position: relative;
    z-index: 1;
    width: 269px;
    height: 66px;
    font-weight: 700;
    font-size: 20px;
    border-radius: 33px;
    -webkit-box-shadow: 16px 4px 28px 4px rgba(36,11,54,0.48);
    box-shadow: 16px 4px 28px 4px rgba(36,11,54,0.48);
    background: -webkit-gradient(linear, right top, left top, from(#ff4f4f), to(#ffc71d));
    background: linear-gradient(to left, #ff4f4f, #ffc71d 100%);
    color: #240b36;
    background-size: 300% 100%;
    moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    line-height: 0.85;
    padding: 16px;
    padding-bottom: 14px;
}

header.homepage .slogan .btn span{
    font-size: 13px;
}

.barraHomeSk{
    background-color: #190924 !important;
}

.mainHome .bg-light{
    background-color: #d8e0ef !important;
}

.mainHome .wrap h2{
    max-width: 431px;
    font-weight: 700 !important
}

.mainHome .bordo{
    min-width: 3px;
    background: -webkit-gradient(linear, left top, left bottom, from(#c31432), to(var(--primary)));
    background: linear-gradient(to bottom, #c31432, var(--primary));
}

.mainHome .text-small{
    font-size:14px;
}

header.homepage .clip{
    height: 130px;
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 0%);
    clip-path: polygon(0 100%, 100% 100%, 100% 0%);
    overflow: hidden;
    bottom: -1px;
    background-color: #d8e0ef !important;
}

.products .products-container .product-category{
    margin-bottom:2rem;
}

.ristorante-a-domicilio .d-flex>div{
    max-width: 276px;
    position: relative;
    height:290px;
}

@media (min-width: 992px){
    .ristorante-a-domicilio .d-flex>div{
        position:relative;
    }

    .ristorante-a-domicilio .d-flex>.mb-4:after {
        content: "";
        position: absolute;
        top: 0;
        right: -23px;
        display: block;
        width: 46px;
        height: 46px;
        opacity: 0.36;
        top: 50%;
        margin-top: -46px;
        margin-right: -46px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border-top: solid 1px #6d798f;
        border-right: solid 1px #6d798f;
    }

    header.delivery>.page-introduction, header.inside>.page-introduction{
        height:200px;
    }

}

.cards{
    margin-bottom: 40px;
}

header.delivery .logo{
    width:200px;
}

footer .link--border-white{
    padding:0;
}
footer .link--border-white:after{
    content: none;
}

.order-summary{
    z-index:4 !important;
}

@media (max-width: 991px) {
    .js-categories li{
        margin-top:5px;
        margin-bottom:5px;
    }

    .ristorante-a-domicilio .d-flex>div{
        height:auto;
    }
}



.bootstrap-datetimepicker-widget table td.today:before {
    /*border-bottom-color: #413829 !important;*/
}

.bootstrap-datetimepicker-widget table tr td.active:active,
.bootstrap-datetimepicker-widget table tr td.active.highlighted:active,
.bootstrap-datetimepicker-widget table tr td.active.active,
.bootstrap-datetimepicker-widget table tr td.active.highlighted.active,
.bootstrap-datetimepicker-widget table td span.active {
    /*background-color: #413829 !important;*/
    border-radius: 0;
}

.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
    border-radius: 0;
}

.table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td {
    padding: 7px;
}

.input-group-addon, .input-group-text {
    background-color: transparent;
}
.card--product>.card-body>.card-text>.card-info--red {
    color: #e63548;
}
.card--product>.card-body>.card-text>.card-info--orange {
    color: #ff7d00;
}
.card--product>.card-body>.card-text>.card-info--green {
    color: #1cb39b;
}
.card--product>.card-body>.card-text>.card-info--blue {
    color: #30a8cc;
}
@media (min-width: 768px) {
    .section--gmap>.container>.map {
        padding-bottom: calc(100% / 2);
    }
}
.js-order-summary-mobile>li::after,.js-order-summary>li::after{
    content:attr(data-product-total-price) " €"
}
a.iubenda-nostyle {
    color: inherit !important;
}
a.iubenda-nostyle::after {
    content: none !important;
}

.modal--terms > .modal-dialog > .modal-content{
    background-color: white !important;
}

.hiddenSk{
    display:none !important;
}

.fullWidthSk{
    width:100% !important;
}

.logoDefaultSk{
    height:60px;
}

#containerPagamento{
    margin-top:60px;
    margin-bottom:120px;
}

.modal.modalAlert,
.modal.modalTermini{
    z-index:15002 !important;
}
.modal-backdrop{
    z-index:15001;
}
.modal-dialog{
    max-width: 500px !important;
    margin:0 auto !important;
    top:30px

}
.modal-footer .btn-danger{
    color:#dc3545;
}

#speseConsegna::after,
#speseConsegnaMobile::after,
#sconto::after,
#scontoMobile::after,
#couponLi::after,
#couponLiMobile::after{
    content:normal !important;
}

#speseConsegna span,
#speseConsegnaMobile span,
#sconto span,
#scontoMobile span,
#couponLi span,
#couponLiMobile span
{
    position: absolute;
    right:0;
}

.form-group{
    margin-bottom: 0.5rem;
}

.btn-sk{
    border:1px #1cb39b solid;
}
.btn-sk:hover{
    background-color: #1cb39b !important;
}

.infoPopup{
    position:absolute;
    top:10px;
    right:10px;
    font-size: 24px;
    color:#4e4e4e;
}

.modal-dialog-scrollable .modal-content{
    min-height: auto !important;
    padding-bottom: 40px;
}
.modal-dialog-scrollable{
    height: auto !important;
}

@media (max-width: 767px) {
    .iubenda-cs-content {
        margin: 0.25em 0;
        line-height: 1.2em;
        padding: 0 2px
    }

    .iubenda-cs-rationale {
        font-size: 10px;
        padding: 0 1.5em 0 0.5em;
    }

    header.homepage .wrapper img {
        width: 300px;
        top: 80px;
    }

    header.homepage .wrapper{
        position:relative;
    }

    .modal-dialog{
        top:0px;
        max-width: 100%;
        margin-left:15px;
    }

    .modal-dialog-scrollable .modal-content{
        min-height: 100vh !important;
        padding-bottom: 0px;
    }
    .modal-dialog-scrollable{
        height: 100vh !important;
    }
}