/* --Modify for styling --*/
.css-company-wrap {
	position: relative;
	display: inline-block;
	width: 100%;
	list-style: none;
	color: white;
	background-color: rgb(47, 47, 47);
	margin-bottom: 10px;
}
.css-company {
	position: relative;
	display: inline-block;
	text-align: center;
	padding: 10px 10px;
	font-size: 12px;
	width: 100%;
	border-bottom: 1px solid white;
	line-height: 120%
}

ul.css-menu {
	margin: 0;
	width: 100px;
	list-style: none;
	color: white;
	background-color: rgb(47, 47, 47);
	list-style-type: none;
	height: 100%;
}
ul.css-menu > li {
	width: 100%;
	text-align: center;
	position: relative;
	font-size: 12px;
}

	ul.css-menu > li > a {
		color: white;
		text-decoration: none;
		display: inline-block;
		padding: 8px 5px 10px 5px;
		line-height: 125%;
		width: 100%;
	}

.css-menu-small-icon {
	width: 30%;
	padding-bottom: 5px;
}

.css-menu-large-icon {
	width: 40%;
	padding-bottom: 5px;
	filter: grayscale(100%);
}

ul.css-menu > li:hover, .megahover {
	background-color: rgb(20, 104, 171);
}

ul.css-submenu {
	padding: 10px 5px 5px 5px;
	margin: 0;
	box-sizing: border-box;
	background-color: #f7f7f7;
	color: black;
	z-index: 999;
	box-shadow: 0px 4px 4px rgba(0,0,0,.5);
	position: absolute;
	top: 0px;
	left: 100%;
	/*	list-style-type: none; */
	display: none;
}

ul.css-submenu > li {
	list-style-type: none;
	padding: 0px 10px 8px 20px;
	text-align: left;
	font-size: 12px;
}

	ul.css-submenu > li > a {
		white-space: nowrap;
	}