/* Table Styles */

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  color: var(--dark-gray);
}

thead {
  background-color: var(--light-gray);
}

th,
td {
  padding: calc(var(--spacing-unit) / 5);
}

tr {
  &:hover {
    background-color: var(--light-gray);

    & .row-actions {
      background-color: var(--medium-gray);
    }
  }
}

.row-actions {
  text-align: right;
}

.column-actions {
  background-color: var(--light-gray);
}