/* Toast size + theme font overrides (jquery.toast) */
.jq-toast-wrap {
  width: 420px !important;
  max-width: calc(100vw - 32px) !important;
}

.jq-toast-single {
  padding: 16px 18px !important;
  margin: 0 0 10px !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  font-family: var(--font-family-base), "main-font-family", Tahoma, sans-serif !important;
  line-height: 1.7 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
}

.jq-toast-single h2,
.jq-toast-single .jq-toast-heading {
  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  margin: 0 0 8px !important;
  line-height: 1.5 !important;
  letter-spacing: normal !important;
}

.jq-toast-single a {
  font-size: 14px !important;
}

.jq-has-icon {
  padding: 16px 18px 16px 58px !important;
  background-position: 16px center !important;
  background-size: 24px 24px !important;
}

.close-jq-toast-single {
  top: 8px !important;
  right: 12px !important;
  font-size: 20px !important;
  line-height: 1 !important;
  opacity: 0.9;
}

body.rtl .jq-toast-single,
body.rtl .jq-toast-single h2,
body.rtl .jq-toast-single .jq-toast-heading {
  font-family: var(--font-family-rtl), "rtl-font-family", Vazir, Tahoma, sans-serif !important;
  direction: rtl;
  text-align: right;
}

body.rtl .jq-has-icon {
  padding: 16px 58px 16px 18px !important;
  background-position: calc(100% - 16px) center !important;
}

body.rtl .close-jq-toast-single {
  right: auto !important;
  left: 12px !important;
}