/* Catalog contact dialog. Reuses .login-modal and widens it for the message field. */
.contact-modal.login-modal .login-modal__dialog {
  max-width: 560px;
}

.contact-modal textarea.form-control {
  height: auto;
  min-height: 120px;
  resize: vertical;
}

.contact-modal select.form-control {
  height: 44px;
}

.contact-modal__required {
  color: var(--main-color, #c0392b);
}

.contact-modal__success {
  margin: 0;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--border-color, #ccc);
  background: var(--light-color, #f7f7f7);
  color: var(--dark-color, #222);
}

.contact-modal__success[hidden],
.contact-modal__field-error[hidden] {
  display: none !important;
}

.contact-modal__field-error {
  margin: 0;
  font-size: 13px;
}

.contact-modal__captcha .form-group {
  margin-left: 0;
  margin-right: 0;
}

.contact-modal__captcha .control-label,
.contact-modal__captcha .col-sm-2,
.contact-modal__captcha .col-sm-10 {
  width: 100%;
  float: none;
  padding-left: 0;
  padding-right: 0;
  text-align: left;
}

.contact-modal__captcha fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.contact-modal__captcha legend {
  margin-bottom: 8px;
  border: 0;
  font-size: 14px;
  font-weight: 600;
}

.contact-modal__captcha .form-control {
  max-width: 100%;
}

body.contact-modal-open {
  overflow: hidden;
}