#sidebar {
	display: none;
}
#sidebar * {
	border-radius: 0 !important;
}
#sidebar > nav {
	background-color: #222222;
}
@media (min-width: 768px) {
	#sidebar {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		z-index: 1000;
		display: block;
		padding: 0;
		overflow-x: hidden;
		overflow-y: auto;
		background-color: #222222;
		border-right: 1px solid #111111;
	}
}
li.brand {background-color: #000;}
.brand a.brand {
	padding: 0;
	width: 100%;
	height: 50px;
	margin: 0;
	display: block;
	background-image: url(../img/logo-light.png);
	background-position: center;
	background-size: 90%;
	background-repeat: no-repeat;
}
#sidebar .nav.nav-sidebar {
	border-bottom: 1px solid #ccc;
}
#sidebar .nav.nav-sidebar:last-child {
	border-bottom: 0;
}
#sidebar ul, #sidebar li, #sidebar li a {
	display: block;
	width: 100%;
}
#sidebar a.gradient > i {
	width: 24px;
	font-size: 16px;
	text-align: left;
}
#sidebar a.gradient {
	border-right: 5px solid transparent;
}
#sidebar a.gradient:hover,
#sidebar a.gradient:active,
#sidebar a.gradient:focus {
	border-right: 5px solid #00BCD4;
}
#sidebar li.active a.gradient,
#sidebar a.gradient.active {
	border-right: 5px solid #ff0000;
}
#sidebar li.dropdown ul li.normal.by-0:not(:last-child) {
	border-bottom: 1px solid #3e3e3e !important;
}
.child-bg {
	background-color: #111;
}
#sidebar li.dropdown a span.caret {
	position: absolute;
	right: 15px;
	top: calc(50% - 1px);
}
#sidebar .activated {
	border-left: 3px solid #f43000;
}
#sidebar li.dropdown ul li a {
	padding-top: 8px;
	padding-bottom: 8px;
}
#sidebar li.dropdown ul li a:hover,
#sidebar li.dropdown ul li a:active,
#sidebar li.dropdown ul li a:focus {
	color: #848484;
	background-color: #0d0d0d;
}