.form-group.field-invalid,
.form-field.field-invalid,
.category-typeahead.field-invalid,
.category-taxonomy-stable.field-invalid,
.media-upload-box.field-invalid,
.ticket-page-compose.field-invalid {
  position: relative;
}

.form-group.field-invalid input,
.form-group.field-invalid textarea,
.form-group.field-invalid select,
.form-field.field-invalid input,
.form-field.field-invalid textarea,
.form-field.field-invalid select,
.category-typeahead.field-invalid .form-control,
.category-taxonomy-stable.field-invalid .form-control,
.media-upload-box.field-invalid {
  border-color: #dc3545 !important;
  box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.12) !important;
}

.field-warning {
  width: 100%;
  margin-top: 7px;
  padding: 8px 10px;
  border: 1px solid rgba(220, 53, 69, 0.28);
  border-radius: 9px;
  background: rgba(220, 53, 69, 0.08);
  color: #b4232f;
  display: flex;
  align-items: flex-start;
  gap: 7px;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.75;
  text-align: right;
}

.field-warning i {
  flex: 0 0 auto;
  margin-top: 4px;
}

html[data-theme="dark"] .field-warning,
body.dark .field-warning {
  border-color: rgba(255, 104, 117, 0.42);
  background: rgba(164, 28, 43, 0.24);
  color: #ffadb5;
}