/*
custom styles
*/

.ivrLanguage {
  color: black;
  font: inherit;
  margin: 0;
}
	
.cursorPointer{
	cursor: pointer;
}

.logo-login {
	padding: 73px 0;
	text-align: center;
}

.logo-divider {
	border-left: 1px solid #ddd;
}
.admin-form .form-control.state-error{
	background: #FEE9EA;
	border-color: #DE888A;
}
.admin-form label select.gui-input{
	padding-right:30px;
}
.navbar.incoming-call {
	margin-top:60px;
	z-index:999;
}
.incoming-call .navbar-fixed-top {
	font-size: 24px;
    padding: 10px;
    top: 60px;
}
html .navbar.navbar-fixed-top + #sidebar_left + #content_wrapper {
    padding-top: 0;
}
html .btn{
	padding:5px 12px;
}
html .admin-form .select, html .admin-form .gui-input, html .admin-form .gui-textarea, 
html .admin-form .select > select, html .admin-form .select-multiple select,
html .form-control{
	height:33px;
}
html .admin-form .append-icon .field-icon, html .admin-form .prepend-icon .field-icon{
	height:33px;
	line-height:33px;
}
html .admin-form .gui-input, html .admin-form .gui-textarea{
	padding:5px;
}




/* Header styles */
.navbar-brand img {
	max-height: 32px;
}
.search-page #content_wrapper{
/* 	padding-top:60px; */
}
.langList {
	display: none;
	background: none repeat scroll 0 0 white;
    border: 1px solid #ddd;
    height: 75px;
    list-style: outside none none;
    padding: 15px;
    position: absolute;
    width: 240px;
}

#selectLang {
	margin-bottom: 10px;
	margin-right: 5px;
    width: 119px;
}

#selectCurr {
	width: 80px;
}
#accountManageTBL table{
	margin:0 0 20px;
}
#accountManageTBL td{
	padding:5px;
}
.hotel-link {
	padding:10px 0 0;
	text-align:center;
}
.hotel-link a{
}
.openHotelDetail{
	position:fixed;
	top:200px;
	right:0;
	z-index:2;
}
.openHotelDetail span{
	font-size:22px;
}
.sb-r-o.sb-l-m .openHotelDetail{
	right:300px;
}
#sidebar_right #hotelDetailInfoPanel .panel-heading{
	height:auto;
	min-height:auto;
	font-size:18px;
}
#sidebar_right .section .btn{
	text-align:left;
}
#sidebar_right #hotelDetailInfoPanel #accordion .panel-title a{
	display:block;
}
html .sb-r-o #content_wrapper {
    margin-right: 300px;
}
html .sb-r-c #sidebar_right {
    right: -300px;
}
html #sidebar_right {
    right: -300px;
    width: 300px;
    overflow:auto;
    z-index:6;
}
.hotel-detail-info h3{
	border-bottom:1px solid #ddd;
	padding:7px 0;
}
.facility-list.nav-pills li{
	width:32%;
	margin:1px 0;
	padding:3px;
	border-top:1px solid #eee;
	display:inline-block;
}
#sidebar_left.nano > .nano-content,
#sidebar_right.nano > .nano-content {
    margin-top: 60px;
}
header.navbar .nav > li > a.new-call{
	color:#fff;
	font-weight:bold;
}
html .alert-warning {
    background-color: #ffad34;
}
.call-history .alert,
.call-history .panel{
	margin:0;
}
.call-history .panel{
	max-height:300px;
	overflow-y:auto;
}
#toggle_callHistory {
    font-size: 18px;
    padding: 5px 10px;
}

html .chosen-container-single .chosen-single div b {
    display: none;
}
html .chosen-container-single .chosen-single,
html .chosen-container-active.chosen-with-drop .chosen-single {
    background: none;
    border: 0 none;
    box-shadow: none;
}
html #topbar {
    z-index: 5;
}
.pauseStatus a{
	cursor:default;
}

.navbar .nav .pauseStatus a:hover{
	background:none;
}

.dropdown-menu.dd-left{
	left:auto;
	right:0;
}
.hotel-name span{
	display: block;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
html .navbar-nav > li > a {
    padding-left: 7px !important;
    padding-right: 7px !important;
    font-size:12px;
}
.searchForm .col-sm-2,.searchForm .col-sm-1{
	padding-right:0;
}
.select-type.btn-group {
    width:100%;
}
.select-type.btn-group > .btn {
    width:50%;
    padding:5px;
}
#topbar .chosen-container{
	width:100% !important;
}

