/* jQuery validationEngine messages. Its JS controls placement and visibility. */
.formError { position: absolute; z-index: 990; display: block; cursor: pointer; text-align: left; }
.formError .formErrorContent { position: relative; z-index: 991; }
.ui-dialog .formError { z-index: 5000; }
.ui-dialog .formError .formErrorContent { z-index: 5001; }

.inputContainer { position: relative; float: left; }
.formError.inline { position: relative; top: 0; left: 0; display: inline-block; max-width: 100%; }
.ajaxSubmit {
  display: none;
  padding: 16px 19px;
  border: 1px solid #c4e1ce;
  border-left: 4px solid #3d956a;
  border-radius: 11px;
  background: #f0f8f4;
  color: #285d47;
  font: 16px/1.5 system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}
.formError .formErrorContent {
  box-sizing: border-box;
  width: 100%;
  min-width: 120px;
  max-width: min(340px, calc(100vw - 32px));
  padding: 11px 14px;
  border: 1px solid #eec9c5;
  border-left: 4px solid #b55258;
  border-radius: 9px;
  background: #fff4f3;
  color: #743c42;
  box-shadow: 0 8px 24px rgba(54, 40, 50, .12);
  font: 14px/1.45 system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  overflow-wrap: break-word;
}
.formError.inline .formErrorContent { box-shadow: none; }
.greenPopup .formErrorContent {
  border-color: #c4e1ce;
  border-left-color: #3d956a;
  background: #f0f8f4;
  color: #285d47;
}
.blackPopup .formErrorContent {
  border-color: #c8d8e5;
  border-left-color: #3e83aa;
  background: #f2f8fc;
  color: #2c5472;
}
/* The plugin creates a pixel-art arrow from ten divs; the card does not need it. */
.formError .formErrorArrow { display: none; }