/* global */
body {
	background:#ccd8e0;
}

a,
button {
	color:#5a5a43;
}

hr {
	background:#5a5a43;
	color:#5a5a43;
}


/* page layout */
#pageContainer {
	max-width:982px;
	margin:0 auto 15px auto;
	padding-bottom:5px;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
}

#pageContainer, #chat {
	background:#ffffff;
}

#pageFooter {
	font-size:12px;
	text-align:center;
	margin:15px 0;
}

#hoaFooter {
	color:#333;
	font-size:12px;
	text-align:center;
}

#hoaFooter a {
	color:#333;
	text-decoration:underline;
}


/* card style */
.card-theme {
}
.card-theme > .card-header {
	background-color: #ebebdf;
}


.icon-block {
	background: #5a5a43;
}


/* main toolbar */
#toolbar ul {
	background:#d3dde2;
}
#toolbar ul ul ul {
	border-top:0;
}
#toolbar > ul a {
	color:#445566;
}
#toolbar > ul > li:last-child a {
	border-right: 0;
}
#toolbar label {
	color:#445566;
}
#toolbar ul li.search path {
	fill:#445566;
}


/* left toolbar */
#leftToolbar > ul > li {
    border:1px solid #ebebdf;
    background-color:#f7f7f2;
	padding:10px 12px;
}
#leftToolbar > ul > li > a {
	font-size:14px;
	color:#252525;
	font-weight: 600;
}


/* form elements */

/* global form */
.btn-primary {
    border: solid 1px #555;
    background: linear-gradient(#101112, #17191b 40%, #1b1e20);
}
.btn-outline-primary,
.btn-outline-primary:hover,
.btn-outline-primary:active {
	color: #555 !important;
	border-color: #555 !important;
	background-color: #fff !important;
}
.btn-loading {
	background: url(/images/loader-white.svg), linear-gradient(#101112, #17191b 40%, #1b1e20);
}


/* tabular date */
table.tabular {
	border:1px solid #ebebdf;
}
table.tabular th {
	background:#ebebdf;
	color:#5a5a43;
	border:1px solid #ebebdf;
}
table.tabular th a {
	color:#5a5a43;
}
table.tabular th a:hover {
	color:#5a5a43;
}
table.tabular td {
	background:#f7f7f2;
	border:1px solid #ebebdf;
}
table.tabular tr:nth-child(odd) td {
	background:#ffffff;
	color:#5a5a43;
}
table.hover tr:hover td {
	background:#d9e5f0;
}

/* grid */
#grid.tabular th {
	color:#5a5a43;
}
#grid.tabular td {
	background:#ffffff;
	border:1px solid #f7f7f2;
}
#grid.tabular td.on {
	background:#ebebdf;
}
#grid.tabular .onLegend {
	border:1px solid #ebebdf;
	background:#ebebdf;
}
#grid.tabular .offLegend {
	border:1px solid #ebebdf;
	background:#ffffff;
}


/*** calendar layout and format classes ***/
#calendar td .eventName {
	background-color: #f7f7f2;
}


/*** facility layout and format classes ***/
#calendar td.reserved {
	background-color:#fcc;
}
#facilityDetails {
	background:#f7f7f2;
	border:1px solid #ebebdf;
}
#facilityDetails #events th {
	border-right:1px solid #ebebdf;
}
#facilityDetails #events td.duration {
	border:1px solid #5a5a43; border-left:4px solid #5a5a43;
	background-color:#ffffff;
	color:#5a5a43;
}


/* pagination */
.page-item.active .page-link {
	background-color:#d1d1b8;
	border-color:#d1d1b8;
	color:#fff;
}