.class-hr{
	border: 1px solid silver;
}

#menu-list{
	font-family: verdana, geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: white;
	//background: red;
	padding: 20px;
	padding-bottom: 0;
	margin: -15px;
	z-index: 99999;
	
	hr{
		width: 100%;
	}
	
	a{
		color: white;
		text-decoration: none;
	}
}

#menu-list ul{
	list-style: none;
	display: flex;
	flex-direction: rows;
	background: linear-gradient(180deg, #171717, #101010);
	border-top: 1px solid #2c2c2c;
	border-bottom: 1px solid #2c2c2c;
	z-index: 99999;
}

#menu-list li{
	padding: 5px;
	padding-right: 20px;
	//min-width: 115px;
	cursor: pointer;
	z-index: 99999;
}

#menu-list li:hover{
	background: #3A3B3C;
}

#menu-list ul li ul{
	margin-top: 5px;
	display: none;
	list-style: none;
	background: #242526;
	padding-left: 0;
	margin-left: -5px;
	background: linear-gradient(180deg, #171717, #101010);
	border-top: 1px solid #2c2c2c;
	border-bottom: 1px solid #2c2c2c;
	border-left: 1px solid #2c2c2c;
	border-right: 1px solid #2c2c2c;
	z-index: 99999;
}

#menu-list ul li:hover ul{
	position: absolute;
	display: flex;
	flex-direction: column;
}

#menu-list ul li:hover ul li ul{
	display: none;
}

#menu-list ul li ul li:hover ul{
	left: 135px;
	display: block;
	margin-top: -22px;
}

#menu-list ul li ul li:hover ul li ul{
	display: none;
}

#menu-list ul li ul li ul li:hover ul{
	display: block;
}