/* CSS Document */

/* @import url(http://fonts.googleapis.com/css?family=Open+Sans); */

#bappsys-wrap {
	font-family: Open Sans, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
	max-width: 910px;
	margin: auto;
	overflow: hidden;
	background: #F5F7F2;
}
#bappsys-wrap a {
	color: #333;
}
#bappsys-wrap a:hover {
	text-decoration: none !important;
}
#bappsys-wrap form {
	margin: 0;
	padding: 0;
}
#bappsys-wrap form {
	margin: 0;
	padding: 0;
}

.bappsys-head-color{
	background: #D8E1D3;
	border-bottom: #DDD solid 1px;
	padding: 5px;
}

#bappsys-heading {
	padding: 0;
	margin-top: 0;
	margin-bottom: 10px;
	overflow: hidden;
}
.bappsys-security {font-size:11px;color:#fff;}
#bappsys-heading h1 {
	margin: 0;
	font-size: 22px;
}
#bappsys-heading address {
	margin: 0;
	padding: 0;
	font-style: normal;
	color:#FFF;
	font-size:10px;
}
#bappsys-sidebar {

}
#bappsys-sideinfo {
}
#bappsys-sideinfo h2 {
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 18px;
}
#bappsys-wrap a {
	text-decoration: none;
}
.bappsys-th-color {
	background: #D8E1D3;
	font-size: 12px;
}
.bappsys-td-color {
	background: #FBFBFB;
	font-size: 11px;
}
.bappsys-border {
	border: 1px solid #DDD;
	background:#FBFBFB;
}
#bappsys-frmdateselect{
	border: solid 1px #DDD;
	background:#FBFBFB;
}

#bappsys-frmdateselect .form-group{
	padding-left: 15px;
	padding-right: 15px;
}

#bappsys-sideinfo a.cal {
	color: black;
	text-decoration: none;
}
#bappsys-full{
	margin-top: 10px;
	margin-bottom: 10px;
	min-height: 300px;
}
.bappsys-cal-cell {
	margin-top: 10px;
}
.bappsys-0 {
	color: #E44D08;
}
.bappsys-6 {
	color: #E44D08;
}
.bappsys-past {
	background: #f3f3f3;
	color: #ccc;
	cursor: not-allowed;
}
.bappsys-numday {
	opacity: 0.7;
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
}
.bappsys-notavai {
	background: #9D5654;
	/*background: url(../images/notavai.png);*/
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
.bappsys-avai {
	background: #76A395;
	cursor: pointer;
}
.bappsys-dailyrate {
	color: #fff;
	font-size: 10px;
	margin-top: 5px;
	text-align: right;
	opacity: 0.9;
	font-weight: bold;
}
.bappsys-cal {
	background: url(../images/calendar.png);
	background-position: 170px;
	background-repeat: no-repeat;
	border: solid 1px #CCC;
	padding: 5px;
	width: 95%;
}
.bappsys-minnight {
	background: #FC3;
}
.bappsys-ratebreakcal {
	background: #fff;
}
.bappsys-ratebreakcal-total {
	color: green;
	font-weight: bold;
}
.bappsys-inclusion {
	margin-bottom: 10px;
}
a.bappsys-btn {
	color: #FFF !important;
}
.bappsys-btn {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #000a03), color-stop(1, #444743));
	background: -moz-linear-gradient(top, #000a03 5%, #444743 100%);
	background: -webkit-linear-gradient(top, #000a03 5%, #444743 100%);
	background: -o-linear-gradient(top, #000a03 5%, #444743 100%);
	background: -ms-linear-gradient(top, #000a03 5%, #444743 100%);
	background: linear-gradient(to bottom, #000a03 5%, #444743 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000a03', endColorstr='#444743', GradientType=0);
	background-color: #000a03;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #383838;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: arial;
	font-weight: bold;
	padding: 2px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #3a4039;
}
.bappsys-btn:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #444743), color-stop(1, #000a03));
	background: -moz-linear-gradient(top, #444743 5%, #000a03 100%);
	background: -webkit-linear-gradient(top, #444743 5%, #000a03 100%);
	background: -o-linear-gradient(top, #444743 5%, #000a03 100%);
	background: -ms-linear-gradient(top, #444743 5%, #000a03 100%);
	background: linear-gradient(to bottom, #444743 5%, #000a03 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#444743', endColorstr='#000a03', GradientType=0);
	background-color: #444743;
}
.bappsys-btn:active {
	position: relative;
	top: 1px;
}
#bappsys-wrap .box {
	width: 20px;
	display: inline-block;
	border: solid 1px #ccc;
}
#bappsys-wrap i.fa {
	font-size: 16px;
	color: #000;
}
#bappsys-wrap i.fa[type=disabled] {
	color: #CCC;
}
#bappsys-wrap i.fa[type=disabled]:hover {
	color: #CCC;
}
#bappsys-wrap i.fa:hover {
	color: #666;
}
#bappsys-convertor {
}
.bappsys-ratecode {
	background: none repeat scroll 0 0 #FBFBFB;
	margin-bottom: 10px;
	padding: 10px;
	border: solid 1px #76A395;
}
.bappsys-ratecode h3 {
	margin-top: 0px;
	margin-bottom: 10px;
}
.bappsys-ratecode img{
	margin-right:10px;
	margin-bottom:10px;
}
.bappsys-ratetotal {
	font-size: 24px;
	font-weight: bold;
	color: #006666;
}
.bappsys-currency {
	font-size: 12px;
	color: #999;
}
.bappsys-toggle {
	margin-bottom: 10px;
	text-decoration: underline;
	cursor: pointer;
}
.bappsys-toggle i {
	font-size: 12px !important;
}
.bappsys-roominfo {
	margin-top: 10px;
	font-size: 12px;
}
.bappsys-toggle-info {
	display: block;
}
#bappsys-frmdateselected td {
	font-size: 12px;
}
#bappsys-frmdateselected td strong {
	font-size: 12px;
}
.bappsys-close-btn {
	display: block;
	border: solid 1px #999;
	background: #F8F8F8;
	color: #FFF;
	text-align: center;
	float: right;
	line-height: 15px;
	width: 15px;
}
.bappsys-close-btn:hover {
	background: #CCC;
	color: #333;
}
.bappsys-cartview-total {
	font-size: 14px !important;
}
.bappsys-opacity-light {
	opacity: 0.8;
}
#bappsys-frmcartview{
	background:#FBFBFB;
	margin-bottom:10px;
}
#bappsys-frmcartview td {
	padding: 3px 8px;
}
#bappsys-frmcartview td i {
	font-size: 13px !important;
	color: #999 !important;
}
#bappsys-geust-detail {
	background: #FBFBFB;
	border: solid 5px #D9D9D9;
}
.bappsys-input-table td {
	padding-top: 3px;
	padding-bottom: 3px;
}
#bappsys-guestlogin-section {
	border: 1px solid #76A395;
	margin-bottom: 10px;
	background: #FBFBFB;
}

