scinote-web/app/assets/stylesheets/extend/datatable.scss

// scss-lint:disable SelectorDepth QualifyingElement NestingDepth
// Data table

.table.dataTable {
  table-layout: initial;
  text-overflow: initial;
  width: 100%;
  word-break: initial;

  thead {
    background-color: $color-concrete;

    tr {
      th {
        border-bottom-width: 0;
        border-left: 2px solid $color-white;
        font-weight: bold;

        &::after {
          color: $color-silver-chalice;
          font-weight: normal;
          opacity: 1;
        }

        &:first-child {
          border-left: 0;
        }
      }

      th,
      td {
        padding: 8px;
      }
    }
  }

  tbody {
    tr {
      &.selected,
      .selected {
        background-color: $color-alto;
      }
    }
  }

  .sorting_desc,
  .sorting_asc {
    background-color: $color-alto;

    &::after {
      color: $color-volcano;
    }
  }
}