@use "../theme.scss" as *;
@use "../table.scss" as *;

.table {
  & .table-tool-bar {
    background-color: $table-tool-bar-bg-color;

    & th {
      padding: 0;
    }
  }

  & .table-filter-bar {
    background-color: $table-filter-bar-bg-color;
    padding: 0;
    border-color: $table-border-color;
    border-top-width: 0;
    border-bottom-width: 1px;

    & th {
      padding: 0;
      border-style: solid;
      border-color: $table-border-color;
      border-right-width: 1px;
      border-left-width: 0;
    }

    & input {
      font-weight: normal;
      font-size: 0.95em;
      padding: 0 0.4em;
      border: 0;
      width: 100%;
      color: black;
    }
  }
}

.table .table-filter th > *,
.table .table-filter th > *:hover {
  font-weight: normal;
  line-height: normal;
}