html[data-bs-theme="dark"] {
	--body-background-color: #455A64;

	body {
		background-color: var(--body-background-color);
	}

	.nav-masthead .nav-element,
	.nav-masthead .nav-element > *:not(.dropdown-menu):not(span) {
		color: rgba(255, 255, 255, .5);
	}

	.nav-masthead .nav-element:hover,
	.nav-masthead .nav-element:focus {
		border-bottom-color: rgba(255, 255, 255, .25);
	}

	.nav-masthead .nav-element.active {
		color: #fff;
		border-bottom-color: #fff;
	}

	.navbar-brand {
		color: white;
	}
}

html[data-bs-theme="light"] {
	.nav-masthead .nav-element,
	.nav-masthead .nav-element > *:not(.dropdown-menu):not(span) {
		color: rgba(0, 0, 0, .5);
	}

	.nav-masthead .nav-element.active {
		color: #000;
		border-bottom-color: #000;
	}

	.nav-masthead .nav-element:hover,
	.nav-masthead .nav-element:focus {
		border-bottom-color: rgba(0, 0, 0, .25);
	}

	.navbar-brand {
		color: black;
	}
}

body {
	box-shadow: inset 0 0 1rem rgba(0, 0, 0, .2);
}

.global-menu {
	z-index: 1021; /* Because .sticky-top is 1020 */
}

.main-container {
	overflow: auto;
	height: 100%;
}

.nav-masthead-end {
	display: flex;
}

.nav-masthead .nav-element,
.nav-masthead .nav-element > *:not(.dropdown-menu):not(span) {
	font-weight: 700;
	border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-element + .nav-element {
	margin-left: 1rem;
}

.hide-element {
	opacity: 0;
	display: none;
}

.show-element {
	opacity: 1;
	display: initial;
}

.error-input {
	background-color: red;
}

#spinner-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5); /* Dark translucent background */
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}

.max-w-400 {
	max-width: 400px;
}

.very-small-text {
	font-size: 0.85rem !important;
}