Upload 16 files

static/LegendPageStyle.css

@@ -0,0 +1,105 @@
+/*Narbar on top of the page of the legend*/
+.graynavbarLegend{
+  background-color: #b2b2b2;
+  height: 35px;
+  position: relative;
+}
+
+.graynavbarLegend label{
+  float: left;
+  display: block;
+  color: black;
+  text-align: center;
+  /* padding: 7px 16px; */
+  text-decoration: none;
+  font-family: "acumin-pro", sans-serif;
+  font-weight: 400;
+  font-style: normal;
+  font-size: 16px;
+  margin-left: 7px;
+
+}
+
+.graynavbarLegend .label2{
+  color: blue;
+}
+
+/*Sorting buttons*/
+
+.sortbutton{
+  background-color: transparent;
+  border: transparent;
+}
+
+/******************************/
+#createdTimeDiv{
+  vertical-align: top;
+  display: inline-block; 
+}
+
+#prjname, #prjpart, #prjsec{
+  font-size: 15px;
+  font-family: "acumin-pro", sans-serif;
+  margin-bottom: 10px;
+  margin-left: 5px;
+  cursor: pointer;
+  font-weight: bold;
+
+  
+}
+.legendtime{
+  margin-left: 54%;
+   
+}
+.legendtime .EditTime{
+  margin-left: 90px;
+}
+#legendtimediv{
+  margin-left: 17%;
+  display: inline-block;
+  /* float: right; */
+  /* position: absolute; */
+  
+}
+
+#legendtimediv:before {
+  content: '';
+  width: 10%;
+  min-width: 100px;
+  max-width: 200px;
+  display: inline-block;
+}
+#legendmodtime{
+  margin-left: 50px;
+}
+#legendmodtime:hover , #legendtime:hover , #legend:hover{
+  cursor: pointer;
+}
+#legendlbldivwhole:hover{
+background-color: lightblue;
+cursor: pointer;
+font-family:  "acumin-pro", sans-serif;
+
+}
+#legendlbldivwhole{
+  font-family:  "acumin-pro", sans-serif;
+}
+.legendclass{
+  color: blue;
+  text-decoration-line: underline;
+  max-width: 40ch;
+  width:40ch;
+  word-wrap: break-word;
+}
+.infotip{
+  justify-content: center;
+  font-family:  "acumin-pro", sans-serif;
+  color:red;
+}
+#CreatesortDesc , #EditsortDesc , #CreatesortAsc, #EditsortAsc{
+  margin-top: 5px;
+}
+#CreatesortDesc:hover , #EditsortDesc:hover , #CreatesortAsc:hover, #EditsortAsc:hover{
+color:gray;
+cursor: pointer;
+}

static/LoadingCss.css

@@ -0,0 +1,40 @@
+@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap');
+* {
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
+}
+
+body {
+  /* background-color:  #151719; */
+  /* display: flex; */
+  justify-content: center;
+  align-items: center;
+  /* min-height: 100vh; */
+}
+.waviy {
+  
+  position: relative;
+  margin-top: 25%;
+  margin-left: 35%;
+  -webkit-box-reflect: below -20px linear-gradient(transparent, rgba(0,0,0,.2));
+  font-size: 60px;
+}
+.waviy span {
+  font-family: 'Alfa Slab One', cursive;
+  position: relative;
+  display: inline-block;
+  color: #fff;
+  text-transform: uppercase;
+  animation: waviy 1s infinite;
+  animation-delay: calc(.1s * var(--i));
+  
+}
+@keyframes waviy {
+  0%,40%,100% {
+    transform: translateY(0)
+  }
+  20% {
+    transform: translateY(-20px)
+  }
+}

static/MenuStyle.css

