s1

public/assets/left_side_nav.css

@@ -0,0 +1,83 @@
+
+
+.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 */
+}