.ant-menu-light .ant-menu-item-selected{ color: #ED9545; border-left: 3px solid #ED9545 ; background: transparent; } /* App.css */ .custom-menu .ant-menu-item{ border-radius: 0; /* Remove border-radius */ color: #6E6E6E; } :where(.css-dev-only-do-not-override-1uq9j6g).ant-menu-light .ant-menu-item a, :where(.css-dev-only-do-not-override-1uq9j6g).ant-menu-light>.ant-menu .ant-menu-item a, :where(.css-dev-only-do-not-override-1uq9j6g).ant-menu-light .ant-menu-item a:hover, :where(.css-dev-only-do-not-override-1uq9j6g).ant-menu-light>.ant-menu .ant-menu-item a:hover{ color: #6E6E6E; } /* Specific styling for parent menu items (non-selected) */ .custom-menu .ant-menu-submenu-title { border-bottom: 1px solid #CFCFCF; /* Default border color for parent items */ border-radius: 0; /* Remove border-radius for parent items */ font-size: 18px; color: #000; font-weight: 700; padding-top: 40px; padding-bottom: 40px; --icon-color: #000; /* Default icon color */ } /* Specific styling for selected parent menu items */ .custom-menu .ant-menu-submenu-selected .ant-menu-submenu-title, .custom-menu .ant-menu-submenu-title.ant-menu-submenu-title-selected, .custom-menu .ant-menu-submenu-title .ant-menu-submenu-open { color: #ED9545; /* Selected text color for parent items */ border-bottom: 1px solid #CFCFCF; /* Selected border color for parent items */ --icon-color: #ED9545; /* Selected icon color */ } /* Ensure parent item remains #ED9545 when any child is selected */ .custom-menu .ant-menu-submenu-open > .ant-menu-submenu-title { color: #ED9545; /* Ensure parent item text color */ border-bottom: 1px solid #CFCFCF; /* Ensure parent item border color */ --icon-color: #ED9545; /* Ensure parent item icon color */ } /* Ensure parent item text color reverts to #000 when submenu is collapsed */ .custom-menu .ant-menu-submenu-closed > .ant-menu-submenu-title { color: #000; /* Ensure parent item text color */ --icon-color: #000; /* Ensure parent item icon color */ } /* For Custom Scrollbar */ /* Custom scrollbar for WebKit browsers */ ::-webkit-scrollbar { width: 3px; /* Width of the scrollbar */ } ::-webkit-scrollbar-track { background: #fcfcfc; /* Track background */ } ::-webkit-scrollbar-thumb { background: #CFCFCF; /* Scrollbar color */ border-radius: 10px; /* Rounded corners */ } ::-webkit-scrollbar-thumb:hover { background: #555; /* Color when hovering */ } /* Firefox scrollbar styling */ .custom-gradient-border { border: 4.32px solid transparent; border-image-source: linear-gradient(159.09deg, #FFFFFF 13.82%, rgba(0, 0, 0, 0) 97.01%); border-image-slice: 1; border-radius: 8px; /* Adjust as needed */ } .ant-layout-sider-children .ant-dropdown-trigger{ display: none; } @media(max-width:1000px){ :where(.css-dev-only-do-not-override-1uq9j6g).ant-layout { display: flex; flex: auto; min-height: 0; background: #f5f5f5; } :where(.css-dev-only-do-not-override-1uq9j6g).ant-layout.ant-layout-has-sider >.ant-layout, :where(.css-dev-only-do-not-override-1uq9j6g).ant-layout.ant-layout-has-sider >.ant-layout-content { width: auto; } .md\:grid-cols-\[350px_1fr\] { grid-template-columns:1fr; } a.ant-dropdown-trigger{ display: none; } .ant-layout-sider-children .ant-dropdown-trigger{ display: block; margin-left: 28px; } }