@@ -0,0 +1,188 @@
+
+/********************************************************************/
+/* Style the tab */
+.tab {
+  overflow: hidden;
+  /* border: 1px solid black; */
+  background-color:black;
+  font-family: "acumin-pro", sans-serif;
+}
+.tab .dropbtn{
+  float:right
+}
+.tablinks{
+  color:white;
+  font-size: 18px;
+}
+/* Style the buttons that are used to open the tab content */
+.tab button {
+  background-color: inherit;
+  float: left;
+  border: none;
+  outline: none;
+  cursor: pointer;
+  padding: 14px 16px;
+  transition: 0.3s;
+}
+
+/* Change background color of buttons on hover */
+.tab button:hover {
+  background-color: rgb(0, 60, 255);
+}
+
+/* Create an active/current tablink class */
+.tab button.active {
+  background-color:  rgb(0, 60, 255);
+}
+
+/* Style the tab content */
+.tabcontent {
+  display: none;
+  /* padding: 6px 12px; */
+  /* border: 1px solid #ccc; */
+  border-top: none;
+
+}
+/*********************************************************************/
+
+.container {
+  /* display: inline-block; */
+  cursor: pointer;
+  margin-top: 5px;
+  display: block;
+  float: left;
+  margin-right: 5px;
+
+}
+
+.bar1, .bar2, .bar3 {
+  width: 30px;
+  height: 5px;
+  background-color: #fcfcfc;
+  margin: 5px 0;
+  transition: 0.4s;
+  margin-left: 5px;
+ 
+}
+
+.change .bar1 {
+  transform: translate(0, 10px) rotate(-45deg);
+}
+
+.change .bar2 {opacity: 0;}
+
+.change .bar3 {
+  transform: translate(0, -10px) rotate(45deg);
+}
+/*Dashed Lines on the left - Menu icon */
+#slider {
+  position: absolute;
+  width:400px;
+  height:900px;
+  background:rgb(179, 179, 179);
+  transform: translateX(-100%);
+  -webkit-transform: translateX(-100%);
+  z-index: 2;
+}
+
+.slide-in {
+  animation: slide-in 0.9s forwards;
+  -webkit-animation: slide-in 0.9s forwards;
+}
+
+.slide-out {
+  animation: slide-out 0.9s forwards;
+  -webkit-animation: slide-out 0.9s forwards;
+}
+  
+@keyframes slide-in {
+  100% { transform: translateX(0%); }
+}
+
+@-webkit-keyframes slide-in {
+  100% { -webkit-transform: translateX(0%); }
+}
+  
+@keyframes slide-out {
+  0% { transform: translateX(0%); }
+  100% { transform: translateX(-100%); }
+}
+
+@-webkit-keyframes slide-out {
+  0% { -webkit-transform: translateX(0%); }
+  100% { -webkit-transform: translateX(-100%); }
+}
+/*Menu options*/
+#menuOptions{
+  margin-left: 5px;
+  font-size: 30px;
+  margin-top: 8px;
+  color: white;
+  font-family: "acumin-pro", sans-serif;
+  font-weight: 400;
+  font-style: normal;
+}
+#menuOptions  li{
+  margin-bottom: 6px;
+  
+  }
+#menuOptions  li:hover{
+color: black;
+cursor: pointer;
+
+}
+/* User Guide Content(hidden by default) */
+  .dropdown-content {
+    display: none;
+    /* position: -webkit-sticky; Safari */
+    position: absolute;
+    right: 0;
+    top: 0;
+    margin-top: 57px;
+    background-color: #f9f9f9;
+    min-width: 160px;
+    max-width: 36%;
+    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+    z-index: 999;
+    font-family: "acumin-pro", sans-serif;
+    font-weight: 400;
+    font-style: normal;
+    font-size: 13px;
+    float: right;
+    border: none;
+    outline: none;
+  }
+    
+  #userguidetext{
+    margin-left: 20px;
+    margin-right: 20px;
+  }
+
+  
+ #secondpage{
+  float: right;
+  margin-right: 10px;
+  cursor: pointer;
+ }
+ #firstpage{
+  cursor: pointer;
+ }
+   
+
+#userguideheadings{
+  font-size: 14px;
+  font-weight: bold;
+  
+}
+#underlinedLables{
+  text-decoration: underline;
+}
+
+/* i info button*/
+#infoImg{
+  width:30px;
+  margin-top: -5px;
+  margin-bottom: -10px;
+  
+  /* margin-left: -200px; */
+}

static/popups.css

