/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0 }
audio,canvas,img,video { vertical-align: middle }
fieldset { border: 0; margin: 0; padding: 0 }
textarea { resize: vertical }
.browsehappy { margin: .2em 0; background: #ccc; color: #000; padding: .2em 0 }
div.ul-select-wrap { min-height: 34px; display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 1px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; font-family: Roboto,sans-serif; padding-top: 3px; padding-bottom: 3px; height: auto }
div.ul-select-wrap:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) }
div.ul-select-wrap::-moz-placeholder { color: #999; opacity: 1 }
div.ul-select-wrap:-ms-input-placeholder { color: #999 }
div.ul-select-wrap::-webkit-input-placeholder { color: #999 }
div.ul-select-wrap[disabled],div.ul-select-wrap[readonly],fieldset[disabled] div.ul-select-wrap { cursor: not-allowed; background-color: #eee; opacity: 1 }
textareadiv.ul-select-wrap { height: auto }
div.ul-select-wrap .tag { display: inline-block; margin: 0 2px; padding: 3px 24px 3px 5px; font-size: 13px; cursor: pointer; border-top-right-radius: 5px; border-top-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background: #f1f1f1; position: relative; margin-bottom: 3px; margin-top: 3px }
div.ul-select-wrap .tag:after { content: ''; width: 8px; height: 8px; background: url(data:image/gif;base64,R0lGODlhCAAIALMAAAAAAP///56lrZifp6GpsaCosJ+nr52lrJujqpqiqZmhqJigp////wAAAAAAAAAAACH5BAEAAAwALAAAAAAIAAgAAAQhkA1GpVyKLswSQolXHcJxVIxgFEWVHAVBtMtLzSeCGkwEADs=) right 50% no-repeat; margin-right: 7px; margin-top: 8px; position: absolute; top: 0; right: 0 }
div.ul-select-wrap.tag-block .tag { display: block }
div.ul-dropdown-wrap { min-height: 34px; display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 1px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; font-family: Roboto,sans-serif; height: auto; display: inline-block; position: relative; padding-right: 30px; cursor: pointer; text-align: left }
div.ul-dropdown-wrap:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) }
div.ul-dropdown-wrap::-moz-placeholder { color: #999; opacity: 1 }
div.ul-dropdown-wrap:-ms-input-placeholder { color: #999 }
div.ul-dropdown-wrap::-webkit-input-placeholder { color: #999 }
div.ul-dropdown-wrap[disabled],div.ul-dropdown-wrap[readonly],fieldset[disabled] div.ul-dropdown-wrap { cursor: not-allowed; background-color: #eee; opacity: 1 }
textareadiv.ul-dropdown-wrap { height: auto }
div.ul-dropdown-wrap:after { content: ''; position: absolute; right: 10px; top: 14px; width: 0; height: 0; display: inline-block; vertical-align: middle; border-color: #fff; border-width: 5px; border-style: solid; border-color: #cbcac8; border-left-color: transparent; border-right-color: transparent; border-bottom-style: none }
div.ul-dropdown-wrap:after.up { border-left-color: transparent; border-right-color: transparent; border-top-style: none }
div.ul-dropdown-wrap:after.down { border-left-color: transparent; border-right-color: transparent; border-bottom-style: none }
div.ul-dropdown-wrap:after.right { border-top-color: transparent; border-bottom-color: transparent; border-right-style: none }
div.ul-dropdown-wrap:after.left { border-top-color: transparent; border-bottom-color: transparent; border-left-style: none }
div.ul-dropdown-wrap .tag { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; cursor: pointer; border-right: 1px solid #ccc; padding-right: 5px }
ul.ul-select { list-style: none; padding: 0; margin: 0; background: #fff; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.176); box-shadow: 0 6px 12px rgba(0,0,0,.176); border-top-right-radius: 3px; border-top-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border: 1px solid #ccc }
ul.ul-select li { display: block; cursor: pointer; padding: 5px 10px; margin: 1px 0 }
ul.ul-select li:hover { background: #f1f1f1 }
ul.ul-select li.select { background: #f1f1f1 }
ul.ul-select li.selected { font-weight: 700 }
div.ul-dropdown-wrap.time-picker { margin-top: 10px; width: 48%; margin-left: 4%; font-size: 12px; min-height: 30px }
.datetimepicker { background: #fff; border-top-right-radius: 5px; border-top-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; overflow: hidden; padding: 10px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.176); box-shadow: 0 6px 12px rgba(0,0,0,.176); min-width: 200px }
.datetimepicker .paging { text-align: center; padding: 5px; font-size: 12px; position: relative }
.datetimepicker .paging span { position: absolute; top: 0; display: inline-block; height: 100%; line-height: 24px; width: 20px; cursor: pointer }
.datetimepicker .paging span i { line-height: inherit }
.datetimepicker .paging span.prev { left: 0 }
.datetimepicker .paging span.next { right: 0 }
.datetimepicker table { font-weight: 400; font-size: 14px; color: #333; border-collapse: collapse; width: 100% }
.datetimepicker table td { text-align: center; border: 1px solid #eee; padding: 3px }
.datetimepicker table td.near-month { color: #ccc }
.datetimepicker table td.cur-date.cur-month { background: #eae096 }
.datetimepicker table thead { font-weight: 700 }
.datetimepicker table thead td { border: none; border-bottom: 2px solid #eee; min-width: 40px }
.datetimepicker table tbody td:hover { background: #eee; cursor: pointer }
.datetimepicker table tbody td.unvailable { color: #eee; background: #f5f5f5 }
.datetimepicker table tbody td.unvailable:hover { background: #f5f5f5; cursor: not-allowed }
.datetimepicker select { width: 48%; margin-top: 10px; margin-left: 4%; border: 1px solid #ccc }
.datetimepicker select:first-child { margin-left: 0 }
.datetimepicker .timezone { margin-top: 10px; color: #666; font-size: 11px; text-align: center }
input[readonly].datetime-picker { cursor: pointer; background: #fff; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
:after,:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.booking-form .form-control { font-size: 15px; }
.booking-form { margin: 0; background: #fff; padding: 10px 0; position: relative; }
.booking-form #form-loading { text-align: center; position: absolute; top: 0; bottom: 0; width: 100%; opacity: .7; filter: alpha(opacity=50); z-index: 1000; background: #fff; padding-top:35% !important; }
.booking-form #form-loading i { font-size: 100px; /* color:#d8be00; */ color:#aaa; }
.booking-form #form-message, .booking-form #form-error { text-align: center; color: #555; padding: 40px 50px; }
.booking-form #room-pic { display: none; }
.booking-form #form-error { color:#880000; }
.booking-form .h1 { font-size: 30px; color: #3ec038; padding: 15px 15px 35px 15px; text-transform: uppercase; text-align: center }
.booking-form .logo { height: auto; max-width: 100% }
.booking-form .group { *zoom: 1; -webkit-transition: all ease .2s; transition: all ease .2s; border-left: 4px solid #fff; padding: 10px 10px; }
.booking-form .group:after,.booking-form .group:before { content: " "; display: table }
.booking-form .group:after { clear: both }
.booking-form .group img { margin:-15px 15px; float: right; }
.booking-form .group > label { padding-left: 15px; padding-top: 5px; color: #555; font-size: 16px; display: block; font-weight: normal; text-align: left; }
.booking-form .group > label.empty { display: block; height: 1px; padding: 0; margin: 0 }
.booking-form .group > div { padding: 0 15px }
.booking-form .group > div.addon-right { position: relative; padding-right: 50px }
.booking-form .group > div.addon-right > i { position: absolute; right: 25px; top: 9px; z-index: 999; color: #555 }
.booking-form .group > div .error-message { font-size: 12px; color: red; margin-top: 5px; text-align: left;  }
.booking-form .group.active { background: #f6f6f6; border-left-color: #d8be00; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.03); box-shadow: inset 0 0 3px rgba(0,0,0,.03) }
.booking-form .submit > div { text-align: left; }
.booking-form .new-but { padding:25px;}
/* .booking-form input[type=submit] { border: none; background: #65ca60; color: #fff; font-family: Roboto,sans-serif; padding: 5px 20px; text-transform: uppercase; font-weight: 500; border-radius: 1px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: background ease-in-out .15s; transition: background ease-in-out .15s } */
/* .booking-form input[type=submit]:hover { background: #5ac253 } */

@media (max-width:768px) { .booking-form .group label[for=room-type] { padding-bottom: 15px; }}

@media (min-width:550px) { .booking-form {  width: 100%;  }
 .booking-form .group > label {  float: left; /* width: 180px */ text-align: right; /* width:35%; */ font-size:15px; line-height: 20px; }
 .booking-form .group > div {  margin-left: 35%; padding-left: 0  } }
.form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 1px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; font-family: Roboto,sans-serif }
.form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) }
.form-control::-moz-placeholder { color: #999; opacity: 1 }
.form-control:-ms-input-placeholder { color: #999 }
.form-control::-webkit-input-placeholder { color: #999 }
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eee; opacity: 1 }
textarea.form-control { height: auto }
.hide { display: none!important }
.show { display: block!important }
.one-line { text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.arrow-up { border-left-color: transparent; border-right-color: transparent; border-top-style: none }
.arrow-down { border-left-color: transparent; border-right-color: transparent; border-bottom-style: none }
.arrow-right { border-top-color: transparent; border-bottom-color: transparent; border-right-style: none }
.arrow-left { border-top-color: transparent; border-bottom-color: transparent; border-left-style: none }
.arrow { width: 0; height: 0; display: inline-block; vertical-align: middle; border-color: #fff; border-width: 5px; border-style: solid }
.arrow.up { border-left-color: transparent; border-right-color: transparent; border-top-style: none }
.arrow.down { border-left-color: transparent; border-right-color: transparent; border-bottom-style: none }
.arrow.right { border-top-color: transparent; border-bottom-color: transparent; border-right-style: none }
.arrow.left { border-top-color: transparent; border-bottom-color: transparent; border-left-style: none }
.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px }
.ir:before { content: ""; display: block; width: 0; height: 150% }
.hidden { display: none!important; visibility: hidden }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px }
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto }
.invisible { visibility: hidden }
.clearfix:after,.clearfix:before { content: " "; display: table }
.clearfix:after { clear: both }
.clearfix { *zoom: 1 }
@media print { * {  background: 0 0!important; color: #000!important; box-shadow: none!important; text-shadow: none!important  }
 a, a:visited {  text-decoration: underline  }
 a[href]:after {  content: " (" attr(href) ")"  }
 abbr[title]:after {  content: " (" attr(title) ")"  }
 .ir a:after, a[href^="#"]:after, a[href^="javascript:"]:after {  content: ""  }
 blockquote, pre {  border: 1px solid #999; page-break-inside: avoid  }
 thead {  display: table-header-group  }
 img, tr {  page-break-inside: avoid  }
 img {  max-width: 100%!important  }
 @page {  margin: .5cm  }
 h2, h3, p {  orphans: 3; widows: 3  }
 h2, h3 {  page-break-after: avoid  } }

 .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 
 { border: 1px solid #a29220;  background: #d8be00;  font-weight: normal;  color: #ffffff; }

 .date-unavailable {opacity: .8 !important; }
 .date-unavailable span { background: #f4c4c9 !important; }