/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.37
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */.bootstrap-datetimepicker-widget{list-style:none}.bootstrap-datetimepicker-widget.dropdown-menu{margin:2px 0;padding:4px;width:19em}@media (min-width:768px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:992px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:1200px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}.bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after{content:'';display:inline-block;position:absolute}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);top:-7px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;top:-6px;left:8px}.bootstrap-datetimepicker-widget.dropdown-menu.top:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.dropdown-menu.top:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget .list-unstyled{margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:bold;font-size:1.2em;margin:0}.bootstrap-datetimepicker-widget button[data-action]{padding:6px}.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Hours"}.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Hours"}.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Hours"}.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle AM/PM"}.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Clear the picker"}.bootstrap-datetimepicker-widget .btn[data-action="today"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Set the date to today"}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget .picker-switch::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle Date and Time Screens"}.bootstrap-datetimepicker-widget .picker-switch td{padding:0;margin:0;height:auto;width:auto;line-height:inherit}.bootstrap-datetimepicker-widget .picker-switch td span{line-height:2.5;height:2.5em;width:100%}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{text-align:center;border-radius:4px}.bootstrap-datetimepicker-widget table th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table th.picker-switch{width:145px}.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table th.prev::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Previous Month"}.bootstrap-datetimepicker-widget table th.next::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Next Month"}.bootstrap-datetimepicker-widget table thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background:#eee}.bootstrap-datetimepicker-widget table td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget table td.cw{font-size:.8em;height:20px;line-height:20px;color:#777}.bootstrap-datetimepicker-widget table td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td.new{color:#777}.bootstrap-datetimepicker-widget table td.today{position:relative}.bootstrap-datetimepicker-widget table td.today:before{content:'';display:inline-block;border:solid transparent;border-width:0 0 7px 7px;border-bottom-color:#337ab7;border-top-color:rgba(0,0,0,0.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:4px}.bootstrap-datetimepicker-widget table td span:hover{background:#eee}.bootstrap-datetimepicker-widget table td span.active{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td span.old{color:#777}.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget.usetwentyfour td.hour{height:27px;line-height:27px}.bootstrap-datetimepicker-widget.wider{width:21em}.bootstrap-datetimepicker-widget .datepicker-decades .decade{line-height:1.8em !important}.input-group.date .input-group-addon{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
 #fancybox-loading{position:fixed;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display:none;}#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url('core/libs/pjQ/fancybox/fancybox.png');}#fancybox-overlay{position:absolute;top:0;left:0;width:100%;z-index:1100;display:none;}#fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display:none;}#fancybox-wrap{position:absolute;top:0;left:0;padding:20px;z-index:1101;outline:none;display:none;}#fancybox-outer{position:relative;width:100%;height:100%;background:#fff;}#fancybox-content{width:0;height:0;padding:0;outline:none;position:relative;overflow:hidden;z-index:1102;border:0 solid #fff;}#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1101;}#fancybox-close{position:absolute;top:-15px;right:-15px;width:30px;height:30px;background:transparent url('core/libs/pjQ/fancybox/fancybox.png') -40px 0;cursor:pointer;z-index:1103;display:none;}#fancybox-error{color:#444;font:normal 12px/20px Arial;padding:14px;margin:0;}#fancybox-img{width:100%;height:100%;padding:0;margin:0;border:none;outline:none;line-height:0;vertical-align:top;}#fancybox-frame{width:100%;height:100%;border:none;display:block;}#fancybox-left,#fancybox-right{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;outline:none;background:transparent url('core/libs/pjQ/fancybox/blank.gif');z-index:1102;display:none;}#fancybox-left{left:0;}#fancybox-right{right:0;}#fancybox-left-ico,#fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block;}#fancybox-left-ico{background-image:url('core/libs/pjQ/fancybox/fancybox.png');background-position:-40px -30px;}#fancybox-right-ico{background-image:url('core/libs/pjQ/fancybox/fancybox.png');background-position:-40px -60px;}#fancybox-left:hover,#fancybox-right:hover{visibility:visible;}#fancybox-left:hover span{left:20px;}#fancybox-right:hover span{left:auto;right:20px;}.fancybox-bg{position:absolute;padding:0;margin:0;border:0;width:20px;height:20px;z-index:1001;}#fancybox-bg-n{top:-20px;left:0;width:100%;background-image:url('core/libs/pjQ/fancybox/fancybox-x.png');}#fancybox-bg-ne{top:-20px;right:-20px;background-image:url('core/libs/pjQ/fancybox/fancybox.png');background-position:-40px -162px;}#fancybox-bg-e{top:0;right:-20px;height:100%;background-image:url('core/libs/pjQ/fancybox/fancybox-y.png');background-position:-20px 0;}#fancybox-bg-se{bottom:-20px;right:-20px;background-image:url('core/libs/pjQ/fancybox/fancybox.png');background-position:-40px -182px;}#fancybox-bg-s{bottom:-20px;left:0;width:100%;background-image:url('core/libs/pjQ/fancybox/fancybox-x.png');background-position:0 -20px;}#fancybox-bg-sw{bottom:-20px;left:-20px;background-image:url('core/libs/pjQ/fancybox/fancybox.png');background-position:-40px -142px;}#fancybox-bg-w{top:0;left:-20px;height:100%;background-image:url('core/libs/pjQ/fancybox/fancybox-y.png');}#fancybox-bg-nw{top:-20px;left:-20px;background-image:url('core/libs/pjQ/fancybox/fancybox.png');background-position:-40px -122px;}#fancybox-title{font-family:Helvetica;font-size:12px;z-index:1102;}.fancybox-title-inside{padding-bottom:10px;text-align:center;color:#333;background:#fff;position:relative;}.fancybox-title-outside{padding-top:10px;color:#fff;}.fancybox-title-over{position:absolute;bottom:0;left:0;color:#FFF;text-align:left;}#fancybox-title-over{padding:10px;background-image:url('fancy_title_over.png');display:block;}.fancybox-title-float{position:absolute;left:0;bottom:-20px;height:32px;}#fancybox-title-float-wrap{border:none;border-collapse:collapse;width:auto;}#fancybox-title-float-wrap td{border:none;white-space:nowrap;}#fancybox-title-float-left{padding:0 0 0 15px;background:url('core/libs/pjQ/fancybox/fancybox.png') -40px -90px no-repeat;}#fancybox-title-float-main{color:#FFF;line-height:29px;font-weight:bold;padding:0 0 3px 0;background:url('core/libs/pjQ/fancybox/fancybox-x.png') 0 -40px;}#fancybox-title-float-right{padding:0 0 0 15px;background:url('core/libs/pjQ/fancybox/fancybox.png') -55px -90px no-repeat;}.fancybox-ie6 #fancybox-close{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='core/libs/pjQ/fancybox/fancy_close.png',sizingMethod='scale');}.fancybox-ie6 #fancybox-left-ico{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='core/libs/pjQ/fancybox/fancy_nav_left.png',sizingMethod='scale');}.fancybox-ie6 #fancybox-right-ico{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='core/libs/pjQ/fancybox/fancy_nav_right.png',sizingMethod='scale');}.fancybox-ie6 #fancybox-title-over{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='core/libs/pjQ/fancybox/fancy_title_over.png',sizingMethod='scale');zoom:1;}.fancybox-ie6 #fancybox-title-float-left{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='core/libs/pjQ/fancybox/fancy_title_left.png',sizingMethod='scale');}.fancybox-ie6 #fancybox-title-float-main{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='core/libs/pjQ/fancybox/fancy_title_main.png',sizingMethod='scale');}.fancybox-ie6 #fancybox-title-float-right{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='core/libs/pjQ/fancybox/fancy_title_right.png',sizingMethod='scale');}.fancybox-ie6 #fancybox-bg-w,.fancybox-ie6 #fancybox-bg-e,.fancybox-ie6 #fancybox-left,.fancybox-ie6 #fancybox-right,#fancybox-hide-sel-frame{height:expression(this.parentNode.clientHeight+"px");}#fancybox-loading.fancybox-ie6{position:absolute;margin-top:0;top:expression((-20+(document.documentElement.clientHeight ? document.documentElement.clientHeight/2:document.body.clientHeight/2)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop))+'px');}#fancybox-loading.fancybox-ie6 div{background:transparent;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='core/libs/pjQ/fancybox/fancy_loading.png',sizingMethod='scale');}.fancybox-ie .fancybox-bg{background:transparent!important;}.fancybox-ie #fancybox-bg-n{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='core/libs/pjQ/fancybox/fancy_shadow_n.png',sizingMethod='scale');}.fancybox-ie #fancybox-bg-ne{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='core/libs/pjQ/fancybox/fancy_shadow_ne.png',sizingMethod='scale');}.fancybox-ie #fancybox-bg-e{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='core/libs/pjQ/fancybox/fancy_shadow_e.png',sizingMethod='scale');}.fancybox-ie #fancybox-bg-se{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='core/libs/pjQ/fancybox/fancy_shadow_se.png',sizingMethod='scale');}.fancybox-ie #fancybox-bg-s{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='core/libs/pjQ/fancybox/fancy_shadow_s.png',sizingMethod='scale');}.fancybox-ie #fancybox-bg-sw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='core/libs/pjQ/fancybox/fancy_shadow_sw.png',sizingMethod='scale');}.fancybox-ie #fancybox-bg-w{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='core/libs/pjQ/fancybox/fancy_shadow_w.png',sizingMethod='scale');}.fancybox-ie #fancybox-bg-nw{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='core/libs/pjQ/fancybox/fancy_shadow_nw.png',sizingMethod='scale');} #fancybox-wrap, #fancybox-wrap * {	-webkit-box-sizing: content-box;	-moz-box-sizing: content-box;	box-sizing: content-box;}

/* ==========================================================================
	#pjHbPanel
========================================================================== */
#pjWrapperHotelBooking_1 .pjHbPanel .pjHbPanelHead { background: #f7f7f7; }
#pjWrapperHotelBooking_1 .pjHbPanel .pjHbPanelBody { background: #fff; }

