.form-position {
float:right;
width:700px;
height: 88px;
}
._booking-form {
  display: flex;
  flex-direction: column;
  max-width: 280px;
  width: 100%;
  padding: 50px;
  padding-top: 20px;
}
h1._booking-heading {
  padding-top: 40px;
  padding-left: 50px;
  text-transform: capitalize;
}
#check .form-wrap .input-warp {
  display: block;
  background: #fff !important;
  height: 55px;
  box-sizing: border-box;
  float: left;
  position: relative;
  margin: 0px;
  padding-right: 5px;
  padding-top: 10px;
}

#check .form-wrap .input-warp label {
  margin-bottom: 5px;
  font-weight: 500 !IMPORTANT;
  color: #161616;
  width: auto;
  font-family: "Muli", sans-serif;
  text-indent: unset;
  text-transform: initial;
  display: block;
  font-weight: bold;
  line-height: 20px;
  font-size: 13px;
  letter-spacing: 0px;
  font-weight: bold !important;
}
#check .form-wrap .input-warp label.dexter {
font-size:14px;
color:#000;
display:inline-block;
width:100%;
text-transform:lowercase;
padding-left: 20px;
font-weight:normal;
margin-bottom:0 !important;
}
.dexter-cal {
display:inline-block;
width:100%;
font-size:11px;
color:#656565;

}

#check .form-wrap .input-warp input,
#check .form-wrap .input-warp select {
  display: inline-block;
  font-family: "Muli", sans-serif;
  color: #000 !important;
  background: #fff !important;
  border: none;
  padding: 0px 14px;
  font-weight: 700;
  box-shadow: none;
  padding-left: 0;
  font-size: 27px;
  cursor: pointer;
}
#check .form-wrap .input-warp {
     display: inline-block !important;
    width: 100%;
}
#check .form-wrap .input-warp input {
    font-size: 12px;
    padding-left: 20px;
    height: 20px;
    width: auto;
    font-weight:normal;
}
.input-warp.depart-date:after,
.input-warp.arrive-date:after {
content:'';
display:none !important;
}
.input-warp.arrive-date {
  margin-top: 25px;
}

#check .form-wrap .input-warp button {
  color: #fff !important;
  background-color: #de3f38 !important;
  background-image: none !important;
  width: auto;
  line-height: 55px;
  border-radius: 0 5px 0 0;
}

#check .mobile-btn {
  display: none;
}
#check button {
  max-width: 180px;
  width: 100%;
  height: 75px;
  margin-left: auto;
  font-size: 25px;
  font-weight: 700;
  line-height: 55px;
  background: #171720;
  margin-top: 100px;
  outline: none;
  padding: 0;
  font-family: "Muli", sans-serif;
  font-size: 22px;
  border-radius: 0;
}
#check button,
#nav .book,
.footerResBtn.button {
  color: #fff !important;
  background:#e9b77a;
  font-size:16px;
  text-transform:uppercase;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-calendar:before {
  content: "\f073";
  font-size: 20px;
}
.input-warp {
  position: relative;
}
.fa-calendar {
  position: absolute;
  color: #0f8072;
  top: 35px;
}
/* Added css 5 april 2017 ends */
.input-warp.arrive-date,
.input-warp.depart-date {
  display: flex;
  flex-direction: column;
  color: black;
}
.input-warp.arrive-date {
  margin-top: 20px !important;
  cursor: pointer;
}
.input-warp.depart-date {
  border-top: 1px solid #d0d0d0;
  padding-top: 30px !important;
  cursor: pointer;
}

.ui-widget-header {
  border: 1px solid #453326 !important;
  background: #453326 !important;
  color: #fff !important;
}
.ui-widget-header a {
  color: #333 !important;
  background: #fff !important;
}
.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 #ebc792 !important;
  background: #ebc792 !important;
}

/* room */
.dexter-icon {
padding-left:30px;
}
.room_form {
  display: flex;
  flex-direction: row;
  align-content: center;
  background: #fff;
  border: 1px solid #d8d7d6;
}
.room_form .input-warp.arrive-date,
.room_form .input-warp.depart-date {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: black;
}
.room_form .input-warp.depart-date {
  margin-top: 0 !important;
}
.room_form .input-warp.arrive-date {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.room_form .input-warp.depart-date,
.room_form .input-warp.adults-number {
  padding-top: 0 !important;
}
.room_form button.btn.ui-button-text,
.room_form .input-warp.adults-number,
.room_form .input-warp.arrive-date {
  margin-top: 0 !important;
}
.room_form .input-warp.depart-date {
border: unset;
}
.room_form .input-warp.arrive-date {
  border-right: 1px solid #c7c7c7;
}
.room_form .input-warp.adults-number {
  margin-right: 40px !important;
  background-repeat: no-repeat;
}
.room_form .input-warp.arrive-date,
.room_form .input-warp.depart-date,
.room_form .input-warp.adults-number {
  position: relative;
}
.room_form .input-warp.arrive-date::after,
.room_form .input-warp.depart-date::after,
.room_form .input-warp.adults-number::after {
  content: "\f107";
  position: absolute;
  top: 40%;
  right: 50px;
  display: block;
  font-size: 20px !important;
  font-family: "Font Awesome\ 5 Free";
  font: normal normal normal 14px/1 FontAwesome;
}

.room_form .input-warp.adults-number::after {
  right: 70px;
}
.room_form select.form-control,
.room_form input#room-depart,
.room_form input#room-arrive {
  font-size: 32px !important;
  cursor: pointer;
}
.adults-number {
  position: relative;
}
.adult_S {
  position: absolute;
  top: 14px;
  left: 40px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  z-index: 0;
}
.adults-number select {
  position: relative;
  top: -8px;
}
.room_form .ui-button-text {
font-size:18px;
text-transform:uppercase;
}
/* This is to remove the arrow of select element in IE */
.room_form select.form-control::-ms-expand {
  display: none;
}
.room_form select.form-control {
  -webkit-appearance: none;
  appearance: none;
}

@-moz-document url-prefix() {
  .room_form .select.form-control {
    width: 110%;
    background-position: right 30px center !important;
    border: none !important;
  }
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  background-image: url(https://code.jquery.com/ui/1.11.4/themes/smoothness/images/ui-icons_222222_256x240.png);
}


.calender-icon {
  padding-left: 20px;
}
.input-wraper-group {
  display: flex;
  justify-content: center;
  align-items: center;
}