.wrapper .media {  display: flex;  align-items: flex-start;}.wrapper .media{    display:-webkit-box;    display:-ms-flexbox;    display:flex;    -webkit-box-align:start;    -ms-flex-align:start;    align-items:flex-start}.wrapper .media-body{    -webkit-box-flex:1;    -ms-flex:1;    flex:1}.img-circle {	border-radius: 100%;}.nav-sidebar a, .nav-sidebar a:focus, .nav-sidebar a:hover {	color: inherit;	text-decoration: none;	-webkit-transition: all 0.3s;	-o-transition: all 0.3s;	transition: all 0.3s;}.nav-sidebar a::before {	font-family: "themify";}.line {	width: 100%;	height: 1px;	border-bottom: 1px dashed #ddd;	margin: 40px 0;}.theme-color {	background: #fff !important;}.navbar {	padding: 0;}.navbar .menu-toggle-button a {	padding: 1.1rem 1rem;	color: #FFF;}.navbar .menu-toggle-button a:hover {	background: rgba(0, 0, 0, 0.1);}.wrapper {	display: -webkit-box;	display: -ms-flexbox;	display: flex;	-webkit-box-align: stretch;	-ms-flex-align: stretch;	align-items: stretch;}#sidebar {	min-width: 240px;	max-width: 240px;	-webkit-box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08);	box-shadow: 0 16px 26px 0 rgba(119, 119, 119,0.1), 0 3px 6px 0 rgba(119, 119, 119,0.1);	color: #fff;	-webkit-transition: all 0.3s;	-o-transition: all 0.3s;	transition: all 0.3s;	z-index: 10;	background-image: linear-gradient(to left,#9853af,#623AA2);	position:relative;	background-size:cover;	background-position:fixed;}#sidebar:before{	content:'';	background:#25202d;	position:absolute;	width:100%;	height:100%;	display:block;	}#sidebar .sidebar-header {	padding: 10px;	background: #0061da;	text-align: center;}#sidebar .sidebar-header p {	color: #FFF;}#sidebar ul.components {	padding: 20px 0;}#sidebar ul p {	color: #fff;	padding: 10px;}#sidebar ul li a {	padding: 10px;	display: block;	padding: 10px 35px 10px 20px;	color:#e7ddf5;}#sidebar ul.collapse li a:hover{	color:#ad5df3;}#sidebar ul.collapse.show li.active>a:hover{	color:#fff;}#sidebar ul li ul li{	border-bottom:0;}#sidebar li ul {    background: rgb(255,255,255,0.04);}#sidebar li ul li:before {	}#sidebar ul li.active>a {	color: #ad5df3;	font-weight: 500;	font-size:15px;	background:transparent;}#sidebar ul li a{	font-size:15px;	font-weight:300;}#sidebar a[data-toggle="collapse"] {	position: relative;}#sidebar li a[aria-expanded="false"]::before, #sidebar li a[aria-expanded="true"]::before {	content: '\f054';	display: block;	position: absolute;	right: 20px;	top: 15px;	font-size: 0.6em;	font-family: fontawesome;}#sidebar li a[aria-expanded="true"]::before {	content: '\f107';	font-size: 1em;	top: 10px;}#sidebar ul ul a {	font-size: 0.9em !important;    padding: 8px 10px 8px 55px !important;}#sidebar.active {	margin-left: -240px;}#content {	min-height: 100vh;	-webkit-transition: all 0.3s;	-o-transition: all 0.3s;	transition: all 0.3s;}@media (max-width: 768px) {	#sidebar {		margin-left: -240px;		box-shadow: none;	}	#sidebar.active {		margin-left: 0;	}	.nav-sidebar {		position: absolute !important;		z-index: 1;	}}@media (max-width: 414px) {	.menu-toggle-button {		margin-top:8px !important;	}}.menu-toggle-button {	margin-top:12px;	font-size: 20px;	color:#fff;}ul {	margin-top: 0;	margin-bottom: 10px;}.user-profile {	padding: 0 0 15px;	position: relative;	text-align: center;	border-bottom:1px solid rgba(255,255,255,0.09);}.user-profile .user-pro-body {	display: block;}.user-profile .user-pro-body img {	width: 50px;	display: block;	margin: 0 auto 10px;	border:2px solid #fff;}.user-profile .user-pro-body span.text-gray{	color:#ad5df3 !important;}.user-profile .user-pro-body .u-dropdown {	color: #97999f;}.user-profile .user-pro-body .dropdown-menu {	right: 0;	width: 80%;	left: 0;	margin: 0 auto;	-webkit-transform: none !important;	-ms-transform: none !important;	transform: none !important;	top: 85px !important;}.user-profile .user-pro-body .dropdown-menu li a {	padding-left: 5px !important;	padding-right: 10px !important;	padding-top: 10px !important;	padding: 10px !important;}.navbar-top-links .profile-pic {	color: #FFF;	text-decoration: none;	padding: 0 12px;}.navbar-top-links .dropdown-menu li {	display: block;}.navbar-top-links .dropdown-menu li:last-child {	margin-right: 0;}.navbar-top-links .dropdown-menu li a {	display: block;	padding: 9px 20px;	clear: both;	font-weight: 400;	line-height: 1.42857143;	color: #333;	white-space: nowrap;}.navbar-top-links .dropdown-menu li a:hover {	background: #f7fafc;	text-decoration: none;}.navbar-top-links .dropdown-user {	right: 0;	left: auto;	position: absolute;	width: 280px;	margin-top: 10px;}.navbar-top-links .dw-user-box {	padding: 15px;}.navbar-top-links .dw-user-box .u-img {	width: 70px;	display: inline-block;	vertical-align: top;}.navbar-top-links .dw-user-box .u-img img {	width: 100%;	border-radius: 5px;}.navbar-top-links .dw-user-box .u-text {	display: inline-block;	padding-left: 10px;}.navbar-top-links .dw-user-box .u-text h4 {	margin: 0;}.navbar-top-links .dw-user-box .u-text p {	margin-bottom: 3px;}.navbar-top-links .dw-user-box .u-text .btn-danger {	background: #f33155;	opacity: .8;	border-radius: 60px;	border: 1px solid #f33155;	padding: 5px 10px;	font-size: 12px;	line-height: 1.5;	color: #FFF;}.card-login {	max-width: 25rem;}.content-area {    width: 100%;    padding: 0 30px;    padding-bottom: 10px;	overflow:hidden;	position: relative;}.content-area .panel {}.top-inner-navbar {	min-height: 57px;}.text-decoration-none:hover {	text-decoration: none;}