:root {
    --bs-red: #B52A16;
    --bs-primary: #B52A16;
    --bs-primary-rgb: 181, 42, 22;
    --bs-primary-text: #B52A16;
    --bs-link-color: #B52A16;
    --bs-link-color-rgb: 181, 42, 22;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #ee2A16;
    --bs-link-hover-color-rgb: 238,42,22;
    --bs-info: #8ed8f8;
    --bs-info-rgb: 142,216,248;
    --bs-blue: #0095da;
    --bs-blue-light: #60a6fbee;
    --cn-icona-categia-width: 55px;
}

body {
    font-family: 'Ubuntu', sans-serif !important;
}

h1 {
    font-weight: bold !important;
}

h2 {
    font-weight: bold !important;
}

h3 {
    font-weight: bold !important;
    font-size: 22px;
}

.fs-6-plus {
    font-size: 1.125rem !important;
}

a {
    font-weight: 500 !important;
}

.mt-n1 {
    margin-top: -0.25rem;
}

.mt-n2 {
    margin-top: -0.5rem;
}

.mt-n3 {
    margin-top: -1rem;
}

.mt-n4 {
    margin-top: -1.5rem;
}

.mt-n5 {
    margin-top: -3rem;
}

.mb-n1 {
    margin-bottom: -0.25rem;
}

.mb-n2 {
    margin-bottom: -0.5rem;
}

.mb-n3 {
    margin-bottom: -1rem;
}

.mb-n4 {
    margin-bottom: -1.5rem;
}

.mb-n5 {
    margin-bottom: -3rem;
}

.ms-n1 {
    margin-left: -0.25rem;
}

.ms-n2 {
    margin-left: -0.5rem;
}

.ms-n3 {
    margin-left: -1rem;
}

.ms-n4 {
    margin-left: -1.5rem;
}

.ms-n5 {
    margin-left: -3rem;
}

.me-n1 {
    margin-right: -0.25rem;
}

.me-n2 {
    margin-right: -0.5rem;
}

.me-n3 {
    margin-right: -1rem;
}

.me-n4 {
    margin-right: -1.5rem;
}

.me-n5 {
    margin-right: -3rem;
}

label {
    font-weight: normal !important;
}

.header-cerca {
    background-color: #D4D9DF !important;
    padding: 10px;
    margin-top: -23px;
}

.header-aree-tematiche {
    background-color: #393939 !important;
    padding: 10px;
    color: #ffffff;
}

.nav-link {
    font-weight: 400 !important;
}

.navbar-brand img {
    width: 240px;
    max-width: 54vw;
}

/* typical phone screen resolution */
@media (min-width : 576px) {
    .navbar-brand img {
        width: 300px;
    }
}
/* landscape orientation */
@media only screen and (min-width : 375px) and (max-width : 395px) and (orientation : landscape) {
}
/* portrait orientation */
@media only screen and (min-width : 375px) and (max-width : 395px) and (orientation : portrait) {
}


.btn {
    /*--bs-btn-font-weight: 700;*/
    font-weight: 500 !IMPORTANT;
}

.btn-sfondo-edit-immagini {
    background-color: white;
}

.btn-light {
    --bs-btn-color: #B52A16;
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #B52A16;
    --bs-btn-hover-bg: #d3d4d5;
    --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: var(--bs-dark);
    --bs-btn-active-bg: var(--bs-info);
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa;
}


.btn-primary {
    --bs-btn-bg: #B52A16;
    --bs-btn-border-color: #B52A16;
    --bs-btn-hover-bg: #e02A16;
    --bs-btn-hover-border-color: #e02A16;
    --bs-btn-focus-shadow-rgb: 253, 132, 49;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #e02A16;
    --bs-btn-active-border-color: #e02A16;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #ffaa9d;
    --bs-btn-disabled-border-color: #ffaa9d;
    border: none;
}

.btn-secondary {
    border: none;
}

.btn-outline-info {
    --bs-btn-color: #FFF;
    --bs-btn-border-color: var(--bs-info);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: var(--bs-info);
    --bs-btn-hover-border-color: var(--bs-info);
    --bs-btn-focus-shadow-rgb: 13,202,240;
    --bs-btn-active-color: var(--bs-blue);
    --bs-btn-active-bg: var(--bs-info);
    --bs-btn-active-border-color: #0dcaf0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-info);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-info);
    --bs-gradient: none;
    font-weight: 700 !important;
}
.btn-giallo {
    --bs-btn-color: #B52A16;
    --bs-btn-bg: #EDB700;
    --bs-btn-border-color: #EDB700;
    --bs-btn-hover-color: #B52A16;
    --bs-btn-hover-bg: #ED8100;
    --bs-btn-hover-border-color: #ED8100;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: var(--bs-btn-hover-bg);
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa;
}

.navbar .btn-sm {
    padding-top: 0.525rem;
    padding-bottom: .5rem;
    padding-left: 0.6rem;
    padding-right: 0.6rem;
    font-size: 0.875rem;
    border-radius: .25rem;
    font-weight: 500 !important;
    letter-spacing: 0.02em;
    line-height: 1;
}

@media (min-width: 560px) {
    .navbar .btn-sm {
        padding-top: .4rem;
        padding-bottom: .4rem;
        padding-left: 0.875rem;
        padding-right: 0.875rem;
        font-size: 0.875rem;
        border-radius: .25rem;
        font-weight: 500 !important;
        letter-spacing: 0.02em;
    }
}

.btn-giallo.text-blue {
    color: #2f4edb !important;
}

    .btn-giallo.text-blue:hover {
        color: #B52A16 !important;
    }

.cursor-pointer {
    cursor: pointer;
}

.i.mg-areetematiche {
    width: 34px;
}

.rounded {
    border-radius: 20px !important;
}

.form-group {
    margin-bottom: 14px;
}

.form-check {
    margin-bottom: 14px;
}

.navbar-dark {
    --bs-navbar-color: rgba(255, 255, 255, 0.9);
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #B52A16 !important;
    color: #FFFFFF !important;
}



.i.mg-help {
    width: 18px;
}

.btnEditIndirizzo {
    text-decoration: none;
}


/* STILE TAB */
.titolo-tab {
    border-width: 4px;
    border-bottom-color: #B52A16;
    border-bottom-style: solid;
    /*padding-bottom: 5px;*/
    margin-bottom: 15px;
    font-size: 20px;
}

.nav-pills .nav-link {
    border-radius: 0px;
    border-width: 2px;
    border-right-color: #E6E6E6 !important;
    border-right-style: solid !important;
    padding-top: 4px;
    padding-bottom: 4px;
    border-left: solid 4px transparent;
}

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        /*background-color: #B52A16 !important;
    color: #FFFFFF !important;*/
        /*     background-color: #FFFFFF !important;*/
        color: #B52A16 !important;
        border-radius: 0px;
        border-left-width: 4px;
        border-left-color: #B52A16 !important;
        border-left-style: solid !important;
        border-right-width: 4px;
        border-right-color: #E6E6E6 !important;
        border-right-style: solid !important;
        /*        border-top-width: 2px;
        border-top-color: #B52A16 !important;
        border-top-style: dashed !important;
        border-bottom-width: 2px;
        border-bottom-color: #B52A16 !important;
        border-bottom-style: dashed !important;*/

        background-color: #ededed !important;
    }

