/* ------------------------------
  Navbar
---------------------------------*/
.navbar-top {
	background: #fff;
	width: 100%;
	height: 65px;
	padding: 12px 18px;
	border-bottom: 2px solid #fff;
	top: 0;
	right: 0;
	left: 0;
	text-align: center;
	position: fixed;
	z-index: 99;
	--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

/* ------------------------------
  Sidenav
---------------------------------*/
.side-nav a {
	font-size: 14px;
	height: 45px;
}

.side-nav li.active {
	background: #fbfbfb;
}

.side-nav-panel-left {
	float: left;
	font-size: 25px;
	color: #fff;
}

.side-nav-panel-left i {
	color: #eee;
}

.side-nav-panel-right {
	float: right;
	font-size: 25px;
	color: #eee;
}

.side-nav-panel-right i {
	color: #000;
}

.side-nav-panel .profil {
	/*background: linear-gradient( rgba(11, 10, 6, 0.58), rgba(11, 10, 6, 0.58)), url(../images/image-profil.jpg) center no-repeat;*/
	background-size: cover;
	padding: 50px 0px 30px 18px;
	border-top: 0;
}


.side-nav-panel li a {
	color: #616161;
	/*font-weight: 600;*/
	--tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem* calc(-2.5 - var(--tw-space-y-reverse))); 
    margin-bottom: calc(1rem* var(--tw-space-y-reverse));
}

.side-nav-panel li {
	font-weight: 700;
	/*border-bottom: 1px solid #f3f3f3;*/
	/*border-top: 1px solid #fefefe;*/
	padding: 1.75rem;
}

.side-nav-panel li a i {
	margin: 0 8px 0 0;
	font-size: 18px;
	color: #333333;
	line-height: 45px;
}