.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-exclamation-triangle-fill' viewBox='0 0 16 16'%3e%3cpath d='M.46 14.618a1 1 0 0 0 1.05.177l7-3.5a1 1 0 0 0 .5-.866V2.571a1 1 0 0 0-.5-.866l-7-3.5a1 1 0 0 0-1.05.176 1 1 0 0 0-.45.89v14a1 1 0 0 0 .45.891zM8 12.905 2.238 9.276 8 5.647l5.762 3.63L8 12.905z'/%3e%3cpath d='M8 10a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm.12-8.662.001-.007a1 1 0 0 1 1.758 0l.001.007.56 1.87a2 2 0 0 1-1.183 2.456l-.074.027a1 1 0 0 1-1.177-.455L8 4.485 7.014 5.244a1 1 0 0 1-1.178.455l-.074-.027a2 2 0 0 1-1.183-2.456l.56-1.87.001-.007a1 1 0 0 1 1.758 0l.001.007L8.12 1.338z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.form-control {
  border: 2px solid #7f7f7f;
}