@import url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@7.0.1/css/all.min.css");

/* Global */
.sidenav ul.test-sidenav li {
	font-size: 1rem;
	padding: 0.25rem;
	margin: 0.25rem 0 0 0;
}

.sidenav ul.test-sidenav li a {
	padding: 0.5rem;
}

.sidenav ul.test-sidenav li a:hover {
	border-radius: 6px;
	box-shadow: none !important;
}

.sidenav ul.test-sidenav li ul {
	
}

/* Has Children */
.sidenav ul.test-sidenav > li.has-children {
	transition: all .2s ease-in-out;
}
.sidenav ul.test-sidenav > li.has-children > a {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	align-items: center;
}
.sidenav ul.test-sidenav > li.has-children > a:after {
	content: "\f107";
    font-family: "Font Awesome 6 Free";
    font-weight: 900; /* Required for Solid icons */
	transition: all .2s ease-in-out;
}

.sidenav ul.test-sidenav li ul {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    transition:
        max-height .3s ease,
        opacity .2s ease,
        visibility .2s;
}

.sidenav ul.test-sidenav li ul li > a {
	font-size: 0.85rem;
}

.sidenav ul.test-sidenav li ul li:last-child {
	border-bottom-width: 0;
}
.sidenav ul.test-sidenav li ul li:first-child {
	border-top: 1px dotted #3B3A3A;
}

.sidenav ul.test-sidenav > li.has-children.active {
	border-radius: 6px;
	background: #E3EAF0;
	border-bottom-width: 0;
	margin-top: 0.75rem;
}

.sidenav ul.test-sidenav li.has-children.active > ul {
    max-height: 1000px;
    opacity: 1;
    visibility: visible;
}

.sidenav ul.test-sidenav > li.has-children.active > a:after {
	transform: rotate(180deg);
}