@import "common-var";

.table-wrapper {
  %cell-text-style {
    text-align: center;
    height: 25px;
    line-height: 25px;
  }

  /deep/ .ai-table {
    height: 100%;
    font-size: $font-size;
    overflow-x: auto;

    .header-row th {
      background-color: $content-bg-color;
    }

    .ai-table__header-wrapper {
      .cell {
        @extend %cell-text-style
      }
    }

    .ai-table__body-wrapper {
      overflow-y: auto;
      .ai-table__body tr:hover>td {
        background-color: $table-hightlight-bg-color;
      }
      .ai-table__row {
        &.even-row {
          //background: $table-even-bg-color;
        }

        &.hightlight-row {
          background: $table-hightlight-bg-color;
        }
      }

      .cell {
        @extend %cell-text-style
      }
      .amount > .cell {
        text-align: right;
        padding-right: 12px;
      }
    }
  }
}