/* Minimal styles to mirror the red validation look in the screenshot */
#invoice-fields .form-control.is-invalid {
  border-color: #e74c3c;
  box-shadow: none;
}

.form-group .col {
  position: relative;
}

#invoice-fields .invalid-msg::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("data:image/svg+xml;utf8,<svg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7.33268 4.66675V7.33341M7.33268 10.0001H7.33935M13.9993 7.33341C13.9993 11.0153 11.0146 14.0001 7.33268 14.0001C3.65078 14.0001 0.666016 11.0153 0.666016 7.33341C0.666016 3.65152 3.65078 0.666748 7.33268 0.666748C11.0146 0.666748 13.9993 3.65152 13.9993 7.33341Z' stroke='%23F04438' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center;
  background-size: contain;
  margin-left: 5px;
  vertical-align: middle;
  right: 15px;
  top: 15px;
  position: absolute;
}

#invoice-fields .has-error > label,
#invoice-fields .invalid-msg {
  color: #e74c3c;
}

#invoice-fields .invalid-msg {
  margin-top: 6px;
  font-size: 0.95rem;
  line-height: 1.2;
}