.dropdown-menu-lang {
    --bs-dropdown-min-width: 3.6rem;
}

.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: var(--bs-border-color);
    --bs-pagination-border-radius: var(--bs-border-radius);
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: var(--bs-tertiary-bg);
    --bs-pagination-hover-border-color: var(--bs-border-color);
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: var(--bs-secondary-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: var(--bs-link-color);
    --bs-pagination-active-border-color: var(--bs-link-color);
    --bs-pagination-disabled-color: rgba(0,0,0,.5);
}

.prodotto-lista {
    /* width: 19%;
    float: left;*/
    height: 170px;
    border-color: gray;
    border-style: solid;
    border-width: 1px;
    /*    margin-left: 2px;
    margin-bottom: 2px;*/
}

.prodotto-lista-vuoto {
    /*    width: 19%;
    float: left;*/
    /*  height: 170px;*/
    /*    border-color: gray;
    border-style: dashed;
    border-width: 1px;*/
    /*    margin-left: 2px;
    margin-bottom: 2px;*/
    background-color: #E9ECEF;
}

    .prodotto-lista-vuoto:hover {
        background-color: #f9d976;
    }

.prodotto-lista-8050 {
    height: 80px;
}

.colAggIns {
    height: 77px;
}

@media (max-width: 767px) {
    .prodotto-lista-8050 {
        height: 50px;
    }

    .colAggIns {
        height: 47px;
    }
}


.form-group label {
    font-size: 15px;
}

.nav-pills .nav-link {
    color: #6c757d;
    font-weight: normal;
}

.list-group-item {
    background-color: #A5D2D6;
}

#v-pills-vcard .list-group-item {
    background-color: #ffe071;
}

#v-pills-vcard .list-group-item:hover {
    background-color: #ffe071 !important;
}

.pac-container {
    /*     background-color: #FFF;
    position: fixed;
    display: inline-block; */
    z-index: 1060;
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}



.loading-spin::after {
    content: "";
    display: block;
    position: absolute;
    width: 4rem;
    height: 4rem;
    top: calc(50% - 2rem);
    left: calc(50% - 2rem);
    border: 5px solid var(--bs-dark);
    border-radius: 50%;
    border-left-color: rgba(var(--bs-dark-rgb), 0.3);
    animation: 1.2s linear infinite spinner-border;
    z-index: 100;
}

.wait-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10000;
    background-color: rgba(255,255,255,.9);
}

    .wait-screen.fade {
        pointer-events: none;
    }

.img-help {
    width: 12px;
}

.nascondi-blocco {
    display: none;
}

table.dataTable thead tr th, table.dataTable tr:last-child td {
    border-bottom-width: 10px;
}

.input-group-text {
    border: none;
}

@media (max-width:767px) {
    .tab-content .col .input-group-text {
        padding-left: 0;
    }

    .tab-content .col-form-label.col-12 {
        padding-bottom: 1px;
    }
}

/* Icone in modak Categorie merceologiche e Tipologie utenti*/
.img-icona {
    max-width: 50px;
    max-height: 50px;
}

table tr td .img-icona {
    height: 1.4rem;
    width: 1.4rem;
    display: inline-block;
}



input[type="text"] {
    /* Inserisci qui le proprietà CSS per lo stile dei tuoi input di tipo radio */
    border-radius: .375rem !important;
}

input[type="email"] {
    /* Inserisci qui le proprietà CSS per lo stile dei tuoi input di tipo radio */
    border-radius: .375rem !important;
}

.input-group > input {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

div.dataTables_wrapper div.dataTables_info {
    color: #a0a8b1;
}


select {
    /* Inserisci qui le proprietà CSS per lo stile dei tuoi input di tipo radio */
    border-radius: .375rem !important;
}

textarea {
    /* Inserisci qui le proprietà CSS per lo stile dei tuoi input di tipo radio */
    border-radius: .375rem !important;
}

.static-feedback {
    font-size: 12px;
    margin-top: 0.05rem;
    padding-left: 83px;
    line-height: 1.1;
    width: 100%;
    opacity: 0.5;
    display: none;
}

.accordion.accordion-cerconoleggio {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-primary);
    --bs-accordion-border-width: 3px;
    --bs-accordion-border-radius: var(--bs-border-radius);
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-accordion-btn-padding-x: 1rem;
    --bs-accordion-btn-padding-y: .5rem;
    --bs-accordion-btn-color: var(--bs-primary);
    --bs-accordion-btn-bg: var(--bs-body-bg);
    --bs-accordion-btn-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230a58ca'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
    --bs-accordion-btn-focus-border-color: var(--bs-primary);
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: var(--bs-white);
    --bs-accordion-active-bg: var(--bs-gray-500);
}

    .accordion.accordion-cerconoleggio .accordion-button {
        border-bottom-width: 3px;
        border-style: solid;
        font-size: 1.5rem;
        font-weight: 700;
    }


    .accordion.accordion-cerconoleggio .accordion-item-categoria .accordion-button::after {
        margin-left: auto;
        margin-right: 0.25rem;
    }

        @media (min-width: 768px) {
            .accordion.accordion-cerconoleggio .accordion-item-categoria .accordion-button::after {
                margin-left: 0.5rem;
            }
        }


    .accordion.accordion-cerconoleggio .accordion-button:not(.collapsed) {
        box-shadow: none;
    }

        .accordion.accordion-cerconoleggio .accordion-button:not(.collapsed):focus {
            border-color: var(--bs-link-hover-color);
        }

    .accordion.accordion-cerconoleggio .accordion-button > img {
        height: auto;
        width: 2.5rem;
        margin-right: .75rem;
    }

    .accordion.accordion-cerconoleggio .accordion-body .img-icona {
        height: auto;
        width: 1.75rem;
    }

    .accordion.accordion-cerconoleggio .accordion-body .btn-outline-secondary {
        --bs-btn-color: var(--bs-primary);
        --bs-btn-border-color: var(--bs-gray-500);
        --bs-btn-hover-bg: var(--bs-gray-500);
        --bs-btn-hover-border-color: var(--bs-gray-500);
        --bs-btn-padding-x: 0.6rem;
        --bs-btn-padding-y: 0.375rem;
    }

    .accordion.accordion-cerconoleggio .accordion-item {
        border-bottom-color: transparent;
    }

.card.card-areetematiche {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color: var(--bs-primary);
    --bs-card-border-width: 0;
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
    --bs-card-cap-color: var(--bs-body-color);
    --bs-card-height: 100%;
    --bs-card-bg: var(--bs-body-bg);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    word-wrap: break-word;
    background-color: rgba(var(--bs-body-color-rgb), .075);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
}

.card-areetematiche .card-text {
    /*height: 6rem;*/
    overflow: hidden;
}

