/* global */
body {
	background:#4FBEDD url(/styles/Sunshore/images/bg.jpg) repeat-x;
}

a,
button {
	color:#1A5B8F;
}

hr {
	background:#0f467e;
	color:#0f467e;
}


/* page layout */
#pageContainer {
	max-width:982px;
	margin:0 auto; padding-bottom:5px;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.9);
}

#pageContainer {
	background:#ffffff;
}

#pageFooter {
	font-size:12px;
	text-align:center;
	margin:15px 0;
}

#hoaFooter {
	font-size:12px;
	text-align:center;
}

#hoaFooter a {
	color:#212529;
}


/* card style */
.card-theme {
	border-color: #3a4c00;
}
.card-theme > .card-header {
	background: linear-gradient(to bottom, #164b80 0%, #285a8c 50%, #164b80 51%, #0f467e 100%);
	color: #fff;
	margin: 1px;
}
.card-theme > .card-header a {
	color: #fff;
}
.card-theme .arrow-left {
	border-color: transparent #3a4c00;
}


.icon-block {
	background: #1A5B8F;
}


/* main toolbar */
#toolbar ul {
	background:#0f467e;
}
#toolbar ul ul ul {
	border-top:0;
}
#toolbar > ul a {
	color:#fff;
}
#toolbar > ul > li:last-child a {
	border-right: 0;
}
#toolbar label {
	color:#fff;
}


/* left toolbar */
#leftToolbar > ul > li {
	border:1px solid #3a4c00;
}
#leftToolbar > ul > li > a {
	font-size:14px;
	color:#fff;
	margin:1px;
	padding:10px 12px;
	background:#164b80;
	background:linear-gradient(to bottom, #164b80 0%, #285a8c 50%, #164b80 51%, #0f467e 100%);
	display:block;
}
#leftToolbar > ul > li > ul {
	padding:10px 12px;
}


/* form elements */

/* global form */
.btn-primary {
	color: #d9eef7 !important;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: linear-gradient(to bottom, #00adee 0%, #0078a5 100%);
}
.btn-primary:hover {
	background: #007ead;
	background: linear-gradient(to bottom, #0095cc 0%, #00678e 100%);
}
.btn-primary:active {
	color: #80bed6;
	background: linear-gradient(to bottom, #0078a5 0%, #00adee 100%);
}
.btn-outline-primary,
.btn-outline-primary:hover,
.btn-outline-primary:active {
	color: #0076a3 !important;
	border-color: #0076a3 !important;
	background-color: #fff !important;
}
.btn-loading {
	background: url(/images/loader-white.svg), linear-gradient(to bottom, #00adee 0%, #0078a5 100%);
}


/* tabular date */
table.tabular {
	border:1px solid #0f467e;
}
table.tabular th {
	background:#0f467e;
	color:#ffffff;
	border:1px solid #0f467e;
}
table.tabular th a {
	color:#ffffff;
}
table.tabular th a:hover {
	color:#ffffff;
}
table.tabular td {
	background:#dfedf7;
	border:1px solid #0f467e;
}
table.tabular tr:nth-child(odd) td {
	background:#ffffff;
}
table.hover tr:hover td {
	background:#b7dcf7;
}

/* grid */
#grid.tabular th {
	color:#111111;
}
#grid.tabular td {
	background:#ffffff;
	border:1px solid #dfedf7;
}
#grid.tabular td.on {
	background:#0f467e;
}
#grid.tabular .onLegend {
	border:1px solid #0f467e;
	background:#0f467e;
}
#grid.tabular .offLegend {
	border:1px solid #0f467e;
	background:#ffffff;
}


/*** calendar layout and format classes ***/
#calendar td .eventName {
	background-color: #dfedf7;
}


/*** facility layout and format classes ***/
#calendar td.reserved {
	background-color:#fcc;
}
#facilityDetails {
	background:#dfedf7;
	border:1px solid #0f467e;
}
#facilityDetails #events th {
	border-right:1px solid #0f467e;
}
#facilityDetails #events td.duration {
	border:1px solid #111111; border-left:4px solid #111111;
	background-color:#ffffff;
	color:#111111;
}


/* pagination */
.page-item.active .page-link {
	background-color:#0f467e;
	border-color:#0f467e;
	color:#fff;
}