/* V3.5.18 responsive hardening */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}

body,
.app-shell,
.main-content,
.container,
.container-fluid,
.card,
.panel-card,
.soft-panel {
  min-width: 0;
}

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

pre, code, .text-break, .small, .badge, .alert, .card, .modal, td, th {
  overflow-wrap: anywhere;
}

.table-responsive {
  max-width: 100%;
}

@media (max-width: 767.98px) {
  .container-fluid, .container {
    padding-left: .75rem !important;
    padding-right: .75rem !important;
  }

  .row {
    --bs-gutter-x: .75rem;
  }

  .card-body, .card-header {
    padding: 1rem !important;
  }

  .btn-toolbar,
  .btn-group,
  .d-flex.flex-wrap,
  form .row,
  .input-group {
    max-width: 100%;
  }

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

  .table-responsive > table {
    min-width: max-content;
  }

  .accounts-page .table-responsive > table.accounts-table {
    min-width: 0 !important;
  }
}