/* WIFAQ_TABLE_SIDE_MARGINS_V1 */

main,
.page-content,
.content-area,
.content-wrapper,
.dashboard-content,
.module-content,
section {
  box-sizing: border-box;
}

.page-content,
.content-area,
.content-wrapper,
.dashboard-content,
.module-content {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.card,
.panel,
.section-card,
.content-card,
.table-card,
.list-card,
.filters-card,
.search-card {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.card:has(table),
.panel:has(table),
.section-card:has(table),
.content-card:has(table),
.table-card,
.list-card,
.table-wrapper,
.table-container,
.data-table-wrapper,
.responsive-table,
.table-scroll {
  padding-left: 10px !important;
  padding-right: 10px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

.table-wrapper table,
.table-container table,
.data-table-wrapper table,
.responsive-table table,
.table-scroll table,
table {
  width: 100% !important;
}

.form-section,
.filter-section,
.search-section,
.toolbar-card,
.action-card {
  padding-left: 12px !important;
  padding-right: 12px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media (min-width: 1200px) {
  .page-content,
  .content-area,
  .content-wrapper,
  .dashboard-content,
  .module-content {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .card:has(table),
  .panel:has(table),
  .section-card:has(table),
  .content-card:has(table),
  .table-card,
  .list-card,
  .table-wrapper,
  .table-container,
  .data-table-wrapper,
  .responsive-table,
  .table-scroll {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}

@media (max-width: 768px) {
  .page-content,
  .content-area,
  .content-wrapper,
  .dashboard-content,
  .module-content {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .card:has(table),
  .panel:has(table),
  .section-card:has(table),
  .content-card:has(table),
  .table-card,
  .list-card,
  .table-wrapper,
  .table-container,
  .data-table-wrapper,
  .responsive-table,
  .table-scroll {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
}