@@ -0,0 +1,73 @@
+.mpopup {
+  display: none;
+  position: fixed;
+  z-index: 1;
+  padding-top: 100px;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  background-color: rgb(0,0,0);
+  background-color: rgba(0,0,0,0.4);
+}
+.modal-content {
+  position: relative;
+  background-color: #fff;
+  margin: auto;
+  padding: 0;
+  width: 450px;
+  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
+  -webkit-animation-name: animatetop;
+  -webkit-animation-duration: 0.4s;
+  animation-name: animatetop;
+  animation-duration: 0.4s;
+  border-radius: 0.3rem;
+}
+.modal-header {
+  padding: 2px 12px;
+  background-color: #ffffff;
+  color: #333;
+  border-bottom: 1px solid #e9ecef;
+  border-top-left-radius: 0.3rem;
+  border-top-right-radius: 0.3rem;
+}
+.modal-header h2{
+  font-size: 1.25rem;
+  margin-top: 14px;
+  margin-bottom: 14px;
+  color: maroon;
+}
+.modal-body {
+  padding: 2px 12px;
+  height: auto;
+}
+#modal-bodyText{
+  font-family: "acumin-pro", sans-serif;
+  font-weight: 400;
+  font-style: normal;
+  font-size: 16px;
+}
+
+.close {
+  color: #888;
+  float: right;
+  font-size: 28px;
+  font-weight: bold;
+}
+.close:hover, .close:focus {
+  color: maroon;
+  text-decoration: none;
+  cursor: pointer;
+}
+
+/* add animation effects */
+@-webkit-keyframes animatetop {
+  from {top:-300px; opacity:0}
+  to {top:0; opacity:1}
+}
+
+@keyframes animatetop {
+  from {top:-300px; opacity:0}
+  to {top:0; opacity:1}
+}

static/searchButton.css

@@ -0,0 +1,98 @@
+body {
+	font-family: sans-serif;
+	background-color: #111;
+}
+
+.button {
+	display: inline-block;
+	margin: 4px 2px;
+	background-color: #444;
+	font-size: 14px;
+	padding-left: 32px;
+	padding-right: 32px;
+	height: 50px;
+	line-height: 50px;
+	text-align: center;
+	color: white;
+	text-decoration: none;
+	cursor: pointer;
+	-moz-user-select: none;
+	-khtml-user-select: none;
+	-webkit-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+}
+
+.button:hover {
+	transition-duration: 0.4s;
+	-moz-transition-duration: 0.4s;
+	-webkit-transition-duration: 0.4s;
+	-o-transition-duration: 0.4s;
+	background-color: white;
+	color: black;
+}
+
+.search-container {
+	position: relative;
+	display: inline-block;
+	margin: 4px 2px;
+	height: 50px;
+	width: 50px;
+	vertical-align: bottom;
+}
+
+.mglass {
+	display: inline-block;
+	pointer-events: none;
+	-webkit-transform: rotate(-45deg);
+	-moz-transform: rotate(-45deg);
+	-o-transform: rotate(-45deg);
+	-ms-transform: rotate(-45deg);
+}
+
+.searchbutton {
+	position: absolute;
+	font-size: 22px;
+	width: 100%;
+	margin: 0;
+	padding: 0;
+}
+
+.search:focus + .searchbutton {
+	transition-duration: 0.4s;
+	-moz-transition-duration: 0.4s;
+	-webkit-transition-duration: 0.4s;
+	-o-transition-duration: 0.4s;
+	background-color: white;
+	color: black;
+}
+
+.search {
+	position: absolute;
+	left: 49px; /* Button width-1px (Not 50px/100% because that will sometimes show a 1px line between the search box and button) */
+	background-color: white;
+	outline: none;
+	border: none;
+	padding: 0;
+	width: 0;
+	height: 100%;
+	z-index: 10;
+	transition-duration: 0.4s;
+	-moz-transition-duration: 0.4s;
+	-webkit-transition-duration: 0.4s;
+	-o-transition-duration: 0.4s;
+}
+
+.search:focus {
+	width: 363px; /* Bar width+1px */
+	padding: 0 16px 0 0;
+}
+
+.expandright {
+	left: auto;
+	right: 49px; /* Button width-1px */
+}
+
+.expandright:focus {
+	padding: 0 0 0 16px;
+}

