@use 'sass:math';

.dg-table {
  display: flex;
  flex-direction: column;
  height: 100%;

  &__title {
    font-size: 16px;
    margin-bottom: 16px;
  }

  &__actions {
    padding: 12px 0;
    border-top: 1px solid var(--border-color-secondary, #e4e7ed);

    &:first-child {
      border-top: 0;
      padding-top: 0;
    }

    display: flex;
    align-items: center;
    .el-button + .el-button {
      margin-left: 12px;
    }
  }

  &__table.el-table {
    border-top: 1px solid #ebeef5;
    flex: 1 1 auto;

    .table-row-action {
      &-tooltip__button {
        padding: 8px;
        border: 0;
        font-size: 12px;
      }

      &-group {
        margin-left: 10px;

        &-link {
          font-weight: normal;
        }
      }
    }

    &.el-table--mini {
      .table-row-action-tooltip__button {
        padding: 6px;
        font-size: 10px;
      }
    }
  }

  &__footer {
    display: flex;
    align-items: center;
    margin-top: 16px;
  }

  &__actions-bottom {
    .el-checkbox.select-all {
      margin-right: 12px;
      margin-left: math.div(48px - 14px, 2);
    }
  }

  &__pagination {
    flex: 1;
    display: flex;
    justify-content: flex-start;
  }
}
