/* Common | CSS rules common for all BE */ @import url(https://static.g.roomcloud.net/roomcloud/style/stratos/import/common.css); @import url(https://fonts.googleapis.com/css?family=Lora); /*------------------------------------------------------------ HOTEL CUSTOM ------------------------------------------------------------*/ /* COLOR 1 : #FFFFFF -------------------------------------------- /* background-color */ .background-color1, #search_room legend, #search_room_legend, .room_box, .offertitle, .show_crossed_hotels, .modal-header, #curlang_bar, .languages #lbli-sv ul.LangMenum, .currencies #cbli-sv ul.CurrMenum, #booking_detail_legend, #guest_detail_box_legend, #payment_detail_box_legend, #payment_data_box_legend, #payment_note_box_legend, #cancellation_box_legend, .supplement_box, #index_box .language_box, #index_calendar legend, #dailyroom_table .tdsselected, #map_title .text_title, #distance_title .text_title, .feedback_box #room_description, #comment_table .comment_title { background-color: #0000009c; border:0px solid #fff; } .offertitle, #search_room_legend, .navbar-default, .modal-header, #guest_detail_box_legend, #payment_detail_box_legend, #booking_detail_title, .booking_detail_room_total, .booking_detail_room_title { background-color: #252324 ; } /* border-color */ .border-color1 { border-color: #252324 ; } /* comparator */ #comparator { overflow: hidden; background: transparent; background: -moz-linear-gradient(110deg, transparent 0%, transparent 67%, #252324 67%, #252324 100%); background: -webkit-linear-gradient(110deg, transparent 0%,transparent 67%,#252324 67%,#252324 100%); background: linear-gradient(110deg, transparent 0%,transparent 67%,#252324 67%,#252324 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#252324 ',GradientType=1 ); } /* COLOR 2 : #FFFFFF -------------------------------------------- /* background-color */ .background-color2, #header .h_tab:hover, #offerDescriptions .offerli:hover, .offertextup .specialoffer, #cbli-sv ul.CurrMenum li:hover, #lbli-sv ul.LangMenum li:hover, .btn-info, .btn-info:hover, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info, .btn-info:focus, .btn-info.focus, .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus, td.caSelected, .show_crossed_hotels:hover, #comparator-div .loader:before { background-color: #ffffff; } /* color */ .color2, .search_options_persons div:before, #imgsmall a:before, .room_offer, #butts_act, #buttm_act, #butte_act, .imgradio, .simgradio, .checkboxu, .checkbox, #confirm_error #error:before, #setPrevious, #setNext, #freetable #free:before, .feedback_box #comment_point, .feedback_box #empty_point, .comment_details_box #comment_point, .comment_details_box #empty_point, #imgsmall a:hover:before, .mandatoryOffer, #booking_detail_table .total { color: #252324 ; } /* border-color */ .border-color2, .rate_box:hover { border-color: #252324 ; } /* calendar background-color */ td.caSelectedCheckIn, #mydiv1 table.cpBorder td.cpCurrentDate { background: #252324 ; /* Old browsers */ background: -moz-linear-gradient(-45deg, #FFFFFF 1%, #FFFFFF 12%, #252324 13%, #252324 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #FFFFFF 1%, #FFFFFF 12%, #252324 13%, #252324 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #FFFFFF 1%, #FFFFFF 12%, #252324 13%, #252324 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#252324 ',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } td.caSelectedCheckOut, #mydiv2 table.cpBorder td.cpCurrentDate { background: #252324 ; /* Old browsers */ background: -moz-linear-gradient(-45deg, #252324 1%, #252324 87%, #FFFFFF 88%, #FFFFFF 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #252324 1%, #252324 87%, #FFFFFF 88%, #FFFFFF 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #252324 1%, #252324 87%, #FFFFFF 88%, #FFFFFF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252324 ', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } /* COLOR 3 : #FFFFFF -------------------------------------------- /* box background-color */ .background-color3, #hotel_title #box_title, #search_room, #hotel_images, #top_bar, #message_noroom, .offertextup, .rate_box, #booking_detail, #confirmation_box, #cancellation_box, #options_box .box_icons, #gallery_title #box_title, #room_description_table .room_description_box, #room_facilities_table .room_facilities_box, #gallery_images_box, #text_description .text_description, #distance_description .text_description, .feedback_box > div, #index_calendar, #booking_read, .crossed_hotel_title #box_title, #message_box, #confirm_error, #index_box .general_box #box_title, #busytable, #freetable, #map, #comment_table, #view_price_table .daysrooms,#imgsmall { background-color: #000000a1; } /* color */ .color3, .btn-info, #cbli-sv ul.CurrMenum li:hover, #lbli-sv ul.LangMenum li:hover, .offertextup .specialoffer, #offerDescriptions .offerli:hover, .fa-inverse, #mydiv1 table.cpBorder td.cpCurrentDate a, #mydiv2 table.cpBorder td.cpCurrentDate a, #offerDescriptions .offerli a:hover, #viewPrice:before, .show_crossed_hotels:hover, .show_crossed_hotels a:hover { color: #FFFFFF; } /* border-color */ .border-color3 { border-color: #FFFFFF; } /* TITLE FONT : Questrial -------------------------------------------- /* font-family */ .title-font, #room_description, #room_rate,#title_name, #search_room legend, #search_room_legend, #room_price, .offertitle, #offerDescriptions .offerdesc, .offertextup .specialoffer, .show_crossed_hotels, .modal-title, #booking_detail_legend, #guest_detail_box_legend, #payment_detail_box_legend, #payment_data_box_legend, #payment_note_box_legend, #cancellation_box_legend, #supplement_description, #index_calendar legend, #map_title .text_title, #distance_title .text_title, .feedback_box #room_description, #comment_table .comment_title, .crossed_hotel { font-family: 'Open Sans', sans-serif; } body { font-family: 'Open Sans', sans-serif; color:#ffffff } .navbar { background-color: #00000080; box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2); } #footer { background-color: #00000080; box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2); color:#ffffff; } #hotel_title { background-color: #000000a3; } #tab_act.h_tab.h_tab_book, #tab_act.h_tab.h_tab_info, #tab_act.h_tab.h_tab_map, #tab_act.h_tab.h_tab_comments { background-color: transparent; } #tab_act.h_tab.h_tab_book a, #tab_act.h_tab.h_tab_info a, #tab_act.h_tab.h_tab_map a, #tab_act.h_tab.h_tab_comments a { color: #ffffff; border-bottom:solid 1px #ffffff; padding: 5px; } #tab.h_tab.h_tab_info, #tab.h_tab.h_tab_book, #tab.h_tab.h_tab_map, #tab.h_tab.h_tab_comments { background-color: transparent; } #tab.h_tab.h_tab_info a, #tab.h_tab.h_tab_book a, #tab.h_tab.h_tab_map a, #tab.h_tab.h_tab_comments a { color: #ffffff; } #tab.h_tab.h_tab_info:hover, #tab.h_tab.h_tab_book:hover, #tab.h_tab.h_tab_map:hover, #tab.h_tab.h_tab_comments:hover { background-color: transparent; } #tab.h_tab.h_tab_info a:hover, #tab.h_tab.h_tab_book a:hover, #tab.h_tab.h_tab_map a:hover, #tab.h_tab.h_tab_comments a:hover { color: #ffffff; border-bottom:solid 1px #ffffff; padding: 5px; } #dailyroom_table, #options_box .box_icons, #room_facilities_table .room_facilities_box, #gallery_images_box { background-color: rgba(255, 255, 255, 0.8); } #top_bar, #search_room_box, #hotel_images.hidden-sm, #imgsmall, #box_title.box_icons, #box_title.room_description_box, #box_title.room_facilities_box, #gallery_images_box.clearfix, #map, #box_title, #text_description, #distance_description, #confirmation_box > tbody > tr:nth-child(1), #pt_0 { box-shadow: 0 0.15em 0.35em 0 rgba(0,0,0,0.135); } .ekko-lightbox-nav-overlay a { color: #ffffff; } #busytable > tbody > tr > td { background-color: #f2dede; border: 1px solid #CCCCCC; } #freetable > tbody > tr > td { background-color: #ffffff; border: 1px solid #CCCCCC; } .pad-10.portal-offer, .pad-10.background-color1.booking_detail_room_total, .pad-10.background-color1.booking_detail_room_title, .background-color1.title-font.large.text-center, #dailyroom_table .tdsselected, #curlang_bar, .languages #lbli-sv ul.LangMenum, .currencies #cbli-sv ul.CurrMenum, #room_other, #room_description, #title_name, #search_room legend, #search_room_legend, #room_price, .offertitle, #offerDescriptions .offerdesc, .offertextup .specialoffer, .show_crossed_hotels, .modal-title, #booking_detail_legend, #guest_detail_box_legend, #payment_detail_box_legend, #payment_data_box_legend, #payment_note_box_legend, #cancellation_box_legend, #supplement_description, .supplement_conditions, #index_calendar legend, #map_title .text_title, #distance_title .text_title, .site-price { color: #fff; } #viewPrice:before { background-color: transparent; color: #000000; } #viewPrice:hover:before { background-color: transparent; color: #252324 ; } #butts, #buttm, #butte { color: #787878; } .room_offer.large.title-font { color: #ffafb8 ; } /* .calendar { display: none; } */ /* #butts, #buttm, #butte { color: #A22914; } */ /*Daily price hide*/ /* #booking_table .calendar { display: none; } */ /*Adults filter*/ /* .adults select option:nth-child(3), .adults select option:nth-child(4), .adults select option:nth-child(5), .adults select option:nth-child(6), .adults select option:nth-child(7), .adults select option:nth-child(8), .adults select option:nth-child(9), .adults select option:nth-child(10), .adults select option:nth-child(11) { display: none; } */ /*Children hide*/ /* #booking_table .children, #booking_table .children_age { display: none; } */ /*Children Age hide*/ /* #booking_table .children_age .titleindex { visibility: hidden; } */ /*Children filter*/ /* .children select option:nth-child(3), .children select option:nth-child(4), .children select option:nth-child(5), .children select option:nth-child(6), .children select option:nth-child(7), .children select option:nth-child(8), .children select option:nth-child(9), .children select option:nth-child(10), .children select option:nth-child(11) { display: none; } */ /*Children Age filter*/ /* .add_children select option:nth-child(8), .add_children select option:nth-child(9), .add_children select option:nth-child(10), .add_children select option:nth-child(11), .add_children select option:nth-child(12), .add_children select option:nth-child(13), .add_children select option:nth-child(14), .add_children select option:nth-child(15), .add_children select option:nth-child(16), .add_children select option:nth-child(17), .add_children select option:nth-child(18), .add_children select option:nth-child(19) { display: none; } */ /* .fb_iframe_widget { display:none; } */ /*Print confirmation button hide*/ .button_print.btn.btn-info { display:none; } @media print { * { -webkit-print-color-adjust: exact !important; color-adjust: exact !important; } @page { size: A4 landscape; } body { background-image: none !important; } #top_bar, #footer, #chatbox { display: none; } a, a:after { content: normal !important; } #hotel_title #box_title table { display: inherit; } } .btn-info, .add_supplement.background-color2 { border: 1px solid #000000; color: #000000; } .btn-info:hover { border: 1px solid #252324; color: #252324; } #room_description > p:nth-child(2) { font-size:medium; } #room_description > p:nth-child(3) { font-size:small; } /* SMALL GALLERY : HIDE --------------------------------------------*/ #hotel_images { display: none; } /* SMALL GALLERY : HIDE --------------------------------------------*/ #imgsmall { display: none; } /* SMALL GALLERY : NAVIGATION COLOR --------------------------------------------*/ .ekko-lightbox-nav-overlay a { color: #000000; } /* TEXT COLOR : -------------------------------------------- /*color*/ .modal-body, .text_description { color: #000; } .cpMonthNavigation, .cpDayColumnHeader, .cpOtherMonthDate, .cpCurrentMonthDate{ color:#333 } .imgradio, .simgradio, .checkboxu, .checkbox { color: #ffffff; }