/* Request Manager: responsive fixes (scoped) */

#srfq-supplier-scope,
.srfq-container,
.srfq-dashboard,
.srfq-wrap,
.srfq-card {
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
}

/* Tables should not force page scroll */

.srfq-table, .srfq-table table, table.srfq-table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
}

.srfq-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: visible;
}

/* Prevent long text/urls from overflowing */

.srfq-card, .srfq-container, .srfq-dashboard, .srfq-wrap, .srfq-table, table.srfq-table td, table.srfq-table th {
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

/* Forms */

.srfq-form, .srfq-form form {
  width: 100%;
  max-width: 100%;
}

.srfq-form input, .srfq-form select, .srfq-form textarea, .srfq-form button {
  max-width: 100%;
}

/* Media */

.srfq-card img, .srfq-card video, .srfq-card iframe, .srfq-container img, .srfq-container video, .srfq-container iframe {
  max-width: 100%;
  height: auto;
}

/* Avoid body/page horizontal scroll impact */

.srfq-root {
  overflow-x: hidden;
}

/* Quote form scope */

#srfq-quote-scope,
#srfq-quote-scope .srfq-card,
#srfq-quote-scope .srfq-row,
#srfq-quote-scope .srfq-actions {
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
}

#srfq-quote-scope .srfq-quote-info,
#srfq-quote-scope .srfq-quote-fixed-hint {
  max-width: 100%;
  width: 100%;
}

#srfq-quote-scope .srfq-form-group,
#srfq-quote-scope .srfq-input,
#srfq-quote-scope .srfq-select,
#srfq-quote-scope .srfq-textarea {
  max-width: 100%;
  width: 100%;
}

/* Any table inside quote form */

#srfq-quote-scope .srfq-table,
#srfq-quote-scope table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
}

#srfq-quote-scope .srfq-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: visible;
}

/* Media within quote form */

#srfq-quote-scope img,
#srfq-quote-scope video,
#srfq-quote-scope iframe {
  max-width: 100%;
  height: auto;
}

/* Prevent long tokens breaking layout */

#srfq-quote-scope, 
#srfq-quote-scope * {
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}