/**
 * Restore Bootstrap / DataTables after Tailwind utility collisions.
 * Load after tailwind.css in app layouts.
 */
body.app-design-system .table,
body.admin-design-system .table,
body.starter-design-system .table {
  display: table !important;
  width: 100% !important;
  margin-bottom: 1rem !important;
  vertical-align: top !important;
  border-collapse: collapse !important;
}

body.app-design-system table.dataTable,
body.admin-design-system table.dataTable,
body.starter-design-system table.dataTable {
  width: 100% !important;
  max-width: none !important;
  border-collapse: separate !important;
}

body.app-design-system .dataTables_wrapper,
body.admin-design-system .dataTables_wrapper,
body.starter-design-system .dataTables_wrapper {
  display: block !important;
  width: 100% !important;
  clear: both !important;
}

body.app-design-system .dataTables_wrapper .row,
body.admin-design-system .dataTables_wrapper .row,
body.starter-design-system .dataTables_wrapper .row {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-right: calc(-0.5 * var(--bs-gutter-x, 1.5rem)) !important;
  margin-left: calc(-0.5 * var(--bs-gutter-x, 1.5rem)) !important;
}

body.app-design-system .main-content .container-fluid > .row,
body.admin-design-system .main-content .container-fluid > .row,
body.starter-design-system .main-content .container-fluid > .row {
  display: flex !important;
  flex-wrap: wrap !important;
}

body.app-design-system .collapse:not(.show),
body.admin-design-system .collapse:not(.show),
body.starter-design-system .collapse:not(.show) {
  display: none !important;
  visibility: visible !important;
}

body.app-design-system .collapse.show,
body.admin-design-system .collapse.show,
body.starter-design-system .collapse.show {
  visibility: visible !important;
}

html[data-nav-layout="vertical"] body.app-design-system .page,
body.app-design-system .page,
html[data-nav-layout="vertical"] body.admin-design-system .page,
body.admin-design-system .page,
html[data-nav-layout="vertical"] body.starter-design-system .page,
body.starter-design-system .page {
  justify-content: flex-start !important;
}