/* Error presentation for the jQuery Validation rules in form-validation.js. */
.mk-validation-message {
  position: relative;
  z-index: 11;
  display: block;
  margin-top: 6px;
  color: #b81111;
  font-size: 14px;
  line-height: 1.6;
  text-align: left;
}

.mk-validation-error {
  display: block;
  color: inherit;
}

.mk-validation-invalid {
  outline: 1px solid #b81111;
  outline-offset: 1px;
}

.mk-validation-row-message {
  margin-left: 14.5rem;
}

@media screen and (max-width: 768px) {
  .mk-validation-row-message {
    margin-left: 0;
  }
}

.mk-error {
  max-width: 102rem;
  margin: 2rem auto;
  padding: 1.6rem;
  background: #ffe9e9;
  color: #a00;
  font-size: 1.6rem;
  line-height: 1.7;
  overflow-wrap: anywhere;
}