@CHARSET "UTF-8";

.menu ul {
	margin: 0;
	padding: 0;
	z-index: 999;
	list-style: outside none none;
	border-bottom: 1px solid #fff;
}

.leftmenu .menu ul { display: table; }
.leftmenu .menu ul ul { display: none; }

.menu ul a {
	color: #666;
	text-decoration: none;
}

.menu ul li:hover,
.menu ul li.active { border-bottom: 1px solid #eb816b; }
.menu > ul li ul li { border-bottom: 0px !important; }
.menu ul li a:hover { color: #eb816b; }

.leftmenu .menu ul li:hover,
.leftmenu .menu ul li.active { border-bottom: 0px !important; }


.menu li a {
	color: #666;
    float: none;
	padding: 5px;
	display: table;
    text-decoration: none;
}

.menu li {
	float: left;
	display: inline-block;
	position: relative;
	margin-right: 10px;
	list-style: none;
	min-width: 10px;
}

#topmenu .menu li { height: 30px; }

.menu ul > li {
	/* background: #6f6f6f; */
}

.menu ul > li > ul >li,
.menu ul > li > ul >li > ul > li
{
	/* background: #ccc !important; */
	width: 150px;
}
.menu ul ul {
	position: absolute;
	left: 0;
	top: 100%;
	background: #ccc;
	display: none;
}
	
.menu ul ul ul {
	left: 100%;
	top: 0;
	background: #999;
}

.leftmenu .menu ul li { background: #D5E7E7; width: 235px; min-height: 25px; border-top: 2px solid white; padding: 0; }
.leftmenu .menu ul li a { margin-left: 10px; color: #666; line-height: 20px; }
.leftmenu .menu li.active > ul, .leftmenu .menu li.active > ul li { display: table; background: none; }
.leftmenu .menu li.active > ul li a:before { content: ' - '; }
.leftmenu .menu ul ul { position: relative !important; }

.menu ul li.active a,
.leftmenu li.active a,
.leftmenu li a:hover { color: #eb816b !important; }
.menu ul li.active li:not(.active) a { color: #666 !important; }

.menu .material-icons { vertical-align: sub; margin-right: 5px; }