@import '../theme.less';

.@{assign-prefix} {
  &-modal {
    .ant-modal-body {
      padding: 0;
    }
  }
  &-box {
    display: flex;
  }
  &-left {
    flex: 1;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #ebeef5;
    padding: 20px 0 0;
    height: @content-height;
    width: 50%;
    &-top {
      padding: 0 20px;
      .radio-group {
        margin-top: 24px;
      }
    }
    &-title {
      text-align: center;
      position: relative;
      font-weight: bold;
      line-height: 28px;
      padding: 10px 20px 0 0;
      .ant-btn {
        color: @text-color-8;
        position: absolute;
        left: 7px;
      }
    }
    &-content {
      flex: 1;
      overflow: hidden auto;
      margin-top: 10px;
      .scrollbar();
    }
  }
  &-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 20px 0px;
    height: @content-height;
    &-top {
      padding: 0 10px;
      height: 22px;
      color: @text-color;
      .c-8b919e {
        color: #8b919e;
      }
      .ml10 {
        margin-left: 10px;
      }
    }
    &-con {
      overflow: hidden auto;
      padding: 10px 0 10px 10px;
      flex: 1;
      .scrollbar();
      .ant-tag {
        line-height: 28px;
        margin: 0 10px 12px 0;
        background: @default-bg-color;
        border: 0;
        color: #455064;
      }
    }
    &-footer {
      padding: 10px 20px 0;
      text-align: right;
      height: 38px;
      .ant-btn {
        margin-left: 10px;
        min-width: 68px;
      }
    }
  }
}