- fix collisions between js script from main page and the application,

- fix problem with special characters for etrack,

target/classes/static/css/styles.css

@@ -1,3 +1,11 @@
+html {
+   height: 100%;
+}
+
+body {
+   min-height: 100%;
+}
+
 
 .page-section{
   padding: 2rem 0;
@@ -105,7 +113,82 @@ button[name="removeHeader"] {
     cursor: pointer;
 }
 
-.active {
+.activeButton {
     background-color: rgb(153, 194, 255);
  }
 
+
+
+
+#child-body{
+     margin-left: 220px;
+}
+
+#container1{
+
+}
+#foot {
+  clear: both;
+  position: relative;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+
+/* The side navigation menu */
+.sidebar {
+  margin-top: 100px;
+  padding-top: 200px;
+  padding: 0;
+  width: 200px;
+  background-color: #f1f1f1;
+  position: absolute;
+  height: 100%;
+  overflow: auto;
+}
+
+/* Sidebar links */
+.sidebar a {
+  display: block;
+  color: black;
+  padding: 16px;
+  text-decoration: none;
+}
+
+/* Active/current link */
+.sidebar a.active {
+  background-color: #4CAF50;
+  color: white;
+}
+
+/* Links on mouse-over */
+.sidebar a:hover:not(.active) {
+  background-color: #555;
+  color: white;
+}
+
+/* On screens that are less than 700px wide, make the sidebar into a topbar */
+@media screen and (max-width: 700px) {
+  .sidebar {
+    width: 100%;
+    height: auto;
+    position: fixed;
+  }
+  .sidebar a {float: left;}
+  div.content {margin-left: 0;}
+}
+
+/* On screens that are less than 400px, display the bar vertically, instead of horizontally */
+@media screen and (max-width: 400px) {
+  .sidebar a {
+    text-align: center;
+    float: none;
+  }
+}
+
+
+table { border-collapse: collapse; }
+tr { border: none; }
+td {
+border: none;
+}