@menu-item-color: #A2ACBA;
@menu-item-color-hover: #fff;
@menu-item-color-selected: #fff;

.layout-home {
    .sider-home {
        .home-menu {
            background: @sider-background-color;
            &>.ant-layout-header {
                input {
                    border: none;
                }
                button {
                    font-size: 18px;
                    color: @menu-item-color;
                    background: transparent;
                    border: none;
                    top: 1px;
                    &:after {
                        content: none;
                    }
                    &:hover {
                        color: @menu-item-color-hover;
                    }
                }
            }
            &> .ant-layout-content {
                &> .collapse-collection {
                    &> .ant-collapse-item {
                        &> .ant-collapse-header {
                            color: @menu-item-color;
                            // &:hover {
                            //     color: @menu-item-color-hover;
                            // }
                        }
                        &> .ant-collapse-content {
                            &> .ant-collapse-content-box {
                                &> .item {
                                    color: @menu-item-color-hover;
                                    // &:hover {
                                    //     color: @menu-item-color-hover;
                                    // }
                                }
                            }
                        }
                    }
                }
                &> .menu-container {
                    &> .menu-content {
                        border: none;
                        .ant-tree li {
                            .node-title.node-dashboard {
                                color: @menu-item-color-hover;
                            }
                            span.ant-tree-switcher {
                                color: @menu-item-color;
                                // &:hover {
                                //     color: @menu-item-color-hover;
                                // }
                            }
                            span.ant-tree-node-content-wrapper {
                                color: @menu-item-color;
                                &:hover {
                                    // color: @menu-item-color-hover;
                                    background: transparent;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .content-home {
        &>.ant-tabs {
            // background: #fff;
            &>.ant-tabs-bar {
                .ant-tabs-nav-wrap {
                    .ant-tabs-tab {
                        color: @tab-background-active;
                        background: @tab-background;
                        border-color: @tab-background-active;
                        border-radius: 0;
                        border-right-width: 0;
                        margin: 0;
                        &.ant-tabs-tab-active {
                            color: #fff;
                            background: @tab-background-active;
                            .ant-tabs-close-x {
                                color: #fff;
                            }
                        }
                        .ant-tabs-close-x {
                            color: @tab-background-active;
                        }
                        &:last-child {
                            border-right-width: 1px;
                        }
                    }
                }
            }
            &>.ant-tabs-content {
                .dashboardview-toolbar {
                    // background: @content-background-color;
                }
            }
        }
    }
}