/* Override Bootstrap primary color globally
	 New primary color: #003F24 (dark green)
	 Set CSS variables so compiled Bootstrap uses the new value, and
	 provide fallbacks for components that may have baked-in styles.
*/

:root {
	--bs-primary: #003F24;
	--bs-primary-rgb: 0,95,2;
}

/* Ensure common Bootstrap utilities/components reflect new primary */
.btn-primary,
.bg-primary,
.text-bg-primary,
.badge.bg-primary,
.alert-primary,
.list-group-item-primary,
.page-link.active,
.nav-pills .nav-link.active,
.list-group-item.active,
.progress-bar.bg-primary, 
.dropdown-item.active, .dropdown-item:active {
	background-color: var(--bs-primary) !important;
	border-color: var(--bs-primary) !important;
	color: #fff !important;
}

.btn-link {
    color: var(--bs-primary);
}

.btn-primary {
	color: #fff !important;
	background-color: var(--bs-primary) !important;
	border-color: var(--bs-primary) !important;
}
.btn-outline-primary {
	color: var(--bs-primary) !important;
	border-color: var(--bs-primary) !important;
}

.btn-outline-primary.btn-check:checked+.btn, .btn-outline-primary.active, .btn-outline-primary.show, .btn-outline-primary:first-child:active, :not(.btn-check)+.btn-outline-primary:active, .btn-outline-primary:hover {
	color: #fff !important;
	background-color: var(--bs-primary) !important;
	border-color: var(--bs-primary) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover,
.form-check-input:checked {
	background-color: rgba(var(--bs-primary-rgb), .85) !important;
	border-color: rgba(var(--bs-primary-rgb), .85) !important;
}

/* Text, border and background helpers */
.text-primary { color: var(--bs-primary) !important; }
.border-primary { border-color: var(--bs-primary) !important; }
.bg-primary { color: #fff !important; }

/* Links that use primary color */
a.text-primary:hover,
.text-primary a:hover {
	color: rgba(var(--bs-primary-rgb), .85) !important;
}

/* Form focus states */
.form-control:focus,
.btn-link:focus-visible,
.form-select:focus,
.is-valid,
.was-validated .form-control:valid,
.form-check-input:focus {
	box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .25) !important;
	border-color: var(--bs-primary) !important;
}

/* Small utility for colored SVG strokes/fills that reference currentColor */
.icon-primary { color: var(--bs-primary) !important; }


.sidebar-icon {
	font-size: 1.25rem;
	width: 1.25rem;
}

iconify-icon {
	vertical-align: middle;
}