.dataconnect-config {
    height: 100%;
    background: @content-background-color;
    border: 1px solid @border-color-base;
    .dataconnect {
        height: 100%;
        >.ant-layout-content {
            >.ant-card {
                height: 100%;
                display: flex;
                flex-direction: column;
                background: @content-background-color;
                >.ant-card-head {
                    height: 48px;
                    >.ant-card-head-wrapper {
                        height: 48px;
                    }
                }
                >.ant-card-body {
                    background: #f4f4f5;
                    height: calc(~"100% - 48px");
                    overflow: auto;
                    padding: 16px;
                    .dataconnect-list {
                        .dataconnect-card {
                            width: 180px;
                            height: 160px;
                            padding: 0;
                            margin: 8px;
                            cursor: pointer;
                            .ant-card {
                                height: 100%;
                                display: flex;
                                flex-direction: column;
                                .ant-card-head {
                                    min-height: 32px;
                                    background: #F5F5F5;
                                    padding: 0;
                                    .ant-card-head-wrapper {
                                        height: 100%;
                                        .ant-card-head-title {
                                            padding: 0 16px;
                                            .ant-row-flex {
                                                .label {
                                                    overflow: hidden;
                                                    text-overflow: ellipsis
                                                }
                                            }
                                        }
                                    }
                                    .selected {
                                        width: 32px;
                                        height: 32px;
                                        background-repeat: no-repeat;
                                        background-size: 32px;
                                        background-image: url(../../../static/images/selected.png);
                                        position: absolute;
                                        right: 0px;
                                        top: 0px;
                                        border-top-right-radius: 1px;
                                    }
                                }
                                .ant-card-body {
                                    padding: 10px;
                                    height: 100%;
                                    display: flex;
                                    width: 100%;
                                    flex-direction: column;
                                    justify-content: center;
                                    .content {
                                        display: flex;
                                        height: 100%;
                                        flex-direction: column;
                                        justify-content: space-between;
                                    }
                                }
                                .ant-card-actions {
                                    height: 32px;
                                    background: #fff;
                                    li {
                                        margin: 4px 0;
                                        .database-type-wrap {
                                            display: flex;
                                            padding: 0 4px;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}