label {
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
}

label.form-radio {
    padding-right: 1rem;
}

.form-check-input {
    position: relative;
    margin-top: .3rem;
    margin-left: 0rem;
}

.errors {
    padding: 0;
    list-style-type: none;
}

.errors > li {
    color: red;
}

.form-group,
.form-group.required .f-box,
.form-control {
    position: relative;
}

.form-control.error {
    border-color: red;
}

.form-group.required .f-box::after {
	width: 11px;
	height: 11px;
	display: block;
	position: absolute;
	content: '';
	top: 11px;
	right: 11px;
	background-color: red;
	border-radius: 10px;
    z-index: 0;
}

.form-group.required.error .f-box::after {
	width: 11px;
	height: 11px;
	display: block;
	position: absolute;
	content: '\f00d';
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	font-size: 12px;
	top: 11px;
	right: 11px;
	color: red;
	border-radius: 10px;
	background: none;
	line-height: 12px;
    z-index: 0;
}


.was-validated .form-control:invalid {
    z-index: 1;
}

#form-container .form-group {
	max-width: 500px;
}

@media (max-width: 767px) {
	label {
		font-size: 13px;
		margin-bottom: 0;
	}

	.form-control {
		line-height: 18px;
		font-size: 16px;
		padding: 10px 10px;
		outline: none;
		max-height: none;
	}

	.form-group.required .f-box::after {
		top: 15px;
	}
	

}