Update static/style.css

static/style.css

@@ -12,15 +12,25 @@
   z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
   
 }
-#pleasewait{
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  font-size: 20px;
-  color: white;
-  transform: translate(-50%,-50%);
-  -ms-transform: translate(-50%,-50%);
+
+body{
+  margin-top: 45px;
+  position: static;
+}
+.tab{
+  z-index: 9999;
+  margin-top: -4px;
+  position: fixed;
+  top: 0;
+  width: 100%;
+}
+
+#LegendHist{
+  margin-left: 25px;
 }
+
+
+
 #rightside{
    
     margin-left:430px ;
@@ -86,7 +96,7 @@
     font-family: "acumin-pro", sans-serif;
     font-weight: bold;
     /* font-style: normal; */
-    margin-left: 8px ;
+    margin-left: 7px ;
     font-size: 13px;
     position: absolute;
     margin-top: 10px;
@@ -95,6 +105,7 @@
    
 }
 
+
 #measureCheckbox, #relvdiv,#saveOPlabel, #saveOP{ /*,.area , .pattern, .border , .length , .match{*/
     font-family: "acumin-pro", sans-serif;
     font-weight: 400;
@@ -123,6 +134,7 @@
     color:white;
     display:inline-block;
 }
+
 #measureADRbutton2{
   border: none;
   padding: 10px 121px;
@@ -284,9 +296,7 @@ cursor: pointer;
     margin-top: 2px;
     
 }
-#LegendHist{
-  margin-left: 25px;
-}
+
 #lvlinput{
     font-size: 13px;
     width: 13ch;
@@ -485,6 +495,7 @@ cursor: pointer;
   border: none;
   position: static;
   /* top:0; */
+
 }
 .select2-dropdown.select2-dropdown--above{
   margin-top: -10px;
@@ -503,7 +514,26 @@ cursor: pointer;
   margin-top: -3px;
   /* display: inline-block; */
 }
-
+.select2-container--multiple {
+  height: auto;
+  margin-left: -10px;
+  background-color: white;
+  margin-top: 5px ;
+  height: 33px;
+ 
+  margin-left: 5px;
+  margin-right: -4px ;
+  font-family: "acumin-pro", sans-serif;
+  font-weight: 400;
+  font-style: normal;
+  font-size: 13px;
+  border-radius: 3px;
+  cursor: pointer;
+  color: black;
+  font-weight: 400;
+  /* position: relative; */
+  border: 2px solid  #6e6e6e;
+}
 .select2-selection.select2-selection--single{
   border: none;
 }
@@ -512,58 +542,8 @@ cursor: pointer;
 }
 
 
-.projnamedp input:hover, .projectpart input:hover , .projectsection input:hover {
-  background-color: lightgrey;
-  box-shadow: 4px 4px 4px gray;
-}
-
-
-
-.projnamedp ul , .projectpart ul , .projectsection ul , .measurementscripts ul , .measurementsMC ul {
-    display: none;
-    list-style-type: none;
-    background-color: #fff;
-    border-radius: 0 0 3px 3px;
-    border: 2px solid  #6e6e6e;
-    height: 250px;
-    margin: 0;
-    overflow-y: scroll;
-    overflow-x: hidden;
-    padding: 0;
-    width: 450px;
-    margin-left: 5px;
-}
-/* .measurementscripts ul, .measurementsMC ul {
-  margin-top: 41px;
-} */
-.projnamedp ul li , .projectpart ul li , .projectsection ul li , .measurementscripts ul li , .measurementsMC ul li {
-    padding: 7px 9px;
-    border-bottom: 1px solid #e1e1e1;
-    cursor: pointer;
-    color: #6e6e6e;
-}
-
-.projnamedp ul li:hover , .projectpart ul li:hover , .projectsection ul li:hover , .measurementscripts ul li:hover , .measurementsMC ul li:hover {
-  padding: 7px 9px;
-  border-bottom: 1px solid #a9a9a9;
-  cursor: pointer;
-  color:black;
-  background-color: #afacac;
-}
 
-.projnamedp ul li.selected , .projectpart ul li.selected , .projectsection ul li.selected , .measurementscripts ul li.selected , .measurementsMC ul li.selected {
-    background-color: #e8e8e8;
-    color: #333;
-}
 
-.measurementscripts input {
-  margin-left: 5px ;
-  width: 15ch;
-}
-.measurementsMC input{
-  margin-left: 120px ;
-  width: 23ch;
-}
 /* #measureitemsid{
     margin-top: 10px ;
     width: 11ch;
@@ -586,22 +566,4 @@ cursor: pointer;
 #measureitemsid:hover{
   box-shadow: 4px 4px 4px gray;
 }
-.measurementscripts input , .measurementsMC input , #measureitemsid{
-  margin-top: 8px ;
-  height: 33px;
-  font-family: "acumin-pro", sans-serif;
-  font-weight: 400;
-  font-style: normal;
-  font-size: 13px;
-  border-radius: 3px;
-  cursor: pointer;
-  box-shadow: 2px 2px 2px gray;
-  color: black;
-  font-weight: 400;
-  display:inline-block;
-  position: absolute;
-}
-.measurementscripts input:hover , .measurementsMC input:hover{
-    box-shadow: 4px 4px 4px gray;
-}