@import "../base";
@import "../mixin";

.classification-add-page {
    position: relative;
    height: 100%;
    width: 100%;
    border: 1px solid #d2d3d5;
    background-color: #fff;
    .page-title {
        height: 38px;
        line-height: 38px;
        border-bottom: 1px solid #d2d3d5;
    }
    .page-content {
        position: absolute;
        top: 38px;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 15px;
        overflow-y: auto;
        overflow-x: hidden;

        .card-pack {
            margin-bottom: 15px;
            .card-title-pack {
                height: 38px;
                line-height: 38px;
                border: 1px solid #d2d3d5;
                background: #f6f6f6;
                .card-title-text {
                    font-size: 14px;
                    font-weight: bold;
                }
            }
            .card-tool-pack {
                padding: 15px 15px 0 15px;
                border-left: 1px solid #d2d3d5;
                border-right: 1px solid #d2d3d5;
            }
            .card-content-pack {
                @include rdc-box-sizing;
                padding: 15px;
                width: 100%;
                height: 100%;
                border-left: 1px solid #d2d3d5;
                border-right: 1px solid #d2d3d5;
                border-bottom: 1px solid #d2d3d5;


                .img-dialog {

                    .el-dialog {

                        .el-dialog__header {

                            .el-dialog__headerbtn {
                                top: 4px !important;
                            }
                        }
                    }
                }
            }
        }
    }
}
