/*booking form*/
.booking{
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.60);
    color: black;
/* background: none repeat scroll 0 0 rgba(21, 21, 21, 0.49);
 */
 box-shadow: 2px 0px 9px 0px #000000;
 position:fixed;
top:0px;
left:0px;
width:100%;
height:auto;
padding: 3px 7px 3px 7px;
line-height: 40px;
z-index: 998;
}

.reservation_button { 
/*font-size: 16px;
line-height: normal;
padding: 5px 14px;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #E6E6E6;
background-repeat: no-repeat;
border-color: #CCCCCC #CCCCCC #BBBBBB;
border-image: none;
border-radius: 4px 4px 4px 4px;
border-style: solid;
border-width: 1px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
color: #333333;
cursor: pointer;
display: inline-block;
line-height: normal;
transition: all 0.1s linear 0s;
background-color: hsl(202, 100%, 30%) !important; 
background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00A1FF", endColorstr="#006099"); 
background-image: -khtml-gradient(linear, left top, left bottom, from(#00a1ff), to(#006099)); 
background-image: -moz-linear-gradient(top, #00a1ff, #006099); 
background-image: -ms-linear-gradient(top, #00a1ff, #006099); 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00a1ff), color-stop(100%, #006099)); 
background-image: -webkit-linear-gradient(top, #00a1ff, #006099); 
background-image: -o-linear-gradient(top, #00a1ff, #006099); 
background-image: linear-gradient(#00a1ff, #006099); 
border-color: #006099 #006099 hsl(202, 100%, 25%); 
color: #fff !important; 
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33); -webkit-font-smoothing: antialiased;*/
 }
 
 .reservation_button:hover{ 
 background-position: 0 -15px;
 color: #333;
 text-decoration: none;
 
 }
 
 .webhotelier{
/* position: absolute;
top: 50px !important;
left:200px !important; */
text-align:center;

 }

 #checkout-select{
 color:#000;
 }
 
 #checkin-select{
 color:#000;
 }
 


.date-picker-wrapper {
    float: left;

}

.col.left {
    float: left;

}

.col.center {
    float: left;

}

.col.right {
    float: left;

}

.infants {
    float: left;
}



.js-desktop-wrap {
float:left;
padding-right:10px;
}
#reservations > form{
margin:auto;
display:table;
width:auto;
}
.grid.select-boxes.booking-desktop{
float:left;
padding-right:10px;
}
.infants{
float:left;
padding-right:10px;
}
.button-wrap{
float:left;
padding-left:50px;
}

label {
    padding: 0 5px;
}




