.ias-table {
  border-collapse: collapse;
  text-align: left;

  > thead {
    border-bottom: 1px solid $table-header-border-color;
    color: $table-header-text-color;
    font-size: $table-header-font-size;
	  
    th {
      font-weight: normal;
      padding: $body-spacing-xsmall $spacing;

      &.ias-sortable {
        cursor: pointer;

        &.ias-sorted {
          font-weight: 700;
        }
      }
    }
	  
    .ias-icon {
      font-size: inherit;
      vertical-align: middle;
    }
  }

  > tbody {
    > tr {
      vertical-align: middle;

      &:not(:last-child) {
        border-bottom: 1px solid $table-body-border-color;
      }

      &[role=button] {
        cursor: pointer;
      }

      &:focus {
        outline: none;
      }

      &:hover,
      &:focus {
        background-color: $table-row-bg-color-hover;

        input[type='checkbox'] {
          opacity: 1;
        }
      }

      .ias-actions {
        white-space: nowrap;
      }
    }
  }

  td, th {
    padding: $table-cell-padding;

    > a {
      &:not(.ias-disabled) {
        @include focus-hover-background(transparent);
      }
    }

    > a,
    > .ias-icon {
      vertical-align: middle;
    }

    > .ias-icon {
      &:first-child {
        margin-right: $table-icon-margin;
      }
    }
  }

  tr {
    height: $table-row-height;
    vertical-align: middle;
  }

  .ias-icon,
  .ias-icon-button {
    font-size: $table-icon-size;
  }
}

[dir="rtl"] {
  .ias-table {
    text-align: right;

    td, th {
      > .ias-icon {
        &:first-child {
          margin-left: $table-icon-margin;
          margin-right: 0;
        }
      }
    }
  }
}