/*@media (min-width: 576px) {
    .card-areetematiche .card-text {
        height: 7.5rem;
    }
}*/

.card-areetematiche .icone-categoria img {
    width: 100%;
    height: auto;
}

    .card-areetematiche .icone-categoria img:hover {
        border-style: solid;
        border-width: 2px;
    }


.form-control:disabled {
    color: #6C757D !important;
    background-color: #f8f9fa;
}

.carousel-cell {
    border-width: 10px;
    border-radius: 1rem;
    border-style: solid;
    border-color: transparent;
}

    .carousel-cell.selected {
        border-color: #4a82af;
    }



.card-titolo-filtro-listino {
    color: #ffffff;
    background-color: #ADDBF0;
    text-align: center;
    border: none;
    margin-bottom: 5px !important;
}

    .card-titolo-filtro-listino h5 {
        margin-bottom: 0px;
    }

    .card-titolo-filtro-listino a {
        color: black;
        text-decoration: none;
    }

.dati-promozione {
    color: rgba(var(--bs-secondary-rgb),.5);
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1;
}

.form-switch .form-check-input {
    font-size: 20px;
}

.titoletto-listini {
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 2.6vw;
    font-weight: 400;
    text-align: center;
}

.btn-slots {
    color: var(--bs-dark);
    background-image: url("bootstrap-icons/icons/circle.svg");
    background-size: 75%;
    background-position: center;
    background-repeat: no-repeat;
    font-weight: 700;
    font-size: 4.2vw;
}

.btn-listini > img {
    max-width: 9vw;
}

.btn-listini > span {
    font-size: 2.6vw;
    color: var(--bs-dark);
}

.ratio-9x21 {
    --bs-aspect-ratio: 233.3333333333333%;
}

.ratio-9x16 {
    --bs-aspect-ratio: 177.77777778%;
}

.ratio-cell-cerconoleggio {
    --bs-aspect-ratio: 170%;
}

.ratio-aureo {
    --bs-aspect-ratio: 161.8%;
}

.titolo-listino {
    text-align: center;
    background-color: var(--bs-white);
    margin-bottom: 0;
    color: var(--bs-blue);
    font-weight: 700;
}

.titolo-blocchetto {
    background-color: var(--bs-light);
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 0.125rem;
    font-size: .75rem;
}

.blocchetto-img {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .blocchetto-img img {
        max-height: 80%;
        width: auto;
        max-width: 50%;
    }

.blocchetto-slot {
    color: var(--bs-dark);
    background-image: url("bootstrap-icons/icons/circle.svg");
    background-size: 45%;
    background-position: center;
    background-repeat: no-repeat;
    font-weight: 700;
    font-size: 1.2rem;
}

.footer {
    background-color: var(--bs-blue);
    color: var(--bs-white);
    text-align: center;
}

input.text-bg-success::placeholder {
    color: rgba(255, 255, 128,0.6);
    font-weight: 400;
}

input.text-bg-success {
    font-weight: 700;
}

.form-switch .form-check-input {
    margin-right: .5em;
}

.form-check-input:checked {
    background-color: var(--bs-blue);
    border-color: var(--bs-blue);
}

.text-blue {
    color: var(--bs-blue)
}

.border-blue {
    border-color: var(--bs-blue)
}

.disabled .fa-duotone.text-blue {
    color: var(--bs-gray-500)
}

.bg-gray-pills {
    background-color: #B4B4B3;
}

.border-gray-dark {
    border-color: #607D8B !important;
}

.bg-banner-brand {
    background-color: lightgray;
}

.approvato .bg-banner-brand {
    background-color: #1dae6b94;
}

.in-attesa .bg-banner-brand {
    background-color: #ffc1079e;
}

[data-indi="salva-punto-ritiro"] {
    display: none;
}

.prodotto-page [data-indi="salva-punto-ritiro"] {
    display: inline-block;
}

@media (min-width: 576px) {
    .btn-slots {
        font-size: 1.5rem;
        background-size: 70%;
    }

    .titoletto-listini {
        font-size: 0.875rem;
        font-weight: 700;
    }

    .btn-listini > img {
        max-width: 100%;
    }

    .btn-listini > span {
        font-size: 0.875rem;
    }
}

@media (min-width: 768px) {
    .btn-slots {
        font-size: 1.8rem;
        background-size: 65%;
    }
}

@media (min-width: 992px) {
    .btn-slots {
        font-size: 1.2rem;
    }
}

@media (min-width: 1200px) {
    .btn-slots {
        font-size: 1.2rem;
        background-size: 60%;
    }
}

@media (min-width: 1400px) {
    .btn-slots {
        font-size: 1.4rem;
    }
}

.bg-warning-hover:hover, :hover > .bg-warning-hover {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity)) !important;
}

.interlinea03 {
    margin-bottom: 0.3rem !important;
}


.form-check-input:checked {
    background-color: #009949 !important;
    border-color: #009949 !important;
}

.nav-pills a:hover {
    background-color: #ededed !important
}



.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
}


@media (min-width: 768px) and (max-width: 990px) {
    .container, .container-md, .container-sm {
        max-width: 992px;
    }
}




/*

    prezzo-articolo
    prezzo-articolo-personalizzato
    prezzo-articolo-icona
    prezzo-articolo-valuta

*/

.prezzo-articolo {
    font-size: 66px;
    color: #B52A17;
    font-weight: bold;
}

.prezzo-articolo-personalizzato {
    font-size: 20px;
    color: #B52A17;
    font-weight: bold;
    position: relative;
    top: 16px;
}

.prezzo-articolo-contenitore-icona {
    position: relative;
    top: -30px;
    right: -27px;
}

.prezzo-articolo-icona {
    font-size: 20px;
    color: #B52A17;
}

.prezzo-articolo-valuta {
    position: relative;
    font-weight: bold;
    font-size: 20px;
    right: 15px;
}

.icona-distanza {
    color: #000000;
    font-size: 14px;
}

.testo-distanza {
    color: #CC0A00;
    font-weight: bold;
    font-size: 20px;
}

.test-km {
    color: #6c757d;
    font-weight: bold;
    font-size: 14px;
}

.contenitore-luogo-articolo {
    background-color: #C8C8C8;
    padding-top: 6px;
    padding-bottom: 2px;
    line-height: 28px;
}

.luogo-articolo {
    color: #818180;
    font-weight: bold;
    font-size: 14px;
    top: -2px;
    position: relative;
}

.icona-eco-articolo {
    color: #00602F;
    float: right;
    font-size: 32px;
    top: -3px;
    position: relative;
}



.immagine-tipo-noleggiatore {
    width: 35px;
}

.icona-stella-noleggiatore {
    font-size: 19px;
    color: #FDA300
}

.voto-noleggiatore {
    position: relative;
    font-weight: bold;
    font-size: 17px;
    color: #818180;
}

.icone-contatti-noleggiatore {
    font-size: 32px;
}

