.compact-project-form label.regab-field-invalid,
.compact-project-form .field.regab-field-invalid,
.compact-project-form .customer-picker .suggest-field.regab-field-invalid {
  position: relative;
}

.compact-project-form label.regab-field-invalid > input,
.compact-project-form label.regab-field-invalid > select,
.compact-project-form label.regab-field-invalid > textarea,
.compact-project-form .field.regab-field-invalid > input,
.compact-project-form .field.regab-field-invalid > select,
.compact-project-form .field.regab-field-invalid > textarea,
.compact-project-form .combo-input.regab-field-invalid {
  border-color: #d84a54 !important;
  box-shadow: 0 0 0 3px rgba(216, 74, 84, 0.16) !important;
}

.compact-project-form .combo-input.regab-field-invalid:focus-within {
  border-color: #d84a54 !important;
  box-shadow: 0 0 0 3px rgba(216, 74, 84, 0.2) !important;
}

.compact-project-form .regab-field-invalid-hint {
  display: block;
  margin-top: 6px;
  color: #b53a43;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}

body.theme-dark .compact-project-form label.regab-field-invalid > input,
body.theme-dark .compact-project-form label.regab-field-invalid > select,
body.theme-dark .compact-project-form label.regab-field-invalid > textarea,
body.theme-dark .compact-project-form .field.regab-field-invalid > input,
body.theme-dark .compact-project-form .field.regab-field-invalid > select,
body.theme-dark .compact-project-form .field.regab-field-invalid > textarea,
body.theme-dark .compact-project-form .combo-input.regab-field-invalid,
html.theme-dark .compact-project-form label.regab-field-invalid > input,
html.theme-dark .compact-project-form label.regab-field-invalid > select,
html.theme-dark .compact-project-form label.regab-field-invalid > textarea,
html.theme-dark .compact-project-form .field.regab-field-invalid > input,
html.theme-dark .compact-project-form .field.regab-field-invalid > select,
html.theme-dark .compact-project-form .field.regab-field-invalid > textarea,
html.theme-dark .compact-project-form .combo-input.regab-field-invalid {
  border-color: #ff7b84 !important;
  box-shadow: 0 0 0 3px rgba(255, 123, 132, 0.18) !important;
}

body.theme-dark .compact-project-form .regab-field-invalid-hint,
html.theme-dark .compact-project-form .regab-field-invalid-hint {
  color: #ff9aa1;
}