/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 768px) {
	.row-offcanvas {
		position: relative;
		-webkit-transition: all 0.25s ease-out;
		-moz-transition: all 0.25s ease-out;
		transition: all 0.25s ease-out;
	}

	.row-offcanvas-left
	.sidebar-offcanvas {
		left: -33%;
	}

	.row-offcanvas-left.active {
		left: 33%;
	}

	.sidebar-offcanvas {
		position: absolute;
		top: 0;
		width: 33%;
		margin-left: 10px;
	}
	
	.sidebar-fix-height {
	}
}

@media screen and (min-width: 769px) {
	.sidebar-fix-height {
		display: flex;
	}
}

#sidebar {
	background-color: #f5f5f5;
	border: 1px solid #e1e8ed;
	border-radius: 5px;
	min-height: 1000px;
	margin-top: 20px;
	margin-left: 10px;
}

/* Sidebar navigation */
.nav-sidebar {
	background-color: #f5f5f5;
	margin-right: -15px;
	margin-bottom: 20px;
	margin-left: -15px;
}

.nav-sidebar li a {
	color: #000000; /* #337ab7; */
	padding-right: 20px;
	padding-left: 20px;
}

#sidebar a.active {
	color: #000000; /* #fff; */
	background-color: #e8e8e8; /* #428bca; */
}

a.subnav1 {
	padding-left: 30px !important;
}

a.subnav2 {
	padding-left: 50px !important;
}

a.subnav3 {
	padding-left: 70px !important;
}