/* ==========================================================================
	#Buttons
========================================================================== */
#pjWrapperHotelBooking_1 .pjHbContainer .btn-default { border-color: #1b6aac; color: #fff; 
	background: rgb(64,152,226);
	background: -moz-linear-gradient(top,  rgba(64,152,226,1) 0%, rgba(53,140,217,1) 60%, rgba(52,140,212,1) 67%, rgba(50,137,214,1) 77%, rgba(47,135,209,1) 97%, rgba(44,134,210,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,152,226,1)), color-stop(60%,rgba(53,140,217,1)), color-stop(67%,rgba(52,140,212,1)), color-stop(77%,rgba(50,137,214,1)), color-stop(97%,rgba(47,135,209,1)), color-stop(100%,rgba(44,134,210,1)));
	background: -webkit-linear-gradient(top,  rgba(64,152,226,1) 0%,rgba(53,140,217,1) 60%,rgba(52,140,212,1) 67%,rgba(50,137,214,1) 77%,rgba(47,135,209,1) 97%,rgba(44,134,210,1) 100%);
	background: -o-linear-gradient(top,  rgba(64,152,226,1) 0%,rgba(53,140,217,1) 60%,rgba(52,140,212,1) 67%,rgba(50,137,214,1) 77%,rgba(47,135,209,1) 97%,rgba(44,134,210,1) 100%);
	background: -ms-linear-gradient(top,  rgba(64,152,226,1) 0%,rgba(53,140,217,1) 60%,rgba(52,140,212,1) 67%,rgba(50,137,214,1) 77%,rgba(47,135,209,1) 97%,rgba(44,134,210,1) 100%);
	background: linear-gradient(to bottom,  rgba(64,152,226,1) 0%,rgba(53,140,217,1) 60%,rgba(52,140,212,1) 67%,rgba(50,137,214,1) 77%,rgba(47,135,209,1) 97%,rgba(44,134,210,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4098e2', endColorstr='#2c86d2',GradientType=0 );
}
#pjWrapperHotelBooking_1 .pjHbContainer .btn-default:hover { border-color: #1b6aac; color: #fff; 
	background: rgb(44,134,210);
	background: -moz-linear-gradient(top,  rgba(44,134,210,1) 0%, rgba(47,135,209,1) 3%, rgba(50,137,214,1) 23%, rgba(52,140,212,1) 33%, rgba(53,140,217,1) 40%, rgba(64,152,226,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(44,134,210,1)), color-stop(3%,rgba(47,135,209,1)), color-stop(23%,rgba(50,137,214,1)), color-stop(33%,rgba(52,140,212,1)), color-stop(40%,rgba(53,140,217,1)), color-stop(100%,rgba(64,152,226,1)));
	background: -webkit-linear-gradient(top,  rgba(44,134,210,1) 0%,rgba(47,135,209,1) 3%,rgba(50,137,214,1) 23%,rgba(52,140,212,1) 33%,rgba(53,140,217,1) 40%,rgba(64,152,226,1) 100%);
	background: -o-linear-gradient(top,  rgba(44,134,210,1) 0%,rgba(47,135,209,1) 3%,rgba(50,137,214,1) 23%,rgba(52,140,212,1) 33%,rgba(53,140,217,1) 40%,rgba(64,152,226,1) 100%);
	background: -ms-linear-gradient(top,  rgba(44,134,210,1) 0%,rgba(47,135,209,1) 3%,rgba(50,137,214,1) 23%,rgba(52,140,212,1) 33%,rgba(53,140,217,1) 40%,rgba(64,152,226,1) 100%);
	background: linear-gradient(to bottom,  rgba(44,134,210,1) 0%,rgba(47,135,209,1) 3%,rgba(50,137,214,1) 23%,rgba(52,140,212,1) 33%,rgba(53,140,217,1) 40%,rgba(64,152,226,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c86d2', endColorstr='#4098e2',GradientType=0 );
}

#pjWrapperHotelBooking_1 .pjHbContainer .pjHbBtn { }
#pjWrapperHotelBooking_1 .pjHbContainer .pjHbBtnHome,
#pjWrapperHotelBooking_1 .pjHbContainer .pjHbBtnNav { border-color: #bfbbbc; color: #1b6aac; 
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(249,247,248,1) 60%, rgba(246,245,243,1) 70%, rgba(248,244,243,1) 80%, rgba(245,241,240,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(60%,rgba(249,247,248,1)), color-stop(70%,rgba(246,245,243,1)), color-stop(80%,rgba(248,244,243,1)), color-stop(100%,rgba(245,241,240,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,247,248,1) 60%,rgba(246,245,243,1) 70%,rgba(248,244,243,1) 80%,rgba(245,241,240,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,247,248,1) 60%,rgba(246,245,243,1) 70%,rgba(248,244,243,1) 80%,rgba(245,241,240,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,247,248,1) 60%,rgba(246,245,243,1) 70%,rgba(248,244,243,1) 80%,rgba(245,241,240,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(249,247,248,1) 60%,rgba(246,245,243,1) 70%,rgba(248,244,243,1) 80%,rgba(245,241,240,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f1f0',GradientType=0 );
}

#pjWrapperHotelBooking_1 .pjHbContainer .pjHbBtnHome:hover,
#pjWrapperHotelBooking_1 .pjHbContainer .pjHbBtnNav:hover { border-color: #bfbbbc; color: #1b6aac; 
	background: rgb(245,241,240);
	background: -moz-linear-gradient(top,  rgba(245,241,240,1) 0%, rgba(248,244,243,1) 20%, rgba(246,245,243,1) 30%, rgba(249,247,248,1) 40%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,241,240,1)), color-stop(20%,rgba(248,244,243,1)), color-stop(30%,rgba(246,245,243,1)), color-stop(40%,rgba(249,247,248,1)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,  rgba(245,241,240,1) 0%,rgba(248,244,243,1) 20%,rgba(246,245,243,1) 30%,rgba(249,247,248,1) 40%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top,  rgba(245,241,240,1) 0%,rgba(248,244,243,1) 20%,rgba(246,245,243,1) 30%,rgba(249,247,248,1) 40%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top,  rgba(245,241,240,1) 0%,rgba(248,244,243,1) 20%,rgba(246,245,243,1) 30%,rgba(249,247,248,1) 40%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(245,241,240,1) 0%,rgba(248,244,243,1) 20%,rgba(246,245,243,1) 30%,rgba(249,247,248,1) 40%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f1f0', endColorstr='#ffffff',GradientType=0 );
}

#pjWrapperHotelBooking_1 .pjHbContainer .pjHbNav .pjHbBtnPassed { color: #2f85d0; }
#pjWrapperHotelBooking_1 .pjHbContainer .pjHbNav .pjHbBtnActive { background: #2f85d0; color: #fff; }
#pjWrapperHotelBooking_1 .pjHbContainer .pjHbLanguage ul li a:hover,
#pjWrapperHotelBooking_1 .pjHbContainer .pjHbLanguage ul li a:focus,
#pjWrapperHotelBooking_1 .pjHbContainer .pjHbLanguage .pjHbBtnActive { background: #2f85d0; color: #fff; }

/* ==========================================================================
	#pjHbPanelBody
========================================================================== */
#pjWrapperHotelBooking_1 .pjHbPanelTitle { color: #1b6aac; text-transform: uppercase; text-align: center; }

/* ==========================================================================
	#pjHbFormCheck
========================================================================== */
#pjWrapperHotelBooking_1 .pjHbFormCheck label { color: #777; }
#pjWrapperHotelBooking_1 .pjHbCalendar .input-group-addon,
#pjWrapperHotelBooking_1 .pjHbTimePick .input-group-addon { color: #1b6aac; }
#pjWrapperHotelBooking_1 .pjHbCalendar .input-group-addon:hover,
#pjWrapperHotelBooking_1 .pjHbTimePick .input-group-addon:hover { color: #2f85d0; }

/* ==========================================================================
	#pjHbProduct
========================================================================== */
#pjWrapperHotelBooking_1 .pjHbProduct .panel-heading { background: #fff; color: #1b6aac; text-transform: uppercase; }
#pjWrapperHotelBooking_1 .pjHbProduct .panel-body { color: #4e4e4e; }
#pjWrapperHotelBooking_1 .pjHbProduct .input-group-addon { color: #1b6aac; }
#pjWrapperHotelBooking_1 .pjHbProductPrice { color: #57ad30; font-weight: bold; }

/* ==========================================================================
	#pjHbPanelBooking
========================================================================== */
#pjWrapperHotelBooking_1 .pjHbPanelBooking a { color: #57ad30; }
#pjWrapperHotelBooking_1 .pjHbPanelBookingTitle { color: #1b6aac; }
#pjWrapperHotelBooking_1 .pjHbPanelBooking { color: #777; }
#pjWrapperHotelBooking_1 .pjHbPanelBooking .pjHbPanelBookingMeta,
#pjWrapperHotelBooking_1 .pjHbPanelBooking strong { color: #363a3b; }

/* ==========================================================================
	#pjHbExtras
========================================================================== */
#pjWrapperHotelBooking_1 .pjHbExtras p,
#pjWrapperHotelBooking_1 .pjHbExtras .table-responsive { color: #777; }
#pjWrapperHotelBooking_1 .pjHbExtrasTitle { color: #1b6aac; }
#pjWrapperHotelBooking_1 .pjHbExtraPrice { color: #363a3b; }

/* ==========================================================================
	#pjHbFormCheckOut
========================================================================== */
#pjWrapperHotelBooking_1 .pjHbFormCheckOutTitle { color: #1b6aac; text-transform: uppercase; text-align: center; }
#pjWrapperHotelBooking_1 .pjHbFormCheckOut .control-label { color: #777; }
#pjWrapperHotelBooking_1 .pjHbTimePicker .input-group-addon { color: #1b6aac; cursor: pointer; }

/* ==========================================================================
	#pjHbPanelBodyLast
========================================================================== */
#pjWrapperHotelBooking_1 .pjHbPanelBodyLast { color: #777; }

/* ==========================================================================
	#RTL
========================================================================== */
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbCalendar .input-group-addon,
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbTimePick .input-group-addon { border-left-color: #ccc; }
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbCalendar.has-success .input-group-addon,
[dir="rtl"] #pjWrapperHotelBooking_1 .has-success .pjHbTimePick .input-group-addon { border-left-color: #3c763d; }
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbCalendar.has-error .input-group-addon,
[dir="rtl"] #pjWrapperHotelBooking_1 .has-error .pjHbTimePick .input-group-addon { border-left-color: #a94442; }

[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbProduct .input-group .input-group-addon { border-right-color: #ccc; }
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbProduct .has-success .input-group .input-group-addon { border-right-color: #3c763d; }
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbProduct .has-error .input-group .input-group-addon { border-right-color: #a94442; }

#pjWrapperHotelBooking_1 .bootstrap-datetimepicker-widget .datepicker table td span:hover,
#pjWrapperHotelBooking_1 .datepicker .active { background: #1b6aac; }

#pjWrapperHotelBooking_1 .bootstrap-datetimepicker-widget table td.today:before { border-bottom-color: #1b6aac; }

@charset "UTF-8";
/* ==========================================================================
   Hotel Booking v5.1 - Modern UI layer
   --------------------------------------------------------------------------
   Loaded LAST by pjFront::pjActionLoadCss(), after HotelBooking.css and the
   active themeN.css. Colour tokens are injected per theme by the controller,
   so all 10 themes keep their own hue while sharing this chassis.

   Cross-browser target: Chrome / Edge / Firefox / Safari 12+ / iOS / Android.
   No CSS Grid, no flex `gap`, no :is()/:where(), no aspect-ratio.
   Every token declaration is preceded by a literal fallback.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Token defaults (overridden per theme by the controller)
   -------------------------------------------------------------------------- */
#pjWrapperHotelBooking_1 {
	--hb-accent: #1b6aac;
	--hb-accent-hover: #14547f;
	--hb-accent-ring: rgba(27, 106, 172, .22);
	--hb-accent-soft: rgba(27, 106, 172, .08);
	--hb-on-accent: #ffffff;
	--hb-surface: #ffffff;
	--hb-field: #ffffff;
	--hb-border: #e3e7ec;
	--hb-border-strong: #c9d1da;
	--hb-text: #1f2933;
	--hb-muted: #6b7684;
	--hb-head-bg: #f7f9fb;
	--hb-head-btn: #ffffff;
	--hb-head-border: #e3e7ec;
	--hb-head-text: #1f2933;
	--hb-head-muted: #6b7684;
	--hb-danger: #b42318;
	--hb-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 10px 30px -14px rgba(16, 24, 40, .22);
	--hb-chevron: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='none' stroke='%236b7684' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M1 1l4 4 4-4'/%3E%3C/svg%3E");
}

/* --------------------------------------------------------------------------
   2. Base
   -------------------------------------------------------------------------- */
#pjWrapperHotelBooking_1 .pjHbContainer {
	padding: 0;
	color: #1f2933;
	color: var(--hb-text);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
	font-size: 15px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

#pjWrapperHotelBooking_1 .pjHbContainer *,
#pjWrapperHotelBooking_1 .pjHbContainer *:before,
#pjWrapperHotelBooking_1 .pjHbContainer *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#pjWrapperHotelBooking_1 .pjHbContainer .btn,
#pjWrapperHotelBooking_1 .pjHbContainer a {
	-webkit-transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease;
	transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease;
}

@media (prefers-reduced-motion: reduce) {
	#pjWrapperHotelBooking_1 .pjHbContainer *,
	#pjWrapperHotelBooking_1 .pjHbContainer *:before,
	#pjWrapperHotelBooking_1 .pjHbContainer *:after {
		-webkit-transition-duration: .01ms !important;
		transition-duration: .01ms !important;
		-webkit-animation-duration: .01ms !important;
		animation-duration: .01ms !important;
	}
}

/* --------------------------------------------------------------------------
   3. Card
   -------------------------------------------------------------------------- */
#pjWrapperHotelBooking_1 .pjHbPanel {
	background: #ffffff;
	background: var(--hb-surface);
	border: 1px solid #e3e7ec;
	border: 1px solid var(--hb-border);
	border-radius: 16px;
	-webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 10px 30px -14px rgba(16, 24, 40, .22);
	box-shadow: var(--hb-shadow);
	margin-bottom: 20px;
}

#pjWrapperHotelBooking_1 .pjHbPanel .pjHbPanelHead {
	background: #f7f9fb;
	background: var(--hb-head-bg);
	border-bottom: 1px solid #e3e7ec;
	border-bottom: 1px solid var(--hb-head-border);
	border-radius: 15px 15px 0 0;
	padding: 12px 16px;
	color: #1f2933;
	color: var(--hb-head-text);
}

#pjWrapperHotelBooking_1 .pjHbPanel .pjHbPanelBody {
	background: #ffffff;
	background: var(--hb-surface);
	border-radius: 0 0 15px 15px;
	padding: 30px 24px 34px;
}

#pjWrapperHotelBooking_1 .pjHbPanelTitle {
	color: #1f2933;
	color: var(--hb-text);
	font-size: 26px;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: -.015em;
	text-align: center;
	text-transform: none;
	margin: 0 0 24px;
}

/* --------------------------------------------------------------------------
   4. Header - home / step rail / language / account
   -------------------------------------------------------------------------- */
#pjWrapperHotelBooking_1 .pjHbHeadBar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#pjWrapperHotelBooking_1 .pjHbHeadStart,
#pjWrapperHotelBooking_1 .pjHbHeadEnd {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#pjWrapperHotelBooking_1 .pjHbHeadMid {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-width: 0;
	padding: 0 14px;
}

#pjWrapperHotelBooking_1 .pjHbHeadEnd > * { margin-left: 8px; }

/* Home */
#pjWrapperHotelBooking_1 .pjHbContainer .btn-default.pjHbBtnHome {
	width: 38px;
	height: 38px;
	padding: 0;
	border: 1px solid #e3e7ec;
	border: 1px solid var(--hb-head-border);
	border-radius: 10px;
	background: #ffffff;
	background: var(--hb-head-btn);
	background-image: none;
	color: #6b7684;
	color: var(--hb-head-muted);
	line-height: 36px;
	text-align: center;
	-webkit-box-shadow: none;
	box-shadow: none;
	filter: none;
}

