.custom-menu:hover,nav.custom-menu.expanded {
	width:250px;
	overflow-y:auto;
	overflow-x:hidden;
	}
	
	.custom-menu {
	background:#7f2fa1;
	border-right:1px solid #e5e5e5;
	position:fixed;
	top:0;
	bottom:0;
	height:100%;
	left:0;
	width:55px;
	overflow:hidden;
	-webkit-transition:width .05s linear;
	transition:width .05s linear;
	-webkit-transform:translateZ(0) scale(1,1);
	z-index:1000;
	color: #fff;
	}
	
	.custom-menu>ul {
	margin:7px 0;
	}
	
	.custom-menu li {
	position:relative;
	display:block;
	width:250px;
	/* margin-bottom: 10px; */
	}
	
	.custom-menu li>a {
	position:relative;
	display:table;
	border-collapse:collapse;
	border-spacing:0;
	color: #ffffff;
	 font-family: arial;
	font-size: 14px;
	text-decoration:none;
	-webkit-transform:translateZ(0) scale(1,1);
	-webkit-transition:all .1s linear;
	transition:all .1s linear;
	  
	}

	.custom-menu li>a:hover{
		border-left: 2px solid #fff
	}

	.custom-menu .collapse{
		padding-left: 5px;
	}
	

	a .nav-text{
		color: #fff;
	}

	
	.custom-menu .nav-text {
	position:relative;
	display:table-cell;
	vertical-align:middle;
	/* width:190px; */
	  font-family: 'Titillium Web', sans-serif;
	  display: none;
	}

	.custom-menu:hover .nav-text {
		display: block;
	}

	
	.custom-menu>ul.logout {
	position:absolute;
	left:0;
	bottom:0;
	}
	
	.no-touch .scrollable.hover {
	overflow-y:hidden;
	}
	
	.no-touch .scrollable.hover:hover {
	overflow-y:auto;
	overflow:visible;
	}
	
	a:hover,a:focus {
	text-decoration:none;
	}
	
	nav {
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none;
	}
	
	nav ul,nav li {
	outline:0;
	margin:0;
	padding:0;
	}
	
	.custom-menu li:hover>a,nav.custom-menu li.active>a,.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus,.no-touch .dashboard-page nav.dashboard-menu ul li:hover a,.dashboard-page nav.dashboard-menu ul li.active a {
	color:#fff;
	background-color:#ffffff3d;
	}
	
	.area {
	float: left;
	background: #e2e2e2;
	width: 100%;
	height: 100%;
	}


	.custom-menu .has-subnav .collapsed .arrow{
		-webkit-transform: rotate(1deg);
		-moz-transform: rotate(1deg);
		-ms-transform: rotate(1deg);
		-o-transform: rotate(1deg);
		transform: rotate(1deg);
	}


	.custom-menu .has-subnav .arrow{
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}

.custom-menu .has-subnav .show .active{
	background-color: #5a1a74;
}

.custom-menu .cust-card:hover{
	background-color: #5a1a74;
}

.cust-nav{
	margin-bottom: 0.5rem;
	margin-top: 0.5rem;
}

.collapse  .cust-nav{
	margin-bottom: 0.0rem;
}


.profile-sticky{
	position: fixed;
	bottom: 0;
	background-color: red;
}

/* new */

.mobile-menu-icon{
	display: none;
}


@media (max-width: 768px) {

	.mobile-menu-icon{
		display: block;
	}

	.custom-menu{
		transition: all 0.3s ease;
		height: 70px;
	}

	.custom-menu, .custom-menu:hover{
		width: 100%;
	}
	
	.custom-menu li{
		width: 100%;
	}

	.custom-menu .nav-text {
		display: block;
	}

	.custom-menu.active {
		height: 100%;
	}

	.custom-menu:hover{
		overflow: hidden;
	}

	.custom-menu:hover.active{
		overflow-y: auto;
		overflow-x: hidden;
	}

}