#bappsys-roomlogin-section {
	border: 1px solid #76A395;
	margin-bottom: 10px;
}
#bappsys-personalinfo {
	/*border: 1px solid #76A395;*/
	margin-bottom: 10px;
	background: #FBFBFB;
}
#bappsys-additionaldetail {
	border: 1px solid #76A395;
	margin-bottom: 10px;
	background: #FBFBFB;
	padding: 10px;
}
#bappsys-formguestlogin td {
	padding-right: 10px;
}
#bappsys-guestlogin-section h2 {
	display: block;
	background: #D8E1D3;
	padding: 5px;
	margin: 0;
}
#bappsys-guestlogin-section #bappsys-guestlogin h3 {
	margin-top: 0;
	padding: 0;
}
#bappsys-guestlogin {
	background: #FBFBFB;
	padding: 10px;
	/*border-bottom: solid 1px #d9d9d9;*/
}
#bappsys-guestlogin h2 {
	font-size: 16px;
}


#bappsys-roomlogin-section h2 {
	display: block;
	background: #D8E1D3;
	padding: 5px;
	margin: 0;
}
#bappsys-roomlogin-section #bappsys-roomlogin h3 {
	margin-top: 0;
	padding: 0;
}
#bappsys-roomlogin {
	background: #FBFBFB;
	padding: 10px;
	/*border-bottom: solid 1px #d9d9d9;*/
}
#bappsys-roomlogin h2 {
	font-size: 16px;
}

#bappsys-personalinfo {
/*padding-left: 10px;
	padding-right: 10px;*/
}
.bappsys-personalbox1 {
	padding: 10px;
	min-height: 465px;
}
.bappsys-personalbox2 {
	padding:10px;
}
#bappsys-personalinfo h2 {
	font-size: 16px;
}
#bappsys-geust-detail {
	margin-bottom: 10px;
}
#bappsys-paymentinfo {
	border: 1px solid #76A395;
	padding: 10px;
	background: #FBFBFB;
	margin-bottom: 10px;
}

