Reorganized project structure to separate backend process from frontend process.

ReportingServices.UI/wwwroot/css/site.css

@@ -0,0 +1,93 @@
+html {
+  font-size: 14px;
+}
+
+@media (min-width: 768px) {
+  html {
+    font-size: 16px;
+  }
+}
+
+html {
+  position: relative;
+  min-height: 100%;
+}
+
+body {
+  margin-bottom: 60px;
+}
+
+.multiselect {
+    width: 100%;
+}
+
+.selectBox {
+    position: relative;
+}
+
+.selectBox select {
+    width: 100%;
+}
+
+.overSelect {
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+}
+
+.mySelectOptions {
+    display: none;
+    border: 0.5px #7c7c7c solid;
+    background-color: #ffffff;
+    max-height: 150px;
+    overflow-y: scroll;
+}
+
+.mySelectOptions label {
+    display: block;
+    font-weight: normal;
+    display: block;
+    white-space: nowrap;
+    min-height: 1.2em;
+    background-color: #ffffff00;
+    padding: 0 2.25rem 0 .75rem;
+    /* padding: .375rem 2.25rem .375rem .75rem; */
+}
+
+.mySelectOptions label:hover {
+    background-color: #1e90ff;
+}
+
+.hidden {
+    display: none;
+    opacity: 0;
+}
+
+.shown {
+    display: table-row;
+    opacity: 1;
+}
+
+.buttonImage {
+    padding-right: 15px;
+}
+
+#LoadingDisplay {
+    width: 100vw;
+    height: 100vh;
+    position: fixed;
+    top: 0;
+    left: 0;
+    background-color: white;
+    opacity: 0.6;
+    z-index: 1000;
+}
+
+#LoadingDisplayContent {
+    margin: auto;
+    margin-top: 25%;
+    width: 60%;
+    padding: 10px;
+}