.booking{
/*   background: url(https://www.thepointcasinoandhotel.com/wp-content/themes/the-point-hotel/img/banners/booking-mast-bg.png) repeat-y top right; */
  background: rgba(237,28,36,.85);
  height: 60px;
  margin-top: -18px;
  width: 100%;
  float: right;
/*   z-index: 9999999; */
  position: relative;    
}

.booking form{
/*   float: right; */
  margin: 7px 1%;
}

.res_num{
	width: 100%;
	text-align: center;
	display: inline-block;
	padding: 20px;
	color: #9d0006;
	text-transform: uppercase;
	font-size: 13px;
}

.res_num span{
  color: #690000;
}

.date-displays input{
	background: transparent;
	border: none;
	padding: 10px;
	font-size: 20px;
	text-align: center;
	width: 45%;
}

.date-displays input.arrival{
	text-align: right;	
}

.date-displays input.departure{
	text-align: left;	
}

.booking-mast-input{
  display: inline;
  background: url(https://www.thepointcasinoandhotel.com/wp-content/themes/the-point-hotel/img/icons/calendar-booking_mast.png) no-repeat center right;
  padding: 40px 40px 40px 20px;
}

.mobile .booking-mast-input{
  padding: 10px 35px 10px 20px;
}

.booking-mast-input input[type="text"]{
  margin-top: 10px;
  height: 25px;
  padding: 0 5px;
  border: solid 1px #e3b26d;    
}

.booking form input[type="submit"]{
  margin: 10px 10px 10px 30px;
  height: 30px;
  padding: 5px 8px;
  background: #690000;
  color: #FFF;
  font-weight: bold;
  text-transform: uppercase;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

form.mobile{
  background: rgba(0,0,0,.5);
  border: solid 1px #ECB35A;
  border-radius: 10px;
}

.mobile .select{
  width: 41%;
  float: left;
  padding: 10px 6%;  
  margin-bottom: 10px;
}

.mobile .select.left{
  padding-right: 0;
}

.mobile .select.right{
  padding-right: 3%;
}

.mobile input[type=text], .mobile input[type=url], .mobile input[type=email], .mobile input[type=password], .mobile input[type=tel] {
  -webkit-appearance: none; -moz-appearance: none;
  display: block;
  margin: 0;
  width: 100%; height: 40px;
  line-height: 40px; font-size: 17px;
  border: 1px solid #bbb;
}

.mobile input[type=submit]{
  width: 90%;
  margin: 10px auto 15px;
  border: 1px solid #FF0000;
  background: #FF0000;
  text-shadow: 0 1px 1px #C70000;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#C70000));
  background-image: -webkit-linear-gradient(#FF0000, #C70000);
  background-image: -moz-linear-gradient(#FF0000, #C70000);
  background-image: -ms-linear-gradient(#FF0000, #C70000);
  background-image: -o-linear-gradient(#FF0000, #C70000);
  background-image: linear-gradient(#FF0000, #C70000);  
}

.mobile select{
  font-size: 1em;
  width: 100%;
}

/*Bootstrap Calendar*/
.tt_widget .ui-datepicker{
 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;	
 padding: 0;
 background: #e6e6e7;
 border-radius: 0;
 border: none;
}

.tt_widget .ui-datepicker-inline.ui-datepicker{
	width: 100%;
}

.tt_widget .ui-datepicker .ui-datepicker-group:first-child{
	border-right: 1px solid #d3d3d3;
}

.tt_widget .ui-datepicker-header{
	background: #e6e6e7;
	border: none;
  border-radius: 0;	
}

.tt_widget .ui-datepicker .ui-datepicker-prev{
	left: 2px;
}

.tt_widget .ui-widget-header .ui-datepicker-prev .ui-icon{
	background-image: url(../img/prev.png);
	background-position: 0 0;
	background-size: 100%;
	width: 15px;
	height: 18px;
}

.tt_widget .ui-widget-header .ui-datepicker-next .ui-icon{
	background-image: url(../img/next.png);
	background-position: 0 0;
	background-size: 100%;
	width: 15px;
	height: 18px;
}i

.tt_widget .ui-widget-header .ui-datepicker-prev-hover, .tt_widget .ui-widget-header .ui-datepicker-next-hover, .ui-datepicker-next-hover.ui-state-hover, .ui-datepicker-prev-hover.ui-state-hover{
	top:	2px;
	right: 2px;
	border: none;
	background: transparent;
}

.tt_widget .ui-datepicker-title{
	color: #666d75;
	text-transform: uppercase;
}

.tt_widget .ui-datepicker-month{
	font-weight: bold;
}

.tt_widget .ui-datepicker-year{
	font-weight: lighter;
}

.tt_widget .ui-datepicker table{
	border-collapse: collapse;
}

.tt_widget .ui-datepicker th, .tt_widget .ui-datepicker td{
	border: none;
	padding: 0;
}

.tt_widget .ui-datepicker th{
  color: #b4b4b4;
  font-weight: normal;	
}

.tt_widget .ui-datepicker td a, .tt_widget .ui-datepicker td.ui-state-disabled span{
	padding: 15px;
	text-align: center;
	color: #404040;
	font-size: 18px;
	font-weight: 300;
	border: none;
	background: transparent;
}

.tt_widget .ui-datepicker td.ui-state-disabled{
	opacity: .35;
}


/*CALENDAR FOR DATE RANGE*/
.tt_widget .ui-datepicker td{
}

.tt_widget .ui-datepicker td.dp-highlight {
background: #9d0006;
}

.tt_widget .ui-datepicker td.dp-highlight a{
color: #FFFFFF;
}

.ui-datepicker.ui-datepicker-multi  {
width: 100% !important;
}

.ui-datepicker-multi .ui-datepicker-group {
float:left;
width: 100%;
}

@media screen and (min-width:992px){
	.ui-datepicker-multi .ui-datepicker-group {
		float:left;
		width: 50%;
	}  
}
.ui-widget { font-size: 100% }