body{
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
}
/* menu */
.logo{
		background-color: rgb(58,76,90);
		text-align: center;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-bottom: 40px;
}
#side-menu{

	background-color: rgb(29,38,45);
	color: rgb(147,149,152);
}
#side-menu a{

	color: rgb(147,149,152);
	text-decoration: none;
	display: block;
}
#side-menu a.active{
	color: rgb(248,181,0);
	
}
.menu-list{
	padding: 0px;
}
.menu-header{
	list-style-type: none;
	padding-left: 20px;
	line-height: 24px;
	background-color: rgb(29,38,45);
	background-color: rgb(39,52,60);
	font-size: 14px;
	font-weight: bold;
}

.menu-item{
	list-style-type: none;
	padding-left: 40px;
	line-height: 48px;
	
}

.menu-item:hover{
	background-color: rgb(58,76,90);
}
.menu-item .fa{
	margin-right: 20px;
}
.menu-handle{
	position: absolute;
	width: 18px;
	height: 100px;
	top: 30%;
	right: -14px;
	background-color: red;
	background: url(cmc_handle.png);
	background-size: 18px 100px;
}
#side-menu input{
	margin-top: 40px;
	background-color: rgb(58,76,90);
	border: none;
	line-height: 48px;
	width: 100%;
}

/* chart legend */
#legend ul{
	list-style: none;
	margin-left: 0px;
	padding: 0px;
}
#legend li{
	margin-left: 0px;
}
#legend li span{
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 2px;
	margin-right: 4px;
	margin-left: 0px;
}