#pjWrapperHotelBooking_1 .pjHbContainer .btn-default.pjHbBtnHome:hover,
#pjWrapperHotelBooking_1 .pjHbContainer .btn-default.pjHbBtnHome:focus {
	background: #ffffff;
	background: var(--hb-head-btn);
	background-image: none;
	border-color: #1b6aac;
	border-color: var(--hb-accent);
	color: #1b6aac;
	color: var(--hb-accent);
	filter: none;
}

#pjWrapperHotelBooking_1 .pjHbContainer .btn-default.pjHbBtnHome svg { vertical-align: -3px; }

/* Step rail */
#pjWrapperHotelBooking_1 .pjHbSteps { margin: 0; }

#pjWrapperHotelBooking_1 .pjHbStepList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	list-style: none;
	margin: 0;
	padding: 0;
}

#pjWrapperHotelBooking_1 .pjHbStep {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0;
	min-width: 0;
	position: relative;
	text-align: center;
	padding: 2px 2px 0;
}

/* connector, drawn behind the dots */
#pjWrapperHotelBooking_1 .pjHbStep:before {
	content: "";
	position: absolute;
	top: 13px;
	left: -50%;
	width: 100%;
	height: 2px;
	background: #e3e7ec;
	background: var(--hb-head-border);
}

#pjWrapperHotelBooking_1 .pjHbStep:first-child:before { display: none; }

#pjWrapperHotelBooking_1 .pjHbStepPassed:before,
#pjWrapperHotelBooking_1 .pjHbStepActive:before {
	background: #1b6aac;
	background: var(--hb-accent);
}

#pjWrapperHotelBooking_1 .pjHbStepLink {
	position: relative;
	display: block;
	padding: 0;
	border: 0;
	background: none;
	color: #6b7684;
	color: var(--hb-head-muted);
	text-decoration: none;
}

#pjWrapperHotelBooking_1 .pjHbStepLink:hover,
#pjWrapperHotelBooking_1 .pjHbStepLink:focus {
	color: #1b6aac;
	color: var(--hb-accent);
	text-decoration: none;
}

#pjWrapperHotelBooking_1 .pjHbStepDot {
	position: relative;
	z-index: 1;
	display: block;
	width: 28px;
	height: 28px;
	margin: 0 auto 6px;
	border: 2px solid #e3e7ec;
	border: 2px solid var(--hb-head-border);
	border-radius: 50%;
	background: #ffffff;
	background: var(--hb-head-btn);
	color: #6b7684;
	color: var(--hb-head-muted);
	font-size: 12px;
	font-weight: 700;
	line-height: 24px;
	text-align: center;
}

#pjWrapperHotelBooking_1 .pjHbStepLabel {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: .04em;
	text-transform: uppercase;
}

#pjWrapperHotelBooking_1 .pjHbStepPassed .pjHbStepDot,
#pjWrapperHotelBooking_1 .pjHbStepActive .pjHbStepDot {
	background: #1b6aac;
	background: var(--hb-accent);
	border-color: #1b6aac;
	border-color: var(--hb-accent);
	color: #ffffff;
	color: var(--hb-on-accent);
}

#pjWrapperHotelBooking_1 .pjHbStepPassed .pjHbStepLink {
	color: #1b6aac;
	color: var(--hb-accent);
}

/* Reachable but ahead of where you are: no highlight at all, so only the steps
   you have actually completed read as done. Still clickable - the accent shows
   on hover/focus to signal that. */
#pjWrapperHotelBooking_1 .pjHbStepAhead .pjHbStepLink:hover,
#pjWrapperHotelBooking_1 .pjHbStepAhead .pjHbStepLink:focus {
	color: #1b6aac;
	color: var(--hb-accent);
}

#pjWrapperHotelBooking_1 .pjHbStepAhead .pjHbStepLink:hover .pjHbStepDot,
#pjWrapperHotelBooking_1 .pjHbStepAhead .pjHbStepLink:focus .pjHbStepDot {
	border-color: #1b6aac;
	border-color: var(--hb-accent);
	color: #1b6aac;
	color: var(--hb-accent);
}

#pjWrapperHotelBooking_1 .pjHbStepActive .pjHbStepDot {
	-webkit-box-shadow: 0 0 0 4px rgba(27, 106, 172, .22);
	box-shadow: 0 0 0 4px var(--hb-accent-ring);
}

#pjWrapperHotelBooking_1 .pjHbStepActive .pjHbStepLink {
	color: #1f2933;
	color: var(--hb-head-text);
	cursor: default;
}

#pjWrapperHotelBooking_1 .pjHbStepDisabled .pjHbStepLink {
	pointer-events: none;
	cursor: default;
	opacity: .5;
}

#pjWrapperHotelBooking_1 .pjHbStepsCompact { display: none; }

/* pjHotelBooking.js runs `$container.find(".hbSelectorExtras").hide()` whenever
   no room is picked yet. That class is on the Continue button *and* on the
   Extras entry in this nav, so the step vanished and left a hole in the rail.
   The step's own state already controls whether it can be clicked, so keep it
   painted regardless of the inline display the script sets. */
#pjWrapperHotelBooking_1 .pjHbStepList .pjHbStepLink { display: block !important; }
#pjWrapperHotelBooking_1 .pjHbStepsCompact .dropdown-menu > li > a.pjHbBtn { display: block !important; }

/* Language + account pills */
#pjWrapperHotelBooking_1 .pjHbContainer .pjHbLanguage .btn-default.pjHbBtnNav,
#pjWrapperHotelBooking_1 .pjHbContainer .btn-default.pjHbBtnClient,
#pjWrapperHotelBooking_1 .pjHbContainer .pjHbStepsCompact .btn-default.pjHbBtnNav {
	height: 38px;
	margin: 0;
	padding: 0 12px;
	float: none;
	border: 1px solid #e3e7ec;
	border: 1px solid var(--hb-head-border);
	border-radius: 10px;
	background: #ffffff;
	background: var(--hb-head-btn);
	background-image: none;
	color: #1f2933;
	color: var(--hb-head-text);
	font-size: 13px;
	font-weight: 600;
	line-height: 36px;
	text-transform: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	filter: none;
}

#pjWrapperHotelBooking_1 .pjHbContainer .pjHbLanguage .btn-default.pjHbBtnNav:hover,
#pjWrapperHotelBooking_1 .pjHbContainer .pjHbLanguage .btn-default.pjHbBtnNav:focus,
#pjWrapperHotelBooking_1 .pjHbContainer .btn-default.pjHbBtnClient:hover,
#pjWrapperHotelBooking_1 .pjHbContainer .btn-default.pjHbBtnClient:focus,
#pjWrapperHotelBooking_1 .pjHbContainer .pjHbStepsCompact .btn-default.pjHbBtnNav:hover,
#pjWrapperHotelBooking_1 .pjHbContainer .pjHbStepsCompact .btn-default.pjHbBtnNav:focus {
	background: #ffffff;
	background: var(--hb-head-btn);
	background-image: none;
	border-color: #1b6aac;
	border-color: var(--hb-accent);
	color: #1b6aac;
	color: var(--hb-accent);
	filter: none;
}

#pjWrapperHotelBooking_1 .pjHbContainer .pjHbBtnNav img {
	display: inline-block;
	margin: -2px 6px 0 0;
	border-radius: 2px;
}

#pjWrapperHotelBooking_1 .pjHbContainer .dropdown-menu {
	min-width: 210px !important;
	padding: 6px;
	border: 1px solid #e3e7ec;
	border: 1px solid var(--hb-border);
	border-radius: 12px;
	background: #ffffff;
	background: var(--hb-surface);
	-webkit-box-shadow: 0 14px 34px -12px rgba(16, 24, 40, .30);
	box-shadow: 0 14px 34px -12px rgba(16, 24, 40, .30);
}

#pjWrapperHotelBooking_1 .pjHbContainer .dropdown-menu > li > a,
#pjWrapperHotelBooking_1 .pjHbContainer .pjHbLanguage ul li a {
	padding: 8px 10px;
	border-radius: 8px;
	color: #1f2933;
	color: var(--hb-text);
	font-size: 14px;
	font-weight: 500;
	text-align: left;
	white-space: nowrap;
}

#pjWrapperHotelBooking_1 .pjHbContainer .dropdown-menu > li > a:hover,
#pjWrapperHotelBooking_1 .pjHbContainer .dropdown-menu > li > a:focus,
#pjWrapperHotelBooking_1 .pjHbContainer .pjHbLanguage ul li a:hover,
#pjWrapperHotelBooking_1 .pjHbContainer .pjHbLanguage ul li a:focus {
	background: rgba(27, 106, 172, .08);
	background: var(--hb-accent-soft);
	color: #1b6aac;
	color: var(--hb-accent);
}

#pjWrapperHotelBooking_1 .pjHbContainer .dropdown-menu > li > a.disabled {
	opacity: .45;
	pointer-events: none;
}

#pjWrapperHotelBooking_1 .pjHbContainer .pjHbLanguage ul li a.pjHbBtnActive,
#pjWrapperHotelBooking_1 .pjHbContainer .dropdown-menu > li > a.pjHbBtnActive {
	background: #1b6aac;
	background: var(--hb-accent);
	color: #ffffff;
	color: var(--hb-on-accent);
}

/* --------------------------------------------------------------------------
   5. Search bar - the signature control
   -------------------------------------------------------------------------- */
#pjWrapperHotelBooking_1 .pjHbSearchWrap {
	max-width: 880px;
	margin: 0 auto;
}

#pjWrapperHotelBooking_1 .pjHbSearchBar {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	background: #ffffff;
	background: var(--hb-field);
	border: 1px solid #c9d1da;
	border: 1px solid var(--hb-border-strong);
	border-radius: 14px;
	-webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 10px 30px -14px rgba(16, 24, 40, .22);
	box-shadow: var(--hb-shadow);
}

#pjWrapperHotelBooking_1 .pjHbSearchField {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0;
	min-width: 0;
	margin: 0;
	padding: 11px 16px 9px;
}

#pjWrapperHotelBooking_1 .pjHbSearchField--guests {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 136px;
	flex: 0 0 136px;
}

#pjWrapperHotelBooking_1 .pjHbFieldLabel {
	display: block;
	margin: 0 0 1px;
	color: #6b7684;
	color: var(--hb-muted);
	font-size: 11px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: .07em;
	text-transform: uppercase;
	cursor: pointer;
}

/* inputs sit flush inside the bar - no boxes within the box */
#pjWrapperHotelBooking_1 .pjHbSearchBar .form-control,
#pjWrapperHotelBooking_1 .pjHbSearchBar .input-group-addon {
	height: 30px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #1f2933;
	color: var(--hb-text);
	font-size: 16px;
	font-weight: 600;
	line-height: 30px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#pjWrapperHotelBooking_1 .pjHbSearchBar .input-group-addon {
	width: 22px;
	color: #6b7684;
	color: var(--hb-muted);
	text-align: right;
	cursor: pointer;
}

#pjWrapperHotelBooking_1 .pjHbSearchBar .input-group-addon svg { vertical-align: -3px; }

#pjWrapperHotelBooking_1 .pjHbSearchBar .input-group-addon:hover {
	color: #1b6aac;
	color: var(--hb-accent);
}

#pjWrapperHotelBooking_1 .pjHbSearchBar select.form-control {
	height: 30px;
	padding-right: 20px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='none' stroke='%236b7684' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M1 1l4 4 4-4'/%3E%3C/svg%3E") !important;
	background-image: var(--hb-chevron) !important;
	background-repeat: no-repeat !important;
	background-position: right center !important;
	background-size: 10px 6px !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}