static/select2.css

@@ -0,0 +1,20 @@
+.select2-container{
+  box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle
+}
+.select2-container .select2-selection--single{
+  box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none
+}
+.select2-container .select2-selection--single {
+  display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
+}
+.select2-container .select2-selection--single .select2-selection__clear{
+  position:relative
+}
+.select2-container[dir="rtl"] .select2-selection--single {
+  padding-right:8px;padding-left:20px
+}
+.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple {display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single {color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple 
+/* .select2-selection__rendered{
+  box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%} */
+  .select2-container--default .select2-selection--multiple   {list-style:none}
+  .select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple {list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

static/style.css

@@ -50,59 +50,37 @@
     position: fixed;
     z-index:999
   }
-#measureselectid,#relvselectid{
-  border-radius: 5px;
+#measureselectid,#relvselectid {
+
   width: 51ch;
   font-size: 13px;
   margin-top: 5px;
-  
+  resize: auto;
+  background-color: #fff;
+  border-radius: 0 0 3px 3px;
+  border: 2px solid  #6e6e6e;
 }
+
 #measureselectid :hover,#relvselectid :hover{
   background-color: gray;
   color: white;
 }
 
-.selectionsProj, .selectionsProjp , .selectionsProjs{
-    margin-top: 8px ;
-    /* width: 49%; */
-    height: 30px;
-    margin-left: 5px ;
-    font-family: "acumin-pro", sans-serif;
-    font-weight: 400;
-    font-style: normal;
-    font-size: 13px;
-    border-radius: 5px;
-    cursor: pointer;
-    box-shadow: 2px 2px 2px gray;
-    color: black;
-    font-weight: 400;
-    
-    width: 51ch;
-
-}
-
 #measurementselectionsid{
-    /* margin-top: 1px ; */
-    width: 15ch;
+    width: 15ch !important;
     height: 30px;
     margin-left: 5px ;
     font-family: "acumin-pro", sans-serif;
     font-weight: 400;
     font-style: normal;
     font-size: 13px;
-    border-radius: 5px;
+    border-radius: 3px;
     cursor: pointer;
     box-shadow: 2px 2px 2px gray;
-   
 }
 #measurementselectionsid:hover{
     box-shadow: 4px 4px 4px gray;
 }
-.selectionsProj:hover, .selectionsProjp:hover , .selectionsProjs:hover{
-    background-color: lightgrey;
-    box-shadow: 4px 4px 4px gray;
-}
-
 
 #measureLabel, #relvDocLabel{
     font-family: "acumin-pro", sans-serif;
@@ -134,9 +112,9 @@
 #measureADRbutton{
     background-color: #16c72e;
     border: none;
-    padding: 10px 102px;
+    padding: 10px 122px; /*102*/
     cursor: pointer;
-    border-radius: 7px;
+    border-radius: 5px;
     margin-left: 2px;
     font-family: "acumin-pro", sans-serif;
     font-weight: bold;
@@ -149,7 +127,7 @@
   border: none;
   padding: 10px 121px;
   cursor: pointer;
-  border-radius: 7px;
+  border-radius: 5px;
   margin-left: 2px;
   font-family: "acumin-pro", sans-serif;
   font-weight: bold;
@@ -172,33 +150,30 @@
     cursor: pointer;
     display:inline-block;
     background-color:#ff5900;
-    border-radius: 7px;
+    border-radius: 5px;
+
 
 }
 #donebutton{
   width:50px;
 }
 
-#measureitemsid{
-    margin-top: 10px ;
-    width: 12ch;
-    height: 30px;
-    /* margin-left: 5px ; */
-    font-size: 13px;
-    border-radius: 5px;
-    cursor: pointer;
-    box-shadow: 2px 2px 2px gray;
-    font-family: "acumin-pro", sans-serif;
-    font-weight: 400;
-    font-style: normal;
-}
-#measureitemsid:hover{
-    box-shadow: 4px 4px 4px gray;
-}
 
