@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-horizontal .form-floating {
    margin-bottom: 0.9rem;
}

.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: 28px;
	right: 15px;
}

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

.form-floating.has-password-toggle .toggle-password {
	position: absolute;
	top: 28px;
	right: 15px;
	cursor: pointer;
}

.form-floating.has-icon.has-password-toggle .toggle-password {
	right: 45px;
}

.password_validation_box i {
	position: static !important;
}

.password_validation_box .invalid .text-success {
	display: none;
}

.password_validation_box .valid .text-danger {
	display: none;
}

.validation_feedback_icon {
	position: absolute;
	top: 28px;
	right: 45px;
	cursor: pointer;
}

.form-floating.has-icon.has-password-toggle .validation_feedback_icon {
	right: 75px;
}

.form-floating.has-icon .help-text {
	right: -35px;
	cursor: help;
}

.invalid .validation_feedback_icon.text-success {
	display: none;
}

.valid .validation_feedback_icon.text-danger {
	display: none;
}

.form-control.disabled {
    background-color: var(--bs-secondary-bg);
}

.form-floating>.disabled~label::after, .form-floating>.form-control.disabled~label::after {
    background-color: var(--bs-secondary-bg);
}