#pjWrapperHotelBooking_1 .pjHbSearchBar select.form-control::-ms-expand { display: none; }

#pjWrapperHotelBooking_1 .pjHbSearchField:focus-within {
	background: rgba(27, 106, 172, .08);
	background: var(--hb-accent-soft);
	border-radius: 12px;
}

#pjWrapperHotelBooking_1 .pjHbSearchBar .form-control:focus {
	outline: 2px solid #1b6aac;
	outline: 2px solid var(--hb-accent);
	outline-offset: 3px;
}

#pjWrapperHotelBooking_1 .pjHbSearchField:focus-within .form-control:focus { outline: 0; }

/* separators, and the stay-length notch */
#pjWrapperHotelBooking_1 .pjHbSearchSep {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 1px;
	flex: 0 0 1px;
	width: 1px;
	margin: 0;
	background: #e3e7ec;
	background: var(--hb-border);
}

#pjWrapperHotelBooking_1 .pjHbNights {
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 2;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	white-space: nowrap;
	padding: 3px 10px;
	border: 1px solid #e3e7ec;
	border: 1px solid var(--hb-border);
	border-radius: 999px;
	background: #ffffff;
	background: var(--hb-field);
	color: #1b6aac;
	color: var(--hb-accent);
	font-size: 11px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: .02em;
}

#pjWrapperHotelBooking_1 .pjHbSearchAction {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 8px;
}

/* --------------------------------------------------------------------------
   6. Buttons - flat on every theme
   -------------------------------------------------------------------------- */
#pjWrapperHotelBooking_1 .pjHbContainer .btn {
	border-radius: 10px;
	font-weight: 600;
	letter-spacing: 0;
	text-shadow: none;
	filter: none;
}

#pjWrapperHotelBooking_1 .pjHbContainer .btn-default {
	background: #1b6aac;
	background: var(--hb-accent);
	background-image: none;
	border: 1px solid #1b6aac;
	border: 1px solid var(--hb-accent);
	color: #ffffff;
	color: var(--hb-on-accent);
	text-transform: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	filter: none;
}

#pjWrapperHotelBooking_1 .pjHbContainer .btn-default:hover,
#pjWrapperHotelBooking_1 .pjHbContainer .btn-default:focus,
#pjWrapperHotelBooking_1 .pjHbContainer .btn-default:active {
	background: #14547f;
	background: var(--hb-accent-hover);
	background-image: none;
	border-color: #14547f;
	border-color: var(--hb-accent-hover);
	color: #ffffff;
	color: var(--hb-on-accent);
	filter: none;
}

#pjWrapperHotelBooking_1 .pjHbContainer .pjHbBtnSearch {
	min-width: 132px;
	height: 48px;
	padding: 0 26px;
	border-radius: 11px;
	font-size: 15px;
}

#pjWrapperHotelBooking_1 .pjHbContainer .btn:focus,
#pjWrapperHotelBooking_1 .pjHbContainer .btn:focus-visible,
#pjWrapperHotelBooking_1 .pjHbContainer a:focus-visible {
	outline: 2px solid #1b6aac;
	outline: 2px solid var(--hb-accent);
	outline-offset: 2px;
}

/* --------------------------------------------------------------------------
   7. Validation
   -------------------------------------------------------------------------- */
#pjWrapperHotelBooking_1 .pjHbSearchField.has-success { background: transparent; }

#pjWrapperHotelBooking_1 .pjHbSearchField.has-error {
	background: rgba(180, 35, 24, .07);
	border-radius: 12px;
}

#pjWrapperHotelBooking_1 .pjHbSearchField.has-error .form-control,
#pjWrapperHotelBooking_1 .pjHbSearchField.has-error .pjHbFieldLabel { color: #b42318; color: var(--hb-danger); }

#pjWrapperHotelBooking_1 .pjHbSearchBar .help-block {
	display: block;
	margin: 2px 0 0;
	color: #b42318;
	color: var(--hb-danger);
	font-size: 11px;
	font-weight: 600;
	line-height: 1.3;
}

/* --------------------------------------------------------------------------
   8. Date picker
   -------------------------------------------------------------------------- */
#pjWrapperHotelBooking_1 .bootstrap-datetimepicker-widget.dropdown-menu {
	min-width: 272px !important;
	padding: 10px;
	border-radius: 14px;
}

#pjWrapperHotelBooking_1 .bootstrap-datetimepicker-widget table td,
#pjWrapperHotelBooking_1 .bootstrap-datetimepicker-widget table th {
	border-radius: 8px;
	font-size: 13px;
}

#pjWrapperHotelBooking_1 .bootstrap-datetimepicker-widget table th.dow {
	color: #6b7684;
	color: var(--hb-muted);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
}

#pjWrapperHotelBooking_1 .bootstrap-datetimepicker-widget table td.day:hover,
#pjWrapperHotelBooking_1 .bootstrap-datetimepicker-widget table th.next:hover,
#pjWrapperHotelBooking_1 .bootstrap-datetimepicker-widget table th.prev:hover,
#pjWrapperHotelBooking_1 .bootstrap-datetimepicker-widget table th.picker-switch:hover {
	background: rgba(27, 106, 172, .08);
	background: var(--hb-accent-soft);
	border-radius: 8px;
}

#pjWrapperHotelBooking_1 .bootstrap-datetimepicker-widget table td.active,
#pjWrapperHotelBooking_1 .bootstrap-datetimepicker-widget table td.active:hover,
#pjWrapperHotelBooking_1 .bootstrap-datetimepicker-widget .datepicker table td span:hover,
#pjWrapperHotelBooking_1 .datepicker .active {
	background: #1b6aac !important;
	background: var(--hb-accent) !important;
	color: #ffffff !important;
	color: var(--hb-on-accent) !important;
	text-shadow: none;
}

#pjWrapperHotelBooking_1 .bootstrap-datetimepicker-widget table td.today:before {
	border-bottom-color: #1b6aac;
	border-bottom-color: var(--hb-accent);
}

#pjWrapperHotelBooking_1 .bootstrap-datetimepicker-widget table td.disabled,
#pjWrapperHotelBooking_1 .bootstrap-datetimepicker-widget table td.disabled:hover {
	background: transparent;
	opacity: .4;
}

/* --------------------------------------------------------------------------
   9. Responsive
   -------------------------------------------------------------------------- */
@media (max-width: 991px) {
	#pjWrapperHotelBooking_1 .pjHbStepLabel { font-size: 10px; letter-spacing: .02em; }
	#pjWrapperHotelBooking_1 .pjHbHeadMid { padding: 0 10px; }
}

@media (max-width: 767px) {
	#pjWrapperHotelBooking_1 .pjHbPanel .pjHbPanelBody { padding: 22px 16px 26px; }
	#pjWrapperHotelBooking_1 .pjHbPanelTitle { font-size: 21px; margin-bottom: 18px; }

	/* header: home + compact step select + language on one row */
	#pjWrapperHotelBooking_1 .pjHbHeadMid { padding: 0 8px; }
	#pjWrapperHotelBooking_1 .pjHbStepList { display: none; }
	#pjWrapperHotelBooking_1 .pjHbStepsCompact { display: block; width: 100%; }
	#pjWrapperHotelBooking_1 .pjHbContainer .pjHbStepsCompact .pjHbBtnNav { width: 100%; text-align: left; }
	#pjWrapperHotelBooking_1 .pjHbContainer .pjHbStepsCompact .caret { float: right; margin-top: 16px; }
	#pjWrapperHotelBooking_1 .pjHbContainer .pjHbStepsCompact .dropdown-menu { width: 100%; }

	/* search bar stacks */
	#pjWrapperHotelBooking_1 .pjHbSearchBar { display: block; }
	#pjWrapperHotelBooking_1 .pjHbSearchField { padding: 12px 16px 10px; }
	#pjWrapperHotelBooking_1 .pjHbSearchField--guests { padding-bottom: 12px; }
	#pjWrapperHotelBooking_1 .pjHbSearchSep { width: auto; height: 1px; margin: 0 16px; }
	#pjWrapperHotelBooking_1 .pjHbNights { top: 50%; }
	#pjWrapperHotelBooking_1 .pjHbSearchAction { display: block; padding: 4px 16px 14px; }
	#pjWrapperHotelBooking_1 .pjHbContainer .pjHbBtnSearch { width: 100%; min-width: 0; }
	#pjWrapperHotelBooking_1 .pjHbSearchBar .form-control,
	#pjWrapperHotelBooking_1 .pjHbSearchBar .input-group-addon { height: 28px; line-height: 28px; }
}

@media (max-width: 575px) {
	#pjWrapperHotelBooking_1 .pjHbHeadMid {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		width: 100%;
		padding: 10px 0 0;
	}
	#pjWrapperHotelBooking_1 .pjHbHeadEnd {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
	#pjWrapperHotelBooking_1 .pjHbContainer .pjHbLanguage .pjHbBtnNav .title { display: none; }
	#pjWrapperHotelBooking_1 .pjHbContainer .btn-default.pjHbBtnClient { padding: 0 10px; font-size: 12px; }
}

/* --------------------------------------------------------------------------
   10. RTL
   -------------------------------------------------------------------------- */
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbHeadEnd > * { margin-left: 0; margin-right: 8px; }
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbStep:before { left: auto; right: -50%; }
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbContainer .pjHbBtnNav img { margin-right: 0; margin-left: 6px; }
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbContainer .dropdown-menu > li > a,
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbContainer .pjHbLanguage ul li a { text-align: right !important; }
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbSearchBar .input-group-addon { text-align: left; }
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbSearchBar select.form-control {
	padding-right: 0;
	padding-left: 20px;
	background-position: left center !important;
}
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbContainer .pjHbStepsCompact .caret { float: left; }

@media (max-width: 767px) {
	[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbContainer .pjHbStepsCompact .pjHbBtnNav { text-align: right; }
}

@media (max-width: 575px) {
	[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbHeadEnd {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
}

/* ==========================================================================
   11. Rooms step
   ========================================================================== */

/* -- trip summary strip ---------------------------------------------------- */
#pjWrapperHotelBooking_1 .pjHbPanelBodyTrip { padding: 22px 24px 24px; }

#pjWrapperHotelBooking_1 .pjHbPanelTitleLeft {
	text-align: left;
	font-size: 20px;
	margin-bottom: 14px;
}

#pjWrapperHotelBooking_1 .pjHbTripBar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 12px 16px;
	border: 1px solid #e3e7ec;
	border: 1px solid var(--hb-border);
	border-radius: 12px;
	background: #ffffff;
	background: var(--hb-field);
}

#pjWrapperHotelBooking_1 .pjHbTripDates {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	min-width: 0;
}

#pjWrapperHotelBooking_1 .pjHbTripDate {
	font-size: 15px;
	font-weight: 600;
	color: #1f2933;
	color: var(--hb-text);
}

#pjWrapperHotelBooking_1 .pjHbTripArrow {
	margin: 0 12px;
	color: #6b7684;
	color: var(--hb-muted);
	line-height: 1;
}

#pjWrapperHotelBooking_1 .pjHbTripNights {
	margin-left: 14px;
	padding: 3px 10px;
	border-radius: 999px;
	background: rgba(27, 106, 172, .08);
	background: var(--hb-accent-soft);
	color: #1b6aac;
	color: var(--hb-accent);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .02em;
	white-space: nowrap;
}

/* -- room cards ------------------------------------------------------------ */
#pjWrapperHotelBooking_1 .pjHbRoomList { margin-top: 16px; }
#pjWrapperHotelBooking_1 .hbRoomItem + .hbRoomItem { margin-top: 16px; }

#pjWrapperHotelBooking_1 .pjHbRoomCard {
	margin: 0;
	border: 1px solid #e3e7ec;
	border: 1px solid var(--hb-border);
	border-radius: 16px;
	background: #ffffff;
	background: var(--hb-surface);
	-webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 10px 30px -14px rgba(16, 24, 40, .22);
	box-shadow: var(--hb-shadow);
}

#pjWrapperHotelBooking_1 .pjHbRoomChosen {
	border-color: #1b6aac;
	border-color: var(--hb-accent);
	-webkit-box-shadow: 0 0 0 3px rgba(27, 106, 172, .22);
	box-shadow: 0 0 0 3px var(--hb-accent-ring);
}

#pjWrapperHotelBooking_1 .pjHbProduct .pjHbRoomHead {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 14px 18px;
	border-bottom: 1px solid #e3e7ec;
	border-bottom: 1px solid var(--hb-border);
	border-radius: 15px 15px 0 0;
	background: #ffffff;
	background: var(--hb-surface);
	color: #1f2933;
	color: var(--hb-text);
	text-transform: none;
}

