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;
}

#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: 100vh;
}

#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: 10px 10px;
}

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: #11477f;
	font-weight: bold;
	color: white;
}
.cell-checked-out, .cell-available, .cell- {
	background: #aedeaf;
	font-weight: bold;
	color: #0c3709;
}



.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: -10px -30px 15px -30px; 
	padding: 18px 30px 14px 30px;
}

.rsvn-header-light h4 {
	margin-top: 5px; 
	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;
	
}