Develop

html/css/idStyles.css

+#loading-overlay {
+    z-index:100;
+    width: 100%;
+    height: 100%;
+    background-color: lightgray;
+    /* display: block; */
+    position: fixed;
+}
+#loading-overlay.hidden {
+    display: none;
+}
+#loading-overlay-spinner {
+  position: fixed;
+  left: 48%;
+  left: calc(50% - 60px);
+  top: 48%;
+  top: calc(50% - 60px);
+  border-radius: 50%;
+  border-top: 16px solid #3498db;
+  width: 120px;
+  height: 120px;
+  -webkit-animation: spin 2s linear infinite;
+  animation: spin 2s linear infinite;
+}
+@-webkit-keyframes spin {
+  0% { -webkit-transform: rotate(0deg); }
+  100% { -webkit-transform: rotate(360deg); }
+}
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
 
 #model-view-paper-scrollable-wrapper {
     overflow: scroll;
@@ -17,6 +49,10 @@
 
 }
 
+#authorization-page-contents div {
+  margin: 30px;
+}
+
 
 
 #model-view-pallette {
@@ -90,6 +126,11 @@
     pointer-event:none;
 }
 
+
+
+
+
+
 /*
 #loader {
   position: absolute;