.app-control-kanban {
    &.app-control-kanban__row {
        .app-control-kanban__content {
            display: flex;
        }
        .app-control-kanban__content__group {
            height: 100%;
            display: flex;
            overflow: auto;
            flex-grow: 1;
            &.is-folding {
                flex: none;
            }
        }
        .group__foldingbar__ghost {
            z-index: -1;
            margin: 0px;
            border: none;
            padding: 0px;
            height: 0px;
            width: 10px;
            overflow: hidden;
        }
        .group__foldingbar__content {
            width: 40px;
            height: 100%;
            border-left: 0;
            text-align: center;
        }
        .foldingbar__content__icon {
            padding: 3px 0;
            font-size: 20px;
            &:hover {
                cursor: pointer;
            }
        }
        .foldingbar__content__title {
            overflow: hidden;
            margin: auto;
            display: flex;
            width: 31px;
            font-size: 17px;
            align-items: center;
            height: calc(100% - 36px);
        }
        .group__foldingarea {
            height: 100%;
            display: flex;
            flex-shrink: 0;
            flex-direction: column;
        }
        .group__foldingarea__header {
            height: 36px;
            padding: 0 8px;
            line-height: 36px;
            position: relative;
        }
        .foldingarea__header__icon {
            font-size: 20px;
            position: absolute;
            &:hover {
                cursor: pointer;
            }
        }
        .foldingarea__header__title {
            margin-left: 24px;
        }
        .foldingarea__header__action {
            float: right;
        }
        .header__action__content__item {
            &:nth-child(n+2) {
                margin-top: 4px;
            }
            .ivu-btn {
                margin: 0;
                .item__icon {
                    padding-right: 6px;
                }
                .item__caption {
                    margin-left: 4px;
                }
            }
        }
        .group__foldingarea__content {
            flex-grow: 1;
            height: 100%;
            overflow: auto;
        }
        .foldingarea__content__item {
            margin: 8px 8px 0 8px;
            padding: 8px;
            overflow: hidden;
        }
        .foldingarea__content__empty {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }
    &.app-control-kanban__column {
        .app-control-kanban__content {
            width: 100%;
            display: flex;
            flex-direction: column;
        }
        .group__foldingbar__ghost {
            z-index: -1;
            margin: 0px;
            border: none;
            padding: 0px;
            height: 0px;
            width: 10px;
            overflow: hidden;
        }
        .group__foldingbar__content {
            width: 100%;
            height: 40px;
            border-left: 0;
            text-align: center;
        }
        .foldingbar__content__icon {
            float: left;
            padding: 6px 0px 0px 6px;
            font-size: 20px;
            &:hover {
                cursor: pointer;
            }
        }
        .foldingbar__content__title {
            font-size: 17px;
            padding-top: 8px;
        }
        .group__foldingarea {
            flex-shrink: 0;
            width: 100%;
            display: flex;
        }
        .group__foldingarea__header {
            width: 36px;
            position: relative;
            padding: 8px 0px;
        }
        .foldingarea__header__icon {
          font-size: 20px;
          padding: 0px 6px;
          position: absolute;
          &:hover {
              cursor: pointer;
          }
        }
        .foldingarea__header__title {
            writing-mode: tb;
            padding: 30px 6px 0px 6px;
        }
        .foldingarea__header__action {
            bottom: 0px;
            left: 0px;
            position: absolute;
            .ivu-poptip-rel{
                padding-left: 8px;
            }
        }
        .header__action__content__item {
            &:nth-child(n+2) {
                margin-top: 4px;
            }
            .ivu-btn {
                margin: 0;
                .item__icon {
                    padding-right: 6px;
                }
                .item__caption {
                    margin-left: 4px;
                }
            }
        }
        .group__foldingarea__content {
            display: flex;
            flex-grow: 1;
            height: 100%;
            overflow: auto;
        }
        .foldingarea__content__item {
            margin: 8px 0px 8px 8px;
            padding: 8px;
            overflow: hidden;
        }
        .foldingarea__content__empty {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }
}