.data-table-toolbar {
  min-height: 0;
}

.data-table-toolbar .data-table-search {
  min-width: 0;
}

.data-table-toolbar .form-control,
.data-table-toolbar .input-group-text {
  font-size: .8125rem;
}

.data-table-toolbar .data-table-search .form-control[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.data-table-search [data-search-clear] {
  z-index: 5;
}

.data-table-search .form-control:placeholder-shown ~ [data-search-clear] {
  display: none;
}

.data-table-filter-buttons .btn-group,
.data-table-filter-menu {
  gap: .0625rem;
  padding: .125rem;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}

.data-table-filter-buttons .btn-group > .btn,
.data-table-filter-menu > .btn {
  min-height: 1.875rem;
  padding: .25rem .625rem;
  color: var(--bs-secondary-color);
  font-size: .6875rem;
  font-weight: 600;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-border-radius-sm) !important;
  box-shadow: none;
}

.data-table-filter-buttons .btn-group > .btn + .btn {
  margin-left: 0;
}

.data-table-filter-buttons .btn-group > .btn:hover:not(:disabled):not(.active) {
  color: var(--bs-body-color);
  background-color: var(--bs-card-bg);
}

.data-table-filter-buttons .btn-group > .btn.active,
.data-table-filter-menu > .btn {
  color: var(--bs-primary);
  background-color: var(--bs-card-bg);
  box-shadow: 0 0 0 var(--bs-border-width) var(--bs-border-color);
}

.data-table-filter-menu > .btn:hover,
.data-table-filter-menu > .btn:focus {
  color: var(--bs-primary);
  background-color: var(--bs-card-bg);
}

.data-table-filter-buttons .btn-group > .btn:focus-visible,
.data-table-filter-menu > .btn:focus-visible {
  position: relative;
  z-index: 1;
  outline: var(--bs-focus-ring-width) solid var(--bs-focus-ring-color);
  outline-offset: 0;
}

[data-bs-theme="dark"] .data-table-filter-buttons .btn-group,
[data-bs-theme="dark"] .data-table-filter-menu {
  background-color: var(--bs-gray-900-dark);
  border-color: var(--bs-border-color);
}

[data-bs-theme="dark"] .data-table-filter-buttons .btn-group > .btn,
[data-bs-theme="dark"] .data-table-filter-menu > .btn {
  color: var(--bs-gray-400);
}

[data-bs-theme="dark"] .data-table-filter-buttons .btn-group > .btn.active,
[data-bs-theme="dark"] .data-table-filter-menu > .btn,
[data-bs-theme="dark"] .data-table-filter-menu > .btn:hover,
[data-bs-theme="dark"] .data-table-filter-menu > .btn:focus {
  color: var(--bs-white);
  background-color: var(--bs-primary);
  box-shadow: none;
}

@media (max-width: 767.98px) {
  .data-table-card {
    margin-right: calc(var(--bs-gutter-x, 1.5rem) * -.5);
    margin-left: calc(var(--bs-gutter-x, 1.5rem) * -.5);
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }
}