.nome-noleggiatore {
    font-size: 15px;
    font-weight: bold;
    color: #003082;
    display: inline-flex;
}


.indirizzo-barra-ricerca {
    float: left;
    color: #FFFFFF;
    margin-top: 8px;
    padding-left: 5px;
    line-height: 17px;
    font-size: 14px;
    white-space: nowrap; /* Impedisce l'a capo del testo */
    overflow: hidden; /* Nasconde il testo che supera la larghezza dell'elemento */
    text-overflow: ellipsis;
    padding-bottom: 3px;
}

.tendina-raggio-barra-ricerca {
    font-size: 20px;
    height: 44px !IMPORTANT;
    text-align: center;
    color: #FFFFFF;
    background-color: #B52A18;
    padding-top: 0.1rem;
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .prezzo-articolo {
        font-size: 48px;
        color: #B52A17;
        font-weight: bold;
    }

    .prezzo-articolo-personalizzato {
        font-size: 20px;
        color: #B52A17;
        font-weight: bold;
        position: relative;
        top: 16px;
    }

    .prezzo-articolo-contenitore-icona {
        position: relative;
        top: -26px;
        right: -15px;
    }

    .prezzo-articolo-icona {
        font-size: 16px;
        color: #B52A17;
    }

    .prezzo-articolo-valuta {
        position: relative;
        font-weight: bold;
        font-size: 16px;
        right: 15px;
    }



    .immagine-tipo-noleggiatore {
        width: 32px;
    }

    .icona-stella-noleggiatore {
        font-size: 17px;
        color: #FDA300
    }

    .voto-noleggiatore {
        position: relative;
        font-weight: bold;
        font-size: 16px;
        color: #818180;
    }

    .icone-contatti-noleggiatore {
        font-size: 28px;
    }

    .nome-noleggiatore {
        font-size: 16px;
        font-weight: bold;
        color: #003082;
        display: inline-flex;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {

    .prezzo-articolo {
        font-size: 38px;
        color: #B52A17;
        font-weight: bold;
    }

    .prezzo-articolo-personalizzato {
        font-size: 16px;
        color: #B52A17;
        font-weight: bold;
        position: relative;
        top: 16px;
    }

    .prezzo-articolo-contenitore-icona {
        position: relative;
        top: -22px;
        right: -12px;
    }

    .prezzo-articolo-icona {
        font-size: 14px;
        color: #B52A17;
    }

    .prezzo-articolo-valuta {
        position: relative;
        font-weight: bold;
        font-size: 14px;
        right: 15px;
    }

    .icona-distanza {
        color: #000000;
        font-size: 12px;
    }

    .testo-distanza {
        color: #CC0A00;
        font-weight: bold;
        font-size: 14px;
    }

    .test-km {
        color: #6c757d;
        font-weight: bold;
        font-size: 12px;
    }


    .contenitore-luogo-articolo {
        background-color: #C8C8C8;
        padding-top: 4px;
        padding-bottom: 0px;
    }

    .icona-luogo-articolo {
        font-size: 22px;
    }

    .luogo-articolo {
        color: #818180;
        font-weight: bold;
        font-size: 13px;
        top: -4px;
        position: relative;
    }

    .icona-eco-articolo {
        color: #00602F;
        float: right;
        font-size: 26px;
        top: 0px;
        position: relative;
    }


    .immagine-tipo-noleggiatore {
        width: 24px;
    }

    .icona-stella-noleggiatore {
        font-size: 15px;
        color: #FDA300
    }

    .voto-noleggiatore {
        position: relative;
        font-weight: bold;
        font-size: 14px;
        color: #818180;
    }

    .icone-contatti-noleggiatore {
        font-size: 22px;
    }

    .nome-noleggiatore {
        font-size: 14px;
        font-weight: bold;
        color: #003082;
        display: inline-flex;
    }





/*    .indirizzo-barra-ricerca {
        float: left;
        color: #FFFFFF;
        margin-top: 0px;
        padding-left: 5px;
        line-height: 16px;
        font-size: 11px;
    }*/

    .icona-mia-posizione-barra-ricerca {
        font-size: 20px;
    }

    .icona-mappa-barra-ricerca {
        font-size: 20px;
    }


    .tendina-raggio-barra-ricerca {
        font-size: 16px;
        height: 44px !IMPORTANT;
        text-align: center;
        color: #FFFFFF;
        background-color: #B52A18
    }
}



@media (max-width: 767px) {

    .prezzo-articolo {
        /* font-size: 38px;*/
        color: #B52A17;
        font-weight: bold;
    }

    .prezzo-articolo-personalizzato {
        font-size: 16px;
        color: #B52A17;
        font-weight: bold;
        position: relative;
        top: 16px;
    }

    .prezzo-articolo-contenitore-icona {
        position: relative;
        top: -22px;
        right: -12px;
    }

    .prezzo-articolo-icona {
        font-size: 14px;
        color: #B52A17;
    }

    .prezzo-articolo-valuta {
        position: relative;
        font-weight: bold;
        font-size: 14px;
        right: 15px;
    }

    .icona-distanza {
        color: #000000;
        font-size: 12px;
    }

    .testo-distanza {
        color: #CC0A00;
        font-weight: bold;
        font-size: 14px;
    }

    .test-km {
        color: #6c757d;
        font-weight: bold;
        font-size: 9px;
    }


    .contenitore-luogo-articolo {
        background-color: #C8C8C8;
        padding-top: 4px;
        padding-bottom: 0px;
    }

    .icona-luogo-articolo {
        font-size: 22px;
    }

    .luogo-articolo {
        color: #818180;
        font-weight: bold;
        font-size: 13px;
        top: -4px;
        position: relative;
    }

    .icona-eco-articolo {
        color: #00602F;
        float: right;
        font-size: 26px;
        top: 0px;
        position: relative;
    }


    .immagine-tipo-noleggiatore {
        width: 24px;
    }

    .icona-stella-noleggiatore {
        font-size: 15px;
        color: #FDA300
    }

    .voto-noleggiatore {
        position: relative;
        font-weight: bold;
        font-size: 14px;
        color: #818180;
    }

    .icone-contatti-noleggiatore {
        font-size: 22px;
    }

    .nome-noleggiatore {
        font-size: 14px;
        font-weight: bold;
        color: #003082;
        display: inline-flex;
    }
}


.btn-danger {
    background-color: #B52A16 !important;
}

.rounded {
    border-radius: 10px !important;
}

.shadow {
    box-shadow: 0 .1rem 0.5rem rgba(var(--bs-body-color-rgb),1.4) !important;
}

    .shadow-sm {
        box-shadow: 0 0 0.3rem rgba(var(--bs-body-color-rgb), 0.7) !important;
    }

.imgCopertina {
    position: absolute;
    left: 10px;
}

.dropdown-menu {
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: 0;
    --bs-dropdown-border-width: var(--bs-border-width);
    --bs-dropdown-inner-border-radius: calc(0.375rem - var(--bs-border-width));
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15);
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--bs-white);
    --bs-dropdown-link-hover-bg: var(--bs-primary);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: var(--bs-dark);
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
}

