/* datepicker */
.webrooms-datepicker { position:relative; display:inline-block; }
.datepicker-label { width:260px; background:#fff; border-bottom:2px solid rgba(0,0,0,0.2); padding:0; color:#333; position:relative; text-align:left; text-indent:30px; }
.datepicker-label:before { content:''; background:url("../img/icon-calendar.png") center center no-repeat; background-size:contain; width:16px; height:30px; position:absolute; top:0; left:8px; }
.datepicker-input { width:150px; border:none; padding:0;  margin:0; background:none; border:none; border-radius:0; color:#999; margin:0; cursor:pointer; position:absolute; top:0; left:95px; }
.datepicker-input:hover { color:#333; }
.datepicker-label,
.datepicker-input,
.datepicker-button { display:inline-block; box-sizing:border-box; line-height:30px; height:30px; font-size:inherit; font-family:inherit; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:top; }
.datepicker-button { border:none; border-bottom:2px solid rgba(0,0,0,0.2); color:#fff; text-decoration:none; text-align:center; padding:0 20px; margin-left:5px; line-height:32px; height:32px;
	background:#65b319; transition:background 150ms ease-in-out; font-weight:bold; white-space:normal; }
.datepicker-button:hover { background:#72c91c; cursor:pointer; }
#ui-datepicker-div { z-index:9999 !important; font-size:100%; } /* force datepicker above navbar */

.datepicker-label,
.datepicker-input,
.datepicker-button,
.datepicker-label:before { line-height:60px; height:60px; }
.datepicker-label:before { width:24px; left:15px; }
.datepicker-label { min-width:420px; text-indent:40px; }
.datepicker-input { left:120px; width:200px; }
.datepicker-label:before { background:url("../img/icon-calendar.png") center center no-repeat; background-size:contain; }
.datepicker-button { background:#fbaa23; text-transform:uppercase; box-shadow:0 3px 5px rgba(0,0,0,0.1); min-width:420px; font-size:120%; }
.datepicker-button:hover { color:#222; background:#fbaa23; box-shadow:0 3px 7px rgba(0,0,0,0.3); }
.bookDirect { font-size:120%; margin-top:0; }

/* mobile */
@media only screen and (max-width:992px)
{
.webrooms-datepicker { display:block; }
.datepicker-label:before,
.datepicker-label { display:none; }
.datepicker-input, 
.datepicker-button { line-height:30px; height:30px; font-size:100%; display:block; width:100%; margin:0; }
.datepicker-input { font-size:90%; position:static; border-bottom:2px solid rgba(0,0,0,0.2); text-indent:30px; background:url("../img/icon-calendar.png") 8px center no-repeat #fff; background-size:16px 16px; }
.datepicker-button { font-size:90%; margin-top:5px; white-space:normal; overflow:initial; text-overflow:initial; height:auto; line-height:100%; padding:10px; width:100%; min-width:100%; }
}

#webroomsBookingEngine {background: url(../img/ajax-loader.gif) no-repeat center 100px #fff;}