/* +------------------------+ */
/* |  BookingBox            | */
/* +------------------------+ */

.modal.show .BookingPax { width:325px; }
.modal.show .BookingDates { width:325px; }
.InputForm .InputFieldset { position:relative; width:100%; border:0; padding:10px; margin:0; text-align:left; font-size:100%; font-family:inherit; }
.InputForm .InputFieldset .PaxBooking { position:relative; float:left; width:50%; height:auto; margin-top:10px;margin-bottom:1em; }
.InputForm .InputFieldset .InputLabel.Booking { position:relative; width:100%; border:0; padding:0; margin:0; text-align:left; font-size:100%; font-family:inherit; }
.InputForm .InputFieldset .InputField.Booking { position:relative; float:left; width:50px; min-width:50px; height:30px; margin:0; padding:0; border-top:1px solid #331A00; border-bottom:1px solid #331A00; outline:0;
	background:transparent; color:inherit; font-weight:inherit; font-size:100%; font-family:inherit; text-align:center; }
.InputForm .InputFieldset .ClickButton.Booking.Left { float:left; left:0px; height:30px; width:30px; margin:0; padding:0 0 0 5px; border:1px solid #331A00; background:transparent; font-size:130%; 
	border-top-left-radius:9999px; border-bottom-left-radius:9999px; }
.InputForm .InputFieldset .ClickButton.Booking.Right { float:left; left:0px; height:30px; width:30px; margin:0; padding:0 5px 0 0px; border:1px solid #331A00; background:transparent; font-size:130%;
	border-top-right-radius:9999px; border-bottom-right-radius:9999px; }
.InputForm .InputFieldset .ClickButton.Booking:hover,
.InputForm .InputFieldset .ClickButton.Booking:active { background:#331A00; color:#FFFFFF; }

/* +------------------------+ */
/* |  UI styles, JQueryUI   | */
/* +------------------------+ */
.ArrivalDateDescription { position:relative; width:100%; height:auto; padding:2em 0; border:0; outline:0; background:transparent; color:#4D2800; text-align:center; font-size:115%; }
.ui-datepicker { z-index:100 !important; display:none; width:100%; padding:0; background:transparent; font-size:100%; border:0; color:#4D2800; }
.ui-datepicker .ui-datepicker-header { position:relative; width:100%; height:auto; padding:10px 0; font-variant:small-caps; letter-spacing:0px; font-weight:100; text-align:center; background:transparent; }
.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev { position:absolute; top:3px; height:35px; width:35px; color: #331A00; background:transparent; }
.ui-datepicker .ui-datepicker-next { right:5px; }
.ui-datepicker .ui-datepicker-prev { right:35px; }
.ui-datepicker .ui-datepicker-next::before { content:'chevron_right'; position:relative; top:-2px; left:1px;
	font-family:'Material Symbols'; font-weight:normal; font-style:normal; font-variant:normal; font-size:200%;
	display:inline-block; line-height:inherit; text-transform:none; letter-spacing:normal; word-wrap:normal; white-space:nowrap; direction:ltr;
	text-rendering:optimizeLegibility;
	font-variation-settings:'FILL' 1;
	font-feature-settings:'liga';
	-webkit-font-smoothing:antialiased;
	-moz-font-feature-settings:'liga';
  	-moz-osx-font-smoothing:grayscale; }
.ui-datepicker .ui-datepicker-prev::before { content:'chevron_left'; position:relative; top:-2px; left:-1px;
	font-family:'Material Symbols'; font-weight:normal; font-style:normal; font-variant:normal; font-size:200%;
	display:inline-block; line-height:inherit; text-transform:none; letter-spacing:normal; word-wrap:normal; white-space:nowrap; direction:ltr;
	text-rendering:optimizeLegibility;
	font-variation-settings:'FILL' 1;
	font-feature-settings:'liga';
	-webkit-font-smoothing:antialiased;
	-moz-font-feature-settings:'liga';
  	-moz-osx-font-smoothing:grayscale; }
.ui-datepicker .ui-datepicker-next:hover, .ui-datepicker .ui-datepicker-next:active,.ui-datepicker .ui-datepicker-next:focus,
.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-prev:active,.ui-datepicker .ui-datepicker-prev:focus,
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { cursor:pointer; color:#FFFFFF; background:#331A00;
	-webkit-border-radius:50%;
	-khtml-border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
	border-radius:50%; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display:none; position:absolute; left:50%; top:50%;  margin-left:-4px; margin-top:-10px; font-size:100%; }
.ui-datepicker .ui-datepicker-title { margin:0 0.5em; font-size:125%; text-align:left; }
.ui-datepicker .ui-datepicker-title select { font-size:125%; margin:1px 0; }
.ui-datepicker .ui-datepicker-calendar { position:relative; width:100%; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width:45%; }
.ui-datepicker-unselectable .ui-state-default { width:40px; height:40px; padding:8px 9px 8px 8px; color:#CDCDCD; }
.ui-datepicker a.ui-state-default { width:40px; height:40px; padding:8px 9px 8px 8px; color:inherit; border:0; background:transparent; }
.ui-datepicker a.ui-state-hover { background:#EDEDED; border-radius:50%; }
.ui-datepicker td.BookedDays span.ui-state-default { opacity:1.0 !important; border:1px solid transpartent !important; cursor:text !important; color: rgba(255,255,255,.75) !important;width: 20px !important; background:blue;}
.ui-datepicker .ui-datepicker-calendar { width:100%; font-size:100%; border-collapse:collapse; margin:0px; }
.ui-datepicker .ui-datepicker-calendar thead { font-size:85%; }
.ui-datepicker th { padding:.3em .3em; text-align:center; font-weight:normal; font-size:100%itoma; border:0; }
.ui-datepicker td { border:0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display:block; padding:.2em .2em .1em .2em; text-align:center; text-decoration:none; }
.ui-datepicker-week-col { text-align:center; font-weight:normal; font-size:0.9em; border:0; }
.ui-datepicker .ui-datepicker-buttonpane { background-image:none; margin:.7em 0 0 0; padding:0 .2em; 
	border-left:0; border-right:0; border-bottom:0; }
.ui-datepicker .ui-datepicker-buttonpane button { cursor:pointer; overflow:visible; float:right; width:auto;
	margin:.5em .2em .4em; padding:.2em .6em .3em .6em; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }

/* multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.HeaderBar .ui-datepicker-row-break { clear:both; width:100%; font-size:0; }

/* RTL support */
.ui-datepicker-rtl { direction:rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right:-1px; left:auto; }
.ui-datepicker-rtl .ui-datepicker-next { left:-1px; right:auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { left:auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { right:auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float:left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }