Added Viewer and

change to App Setting File from Constants

Viewer/wwwroot/styles/Site.css

@@ -0,0 +1,102 @@
+body {
+    padding-top: 50px;
+    padding-bottom: 20px;
+    background-color: #FAFAFA;
+}
+
+/* Set padding to keep content from hitting the edges */
+.body-content {
+    padding-left: 15px;
+    padding-right: 15px;
+}
+
+/* Set width on the form input elements since they're 100% wide by default */
+input,
+select,
+textarea {
+    max-width: 280px;
+}
+
+div.modal-content-error {
+    background-color: #9e2525;
+    color: #ffffff;
+}
+
+div.modal-content-success {
+    background-color: #e5fbe5;
+    color: #000000;
+}
+
+div.modal-content-info {
+    background-color: #5bc0de;
+    color: #000000;
+}
+
+div.modal-content-warning {
+    background-color: yellow;
+    color: #000000;
+}
+
+.changes-highlight {
+    background-color: yellow;
+}
+
+.k-alt .changes-highlight {
+    background-color: #f0f050;
+}
+
+.button-highlight {
+    background-color: yellow !important;
+}
+
+.history-deleted {
+    background-color: #FFDDDD;
+}
+
+.k-alt.history-deleted {
+    background-color: #EECCCC !important;
+}
+
+.error-highlight {
+    color: red;
+    font-weight: bold;
+}
+
+.checkbox-container {
+    max-height: 200px;
+    overflow: auto;
+}
+
+.test-database {
+    background-color: red !important;
+}
+
+    .test-database .navbar-brand,
+    .test-database .navbar-text,
+    .test-database .navbar-nav > li > a {
+        color: white;
+    }
+
+        .test-database .navbar-nav > li > a:hover,
+        .test-database .navbar-nav > li > a:focus {
+            color: black !important;
+        }
+
+.test-database-text {
+    font-weight: bold;
+    font-size: 20px;
+    line-height: 20px;
+}
+
+.navbar {
+    border-bottom-color: black;
+    background-color: white;
+}
+
+.navbar-nav > li > a {
+    font-weight: bold;
+}
+
+.icon-bar {
+    background-color: black;
+}