.sort {
  color: inherit;
}
.sort.asc::after {
  content: "˄";
}
.sort.desc::after {
  content: "˅";
}

table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0 0.1rem;
  margin-top: 1.1rem;
}
table .table-a-button {
  display: contents;
  text-transform: none !important;
}
table th {
  background-color: var(--table-header-bgcolor);
  color: var(--table-header-color);
  font-weight: var(--table-header-font-weight);
  border: var(--table-border);
  height: 3rem;
  text-align: center;
}
table th a {
  text-decoration: underline;
}
table td {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 2.5rem;
  background-color: var(--table-body-bgcolor);
  color: var(--table-body-color);
  font-weight: var(--table-body-font-weight);
  border: var(--table-border);
}
table td a {
  color: var(--table-body-color);
  text-decoration: underline;
}
table td.wrap {
  white-space: normal;
}
table th,
table td {
  padding: 0 0.3em 0 0.2rem;
}
table .index-column {
  width: 3rem;
  text-align: center;
}
table .select-column {
  width: 2rem;
  text-align: center;
}
table .remove-column,
table .info-column,
table .edit-column,
table .copy-column,
table .annex-column {
  width: 3rem;
  text-align: center;
  margin: 0 !important;
  padding: 0 !important;
}
table .sykevahva-column {
  width: 6rem;
  text-align: center;
  margin: 0 !important;
  padding: 0 !important;
}

.pagination {
  display: block;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: var(--pagination-font-size);
}
.pagination .pagination a {
  display: inline-block;
  border: solid 2px var(--pagination-button-border-color);
  width: 2rem;
  min-width: 2rem;
  max-width: 2rem;
}
.pagination .pagination a:hover {
  border: solid 2px var(--pagination-button-border-color-hover);
  text-decoration: none;
}
.pagination .pagination-page-size-select a {
  margin-left: 0.333rem;
  color: var(--pagination-pagesize-link-color);
  text-decoration: underline;
}
.pagination .pagination-page-size-select a:hover {
  color: var(--pagination-pagesize-link-color-hover);
}
.pagination .pagination-page-size-select a.active {
  text-decoration: none;
  color: var(--font-color-body);
  cursor: default;
}
.pagination .pagination-total-rows {
  margin-top: 0.5rem;
  margin-bottom: 0.2rem;
}

.details-table {
  table-layout: auto;
  border: var(--table-border);
  border-collapse: collapse;
}
.details-table td {
  border: var(--table-border);
  text-overflow: unset;
  white-space: normal;
}
.details-table dd {
  white-space: pre-wrap;
}

.drag-table {
  border: var(--table-border);
  border-collapse: collapse;
}
.drag-table td {
  border: var(--table-border);
  text-overflow: unset;
  white-space: normal;
}
.drag-table .category-column {
  text-align: center;
  width: 100%;
}
.drag-table .size-column {
  text-align: center;
  width: 5em !important;
}
.drag-table .remove-column {
  width: 2rem;
  text-align: center;
  margin: 0 !important;
  padding: 0 !important;
}

.drag-error-table {
  width: unset;
}
.drag-error-table td {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 1.5rem;
  background-color: #fff;
  color: #282828;
  font-weight: normal;
  border: none;
}

form.table-search-form button :not(.info-button) {
  min-width: 10rem;
}
form.table-search-form input[type="checkbox"] {
  position: relative;
  top: 1rem;
}