#pjWrapperHotelBooking_1 .pjHbRoomName {
	font-size: 17px;
	font-weight: 600;
	letter-spacing: -.01em;
	color: #1f2933;
	color: var(--hb-text);
}

#pjWrapperHotelBooking_1 .pjHbOccupancy {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #6b7684;
	color: var(--hb-muted);
	font-size: 13px;
	font-weight: 500;
}

#pjWrapperHotelBooking_1 .pjHbOccupancy svg { margin-right: 7px; -ms-flex-negative: 0; flex-shrink: 0; }

#pjWrapperHotelBooking_1 .pjHbOccNum {
	display: inline-block;
	min-width: 20px;
	margin: 0 2px;
	padding: 0 5px;
	border-radius: 6px;
	background: rgba(27, 106, 172, .08);
	background: var(--hb-accent-soft);
	color: #1b6aac;
	color: var(--hb-accent);
	font-weight: 700;
	text-align: center;
}

#pjWrapperHotelBooking_1 .pjHbProduct .pjHbRoomBody {
	padding: 18px;
	color: #1f2933;
	color: var(--hb-text);
}

#pjWrapperHotelBooking_1 .pjHbRoomGrid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

#pjWrapperHotelBooking_1 .pjHbRoomMedia {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 300px;
	flex: 0 0 300px;
	max-width: 300px;
	margin-right: 20px;
}

#pjWrapperHotelBooking_1 .pjHbRoomImg {
	display: block;
	width: 100%;
	height: 196px;
	border-radius: 10px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	background: rgba(107, 118, 132, .10);
}

#pjWrapperHotelBooking_1 .pjHbRoomThumbs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 8px;
}

#pjWrapperHotelBooking_1 .pjHbProduct .pjHbRoomThumbs .hbSelectorThumb {
	display: block;
	width: 54px;
	height: 42px;
	margin: 0 6px 6px 0;
	border-radius: 8px;
	overflow: hidden;
	line-height: 0;
}

#pjWrapperHotelBooking_1 .pjHbRoomThumbs .img-thumbnail {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	padding: 0;
	border: 1px solid #e3e7ec;
	border: 1px solid var(--hb-border);
	border-radius: 8px;
	background: transparent;
}

#pjWrapperHotelBooking_1 .pjHbRoomThumbs .hbSelectorThumb:hover .img-thumbnail {
	border-color: #1b6aac;
	border-color: var(--hb-accent);
}

#pjWrapperHotelBooking_1 .pjHbRoomDesc {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-width: 0;
	color: #6b7684;
	color: var(--hb-muted);
	font-size: 14px;
	line-height: 1.6;
}

#pjWrapperHotelBooking_1 .pjHbRoomDesc p { margin: 0; }

#pjWrapperHotelBooking_1 .pjHbRoomRail {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 232px;
	flex: 0 0 232px;
	max-width: 232px;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 1px solid #e3e7ec;
	border-left: 1px solid var(--hb-border);
}

#pjWrapperHotelBooking_1 .pjHbRoomPriceFrom { margin-bottom: 14px; }

#pjWrapperHotelBooking_1 .pjHbRoomPriceLabel {
	display: block;
	color: #6b7684;
	color: var(--hb-muted);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .07em;
	text-transform: uppercase;
}

#pjWrapperHotelBooking_1 .pjHbProduct .pjHbRoomPriceValue {
	display: block;
	margin-top: 2px;
	font-size: 24px;
	line-height: 1.2;
	letter-spacing: -.02em;
}

#pjWrapperHotelBooking_1 .pjHbRoomPick { margin-bottom: 12px; }

#pjWrapperHotelBooking_1 .pjHbRoomPick .form-control {
	height: 42px;
	padding: 0 12px;
	border: 1px solid #c9d1da;
	border: 1px solid var(--hb-border-strong);
	border-radius: 10px;
	background-color: #ffffff;
	background-color: var(--hb-field);
	color: #1f2933;
	color: var(--hb-text);
	font-size: 15px;
	font-weight: 600;
	line-height: 40px;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='none' stroke='%236b7684' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M1 1l4 4 4-4'/%3E%3C/svg%3E") !important;
	background-image: var(--hb-chevron) !important;
	background-repeat: no-repeat !important;
	background-position: right 12px center !important;
	background-size: 10px 6px !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}

#pjWrapperHotelBooking_1 .pjHbRoomPick .form-control:focus {
	border-color: #1b6aac;
	border-color: var(--hb-accent);
	outline: 0;
	-webkit-box-shadow: 0 0 0 3px rgba(27, 106, 172, .22);
	box-shadow: 0 0 0 3px var(--hb-accent-ring);
}

#pjWrapperHotelBooking_1 .pjHbContainer .pjHbEditLink,
#pjWrapperHotelBooking_1 .pjHbPanelBooking .pjHbEditLink,
#pjWrapperHotelBooking_1 .pjHbProduct .pjHbEditLink {
	display: inline-block;
	margin-top: 8px;
	color: #1b6aac;
	color: var(--hb-accent);
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	border-bottom: 1px solid transparent;
}

#pjWrapperHotelBooking_1 .pjHbContainer .pjHbEditLink:hover,
#pjWrapperHotelBooking_1 .pjHbPanelBooking .pjHbEditLink:hover,
#pjWrapperHotelBooking_1 .pjHbProduct .pjHbEditLink:hover { border-bottom-color: currentColor; color: #14547f; color: var(--hb-accent-hover); }

#pjWrapperHotelBooking_1 .pjHbHidden { display: none !important; }

#pjWrapperHotelBooking_1 .pjHbRoomUnavailable {
	margin: 0;
	padding: 10px 12px;
	border-radius: 10px;
	background: rgba(107, 118, 132, .10);
	color: #6b7684;
	color: var(--hb-muted);
	font-size: 13px;
	line-height: 1.45;
}

#pjWrapperHotelBooking_1 .pjHbRoomPicked {
	margin-bottom: 12px;
	padding: 12px;
	border-radius: 10px;
	background: rgba(27, 106, 172, .08);
	background: var(--hb-accent-soft);
}

#pjWrapperHotelBooking_1 .pjHbPickedLine {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 0 6px;
	font-size: 13px;
	line-height: 1.4;
}

#pjWrapperHotelBooking_1 .pjHbPickedLine:last-child { margin-bottom: 0; }
#pjWrapperHotelBooking_1 .pjHbPickedLine > span:first-child { padding-right: 10px; }

/* -- edit mode ------------------------------------------------------------- */
#pjWrapperHotelBooking_1 .pjHbRoomEdit .pjHbRoomPick {
	max-width: 232px;
	margin-bottom: 18px;
}

#pjWrapperHotelBooking_1 .pjHbProduct .pjHbRoomTable { margin: 0; }

#pjWrapperHotelBooking_1 .pjHbProduct .pjHbRoomTable > thead > tr > th {
	padding: 0 10px 10px;
	border-bottom: 1px solid #e3e7ec;
	border-bottom: 1px solid var(--hb-border);
	color: #6b7684;
	color: var(--hb-muted);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
}

#pjWrapperHotelBooking_1 .pjHbProduct .pjHbRoomTable > tbody > tr > td {
	padding: 10px;
	border-top: 1px solid #e3e7ec;
	border-top: 1px solid var(--hb-border);
	vertical-align: middle;
	font-size: 14px;
}

#pjWrapperHotelBooking_1 .pjHbProduct .pjHbRoomTable .form-control {
	height: 40px;
	max-width: 110px;
	padding: 0 32px 0 12px;
	border: 1px solid #c9d1da;
	border: 1px solid var(--hb-border-strong);
	border-radius: 10px;
	background-color: #ffffff;
	background-color: var(--hb-field);
	color: #1f2933;
	color: var(--hb-text);
	font-size: 14px;
	font-weight: 600;
	line-height: 38px;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='none' stroke='%236b7684' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M1 1l4 4 4-4'/%3E%3C/svg%3E") !important;
	background-image: var(--hb-chevron) !important;
	background-repeat: no-repeat !important;
	background-position: right 12px center !important;
	background-size: 10px 6px !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}

#pjWrapperHotelBooking_1 .pjHbProduct .pjHbCellPrice { font-weight: 600; }

#pjWrapperHotelBooking_1 .pjHbProduct .pjHbRoomTable > tfoot > tr > td {
	padding: 12px 10px 0;
	border-top: 2px solid #e3e7ec;
	border-top: 2px solid var(--hb-border);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #6b7684;
	color: var(--hb-muted);
}

#pjWrapperHotelBooking_1 .pjHbProduct .pjHbRoomTable > tfoot .pjHbProductPrice {
	font-size: 20px;
	letter-spacing: -.02em;
	text-transform: none;
}

#pjWrapperHotelBooking_1 .pjHbPriceNote {
	margin: 12px 0 0;
	color: #6b7684;
	color: var(--hb-muted);
	font-size: 12px;
}

#pjWrapperHotelBooking_1 .pjHbRoomFormActions {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #e3e7ec;
	border-top: 1px solid var(--hb-border);
}

#pjWrapperHotelBooking_1 .pjHbRoomFormActions > .btn + .btn { margin-left: 10px; }

/* -- shared buttons / notices ---------------------------------------------- */
#pjWrapperHotelBooking_1 .pjHbContainer .btn-default.pjHbBtnGhost {
	background: transparent;
	background-image: none;
	border: 1px solid #c9d1da;
	border: 1px solid var(--hb-border-strong);
	color: #1f2933;
	color: var(--hb-text);
	filter: none;
}

#pjWrapperHotelBooking_1 .pjHbContainer .btn-default.pjHbBtnGhost:hover,
#pjWrapperHotelBooking_1 .pjHbContainer .btn-default.pjHbBtnGhost:focus {
	background: rgba(27, 106, 172, .08);
	background: var(--hb-accent-soft);
	background-image: none;
	border-color: #1b6aac;
	border-color: var(--hb-accent);
	color: #1b6aac;
	color: var(--hb-accent);
	filter: none;
}

#pjWrapperHotelBooking_1 .pjHbContainer .pjHbBtnNext,
#pjWrapperHotelBooking_1 .pjHbContainer .btn-default.pjHbBtnGhost {
	height: 44px;
	padding: 0 22px;
	border-radius: 10px;
	font-size: 14px;
	line-height: 42px;
}

#pjWrapperHotelBooking_1 .pjHbContainer .pjHbBtnBlock {
	display: block;
	width: 100%;
}

#pjWrapperHotelBooking_1 .pjHbActionBar { margin-top: 20px; }

#pjWrapperHotelBooking_1 .pjHbActionRow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#pjWrapperHotelBooking_1 .pjHbContainer .pjHbNotice {
	margin-bottom: 14px;
	padding: 12px 14px;
	border: 1px solid transparent;
	border-radius: 12px;
	font-size: 14px;
	line-height: 1.5;
}

#pjWrapperHotelBooking_1 .pjHbContainer .alert-info.pjHbNotice {
	background: rgba(27, 106, 172, .08);
	background: var(--hb-accent-soft);
	border-color: rgba(27, 106, 172, .22);
	border-color: var(--hb-accent-ring);
	color: #1f2933;
	color: var(--hb-text);
}

#pjWrapperHotelBooking_1 .pjHbContainer .alert-danger.pjHbNotice {
	background: rgba(180, 35, 24, .08);
	border-color: rgba(180, 35, 24, .22);
	color: #b42318;
	color: var(--hb-danger);
}

#pjWrapperHotelBooking_1 .pjHbEmpty { text-align: center; }

/* -- responsive ------------------------------------------------------------ */
@media (max-width: 991px) {
	#pjWrapperHotelBooking_1 .pjHbRoomMedia { -ms-flex: 0 0 240px; flex: 0 0 240px; max-width: 240px; }
	#pjWrapperHotelBooking_1 .pjHbRoomRail { -ms-flex: 0 0 200px; flex: 0 0 200px; max-width: 200px; }
}

