.content-datasourcecreate {
    height: 100%;
    >.content {
        >.datasource-steps-container {
            height: 100%;
            display: flex;
            flex-direction: column;
            background: @content-background-color;
            >.steps-body {
                height: 32px;
                display: flex;
                align-items: center;
                padding: 0 20%;
                margin-bottom: 12px;
                background: @content-background-color;
                >.ant-steps-item {
                    >.ant-steps-item-icon {
                        width: 18px;
                        height: 18px;
                        line-height: 18px;
                        margin-top: 4px;
                        margin-right: 4px;
                    }
                    >.ant-steps-item-content {
                        >.ant-steps-item-title {
                            color: #B9B9B9;
                            line-height: 24px;
                            &:after {
                                height: 0;
                                background-color: none;
                                border-top: 1px dashed #B9B9B9;
                            }
                        }
                    }
                    &.ant-steps-item-process,&.ant-steps-item-finish {
                        >.ant-steps-item-icon {
                            >.ant-steps-icon {
                                color: @item-active-color;
                            }
                            background: @item-active-bg-color;
                        }
                        >.ant-steps-item-content > .ant-steps-item-title {
                            color: @item-active-bg-color;
                        }
                    }
                }
            }
            >.steps-content {
                flex: 1;
                overflow: auto;
                padding: 12px;
                background: #FFFFFF;
                box-shadow: 0 0 10px 0 rgba(41,54,72,0.10);
            }
            >.steps-action {
                height: 38px;
                line-height: 50px;
                width: 100%;
                display: flex;
                justify-content: flex-end;
                .steps-buttons {
                    button {
                        margin-left: 8px;
                    }
                }
            }
        }
    }
}