#accountingTable_wrapper .dt-buttons {
  margin-bottom: 10px;
}

/* Ensure the table is responsive */
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  content: '-';
  background-color: #d33333;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  content: '+';
  background-color: #31b131;
  position: absolute;
  top: 50%;
  left: 5px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  line-height: 16px;
  text-align: center;
  color: white;
  border-radius: 50%;
  box-shadow: 0 0 3px #444;
}

/* Ensure the table scrolls horizontally on small screens */
@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
      text-align: center;
  }

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

  .dataTables_wrapper .dataTables_filter {
      float: none;
  }

  .dataTables_wrapper .dataTables_length {
      float: none;
  }

  .dataTables_wrapper .dataTables_paginate {
      float: none;
  }
}