/**
 * 部门管理页面样式
 */
@import "@/styles/mixin.scss";

.department-management-pack {
    padding-top: 16px;

    .tip-pack {
        font-size: 18px;
        height: 40px;
        line-height: 40px;
        padding-left: 15px;
        border-bottom: 1px solid #d2d3d5;
        border-top: 1px solid #d2d3d5;
        margin-bottom: 10px;
    }

    .operation-pack {
        @include rdc-box-sizing;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        height: 28px;
        line-height: 28px;
        width: 100%;
        padding: 0;
        padding-left: 15px;
        margin-bottom: 16px;
    }

    .table-pack {
        padding: 0 15px 0 15px;
    }

    .transform-view-pack {
        overflow-y: auto;

        .transform-pack {
            overflow: hidden;
            display: flex;
            justify-content:center;

            .member-tree-pack {
                width: 300px;
                height: 400px;
                border: 1px solid #d2d3d5;
                border-radius: 5px;

                .tree-pack {
                    height: 340px;
                    overflow-y: auto;

                    .el-tree {
                        height: 340px;
                        width: 100%;
                    }
                }
            }

            .member-select-pack {
                margin-left: 20px;
                width: 300px;
                height: 400px;
                border: 1px solid #d2d3d5;
                border-radius: 5px;

                .tree-pack {
                    position: relative;
                    height: 340px;

                    .member-select-view-pack {
                        height:340px;
                        overflow-y: auto;

                        .member-select-item-pack {
                            width: 100%;
                            height: 26px;
                            line-height: 26px;

                            .member-select-item-label-pack {
                                height: 26px;
                                width: 50%;
                                float:left;
                                padding-left: 10px;
                            }

                            .member-select-item-delete-pack {
                                line-height: 26px;
                                height: 26px;
                                width: 50%;
                                float: right;
                                text-align: right;
                                padding-right: 10px;

                                .el-button {
                                    padding: 0!important;
                                    color: #f56c6c;
                                }
                            }
                        }
                    }
                    .no-message {
                        position: absolute;
                        left: 50%;
                        top: 50%;
                        transform: translate(-50%, -50%);
                        color: #6f7180;
                    }

                }
            }
        }
    }

    .submit-button {
        text-align: center;
        padding: 20px 0;
    }
}
