latest updates @APR 20, 2022

src/app/app.component.css

@@ -0,0 +1,124 @@
+
+::-webkit-scrollbar {
+  display: none;
+  }  
+  body::-webkit-scrollbar {
+      display: none;  
+} 
+menu */
+.navigation {
+  width: 300px;
+}
+
+
+
+
+/* reset our lists to remove bullet points and padding */
+.mainmenu, .submenu {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+/* make ALL links (main and submenu) have padding and background color */
+.mainmenu a {
+  display: block;
+  background-color: #CCC;
+  text-decoration: none;
+  padding: 10px;
+  color: #000;
+}
+
+/* add hover behaviour */
+.mainmenu a:hover {
+    background-color: #C5C5C5;
+}
+
+
+/* when hovering over a .mainmenu item,
+  display the submenu inside it.
+  we're changing the submenu's max-height from 0 to 200px;
+*/
+
+.mainmenu li:hover .submenu {
+  display: block;
+  max-height: 200px;
+}
+
+/*
+  we now overwrite the background-color for .submenu links only.
+  CSS reads down the page, so code at the bottom will overwrite the code at the top.
+*/
+
+.submenu a {
+  background-color: #999;
+}
+
+/* hover behaviour for links inside .submenu */
+.submenu a:hover {
+  background-color: #666;
+}
+
+/* this is the initial state of all submenus.
+  we set it to max-height: 0, and hide the overflowed content.
+*/
+.submenu {
+  overflow: hidden;
+  max-height: 0;
+  -webkit-transition: all 0.5s ease-out;
+}
+body{
+  height:100%; width:100%;
+
+}
+::-webkit-scrollbar {
+  display: none;
+  }
+ul, li {
+    list-style: none;
+    float: left;
+    line-height: 15vh;
+  }
+  footer {
+    background:#FAFAFA;
+    bottom: 0;
+    width: 100%;
+   /*  height: 50px;
+    padding: 20px; */
+    position: fixed;
+    opacity: 1.0;
+    filter: alpha(opacity=50);
+    text-align: center;
+    border-top:1px solid #ddd;
+}
+footer:hover{
+  opacity: 1.0;
+  filter: alpha(opacity=100); 
+}
+.active-link{
+  border-bottom: 1px solid #1ba0c0;
+  font-weight: bold;
+  }
+a:hover{
+  text-decoration: none;
+  color: #1ba0c0!important;
+}
+  .main{
+    /* padding: 16px;
+    padding-right: 0%;
+    margin-top: 48px;
+    height: 89vh; */
+  }
+  header{
+    overflow: hidden;
+    background-color: #333;
+    position: fixed;
+    top: 0;
+    width: 100%;
+  }
+
+ 
+  .tableHeader{
+    background-color: #A2C523;
+    color : white;
+  }