.sidebar-wrapper .sidebar-header img{
	height: 4.5rem !important;
}
#auth #auth-left .auth-logo img{
	height: 6.5rem !important;
}
#auth #auth-left .auth-logo{
	margin-bottom: 2.5rem !important;
}
.icon-xl { font-size: 60px; }
.progress:has(.progress-bar[aria-valuenow="0"])
{
	display: none !important;
}
.form-check-input:disabled, .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label{
	opacity: 1 !important;
}
.pdf-content {
	font-size: 7px;
	color: black;
	max-width: 800px;
	margin: auto;
	font-size: 14px; /* more reasonable font size */
	word-break: normal;
	white-space: normal;
	text-align: center;
}
.leaflet-map {
	height: 600px;
}
.choices__list--dropdown {
	z-index: 3000 !important;
	position: absolute !important;
}

.choices__list--multiple {
	z-index: 2000 !important;
	position: absolute !important;
}
.sidebar-wrapper{
	background-color: #013769;
	color: white;
}
.sidebar-wrapper .menu .submenu .submenu-item a, .sidebar-wrapper .menu .sidebar-link{
	color: #9899ac;
}
.text-below-marker {
	min-width: 100px;
	left: -50px;
	text-align: center;
	min-height: 1.2em;
	color: white;
}
.text-black td, .text-black tr{
	border-color: black !important;
	color: black !important;
}
#map-sheet{
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.modal .choices{
	width: calc(100% - 41px) !important;
}
.sidebar-overlay{
	z-index: 1001 !important;
}
#color-legend {
	margin-top: 15px;
	text-align: center;
	font-size: 13px;
}
#color-legend div {
	display: inline-flex;
	align-items: center;
	margin: 0 10px;
}
#color-legend .legend-color-box {
	width: 15px;
	height: 15px;
	border-radius: 3px;
	margin-right: 8px;
	border: 1px solid rgba(0,0,0,0.2);
}
.extra-height .choices__inner {
	height: 120px !important;
}
.leaflet-tooltip{
	pointer-events: auto !important;
	z-index: 1999 !important;
	padding: 2px !important;
}
.leaflet-tooltip-top{
	margin-left: -0.5px !important;
	margin-top: -7px !important;
}
#pie-parent{
	width: 100%;
	min-height: 400px; 
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
}
.pie-col{
	height: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.pie-col-extra{
	height: 500px !important;
}
.modal-content-custom {
	height: 100%;
	display: flex;
	flex-direction: column;
}
.modal-body-iframe {
	height: calc(100vh - 150px); /* Adjust height based on header/footer if present */
	width: 100%;
	border: none;
}
.rejected-span{
	cursor: pointer;
}


.notification-dropdown {
	width: 350px;
	border: none;
	box-shadow: 0 8px 30px rgba(0,0,0,0.12);
	border-radius: 0.75rem;
	background-color: #ffffff;
	transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
.dropdown-item {
	padding: 0.75rem 1.25rem;
	border-bottom: 1px solid #eee;
	transition: background-color 0.2s ease-in-out;
}
.dropdown-item:last-child {
	border-bottom: none;
}
.dropdown-item:hover {
	background-color: #f8f9fa;
}
.notification-icon {
	width: 40px;
	height: 40px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: white;
	padding-bottom: 15px;
	padding-right: 4px;
}
.notification-icon i {
	font-size: 1.2rem;
}
.notification-text p {
	margin: 0;
}
.notification-title {
	font-weight: 700;
	color: #333;
	font-size: 0.9rem;
	transition: color 0.3s ease;
}
.notification-subtitle {
	font-weight: 400;
	color: #555;
	font-size: 0.85rem; /* Adjusted for more text */
	white-space: normal;
	line-height: 1.4;
	margin-top: 4px;
	transition: color 0.3s ease;
}
.notification-time {
	font-size: 0.75rem; /* Style for the new time element */
	color: #888;
	margin-top: 6px;
	transition: color 0.3s ease;
}
.dropdown-header {
	font-weight: bold;
	padding: 0.75rem 1.25rem;
	transition: color 0.3s ease;
}

/* --- Dark Theme Styles --- */
[data-bs-theme="dark"] .nav-link,
[data-bs-theme="dark"] .dropdown-header h6 {
	color: #e0e0e0;
}
[data-bs-theme="dark"] .notification-dropdown {
	background-color: #2a2a2a;
	box-shadow: 0 8px 30px rgba(0,0,0,0.5);
}
[data-bs-theme="dark"] .dropdown-item {
	border-bottom: 1px solid #3a3a3a;
}
[data-bs-theme="dark"] .dropdown-item:hover {
	background-color: #383838;
}
[data-bs-theme="dark"] .notification-title {
	color: #f5f5f5;
}
[data-bs-theme="dark"] .notification-subtitle {
	color: #b0b0b0;
}
[data-bs-theme="dark"] .notification-time {
	color: #898989;
}
[data-bs-theme="dark"] .text-center a {
	color: #a0c3ff;
}