/* SIDEBAR */

html .sb-l-o #sidebar_left,
html .nano,
html .nano > .nano-content{
	overflow:initial;
}
html .sidebar-menu .sidebar-label {
    text-transform: none;
}
.sidebar-menu li{
	padding:10px 18px;
}
body.sb-l-m #sidebar_left .panel-call-info{
	display:none;
}
.panel-call-info .panel-body {
	padding:10px 0 0;
}
.panel-body.admin-form > p:last-child {
    margin: 0;
}
.panel-call-info .admin-form .gui-input,
.panel-call-info .admin-form .gui-textarea {
	border:1px solid transparent;
	border-bottom:1px solid #ddd;
	font-size:13px;
}

/* .panel-call-info .admin-form .gui-input:focus, */
/* .panel-call-info .admin-form .gui-textarea:focus{ */
/* 	width:400px; */
/* 	max-width:400px; */
/* 	position:relative; */
/* 	top:0; */
/* 	left:0; */
/* 	z-index:5; */
/* 	display:block; */
/* } */
.panel-call-info .admin-form .append-icon .field-icon,
.panel-call-info .admin-form .prepend-icon .field-icon{
	z-index:6;
}

#sidebar_right #accordion .panel-heading {
    height: auto;
    min-height: auto;
    padding: 10px;
}
#sidebar_right .panel-dark {
    padding-bottom:30px;
}
#sidebar_right .panel-dark > .panel-heading {
    height: auto;
    min-height: auto;
}
/* ACCORDION STYLE */
.panel-accordion .panel-heading{
	padding:10px;
}

/* AUTOCOMPLETE STYLE */
.ui-autocomplete {
    cursor: default;
    left: 0;
    position: absolute;
    top: 0;
    list-style:none;
    padding:0;
}
* html .ui-autocomplete {
    width: 1px;
}
.ui-autocomplete.ui-widget-content {
    background:#ffffff;
    border: 1px solid #ddd;
    color: #404040;
}
.ui-autocomplete.ui-menu .ui-menu-item,
.ui-autocomplete.ui-menu .ui-menu-item a {
    clear: left;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    font-weight: normal;
    line-height: 1.5;
    padding: 2px 0.4em;
    text-decoration: none;
    color:#555;
    cursor:pointer;
    border-bottom:1px solid #ddd;
    padding:5px;
}
.ui-autocomplete.ui-menu .ui-menu-item:hover {
    background:#eee;
}

.tooltip{
	background:#eee;
	border:1px solid #ddd;
}
html .admin-form .panel-heading{
	padding:5px;
}
html .admin-form .panel-title{
	font-size:16px;
}
/* SEARCH FORM */
.admin-form .select-type .btn-primary.btn.active {
	background-color: #4a89dc;
	border: 1px solid #4a89dc;
	color: #fff;
}

.admin-form .select-type .btn-primary.btn {
	background-color: #fff;
	border: 1px solid #ccc;
	color: #aaa;
}

.btn.travelerSelect {
	border: 1px solid #ddd;
	display: block;
	font-size:14px;
}

.btn.travelerSelect span {
	color: #626262;
}

.gl-guests table {
	margin: 10px 10px 20px;
}
.admin-form .gl-guests label {
	font-size:11px;
}
.guestList {
	display: none;
	position: absolute;
	top:40px;
	right: 0;
	z-index: 3;
	padding: 0 0 20px;
	height: auto;
	min-height: 200px;
	min-width: 290px;
	background: #fefefe;
	border: 1px solid #eee;
	box-shadow: 0px 1px 3px #aaa;
	cursor: default;
	list-style: none;
}
.selectPax{
	position:relative;
}
.gl-select-room {
	background: none repeat scroll 0 0 #EEEEEE;
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
}
.guestList table td {
	padding: 5px;
}
.gl-room {
	border: 1px solid #eee;
	padding: 5px 10px;
	color: #aaa;
}

.gl-guests .ui-widget-content {
	border: none;
}

#room input {
	margin-right: 16px;
	text-align: right;
	width: 56px;
	border: 1px solid #9FBAD8;
	border-radius: 3px;
	color: #2865A9;
	font-size: 14px;
	padding: 8px;
}

