div.dt-container div.dt-search {
  text-align: left !important;
}

div.dt-length {
  text-align: right !important;
}

.custom-table-row {
  margin-top: 20px;
}

.dt-info {
  margin-top: 20px;
}

.custom-paging-row {
  margin-top: 20px;
}

.dt-paging {
  text-align: right !important;
}

:root {
  --datatable-page-active-bg: #000000;
  --datatable-page-active-color: #ffffff;
  --datatable-page-active-border: #cecece;
}

.dt-paging .pagination .page-item.active .page-link {
  background-color: var(--datatable-page-active-bg);
  border-color: var(--datatable-page-active-border);
  color: var(--datatable-page-active-color);
}

.dt-paging .pagination .page-link:focus {
  box-shadow: 0 0 0 0.2rem
    color-mix(in srgb, var(--datatable-page-active-bg), transparent 70%);
}

#pageTotalInput,
#selectedTotalInput {
  max-width: 120px;
  min-width: 80px;
}