html, body { 
	height: 100%; 
	font-family: 'Poppins'; 
} 

.mynav { 
	color: #000000; 
} 

.mynav li a { 
	color: #000000; 
	text-decoration: none; 
	width: 100%; 
	display: block; 
	border-radius: 5px; 
	padding: 8px 5px; 
} 

.mynav li a:hover { 
	background: rgba(255, 255, 255, 0.2); 
} 

.mynav li a i { 
	width: 25px; 
	text-align: center; 
} 

.notification-badge { 
	background-color: rgba(255, 255, 255, 0.7); 
	float: right; 
	color: #222; 
	font-size: 14px; 
	padding: 0px 8px; 
	border-radius: 2px; 
}

.nav-link.active {
	text-decoration: underline; /* Custom text decoration */
	text-underline-offset: 13px; /* Space between text and underline */
}