﻿
.header_menu .navbar.navbar-default .nav.navbar-nav li a {
    background: transparent;
    color: #333333e8;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    padding: 0px;
    letter-spacing: .45px;
    line-height: inherit;
    -webkit-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
    border: none;
    padding: 12px 12px;
}

.header_menu .navbar.navbar-default .nav.navbar-nav li a i {
    margin-left: 2px;
    font-size: 28px;
}

@media only screen and (max-width: 991px) {
    #responsive-menu {
        display: block;
    }

    .slicknav_nav a.mt_search, .slicknav_nav a.mt_cart {
        display: block;
    }
}

.header_menu li a span.number-cart, .header-content li a span.number-cart {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    display: block;
    background-color: #ef2853;
    color: #fff;
    border-radius: 50%;
}

.navbar-brand > img {
    height: 58px;
}

footer {
   /* padding-top: 0px;*/
    background-color: #ebf0f6;
}
.footer-dark {
    background: #ebf0f6;
}
footer a {
    color: royalblue;
}
footer .footer-payment {
    padding: 5px 0;
    border: 1px dotted #e4e4e4;
}

.no-padding {
    padding: 0;
}

.centerElemInContent {
    display: flex;
    justify-content: center;
}

.biz-btn-black:hover {
    color: #333 !important;
}

button[disabled], html input[disabled] {
    cursor: not-allowed;
    pointer-events: all !important;
    opacity: 0.5;
}

.divPrezzoBarrato {
    text-decoration: line-through;
    margin-right: 3px;
    font-weight: 200;
    font-size: 12px;
    color: #858585;
}


/*------------ ALERT ------------*/
.k-dialog.k-alert {
    text-align: center;
}

.k-dialog.k-alert .k-dialog-titlebar {
    color: #eee;
}
    .k-dialog.k-alert .k-button {
        background-color: #f8f8f8;
        color: #eee;
    }


/*------------ HOME ------------*/
.coming-counter .filter-box {
    align-items: inherit;
}

.coming-title img {
    height: 58px;
}

.coming-title h2 {
    line-height: 1.2;
    font-weight: 700;
    font-size: 54px;
    color: #fff;
}

.coming-title p {
    color: #fff;
    font-size: 18px;
    margin-bottom: 28px;
    line-height: 1.2;
}

/*------------ HOTEL PARTNER ------------*/
.booking .logoForRedirect,
.booking .navbar-header {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;
}
.booking .navbar-header {
    justify-content: center;
}
    .booking .logoForRedirect > img,
    .booking .navbar-brand > img {
        height: 58px;
    }

    .booking .logoForRedirect .divHotelPartner {
        margin-right: 10px;
    }
        .booking .logoForRedirect .divHotelPartner h3,
        .booking .logoForRedirect .divHotelPartner h4 {
            text-align: center;
            margin: 0px;
        }
        .booking .logoForRedirect .divHotelPartner h3 {
            color: #fff;
        }

    .booking .logoForRedirect .divDescr {
        font-size: 12px;
        text-align: center;
        font-weight: 200;
        color: #fff;
    }
    .booking .navbar-brand .divDescr {
        color: #adadad;
        font-size: 10px;
    }


/*------------ SEARCH FILTER ------------*/
.limitAge {
    font-size: 12px;
    font-weight: 300;
    color: #adadad;
}

.k-calendar .k-state-selected {
    background-color: white !important;
}

.k-calendar td.k-state-focused.k-state-selected {
    box-shadow: inset 0 0 10px 3px #007bff !important;
}

k-calendar-td.k-today.k-range-start.k-state-selected .k-link {
    color: white !important;
}

#daterangepicker_dateview .k-calendar-range .k-calendar-header .k-button,
.k-calendar-container .k-calendar-range .k-calendar-header .k-button {
    font-size: 14px;
}
#daterangepicker_dateview .k-calendar-yearview .k-content,
#daterangepicker_dateview .k-content.k-month,
.k-calendar-container .k-calendar-yearview .k-content,
.k-calendar-container .k-content.k-month {
    border-right: 1px dotted lightblue;
}

#daterangepicker_dateview .k-content .k-link,
.k-calendar-container .k-content .k-link {
    color: darkblue !important;
}

#daterangepicker_dateview .k-state-selected .k-link,
.k-calendar-container .k-state-selected .k-link {
    color: white !important;
    background-color: royalblue !important;
}

.filter-box #btnSearchFilter {
    width: 100%;
}


/*------------ BOX LIST ------------*/
.trend-item:hover img {
    transform: rotate(0) scale(1.2);
}
.trend-content .room-title {
    display: flex;
    flex-wrap: wrap;
}
    .trend-content .room-title h3 {
        flex-grow: 1;
        width: 100%;
    }
.trend-content .rating {
    flex-grow: 1;
    width: 100%;
    text-align: right;
}

.trend-content .divDescrizioneForList {
    height: 200px;
    overflow: hidden;
}
    .trend-content .divDescrizioneForList span, .divDescrizioneForInfo span {
        font-family: 'Roboto', sans-serif !important;
    }
    .trend-content .divDescrizioneForList .fa, .far, .fas {
        font-family: "Font Awesome 5 Free" !important;
    }