.admin-form .gl-select-room label {
	float: left;
	margin: 15px 0 0 10px;
	display: inline-block;
	font-size: 14px;
}

.gl-select-roomdiv {
	float: right;
	margin: 10px;
	padding: 0;
}

.gl-select-roomdiv input, .guestList input {
	margin: 0;
	margin-right: 16px;
	width: 50px;
	border: 1px solid #9fbad8;
	border-radius: 3px;
	color: #2865a9;
	font-size: 14px;
	height: 32px;
	line-height: 18px;
	padding: 8px;
	display: inline-block;
	background: #fff;
}
.room-states {
	min-width:80%;
}
.search-check .checkbox-custom label{
	font-size:11px;
}
/* SEARCH RESULTS */
.hotelName {
	font-size: 18px;
	font-weight: bold;
	color: #337ab7;
	margin-right: 5px;
}

.star-color {
	color: #ffa600
}

.bestDealPrice {
	font-weight: bold;
	font-size: 16px;
	color: #fc1504
}

.bestDealPrice .money {
	font-size: 28px;
	color: #fc993e;
	margin: 0 5px;
}

.bestDealPrice .currency {
	color: #ccc
}

.resultPromo {
	margin: 20px 0;
}

.resultPromo h4 {
	color: #fc993e;
	margin-bottom: 10px;
}

.h2Blue {
	color: #337ab7;
}

.room-img-td {
	width: 160px;
}

.room-img-td img {
	width: 160px;
}

.room-selected-btn {
	width: 70%;
}

.roomPriceTD .room-selective-btn {
	width: 99%;
	background: none repeat scroll 0 0 #fff;
/* 	border: 1px solid #fcbb3e; */
	color: #fc993e;
	font-weight: bold;
}

.table h5 {
	font-size: 15px;
}

.table a {
	color: #fc993e;
	font-size: 12px;
	text-decoration: none;
}
.roomPriceTD {
	border: 1px solid #ddd;
	max-height: 410px;
	overflow-y: auto;
}
.roomPriceTD .room-selective-btn.checkbox-custom label{
	margin:0;
}

.transferPriceTD {
	border: 1px solid #ddd;
	max-height: 410px;
	overflow-y: auto;
}

.transferPriceTD .transfer-selective-btn {
	width: 70%;
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #fcbb3e;
	color: #fc993e;
	font-weight: bold;
}

.transfer-selected {
	width: 70%;
}
.transferResults .transfer-title {
	color: #3369ab;
	font-weight: 400;
}
#content .transferResults .transfer-box{
	padding:0;
}
#content .transferResults .transfer-box tr{
	border:0;
}
.flightResults .btn-group{
	display:flex;
}
.flightResults .btn-group .btn,
.flightResults .btn-group .btn.buttonOrange{
	padding-left:5px;
	padding-right:5px;
}
.colorBlue {
	color: #3369ab;
}
.colorRed {
	color: #ff0000;
}

.colorOrange {
	color: #fc993e !important;
}

.selectedFlight {
	border: 2px solid orange;
	float: left;
	padding: 10px 0;
	width: 100%;
	color: #3369ab;
}

.selectedFlight	table {
	width: 90%
}

.text-info-alternate {
	color: #31708f;
	margin: 10px 0 20px;
}

#f-results .buttonOrange{
	font-size: 9px;
    padding: 7px 5px;
    width: 33%;
    line-height: 1;
    white-space: normal;
}

.btn.buttonOrange {
	padding: 7px 20px;
	color: #fc993e;
	background: #fff;
	font-weight: bold;
	border: 1px solid #fcbb3e;
}

.btn.buttonOrange:hover {
	border: 1px solid #fcbb3e;
	color:#fcbb3e;
}

.btn.buttonOrange.active {
	padding: 7px 20px;
	color: #fff;
	background: #fc993e;
	font-weight: bold;
	border: 1px solid #fcbb3e;
}

#departures,#returns {
	border: 1px solid #ddd;
	height: 340px;
	overflow-y: auto;
	width: 100%;
}
.flightResults {
	margin:50px 0;
}
.flightResults table {
	width: 100%
}

.flightResults td {
	padding: 10px
}
.flightResults tr {
	border-bottom: 1px solid #ddd;
	text-align: left;
}
.f-price input {
	margin-right: 5px;
}

