<link href="https://live.ipms247.com/themes/reservation/css/bookingbtn/resui_datepicker.css" rel="stylesheet" type="text/css">
<link href="https://live.ipms247.com/themes/reservation/css/bookingbtn/resui_bookingbox.css" rel="stylesheet" type="text/css">
<div class="outerbewrap">
<div class="bewarp">
<form style="margin: 0px;" action="https://live.ipms247.com/booking/book-rooms-unitedhotel" method="post" name="_resBBBox" target="_blank">
<div id="bb_resBookingBox" class="bb_resbox"> </div></form>
</div>
</div>
<script src="https://live.ipms247.com/themes/reservation/js/bookingbtn/jquery-ui.js" type="text/javascript"></script><script src="https://live.ipms247.com/themes/reservation/js/bookingbtn/common.js" type="text/javascript"></script><script src="https://live.ipms247.com/themes/reservation/js/bookingbtn/resui_resbookingbox.js" type="text/javascript"></script><script>
jQuery(document).ready(function() {
jQuery("#bb_resBookingBox").bb_resBookingBox({
btnContainer: "bb_resBookingBox",
headerColor: "#56c5d0",
bodyColor: "rgba(0, 0, 0, 0.52)",
showborder: false,
BorderColor: "rgba(0, 0, 0, 0.52)",
BorderWidth: 2,
BorderType: "solid",
FontFamily: "Arial, Helvetica, sans-serif",
BodyLanguage:"en",
FontSize: "12",
TextColor: "#fff",
InputBorderColor: "#fff",
InputbackColor: "#fff",
InputTextColor: "#000",
ButnBackColor: "#069635",
ButnBorderColor: "#069635",
ButnTextColor: "#fff",
HeaderTextColor: "#000000",
HeaderFontSize: "15",
ShowHeader: "0",
boxwidth: "100",
boxwidthtype: "TYPE_PER",
ShowInlineCSS: "1",
type: "htype",
acr:false,
ShowChild:false,
rooms:false,
promotion:false,
defaultadult:10,
defaultchild:10,
defaultroom:16,
ShowNights:false,
Nonights:15,
HTextCaption: "Reservation",
BtnTextCaption: "Book Now",
LblPromoCaption: "Promotion",
LblChkOutCaption: "Check Out",
Calinit: true,
CalShowOn: "both",
CalDefaultDt: "+0w",
CalChangeMonth: true,
CalMinDate: "0",
CalMaxDate: "",
CalDtFormat: "dd-mm-yy",
CalCutoffDays: "1",
CalImage: "1px -24px",
CalBackColor: "#a0f2ea",
CalHeaderColor: "#F9E8E0",
CalCellActiveColor: "#101414",
CalCellInActiveColor: "#c8dbda",
LblArrivalCaption: "Check In",
LblNightsCaption: "Nights",
LblAdultsCaption: "Adult",
LblChildsCaption: "Child",
LblRoomsCaption: "Rooms",
LblPerRoomCaption: "Per Room",
HotelId:"unitedhotel",
});
//jQuery('.ui-datepicker').addClass('notranslate');
});
</script>
<style>
.outerbewrap { position: relative; bottom:0px; width: 100%; z-index:0; }
.bewarp {position:relative; width:100%; text-align:center; z-index:0; bottom:0px; border-radius: 6px;}
.bb_resbox {width: initial !important; display:inline-block; text-align:center; padding: 10px 10px 20px 10px; }
.bb_resbox label { color: #fff; font-size: 17px; height: initial; }
.bb_resbox input[type="text"] {margin: 0px; font-size:14px; min-width: 100%; line-height: 26px; box-sizing: border-box; height: initial;}
.bb_resbox select { line-height: 26px; height: initial;}
.bb_resbox button.ui-datepicker-trigger { margin: 0px; padding: 0px;}
input[type="button"]#bb_resBtn, input#bb_resBtn { margin-bottom:0px; -webkit-appearance: none;border-radius: 0; line-height: 26px; font-weight: bold;}
#bb_resBtn:hover{color: #069635 !important; background: #fff !important; border: 1px solid #069635 !important; }
.ui-datepicker .ui-datepicker-title select { display:inline-block; max-width: 76px; min-width: 76px;}
/*.ui-datepicker .ui-datepicker-header { padding: .2em 40px;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { font-size: 15px; display: inline-block; width: 76px;}*/
@media only screen and (max-width: 752px) {.bewarp { position:static; min-width: 100%; }}
@media only screen and (max-width: 415px) {
.bb_resbox p { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; }
.bb_resbox input[type="text"]{ width: 100%; }
}
</style>
