.dataTables_wrapper {
  overflow: hidden;
}

.table.dataTable {
  width: 100% !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before {
  border: 0;
  background: #0d6efd;
  box-shadow: none;
}

.dtr-details > li {
  display: flex;
  flex-wrap: wrap;
  gap: .25rem .75rem;
  padding: .5rem 0 !important;
}

.dtr-title {
  font-weight: 700;
}

.dtr-data {
  overflow-wrap: anywhere;
}

@media (max-width: 575.98px) {
  .dataTables_wrapper .dataTables_filter input {
    display: block;
    width: 100%;
    margin: .35rem 0 0 !important;
  }

  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: left;
  }

  .dataTables_wrapper .pagination {
    flex-wrap: wrap;
  }
}