.dashboarddesigner-layout {
    height: 100%;
    overflow: hidden;
    &>.ant-layout-header {
        background: none;
        padding: 0 10px;
        height: 40px;
        line-height: 40px;
        border-width: 1px 0;
        border-style: solid;
        border-color: #CCCCCC;
    }
    &>.ant-layout-content {
        flex: 1;
        .content {
            height: 100%;
            .ant-layout-content {
                height: 100%;
                margin: 10px;
                overflow: auto;
            }
            .ant-layout-header {
                background: none;
                padding: 0 10px;
                height: 40px;
                line-height: 37px;
                border-width: 1px 0;
                border-style: solid;
                border-color: #CCCCCC;
                display: flex;
                justify-content: space-between;
                .edit-mode-switch {
                    background-color: #1890ff;
                }
                .view-mode-switch {
                    background-color: #51C319;
                }
            }
        }
    }
    .ant-layout-sider {
        background: none;
        border-width: 0 1px 0 1px;
        border-style: solid;
        border-color: #CCCCCC;
        .ant-form-item {
            margin-bottom: 0;
        }
    }
    .ant-tabs {
        .chartconfig {
            .ant-cascader-picker {
                .ant-cascader-picker-label {
                    height: 100%;
                    padding: 0 6px;
                    .cascader-label {
                        margin-left: 6px;
                    }
                    .empty-label {
                        color: #bfbfbf;
                    }
                }
            }
        }
    }
    .ant-tabs-bar {
        margin: 0;
    }
}
  