@import './var';

.#{$prefix}transfer {
  color:$color-text;

  &__header {
    & h4 {
      margin-right: 10px;
    }
  }

  &__body {
    width: 100%;
    display: table;
    table-layout: fixed;
  }

  &__title {
    min-height: 30px;
    margin-bottom: 8px;
    & h4 {
      font-size: $transfer-font-size-default;
      line-height: 30px;
    }
  }

  &__cell {
    display: table-cell;
    position: relative;
    vertical-align: top;
  }

  &__content {
    height:$transfer-content-height;
    display: flex;
    flex-direction: column;

  }
  &__inner {
    border: 1px solid $transfer-color-border;
    border-radius: $transfer-border-radius;
    overflow-x: hidden;
    overflow-y: auto;
    flex:1;
  }
  &__separator {
    display: table-cell;
    width: $transfer-separator-width;
    text-align: center;
    vertical-align: middle;

    .#{$prefix}pagination{
      display: flex;
      // flex-direction:column;
      flex-wrap: wrap;
      justify-content: center;
      &__turnbtn{
        flex:0 0 26px;
        margin-left: 0;
        & + .#{$prefix}pagination__turnbtn{
          margin-top: $space-base*2;
        }
      }
    }
  }

  &__footer {

  }
  
  &__tips {
    margin-top: 5px;
    font-size: $transfer-font-size-default;
  }

  & .#{$prefix}search {
    margin-bottom: -1px;
  }
}

.#{$prefix}transfer__cell:last-of-type .#{$prefix}transfer__inner {
  // height: 380px;
}

.#{$prefix}transfer.#{$prefix}transfer--no-search{
  .#{$prefix}transfer__inner{
    height: $transfer-no-search-height;
  }
}