/**
 * Larger toast notifications (jQuery toast plugin + angular-toastr + OC fallback).
 */
.jq-toast-wrap {
  width: auto !important;
  max-width: min(520px, 92vw) !important;
}

.jq-toast-single {
  font-size: 1.25rem !important;
  line-height: 1.5 !important;
  padding: 1.125rem 1.375rem !important;
  min-width: 320px !important;
  border-radius: 8px !important;
}

.jq-toast-single h2,
.jq-toast-single span,
.jq-toast-single p {
  font-size: inherit !important;
  line-height: inherit !important;
}

.jq-has-icon {
  padding: 1.125rem 3.25rem 1.125rem 1.375rem !important;
}

.rtl .jq-has-icon {
  padding: 1.125rem 1.375rem 1.125rem 3.25rem !important;
}

.close-jq-toast-single {
  font-size: 1.5rem !important;
  line-height: 1 !important;
}

#toast-container .toast {
  width: 400px !important;
  max-width: min(520px, 92vw) !important;
  padding: 1.125rem 1.25rem 1.125rem 3.5rem !important;
  font-size: 1.125rem !important;
  line-height: 1.5 !important;
}

#toast-container .toast-title {
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  margin-bottom: 0.35rem !important;
}

#toast-container .toast-message {
  font-size: 1.125rem !important;
  line-height: 1.5 !important;
}

#toast-container .toast-close-button {
  font-size: 1.5rem !important;
}

#ocToastContainer > div {
  font-size: 1.125rem !important;
  line-height: 1.5 !important;
  padding: 1rem 1.25rem !important;
  max-width: min(520px, 92vw) !important;
}