@media (max-width: 767px) {
	#pjWrapperHotelBooking_1 .pjHbPanelBodyTrip { padding: 18px 16px 20px; }
	#pjWrapperHotelBooking_1 .pjHbPanelTitleLeft { font-size: 18px; }
	#pjWrapperHotelBooking_1 .pjHbTripBar { display: block; }
	#pjWrapperHotelBooking_1 .pjHbTripDates { margin-bottom: 12px; }
	#pjWrapperHotelBooking_1 .pjHbTripNights { margin: 8px 0 0; }
	#pjWrapperHotelBooking_1 .pjHbContainer .pjHbTripBar .pjHbBtnGhost { width: 100%; }

	#pjWrapperHotelBooking_1 .pjHbProduct .pjHbRoomBody { padding: 16px; }
	#pjWrapperHotelBooking_1 .pjHbRoomGrid { display: block; }
	#pjWrapperHotelBooking_1 .pjHbRoomMedia { max-width: none; margin: 0 0 14px; }
	#pjWrapperHotelBooking_1 .pjHbRoomImg { height: 210px; }
	#pjWrapperHotelBooking_1 .pjHbRoomDesc { margin-bottom: 16px; }
	#pjWrapperHotelBooking_1 .pjHbRoomRail {
		max-width: none;
		margin: 0;
		padding: 16px 0 0;
		border-left: 0;
		border-top: 1px solid #e3e7ec;
		border-top: 1px solid var(--hb-border);
	}
	#pjWrapperHotelBooking_1 .pjHbRoomEdit .pjHbRoomPick { max-width: none; }

	/* stacked table rows */
	#pjWrapperHotelBooking_1 .pjHbProduct .pjHbRoomTable > thead { display: none; }
	#pjWrapperHotelBooking_1 .pjHbProduct .pjHbRoomTable > tbody > tr {
		display: block;
		padding: 10px 0;
		border-top: 1px solid #e3e7ec;
		border-top: 1px solid var(--hb-border);
	}
	#pjWrapperHotelBooking_1 .pjHbProduct .pjHbRoomTable > tbody > tr > td {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding: 4px 0;
		border: 0;
		text-align: right;
	}
	#pjWrapperHotelBooking_1 .pjHbProduct .pjHbRoomTable > tbody > tr > td:before {
		content: attr(data-label);
		color: #6b7684;
		color: var(--hb-muted);
		font-size: 11px;
		font-weight: 700;
		letter-spacing: .06em;
		text-transform: uppercase;
		padding-right: 12px;
	}
	#pjWrapperHotelBooking_1 .pjHbProduct .pjHbRoomTable > tfoot > tr { display: block; }
	#pjWrapperHotelBooking_1 .pjHbProduct .pjHbRoomTable > tfoot > tr > td {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding: 12px 0 0;
	}
	#pjWrapperHotelBooking_1 .pjHbProduct .pjHbRoomTable > tfoot > tr > td[colspan] { display: none; }
	#pjWrapperHotelBooking_1 .pjHbProduct .pjHbRoomTable > tfoot > tr > td:before {
		content: attr(data-label);
	}

	#pjWrapperHotelBooking_1 .pjHbRoomFormActions { display: block; }
	#pjWrapperHotelBooking_1 .pjHbContainer .pjHbRoomFormActions > .btn { display: block; width: 100%; }
	#pjWrapperHotelBooking_1 .pjHbRoomFormActions > .btn + .btn { margin: 10px 0 0; }

	#pjWrapperHotelBooking_1 .pjHbActionRow { display: block; }
	#pjWrapperHotelBooking_1 .pjHbContainer .pjHbActionRow > .btn { display: block; width: 100%; }
	#pjWrapperHotelBooking_1 .pjHbActionRow > .btn + .btn { margin-top: 10px; }
	#pjWrapperHotelBooking_1 .pjHbActionRow > .pjHbBtnNext { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }
}

/* -- RTL ------------------------------------------------------------------- */
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbRoomMedia { margin-right: 0; margin-left: 20px; }
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbRoomRail {
	margin-left: 0;
	margin-right: 20px;
	padding-left: 0;
	padding-right: 20px;
	border-left: 0;
	border-right: 1px solid #e3e7ec;
	border-right: 1px solid var(--hb-border);
}
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbProduct .pjHbRoomThumbs .hbSelectorThumb { margin: 0 0 6px 6px; }
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbOccupancy svg { margin-right: 0; margin-left: 7px; }
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbTripNights { margin-left: 0; margin-right: 14px; }
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbRoomFormActions > .btn + .btn { margin-left: 0; margin-right: 10px; }
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbRoomPick .form-control,
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbProduct .pjHbRoomTable .form-control { background-position: left 12px center !important; }
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbProduct .pjHbRoomTable .form-control { padding: 0 12px 0 32px; }
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbTripArrow svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

@media (max-width: 767px) {
	[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbRoomMedia { margin-left: 0; }
	[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbRoomRail { margin-right: 0; padding-right: 0; border-right: 0; }
	[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbProduct .pjHbRoomTable > tbody > tr > td { text-align: left; }
	[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbProduct .pjHbRoomTable > tbody > tr > td:before { padding-right: 0; padding-left: 12px; }
	[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbRoomFormActions > .btn + .btn { margin-right: 0; }
}

/* ==========================================================================
   12. Extras step
   ========================================================================== */

/* -- booking summary panel ------------------------------------------------- */
#pjWrapperHotelBooking_1 .pjHbSummaryHead {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 16px;
}

#pjWrapperHotelBooking_1 .pjHbPanelBooking .pjHbPanelBookingTitle {
	margin: 0;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -.01em;
	text-transform: none;
}

#pjWrapperHotelBooking_1 .pjHbFacts {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0;
	padding: 14px 16px;
	border: 1px solid #e3e7ec;
	border: 1px solid var(--hb-border);
	border-radius: 12px;
	background: #ffffff;
	background: var(--hb-field);
}

#pjWrapperHotelBooking_1 .pjHbFact {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 33.333%;
	flex: 1 1 33.333%;
	min-width: 150px;
	padding-right: 16px;
}

#pjWrapperHotelBooking_1 .pjHbFacts dt {
	margin: 0 0 3px;
	color: #6b7684;
	color: var(--hb-muted);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .07em;
	text-transform: uppercase;
}

#pjWrapperHotelBooking_1 .pjHbFacts dd {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
}

#pjWrapperHotelBooking_1 .pjHbBookedRoom {
	margin-top: 14px;
	padding: 14px 16px;
	border: 1px solid #e3e7ec;
	border: 1px solid var(--hb-border);
	border-radius: 12px;
}

#pjWrapperHotelBooking_1 .pjHbBookedRoomHead {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-bottom: 10px;
	margin-bottom: 4px;
	border-bottom: 1px solid #e3e7ec;
	border-bottom: 1px solid var(--hb-border);
	font-size: 15px;
}

#pjWrapperHotelBooking_1 .pjHbBookedUnit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 7px 0 0;
	font-size: 14px;
}

#pjWrapperHotelBooking_1 .pjHbBookedUnit > span:first-child { padding-right: 12px; }

/* -- two-column layout ----------------------------------------------------- */
#pjWrapperHotelBooking_1 .pjHbExtrasLayout {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin: 20px 0 0;
}

#pjWrapperHotelBooking_1 .pjHbExtrasMain {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-width: 0;
	margin-right: 20px;
}

#pjWrapperHotelBooking_1 .pjHbExtrasAside {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 340px;
	flex: 0 0 340px;
	max-width: 340px;
}

#pjWrapperHotelBooking_1 .pjHbExtras .pjHbExtrasTitle {
	margin: 0 0 8px;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -.01em;
	text-transform: none;
}

#pjWrapperHotelBooking_1 .pjHbExtrasIntro {
	margin: 0 0 16px;
	color: #6b7684;
	color: var(--hb-muted);
	font-size: 14px;
	line-height: 1.6;
}

/* -- selectable extra rows ------------------------------------------------- */
#pjWrapperHotelBooking_1 .pjHbExtraList {
	border: 1px solid #e3e7ec;
	border: 1px solid var(--hb-border);
	border-radius: 14px;
	background: #ffffff;
	background: var(--hb-surface);
	overflow: hidden;
}

#pjWrapperHotelBooking_1 .pjHbExtras .pjHbExtraRow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	margin: 0;
	padding: 14px 16px;
	border-top: 1px solid #e3e7ec;
	border-top: 1px solid var(--hb-border);
	font-weight: 400;
	cursor: pointer;
	-webkit-transition: background-color .14s ease;
	transition: background-color .14s ease;
}

#pjWrapperHotelBooking_1 .pjHbExtras .pjHbExtraRow:first-child { border-top: 0; }

#pjWrapperHotelBooking_1 .pjHbExtras .pjHbExtraRow:hover {
	background: rgba(107, 118, 132, .06);
}

#pjWrapperHotelBooking_1 .pjHbExtras .pjHbExtraRowOn {
	background: rgba(27, 106, 172, .08);
	background: var(--hb-accent-soft);
}

/* the native control stays in the DOM for the change handler, just hidden */
#pjWrapperHotelBooking_1 .pjHbExtras .pjHbExtraRow .hbSelectorExtra {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	border: 0;
	opacity: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
}

#pjWrapperHotelBooking_1 .pjHbExtraBox {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20px;
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	margin-right: 12px;
	border: 2px solid #c9d1da;
	border: 2px solid var(--hb-border-strong);
	border-radius: 6px;
	background: #ffffff;
	background: var(--hb-field);
	color: transparent;
	line-height: 16px;
	text-align: center;
	-webkit-transition: background-color .14s ease, border-color .14s ease;
	transition: background-color .14s ease, border-color .14s ease;
}

#pjWrapperHotelBooking_1 .pjHbExtraBox svg { vertical-align: 1px; }

#pjWrapperHotelBooking_1 .pjHbExtraRow .hbSelectorExtra:checked ~ .pjHbExtraBox {
	background: #1b6aac;
	background: var(--hb-accent);
	border-color: #1b6aac;
	border-color: var(--hb-accent);
	color: #ffffff;
	color: var(--hb-on-accent);
}

#pjWrapperHotelBooking_1 .pjHbExtraRow .hbSelectorExtra:focus ~ .pjHbExtraBox {
	outline: 2px solid #1b6aac;
	outline: 2px solid var(--hb-accent);
	outline-offset: 2px;
}

#pjWrapperHotelBooking_1 .pjHbExtraText {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-width: 0;
	padding-right: 12px;
}

#pjWrapperHotelBooking_1 .pjHbExtraName {
	display: block;
	font-size: 15px;
	font-weight: 600;
	color: #1f2933;
	color: var(--hb-text);
}

#pjWrapperHotelBooking_1 .pjHbExtraPer {
	display: block;
	margin-top: 1px;
	color: #6b7684;
	color: var(--hb-muted);
	font-size: 12px;
}

#pjWrapperHotelBooking_1 .pjHbExtras .pjHbExtraRow .pjHbExtraPrice {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-size: 15px;
	font-weight: 700;
	white-space: nowrap;
}

/* -- price summary card ---------------------------------------------------- */
#pjWrapperHotelBooking_1 .pjHbSummaryCard {
	padding: 18px;
	border: 1px solid #e3e7ec;
	border: 1px solid var(--hb-border);
	border-radius: 16px;
	background: #ffffff;
	background: var(--hb-surface);
	-webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 10px 30px -14px rgba(16, 24, 40, .22);
	box-shadow: var(--hb-shadow);
}

#pjWrapperHotelBooking_1 .pjHbSummaryLines { margin: 0; }

#pjWrapperHotelBooking_1 .pjHbSummaryLine {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 8px 0;
	font-size: 14px;
}

#pjWrapperHotelBooking_1 .pjHbSummaryLine dt {
	font-weight: 500;
	padding-right: 12px;
	color: #6b7684;
	color: var(--hb-muted);
}

#pjWrapperHotelBooking_1 .pjHbSummaryLine dd {
	margin: 0;
	font-weight: 600;
	white-space: nowrap;
}

#pjWrapperHotelBooking_1 .pjHbSummaryTotal {
	margin-top: 6px;
	padding-top: 14px;
	border-top: 2px solid #e3e7ec;
	border-top: 2px solid var(--hb-border);
}

#pjWrapperHotelBooking_1 .pjHbSummaryTotal dt {
	color: #1f2933;
	color: var(--hb-text);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
}

#pjWrapperHotelBooking_1 .pjHbSummaryTotal dd { font-size: 22px; letter-spacing: -.02em; }

#pjWrapperHotelBooking_1 .pjHbSummaryLineMuted { font-size: 13px; }
#pjWrapperHotelBooking_1 .pjHbSummaryLineMuted dd { font-weight: 500; }

#pjWrapperHotelBooking_1 .pjHbSummaryLineDiscount dt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#pjWrapperHotelBooking_1 .pjHbContainer .btn-default.pjHbBtnRemove {
	width: 20px;
	height: 20px;
	margin-left: 8px;
	padding: 0;
	border: 1px solid #c9d1da;
	border: 1px solid var(--hb-border-strong);
	border-radius: 6px;
	background: transparent;
	background-image: none;
	color: #6b7684;
	color: var(--hb-muted);
	line-height: 17px;
	filter: none;
}

