/* The navigation in the header and this in the sidebar use the same class */
.menu-secondary {
	background: #fff;
	color: #181f38;
	position: absolute; 
	top: 50px; 
	right: -100%; 
	height: 100vh; 
	z-index: 4; 
	transition: .3s;
	overflow-y: auto;
	width: 310px; 
	padding-bottom: 100px; 
	font-family: 'Roboto Condensed', sans-serif; 
	-webkit-overflow-scrolling: touch;
}

.menu-secondary::-webkit-scrollbar {
   display: none;
 }

.menu-secondary.menu-shown {
	position: fixed; 
	right: -1px; 
}

.menu-secondary ul {
	list-style: none; 
	margin: 0; 
	padding: 0; 
	font-family: 'Roboto Condensed', sans-serif; 
	display: block; 
}

.menu-secondary li {
	padding: 5px; 
	background: #f7f7f7;
	margin-bottom: 5px; 
	transition: .2s;
}


.menu-secondary li em,
.menu-secondary li a {
	display: flex;
	justify-content: space-between; 
	padding: 15px 5px 15px 6%; 
	color: inherit; 
	/*text-transform: capitalize; */
	text-decoration: none; 
	line-height: 24px; 
	font-size: 16px; 
	font-style: normal; 
}

.menu-secondary li li em,
.menu-secondary li li a {
	padding-left: 10%; 
}

.menu-secondary .menu-title {
	display: none; 
}

.menu-secondary .num {
	margin-top: -5px; 
}

.menu-secondary .open {
	background: #e7e7e7;
}

.menu-secondary .menu-secondary-header-mobile { 
 	position: relative; 
 	min-height: 85px; 
 	padding: 20px; 
 	line-height: 45px; 
 	text-align: left; 
}

.menu-secondary .menu-secondary-header-mobile .logo {
	display: inline-block; 
	vertical-align: middle; 
	padding: 0 26px;
	background-color: transparent; 
	border-color: transparent;
}

.menu-secondary .menu-secondary-header-mobile .logo img {
	max-width: 120px; 
}

.menu-secondary .menu-secondary-header-mobile .btn-back {
	position: absolute; 
	left: 15px; 	
	top: 20px; 
}

.menu-secondary .num {
	display: inline-block; 
	vertical-align: middle; 
	width: 29px; 
	height: 29px; 
	border-radius: 50%;
	border: 1px solid #ebebeb;
	background: #fff;
	text-align: center; 
	line-height: 27px; 
	font-weight: 700; 
	font-family: 'Roboto Condensed', sans-serif; 
	color: #2a7dfb;
}

.menu-secondary .active {
	background-color: #e7e7e7;
}

.menu-secondary .menu-item-has-children {
	position: relative; 
}

.menu-secondary .menu-item-has-children li:last-child {
	margin-bottom: 0; 
}

.menu-secondary .menu-item-has-children i {
	position: absolute; 
	right: 15px; 
	top: 21px; 
	font-size: 21px; 
	font-weight: 400; 
	transition: .3s;
	pointer-events: none;
}

.menu-secondary .menu-item-has-children.open > i {
	transform: rotate(-180deg);
}

.menu-secondary .menu-item-has-children em,
.menu-secondary .menu-item-has-children a {
	padding-right: 27px; 
}

.menu-secondary .menu-item-has-children:not(.open) ul {
	display: none; 
}

.menu-secondary .menu-item-has-children.parent-item-active {
	background: #e7e7e7;
}

.menu-secondary .dropdown-menu {
	position: static; 
}
.menu-secondary .dropdown-menu > .active > a,
.menu-secondary.dropdown-menu >.active > a:focus, 
.menu-secondary.dropdown-menu >.active > a:hover {
	background-color: transparent; 
}

.sidebar .menu-secondary ul {
	width: 100%; 
}

.menu-secondary-nav .tooltip {
    display: none!important; 
}

@media ( min-width: 1100px ) {
	.menu-secondary-nav > .menu-item-has-children:hover > ul,
	.sidebar .menu-secondary-nav .menu-item-has-children:hover > ul {
		display: block !important;
	}
}

@media ( min-width: 992px ) {

	.menu-secondary .menu-secondary-header-mobile {
		display: none; 
	}

	.menu-secondary {
		position: static; 
		width: auto; 
		padding-bottom: 0; 
		background-color: transparent; 
		color: #fff;
		border-radius: 5px;
		overflow: hidden;
		height: auto; 
		padding-bottom: 30px; 
	}

	.menu-secondary li {
		background: #292e4b;
	}

	.menu-secondary li.open {
		background: #3a4055;
	}
	
	.menu-secondary .menu-item-has-children.parent-item-active,
	.menu-secondary .active,
	.menu-secondary li:hover {
		background: #3a4055;
	}

	.menu-secondary .menu-title {
		display: block; 
		opacity: .75; 
	}

/* 	.menu-secondary .menu-item-has-children:after {
	border-color: #fff;
} */
}