:root {
	--main-bg: #444;
}

/*body.main-bg {
	background-color: #0F234A !important;
	min-height: 1000px;
}
*/
body {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100vh; /* Full viewport height */
	background-color: #444 !important;
}

.content-wrapper {
	text-align: center;
	min-width: 800px;
}


input:focus, button:focus {
	border: 1px solid var(--main-bg) !important;
	box-shadow: none !important;
}

.form-check-input:checked {
	background-color: var(--main-bg) !important;
	border-color: var(--main-bg) !important;
}

.card, .btn, input {
	border-radius: 0 !important;
}

#language-select-button {
	background-color: #ddd !important; /* Lighter gray */
	color: black; /* Text color */
	width: 100%; /* Double the width */
}

.test-me {
	background-color: lightblue !important; /* Bootstrap's light gray color */
	color: red;
	width: 200%; /* Double the width */
}

.required-field::after {
	content: " *";
	color: red;
}