#divMenuLogged .dropdown-menu {
    max-height: calc(100vh - 45px);
    overflow-y: auto;
}

.fm-viewer {
    z-index: 1060;
}

.btn-35 {
    height: 35px !important;
    padding: .2rem .6rem;
}

/*.cambia-bg:not(:empty) {
    background-color: #ddd;
}*/

.invalid-feedback {
    font-size: 12px;
    /*        left: 36px;
        position: relative;*/
    margin-top: -0.2rem;
    padding-left: 36px;
}

.select2-search__field {
    background-color: lightyellow;
}

.select2-dropdown {
    background-color: #CFD4DA !important;
}

.btn-sfondo-bianco {
    background-color: white;
}

.fw-bold {
    font-weight: 500 !important;
}

.card-fixed-width {
    width: 300px;
}

.nav-tabs.nav-wizard {
    --bs-nav-tabs-border-width: 0;
    --bs-nav-tabs-border-color: transparent;
    --bs-nav-tabs-border-radius: 0;
    --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
    --bs-nav-tabs-link-active-color: var(--bs-primary);
    --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
    --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
    border-bottom: 0 solid var(--bs-nav-tabs-border-color);
}

.nav-wizard .nav-link {
    color: var(--bs-blue);
    padding: 0;
}
    .nav-wizard .nav-link:not(.disabled) + span {
        color: var(--bs-blue);
        font-weight: 700;
        opacity: 1 !important;
    }

    .nav-wizard .nav-link.active, .nav-wizard .nav-link.active.disabled {
        color: var(--bs-primary);
        pointer-events: none;
    }

        .nav-wizard .nav-link.active + span, .nav-wizard .nav-link.active.disabled + span {
            font-weight: 700;
            color: var(--bs-primary) !important;
            opacity: 1 !important;
        }

    .nav-wizard .nav-link:hover {
        color: var(--bs-info);
    }

    .nav-wizard .nav-link.disabled {
        color: var(--bs-gray-500);
    }

.nav-wizard .nav-item {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    flex: 1 0 0%;
}

.disabled-visible {
    display: none;
}

.disabled .disabled-visible, .active .disabled-visible {
    display: block;
}

.disabled .disabled-hidden, .active .disabled-hidden {
    display:none;
}

label.required {
    font-weight: 500 !important;
}

    label.required::after {
        font-weight: 500;
        color: var(--bs-primary);
        content: "*";
    }


.mobile-search-bar {
    display: none; /* Nasconde il div su schermi non mobili */
}

@media (min-width: 768px) {
    .round-div {
        display: none;
    }
}

#btnChiudiRicercaMobile {
    display: none;
}

@media only screen and (max-width: 767px) {

    .round-div {
        display: blok;
        /*padding-top: 5px;*/
        font-size: 30px;
        left: calc(50% - 55px);
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 40px;
        text-align: center;
    }

    .header-cerca {
        display: block;
        position: fixed;
        bottom: -1720px;
        background-color: transparent !important;
        background-image: url(../Immagini/sf-slide-up.svg);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 768px;
        z-index: 1000;
        transition: .5s bottom;
        margin: 0;
        height: 1800px;
        width: 100%;
    }

        .header-cerca.slide-up {
            /*            transform: translateY(-60vh);
            transform: translateY(-60dvh);*/
            bottom: -1280px;
        }
}

.round-div a {
    text-decoration: none; /* Rimuove la sottolineatura del link */
    color: #ffffff; /* Esempio: colore del testo nero */
    display: block;
}

.btn-secondary {
    --bs-btn-color: var(--bs-dark);
    --bs-btn-bg: var(--bs-gray-400);
    --bs-btn-border-color: var(--bs-gray-400);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c636a;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d;
}

.invalid-tab {
    position: relative;
    color: red !important;
}

    .invalid-tab::after {
        font-family: "bootstrap-icons";
        content: "\f33b";
        position: absolute;
        right: 1rem;
    }

.text-stripe {
    color: rgb(84,51,255) !important;
}

.text-paypal {
    color: rgb(0, 121, 193) !important;
}

.no-vuoto {
    background-color: var(--bs-gray-300);
}

    .no-vuoto.light-cyan {
        background-color: #d7e8fd !important;
    }

.single-marker, .multi-marker {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    cursor: pointer;
    z-index: 2;
    transition: width .4s, height .4s;
}

.single-marker {
    background-size: 80% 80%;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    border: 2px solid #000;
    background-color: white;
}

.multi-marker {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    border-radius: 50%;
    border: solid 3px var(--bs-primary);
}

    .single-marker.marker-sm, .multi-marker.marker-sm {
        width: 24px;
        height: 24px;
    }

    .single-marker.marker-lg, .multi-marker.marker-lg {
        width: 48px;
        height: 48px;
    }

    .single-marker.active, .multi-marker.active {
        width: 40px;
        height: 40px;
        z-index: 50;
        background-color: var(--bs-warning);
        color: var(--bs-primary);
    }

.mapboxgl-marker {
    transition: width .4s, height .4s;
}

.mapboxgl-popup {
    z-index: 60;
}

.mapboxgl-marker.active {
    width: 40px;
    height: 40px;
    z-index: 50;
}

.single-marker.marker-lg.active, .multi-marker.marker-lg.active {
    width: 60px;
    height: 60px;
    z-index: 50;
}

.single-marker.marker-sm.active, .multi-marker.marker-sm.active {
    width: 30px;
    height: 30px;
    z-index: 50;
}

.single-marker:hover, .multi-marker:hover {
    z-index: 100;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #B52A16;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #ffffff;
    background-color: #000000;
}

.bg-blue {
    background-color: var(--bs-blue) !important;
}


@media (max-width: 768px) {
    .AliasRicerca {
        display: block;
        width: 100%;
    }
}

.bg-light-yellow {
    background-color: #f9d976 !important;
}

.border-light-yellow {
    border-color: #f9d976 !important;
}

.bg-cornsilk {
    background-color: cornsilk !important;
}

.border-cornsilk {
    border-color: cornsilk !important;
}

.pagination button.page-link:first-child, .pagination *:first-child .page-link {
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem;
    background-color: var(--bs-primary);
    color: white;
    border-color: var(--bs-primary);
    margin-right: 2px;
}

.pagination button.page-link:last-child, .pagination *:last-child .page-link {
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem;
    background-color: var(--bs-primary);
    color: white;
    border-color: var(--bs-primary);
    margin-left: 2px;
}

a.mb-active .fa-duotone {
    --fa-primary-color: var(--bs-primary) !important;
    --fa-secondary-color: var(--bs-primary) !important;
    --fa-secondary-opacity: .5;
}

a.mb-active {
    color: var(--bs-primary) !important;
}

.bordoPulsanteIcona {
    font-size: 20px;
    border-style: solid;
    border-color: #d4d9df;
    border-width: 2px;
    border-radius: 10px;
    padding-left: 4px;
    padding-right: 4px;
}