+#selectionsM-M2{
+  width:9ch;
+  margin-top: 10px ;
+  height: 30px;
+  font-size: 13px;
+  border-radius: 5px;
+  cursor: pointer;
+  box-shadow: 2px 2px 2px gray;
+  font-family: "acumin-pro", sans-serif;
+  font-weight: 400;
+  font-style: normal;
+}
 #selectionsid{
     margin-top: 10px ;
-    width: 23ch;
+    width: 23ch !important;
     height: 30px;
     font-size: 13px;
     border-radius: 5px;
@@ -208,12 +183,12 @@
     font-weight: 400;
     font-style: normal;
 }
-#selectionsid:hover{
+/* #selectionsid:hover{
     box-shadow: 4px 4px 4px gray;
-}
+} */
 #repeatforloop{
     margin-left: 5px ;
-    margin-top: 10px;
+    margin-top: 8px;
     
 }
 
@@ -229,8 +204,8 @@
 #text0,#text1,#text2{
     font-size: 13px;
     /* width: 31.5%; */
-    height: 25px;
-    border-radius: 5px;
+    height: 33px;
+    border-radius: 2px;
     margin-bottom: 7px;
     margin-right: 0.2%;
     font-family: "acumin-pro", sans-serif;
@@ -267,6 +242,7 @@
     width:130px;
     height:40px;
     left: 3px;
+    margin-bottom: 200px;
     cursor: pointer;
     position: relative;
     background-color: #ff5900;
@@ -314,8 +290,8 @@ cursor: pointer;
 #lvlinput{
     font-size: 13px;
     width: 13ch;
-    height: 25px;
-    border-radius: 5px;
+    height: 30px;
+    border-radius: 3px;
     margin-top: 4px;
     margin-left: 9px;
     font-family: "acumin-pro", sans-serif;
@@ -338,7 +314,7 @@ cursor: pointer;
   font-weight: 400;
   font-style: normal;
   font-size: 13px;
-  border-radius: 5px;
+  border-radius: 3px;
   cursor: pointer;
   color: black;
 }
@@ -483,296 +459,171 @@ cursor: pointer;
     100% { transform: rotate(360deg); }
   }
 
-/********************************************************************/
-/* Style the tab */
-.tab {
-  overflow: hidden;
-  /* border: 1px solid black; */
-  background-color:black;
-  font-family: "acumin-pro", sans-serif;
-}
-.tab .dropbtn{
-  float:right
-}
-.tablinks{
-  color:white;
-  font-size: 18px;
-}
-/* Style the buttons that are used to open the tab content */
-.tab button {
-  background-color: inherit;
-  float: left;
-  border: none;
-  outline: none;
-  cursor: pointer;
-  padding: 14px 16px;
-  transition: 0.3s;
-}
 
