.app-form.memo-form.memo-mode {
    position: relative;
    padding-bottom: 300px !important;
    padding-right: 2px !important;
    height: 1px;
    min-height: 100%;

    > .ivu-row {
        padding-right: 8px;
        overflow-y: scroll;
        overflow-x: hidden;

        &::-webkit-scrollbar {
            width: 5px;
            height: 5px;
            background: transparent;
        }
        &::-webkit-scrollbar-track {
            border-radius: 5px;
            box-shadow: none;
            border: 0;
        }
    
        &::-webkit-scrollbar-thumb {
            border-radius: 5px;
            box-shadow: none;
            border: 0;
            background-color: rgba(199, 199, 199, 0.6);
            &:hover {
                background-color: rgba(182, 182, 182, 0.6);
            }
        }
      }
      .ivu-tabs-no-animation {
          .ivu-tabs-bar {
            border-bottom: 1px solid #dcdee2;
            .ivu-tabs-nav .ivu-tabs-tab {
              padding: 8px 16px;
            }
          }
          .ivu-tabs-content {
            padding: 0;
          }
      }

    .form-memo-area {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #f6f6f6;
        overflow: auto;
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
        height: 300px;
        transition: all .3s;
        --form-group-background : #f6f6f6;
        .app-form-item {
            --form-item-padding: 0;
            margin: 0;
        }
        .collapse-btn {
            height: 16px;
            width: 16px;
            font-size: 16px;
            line-height: 16px;
            position: absolute;
            right: 12px;
            top: 10px;
            z-index: 20;
            cursor: pointer;
            transition: all .3s;
        }
        &.closed {
            height: 36px;
            overflow: hidden;
            .collapse-btn {
                transform: rotate(180deg);
            }
        }
    }

    &.closed {
        padding-bottom: 40px !important;
        .form-memo-area {
                height: 40px;
                overflow: hidden;
                .collapse-btn {
                    transform: rotate(180deg);
                }
            }
    }
}