#bappsys-bookingpolicy {
	border: 1px solid #76A395;
	padding: 10px;
	background: #FBFBFB;
	margin-bottom: 10px;
}
#bappsys-frmcartview.bappsys-border {
	/*border: 1px solid #DDD;*/
}
#bappsys-frmcartview .bappsys-th-color {
	background: #D8E1D3;
	padding: 5px !important;
}

.bappsys-additionaldetail-row{
	margin-bottom: 3px;
	padding-top:2px;
}

.bappsys-input-table td input[type=text], .bappsys-input-table td input[type=password]{
	padding-top: 3px;
	padding-bottom: 3px;
}
.bappsys-actions{
	text-align: right;
}
.bappsys-btn-large{
	font-size: 16px;
	padding: 5px !important;
}

.bappsys-avai.selected{
	border: solid 3px #666 !important;
	background: #FFF;
	color: #000 !important;
}
.bappsys-avai.selected > div{
	color: #000 !important;
}

.bappsys-minnight.selected{
	border: solid 3px #666;
	background: #FFF;
	color: #000 !important;
}
.bappsys-minnight.selected > div{
	color: #000 !important;
}

#bappsys-filter{
	margin-top:10px;
	margin-bottom:10px;
	border:1px solid #DDD;
}
.bappsys-padding-10{
	padding:10px;
}
#bappsys-roomtype-filter label{
	display:block;
	margin-bottom:2px;
}

.bappsys-input-table input[type=text], .bappsys-input-table textarea, .bappsys-input-table input[type=password]{
	width: 90%
}


/*-------*/

#mainNav {
	overflow: auto;
	margin-bottom: 10px;
}
.fourStep {
	margin: 0;
	padding: 0;
}
#mainNav li {
	list-style: none;
	float: left;
	background-color: #333741;
	background-image: url(../images/blueprocess.png);
	background-repeat: no-repeat;
	background-position: right center;
}
#mainNav li.current {
	background-color: #D8E1D3;
	background-image: url(../images/redprocess.png);
}
#mainNav li.lastDone {
	background-color: #9D5654;
	background-image: url(../images/grayprocess.png);
}
#mainNav li.done {
	background-color: #9D5654;
	background-image: url(../images/grayprocessgray.png);
}
#mainNav li a, #mainNav li a:link, #mainNav li a:visited, #mainNav li a:hover, #mainNav li a:active {
	color: #F9F9F9;
}
#mainNav li.lastDone a, #mainNav li.lastDone a:link, #mainNav li.lastDone a:visited, #mainNav li.lastDone a:hover, #mainNav li.lastDone a:active, #mainNav li.done a, #mainNav li.done a:link, #mainNav li.done a:visited, #mainNav li.done a:hover, #mainNav li.done a:active {
	color: #F9F9F9;
	}
#mainNav li.current a, #mainNav li.current a:link, #mainNav li.current a:visited, #mainNav li.current a:hover, #mainNav li.current a:active {
	color: #666;
}
#mainNav li.done a:hover, #mainNav li.lastDone a:hover {
	color: #1B1B1B;
	cursor: hand;
}
#mainNav li.static a, #mainNav li.current a, #mainNav li.mainNavNoBg {
cursor: default;
}
#mainNav li a em {
	width: 150px;
	display: block;
	font-style: normal;
	font-weight: bold;
	padding: 5px 5px 5px 6px;
}
#mainNav li a span {
	width: 140px;
	display: block;
	margin-left: 5px;
	font-weight: normal;
}
#mainNav li.mainNavNoBg {
	background-image: none;
}
#mainNav li a {
	display: block;
}
/* #mainNav.fourStep */
#mainNav.fourStep li {
	width: 182px;
}
#mainNav.fourStep li.mainNavNoBg {
	width: 152px;
}
#mainNav.fourStep li a {
	width: 152px;
}


.center {
	text-align: center;
}

#bappsys-frmdateselect{
	margin-bottom: 20px;
}
.responsive{
	width: 100%;
}


#bappsys-convertor{
	border: none;
}
#bappsys-convertor .bappsys-head-color{
	display: none;
}

#bappsys-sidebar table td{
	border: none !important;
	padding-top:2px !important;
	padding-bottom: 2px !important;
}
#bappsys-sidebar .table{
	margin-bottom: 5px !important;
}
#bappsys-frmdateselected .form-group{
	padding-bottom:0px !important;
	margin-bottom: 0px !important;
}
#bappsys-roomtype-filter #amount{
	font-size:12px;
}
#bappsys-roomtype-filter label{
	font-size: 12px;
}
.bappsys-rate{
	text-align:right;
}
.white{
	color: #FFF !important;
	font-weight: bold !important;
}
.white:hover{
	text-decoration: none !important;
}
.bappsys-occupancy{
	margin-top:10px;
	margin-bottom:10px;
}
.bappsys-inclusion{
	margin-bottom:10px;
}

