@charset "utf-8";
/* CSS Document */
* :focus { outline:none; }
.booking-form .form-group { font-weight: 400;}
.booking-form {	position: relative;		width: 100%;	margin: auto; 	}
.booking-form .form-header {	margin-bottom: 25px;}
.booking-form .form-group {	position: relative;	margin-bottom: 0px; text-align:left !important; text-align-last:left !important; }
.form-group .flex-container table { display:flex; flex-wrap:wrap; align-items:center; width:50%; }
.booking-form .form-control {	background-color: transparent;	height:70px;	padding-top: 0px;	border-radius: 0px;	-webkit-transition: 0.2s;	transition: 0.2s;		border: 0px;	-webkit-box-shadow: none;	box-shadow: none;	border-bottom:1px solid #dadada; width:100%;
text-align:left !important; text-align-last:left !important  }
*:focus{box-shadow: none !important; outline: none !important; border-color: #dadada !important;}
.room-type-reserv { padding-top:0px; }
.booking-form .form-control::-webkit-input-placeholder {	 }
.booking-form .form-control:-ms-input-placeholder { } 
.booking-form .form-control::placeholder { font-weight: normal !important; }
.booking-form input[type="date"].form-control:invalid,.booking-form input[type="time"].form-control:invalid {		 }
.booking-form select.form-control {	-webkit-appearance: none;	-moz-appearance: none;	appearance: none; }
.booking-form select.form-control option {	color: #1a1b1d; }
.booking-form select.form-control+.select-arrow {	position: absolute;	right: 0px;	bottom: 11px;	width:20px;	line-height: 32px;	height: 32px;	text-align: center;	pointer-events: none; }
.booking-form select.form-control+.select-arrow:after {	content: '\279C';	display: block;	-webkit-transform: rotate(90deg);	transform: rotate(90deg);		font-size: 14px;}
.booking-form select.form-control~.form-label {	opacity: 1; display:block }
.booking-form .form-label {		line-height: 24px;	height: 24px;	font-size: 16px;	position: absolute;	left: 0;	top: 26px;	opacity: 0;	text-transform: capitalize;	pointer-events: none;	-webkit-transition: 0.2s all;	transition: 0.2s all;}
.booking-form input[type="date"].form-control+.form-label,.booking-form input[type="time"].form-control+.form-label {	color: #8b4602;	opacity: 1; }
.booking-form input[type="date"].form-control:focus+.form-label,.booking-form input[type="time"].form-control:focus+.form-label {	opacity: 0;	top: 0px;	color: #ffc600 !important;}
.booking-form .form-group.input-not-empty .form-label {	opacity: 1;	top: 0px;	}
.booking-form .form-btn { width:100px; margin:25px auto auto auto}
.booking-form .submit-btn {	color: #fff;	background-color:#c9a865;	padding: 10px 0px;	font-size: 11pt; border-radius:5px;	width: 100%;	border:none; transition:all 0.5s ease; line-height:normal; text-transform: uppercase; }
.booking-form .submit-btn:hover { background-color:#c77865;  color:#fff; }
.paxGroup .form-group { margin:0 2px; }
.date, .cntNU,  .form-left, .form-right {  width: calc(45% - 0px); padding:0 10px }
.form-left, .form-right {  width: calc(45% - 0px); padding:0 10px }
/*.date-wrapp { padding-top:20px }*/
.booking-form .txtar { padding-top:22px; height:100px}
#check_out_date { z-index:92000 }
.contNum .form-group { width: calc(100% - 0px); }
.frm-cntat .form-group { width: calc(50% - 0px);  margin-right:0px }
.btn-onlyMOb { display:none }
.frm-btn-frp { width:400px; margin:15px auto 0 auto }
.frm-btn-frp .form-group {  width:280px; margin:10px 0 0 0 }
.frm-cntat .form-groupLeft  {  width: calc(50% - 15px);  margin-right:15px  }
/*#booking { padding:20px 0 }*/
.form-left table { border:none; }
.form-left table tr { border:none; background:none; }
.form-left table td { text-align:left;  padding:3px 0; }
.contNum .form-group {    width: calc(50% - 4px);   }
.ui-datepicker-trigger { background-image:url(../images/calendar-symbol.svg); background-size:100% auto; background-repeat:no-repeat }
.form-control.hasDatepicker { position:relative  }
.ui-datepicker-trigger { position:absolute; bottom:25px; right:0; width:20px; height:22px; border:none; font-size:0.1pt  }

.form-control { font-size:12.5pt; }  .pax-item { width:calc(25% - 0px) } 
.booking-form .txtarAdderss { height:100px; margin-top:30px }
.booking-form .txtarcomm { height:100px; margin-top:25px; }  .date-align { margin-top: 25px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border:none !important }
.ui-state-highlight, .ui-widget-content .ui-state-highlight { background:#daf792 !important; }
.grecaptcha-badge { bottom:80px !important; }
.univer-forms .form-group { margin:0 15px; width:calc(50% - 30px) }
.univer-forms .pax-item-full  { width:calc(50% - 0px); }
.univer-forms .pax-item-full .form-group { width:calc(100% - 30px) }
.form-control:disabled { opacity:0.5 }
.cd-switch {  text-align: center; font-size:10.5pt !important }
.switchFilter {  width: 0;  display: inline-block;  background-color: #ed1b23;  position: absolute;  left: 0;  opacity: 0;  top: 0;  bottom: 0;   z-index: -1;
  -webkit-transition: all 0.4s cubic-bezier(0, 0, 0.25, 1);   -moz-transition: all 0.4s cubic-bezier(0, 0, 0.25, 1);  transition: all 0.4s cubic-bezier(0, 0, 0.25, 1); }
label {  cursor: pointer;  text-transform: uppercase;  border: 1px solid #dadada;  width: 60px;  padding: 5px 0;  text-align: center;  text-align-last:center !important;  display: inline-block;  -webkit-transition: all 0.4s;  -moz-transition: all 0.4s;  transition: all 0.4s;  margin-right: 10px;}
.switch {  position: relative;  display: inline-block;  left: 0;  right: auto;  z-index: 1;  margin:0;}
.switch input[type=radio] {  visibility: hidden;  position: absolute;  height: 100%; }
.switch input[type=radio]#yes:checked ~ label[for=yes] {  color: white;  border: 1px solid #ed1b23;}
.switch input[type=radio]#yes:checked ~ .switchFilter {  left: 0;  opacity: 1;  width: 60px;}
.switch input[type=radio]#no:checked ~ label[for=no] {  color: white;  border: 1px solid #ed1b23;}
.switch input[type=radio]#no:checked ~ .switchFilter {  left: 74px;  width: 60px;  opacity: 1; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight { background:#c77865 !important; color:#fff !important;  }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { background:#723132 !important; }
.ui-state-default:hover { background:#c77865  !important; color:#fff !important; }
.room-tables table { width:calc(50% - 0px) }
.btnBlok { width:100% } .prdt-type-enqry { padding-top:0px; }
.ui-datepicker td span, .ui-datepicker td a {text-align: center !important;}


.ui-datepicker-trigger {
  background-image: url(../images/icon-calender.webp);
  background-size: 100% auto;
  background-repeat: no-repeat
}
.booking-form, .prdt-type-enqry, .booking-form .form-control,
.booking-form .form-control::-webkit-input-placeholder,
.booking-form .form-control:-ms-input-placeholder,
.booking-form .form-control::placeholder,
.booking-form input[type="date"].form-control:invalid,.booking-form input[type="time"].form-control:invalid,
.booking-form select.form-control+.select-arrow:after,
.booking-form select.form-control~.form-label,
.booking-form .form-label, .booking-form .form-group.input-not-empty .form-label,
::placeholder   { color: var(--color); }


::placeholder, .booking-form .form-label {
  color: var(--color) !important;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12-18 */
  color: var(--color) !important; font-weight: 100 !important;
}


.pax-item-pax, .pax-item-adult { width: 100px;} .pax-item-adult { width: 120px; }