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

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

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

.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-content{*/
/*    height: 165px;*/
/*}*/

/*.testo-card{*/
/*    height: 50px;*/
/*}*/


/*.h-static-550 {*/
/*    height: 475px;*/
/*}*/

/*#bgvid {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    min-width: 100%;*/
/*    min-height: 100%;*/
/*    width: auto;*/
/*    height: auto;*/
/*    z-index: 0;*/
/*    transform: translateX(-50%) translateY(-50%);*/
/*    background-size: cover;*/
/*    background-position: center;*/
/*}*/

/*header.header-home {*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*}*/

/*.uppercase{*/
/*    text-transform: uppercase;*/
/*}*/

/*@media (max-width: 991.98px) {*/
/*    .footer-left {*/
/*        display: none; !* Nasconde la galleria su schermi piccoli *!*/
/*    }*/
/*    .footer-right-bar {*/
/*        padding:20px;*/
/*        width: 100%; !* La barra occupa l'intera larghezza su schermi piccoli *!*/
/*        border-radius: 0;*/
/*    }*/
/*}*/

/*.footer-container {*/
/*    z-index: 1;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
/*    position: fixed; !* Rende il footer fisso in basso *!*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    box-sizing: border-box;*/
/*}*/

/*!* Stili per la sezione sinistra del footer (la "Galleria") *!*/
/*.footer-left {*/
/*    height: 70px;*/

/*    display: flex;*/
/*    align-items: center;*/
/*    flex-grow: 1; !* Permette alla sezione di occupare lo spazio disponibile *!*/
/*}*/

/*!* Stili per la barra bianca a destra *!*/
/*.footer-right-bar {*/
/*    height: 70px;*/
/*    background-color: #fff;*/
/*    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
/*    width: 51%; !* Occupa la metà destra dello schermo *!*/
/*}*/


/*.total-bar {*/
/*    padding-left: 22%*/
/*}*/

/*.btn-wizard{*/
/*    margin-right:12px;*/
/*    height: 45px;*/
/*    width: 167px;*/
/*    padding:0;*/
/*}*/

/*#back-button{*/
/*    margin-left: auto;*/
/*    margin-right: 0 !important;*/
/*    border: none;*/
/*}*/

/*#back-button:hover{*/
/*        background-color: transparent !important;*/
/*        color: #34393f;*/
/*}*/

/*.bg-barca {*/
/*    !*height: max-content;*!*/
/*    !*padding-bottom: 70px;*!*/


/*}*/

/*.info-tecniche{*/
/*    margin-right: 5rem !important;*/
/*}*/

/*@media (max-width: 768px) {*/
/*    .footer-right-bar {*/
/*        width: 100%; !* La barra occupa l'intera larghezza dello schermo *!*/
/*        justify-content: center; !* Centra gli elementi *!*/
/*    }*/

/*    .total-bar {*/
/*        font-size: 1rem; !* Riduco la dimensione del font *!*/
/*        padding-left: 10px; !* Riduco il padding per non occupare troppo spazio *!*/
/*        margin-right: auto; !* Spinge il pulsante "Indietro" a sinistra *!*/
/*    }*/


/*    .btn-wizard {*/
/*        width: 120px; !* Riduco la larghezza del pulsante "Prosegui" *!*/
/*        height: 40px; !* Riduco l'altezza *!*/
/*    }*/

/*    #back-button {*/
/*        display: none; !* Nascondo il pulsante "Indietro" su schermi piccoli se non è strettamente necessario *!*/
/*    }*/
/*}*/

/*@media (max-width: 1440px) {*/

/*    .total-bar {*/
/*        padding-left: 10%*/
/*    }*/
/*}*/

/*@media (max-width: 1175px) {*/

/*    .total-bar {*/
/*        padding-left: 2%*/
/*    }*/
/*}*/

/*@media (max-width: 1175px) {*/

/*    .total-bar {*/
/*        padding-left: 2%*/
/*    }*/
/*}*/

/*@media (max-width: 993px) {*/

/*    .footer-right-bar {*/

/*        width: 100%; !* Occupa la metà destra dello schermo *!*/
/*    }*/
/*}*/


/*!* Contenitore principale del paginator *!*/
/*.swiper-pagination {*/

/*    padding-left: 10px;*/
/*    display: flex; !* Per allineare i punti *!*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    width: auto; !* Adatta la larghezza al contenuto *!*/
/*}*/

/*!* Stile per tutti i punti (bullet) *!*/
/*.swiper-pagination-bullet {*/
/*    width: 8px; !* Larghezza di base *!*/
/*    height: 8px; !* Altezza di base *!*/
/*    display: block; !* O display: inline-block; *!*/
/*    border-radius: 50%; !* Rendi i punti circolari *!*/
/*    background: rgba(255, 255, 255, 0.5); !* Colore semi-trasparente bianco *!*/
/*    opacity: 1; !* Assicurati che siano visibili *!*/
/*    margin: 0 4px; !* Spaziatura tra i punti *!*/
/*    transition: all 0.3s ease; !* Transizione per un effetto fluido *!*/
/*}*/
/*.swiper-pagination-bullet-active {*/
/*    width: 25px; !* Larghezza maggiore per l'indicatore attivo *!*/
/*    height: 8px; !* L'altezza rimane la stessa *!*/
/*    border-radius: 4px; !* Rendi gli angoli arrotondati, non completamente circolari *!*/
/*    background: #212121; !* Colore più scuro per l'indicatore attivo (come nell'immagine) *!*/
/*    opacity: 1;*/
/*}*/

/*.wrap-swiper-wizard{*/
/*    box-shadow: none!important;*/
/*}*/

/*.wrap-swiper-wizard.swiper-container {*/
/*border-radius: 0;*/
/*}*/

/*.step-line-sx{*/
/*    margin-bottom: 15px;*/
/*    height: 1px;*/
/*    width: 80%;*/
/*    background-color: #ecf1f3;*/
/*    margin-top: 0px!Important;*/
/*}*/
/*.wrap-swiper-wizard .swiper-slide a:hover img {*/
/*     transform: none!important;*/
/*}*/

/*.main-container{*/
/*    height: 100%!important;*/
/*}*/
/*@media (min-width: 768px) {*/
/*    .wrap-swiper-wizard.swiper-container {*/
/*        height: calc(100vh - 345px);*/
/*    }*/
/*}*/
/*.card-content {*/
/*    height: max-content;*/
/*    min-height: 10px;*/
/*}*/
/*.testo-card {*/
/*    height: max-content;*/
/*    min-height: 10px;*/

/*}*/

/*#afterDynamicContent{*/
/*    margin-top:-15px;*/
/*}*/

/*.card-option-riepilogo {*/
/*    border-top-left-radius: 12px;*/
/*    border-top-right-radius: 12px;*/
/*    border-bottom-left-radius: 0;*/
/*    border-bottom-right-radius: 0;*/
/*}*/

/*#afterDynamicContent{*/
/*    position:relative;*/
/*    padding:15px!important;*/
/*    box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.2);*/
/*}*/
/*@media (max-width: 768px) {*/
/*    .sm-small {*/
/*        font-size: .875rem;*/

/*    }*/
/*    .sm-icon-small{*/
/*        width:20%*/
/*    }*/


/*    card-option-riepilogo{*/
/*        padding-bottom:0;*/
/*    }*/

/*    .card-container{*/
/*        padding: 0.4rem;*/
/*        padding-right: calc(var(--bs-gutter-x) * .2);*/
/*        padding-left: calc(var(--bs-gutter-x) * .2);*/
/*        margin-top: -22px;*/
/*    }*/

/*    .card-content p {*/
/*        font-size: 10px !important;*/
/*    }*/

/*    .titolo-card{*/
/*        font-size: 14px !important;*/

/*    }*/
/*}*/

/*@media (max-width: 991.98px) {*/
/*    .step-line {*/
/*        width: 200px;*/
/*        margin-top: 0px !important;*/
/*        margin-right: 10px !important;*/
/*        margin-bottom: 0px !important;*/
/*        margin-left: 10px !important;*/
/*    }*/
/*    #titolo-configurazione{*/
/*        font-size:15px!important;*/
/*    }*/
/*    .titolo-step{*/
/*        font-weight: 400; !* 'Regular' corrisponde a 400 *!*/
/*        font-size: 12px;*/
/*        line-height: 10px;*/
/*        letter-spacing: 1.6px;*/
/*        text-transform: uppercase;*/
/*        margin-bottom: 7px;*/
/*    }*/

/*    .titolo-categoria{*/
/*        font-weight: 600; !* 'SemiBold' corresponds to 600 *!*/
/*        font-size: 16px;*/
/*        line-height: 33px;*/
/*        margin-bottom: 7px; !* 'Paragraph Spacing' translates to margin-bottom *!*/
/*        color: #34393f; !* 'primary' color with hex code #34393f *!*/
/*    }*/
/*    .totaleNumeri {*/
/*        margin-bottom: 0px!important;*/
/*    }*/
/*    #afterDynamicContent{*/
/*        margin:0!important;*/
/*        position: fixed;*/
/*        bottom:0;*/
/*        width:100%*/
/*    }*/
/*    .main-container .scrollable-content {*/
/*        overflow-y: visible!important;*/

/*    }*/
/*}*/

/*@media (min-width: 768px) {*/
/*    .wrap-swiper-wizard .swiper-slide {*/
/*        height:auto!important;*/
/*    }*/
/*}*/

/*@media (max-width: 425px) {*/
/*    .card-option {*/
/*        padding: 0.7rem;*/
/*    }*/
/*    .h-static-550 {*/
/*        overflow: visible !important;*/
/*    }*/
/*}*/


/*#afterDynamicContent .btn-primary {*/
/*    width: auto!important;*/
/*    padding-top: 11px!important;*/
/*    padding-right: 11px!important;*/
/*    padding-bottom: 11px!important;*/
/*    padding-left: 11px!important;*/
/*}*/


@media (max-width: 575.98px) {
    #total-price small {
        font-size: 90% !important;
    }
}


