.cusfilter-box {
    top: 50px;
    .ant-modal-body {
        max-height: 60vh;
        overflow-y: auto;
        .config-form {
            .ant-divider {
                margin: 10px 0;
            }
            .ant-form-item-label {
                text-align: left;
            }
            .filtercolumns {
                &>.ant-collapse {
                    &>.ant-collapse-item {
                        &>.ant-collapse-header {
                            padding: 0 10px 0 40px;
                            .ant-form-item {
                                .ant-form-item-label {
                                    label {
                                        cursor: pointer;
                                    }
                                }
                            }
                        }
                        .ant-collapse-content {
                            .ant-collapse-content-box {
                                padding: 0;
                                .filtercolumn-empty {
                                    margin: 5px 5px 0 5px;
                                    height: 40px;
                                    line-height: 40px;
                                    text-align: center;
                                    font-size: 16px;
                                    color: red;
                                    background-color: #d4d7dc;
                                }
                                .filtercolumn-relation {
                                    display: flex;
                                    max-height: 50vh;
                                    .loading {
                                        position: absolute;
                                        z-index: 1;
                                        right: 20px;
                                        margin-top: 10px;
                                    }
                                    .datasources {
                                        padding-bottom: 5px;
                                        flex: 0.4;
                                        display: flex;
                                        flex-direction: column;
                                        overflow: auto;
                                        border-right: 1px solid #cccccc;
                                        border-bottom: 1px solid #cccccc;
                                        .datasource {
                                            padding-right: 10px;
                                            margin: 5px 5px 0 5px;
                                            flex: none;
                                            display: flex;
                                            justify-content: space-between;
                                            .label {
                                                overflow: hidden;
                                                text-overflow: ellipsis;
                                            }
                                            .anticon {
                                                margin-top: 3px;
                                            }
                                            &[class="ant-btn-primary"] {
                                                background-color: #40A9FF;
                                            }
                                        }
                                    }
                                    .columns {
                                        padding-bottom: 5px;
                                        flex: 0.6;
                                        display: flex;
                                        flex-direction: column;
                                        overflow: auto;
                                        border-bottom: 1px solid #cccccc;
                                        .column {
                                            margin: 5px 5px 0 5px;
                                            padding-right: 10px;
                                            flex: none;
                                            display: flex;
                                            justify-content: space-between;
                                            .label {
                                                text-overflow: ellipsis;
                                                overflow: hidden;
                                            }
                                            .anticon {
                                                margin-top: 3px;
                                            }
                                            &[class="ant-btn-primary"] {
                                                background-color: #40A9FF;
                                            }
                                        }
                                    }
                                }
                                .filtercolumn-delete {
                                    padding: 5px;
                                    .delbtn {
                                        width: 100%;
                                    }
                                }
                            }
                        }
                    }
                    .ant-collapse-item-disabled {
                        &>.ant-collapse-header {
                            cursor: pointer;
                            color: rgba(0, 0, 0, 0.85);
                            &>.arrow {
                                cursor: pointer;
                                color: rgba(0, 0, 0, 0.85);
                            }
                        }
                    }
        
                }
                .bottom-btns {
                    margin-top: 10px;
                    height: 40px;
                    .addbtn {
                        height: 100%;
                        width: 100%;
                        border-style: dashed;
                        border-width: 1px;
                    }
                }
            }
        }
    }
    .ant-modal-footer {
        .okbtn {
            width: 100%;
        }
    }
}