.protable-form {
  padding-top: 24px;
  .align-right {
    text-align: right;
  }
  .ant-form-item-label, .ant-form-item-control, .ant-form-item {
    height: 32px;
    line-height: 32px;
  }
  // transition
  .transitionDiv {
    height: 0px;
    display: none;
    overflow: hidden;
  }
  .transitionShow {
    height: auto;
    display: block;
    -webkit-transition: .3s height ease-in-out;
    transition: .3s height ease-in-out;
  }
  .collapse-transition {
    -webkit-transition: .3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;
    transition: .3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out
  }
  // .anticon.collpaseIcon {
  //   transition: transform .2s;
  //   -webkit-transition: .2s;
  //   margin-left: 10px;
  //   transform: rotate(0deg) translateY(-10%);
  //   &.isUp {
  //     transform: rotate(180deg) translateY(15%);
  //   }
  // }
  .collpaseIcon {
    transition: transform .2s;
    -webkit-transition: .2s;
    margin-left: 10px;
    transform: rotate(0deg) translateY(-10%);
    &.isUp {
      transform: rotate(180deg) translateY(15%);
    }
  }
  .actions {
    button {
      margin-right: 10px;
      &:last-child {
        margin-right: 0;
      }
    }
    .ant-btn-link {
      padding: 0;
    }
  }
  .anticon-up-icon {
    transform: rotate(180deg) translateY(2px);
  }
  .hide {
    display: none;
  }
  .w-100 {
    width: 100%;
  }
  
}
.pro-table {
  .white-bg {
    background-color: #fff;
  }
}