#bookingexpert {
background: #f5f5f5;
overflow: hidden;
}
#acrbox {
position: relative;
font-family: 'Open Sans', sans-serif;
text-align: left;
padding-bottom: 10px;
overflow: hidden;
}
#acrbox .searchboxTitle {
text-transform: uppercase;
background: #91867e;
color: #fff;
margin: 0;
padding: 0;
font-size: 16px;
height: 50px;
line-height: 50px;
padding: 0 20px;
}
#acrbox form {
float: left;
padding: 0 20px;
overflow: hidden;
}
#acrbox form > div {
float: left;
margin: 10px 10px 0 0;
overflow: hidden;
width: 30%;
}
#acrbox label {
display: block;
line-height: 20px;
font-size: 12px;
font-weight: 700;
color: #555;
text-transform: uppercase;
}
#acrbox input, #acrbox select {
width: 100%;
height: 30px;
line-height: 30px;
margin: 0;
padding: 0 5px;
font-family: 'Open Sans', sans-serif;
border: 1px solid #aaa;
box-sizing: border-box;
border-radius: 3px;
}
#acrbox textarea {
width: 100%;
height: 120px;
line-height: 30px;
margin: 0;
padding: 0 5px;
font-family: 'Open Sans', sans-serif;
border: 1px solid #aaa;
box-sizing: border-box;
border-radius: 3px;
resize: none;
}
#acrbox input[name="checkin"], #acrbox input[name="checkout"] {
background: url(/widget/calendar.png) no-repeat 97% center #fff;
}
#acrbox input[type="button"] {
display: block;
float: left;
width: 140px;
height: 30px;
line-height: 30px;
margin: 30px 15px 5px 15px;
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
background: #f56600;
color: #fff;
border: 0;
cursor: pointer;
-webkit-appearance: none;
width: 37%;
}
#acrbox .result {
line-height: 30px;
font-size: 14px;
border-radius: 3px;
background: #900;
color: #fff;
text-align: center;
padding: 0 10px;
box-sizing: border-box;
position: absolute;
top: 0;
right: 0;
}
#ui-datepicker-div {
font-size: 11px !important;
z-index: 1000 !important;
}
input[type="checkbox"] {
-webkit-appearance: auto;
width: 35px !important;
} @media (max-width:600px) {
#acrbox form {
float: none;
padding: 10px 20px 20px 20px;
}
#acrbox form > div {
float: none;
margin: 10px 0 0 0;
width:100%;
}
#acrbox input[type="button"] {
width: 100%;
height: 37px;
line-height: 37px;
margin-top: 0;
}
#acrbox .result {
position: relative;
top: auto;
right: auto;
margin-bottom: 10px;
}
#acrbox .g-recaptcha {
float: left;
}
}