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

a,
button {
	color:#4d5238;
}

hr {
	background:#4d5238;
	color:#4d5238;
}


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

#pageContainer, #chat {
	background:#E4DCB2 url(/styles/Earthy_3/images/container-bg.jpg) repeat;
}

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

#hoaFooter {
	color:#fff;
	font-size:12px;
	text-align:center;
}
#hoaFooter a {
	color:#fff;
	text-decoration:underline;
}


/* card style */
.card-theme {
	border-color: #9C9473;
}
.card-theme > .card-header {
	background-color: #9C9473;	
	color: #fff;
}
.card-theme > .card-header a {
	color: #fff;
}
.card-theme .arrow-left {
	border-color: transparent #9C9473;
}


.icon-block {
	background: #4d5238;
}


/* main toolbar */
#toolbar ul {
	background:#6e6a5a;
}
#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 #9c9473;
    background:#e4dcb2;
	padding:10px 12px;
	border-radius:8px;
}
#leftToolbar > ul > li > a {
	font-size:14px;
	color:#252525;
	font-weight: 600;
}


/* form elements */

/* global form */
.btn-primary {
    background-color: #325D88;
    border-color: #325D88;
}
.btn-primary:hover {
    background-color: #284a6c;
    border-color: #244463;
}
.btn-outline-primary,
.btn-outline-primary:hover,
.btn-outline-primary:active {
	color: #284a6c !important;
	border-color: #284a6c !important;
	background-color: #fff !important;
}
.btn-loading {
	background: #325D88 url(/images/loader-white.svg);
}


/* tabular date */
table.tabular {
	border:1px solid #9c9473;
}
table.tabular th {
	background:#9c9473;
	color:#eae8d0;
	border:1px solid #9c9473;
}
table.tabular th a {
	color:#eae8d0;
}
table.tabular th a:hover {
	color:#ffffff;
}
table.tabular td {
	background:#F5F5E9;
	border:1px solid #9c9473;
}
table.tabular tr:nth-child(odd) td {
	background:#F5F5E9;
}
table.hover tr:hover td {
	background:#d3bf93;
}

/* grid */
#grid.tabular th {
	color:#4D5238;
}
#grid.tabular td {
	background:#F5F5E9;
	border:1px solid #e4dcb2;
}
#grid.tabular td.on {
	background:#9c9473;
}
#grid.tabular .onLegend {
	border:1px solid #9c9473;
	background:#9c9473;
}
#grid.tabular .offLegend {
	border:1px solid #9c9473;
	background:#F5F5E9;
}



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


/*** facility layout and format classes ***/
#calendar td.reserved {
	background-color:#fcc;
}
#facilityDetails {
	background:#F5F5E9;
	border:1px solid #9c9473;
}
#facilityDetails #events th {
	border-right:1px solid #9c9473;
}
#facilityDetails #events td.duration {
	border:1px solid #111111; border-left:4px solid #111111;
	background-color:#F5F5E9;
}


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