@media (min-width: 768px) {
    .intro-barca {
        padding-right: 15%;
    }
}

@media (max-width: 768px) {
    .intro-barca {
        margin-left: 0.7rem !important;
    }

    .fascione-barche .filter-buttons {
        box-shadow: 0 8px 29px #c7c7c778 !important;
    }
}

#afterDynamicContent {
    z-index: 10 !important;
}

.logo_hhy {
    min-width: 110px;
}

.slogan-default p {
    max-width: 100% !important;
}

.checkList li {
    padding-left: 24px;
    position: relative;
    padding-bottom: 5px;
}

.checkList li i {
    position: absolute !important;
    left: 0;
    top: 3px;
}

.template-barche-in-stock .priceDiv {
    display: none !important;
}

.template-barche-in-stock p,
.template-barche-in-stock li{
    font-size:14px
}


#open-youtube-video{
    min-width:140px!Important;
}


.video-text{
    position: relative;
    bottom: 2px;
}

.fa-play-circle{
    font-size: 1.4em!important
}

#youtube-container, #youtube-container-mobile{
    margin-top:5px;
}

.btn-filtri{
    background-color: #34393f;
}

.label-stock{
    right:20px;
    bottom:3px;
    border-radius:40px;
    background-color: #34393f ;
    color:white;
    font-size:14px!important;
}