.unselectable { pointer-events: none; }
.control-label { font-weight: normal; font-size: 16px; }
.form-control { color: #333; }
.form-control-feedback,
.form-text-feedback { display: none; }
.form-text-feedback { padding-top: 7px; font-size: 16px; }
.is-invalid .form-text-feedback { color: var(--color-kra_b); }
/*.is-valid .form-text-feedback { color: #198754; }*/ /* В Bootstrap 5, цвет успеха стандартизирован */
.invalid-feedback .form-control-feedback,
.invalid-feedback.is-invalid .form-text-feedback { display: block; width: 100%; }
.invalid-feedback .input-group .form-control-feedback { margin-right: -15px; }
.invalid-feedback select.form-control ~ .form-control-feedback { margin-right: 10px; }

.invalid-feedback .form-control { padding-right: 10px; }
.red { color: #f00; }

.is-invalid textarea {
    border-color: var(--color-kra_b); /* Цвет рамки при невалидной валидации */
}

.invalid-feedback .control-label {
	/*color: var(--color-kra_b);*/
	color: var(--color-primary) !important;
}


/* fix style */
#form-contacts .col-md-3 label {
	padding-top: 1px !important;
}
.form-control.is-valid, .was-validated .form-control:valid {
	border-color: var(--color-che_b_80) !important;
	background-image: unset !important;
}
.valid-feedback {
	color: unset !important;
}


@media (min-width: 768px) {
  .col-sm-nopadding-right { padding-right: 0; }
  .col-sm-nopadding-left { padding-left: 0; }
}