body {
	background: #eee !important;
	font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

a {
	color:#b80000;
}

.input-append {
	margin-bottom: 0 !important;
}

#top {
	position: fixed;
	width: 100%;
	background: #000;
	color: #aaa;
	padding: 15px 30px;
	text-align: left;
	box-shadow: 0 3px 5px rgba(0,0,0,0.2);
	z-index: 1000;
}

#top strong.logo {
	float: left;
	color: #FFF;
	padding-right: 20px;
	font-size: 14pt;
	font-style: italic;
}

#nav {
	list-style: none;
	margin: 3px;
	padding: 0;
}

#nav li {
	display: inline;
}

#nav li a {
	color: #aaa;
	text-decoration: none;
	margin: 0 5px;
	padding: 5px;
}

#nav li a:hover {
	color: #fff;
}

#nav li a.current {
	color: #FFF;
	font-weight: bold;
}


#container {
	text-align: left;
	padding: 0px 20px 10px 20px;
	background: #FFF;
	margin: 0;
	margin-top: 40px;
	margin-bottom: 0;
	min-height: calc(100vh - 40px);
}

#header {
	padding: 10px;
}

#header h1 {
	margin: 5px 0;
	padding: 5px 0;
}


#footer {
	z-index: 1000;
	padding: 10px 20px 0px 20px;
	font-size: 8pt;
	color: #eee;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: #346;
	box-shadow: 0 1px 3px rgba(0,0,0,0.3) inset;
	background: -webkit-linear-gradient(#346 0%, #235 100%)
}

#content {
	padding: 0;
}

iframe.hidden {
	display: none;
}

.clear {
	clear: both;
}

div.room-selected {
	background: #a1ddff;
	border: 1px solid #578bb3;
}

table.full {
	width: 100%;
}

table.grid {
	border-collapse: collapse;

}

table.grid th {
	text-align: center;
	background: #eee;
	padding: 5px;
	border: 1px solid #aaa;
}


table.grid td {
	padding: 5px;
	border: 1px solid #aaa;
}

table.no-border td {
	border: none;
}

table.padded td {
	padding: 5px 10px;
}

tr.grey td {
	background: #eee;
}

table.spaced-out td {
	padding: 5px 5px 5px 0;
	vertical-align: top;
}

table.report td {
	padding: 3px 30px 0 0;
}

table.report h3 {
	padding: 5px 0px;
	margin: 0;
}



tr.selected td {
	background: #c2e7fc;
}

.red {
	color: red;
}

select.integration {
	width: 300px;
}

.cell-reserved {
	background: #f69327;
	color: white;
}

.cell-checked-in{
	background: #cf5858;
	font-weight: bold;
	color: white;
}
.cell-available, .cell- {
	background: #aedeaf;
	font-weight: bold;
	color: #0c3709;
}

.cell-checked-out {
	background: #153366;
	font-weight: bold;
}



.row-maintenance td {
	background: #eee;
}

.cell-maintenance {
	background: #eee;
}

.availability tr:hover td {
	border-top: 2px solid #888 !important;
	border-bottom: 1px solid #888 !important;
}

.txn-details table {
	width: 100%;
}

.txn-details table td {
	vertical-align: top;
	padding: 5px;
	border-bottom: 1px solid #f5f5f5;
}

.txn-details  td.acc-no {
	width: 60px;
}

.txn-details  td.acc-amt {
	text-align: right;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right !important;
}

tr.valign-middle td {
	vertical-align: middle;
}

h1 {
	font-size: 18pt !important;
	line-height: 18pt !important;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
	padding: 0 !important;
	color: #11477f !important;
}

.rsvn-header-light {
	background: #11477f;
	color: white;
	margin: 0 !important;
	z-index: 1000;
	padding: 12px 15px 12px 15px;
}

.sticky.top-10 {
	z-index: 500;
}

.rsvn-header-light h4 {
	font-weight: normal;
}

.rsvn-header-light .light-blue {
	color: #53a7dd !important;
}


.rsvn-header {
	background: #11477f;
	color: white;
	margin: -10px -30px 15px -30px;
	padding: 18px 30px 14px 30px;
}

.rsvn-header h4 {
	margin-top: 5px;
	font-weight: normal;
}

.rsvn-header .light-blue {
	color: #53a7dd !important;
}

.nav-tabs-rsvn {
	border-bottom: 1px solid #11477f !important;
}

.nav-tabs-rsvn a {
	color: #53a7dd !important;
	font-weight: bold;
}

.nav-tabs-rsvn .active a {
	color: #3987b4 !important;

}



.pb-nav {
	white-space: nowrap;
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 0;
	height: 40px;
	padding-left: 15px;
	padding-right: 100px;
	padding-top: 3px;
	overflow-x: overlay;
}

.overflow-x-auto {
	-ms-overflow-style: none;  /* IE and Edge */
	  scrollbar-width: none;
}

.overflow-x-auto::-webkit-scrollbar {
	display: none !important;
	height: 2px;
}

.pb-nav li {
	margin-left: -3px;
	display: inline-block;
	padding-top: 6px;

}

.pb-nav::-webkit-scrollbar {
  display: none;
  height: 2px;
}

.pb-nav li.active {
	padding-top: 0;
}

.pb-nav li.active a {
	background: #fff;
	padding-top: 8px !important;
	margin-top: 0;
	font-weight: 600;
	font-size: 13px;
	padding-bottom: 6px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	color: #000 !important;
	text-decoration: none;
}

.pb-nav li a {
	margin-top: 0px;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	padding-left: 9px !important;
	padding-right: 9px !important;
	font-weight: 500;
	font-size: 12px;
}

.pb-nav li a {
	background: linear-gradient(#dcdcdc, #c9c9c9);
	color: #555 !important;
	border-bottom: 1px solid rgba(255,255,255,0.5);
	padding-top: 5px 1px !important;
	display: inline-block;
	border-radius: 5px 5px 0 0;
}

.pb-nav li.active a {
	color: #555 !important;

}



.hide-scroll::-webkit-scrollbar {
  display: none;
}



table.table thead tr {
	background: #f1f5f8;
}




/* EOF */