@import '../../style/func.less';

@table-transfer-prefix: ~'@{opt-prefix}table-transfer';

.@{table-transfer-prefix} {
  width   : 100%;
  height  : 100%;
  position: relative;

  &__source,
  &__center,
  &__target {
    float : left;
    height: 100%;
  }

  &__source,
  &__target {
    width     : ~'calc(50% - 30px)';
    text-align: right;
    border    : 1px solid #e8e8e8;

    .ant-pagination {
      margin: 4px 0 8px 0;
    }
  }

  &__center {
    width          : 60px;
    padding        : 48px 0 40px 0;
    display        : flex;
    flex-direction : column;
    justify-content: center;
    align-items    : center;

    button:last-child {
      margin-top: 8px;
    }
  }

  &__search {
    display        : flex;
    flex-direction : row;
    justify-content: center;
    align-items    : center;
    padding        : 4px 0;
    border-bottom  : 1px solid #e8e8e8;


    .ant-checkbox-wrapper {
      padding-left: 11px;
    }

    .ant-input-search {
      display: flex;
      flex   : 1;
      padding: 0 4px;
    }
  }

  &__table {
    max-height: ~'calc(100% - 41px - 37px)';
    overflow-y: auto;
  }
}