body{
  font: 14px sans-serif;
  text-align: center;
}

div.form-group {
	padding-top: 10px;
	padding-bottom: 10px;
}

.was-validated .is-invalid:valid {
	border-color:#dc3545;
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
}

.was-validated .is-invalid:valid:focus {
	border-color:#dc3545;
	box-shadow:0 0 0 .25rem rgba(220,53,69,.25);
}

.wrapper {
	width: 360px;
	padding: 20px;
}