/*--------------------- FLIGHT WIDGET ---------------------*/
/* Table spacing */
table { 
    border-spacing: 5px;
    border-collapse: separate;
}
/* Center Form */
form {margin:0 auto;}
/* Input Fields */
input[placeholder], [placeholder], *[placeholder] {
    color:#b0b0b0!important;
}
input.txtDepCity, textarea {
    padding-left: 15px;
    padding-right: 15px;
    height: 34px;
    border: solid 1px #E4E4E4; 
	background-color:#f5f5f5;
	color:#333333!important;
}
select,select.calendarDateInput,input.txtDepCity,textarea,input.calendarDateInput,.tab-container ul.tabs li a,form label {
    font-size: 13px!important;
}
/* Dropdown */
select, input.calendarDateInput {
    background: #fff;
    border-radius: 0px!important;
    height: 35px;
    width: 100%;
    display: block;
    padding: 4px 8px 8px;
    border: 0;
    outline: 1px solid #CCC;
    background-color: white;
}
/* Date Calendar */
.calendarDateInput:before,.datepicker-wrap:before {
	display: block;
    font-family: "FontAwesome";
    content: "\f073";
    font-size: 14px;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 30px;
    height: 100%;
    text-align: center;
    line-height: 34px;
    background: #ddbd3e;
}
/* Flyout Calendar Header */
.ui-datepicker .ui-datepicker-header {
	background:#c7ab3b;
}
/* Flyout Calendar Days and Active Dates */
.ui-datepicker th,.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, .ui-datepicker .ui-datepicker-calendar td a:hover {
	background:#ddbd3e;
}
/* Flyout Calendar Days Font */
.ui-datepicker th span {
	color:#ffffff;
}
.SearchWidgetCalendar {
	background:url(WidgetCalendar.gif) no-repeat right center;
	padding-right:17px;
	}
/* Hides Default Calendar Image */
.SearchWidgetCalendar img {
	display:none;
}
/* Search Button */
.btnSearch {
	width:100%;
	height:34px;
	color:#ffffff;
	text-transform:uppercase;
}
/* SEARCH BOX BOTH WIDGETS */
.boxSearch,.tab-container .tab-content {
	background:rgba(215,222,230,0.95)!important;	
	border:0;
	padding:0px 50px 50px 50px;
}
/* CUSTOM COLORS WITH PHOTO */
.boxSearch {background:rgba(124,151,176,0.85)!important}
#FlightTrip,#pnlFlight2 {background:rgba(124,151,176,0.90)!important}
.FlightsSearchHeader {background-color:#4e7ca2;}
/* FONTS */
body, table, input, select, option, form label {color:#ffffff;}
select {outline:none!important;}
input.txtDepCity, textarea,#numberstops,.FlightsSearchHeader {border-radius:5px;}
.btnSearch {background-color:#3a5375!important;}
/* ------------------ HOTEL WIDGETS ------------------ */
/* --- constrains hotel widget width ----*/
#HotelWidget div#page-wrapper {
	width:auto;
	}
form#frmhotelSearch label {color:#2d3e52!important;}
/* ------------------ FLIGHT WIDGETS ------------------ */
/* set min height of slider for flight widget */
.q_slider {
	min-height:800px!important;
}
/* set width of widget to allow flights widget */
#FlightsWidget div#page-wrapper {
	width:880px;
	}
/* Top Number of Stops Bar */	
#numberstops {
	border-radius:0px;
	}
#pnlFlight1 select, #SearchWidgetCalendar select, #pnlFlight2 select, #txtDate2_Year_ID, #txtDate1_Year_ID, #SearchFlightsTravellers select, #SearchFlightsOptions select {
	color:#aaaaaa!important;
}
/* ------------ Horizontal Layout ------------ */
#pnlFlight1, #SearchFlightsTravellers {
	float:left;
	padding:0 15px 0 0;
	width:47.7%;
}
#pnlFlight2, #SearchFlightsOptions {
	float:left;
	padding:0 0 0 15px;
	border-left:2px dashed #e8e8e8;
	width:47%;
}
#SearchFlightsTravellers {
	width:48%;
	float:left;
} 
.FlightsSearchHeader {
	height:34px;
	padding-left:15px;
	text-transform:uppercase;
}
/*----- Flight Departure Fix For One Way ----*/
#FlightTrip {
	width:880px;
	background:#cfc8ca url("http://benadahospitality.com/WidgetCSS/disablereturn.jpg") no-repeat right top;
}
/* ------------------ BOTH WIDGETS ------------------ */
/* Buttons */
button,.btnSearch {
    font-size: 13px;
    font-weight: bold!important;
    color: #ffffff;
    background: #2D3E52;
    height: 34px;
    width: 100%;
    text-transform: uppercase;
}
/* General Tabs */
.tab-container ul.tabs li a {
	color: #fff;
	background: #8d743e;
}
/* Tabs Hover Color */
.tab-container ul.tabs li.active > a, .tab-container ul.tabs li:hover > a {
	color: #fff;
	background: #705f3a;
}
/* Tab Sizing */
.tab-container ul.tabs li a {
	display: block;
	padding: 0 5px;
	text-align:center;
	font-size: 1em;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	border-radius:25px 25px 0px 0px;
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 25px 25px 0px 0px;
    /* Firefox 1-3.6 */
    -moz-border-radius: 25px 25px 0px 0px;
}
/* HIDING TABS */
.tab-container ul.tabs {
	margin: 0;
	padding: 0;
	list-style-type:none;
	display:none;
}
.tab-container ul.tabs li {
	float: left;
	padding-right: 4px;
	width: 150px;
}
.tab-container ul.tabs li:last-child {
	padding-right: 0;
}
.tab-container ul.tabs li a#activeWidget {
	background-color:#ddbd3e!important;
}
.tab-container ul.tabs.full-width {
	display: block;
/*margin-bottom: -4px;*/ }
.tab-container ul.tabs.full-width li {
	float: none;
	display: table-cell;
	vertical-align: middle;
	width: 1%;
}
.tab-container ul.tabs.full-width li a {
	padding: 0;
	text-align: center;
}
.tab-container ul.tabs:after {
	display: table;
	content: "";
	clear: both;
}
.processbody {
    font: 75%/150% "Lato", Arial, Helvetica, sans-serif;
    background-color: transparent;
    color: #000000;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -ms-overflow-style: scrollbar;
    overflow-y: scroll;
	margin:0;
	padding:0;
}
/* Remove Padding From Hotel Body */
section#content {
	padding-top:0px;
}
.container {
	margin-left:0;
	margin-right:0;
}
/* H4 Hotel Search */
h4.block-sm {
	font-size:2.5em;
	border-bottom:2px dashed #e8e8e8;
	line-height:2em;
}
/* Popup Scroll Disable */
html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active {
	overflow:hidden!important;
}