.modal-body-content {
    .form-group {
        label {
            margin: auto;
            padding-right: 0;
        }
        .form-control {
            width: 100%;
        }
        input{
            height: 30px;
            border-radius: 0;
        }
        .statusList {
            list-style: none;
            padding-left: 0;
            display: flex;
            flex-flow: wrap;
            justify-content: flex-start;
            height: 236px;
            overflow-y: auto;
            .statusBox {
                height: 80px;
                width: 80px;
                border: 1px solid #ddd;
                margin-right: 28px;
                margin-top: 10px;
                margin-bottom: 20px;
                .graphStatus {
                    align-items: center;
                    display: flex;
                    position: relative;
                    height: 100%;
                    background-color: #f4f4f4;
                    .uploadFileBtn {
                        text-align: center;
                        width: 100%;
                        text-decoration: none;
                        color: #fff;
                        background-color: #3695ff;
                        height: 26px;
                        line-height: 26px;
                        border-radius: 20px;
                    }
                    .upload {
                        margin: 0 8px;
                    }
                    .reupload {
                        margin: 25px 1px;
                        display: none;
                    }
                    .del-state {
                        height: 20px;
                        position: absolute;
                        width: 20px;
                        background-position: center;
                        top: 0;
                        right: 0;
                        border-radius: 50%;
                        background-color: #bbbbbb;
                        display: none;
                        text-align: center;
                        cursor: pointer;
                    }
                    .uploadThumbnail {
                        width: 100%;
                        height: 100%;
                        background-position: center;
                        background-size: contain;
                        background-repeat: no-repeat;
                    }
                }
                .graphStatus:hover .del-state,
                .graphStatus:hover .reupload {
                    display: block;
                }
                .statusFont {
                    text-align: center;
                    margin: 5px 0;
                }
            }
            .statusBox.addGraph-btn {
                background: url("/assets/common/images/configure/addGraph.png") center no-repeat;
            }
            .statusBox.addGraph-btn:hover {
                background: url("/assets/common/images/configure/addGraph-hover.png") center no-repeat;
            }
        }
        .hiddenSpan {
            visibility: hidden;
            position: absolute;
            overflow: hidden;
            width: 0px;
            height: 0px;
            border: none;
            margin: 0;
            padding: 0;
        }
    }
}
.fe-modal-container .fe-modal-header.create-or-updata{
    border-bottom: 1px solid #f4f4f4;
}
.fe-transverse-component.size-tip{
    height: auto;
}