.sidebar-nav {
	background: #fff
}

.sidebar-nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	/*background: #f5f5f5*/
	/*background: #33CBFF*/
	background: #33cbff78
}

.sidebar-nav .metismenu {
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.sidebar-nav .metismenu li+li {
	margin-top: 5px
}

.sidebar-nav .metismenu li:first-child {
	margin-top: 5px
}

.sidebar-nav .metismenu li:last-child {
	margin-bottom: 5px
}

.sidebar-nav .metismenu>li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative
}

.sidebar-nav .metismenu a {
	position: relative;
	display: block;
	padding: 13px 15px;
	color: #444;
	outline-width: 0;
	transition: all .3s ease-out;
	font-size: 16px
}

.sidebar-nav .metismenu ul a {
	padding: 10px 15px 10px 30px
}

.sidebar-nav .metismenu ul ul a {
	padding: 10px 15px 10px 45px
}

.sidebar-nav .metismenu a:hover,
.sidebar-nav .metismenu a:focus,
.sidebar-nav .metismenu a:active {
	/*color: red;*/
	/*text-decoration: none;*/
	background-color: #153d71;
}

.sidebar-nav .metismenu li .icon-wrap {
	margin-right: 10px;
	font-size: 20px
}

.sidebar-nav .metismenu li .sub-icon-mg {
	margin-right: 5px;
	font-size: 16px
}

#sidebar.active .metismenu li .mini-click-non {
	display: none
}

#sidebar.active .metismenu li .has-arrow:after {
	display: none
}

#sidebar.active .metismenu li .submenu-angle li a {
	padding: 10px
}

#sidebar.active .metismenu li .submenu-angle li .mini-sub-pro {
	display: none
}