@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");

body {
	font-family: "Open Sans", sans-serif !important;
}

.form-control:not([type="file"]),
.form-select {
	border-radius: 0;
	border: 0;
	border-bottom: 1px solid var(--bs-border-color);
}

.form-control:not([type="file"]):focus,
.form-select:focus {
	box-shadow: 0 4px 0 -1px rgba(4, 110, 143, 0.25);
}

.form-floating {
	margin-bottom: 0.25rem;
}

.form-floating > .form-select ~ label {
	color: var(--bs-body-color);
	transform: none;
}

.form-floating > .form-select:focus ~ label,
.form-floating > .form-select option:checked ~ label {
	color: rgba(var(--bs-body-color-rgb), 0.65);
	transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

select:has(option[value=""]:not(:checked)) + label {
	color: rgba(var(--bs-body-color-rgb), 0.65);
	transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating.has-icon i {
	position: absolute;
	top: 23px;
	right: 15px;
}

label:has(input[type="checkbox"][disabled]) {
	opacity: 0.5;
	cursor: not-allowed;
}