#pjWrapperHotelBooking_1 .pjHbContainer .btn-default.pjHbBtnRemove:hover,
#pjWrapperHotelBooking_1 .pjHbContainer .btn-default.pjHbBtnRemove:focus {
	border-color: #b42318;
	border-color: var(--hb-danger);
	background: rgba(180, 35, 24, .08);
	background-image: none;
	color: #b42318;
	color: var(--hb-danger);
	filter: none;
}

/* -- promo code ------------------------------------------------------------ */
#pjWrapperHotelBooking_1 .pjHbVoucher {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #e3e7ec;
	border-top: 1px solid var(--hb-border);
}

#pjWrapperHotelBooking_1 .pjHbVoucherRow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

#pjWrapperHotelBooking_1 .pjHbVoucherRow .form-group {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-width: 0;
	margin: 0 8px 0 0;
}

#pjWrapperHotelBooking_1 .pjHbVoucherRow .form-control {
	height: 44px;
	padding: 0 12px;
	border: 1px solid #c9d1da;
	border: 1px solid var(--hb-border-strong);
	border-radius: 10px;
	background: #ffffff;
	background: var(--hb-field);
	color: #1f2933;
	color: var(--hb-text);
	font-size: 14px;
	line-height: 42px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#pjWrapperHotelBooking_1 .pjHbVoucherRow .form-control:focus {
	border-color: #1b6aac;
	border-color: var(--hb-accent);
	outline: 0;
	-webkit-box-shadow: 0 0 0 3px rgba(27, 106, 172, .22);
	box-shadow: 0 0 0 3px var(--hb-accent-ring);
}

#pjWrapperHotelBooking_1 .pjHbContainer .pjHbBtnApply {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	height: 44px;
	padding: 0 18px;
	border-radius: 10px;
	font-size: 14px;
	line-height: 42px;
}

#pjWrapperHotelBooking_1 .hbSelectorVoucherError { margin-top: 10px; }
#pjWrapperHotelBooking_1 .hbSelectorVoucherError .pjHbNotice { margin: 0; font-size: 13px; }
#pjWrapperHotelBooking_1 .pjHbVoucher .help-block { margin: 6px 0 0; color: #b42318; color: var(--hb-danger); font-size: 12px; font-weight: 600; }

/* -- summary actions ------------------------------------------------------- */
#pjWrapperHotelBooking_1 .pjHbSummaryActions {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #e3e7ec;
	border-top: 1px solid var(--hb-border);
}

#pjWrapperHotelBooking_1 .pjHbSummaryActions > .btn + .btn { margin-top: 10px; }

/* -- responsive ------------------------------------------------------------ */
@media (max-width: 991px) {
	#pjWrapperHotelBooking_1 .pjHbExtrasAside { -ms-flex: 0 0 300px; flex: 0 0 300px; max-width: 300px; }
}

@media (max-width: 767px) {
	#pjWrapperHotelBooking_1 .pjHbExtrasLayout { display: block; }
	#pjWrapperHotelBooking_1 .pjHbExtrasMain { margin: 0 0 20px; }
	#pjWrapperHotelBooking_1 .pjHbExtrasAside { max-width: none; }
	#pjWrapperHotelBooking_1 .pjHbSummaryHead { display: block; }
	#pjWrapperHotelBooking_1 .pjHbContainer .pjHbSummaryHead .pjHbBtnGhost { width: 100%; margin-top: 12px; }
	#pjWrapperHotelBooking_1 .pjHbFacts { display: block; padding: 4px 14px 12px; }
	#pjWrapperHotelBooking_1 .pjHbFact { padding: 10px 0 0; min-width: 0; }
	#pjWrapperHotelBooking_1 .pjHbExtras .pjHbExtraRow { padding: 13px 14px; }
	#pjWrapperHotelBooking_1 .pjHbSummaryCard { padding: 16px; }
}

/* -- RTL ------------------------------------------------------------------- */
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbExtrasMain { margin-right: 0; margin-left: 20px; }
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbFact { padding-right: 0; padding-left: 16px; }
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbExtraBox { margin-right: 0; margin-left: 12px; }
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbExtraText { padding-right: 0; padding-left: 12px; }
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbSummaryLine dt { padding-right: 0; padding-left: 12px; }
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbBookedUnit > span:first-child { padding-right: 0; padding-left: 12px; }
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbVoucherRow .form-group { margin: 0 0 0 8px; }
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbContainer .btn-default.pjHbBtnRemove { margin-left: 0; margin-right: 8px; }

@media (max-width: 767px) {
	[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbExtrasMain { margin-left: 0; }
	[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbFact { padding-left: 0; }
}

/* Bootstrap's own danger colour, re-pointed at the theme token. */
#pjWrapperHotelBooking_1 .pjHbContainer .text-danger {
	color: #b42318;
	color: var(--hb-danger);
}

/* ==========================================================================
   13. Checkout step
   ========================================================================== */

/* header-only panel (the stepper sits alone above the checkout columns) */
#pjWrapperHotelBooking_1 .pjHbPanelBare .pjHbPanelHead {
	border-bottom: 0;
	border-radius: 15px;
}

/* -- two-column layout ----------------------------------------------------- */
#pjWrapperHotelBooking_1 .pjHbCheckoutLayout {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

#pjWrapperHotelBooking_1 .pjHbCheckoutMain {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-width: 0;
	margin-right: 20px;
}

#pjWrapperHotelBooking_1 .pjHbCheckoutAside {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 340px;
	flex: 0 0 340px;
	max-width: 340px;
}

#pjWrapperHotelBooking_1 .pjHbSummaryCardSticky {
	position: -webkit-sticky;
	position: sticky;
	top: 16px;
}

/* -- form sections --------------------------------------------------------- */
#pjWrapperHotelBooking_1 .pjHbFormCard {
	margin-bottom: 16px;
	padding: 20px;
	border: 1px solid #e3e7ec;
	border: 1px solid var(--hb-border);
	border-radius: 16px;
	background: #ffffff;
	background: var(--hb-surface);
	-webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 10px 30px -14px rgba(16, 24, 40, .22);
	box-shadow: var(--hb-shadow);
}

#pjWrapperHotelBooking_1 .pjHbFormCard .pjHbFormCheckOutTitle,
#pjWrapperHotelBooking_1 .pjHbFormCheckOut .pjHbFormCheckOutTitle {
	margin: 0 0 18px;
	padding-bottom: 14px;
	border-bottom: 1px solid #e3e7ec;
	border-bottom: 1px solid var(--hb-border);
	color: #1f2933;
	color: var(--hb-text);
	font-size: 17px;
	font-weight: 600;
	letter-spacing: -.01em;
	text-align: left;
	text-transform: none;
}

#pjWrapperHotelBooking_1 .pjHbFormGrid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -8px -16px;
}

#pjWrapperHotelBooking_1 .pjHbFormCheckOut .pjHbField {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 220px;
	flex: 1 1 220px;
	min-width: 0;
	max-width: -webkit-calc(50% - 16px);
	max-width: calc(50% - 16px);
	margin: 0 8px 16px;
}

#pjWrapperHotelBooking_1 .pjHbFormCheckOut .pjHbFieldFull {
	-ms-flex: 1 1 100%;
	flex: 1 1 100%;
	max-width: 100%;
}

#pjWrapperHotelBooking_1 .pjHbFormCheckOut .pjHbFieldLabel {
	margin-bottom: 6px;
	cursor: default;
}

#pjWrapperHotelBooking_1 .pjHbFormCheckOut .form-control,
#pjWrapperHotelBooking_1 .pjHbFormCheckOut .pjHbTimePick .form-control {
	height: 44px;
	width: 100%;
	padding: 0 12px;
	border: 1px solid #c9d1da;
	border: 1px solid var(--hb-border-strong);
	border-radius: 10px;
	background-color: #ffffff;
	background-color: var(--hb-field);
	color: #1f2933;
	color: var(--hb-text);
	font-size: 15px;
	line-height: 42px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#pjWrapperHotelBooking_1 .pjHbFormCheckOut textarea.form-control {
	height: auto;
	min-height: 96px;
	padding: 10px 12px;
	line-height: 1.55;
	resize: vertical;
}

#pjWrapperHotelBooking_1 .pjHbFormCheckOut select.form-control {
	padding-right: 34px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='none' stroke='%236b7684' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M1 1l4 4 4-4'/%3E%3C/svg%3E") !important;
	background-image: var(--hb-chevron) !important;
	background-repeat: no-repeat !important;
	background-position: right 12px center !important;
	background-size: 10px 6px !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}

#pjWrapperHotelBooking_1 .pjHbFormCheckOut select.form-control::-ms-expand { display: none; }

#pjWrapperHotelBooking_1 .pjHbFormCheckOut .form-control:focus {
	border-color: #1b6aac;
	border-color: var(--hb-accent);
	outline: 0;
	-webkit-box-shadow: 0 0 0 3px rgba(27, 106, 172, .22);
	box-shadow: 0 0 0 3px var(--hb-accent-ring);
}

#pjWrapperHotelBooking_1 .pjHbFormCheckOut .has-error .form-control {
	border-color: #b42318;
	border-color: var(--hb-danger);
}

#pjWrapperHotelBooking_1 .pjHbFormCheckOut .help-block {
	display: block;
	margin: 6px 0 0;
	color: #b42318;
	color: var(--hb-danger);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.35;
}

#pjWrapperHotelBooking_1 .pjHbFormCheckOut .help-block a { color: inherit; text-decoration: underline; }
#pjWrapperHotelBooking_1 .pjHbFormCheckOut .help-block ul { margin: 0; padding: 0; }

/* arrival time picker */
#pjWrapperHotelBooking_1 .pjHbFormCheckOut .pjHbTimePick { display: table; width: 100%; }

#pjWrapperHotelBooking_1 .pjHbFormCheckOut .pjHbTimePick .form-control {
	border-right: 0;
	border-radius: 10px 0 0 10px;
}

#pjWrapperHotelBooking_1 .pjHbFormCheckOut .pjHbTimePick .input-group-addon {
	width: 44px;
	padding: 0;
	border: 1px solid #c9d1da;
	border: 1px solid var(--hb-border-strong);
	border-left: 0;
	border-radius: 0 10px 10px 0;
	background: #ffffff;
	background: var(--hb-field);
	color: #6b7684;
	color: var(--hb-muted);
	text-align: center;
	cursor: pointer;
}

#pjWrapperHotelBooking_1 .pjHbFormCheckOut .pjHbTimePick .input-group-addon:hover {
	color: #1b6aac;
	color: var(--hb-accent);
}

/* bank transfer details */
#pjWrapperHotelBooking_1 .pjHbBank {
	margin-top: 16px;
	padding: 14px 16px;
	border-radius: 12px;
	background: rgba(27, 106, 172, .08);
	background: var(--hb-accent-soft);
}

#pjWrapperHotelBooking_1 .pjHbFormCheckOut .pjHbBankDetails {
	margin: 6px 0 0;
	padding: 0;
	min-height: 0;
	color: #1f2933;
	color: var(--hb-text);
	font-size: 14px;
	line-height: 1.6;
	text-align: left;
}

/* captcha */
#pjWrapperHotelBooking_1 .pjHbCaptchaRow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#pjWrapperHotelBooking_1 .pjHbFormCheckOut .pjHbCaptchaRow .form-control {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 160px;
	flex: 0 0 160px;
	width: 160px;
	margin-right: 12px;
}

#pjWrapperHotelBooking_1 .pjHbCaptchaRow #pjHbCaptchaImage {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	max-width: 50%;
	height: 44px;
	-o-object-fit: contain;
	object-fit: contain;
	border: 1px solid #e3e7ec;
	border: 1px solid var(--hb-border);
	border-radius: 10px;
	background: #ffffff;
	cursor: pointer;
}

#pjWrapperHotelBooking_1 .g-recaptcha { margin-top: 4px; }

/* terms */
#pjWrapperHotelBooking_1 .pjHbFormCheckOut .pjHbTermsRow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin: 0;
	font-weight: 400;
	cursor: pointer;
}

#pjWrapperHotelBooking_1 .pjHbTermsRow input[type="checkbox"] {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: 0;
	opacity: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
}

#pjWrapperHotelBooking_1 .pjHbTermsRow .pjHbExtraBox { margin-top: 1px; }

#pjWrapperHotelBooking_1 .pjHbTermsRow input[type="checkbox"]:checked ~ .pjHbExtraBox {
	background: #1b6aac;
	background: var(--hb-accent);
	border-color: #1b6aac;
	border-color: var(--hb-accent);
	color: #ffffff;
	color: var(--hb-on-accent);
}

#pjWrapperHotelBooking_1 .pjHbTermsRow input[type="checkbox"]:focus ~ .pjHbExtraBox {
	outline: 2px solid #1b6aac;
	outline: 2px solid var(--hb-accent);
	outline-offset: 2px;
}