.f-price  {
	white-space:nowrap;
}
.f-price .money {
	font-weight: bold;
}

.f-price .currency {
	font-size: 10px;
}
.flightResults ul{
	list-style:none;
	padding:0;
	margin:0;
}
.flightResults td ul li{
	padding-bottom:15px;
}
.sf-airline {
	text-align:center;
}
.sf-airline img{
	max-width:50px;
}
.flight-time {
    font-size: 11px;
}
.sf-airline li{
	position:relative;
}

.operatedby {
    bottom: 0;
    color: coral;
    font-size: 10px;
    left: 0;
    line-height: normal;
    position: absolute;
    white-space: nowrap;
}
.operatedbyindetail{
	color: coral;
	font-style:italic;
	font-size: 12px;
}
.showflights{
	text-align:center;
	margin:15px auto;
	max-width:600px;
}
.transferResults .buttonOrange {
	float: right;
	min-width: 200px;
}

.transferResults .buttonOrange.active {
	min-width: 200px;
	background: #fcbb3e;
	border: 1px solid #fcbb3e;
	color: #fff;
}

.transferResults tr {
	border-bottom: 1px solid #ddd;
	text-align: left;
}

#btnContinueReservation {
	margin: 40px;
	font-size: 18px;
}
.factsheet-list{
	display:flex;
	flex-wrap:wrap;
	padding:0 15px;
	list-style:disc inside;
}
.factsheet-list li{
	padding:10px 10px 10px 0px;
	width:25%;
}

/** DETAIL CSS **/

.panel-head{
	font-weight:bold;
	border-bottom:1px solid #eee;
}
.room-type {
	background:#fafafa;
	padding:3px;
}
.panel-cell {
	padding-top:5px;
	margin-bottom:10px;
}
.inst-table .row{
	padding:5px;
	border-bottom:1px solid #eee;
}
.cc-form .btn-group,.cc-form .multiselect{
	width:100%;
}
.banks-tab.nav > li > a{
	padding:5px;
	border-color:#ddd;
}
.banks-tab.nav > li.active > a{
	background:#eee !important;
}
.banks-tab img {
    height: 16px;
}
.cc-form .row div > label:first-child{
	display:block;
	padding:5px 0;
}
.cc-form .ccnumbers {
    display: inline-block;
    width: 21%;
}
.tab-block .banks-tab.nav-tabs > li.active > a {
    top: 1px;
}
#banks-tab li.paypal{
	display:none;
}
.addNewCoupon {
	margin-top:10px;
	padding-left:0 !important;
}
.addNewCoupon *{
/* 	font-size:11px !important; */
}
.addNewCoupon .clearfix div{
	padding-right:5px;
}
.addNewCoupon label {
    margin-bottom: 3px !important;
    white-space: nowrap;
	font-size:11px !important;
}
#addnewLink.arrow .fa {
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}
.promo-form label{
	white-space: nowrap;
}


/** ORDERS STYLE **/
.table-orders td{
	cursor:pointer;
}



/*** ROOM STATES ***/
#availabilitiesModal .highlighted-orange a{
/* 	   background-color : orange !important; */
	   background-image :none !important;
	   color: orange !important;
	   font-weight:bold !important;
	}
	
#availabilitiesModal .highlighted-red a{
	   background-color : Red !important;
	   background-image :none !important;
	   color: #fff;
	   font-weight:bold !important;
	}
	
#availabilitiesModal .ui-datepicker td a.ui-state-active {
    background: inherit;
    color: #333;
}
	
#availabilitiesModal .ui-datepicker .ui-datepicker-next,
#availabilitiesModal .ui-datepicker .ui-datepicker-prev {
/* 	display:none; */
}

