/* Safe responsive guardrails shared by all pages */
html,
body {
  max-width: 100%;
  overflow-x: clip;
}

img,
svg,
video,
canvas,
iframe {
  height: auto;
  max-width: 100%;
}

.page-content input,
.page-content select,
.page-content textarea,
.page-content button {
  max-width: 100%;
}

.page-content pre,
.page-content code {
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

.page-content .table-responsive,
.page-content .dataTables_wrapper,
.page-content .table-wrap,
.page-content [class*="table-wrap"],
.page-content [class*="table-container"] {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 991.98px) {
  /* Nicepage blocks used in older templates */
  .page-content .u-sheet,
  .page-content .u-layout-wrap,
  .page-content .u-repeater,
  .page-content .u-group,
  .page-content .u-container-layout {
    max-width: 100% !important;
  }
}

@media (max-width: 768px) {
  .page-content .dataTables_wrapper table {
    min-width: 620px;
  }
}

@media (max-width: 480px) {
  .page-content .dataTables_wrapper table {
    min-width: 560px;
  }
}