#pjWrapperHotelBooking_1 .pjHbTermsText {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	font-size: 14px;
	line-height: 1.5;
}

#pjWrapperHotelBooking_1 .pjHbTermsLink { margin: 10px 0 0 32px; font-size: 14px; }

/* -- cart / booking summary partial ---------------------------------------- */
#pjWrapperHotelBooking_1 .pjHbCartHead {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 10px;
}

#pjWrapperHotelBooking_1 .pjHbCart .pjHbPanelBookingTitle {
	margin: 0;
	font-size: 17px;
	font-weight: 600;
	letter-spacing: -.01em;
	text-transform: none;
}

#pjWrapperHotelBooking_1 .pjHbCartSection {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid #e3e7ec;
	border-top: 1px solid var(--hb-border);
}

#pjWrapperHotelBooking_1 .pjHbCartSectionHead {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 6px;
	font-size: 14px;
}

#pjWrapperHotelBooking_1 .pjHbCartLine {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 4px 0;
	font-size: 13px;
	line-height: 1.45;
}

#pjWrapperHotelBooking_1 .pjHbCartLine > span:first-child { padding-right: 12px; }
#pjWrapperHotelBooking_1 .pjHbCartLine small { opacity: .75; }

#pjWrapperHotelBooking_1 .pjHbCartTotals {
	margin-top: 12px;
	padding-top: 6px;
	border-top: 1px solid #e3e7ec;
	border-top: 1px solid var(--hb-border);
}

/* -- responsive ------------------------------------------------------------ */
@media (max-width: 991px) {
	#pjWrapperHotelBooking_1 .pjHbCheckoutAside { -ms-flex: 0 0 300px; flex: 0 0 300px; max-width: 300px; }
}

@media (max-width: 767px) {
	#pjWrapperHotelBooking_1 .pjHbCheckoutLayout {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	/* summary first on small screens, form below */
	#pjWrapperHotelBooking_1 .pjHbCheckoutAside {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		max-width: none;
		width: 100%;
		margin-bottom: 16px;
	}
	#pjWrapperHotelBooking_1 .pjHbCheckoutMain { margin-right: 0; width: 100%; }
	#pjWrapperHotelBooking_1 .pjHbSummaryCardSticky { position: static; }
	#pjWrapperHotelBooking_1 .pjHbFormCard { padding: 16px; }
	#pjWrapperHotelBooking_1 .pjHbFormCheckOut .pjHbField { -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; }
	#pjWrapperHotelBooking_1 .pjHbFormCheckOut .pjHbCaptchaRow .form-control { -ms-flex: 1 1 0px; flex: 1 1 0; width: auto; min-width: 0; }
}

/* -- RTL ------------------------------------------------------------------- */
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbCheckoutMain { margin-right: 0; margin-left: 20px; }
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbFormCard .pjHbFormCheckOutTitle,
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbFormCheckOut .pjHbFormCheckOutTitle { text-align: right; }
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbFormCheckOut select.form-control { padding: 0 12px 0 34px; background-position: left 12px center !important; }
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbFormCheckOut .pjHbTimePick .form-control { border-right: 1px solid; border-left: 0; border-radius: 0 10px 10px 0; }
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbFormCheckOut .pjHbTimePick .input-group-addon { border-left: 1px solid; border-right: 0; border-radius: 10px 0 0 10px; }
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbFormCheckOut .pjHbCaptchaRow .form-control { margin-right: 0; margin-left: 12px; }
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbTermsLink { margin-left: 0; margin-right: 32px; }
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbCartLine > span:first-child { padding-right: 0; padding-left: 12px; }
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbFormCheckOut .pjHbBankDetails { text-align: right; }

@media (max-width: 767px) {
	[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbCheckoutMain { margin-left: 0; }
	[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbFormCheckOut .pjHbCaptchaRow .form-control { margin-left: 0; }
}

/* ==========================================================================
   14. Preview step (read-only review)
   ========================================================================== */
#pjWrapperHotelBooking_1 .pjHbReviewGrid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -8px -14px;
}

#pjWrapperHotelBooking_1 .pjHbReviewItem {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 220px;
	flex: 1 1 220px;
	min-width: 0;
	max-width: -webkit-calc(50% - 16px);
	max-width: calc(50% - 16px);
	margin: 0 8px 14px;
}

#pjWrapperHotelBooking_1 .pjHbReviewItemFull {
	-ms-flex: 1 1 100%;
	flex: 1 1 100%;
	max-width: 100%;
}

#pjWrapperHotelBooking_1 .pjHbReviewGrid dt {
	margin: 0 0 3px;
	color: #6b7684;
	color: var(--hb-muted);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .07em;
	text-transform: uppercase;
}

#pjWrapperHotelBooking_1 .pjHbReviewGrid dd {
	margin: 0;
	color: #1f2933;
	color: var(--hb-text);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.5;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

#pjWrapperHotelBooking_1 .pjHbReviewItemFull dd { font-weight: 500; }

#pjWrapperHotelBooking_1 .hbForm .pjHbActionBar { margin-top: 0; }

#pjWrapperHotelBooking_1 .pjHbContainer .hbSelectorError { margin-bottom: 14px; }

#pjWrapperHotelBooking_1 .pjHbContainer .pjHbBtnConfirm { min-width: 170px; }

@media (max-width: 767px) {
	#pjWrapperHotelBooking_1 .pjHbReviewItem { -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; }
}

[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbReviewGrid dt,
[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbReviewGrid dd { text-align: right; }

/* ==========================================================================
   15. Dropdown lists
   ========================================================================== */
/* ---------------------------------------------------------------------------
   Dropdown lists.

   Native <select> popups ignore almost all CSS - padding on <option> does
   nothing in Chrome, so the list sits flush against the popup edge. The
   standard fix is `appearance: base-select` (Chrome 135+), which hands the
   picker over to CSS. Browsers without it keep their native popup, unchanged.
   --------------------------------------------------------------------------- */
@supports (appearance: base-select) {
	/* !important is needed here: the field rules further up set
	   `appearance: none` at a higher specificity to hide the native arrow. */
	#pjWrapperHotelBooking_1 .pjHbContainer select,
	#pjWrapperHotelBooking_1 .pjHbContainer select::picker(select) {
		-webkit-appearance: base-select !important;
		appearance: base-select !important;
	}

	/* we already draw our own chevron as a background image */
	#pjWrapperHotelBooking_1 .pjHbContainer select::picker-icon { display: none; }

	#pjWrapperHotelBooking_1 .pjHbContainer select {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		text-align: left;
	}

	#pjWrapperHotelBooking_1 .pjHbContainer select::picker(select) {
		box-sizing: border-box;

		/* Pin it directly under the field, left edges flush. Without this the
		   picker uses the UA default and can end up sitting over the field. */
		position-area: block-end span-inline-end;
		position-try-fallbacks: flip-block;
		min-width: anchor-size(width);
		max-height: 320px;
		margin-block: 6px;
		margin-inline: 0;

		padding: 6px;
		border: 1px solid #e3e7ec;
		border: 1px solid var(--hb-border);
		border-radius: 12px;
		background: #ffffff;
		background: var(--hb-surface);
		box-shadow: 0 14px 34px -12px rgba(16, 24, 40, .30);

		overflow-y: auto;
		overscroll-behavior: contain;
		scrollbar-width: thin;
		scrollbar-color: #c9d1da transparent;
		scrollbar-color: var(--hb-border-strong) transparent;
	}

	/* Chromium still paints a classic scrollbar with stepper arrows in the
	   picker unless it is styled explicitly. */
	#pjWrapperHotelBooking_1 .pjHbContainer select::picker(select)::-webkit-scrollbar {
		width: 8px;
	}

	#pjWrapperHotelBooking_1 .pjHbContainer select::picker(select)::-webkit-scrollbar-track {
		background: transparent;
	}

	#pjWrapperHotelBooking_1 .pjHbContainer select::picker(select)::-webkit-scrollbar-thumb {
		border: 2px solid transparent;
		border-radius: 8px;
		background: #c9d1da;
		background: var(--hb-border-strong);
		background-clip: padding-box;
	}

	#pjWrapperHotelBooking_1 .pjHbContainer select::picker(select)::-webkit-scrollbar-button {
		display: none;
	}

	[dir="rtl"] #pjWrapperHotelBooking_1 .pjHbContainer select::picker(select) {
		position-area: block-end span-inline-start;
	}

	#pjWrapperHotelBooking_1 .pjHbContainer select option {
		min-height: 0;
		padding: 9px 12px;
		border-radius: 8px;
		background: transparent;
		color: #1f2933;
		color: var(--hb-text);
		font-size: 14px;
		font-weight: 500;
		line-height: 1.4;
		cursor: pointer;
	}

	/* the picker's default tick column would push the labels off our grid */
	#pjWrapperHotelBooking_1 .pjHbContainer select option::checkmark { display: none; }

	#pjWrapperHotelBooking_1 .pjHbContainer select option:hover,
	#pjWrapperHotelBooking_1 .pjHbContainer select option:focus {
		background: rgba(27, 106, 172, .08);
		background: var(--hb-accent-soft);
		color: #1b6aac;
		color: var(--hb-accent);
		outline: 0;
	}

	#pjWrapperHotelBooking_1 .pjHbContainer select option:checked {
		background: #1b6aac;
		background: var(--hb-accent);
		color: #ffffff;
		color: var(--hb-on-accent);
		font-weight: 600;
	}

	#pjWrapperHotelBooking_1 .pjHbContainer select optgroup {
		padding: 8px 12px 4px;
		color: #6b7684;
		color: var(--hb-muted);
		font-size: 11px;
		font-weight: 700;
		letter-spacing: .06em;
		text-transform: uppercase;
	}

	/* optgroup is the option's parent, so its label styling would otherwise
	   be inherited and shout the payment names in uppercase */
	#pjWrapperHotelBooking_1 .pjHbContainer select optgroup option {
		padding-left: 22px;
		color: #1f2933;
		color: var(--hb-text);
		font-size: 14px;
		font-weight: 500;
		letter-spacing: 0;
		text-transform: none;
	}

	#pjWrapperHotelBooking_1 .pjHbContainer select optgroup option:checked {
		color: #ffffff;
		color: var(--hb-on-accent);
		font-weight: 600;
	}
}

/* Gecko honours these on the native popup; Chrome ignores them and uses the
   block above instead. */
@supports not (appearance: base-select) {
	#pjWrapperHotelBooking_1 .pjHbContainer select option,
	#pjWrapperHotelBooking_1 .pjHbContainer select optgroup {
		padding: 7px 12px;
	}

	#pjWrapperHotelBooking_1 .pjHbContainer select optgroup option {
		padding-left: 24px;
	}
}

/* ==========================================================================
   16. Login / forgot password
   ========================================================================== */

/* These forms used to sit bare on the page, so Bootstrap's -15px row margins
   pulled the fields flush against both edges. */
#pjWrapperHotelBooking_1 .pjHbAccountLayout {
	max-width: 620px;
	margin: 0 auto;
}

#pjWrapperHotelBooking_1 .pjHbAccountActions {
	margin-top: 16px;
	text-align: center;
}

/* .pjHbFormGrid ends on a -16px bottom margin. A top margin here would just
   collapse against it, so the gap has to be padding on the wrapper. */
#pjWrapperHotelBooking_1 .pjHbAccountMessage { padding-top: 16px; }
#pjWrapperHotelBooking_1 .pjHbAccountLayout .pjHbNotice { margin: 0; }

#pjWrapperHotelBooking_1 .pjHbContainer .pjHbAccountActions .pjHbBtnBlock { margin-bottom: 14px; }

#pjWrapperHotelBooking_1 .pjHbAccountActions .pjHbEditLink { font-size: 14px; }


@media (max-width: 767px) {
	#pjWrapperHotelBooking_1 .pjHbAccountLayout { max-width: none; }
}


#pjWrapperHotelBooking_1{--hb-accent:#1b6aac;--hb-accent-hover:#14547f;--hb-accent-ring:rgba(27, 106, 172,.22);--hb-accent-soft:rgba(27, 106, 172,.10);--hb-on-accent:#ffffff;--hb-surface:#ffffff;--hb-field:#ffffff;--hb-border:#e3e7ec;--hb-border-strong:#c9d1da;--hb-text:#1f2933;--hb-muted:#6b7684;--hb-head-bg:#f7f9fb;--hb-head-btn:#ffffff;--hb-head-border:#e3e7ec;--hb-head-text:#1f2933;--hb-head-muted:#6b7684;--hb-danger:#b42318;--hb-chevron:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='none' stroke='%236b7684' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M1 1l4 4 4-4'/%3E%3C/svg%3E");}