#bappsys-guestlogin-section h3{
	font-size:16px;
}

#bappsys-roomlogin-section h3{
	font-size:16px;
}
#col-card-mm{
	clear:both;
	width: 45%;
	float: left;
	margin-right:10%;
}

#col-card-yy{
	width: 45%;
	float: left;
}
.bg {
	padding: 10px;
	background: #EEE;
	margin-bottom: 10px;
}
.center {
	text-align: center;
}

#header-wrap{
	background: #203764;
	height: 97px;
	padding:10px;
	margin-bottom:10px;
  border-bottom: 9px solid #3C5A84;
}
header{
	color: #FFF;
	margin:auto;
	max-width: 885px;
	font-size:18px;
	font-weight:400;
}
.logo {float:left;
width:90px;}
.right {float:right;
}

@media screen and (min-width: 940px) {
	#bappsys-frmdateselect .form-group{
		margin-bottom:5px;
	}

	#bappsys-frmdateselect .form-group label{
		font-size: 11px;
	}
	#bappsys-frmdateselect .form-group input[type="text"]{
		padding-left:5px;
		font-size:11px;
		height: 25px;
	}
	#bappsys-frmdateselect .form-group select{
		font-size: 11px;
		padding: 5px;
		height:25px;
		width: 45px;
	}

	#bappsys-frmdateselect .bappsys-occupancy{
		float:left;
		width: 50%;
		padding-right: 0px;
		margin-bottom:10px;
	}

}

@media screen and (max-width: 910px) {
	/*#bappsys-stet
	p{
		display: none !important;
	}*/
	#mainNav.fourStep li{
		width: 25% !important;
	}
	#bappsys-convertor{
		padding-bottom:20px !important;
	}
	#bappsys-convertor{
		border: none !important;
	}
	#bappsys-sideinfo .cal_1.col-sm-6 {
			padding-left:0px !important;
	}
}
@media screen and (max-width: 909px) {
	#bappsys-step{
		display: none !important;
	}
	.bappsys-rate{
		text-align:center !important;
	}
}
@media screen and (max-width: 765px) {
	#bappsys-convertor{
		padding-bottom:20px !important;
/*		border:solid 1px #DDD !important;*/
	}
	#bappsys-convertor .bappsys-head-color{
		display: block !important;
	}
}
@media screen and (max-width: 420px) {

	.addon-description{
		display: none;
	}
	.right {padding-top:20px;
font-size:13px;
}
}

.bapp-form select {
	background: #203764;
	color:#F4F4F4;
	direction: rtl;
	border:none;
	box-shadow:none;
	cursor:pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.bapp-form select:focus {
	border:none;
	box-shadow:none;
}

#footer-wrap{
	background: #203764;
	padding:10px;
	margin-top:20px;
}
footer{
	color: #203764;
	margin:auto;
	max-width: 885px;
}
footer h2 {font-size:12px; color:#FFF;}

.transfer h2 {font-size: 18px; font-weight: bold;}

.wrap {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    width: 300px;
    height:auto;
    background: #EEE;
    border: 1px solid #CCC;
    margin: 10px 10px 20px 10px;
    position: relative;
    padding: 50px 10px 10px;
}

.horiz-flag {
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
		background-color: #333741;
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
    position: absolute;
    padding-right: 40px;
    left: -2px;
    padding-left: 10px;
    top: 15px;
    color: #f4f2ef;
}

.wrap .horiz-flag h1{
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
		margin-top:13px;
}

.wrap p{
    margin-top: 20px;
}

.hidethis {display:none;}
.errorstyle {margin-bottom:5px;text-align: center; color:#FFF; background-color: #9D5654;padding: 8px;}
#gotoselection {margin-top:15px; cursor: pointer;font-weight: bold;}
.rightforcal {text-align:right;padding-right:-15px;}
#bappsys-event {
	border: 1px solid #76A395;
	background: #FBFBFB;
	padding: 10px;
	height: 300px;
	overflow-x: hidden;
	overflow-y: auto;
}
#bappsys-event h2 {
	display: block;
	background: #D8E1D3;
	padding: 10px;
	margin: 0px;
}
#bappsys-event .row {
	margin-bottom:-20px;
}
.eventin {color:#FFF; background-color:#467d98;}