/* Zlix Shared Form / Validation UX v0.9 */

.zlix-required-mark,
.zc-required-mark {
  color: #b42318 !important;
  font-weight: 800;
}

.zlix-validation-summary {
  grid-column: 1 / -1;
  margin: 0 0 14px;
  padding: 12px 14px;
  border: 1px solid rgba(180, 35, 24, .42);
  border-left-width: 4px;
  border-radius: 8px;
  background: rgba(180, 35, 24, .055);
  color: #7a271a;
}

.zlix-validation-summary strong {
  display: block;
  margin-bottom: 5px;
}

.zlix-validation-summary ul {
  margin: 0;
  padding-left: 19px;
}

.zlix-field-invalid input,
.zlix-field-invalid select,
.zlix-field-invalid textarea,
input.zlix-invalid,
select.zlix-invalid,
textarea.zlix-invalid {
  border-color: #b42318 !important;
  box-shadow: 0 0 0 2px rgba(180, 35, 24, .10) !important;
}

.zlix-field-invalid fieldset,
fieldset.zlix-field-invalid {
  border-color: rgba(180, 35, 24, .55) !important;
}

.zlix-field-error {
  margin-top: 5px;
  color: #b42318;
  font-size: .82rem;
  font-weight: 600;
  line-height: 1.35;
}

.zlix-invalid:focus {
  outline-color: #b42318;
}