/*FORMS*/
form.js-scd-form .invalid input,
form.js-scd-form input.invalid,
form.js-scd-form .invalid textarea,
form.js-scd-form textarea.invalid,
form.js-scd-form input[type="checkbox"].invalid + .checkbox-container .checkbox,
form.js-scd-form input[type="radio"].invalid + .radio-container .radio,
form.js-scd-form .select-virtual.invalid,
form.js-scd-form label *.invalid + .checkbox
{
	animation: shake .5s linear;
	border-color: var(--color-error) !important;
}

@keyframes shake {
	8%, 41% {
		-webkit-transform: translateX(-10px);
	}
	25%, 58% {
		-webkit-transform: translateX(10px);
	}
	75% {
		-webkit-transform: translateX(-5px);
	}
	92% {
		-webkit-transform: translateX(5px);
	}
	0%, 100% {
		-webkit-transform: translateX(0);
	}
}
/*END FORMS*/