input.has-error {
  border-color: var(--red-color) !important;
  border-style: solid;
  outline: none;
}
input[type=checkbox].has-error {
  outline: 2px solid var(--red-color);
}

label.has-error {
  color: var(--red-color) !important;
  display: block;
  font-size: small;
  margin: 0.2em 0 0 0;
}

input.has-success {
  border-color: var(--green-color) !important;
  border-style: solid;
  outline: none;
}
input[type=checkbox].has-success {
  outline: 2px solid var(--green-color);
}

label.has-success {
  color: var(--green-color) !important;
  display: block;
  font-size: small;
  margin: 0.2em 0 0 0;
}