.hub-booking-form :is(input,textarea,select){
width: 100%;
}
.hub-booking-form :is(input,textarea)::placeholder{
opacity: 1;
}
.hub-booking-form select{
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ai ai-ChevronDown"><path d="M4 9l8 8 8-8"/></svg>') no-repeat;
background-position: calc(100% - 0.75rem) center !important;
-moz-appearance:none !important;
-webkit-appearance: none !important; 
appearance: none !important;
padding-right: 2rem !important;
}
.hub-booking-form .datepicker-input{
margin-bottom: 1em;
}
.hub-booking-form p.error{
border: 1px solid #ddd;
padding: 1em;
font-size: 14px;
}
.hub-booking-form:is(.form-init,.form-loading) :is(.before-submit){
display: none;
}
.hub-booking-form:is(.form-step-user.form-loading,.form-done) :is(#datepicker, label, .choose-date, .user-form, .form-field, button.submit){
display: none;
}
.hub-booking-form :is(.user-form,button.submit){
display: none;
}
.hub-booking-form:is(.form-step-user) :is(.user-form){
display: block;
}
.hub-booking-form:is(.form-step-user) :is(button.submit){
display: flex;
}
.hub-booking-form:is(.form-step-user) .before-submit{
display: none;
}
.hub-booking-form.form-init .datepicker-input{
margin: 0;
}
.hub-booking-form .user-form{
margin-bottom: 1em;
}
.hub-booking-form .hub-booking-alert .dashicons{
font-size: 2em;
}
.hub-booking-form #datepicker{
cursor: pointer;
} .hub-booking-form.form-loading .loader-clock{
display: block;
}
.loader-clock {
width: 48px;
height: 48px;
display: inline-block;
position: relative;
background-color: #FFF;
background: radial-gradient(ellipse at center, #FF3D00 0%, #FF3D00 14%, #FFF 15%, #FFF 100%);
background-size: cover;
background-position: center;
border-radius: 50%;
border: 1px solid #ddd;
display: none;
margin: 1em auto 0 auto;
}
.loader-clock::after,
.loader-clock::before {
content: '';  
position: absolute;
height: 16px;
width: 4px;
background: #FF3D00;
top: 50%;
left: 50%;
transform: translateX(-50%) rotate(0deg);
transform-origin: 25% 0;
box-sizing: border-box;
animation: rotation 10s linear infinite;
}
.loader-clock::before {
height: 22px;
width: 2px;
transform: translateX(-50%) rotate(0deg);
animation-duration: 1s;
} 
@keyframes rotation {
0%    { transform: rotate(0deg)}
100%  { transform: rotate(360deg)}
} 
.hub-booking-form .form-icon-wrapper{
width: 1em;
position: absolute;
}
.hub-booking-form .form-btn-icon{
width: 1em;
margin-right: 0.5em;
}
.air-datepicker-global-container{
z-index: 999999999;
}