#availabilitiesModal div.modal-body {
    padding:0;
    color:#999;
    max-height:600px;
    overflow:auto;
}
#availabilitiesModal .modal-header {
    background: none repeat scroll 0 0 #007FDD;
    color: #FFFFFF;
}
#availabilitiesModal .modal-header .close {
    color: #FFFFFF;
    font-size: 26px;
    margin-top: -8px;
    opacity: 1;
    font-weight: 100;
}
#availabilitiesModal div.modal-dialog {
    margin: 30px auto;
    width: 80%;
}
#availabilitiesModal .ava-roomTypes {
   min-height:250px;
   padding:20px;
   background:url(/images/ava-bg.png) no-repeat right top;
}
#availabilitiesModal .ava-roomTypes label{
   color:orange;
}
#availabilitiesModal .ava-roomTypes .ava-rooms{
   height:34px;
}
#availabilitiesModal .ava-roomTypes .ava-rooms input{
   margin-right:5px;
}
#availabilitiesModal .ava-roomTypes .ava-rooms .ava-room-name{
    font-size: 13px;
    font-weight: 500;
}
#availabilitiesModal .ava-dates {
   padding:20px;
}
#availabilitiesModal .ava-dates label{
   color:#999;
   text-transform: uppercase;
}
#availabilitiesModal .ava-datepicker {
    width: 95%;
    margin:40px auto;
}
#availabilitiesModal .ui-datepicker {
    width: 100% !important;
    margin: 5px 0 10px;
}
#availabilitiesModal .ava-dates .ava-date-texts{
   font-size:12px;
}
#availabilitiesModal .ava-top {
    width: 84%;
    font-size:12px;
    margin:10px auto;
}
#availabilitiesModal .ava-orange {
    width: 15px;
    height:15px;
    background:orange;
    display:block;
    float:left;
    margin-right:10px;
}
#availabilitiesModal .ava-red {
    width: 15px;
    height:15px;
    background:red;
    display:block;
    float:left;
    margin-right:10px;
}
.promoCodeSection {
    color:#3369ab;
    margin-top:10px;
    margin-bottom:10px;
    padding:0;
}
.promoAmount{
    color: orange;
    font-size:20px;
    font-weight:bold;
}
.promoPriceText{
    color: #bbb;
    font-size:16px;
}
.oldprice-wrap {
    color: #aaa;
    text-decoration: line-through;
}
.emaildiv{
	max-width:160px;
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-word;
}
.coupondiv{
	padding:5px;
	border-bottom:1px solid #eee;
	word-wrap: break-word;
}
.table-inbox td{
/* 	vertical-align:top !important; */
}
.table-inbox .rowitem > td{
	border-top:3px solid #eee;
}
.inboxNotes .panel {
    margin-bottom: 40px;
}
.table-inbox .panel .table {
    background: #999;
    color:#fff;
    margin: 15px auto;
    width: 98%;
}
.table-inbox .panel td {
    background: #fafafa;
    border: 0 none;
    color:#777;
}
.table-inbox .inboxNotes .fa-caret-up {
    left: 80px;
    top:-9px;
    position: absolute;
}
.table-inbox .btns .btn{
 	display: block;
    font-size: 11px;
    margin-top: 3px;
    padding: 4px 2px;
    width: 100%;
    min-width:80px;
}
.table-inbox .btns .btn.btn-danger{
    padding: 4px 5px;
}
.table-inbox .phoneinput{
	min-width:120px;
	padding:4px;
}

html .ui-datepicker td span, 
html .ui-datepicker td a{
	color:#777;
	border:1px solid #eee;
}
html .ui-datepicker td span:hover, 
html .ui-datepicker td a:hover{
	background:#eee;
}
html .ui-datepicker td{
	padding:0;
}
html .ui-datepicker .ui-state-active{
	background:orange !important;
	border:1px solid orange;
}
#detailDiv{
	background:#e9e9e9;
}
html .ui-datepicker select.ui-datepicker-month, 
html .ui-datepicker select.ui-datepicker-year {
    width: 50%;
    border:1px solid #ccc;
    background:#fff;
}
.admin-form .pass-dates label,
.admin-form .guest-birthday label{
	width:30%;
}
.admin-form .pass-dates,
.admin-form .guest-birthday{
/* 	width:100px; */
}
/*** RESPONSIVE STYLES ***/

@media only screen and (min-width: 993px) {
	header .navbar-nav.navbar-left{
		display:block !important;
	}
}

@media only screen and (max-width: 992px) {
	html header .navbar-nav.navbar-left{
		float:none;
		position:absolute;
		left:15px;
		top:60px;
		display:none;
		background:#fff;
		z-index:2;
		max-height:initial;
		min-width:200px;
	}
	html header .navbar-nav.navbar-left li{
		display:block;
		width:100%;
		padding:0 5px;
		float:none;
	}
	#showNav{
		margin:10px;
	}
}