.layout-dashboarddesigner {
    @text-color: #9EA8B5;
    @text-color-active: #A7B1BE;
    &>.ant-layout-header {
        height: 46px;
        line-height: 42px;
        >.dashboarddesigner-header .toolbar-title .input-title .ant-input-wrapper {
            input, .ant-input-group-addon {
                color: #2C82BE;
            }
        }
    }
    &>.ant-layout-content {
        .content {
            &>.dashboard-content {
                margin: 0;
                &.nomargin {
                }
                &>.content-layout {
                    >.config-sider {
                        background: @sider-background-color;
                        >.ant-layout-sider-children {
                            border-width: 0 1px 0 0;
                            margin: 0;
                            >.form-config {
                                .divider {
                                    color: @text-color;
                                    margin-top: 12px;
                                    margin-bottom: 12px;
                                    &:after {
                                        content: '';
                                        border-bottom: 1px solid @text-color;
                                        position: absolute;
                                        width: 94%;
                                        height: 2px;
                                        /* top: 20px; */
                                        margin-top: 22px;
                                        margin-left: -56px;
                                    }
                                }
                                .view-types {
                                    .view-type-item {
                                        color: @text-color-active;
                                        &:hover {
                                            color: #fff;
                                        }
                                    }
                                }
                                .cus-filter-button {
                                    color: @text-color-active;
                                    &:hover {
                                        color: #fff;
                                    }
                                }
                            }
                        }
                    }
                    &>.viewlayout {
                        >.ant-layout-header {
                            >.filters {

                            }
                        }
                        >.dashboard-viewcontent {
                            >.react-grid-layout {
                                >.chartview {
                                    box-shadow: 0 0 4px 0 rgba(0,0,0,0.10);
                                    >.chartview-toolbar {
                                        >.chart-title {
                                            color: #408DC6;
                                        }
                                    }
                                    >.chartview-content {

                                    }
                                }
                            }
                        }
                    }
                }
            }
            .ant-layout-header {
                .filters {
                    .filter-tag {
                    }
                    .filter-tag-using {
                    }
                    .filter-tag-add {
                    }
                }
            }
        }
    }
    .ant-layout-sider {
        .ant-form-item {
            >.ant-form-item-label{
                >label {
                    color: @text-color;
                }
            }
        }
    }
}