/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
	#sidebar {
		width: 250px;
		position: fixed;
		top: 0;
		left: -255px;
		height: 100vh;
		z-index: 999;
		background: #7386D5;
		background-color:rgba(42,42,42,0.8);
		color: #fff;
		transition: all 0.3s;
		overflow-y: scroll;
		box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
	}
	
	#sidebar.active {
		left: 0;
	}
	
	#dismiss {
		width: 35px;
		height: 35px;
		line-height: 35px;
		text-align: center;
		background: #7386D5;
		position: absolute;
		top: 10px;
		right: 10px;
		cursor: pointer;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	
	#dismiss:hover {
		background: #fff;
		color: #7386D5;
	}
	
	.overlay {
		display: none;
		position: fixed;
		width: 100vw;
		height: 100vh;
		background: rgba(0, 0, 0, 0.5);
		z-index: 998;
		opacity: 0;
		transition: all 0.5s ease-in-out;
		top:0;
	}
	.overlay.active {
		display: block;
		opacity: 1;
	}
	
	#sidebar .sidebar-header {
		padding: 20px;
		/*background: #6d7fcc;*/
		background-color:rgba(42,42,42,0.8);
	}
	
	#sidebar ul.components {
		padding: 20px 0 20px 25px;
		border-bottom: none;
		margin-top: 65px;
	}
	
	#sidebar ul p {
		color: #fff;
		padding: 10px;
	}
	
	#sidebar ul li a {
		padding: 10px;
		font-size: 14px;
		display: block;
		color:#FFFFFF;
		font-weight: 300 !important;
	}
	
	#sidebar ul li a:hover {
		color: #7386D5;
		background: #333;
	}
	
	#sidebar ul li.active>a,
	a[aria-expanded="true"] {
		color: #333;
		background: transparent;
	}
	
	a[data-toggle="collapse"] {
		position: relative;
	}
	
	.dropdown-toggle::after {
		display: block;
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
	}
	
	ul ul a {
		font-size: 0.9em !important;
		padding-left: 30px !important;
		background: #6d7fcc;
	}
	
	ul.CTAs {
		padding: 20px;
	}
	
	ul.CTAs a {
		text-align: center;
		font-size: 0.9em !important;
		display: block;
		border-radius: 5px;
		margin-bottom: 5px;
	}
	
	a.download {
		background: #fff;
		color: #7386D5;
	}
	
	a.article,
	a.article:hover {
		background: #6d7fcc !important;
		color: #fff !important;
	}
	#sidebar li a i {
		color:#71A5D8;
		width: 40px;
		font-size: 20px;
	}
	.logo-sidenav {
		float: right;
		margin: 15px 10px 0 0;
	}