@charset "UTF-8";

.table {
  margin-bottom: 0;
}

.table th {
  white-space: nowrap;
}

.table-fixed-legacy {
  table-layout: fixed;
}

.card:not([class*="border-"]) .table {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-bg: transparent;
  --bs-table-hover-bg: var(--app-hover-bg);
  background-color: transparent;
}

.card:not([class*="border-"]) .table > :not(caption) > * > * {
  background-color: transparent;
}

.table-clickable tbody tr,
.table-clickable tbody td {
  cursor: pointer;
}

.table-clickable tbody tr:hover td {
  background-color: var(--app-hover-bg);
}

#shinrin-list,
#base-list,
#order-list {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  width: 100%;
  background-color: transparent;
}

#shinrin-list > :not(caption) > * > *,
#base-list > :not(caption) > * > *,
#order-list > :not(caption) > * > * {
  border-bottom-color: var(--app-border-color);
  background-color: transparent;
}

#shinrin-list tbody td,
#base-list tbody td,
#order-list tbody td {
  cursor: pointer;
}

#shinrin-list tbody tr:hover > *,
#base-list tbody tr:hover > *,
#order-list tbody tr:hover > * {
  --bs-table-bg: var(--app-hover-bg);
  --bs-table-accent-bg: var(--app-hover-bg);
  --bs-table-bg-state: var(--app-hover-bg);
  background-color: var(--app-hover-bg);
}