textarea::placeholder {
    color: lightgray !IMPORTANT;
}

/* Uniforma il colore dei placeholder per tutti gli input/textarea */
input::placeholder,
textarea::placeholder,
input[type="email"]::placeholder,
input[type="tel"]::placeholder,
input[type="url"]::placeholder,
input[type="search"]::placeholder {
    color: lightgray !important;
}

/* vendor prefixes per compatibilità con browser più vecchi */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: lightgray !important;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: lightgray !important;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: lightgray !important;
}

#map .card {
    width: 240px;
}

a.disabled, a[disabled] {
    pointer-events: none;
}

input[type="checkbox"].disabled,
input[type="checkbox"].disabled,
[for].disabled {
    pointer-events: none;
    opacity: .5;
}

.iconServizioMobile {
    font-size: 20px !important;
}

@media (max-width: 1410px) {
    .iconServizioMobile {
        font-size: 19px !important;
    }
}

.img-container {
    position: relative;
    max-height: 65vh;
}

.img-container img {
    max-height: 100%;
}

.btn-check:disabled + .btn, .btn-check[disabled] + .btn {
    pointer-events: none;
    filter: none;
    opacity: .4;
}

.form-control.is-invalid {
    background-color: var(--bs-body-bg) !important;
}

.elencoRicerca {
    min-height: calc(100vh - 170px);
    position:relative;
}
 @media (min-width: 576px) {
     .elencoRicerca {
         min-height: 422px;
     }
 }

 .hover-shadow {
     transition: all 0.3s;
 }

 .hover-shadow:hover {
     box-shadow: rgba(0,0,0,0.8) 2px 2px 5px;
     transform:translate(-1px,-1px);
 }

    .hover-shadow:active {
        box-shadow: none;
        transform: translate(0,0);
    }

/**
    HEADER RISULTATI RICERCA - Fisso su destop
*/

/*.header-ricerca {
    position: fixed;
    padding-top: 60px;
    top: 0;
    left:0;
    width: 100%;
    z-index: 3;
    background-color: white;
}*/

@media (min-width: 577px) {
    .header-ricerca {
        position: fixed;
        padding-top: 140px;
        top: 0;
        width: 540px;
        z-index: 3;
        background-color: white;
        padding-left: 5px;
        transform: translateX(-5px);
    }
}

@media (min-width: 768px) {
    .header-ricerca {
        padding-top: 140px;
        top: 0;
        width: 75%;
        z-index:3;
        background-color: white;
    }
}

@media (min-width: 920px) {
    .header-ricerca {
        width: 720px;
    }
}

@media (min-width: 1200px) {
    .header-ricerca {
        width: 855px;
    }
}

@media (min-width: 1400px) {
    .header-ricerca {
        width: 990px;
    }
}

@media (max-width: 576px) {
    .div-filtri {
        position: fixed;
        background-color: white;
        z-index: 1000;
        top: 59px;
        padding-top: 15px;
        padding-bottom: 20px;
    }
}

input[disabled], select[data-hide][hidden] + span {
    background-image: url(../Immagini/svg/edit-disabled.svg);
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: calc(100% - 10px);
    padding-right: 2rem;
}

select[data-hide][hidden] + span {
    flex-grow: 1;
}

.disabled-block {
    opacity: 0.3;
}
    .disabled-block select, .disabled-block input, .disabled-block button, .disabled-block a {
        pointer-events: none;
    }

.fc-event.event-chat {
    background-color: #fbc953 !important;
    border-color: #fbc953 !important;
}
.new-messages {
    position: relative;
}

    .new-messages::before {
        font-family: "Font Awesome 6 Pro";
        content: '\f658';
        position: absolute;
        top: 0.5rem;
        right: 0.38rem;
        width: 1rem;
        height: 1rem;
        line-height: 1;
        /*background-color: var(--bs-danger);
        border-radius: 50%;*/
        color: var(--bs-primary);
    }

.accordion-button.new-messages::before {
    top: 50%;
    transform: translateY(-50%);
}

.archived {
    position:relative;
}

    .archived::after {
        font-family: "bootstrap-icons";
        font-size: 1rem;
        content: "\f10d";
        position: absolute;
        bottom: 0.35rem;
        right: 0.3rem;
        width: 1rem;
        height: 1rem;
    }

.modal-open {
    overflow: scroll !important;
    padding-right: 0px !important;
}

.swal2-shown {
    overflow: auto !important;
    padding-right: 0px !important;
}
[data-rollback] {
    cursor: pointer;
}

.icon-switch label {
    cursor: pointer;
}

