.aqua {
	color: #00BBCC;
}

.gold {
	color: #F2A200;
}

html,
body {
	height: 100%;
}

body {
	background: #EEE;
	color: #333;
}

a {
	color: #00BBCC;
	text-decoration: none !important;
}

a:hover {
	color: #00D9ED;
}

#menu {
	background: #FFF;
	height: 60px;
	z-index: 3;
}

#branding {
	font-size: 1.25em;
}


#sidebar {
	background: #FAFAFA;
	width: 220px;
	padding: 70px 0 0 0;
	position: fixed;
	z-index: 2;
}

#menu,
#sidebar {
	box-shadow: 3px 3px 10px 0 #DDD;
}

#sidebar ul {
	padding: 0;
	list-style: none;
}

#sidebar li {
	border-top: 1px solid #EEE;
}

#sidebar > ul > li:first-of-type {
	border-top: none !important;
}

#sidebar ul li a {
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
}

#sidebar > ul > li > a {
	padding-left: 30px;
}

#sidebar ul li ul li a {
	padding-left: 45px;
}

#content {
	padding: 60px 20px 0 240px;
}

#content hr {
	width: 20px;
	margin: 20px 3px 3px 0;
	border-top: 1px solid #F2A200;
	display: inline-block;
}

#content hr:nth-child(1) {
	border-top: 1px solid #00BBCC;
}

.content {
	background: #FFF;
	margin: 0 0 20px 0;
	padding: 10px;
}

.content table {
	width: 100%;
}

table tr:nth-child(even){
	background: #F7F7F7;
}

table th:hover {
	cursor: pointer;
	text-decoration: underline;
}




/* DARK MODE */

body.dark {
	background: #333;
	color: #EEE;
}

body.dark #menu {
	background: #444;
}

body.dark #sidebar {
	background: #3B3B3B;
}

body.dark #menu,
body.dark #sidebar {
	box-shadow: 3px 3px 10px 0 #222;
}

body.dark #sidebar li {
	border-top: 1px solid #333;
}

body.dark .content {
	background: #444;
}

body.dark table tr:nth-child(even){
	background: #4D4D4D;
}

body.dark table th:hover {
	color: #FFF;
}