/* Global mobile fix for wide tables in Perfex admin */
@media (max-width: 991px) {
  .table-responsive,
  .dataTables_wrapper,
  .dataTables_wrapper .table-responsive,
  .dt-bootstrap {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
  }

  .dataTables_wrapper table,
  .table-responsive > .table {
    width: max-content !important;
    min-width: 100% !important;
  }

  .dataTables_wrapper table.dataTable,
  .dataTables_wrapper table.dataTable > thead > tr > th,
  .dataTables_wrapper table.dataTable > tbody > tr > td {
    white-space: nowrap !important;
  }
}