.page-menu {
	background-color: var(--green);
}
.page-menu.closed {
	width: auto;
}
.page-menu.closed a:not(.toggle_menu) > i,
.page-menu.closed a > span:not(.icon) {
	display: none;
}

.page-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.page-menu a {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	text-decoration: none;
	display: flex;
	line-height: 24px;
}

.page-menu.closed a > span.icon {
	width: auto;
	margin-right: 0;
}

.logout:hover * {
	color: #58A618;
}

.page-menu li.active  {
	background-color: var(--color2, #58A618);
    mix-blend-mode: screen;
}
.page-menu .active a {
	font-weight: 500;
}

.page-menu.closed ul > li > ul {
	display: none;
}
.page-menu.closed .menu-level .icon {
	position: static;
}
.page-menu.closed .menu-level-0 {
	padding-left: 8px !important;
}

.page-menu .menu-level {
	position: relative;
	align-items: center;
} 
.page-menu .menu-level-0 {
	padding-left: 38px;
}
.page-menu .menu-level-1 {
	padding-left: 53px;
}
.page-menu .menu-level-2 {
	padding-left: 68px;
}
.page-menu .menu-level-3 {
	padding-left: 83px;
}

.page-menu .menu-level .icon {
	position: absolute;
	display: block;
	left: 8px;
	font-size: 20px;
	top: 8px;
}

.header-icons .toggle_menu {
	font-size: 30px;
}

@media (max-width: 991px){
	header .logo img {
		max-width: 155px;
	}

	.page-menu {
		max-width: 320px;
		transition: left 0.3s ease-in-out;
		position: fixed;
		left: -1000px;
		top: 0;
		z-index: 10000;
		height: 100vh;
		overflow: auto;
		width: 100%;
	}

	.page-menu.slide-in {
		left: 0;
	}
}