-/* Change background color of buttons on hover */
-.tab button:hover {
-  background-color: rgb(0, 60, 255);
+.select2-container--default ,.select2-container--single {
+    margin-top: 5px ;
+    height: 33px;
+    /* margin-right: 5px ; */
+    margin-left: 2px;
+    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-dropdown.select2-dropdown--below{
+margin-top: -50px;
+} */
+.select2-search--dropdown{
+  margin-left: -8px;
+  margin-top: -9px;
+  border-radius: 0 0 3px 3px;
+  border: none;
+  position: static;
+  /* top:0; */
+}
+.select2-dropdown.select2-dropdown--above{
+  margin-top: -10px;
+}
+.select2-results__options{
+  /* list-style-type: none; */
+  background-color: #fff;
+  border-radius: 0 0 3px 3px;
+  border: 2px solid  #6e6e6e;
+  height: auto;
+  position: static;
+  overflow: scroll;
+  margin-left: -4px;
+  /* margin-bottom: 20px; */
+  width: 370px;
+  margin-top: -3px;
+  /* display: inline-block; */
 }
-
-/* Create an active/current tablink class */
-.tab button.active {
-  background-color:  rgb(0, 60, 255);
+/* .select2-dropdown .select2-results__option {
+  position: absolute;
+} */
+.select2-selection.select2-selection--single{
+  border: none;
 }
-
-/* Style the tab content */
-.tabcontent {
+.select2-selection__arrow{
   display: none;
-  /* padding: 6px 12px; */
-  /* border: 1px solid #ccc; */
-  border-top: none;
-
 }
-/*********************************************************************/
+/* .select2-dropdown.select2-dropdown--above{
+  margin-top: 130px;
+  margin-left: -5px;
+} */
 
-.container {
-  /* display: inline-block; */
+.projnamedp input , .projectpart input , .projectsection input {
+  margin-top: 8px ;
+  height: 33px;
+  margin-left: 5px ;
+  font-family: "acumin-pro", sans-serif;
+  font-weight: 400;
+  font-style: normal;
+  font-size: 13px;
+  border-radius: 3px;
   cursor: pointer;
-  margin-top: 5px;
-  display: block;
-  float: left;
-  margin-right: 5px;
-
+  box-shadow: 2px 2px 2px gray;
+  color: black;
+  font-weight: 400;
+  width: 51ch;
 }
 
-.bar1, .bar2, .bar3 {
-  width: 30px;
-  height: 5px;
-  background-color: #fcfcfc;
-  margin: 5px 0;
-  transition: 0.4s;
-  margin-left: 5px;
- 
+.projnamedp input:hover, .projectpart input:hover , .projectsection input:hover {
+  background-color: lightgrey;
+  box-shadow: 4px 4px 4px gray;
 }
 
-.change .bar1 {
-  transform: translate(0, 10px) rotate(-45deg);
-}
 
-.change .bar2 {opacity: 0;}
 
-.change .bar3 {
-  transform: translate(0, -10px) rotate(45deg);
-}
-/*Dashed Lines on the left - Menu icon */
-#slider {
-  position: absolute;
-  width:400px;
-  height:900px;
-  background:rgb(179, 179, 179);
-  transform: translateX(-100%);
-  -webkit-transform: translateX(-100%);
-  z-index: 2;
+.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;
 }
-
-.slide-in {
-  animation: slide-in 0.9s forwards;
-  -webkit-animation: slide-in 0.9s forwards;
+/* .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;
 }
 
-.slide-out {
-  animation: slide-out 0.9s forwards;
-  -webkit-animation: slide-out 0.9s forwards;
-}
-  
-@keyframes slide-in {
-  100% { transform: translateX(0%); }
+.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;
 }
 
-@-webkit-keyframes slide-in {
-  100% { -webkit-transform: translateX(0%); }
-}
-  
-@keyframes slide-out {
-  0% { transform: translateX(0%); }
-  100% { transform: translateX(-100%); }
+.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;
 }
 
-@-webkit-keyframes slide-out {
-  0% { -webkit-transform: translateX(0%); }
-  100% { -webkit-transform: translateX(-100%); }
-}
-/*Menu options*/
-#menuOptions{
-  margin-left: 5px;
-  font-size: 30px;
-  margin-top: 8px;
-  color: white;
-  font-family: "acumin-pro", sans-serif;
-  font-weight: 400;
-  font-style: normal;
+.measurementscripts input {
+  margin-left: 5px ;
+  width: 15ch;
 }
-#menuOptions  li{
-  margin-bottom: 6px;
-  
-  }
-#menuOptions  li:hover{
-color: black;
-cursor: pointer;
-
+.measurementsMC input{
+  margin-left: 120px ;
+  width: 23ch;
 }
-/* User Guide Content(hidden by default) */
-  .dropdown-content {
-    display: none;
-    /* position: -webkit-sticky; Safari */
-    position: absolute;
-    right: 0;
-    top: 0;
-    margin-top: 57px;
-    background-color: #f9f9f9;
-    min-width: 160px;
-    max-width: 36%;
-    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
-    z-index: 999;
+/* #measureitemsid{
+    margin-top: 10px ;
+    width: 11ch;
+    height: 30px;
+    margin-left:290px ;
+    font-size: 13px;
+    border-radius: 5px;
+    cursor: pointer;
+    box-shadow: 2px 2px 2px gray;
     font-family: "acumin-pro", sans-serif;
     font-weight: 400;
     font-style: normal;
-    font-size: 13px;
-    float: right;
-    border: none;
-    outline: none;
-  }
-    
-  #userguidetext{
-    margin-left: 20px;
-    margin-right: 20px;
-  }
-
-  
- #secondpage{
-  float: right;
-  margin-right: 10px;
-  cursor: pointer;
- }
- #firstpage{
-  cursor: pointer;
- }
-   
-
-#userguideheadings{
-  font-size: 14px;
-  font-weight: bold;
-  
-}
-#underlinedLables{
-  text-decoration: underline;
-}
+} */
 
-/* i info button*/
-#infoImg{
-  width:30px;
-  margin-top: -5px;
-  margin-bottom: -10px;
-  
-  /* margin-left: -200px; */
+#measureitemsid{
+  /* margin-left:294px ; */
+  width: 11ch !important;
+  border: 2px solid  #6e6e6e;
 }
-
-/*Narbar on top of the page of the legend*/
-.graynavbarLegend{
-  background-color: #b2b2b2;
-  height: 35px;
-  position: relative;
+#measureitemsid:hover{
+  box-shadow: 4px 4px 4px gray;
 }
-
-.graynavbarLegend label{
-  float: left;
-  display: block;
-  color: black;
-  text-align: center;
-  /* padding: 7px 16px; */
-  text-decoration: none;
+.measurementscripts input , .measurementsMC input , #measureitemsid{
+  margin-top: 8px ;
+  height: 33px;
   font-family: "acumin-pro", sans-serif;
   font-weight: 400;
   font-style: normal;
-  font-size: 16px;
-  margin-left: 7px;
-
-}
-
-.graynavbarLegend .label2{
-  color: blue;
-}
-
-/*Sorting buttons*/
-
-.sortbutton{
-  background-color: transparent;
-  border: transparent;
-}
-
-/******************************/
-#createdTimeDiv{
-  vertical-align: top;
-  display: inline-block; 
-}
-
-#prjname, #prjpart, #prjsec{
-  font-size: 15px;
-  font-family: "acumin-pro", sans-serif;
-  margin-bottom: 10px;
-  margin-left: 5px;
-  cursor: pointer;
-  font-weight: bold;
-
-  
-}
-.legendtime{
-  margin-left: 54%;
-   
-}
-.legendtime .EditTime{
-  margin-left: 90px;
-}
-#legendtimediv{
-  margin-left: 17%;
-  display: inline-block;
-  /* float: right; */
-  /* position: absolute; */
-  
-}
-
-#legendtimediv:before {
-  content: '';
-  width: 10%;
-  min-width: 100px;
-  max-width: 200px;
-  display: inline-block;
-}
-#legendmodtime{
-  margin-left: 50px;
-}
-#legendmodtime:hover , #legendtime:hover , #legend:hover{
+  font-size: 13px;
+  border-radius: 3px;
   cursor: pointer;
+  box-shadow: 2px 2px 2px gray;
+  color: black;
+  font-weight: 400;
+  display:inline-block;
+  position: absolute;
 }
-#legendlbldivwhole:hover{
-background-color: lightblue;
-cursor: pointer;
-font-family:  "acumin-pro", sans-serif;
+.measurementscripts input:hover , .measurementsMC input:hover{
+    box-shadow: 4px 4px 4px gray;
+} 
 
-}
-#legendlbldivwhole{
-  font-family:  "acumin-pro", sans-serif;
-}
-.legendclass{
-  color: blue;
-  text-decoration-line: underline;
-  max-width: 40ch;
-  width:40ch;
-  word-wrap: break-word;
-}
-.infotip{
-  justify-content: center;
-  font-family:  "acumin-pro", sans-serif;
-  color:red;
-}
-#CreatesortDesc , #EditsortDesc , #CreatesortAsc, #EditsortAsc{
-  margin-top: 5px;
-}
-#CreatesortDesc:hover , #EditsortDesc:hover , #CreatesortAsc:hover, #EditsortAsc:hover{
-color:gray;
-cursor: pointer;
-}