/* FONT [START] - ALL PAGES -------------------------------------------------------------------------------------------------*/ /* INSERT "@import..." CODE FROM https://fonts.google.com/ */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); /* FONT [END]------------------------------------------------------------------------------------*/ /************************* CALENDAR START *****************************/ :root { --litepicker-container-months-color-bg: var(--white-color); --litepicker-container-months-box-shadow-color: var(--shadow-color); --litepicker-footer-color-bg: #fafafa; --litepicker-footer-box-shadow-color: var(--shadow-color); --litepicker-tooltip-color-bg: var(--white-color); --litepicker-month-header-color: var(--gray-900); --litepicker-button-prev-month-color: var(--gray-600); --litepicker-button-next-month-color: var(--gray-600); --litepicker-button-prev-month-color-hover: var(--gray-800); --litepicker-button-next-month-color-hover: var(--gray-800); --litepicker-month-width: calc(var(--litepicker-day-width) * 7); --litepicker-month-weekday-color: var(--gray-600); --litepicker-month-week-number-color: #9e9e9e; --litepicker-day-width: 38px; --litepicker-day-color: var(--gray-900); --litepicker-day-color-hover: var(--gray-800); --litepicker-is-today-color: var(--gray-900); --litepicker-is-in-range-color: var(--gray-200); --litepicker-is-locked-color: var(--gray-500); --litepicker-is-start-color: var(--white-color); --litepicker-is-start-color-bg: var(--gray-600); --litepicker-is-end-color: var(--white-color); --litepicker-is-end-color-bg: var(--gray-600); --litepicker-button-cancel-color: var(--white-color); --litepicker-button-cancel-color-bg: var(--gray-600); --litepicker-button-apply-color: var(--white-color); --litepicker-button-apply-color-bg: #2196f3; --litepicker-button-reset-color: #909090; --litepicker-button-reset-color-hover: #2196f3; --litepicker-highlighted-day-color: var(--green-600); --litepicker-highlighted-day-color-bg: #d1e7dd; } /************************* CALENDAR END *****************************/ .daterangepicker td.active, .daterangepicker td.active:hover { background-color: var(--gray-500); } #change-btn{ } .resume_span_container{ background: #3F3F3F; color: white; } .resume-dates{ background-color: #3F3F3F; color: white; } .resume-dates-titles{ color: white; } #src-tab{ background-color:#3F3F3F; } .be-rc-button{ color: var(--gray-800); } .be-rc-button:hover{ color: var(--gray-900); transform: scale(1.05); } body { background-color: #3F3F3F; color: #3F3F3F; font-family: "Montserrat", sans-serif; font-weight: 500; } .price-font{ color: white; } .basket-price-font{ color: white; } .total-titles{ color: var(--gray-700); } .basket_total_span{ color: white; } .span_total_prepaid{ color: white; } .currency-font{ color: white; } .treatment_desc{ color: white; } .treatment-icon{ color: white; } .blu-icon{ color: white; } .calendar-not-available{ background-color: var(--red-color) !important; color: var(--white-color) !important; } .unselectable{ background-color: var(--dark-grey-color); } .rate-col-desc { border-top: 1px solid var(--gray-400); background-color: var(--gray-200); } /***************************************************** STEP CURRENCY LANG HEADER *******************************************************************/ #lang_bar_mobile { background-color: var(--light-grey-color); } #cur_bar_mobile { background-color: var(--light-grey-color); } #lang_bar { background-color: #3F3F3F; } #cur_bar { background-color: var(--light-grey-color); } .white-transparent{ background-color: var(--background-color); } /* Track */ ::-webkit-scrollbar-track { background: var(--white-color); } /* Handle */ ::-webkit-scrollbar-thumb { background: var(--light-grey-color); } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: var(--dark-grey-color); } .sold-out{ background-color: var(--dark-grey-color); } .shopping-cart-button { background-color: var(--gray-500); color: var(--white-color); } .fa-nav{ color: var(--dark-grey-color); } .fa-nav-selected{ color: var(--gray-700); } #search_room_legend { background-color: var(--light-grey-color); } #search_room_box { background-color: var(--white-color); } /* RESULT STYLE */ #info_box_icon{ background-color: var(--gray-200); color: var(--gray-700); border: 1px solid var(--gray-400); } .search-result-head{ background-color: var(--gray-700); color: var(--white-color); } .facilities_div{ border-top: solid 1px var(--gray-200); color: white; padding-top: 5px; } /* END RESULT */ .x-remove{ color:var(--red-color); } .x-remove:hover{ color:var(--blue-color); } .cart-remove{ color:var(--red-color); } .cart-remove:hover{ color:var(--blue-color); } .input-no-line { border: 1px solid var(--gray-700); } .input-no-line:focus{ border: 2px solid var(--gray-700); } .input-no-line:focus-visible{ border: 2px solid var(--gray-700); outline:none; } #sub_form_div_err_pg small{ color:#a94442; } #payment_div{ margin: 10px 0px; padding: 15px; background-color: var(--white-color); } .basket_arrow{ color:var(--gray-700); } .basket_arrow:hover{ color:var(--gray-700); } .confirm_msg{ color: var(--gray-700); } .modal-close-span{ color: var(--gray-700); } .modal-close-span:hover{ color: var(--dark-blu-color); } .input-line:hover{ border-bottom-color: var(--gray-700); } .input-line-calendar, .input-line-calendar-text{ border-bottom-color: #aaaaaa; background-color:transparent; } .input-line-calendar:hover{ border-bottom-color: var(--gray-700); } .input-line-calendar:focus { border-color: var(--gray-700); } .input-line:focus { border-color: var(--gray-700); } #open_privacy_modal{ color: var(--gray-700); } #open_privacy_modal:hover{ color: var(--dark-blu-color); } .box-btn {border-color: var(--gray-800);background-color: var(--grey-color);color: var(--gray-800);} .occupancy-icon{ color: white; } .round-btn{ border-color:var(--gray-700); background-color: var(--grey-color); color:var(--cyan-900); } .round-btn:hover{ border-color:var(--cyan-800); background-color: var(--grey-color); color:var(--cyan-600); } .room-number { color: white; } #calendar_search_group i{ color: var(--gray-700); } .number-nights { background: #0073b79c !important; color: white !important; border-right-style: dotted !important; border-right-color: #f5f5f5 !important; } .selected-item{ background-color: var(--gray-100); border-left: 3px solid var(--gray-300); } .all_rate_title{ color: var(--gray-700); } .rm-cnt{ background-color: var(--gray-100); border-left: 3px solid var(--gray-300); } .div-title{ margin-bottom: 5px; } .title>hr{ border-top: 1px solid var(--gray-700); } .search-titles { color: white; background-color: #3F3F3F; } .active-hr{ border-top: 2px solid var(--gray-800) !important; } .local_taxes_hr{ border-top: 1px solid var(--gray-800) !important; } .item-divider { border-bottom: 1px dotted var(--gray-700); } .item-divider-cart { border-bottom: 1px dotted var(--gray-700); } /***************************** PAGE - LEFT COLUMN ******************/ /************* Calendar section *************/ .calendar{ color: var(--gray-700); } .calendar-icon { background: #0073b7cc; } .calendar-icon-person{ background: var(--gray-700); } .div-room-num{ COLOR: var(--gray-700); } .div-room-adult-quantity{ background: #ffffff5e; border: 1px solid #ffffff; } .div-supp-adult-quantity{ background: #f5f4f5; border: 1px solid #fff; } .div-room-child-quantity{ background: #ffffff5e; border: 1px solid #ffffff; } .div-room-ages-quantity{ background: #ffffff5e; border: 1px solid #ffffff; } .cart-discount-curr{ color: #008000; } .cart-discount-price{ color: #008000; } .cart-discount-desc{ color: #008000; } .div-cart-discount-desc{ color: #008000; } } #cart-items{ min-height: 0px; background-color: var(--white-color); } #search-items{ padding: 5px 5px; background-color: #3F3F3F; } #cart-products-alert>i{ color=var(--red-color); } .shopping-cart-button { background-color: var(--gray-500); color: var(--white-color); } div.property-title{ background-color: var(--gray-400); border: 1px solid var( --gray-500); color: var( --blue-900); display:none; } .active_lang, .active_curr { background-color: var(--gray-800) !important; color: white !important; } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { color: var(--gray-700); } .active_curr { background-color: var(--black-color); color: white !important; } .active_lang { background-color: var(--black-color); color: white !important; } .title-step>hr { border-top: 1px solid var(--gray-700); } UL.CurrMenu UL { LIST-STYLE: none none outside; Z-INDEX: 999; BORDER-BOTTOM: #dddddd 2px solid; POSITION: absolute !important; BORDER-LEFT: #dddddd 2px solid; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 58px !important; PADDING-RIGHT: 0px; BACKGROUND: #f2f2f2 0px 0px; VISIBILITY: hidden; TOP: 17px; PADDING-TOP: 0px; LEFT: -2px } UL.CurrMenu LI { POSITION: relative !important; PADDING-BOTTOM: 0px !important; MARGIN: 0px; PADDING-LEFT: 0px !important; WIDTH: 58px !important; PADDING-RIGHT: 0px !important; DISPLAY: block !important; FLOAT: left !important; HEIGHT: auto; PADDING-TOP: 0px !important } UL.CurrMenu LI A:hover { POSITION: relative !important; BACKGROUND-COLOR: #333333; FONT: 12px Verdana; COLOR: #fff !important; TEXT-DECORATION: none } UL.CurrMenu A { Z-INDEX: 999; TEXT-ALIGN: left; DISPLAY: block; FONT: 11px Verdana; FLOAT: right !important; HEIGHT: 18px !important; COLOR: #333333; CURSOR: pointer !important; TEXT-DECORATION: none !important; font-size-adjust: none; font-stretch: normal } .CurrMenu1 { PADDING-BOTTOM: 0px; PADDING-LEFT: 9px; WIDTH: 53px !important; PADDING-RIGHT: 0px; MARGIN-RIGHT: 0px; TEXT-DECORATION: none !important; PADDING-TOP: 1px; COLOR: #fff !important; border:1 } .CurrMenu1:hover { BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BACKGROUND-COLOR: #333333; WIDTH: 54px !important; COLOR: #fff !important; BORDER-TOP: medium none; FONT-WEIGHT: normal !important; BORDER-RIGHT: medium none } .CurrMenu1 SMALL { COLOR: #ffffff; FONT-SIZE: 11px; } .CurrMenu1:hover SMALL { COLOR: #fff; FONT-SIZE: 11px } /*end currency*/ /****************************** Search Results section *******************/ #daysselected { background: var(--white-color); } #daysselected_header{ color:var(--gray-700); } .icon-change-warning{ color: #ff8c00; } #src_change{ background: #faf88e; } .src_change { background: #faf88e; } .src_change i { vertical-align: middle; color: #ff8c00; } #alert-div{ width:100%; background-color: var(--red-color); color: var(--white-color); border-bottom: 2px solid var(--white-color); } #alert-div i{ color: var(--white-color); } #alert-div span{ color: var(--white-color); } .offer_title { box-shadow: none; } #offerDescriptions .carousel-control{ color: var(--gray-100); } .offertitle { background-color: #3A3A3A; border: #3F3F3F; } .offer-box:hover{ border-left: 2px solid var(--gray-300); } .remove_supps{ background-color: var(--red-600) !important; border: 1px solid var(--red-800) !important; color: var(--white-color) !important; } .prepaid-titles{ color: white; } .main-pg-div{ background-color: var(--white-color); } .pg_sel{ background-color: var(--gray-100); border: 1px solid var(--gray-300); } .pg-hr{ border: 1px solid var(--gray-200); } .label-available { background: var(--white-color); color:var(--gray-700); border: 1px solid var(--cyan-900); } .label-available-last { background:var(--red-color); color: #73C1D1; } #instruction_title{ color:var(--gray-700); } .guest-title{ color: var(--gray-700); } .room-hr{ border-top: 1px solid var(--light-grey-color); display: none; } .address-hr{ border-top: 1px solid var(--dark-grey-color); } .room-title{ color: white; } .label-room-quantity { color: #73C1D1; } .last-available{ color: #73C1D1; } .label-room-quantity-desc { color: white; } .label_perc_discount{ margin: 0px 5px; Background-color: #73C1D1; } .label-best-price { background: #5cb85c; color:white; } .label-offer{ color: #73C1D1; background-color:#3A3A3A; border-color:#73C1D1; } /********************** Rate Item section ********************/ .cancellation_text{ color: #73C1D1; } .cancellation_text-nr{ color: #8A8988; } .cancellation_text-pr{ color: #73C1D1; } .div_mandatory_div{ color: var(--red-color); } .rate-item{ border-top: 0px solid #fefefe; border-bottom: 0px solid #dbdada; border-left:0px solid var(--gray-700); } .product-col{ background-color: var(--white-color); border-left:2px solid var(--white-color); border-top: 1px solid var(--gray-200); border-bottom: 1px solid var(--white-color); } .product-col:hover{ background-color: var(--gray-100); border-top: 1px solid var(--gray-200); border-left: 2px solid var(--gray-500); border-bottom: 1px solid var(--gray-300); } .occupancy-center{ color: var(--gray-700); } .rate-title{ color: white; } .label-supp-best-price { background: #5cb85c; color:white; } .label-supp-price-type { background: darkgoldenrod; color:white; } .cart-supp-room-desc { color: var(--gray-700); } .label-supp-total { background: #5fa5cfc4; color:white; } .row-totale{ border-bottom: 0px solid #dfdfdf; border-top: 0px solid #dfdfdf; background: whitesmoke; } .div-supp-item-title{ color: var(--gray-700); } .supp-item{ border-top: 0px solid #fefefe; border-bottom: 0px solid #dbdada; background: #fff; } .supp-block{ background: var(--gray-200); border-left:2px solid var(--white-color); border-top: 1px solid var(--gray-400); } .supp-block:hover{ background-color: var(--gray-300); border-left: 2px solid var(--gray-500); border-top:1px solid var(--gray-500); } .div-supp-room-title{ color: var(--gray-800); background-color: #fff; } .div-supp-room-title-container{ border-bottom: 1px solid var(--gray-200); } .div-supp-title{ background: #fff; } .modal-title{ color: white; } .room-detail-icon{ color: white; } #rc_powered_inner{ background-color: var(--gray-800); Display: none; } #rc_powered_inner > span{ color: var(--white-color); } .box-btn-remove { border-color: #b2222247; background-color: #b222221c; color: #b22222; } .room-number-supp { color: var(--gray-800); } .room-number-supp-block { background-color: none; color: var(--gray-800); } .cart-supp-rate-desc { color: var(--gray-700); } .cart-products-items{ background-color: #fff; } .cart-taxes{ background-color: #fff; } .book-block{ background: #fff; } .book-payment-block{ background: #fff; } .book-privacy-block{ background: #fff; } .room-number-num{ color:var(--gray-700); } .btn-two{ background-color: #8A8988; color: var(--white-color); border: #8A8988; } .btn-two:hover, .btn-two:focus{ color: var(--white-color); } .btn-one{ background-color: #8A8988; color: var(--gray-100); border: #8A8988; } .btn-one:hover, .btn-one:focus { color: var(--gray-100); } .btn-grey{ background-color: var(--gray-200); color:var(--white-color); border:1px solid var(--gray-400); } .room-number-num-supp-block{ color: #0073b7; } .cart-room-desc { color: var(--gray-700); } .basket-occupancy-icon{ color: var(--gray-700); } #basket-tab{ margin-top: 10px; background-color: var(--white-color); /*padding: 5px;*/ } .best-price-span{ color: white; } #close_basket_hr{ border-top: 1px solid var(--light-grey); } .basket_hr{ border-top: 1px solid var(--light-grey); } .cart-cls{ background-color: var(--white-color); } .cart-cls-floating{ background-color: var(--white-color); border: 1px solid var(--gray-500); } #floating_basket_footer_icon_div{ background-color: var(--gray-700); border:2px solid var(--gray-300); } #floating_basket_footer_icon{ color: var(--white-color); } #floating_basket_footer_content{ border: 2px solid var(--gray-200); background-color: var(--gray-700); } #floating_basket_footer_total>span{ color: var(--white-color); } #basket-action{ border: 2px solid var(--gray-800); } #basket-action-message-ok{ color: var(--gray-800); } #basket-action-message-no{ color: var(--gray-800); } .adults_span_error { color: var(--red-color) ; } .show_crossed_span{ color: var(--gray-700); } .show_crossed_span:hover{ color: var(--gray-700); } /************************** COMPARATOR START **************************************/ #comparator_loader:before { background-color: var(--gray-600); } #comparator { overflow: hidden; background: linear-gradient(45deg, var(--gray-600) 0%,var(--gray-500) 60%,transparent 61%,transparent 100%), linear-gradient(135deg, var(--gray-600) 0%,var(--gray-500) 60%,transparent 61%,transparent 100%), linear-gradient(45deg, #ffffff 0%,#ffffff 62%,transparent 62%,transparent 100%), linear-gradient(135deg, #ffffff 0%,#ffffff 62%,transparent 62%,transparent 100%), linear-gradient(45deg, var(--gray-600) 0%,var(--gray-600) 62%,transparent 63%,transparent 100%), linear-gradient(135deg, var(--gray-600) 0%,var(--gray-600) 62%,transparent 63%,transparent 100%); border: solid 1px var(--gray-700); } @media only screen and (max-width: 420px){ #comparator { background: linear-gradient(45deg, var(--gray-600) 0%,var(--gray-500) 42%,transparent 43%,transparent 100%), linear-gradient(135deg, var(--gray-600) 0%,var(--gray-500) 42%,transparent 43%,transparent 100%), linear-gradient(45deg, #ffffff 0%,#ffffff 43%,transparent 43%,transparent 100%), linear-gradient(135deg, #ffffff 0%,#ffffff 43%,transparent 43%,transparent 100%), linear-gradient(45deg, var(--gray-600) 0%,var(--gray-600) 43%,transparent 46%,transparent 100%), linear-gradient(135deg, var(--gray-600) 0%,var(--gray-600) 43%,transparent 46%,transparent 100%); border: solid 1px var(--gray-700); display: list-item; justify-content: space-between; } } .best-offer { color:var(--gray-100); } .site-offer{ color:var(--gray-100); } .portal-offer{ color: var(--gray-800); } /************************** COMPARATOR END **************************************/ /************************* PAGE LOADER SPIN START *****************************/ .loader { border: 10px solid var(--gray-300); border-top: 10px solid var(--gray-500); } /************************* PAGE LOADER SPIN END *****************************/ /************************ NEW USER AREA ***********************************/ .main-background-color{ background-color: var(--ochre-300)!important; } .main-text-color{ color:#fefefe; } /************************ NEW USER AREA END ***********************************/ /************************ NEW USER AREA ***********************************/ .main-background-color{ background-color: var(--ochre-300)!important; } .main-text-color{ color:#fefefe; } div.property-info{ display:none; padding: 10px; } .search-result-item{ background-color: #3A3A3A; } #top_bar{ box-shadow:none; } #privacy_security{ display: none; } #cart-footer.row{ display:none; } #research-tab{ background-color: #3A3A3A; } #room_0_container{ background-color:#3A3A3A } #box_logo_img{ max-width: 55%; max-height:200px; padding-top: 5px; padding-bottom: 5px; } .col-md-12.rate-col-desc{ background-color: #2F2E2E; border-color: #2F2E2E; } .col-xs-12.offertitle.text-center{ background-color:#4B4B4B; border-color: #3A3A3A; } .col-md-12.product-col{ background-color: #3A3A3A; border-color: #3A3A3A; } .row.rate-item{ background-color:#3A3A3A; } .fa.fa-circle.fa-stack-2x.blu-icon { color:#4C4A4B; } .price-font.room_offer.large.title-font.price_format{ color:white; font-size: 25px; } .price-font{ color: white; font-size: 18px; } .cart-supp-room-desc.readMoreSpan{ color: white; } .fa.fa-male.basket-occupancy-icon{ color: white; } .room-number-num{ color: white; background-color: #3A3A3A; } .room-number-supp{ color: white; background-color: #3A3A3A; } .prepaid-titles{ color: white; } .total-titles{ color:white; } .currency-font{ color: white; } #floating_basket_total{ color: white; } #span_net.df.basket-price-font.price_format{ color: white; } #span_tax.df.basket-price-font.price_format{ color: white; } .basket_total_span{ color: white; } .cart-cls-floating{ background-color:#3A3A3A; } .col-12.col-xs-12.main-pg-div.pg_sel{ background-color:#3A3A3A; color: white; } .row.white-transparent.booking-item.mrg-top-10{ background-color:#3A3A3A; } .col-lg-12.col-md-12.col-sm-12.col-xs-12.book-block{ background-color:#3A3A3A; } #basket-tab.white-transparent{ background-color:#3A3A3A; } .col-lg-12.col-md-12.col-sm-12.col-12.col-xs-12.selected-item{ background-color:#3A3A3A; } .cart-cls{ background-color:#3A3A3A; } .room_header_span_add { background-color: #8A8988; color:white; } .text-center.inline-block.div-room-adult-quantity{ background-color: #3A3A3A; border-color: #3A3A3A } .text-center.inline-block.div-room-child-quantity{ background-color: #3A3A3A; border-color: #3A3A3A } .room-info{ color: white; display: none; } #offer_div{ background-color: #3A3A3A; color:white; } .col-lg-6.col-md-6.col-sm-6.col-xs-6.col-6.text-right.font-weight-700{ color:white; } #basket_full{ color:white; } .row.white-transparent.booking-item{ background-color:#3A3A3A; } .row.white-transparent.right-box{ background-color:#3A3A3A; color: white; } .cart-supp-rate-desc{ color:white; } .cart-discount-desc { color: #73C1D1; } .cart-discount-price { color: #73C1D1; } .cart-discount-curr { color: #73C1D1; } #offer_div{ box-shadow:none; } .row.white-transparent.search-result-item{ box-shadow:none; } #src-tab{ box-shadow:none; } .white-transparent.col-tab.address-tab.src-address-tab{ box-shadow:none; } .white-transparent.col-tab.hide-mobile{ box-shadow:none; } .col-md-3.search-result-gallery.room-col{ box-shadow:none; } .modal-content { background-color: #3A3A3A; color: white; } /************************ NEW USER AREA END ***********************************/ #cur_bar{ display:none; } #cur_bar_mobile { display: none; } .rate_price{ font-size: 25px; color: white; }