.icon-switch input {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.fa-duotone.text-danger {
    --fa-primary-color: var(--bs-danger) !important;
    --fa-secondary-color: var(--bs-danger) !important;
}

.fa-duotone.text-danger-black {
    --fa-primary-color: var(--bs-danger) !important;
    --fa-secondary-color: black !important;
    --fa-secondary-opacity: .8 !important;
}

.fa-duotone.text-success {
    --fa-primary-color: var(--bs-success) !important;
    --fa-secondary-color: var(--bs-success) !important;
}

.fa-duotone.text-warning {
    --fa-primary-color: var(--bs-warning) !important;
    --fa-secondary-color: var(--bs-warning) !important;
}

.fa-duotone.text-info {
    --fa-primary-color: var(--bs-info) !important;
    --fa-secondary-color: var(--bs-info) !important;
}

.fa-duotone.text-primary {
    --fa-primary-color: var(--bs-primary) !important;
    --fa-secondary-color: var(--bs-primary) !important;
    --fa-secondary-opacity: 0.5 !important;
}

.fa-duotone.icon-gray {
    --fa-primary-color: var(--bs-gray-300) !important;
    --fa-secondary-color: var(--bs-gray-600) !important;
}

.fa-duotone.text-gold {
    --fa-primary-color: gold;
    --fa-secondary-color: white;
    --fa-secondary-opacity: 1;
}

.fa-duotone.bg-gold {
    --fa-primary-color: white;
    --fa-secondary-color: gold;
    --fa-secondary-opacity: 1;
}

.fa-duotone.bg-white {
    --fa-primary-color: gold;
    --fa-secondary-color: white;
    --fa-secondary-opacity: 1;
    background-color: transparent !important;
}

.form-control-cn {
    transition: all 0.3s;
}

.form-control-cn.cn-gray {
    background-color: var(--bs-gray-300);
}

.form-control-cn:focus {
    outline:none;
    background-color: var(--bs-warning);
}

.ui-menu.ui-autocomplete {
    z-index: 10000;
    background-color: #d7e8fd;
}

@media (max-width: 768px) {
    .ui-menu.ui-autocomplete {
        max-width: calc(100vw - 150px);
        position: fixed !important;
    }
}

.bg-out-light-cyan {
    background-color: #d7e8fd;
    border-left: 3px solid #d7e8fd;
    border-right: 3px solid #d7e8fd;
}

.bg-light-cyan {
    background-color: #d7e8fd !important;
}

.bg-light-yellow {
    background-color: #ffe071 !important;
}

.bg-nologo {
    background-image: url("/Immagini/no_insegna.jpg");
    background-repeat: no-repeat;
    background-size: contain;
}
.border-gray {
    --bs-border-color: #D4D9DF !important;
}

.bg-blue-light {
    background-color: var(--bs-blue-light) !important;
}

.bg-gray {
    background-color: #D4D9DF;
}

.bg-giallo, .bg-yellow {
    background-color: #EDB700 !important;
}

.border-light-orange {
    --bs-border-color: #ffcd00 !important;
}

.text-yellow {
    color: #EFE609 !important;
}

/**
    Modifica larghessa modal-sm
*/

.modal-sm {
    --bs-modal-width: 360px;
}

.modal-custom-green .modal-content {
    background-color: var(--bs-success);
    color: white;
    border-radius: var(--bs-border-radius-xl);
}

.modal-custom-green .modal-header, .modal-custom-green .modal-footer {
    border: 0;
    padding-top: .25rem;
    padding-bottom: .25rem;
}

.modal-custom-green .modal-body {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 1rem;
    padding-right: 1rem;
}

.modal-custom-green .modal-title {
    font-size: 1.25rem;
    font-weight: 500;
}

.modal-custom-green .custom-card {
    color: #000;
    background-color: RGBA(248, 249, 250, 1);
    border-radius: var(--bs-border-radius);
    padding: .5rem;
    line-height: 1.25;
    position: relative;
}

    .modal-custom-green .custom-card:not(:last-child) {
        margin-bottom: .5rem;
    }

.modal-custom-green .text-muted {
    color: rgba(0,0,0,.5) !important;
    font-weight: 400;
}

.modal-custom-green .custom-card .principale{
    position: absolute;
    right: .5rem;
    bottom: .5rem;
}

.modal-custom-green.bg-blue .modal-content{
    background-color: var(--bs-blue);
}

@media (max-width: 575px) {
    div:where(.swal2-container) input:where(.swal2-input), 
    div:where(.swal2-container) input:where(.swal2-file), 
    div:where(.swal2-container) textarea:where(.swal2-textarea), 
    div:where(.swal2-container) select:where(.swal2-select), 
    div:where(.swal2-container) div:where(.swal2-radio), 
    div:where(.swal2-container) label:where(.swal2-checkbox) {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
        max-width: 100% !important;
    }
}
/**
    Content editable
*/
.editable[contenteditable=true][data-placeholder]:empty:before {
    content: attr(data-placeholder);
    pointer-events: none;
    display: block; /* For Firefox */
    color: rgba(0,0,0,.5);
    min-height: 1rem;
}

.editable[contenteditable=true]{
    background-color: var(--bs-gray-300)
}

    .editable[contenteditable=true]:focus, .editable[contenteditable=true]:empty {
        background-color: var(--bs-form-control-bg);
    }

/*
    Custom is-valid
*/
.form-control.is-valid.thumb-up {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23198754%22%20d%3D%22M313.4%2032.9c26%205.2%2042.9%2030.5%2037.7%2056.5l-2.3%2011.4c-5.3%2026.7-15.1%2052.1-28.8%2075.2l144%200c26.5%200%2048%2021.5%2048%2048c0%2018.5-10.5%2034.6-25.9%2042.6C497%20275.4%20504%20288.9%20504%20304c0%2023.4-16.8%2042.9-38.9%2047.1c4.4%207.3%206.9%2015.8%206.9%2024.9c0%2021.3-13.9%2039.4-33.1%2045.6c.7%203.3%201.1%206.8%201.1%2010.4c0%2026.5-21.5%2048-48%2048l-97.5%200c-19%200-37.5-5.6-53.3-16.1l-38.5-25.7C176%20420.4%20160%20390.4%20160%20358.3l0-38.3%200-48%200-24.9c0-29.2%2013.3-56.7%2036-75l7.4-5.9c26.5-21.2%2044.6-51%2051.2-84.2l2.3-11.4c5.2-26%2030.5-42.9%2056.5-37.7zM32%20192l64%200c17.7%200%2032%2014.3%2032%2032l0%20224c0%2017.7-14.3%2032-32%2032l-64%200c-17.7%200-32-14.3-32-32L0%20224c0-17.7%2014.3-32%2032-32z%22%2F%3E%3C%2Fsvg%3E) !important;
}

/*
    Tezt Ellipsis in verticale
*/