.trend-content .room-services li {
    display: flex;
    gap: 10px;
    align-items: baseline;
}

.btnZoom {
    border: 1px solid #00B0FF;
    border-radius: 6px;
    color: #00B0FF;
}
    .btnZoom:hover {
        background-color: #0a58ca !important;
        border: 1px solid #2218de !important;
        color: white !important;
    }



/*-------- DATA INFO ------*/
.divNumPrenoInput{
    display: flex;
    align-items: center;
    gap: 5px;
}




@media (max-width: 600px) {
    #carrello_FormModal {
        width: 100%;
        height: 100%;
        padding-left: 0px;
    }
        #carrello_FormModal .modal-dialog {
            margin: 0;
            width: 100%;
            height: 100%;
        }
        #carrello_FormModal.modal .modal-content {
           height: 100%;
        }
    #carrello_FormModal .blog-image img {
        max-width: 170px;
    }
}

@media (min-width: 601px){
    .mainMappaBooking #carrello_FormModal.modal .modal-dialog {
        height: 100%;
    }

    .mainMappaBooking #carrello_FormModal.modal .modal-content {
        height: 100%;
    }
}


.tooltipForInfo {
    text-align: left;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    word-break: normal;
}



/*-------- CHECKOUT -------*/
.confirmation-details.detail table td .title {
    color: #333;
}

.price-tabmain ul.nav.nav-tabs li a:hover {
    color: #fff !important;
}

#divCoupon .flight-full .item {
    padding: 15px 15px;
}
#divCoupon .flight-full img {
    width: 100%;
    max-width: 150px;
}
#divCoupon .flight-full .item-inner {
    word-wrap: break-word;
    overflow: hidden;
}

#divConfirmText .divTitle {
    background: #fbfbfb;
    padding: 20px;
    border: 1px dashed #f1f1f1;
    border-radius: 10px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
}

#divConfirmText .lblConfirm {
    font-family: 'Poppins', sans-serif;
}

#divContactStab .why-us-item.why-us-item1 {
    height: 200px;
    overflow: hidden;
}
    #divContactStab .why-us-item.why-us-item1 i.fa {
        color: #1da8e0 !important;
        font-size: 80px;
    }

.divForCheckBox {
    display: flex;
    align-items: center;
    gap: 10px;
}
.divAccettazioneDetail {
    max-height: 100px;
    overflow-y: scroll;
}

.divDataAzienda {
    display: none;
}

#divDatiFattura {
    border-top: 1px dashed #f1f1f1;
    border-bottom: 1px dashed #f1f1f1;
    margin-bottom: 10px;
}


/*-------- INFO ------*/
.divBtnForInfo {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.divListAttrezzatureForInfo {
    background: none;
    padding: 5px 10px;
    margin-bottom: 30px;
}


/*-------- ICON ------*/
.icon_Ombrellone {
    background-image: url("/img/icon/umbrella-on-ground.svg");
}

.icon_Esperienza {
    background-image: url("/img/icon/label.svg");
}
.icon_Ticket {
    background-image: url("/img/icon/tickets.svg");
}

.btnSocial {
    padding: 8px 15px;
    color: #fff;
    background: #ccc;
    border-radius: 5px;
    display: inline-block;
    font-size: 20px;
}
    .btnSocial a {
        color: #fff;
    }
.btn-facebook {
    background: #395899;
}
.btn-twitter {
    background: #04a9e1;
}
.btn-istagram {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

.navbar-flex {
    width: 100%;
}

/* IVAN: NET 6 */

.dropdown-menu > li > a {
    display: block;
}

body.booking #rangeDate {
    margin: 0;
}

.booking .k-calendar-view table {
    width: auto;
}

.booking .k-calendar-table tr td {
    padding: 0;
    border: none;
}

.input-box i {
    z-index: 10;
}

.date-selector .k-input-solid:focus-within {
    box-shadow: none;
}

body.booking #daterangepicker,
body.booking .daterangepicker_ForExp {
    height: 4px;
    opacity: 0;
}

body.booking .date-selector .k-input-solid {
    border: none;
}

section.booking .price-tabmain ul.nav.nav-tabs {
    display: inline-flex;
}


.booking .k-switch {
    min-width: 75px;
    min-height: 35px;
}
.booking .k-switch-on .k-switch-track {
    border-color: #ccc;
    color: #fff;
    background-color: #428bca;
}
.booking .k-switch-label-off, .k-switch-label-on {
    display: inline;
}
.booking .k-switch-label-on {
    text-align: left;
    left: 10px;
}
.booking .k-switch-label-off {
    text-align: right;
    right: 10px;
}


@media (min-width: 570px) {

    body.booking #formBooking_Home .filter-box {
        white-space: nowrap;
    }
    body.booking #formBooking_Home .filter-box > div.inline-block {
        display: inline-block;
    }

}

@media (max-width: 600px) {
    body.booking .header-booking-commands-cont .booking-lang-btn-cont {
        flex-basis: 100%;
    }

    body.booking .header-booking-commands-cont > div:last-child {
        flex-basis: 140px;
    }

    .booking .navbar-header {
        padding-bottom: 10px;
    }
}