.l-main .offcanvas-lg {
	--bs-offcanvas-width: var(--sidebar-width);
	--bs-offcanvas-bg: var(--bs-tertiary-bg);
	--bs-offcanvas-border-color: var(--bs-border-color);
}

@media (min-width: 992px) {

	.l-navbar {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;

		z-index: 1035;
	}

	.l-main {
		padding-top: 57px;
	}

	.l-main--auth {
		padding-left: var(--sidebar-width);
	}
}

.l-sidebar {
	overflow-y: auto;
}

@media (min-width: 992px) {
	.l-sidebar {
		width: var(--sidebar-width);
		transition: width .3s, left .3s;
		position: fixed;
		z-index: 600;
		top: 57px;
		bottom: 0;
		left: 0;
		background-color: var(--bs-tertiary-bg);
		box-shadow: inset -1px 0 var(--bs-border-color);
		transform: translateZ(0);
	}
}

.l-sidebar .nav {
	--bs-nav-link-padding-y: .25rem;
	--bs-nav-link-padding-x: .5rem;

	--bs-nav-link-color: var(--bs-navbar-color);
	--bs-nav-link-hover-color: var(--bs-navbar-hover-color);
	--bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
}
.l-sidebar .nav-item {
	margin-bottom: 1px;
}

.l-sidebar .nav-link {
	border-radius: var(--bs-border-radius);
}
.l-sidebar a.nav-link:hover {
	background: var(--bs-dark-bg-subtle);
}
.l-sidebar .nav-link.active {
	background: var(--bs-secondary-bg-subtle);
}

.l-sidebar > nav > ul > li > a {
	font-weight: bold;
}


.l-sidebar > nav > ul > li > ul  {
	margin-left: 1.25rem;
}