.truncate-v-ellipsis {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    height: 6em;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.5em;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate-v-ellipsis-3 {
    display: block;
    display: -webkit-box;;
    height: 3.9em;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.3em !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.show-full {
    -webkit-line-clamp: unset;
    height: auto;
}

h2.truncate-v-ellipsis {
    height: 2.6em;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
}

@media (min-width: 768px) {
    .truncate-v-ellipsis {
        height: 7.5em;
        -webkit-line-clamp: 5;
    }
    h2.truncate-v-ellipsis {
        height: 1.5em;
        -webkit-line-clamp: 1;
        line-height: 1.5em;
    }
}

.text-trunc-popover {
    --bs-popover-max-width: 640px;
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: .5rem;
}

.carousel-cell-tematiche img {
    width: var(--cn-icona-categia-width);
    max-height: 100%;
}

/* MODAL CONDIVISIONE*/
.resp-sharing-button__link,
.resp-sharing-button__icon {
    display: inline-block
}

.resp-sharing-button__link {
    text-decoration: none;
    color: #fff;
    margin: 0.25rem 0.50rem 0.25rem 0;
}

.resp-sharing-button {
    border-radius: 5px;
    transition: 25ms ease-out;
    padding: 0.5em 0.75em;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}

.resp-sharing-button__icon svg {
    width: 1em;
    height: 1em;
    margin-right: 0.4em;
    vertical-align: top
}

.resp-sharing-button--small svg {
    margin: 0;
    vertical-align: middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
    stroke: #fff;
    fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
    fill: #fff;
    stroke: none
}

.resp-sharing-button--twitter {
    background-color: #55acee
}

    .resp-sharing-button--twitter:hover {
        background-color: #2795e9
    }

.resp-sharing-button--pinterest {
    background-color: #bd081c
}

    .resp-sharing-button--pinterest:hover {
        background-color: #8c0615
    }

.resp-sharing-button--facebook {
    background-color: #3b5998
}

    .resp-sharing-button--facebook:hover {
        background-color: #2d4373
    }

.resp-sharing-button--tumblr {
    background-color: #35465C
}

    .resp-sharing-button--tumblr:hover {
        background-color: #222d3c
    }

.resp-sharing-button--reddit {
    background-color: #5f99cf
}

    .resp-sharing-button--reddit:hover {
        background-color: #3a80c1
    }

.resp-sharing-button--google {
    background-color: #dd4b39
}

    .resp-sharing-button--google:hover {
        background-color: #c23321
    }

.resp-sharing-button--linkedin {
    background-color: #0077b5
}

    .resp-sharing-button--linkedin:hover {
        background-color: #046293
    }

.resp-sharing-button--email {
    background-color: #777
}

    .resp-sharing-button--email:hover {
        background-color: #5e5e5e
    }

.resp-sharing-button--xing {
    background-color: #1a7576
}

    .resp-sharing-button--xing:hover {
        background-color: #114c4c
    }

.resp-sharing-button--whatsapp {
    background-color: #25D366
}

    .resp-sharing-button--whatsapp:hover {
        background-color: #1da851
    }

.resp-sharing-button--hackernews {
    background-color: #FF6600
}

    .resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {
        background-color: #FB6200
    }

.resp-sharing-button--vk {
    background-color: #507299
}

    .resp-sharing-button--vk:hover {
        background-color: #43648c
    }

.resp-sharing-button--facebook {
    background-color: #3b5998;
    border-color: #3b5998;
}

    .resp-sharing-button--facebook:hover,
    .resp-sharing-button--facebook:active {
        background-color: #2d4373;
        border-color: #2d4373;
    }

.resp-sharing-button--twitter {
    background-color: #55acee;
    border-color: #55acee;
}

    .resp-sharing-button--twitter:hover,
    .resp-sharing-button--twitter:active {
        background-color: #2795e9;
        border-color: #2795e9;
    }

.resp-sharing-button--tumblr {
    background-color: #35465C;
    border-color: #35465C;
}

    .resp-sharing-button--tumblr:hover,
    .resp-sharing-button--tumblr:active {
        background-color: #222d3c;
        border-color: #222d3c;
    }

.resp-sharing-button--email {
    background-color: #777777;
    border-color: #777777;
}

    .resp-sharing-button--email:hover,
    .resp-sharing-button--email:active {
        background-color: #5e5e5e;
        border-color: #5e5e5e;
    }

.resp-sharing-button--pinterest {
    background-color: #bd081c;
    border-color: #bd081c;
}

    .resp-sharing-button--pinterest:hover,
    .resp-sharing-button--pinterest:active {
        background-color: #8c0615;
        border-color: #8c0615;
    }

.resp-sharing-button--linkedin {
    background-color: #0077b5;
    border-color: #0077b5;
}

    .resp-sharing-button--linkedin:hover,
    .resp-sharing-button--linkedin:active {
        background-color: #046293;
        border-color: #046293;
    }

.resp-sharing-button--reddit {
    background-color: #5f99cf;
    border-color: #5f99cf;
}

    .resp-sharing-button--reddit:hover,
    .resp-sharing-button--reddit:active {
        background-color: #3a80c1;
        border-color: #3a80c1;
    }

.resp-sharing-button--xing {
    background-color: #1a7576;
    border-color: #1a7576;
}

    .resp-sharing-button--xing:hover
    .resp-sharing-button--xing:active {
        background-color: #114C4C;
        border-color: #114C4C;
    }

.resp-sharing-button--whatsapp {
    background-color: #25D366;
    border-color: #25D366;
}

    .resp-sharing-button--whatsapp:hover,
    .resp-sharing-button--whatsapp:active {
        background-color: #1DA851;
        border-color: #1DA851;
    }

.resp-sharing-button--hackernews {
    background-color: #FF6600;
    border-color: #FF6600;
}

    .resp-sharing-button--hackernews:hover
    .resp-sharing-button--hackernews:active {
        background-color: #FB6200;
        border-color: #FB6200;
    }

.resp-sharing-button--vk {
    background-color: #507299;
    border-color: #507299;
}

    .resp-sharing-button--vk:hover
    .resp-sharing-button--vk:active {
        background-color: #43648c;
        border-color: #43648c;
    }

.resp-sharing-button--telegram {
    background-color: #54A9EB;
}

    .resp-sharing-button--telegram:hover {
        background-color: #4B97D1;
    }
@media (max-width: 768px) {
    body, html {
        overflow-x: hidden;
    }
}

.opacity-60 {
    opacity: .6 !important;
}
/*
    Rinnovi slot e pacchetti
*/
[data-rinnovo] input[type="checkbox"] {
    cursor: pointer;
}
    [data-rinnovo] input[type="checkbox"]:hover {
        box-shadow: 0 0 0 .25rem rgba(13, 253, 13, .3);
    }

/*
    Inserimento semplificato
*/
.insert-vcard .hide-vcard {
    display: none;
}

.insert-prodotto .hide-prodotto {
    display: none;
}

.img-anteprima {
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 100px;
}

.sel-icon-container {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 32px;
}
/*@media only screen and (min-width: 412px) {
    .sel-icon-container {
        min-width: 48px;
    }
}*/

.sel-icon-container::before {
    content: "";
    display: block;
    padding-top: 100%;
    color: #3f7931
}

.btn-olive {
    --bs-btn-color: #fff;
    --bs-btn-bg: #669933;
    --bs-btn-border-color: #669933;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #507928;
    --bs-btn-hover-border-color: #486b26;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #507928;
    --bs-btn-active-border-color: #486b26;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #669933;
    --bs-btn-disabled-border-color: #669933;
}

.bg-table-secondary {
    background-color: #eef0f3 !important;
}

/**
    Modal error
*/
.show-error-no-slots, .show-error-no-vcard, .show-error-no-prodotto, .show-error-scaduti-vcard, .show-error-scauti-prodotto, .show-error-scaduti {
    display: none;
}
.modal-error-no-slots .show-error-no-slots{
        display: block;
}
.modal-error-no-vcard .show-error-no-vcard {
    display: block;
}
.modal-error-no-prodotto .show-error-no-prodotto {
    display: block;
}

.modal-error-scaduti .show-error-scaduti {
    display: block;
}

.modal-error-scaduti-vcard .show-error-scaduti-vcard {
    display: block;
}
.modal-error-scaduti-prodotto .show-error-scaduti-prodotto {
    display: block;
}

.modulo-inserimento label.min-width {
    min-width: 160px;
}

.modulo-inserimento .table-secondary {
    --bs-table-color: #000;
    --bs-table-bg: #eef0f3;
    --bs-table-border-color: #cbccce;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #fbdd94;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

.modulo-inserimento .table-active {
    border-top: solid 2px;
    border-bottom: solid 2px;
    border-color: var(--bs-primary);
}

/**
    Bottone selezionati e confronta 
*/
.btn-secondary-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-gray-600);
    --bs-btn-border-color: var(--bs-gray-600);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-gray-600);
    --bs-btn-hover-border-color: var(--bs-gray-600);
    --bs-btn-focus-shadow-rgb: none;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-gray-600);
    --bs-btn-active-border-color: var(--bs-gray-600);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-gray-600);
    --bs-btn-disabled-border-color: var(--bs-gray-600);
}

.nav-social .bi {
    font-size: 2.64vw;
    color: var(--bs-primary);
}

@media (min-width: 992px) {
    .nav-social .bi {
        font-size: 30px;
    }
}

@media (min-width: 1200px) {
    .nav-social .bi {
        font-size: 28px;
    }
}

@media (min-width: 1400px) {
    .nav-social .bi {
        font-size: 28px;
    }
}