main/public_html/css/menu.css

/* Menu Item Wrapper */
#MENU .menu-item-wrapper{
	display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: 4em;

	flex: 0 0 1;

	font-size: .8em;

	overflow: hidden;
}

/* Menu Standard Item */
#MENU .menu-item-wrapper .menu-item{
	display: block;
		top: 0;
		left: 0;
		width: calc( 100% - 3em );
		height: calc( 100% - 1.4em );

	background: #fff url('/image/menu/dashboard.svg') center left 1em no-repeat;
	background-size: 1.2em auto;

	padding-top: 1.4em;
	padding-left: 3em;

	color: #888;
	letter-spacing: 2px;

	overflow: hidden;

	cursor: pointer;

	transition: background-color .1s ease-in-out,
				color 	         .2s ease-in-out;
}

#MENU .menu-item:hover,
#MENU .menu-item.active{
	color: #444;

	background-color: #eef2f5;
}


/****************************/

/* Minified Menu */
#WRAPPER.min #MENU{
	width: calc( 3.5em - 1px );
}


#WRAPPER.min #MENU .menu-item-wrapper .menu-item{
	background-position: center center;
	background-size: 50%;
}