.wrapper {
	 display: flex;
	 width: 100%;
	 align-items: stretch;
}
 .wrapper #sidebar {
	 min-width: 250px;
	 max-width: 250px;
	 background: #f7f7f7;
	 transition: all 0.3s;
	 display: block;
	 box-shadow: inset 7px 0 9px -7px rgba(0,0,0,0.4);
}
 .wrapper #sidebar .card .close {
	 font-size: 1rem !important;
}
 .wrapper #sidebar p {
	 color: #555 !important;
}
 .wrapper #sidebar h2 {
	 font-size: 12px;
	 color: #555;
	 font-weight: bold;
	 margin-bottom: 0;
}
 .wrapper #sidebar small {
	 color: #2bc7cb;
	 font-size: 10px;
}
 .wrapper #sidebar .close {
	 float: right;
	 font-size: 1.5rem;
	 font-weight: 700;
	 line-height: 1;
	 position: absolute;
	 color: #555;
	 text-shadow: 0 1px 0 #fff;
	 opacity: .5;
	 right: 5px;
	 cursor: pointer;
	 z-index: 100;
}
 .wrapper #sidebar .close:hover {
	 color: #000;
}
 .wrapper #sidebar .more {
	 font-size: 11px;
	 margin-top: 5px;
	 font-weight: bold;
	 text-transform: uppercase;
}
 .wrapper #sidebar .more a {
	 color: #2bc7cb;
}
 .wrapper #sidebar .notification-title {
	 padding-top: 0;
}
 .wrapper #sidebar.active {
	 margin-left: 0;
	 min-width: 0px !important;
	 max-width: 0px !important;
	 overflow: hidden;
	 display: none;
}
 .wrapper #sidebar .sidebar-header {
	 padding: 20px;
}
 .wrapper #sidebar ul.components {
	 padding: 20px 0;
	 border-bottom: 1px solid #ddd;
}
 .wrapper #sidebar ul.components:last-child {
	 border-bottom: none;
}
 .wrapper #sidebar ul p {
	 color: #fff;
	 padding: 10px;
}
 .wrapper #sidebar ul li {
	 transition: all 0.3s;
	 display: block;
}
 .wrapper #sidebar ul li p {
	 font-size: 11px;
	 padding: 0;
}
 .wrapper #sidebar ul li a {
	 padding: 10px;
	 font-size: 1.1em;
	 display: block;
}
 .wrapper #sidebar ul li:hover {
	 background: #fff !important;
}
 .wrapper #sidebar a[data-toggle="collapse"] {
	 position: relative;
}
 .wrapper #sidebar .dropdown-toggle::after {
	 display: block;
	 position: absolute;
	 top: 50%;
	 right: 20px;
	 transform: translateY(-50%);
}
 .wrapper #sidebar ul ul a {
	 font-size: 0.9em !important;
	 padding-left: 30px !important;
	 background: #6d7fcc;
}
 .wrapper #sidebar ul.CTAs {
	 padding: 20px;
}
 .wrapper #sidebar ul.CTAs a {
	 text-align: center;
	 font-size: 0.9em !important;
	 display: block;
	 border-radius: 5px;
	 margin-bottom: 5px;
}
 .wrapper #sidebar a.download {
	 background: #fff;
	 color: #7386D5;
}
 .wrapper #sidebar a.article, .wrapper #sidebar a.article:hover {
	 background: #6d7fcc !important;
	 color: #fff !important;
}
 #content {
	 width: 100%;
	 min-height: 100vh;
	 transition: all 0.3s;
}
 .message-thubnail {
	 height: 40px;
	 width: 40px;
	 border-radius: 20px;
	 margin-right: 5px;
	 margin-top: 5px;
}
 @media (max-width: 768px) {
	 #sidebar {
		 margin-left: 0;
	}
	 #sidebar.active {
		 margin-left: 0;
	}
	 #sidebarCollapse span {
		 display: none;
	}
}