From 88cbba01b66207d44004aa27010daeadec7e865e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcin=20Cie=C5=9Blikowski?= <marcin@pcs.com.pl>
Date: Tue, 12 May 2026 15:39:37 +0200
Subject: [PATCH] Update dashboard template

---
 dashboard.template.php         |  225 ++-
 oryginalne uniview/default.css | 2662 ++++++++++++++++++++++++++++++++
 2 files changed, 2853 insertions(+), 34 deletions(-)
 create mode 100644 oryginalne uniview/default.css

diff --git a/dashboard.template.php b/dashboard.template.php
index 3ea3c47..edea010 100644
--- a/dashboard.template.php
+++ b/dashboard.template.php
@@ -1,8 +1,9 @@
-<script src="assets/vendor/tailwindcss-3.4.17-cdn.js"></script>
+<script src="assets/vendor/tailwindcss-3.4.17-cdn.js"></script>
     <link rel="stylesheet" href="assets/vendor/fontawesome/css/all.min.css">
     <script>
         tailwind.config = {
             darkMode: 'class',
+            important: '#nscDashboardRoot',
             theme: {
                 extend: {
                     colors: {
@@ -23,54 +24,175 @@
         }
     </script>
     <style>
-/* Wider, modern macOS-style scrollbar for popovers */
-        .custom-scrollbar::-webkit-scrollbar {
+        #nscDashboardRoot {
+            all: initial;
+            display: block;
+            position: relative;
+            width: 100%;
+            min-height: 100%;
+            padding: 1rem;
+            font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+            font-size: 16px;
+            color: #1e293b;
+            line-height: 1.5;
+            text-align: initial;
+            -webkit-font-smoothing: antialiased;
+            -moz-osx-font-smoothing: grayscale;
+        }
+        #nscDashboardRoot .nsc-dashboard-bg {
+            position: absolute;
+            inset: 0;
+            z-index: 0;
+            min-height: 100%;
+            background-color: #f8fafc;
+            pointer-events: none;
+        }
+        .dark #nscDashboardRoot .nsc-dashboard-bg {
+            background-color: #0f172a;
+        }
+        #nscDashboardRoot .nsc-dashboard-content {
+            position: relative;
+            z-index: 1;
+            width: 100%;
+            max-width: 1920px;
+            margin-inline: auto;
+        }
+        .dark #nscDashboardRoot {
+            color: #e2e8f0;
+        }
+        #nscDashboardRoot,
+        #nscDashboardRoot *,
+        #nscDashboardRoot *::before,
+        #nscDashboardRoot *::after {
+            box-sizing: border-box;
+        }
+        #nscDashboardRoot button,
+        #nscDashboardRoot input {
+            font: inherit;
+        }
+        #nscDashboardRoot :where(h1, h2, h3, h4, h5, p, button, input) {
+            margin: 0;
+        }
+        #nscDashboardRoot :where(h1, h2, h3, h4, h5, p) {
+            padding: 0;
+            border: 0;
+            background: transparent;
+            font-style: normal;
+        }
+        #nscDashboardRoot :where(button, input) {
+            color: inherit;
+        }
+        #nscDashboardRoot button {
+            background: transparent;
+            cursor: pointer;
+        }
+        #nscDashboardRoot input {
+            box-sizing: border-box !important;
+            margin: 0 !important;
+        }
+        #nscDashboardRoot button {
+            box-sizing: border-box !important;
+            margin: 0 !important;
+            font-size: inherit !important;
+            line-height: inherit !important;
+        }
+        #nscDashboardRoot button {
+            min-width: 0 !important;
+            min-height: 0 !important;
+            border-width: 0;
+        }
+        #nscDashboardRoot button.text-xs {
+            font-size: 0.75rem !important;
+            line-height: 1rem !important;
+        }
+        #nscDashboardRoot button.text-sm {
+            font-size: 0.875rem !important;
+            line-height: 1.25rem !important;
+        }
+        #nscDashboardRoot button.px-2 {
+            padding-left: 0.5rem !important;
+            padding-right: 0.5rem !important;
+        }
+        #nscDashboardRoot button.px-3 {
+            padding-left: 0.75rem !important;
+            padding-right: 0.75rem !important;
+        }
+        #nscDashboardRoot button.px-4 {
+            padding-left: 1rem !important;
+            padding-right: 1rem !important;
+        }
+        #nscDashboardRoot button.px-5 {
+            padding-left: 1.25rem !important;
+            padding-right: 1.25rem !important;
+        }
+        #nscDashboardRoot button.py-1 {
+            padding-top: 0.25rem !important;
+            padding-bottom: 0.25rem !important;
+        }
+        #nscDashboardRoot button.py-1\.5 {
+            padding-top: 0.375rem !important;
+            padding-bottom: 0.375rem !important;
+        }
+        #nscDashboardRoot button.py-2 {
+            padding-top: 0.5rem !important;
+            padding-bottom: 0.5rem !important;
+        }
+        #nscDashboardRoot button.py-2\.5 {
+            padding-top: 0.625rem !important;
+            padding-bottom: 0.625rem !important;
+        }
+        /* Wider, modern macOS-style scrollbar for popovers */
+        #nscDashboardRoot .custom-scrollbar::-webkit-scrollbar {
             width: 12px;
         }
-        .custom-scrollbar::-webkit-scrollbar-track {
+        #nscDashboardRoot .custom-scrollbar::-webkit-scrollbar-track {
             background: transparent;
             border-radius: 8px;
         }
-        .custom-scrollbar::-webkit-scrollbar-thumb {
+        #nscDashboardRoot .custom-scrollbar::-webkit-scrollbar-thumb {
             background-color: rgba(156, 163, 175, 0.5); /* Semi-transparent gray */
             border: 3px solid transparent; /* Inner border */
             background-clip: padding-box;
             border-radius: 8px;
         }
-        .dark .custom-scrollbar::-webkit-scrollbar-thumb {
+        .dark #nscDashboardRoot .custom-scrollbar::-webkit-scrollbar-thumb {
             background-color: rgba(107, 114, 128, 0.6);
         }
-        .custom-scrollbar::-webkit-scrollbar-thumb:hover {
+        #nscDashboardRoot .custom-scrollbar::-webkit-scrollbar-thumb:hover {
             background-color: rgba(107, 114, 128, 0.8);
             border-width: 2px;
         }
 </style>
 
-    <div id="nscTerminalDashboard" class="flex flex-col gap-6">
-        <!-- The dashboard UI is injected here by JavaScript -->
-    </div>
-
+    <div id="nscDashboardRoot">
+        <div class="nsc-dashboard-bg" aria-hidden="true"></div>
+        <div class="nsc-dashboard-content">
+            <div id="nscTerminalDashboard" class="flex flex-col gap-6">
+                <!-- The dashboard UI is injected here by JavaScript -->
+            </div>
 
-    <!-- Custom confirm modal replacing window.confirm -->
-    <div id="customConfirmModal" class="fixed inset-0 z-[999] flex items-center justify-center hidden opacity-0 transition-opacity duration-300">
-        <div class="absolute inset-0 bg-slate-900/50 backdrop-blur-sm" id="customConfirmOverlay"></div>
-        <div class="relative bg-white dark:bg-slate-800 rounded-2xl shadow-2xl border border-slate-200 dark:border-slate-700 w-full max-w-md p-6 transform scale-95 transition-transform duration-300" id="customConfirmBox">
-            <div class="flex items-center gap-3 mb-4">
-                <div class="w-10 h-10 rounded-full bg-brand-100 dark:bg-brand-900/30 text-brand-600 dark:text-brand-400 flex items-center justify-center text-xl flex-shrink-0">
-                    <i class="fa fa-question-circle"></i>
+            <!-- Custom confirm modal replacing window.confirm -->
+            <div id="customConfirmModal" class="fixed inset-0 z-[999] flex items-center justify-center hidden opacity-0 transition-opacity duration-300">
+                <div class="absolute inset-0 bg-slate-900/50 backdrop-blur-sm" id="customConfirmOverlay"></div>
+                <div class="relative bg-white dark:bg-slate-800 rounded-2xl shadow-2xl border border-slate-200 dark:border-slate-700 w-full max-w-md p-6 transform scale-95 transition-transform duration-300" id="customConfirmBox">
+                    <div class="flex items-center gap-3 mb-4">
+                        <div class="w-10 h-10 rounded-full bg-brand-100 dark:bg-brand-900/30 text-brand-600 dark:text-brand-400 flex items-center justify-center text-xl flex-shrink-0">
+                            <i class="fa fa-question-circle"></i>
+                        </div>
+                        <h3 class="text-xl font-bold text-slate-900 dark:text-white" id="customConfirmTitle">Potwierdzenie</h3>
+                    </div>
+                    <div class="text-sm text-slate-600 dark:text-slate-300 mb-6 pl-13 font-medium leading-relaxed" id="customConfirmMessage">
+                        Czy na pewno...
+                    </div>
+                    <div class="flex justify-end gap-3 pt-4 border-t border-slate-100 dark:border-slate-700">
+                        <button id="customConfirmCancel" class="px-5 py-2.5 bg-slate-100 dark:bg-slate-700 text-slate-700 dark:text-slate-300 rounded-xl hover:bg-slate-200 dark:hover:bg-slate-600 font-semibold transition-colors">
+                            Anuluj
+                        </button>
+                        <button id="customConfirmOk" class="px-5 py-2.5 bg-brand-600 hover:bg-brand-700 text-white rounded-xl font-semibold transition-colors shadow-md shadow-brand-500/20">
+                            Potwierdź Akcję
+                        </button>
+                    </div>
                 </div>
-                <h3 class="text-xl font-bold text-slate-900 dark:text-white" id="customConfirmTitle">Potwierdzenie</h3>
-            </div>
-            <div class="text-sm text-slate-600 dark:text-slate-300 mb-6 pl-13 font-medium leading-relaxed" id="customConfirmMessage">
-                Czy na pewno...
-            </div>
-            <div class="flex justify-end gap-3 pt-4 border-t border-slate-100 dark:border-slate-700">
-                <button id="customConfirmCancel" class="px-5 py-2.5 bg-slate-100 dark:bg-slate-700 text-slate-700 dark:text-slate-300 rounded-xl hover:bg-slate-200 dark:hover:bg-slate-600 font-semibold transition-colors">
-                    Anuluj
-                </button>
-                <button id="customConfirmOk" class="px-5 py-2.5 bg-brand-600 hover:bg-brand-700 text-white rounded-xl font-semibold transition-colors shadow-md shadow-brand-500/20">
-                    Potwierdź Akcję
-                </button>
             </div>
         </div>
     </div>
@@ -273,6 +395,16 @@
                     <i class="fa fa-info-circle"></i> Inicjalizacja...
                 </div>
 
+                <div id="nscCommandProgress" class="hidden bg-white dark:bg-slate-800 rounded-xl p-4 shadow-soft border border-slate-200 dark:border-slate-700">
+                    <div class="flex items-center justify-between gap-4 text-xs font-bold mb-2">
+                        <span id="nscCommandProgressLabel" class="text-slate-600 dark:text-slate-300">Wysyłanie poleceń...</span>
+                        <span id="nscCommandProgressCount" class="text-slate-900 dark:text-white">0 / 0</span>
+                    </div>
+                    <div class="h-2.5 w-full bg-slate-100 dark:bg-slate-700 rounded-full overflow-hidden">
+                        <div id="nscCommandProgressBar" class="h-full bg-brand-500 transition-all duration-300" style="width: 0%"></div>
+                    </div>
+                </div>
+
                 <!-- Global summary view -->
                 <div id="nscExhibitionCard"></div>
 
@@ -288,6 +420,26 @@
             el.innerHTML = `<i class="fa ${isError ? 'fa-exclamation-triangle' : 'fa-check-circle'}"></i> ${msg}`;
         }
 
+        function setCommandProgress(sent, total, label) {
+            const progress = document.getElementById("nscCommandProgress");
+            const progressBar = document.getElementById("nscCommandProgressBar");
+            const progressCount = document.getElementById("nscCommandProgressCount");
+            const progressLabel = document.getElementById("nscCommandProgressLabel");
+            if (!progress || !progressBar || !progressCount || !progressLabel) return;
+
+            const pct = total ? Math.round((sent / total) * 100) : 0;
+            progress.classList.remove("hidden");
+            progressLabel.textContent = label;
+            progressCount.textContent = `${sent} / ${total}`;
+            progressBar.style.width = `${pct}%`;
+        }
+
+        function hideCommandProgress(delayMs = 1200) {
+            const progress = document.getElementById("nscCommandProgress");
+            if (!progress) return;
+            setTimeout(() => progress.classList.add("hidden"), delayMs);
+        }
+
         function openPopover(locId) {
             document.querySelectorAll('[id^="popover-"]').forEach(p => closePopover(p.id.replace('popover-', '')));
             state.openPopoverId = locId;
@@ -416,7 +568,7 @@
             const on = loc.terminals.filter(isTerminalOn).length;
             const pct = total ? Math.round((on/total)*100) : 0;
 
-            const pcs = loc.terminals.filter(t => t.player === 'PC');
+            const pcs = loc.terminals.filter(t => t.player === 'UVP');
             const onPcs = pcs.filter(isTerminalOn).length;
 
             const lights = loc.terminals.filter(t => t.player === 'CTRL');
@@ -591,7 +743,7 @@
         async function executeCommand(command, locationId, type) {
             const targets = state.terminals.filter(t => {
                 if(locationId !== 'all' && t.location_id !== locationId) return false;
-                if(type !== 'all' && (type === 'computer' ? t.player !== 'PC' : t.player !== 'CTRL')) return false;
+                if(type !== 'all' && (type === 'computer' ? t.player !== 'UVP' : t.player !== 'CTRL')) return false;
                 return true;
             });
             if(!targets.length) return setStatus("Brak urządzeń spełniających kryteria.", true);
@@ -601,12 +753,14 @@
         async function executeCommandBulk(command, targets, scopeLabel) {
             state.busy = true;
             setStatus(`Wysyłanie polecenia ${command} do ${targets.length} urządzeń (${scopeLabel})...`, false);
+            setCommandProgress(0, targets.length, `Wysłano polecenie do 0 z ${targets.length} urządzeń`);
 
             try {
                 // Preview mode skips FETCH requests
                 const isPreview = window.location.protocol === 'about:' || window.location.protocol === 'blob:' || window.location.hostname === '';
 
                 let failedCount = 0;
+                let sentCount = 0;
 
                 for(const t of targets) {
                     if (isPreview) {
@@ -618,18 +772,21 @@
                         try {
                             const body = new URLSearchParams();
                             body.set("command", command);
-                            body.set("tag_id", t.id);
+                            const url = `${API_COMMAND}&terminal_id=${encodeURIComponent(t.id)}`;
 
-                            const res = await fetch(API_COMMAND, { method: "POST", body: body });
+                            const res = await fetch(url, { method: "POST", body: body });
                             if(!res.ok) failedCount++;
                         } catch(e) {
                             failedCount++;
                         }
                     }
+                    sentCount++;
+                    setCommandProgress(sentCount, targets.length, `Wysłano polecenie do ${sentCount} z ${targets.length} urządzeń`);
                 }
 
                 if(failedCount > 0) setStatus(`Zakończono z błędami. Niepowodzenia: ${failedCount}/${targets.length}`, true);
                 else setStatus(`Polecenie wykonane pomyślnie dla ${targets.length} urządzeń.`, false);
+                hideCommandProgress();
 
                 setTimeout(() => refreshTerminals(true), 1500);
             } finally {
diff --git a/oryginalne uniview/default.css b/oryginalne uniview/default.css
new file mode 100644
index 0000000..69db76f
--- /dev/null
+++ b/oryginalne uniview/default.css	
@@ -0,0 +1,2662 @@
+@charset "UTF-8";
+@keyframes blinker {
+  0%, 100% {
+    background-color: #F04040;
+  }
+  80% {
+    background-color: #4884C0;
+  }
+}
+.extruded, DIV.formTabBody {
+  background-color: transparent;
+  border: 4px solid #727272 !important;
+  padding: 1px;
+}
+
+HTML {
+  background-color: #cccccc;
+}
+
+BODY {
+  color: #FFFFFF;
+  font-family: "Segoe UI", sans-serif;
+  font-size: 12px;
+  margin: 0px;
+  padding: 0px;
+  width: auto;
+  overflow-y: scroll;
+}
+
+P {
+  margin: 2px 0;
+  padding: 0;
+}
+
+HR {
+  color: #4884C0;
+  background-color: #4884C0;
+  height: 2px;
+}
+
+VAR {
+  font-weight: normal;
+  font-style: normal;
+  font-size: 12px;
+}
+
+H1 {
+  font-size: 24px;
+  font-weight: normal;
+  color: #FFFFFF;
+  background-color: #727272;
+  padding: 12px 12px;
+  margin: 0px;
+}
+
+H2 {
+  font-size: 18px;
+  font-weight: normal;
+  background-color: #727272;
+  color: #FFFFFF;
+  padding: 2px 6px;
+  border-radius: none;
+  margin: 0px;
+  margin-bottom: 1px;
+}
+H2 A {
+  color: inherit;
+}
+H2 .disabled {
+  background-color: inherit;
+  color: inherit;
+}
+
+H3 {
+  font-size: 12px;
+  font-weight: normal;
+  color: #cccccc;
+  padding: 2px 0px 2px 0px;
+  margin: 4px 0 2px 0;
+  border-bottom: 1px solid #cccccc;
+}
+
+CODE {
+  color: teal;
+}
+
+A {
+  color: #4056c4;
+  text-decoration: none;
+}
+
+A:hover {
+  text-decoration: underline;
+}
+
+.clickable {
+  color: #4056c4;
+  cursor: pointer;
+}
+.clickable:hover {
+  text-decoration: underline;
+}
+
+INPUT,
+BUTTON,
+SELECT,
+TEXTAREA,
+.button {
+  font-family: "Segoe UI", sans-serif;
+  color: #000000;
+  margin: 2px;
+  vertical-align: middle;
+  font-size: 12px;
+  line-height: 16px;
+  box-sizing: content-box;
+}
+
+BUTTON,
+.button {
+  cursor: pointer;
+}
+BUTTON.button_with_icon,
+.button.button_with_icon {
+  background-position: 6px center;
+  background-repeat: no-repeat;
+  padding-left: 22px !important;
+  padding-right: 4px !important;
+  min-height: 16px;
+}
+BUTTON.button_with_icon_top,
+.button.button_with_icon_top {
+  background-position: 50% 4px;
+  background-repeat: no-repeat;
+  padding-top: 20px !important;
+  min-height: 20px;
+}
+BUTTON.button-delete,
+.button.button-delete {
+  background-color: #F04040 !important;
+}
+BUTTON.button-alert,
+.button.button-alert {
+  background-color: #F04040 !important;
+}
+BUTTON.button-attention,
+.button.button-attention {
+  background-color: #4884C0 !important;
+}
+BUTTON.button-blinking,
+.button.button-blinking {
+  background-color: #4884C0 !important;
+  animation: blinker 1s linear infinite;
+}
+BUTTON.button-negative,
+.button.button-negative {
+  background-color: #727272 !important;
+}
+BUTTON.button-positive,
+.button.button-positive {
+  background-color: #40B040 !important;
+}
+
+TEXTAREA {
+  resize: none;
+  box-sizing: border-box;
+  width: calc(100% - 4px);
+}
+
+INPUT[type=text],
+INPUT[type=password] {
+  padding: 1px;
+  box-sizing: border-box;
+  width: calc(100% - 4px);
+}
+
+INPUT[type=radio],
+INPUT[type=checkbox] {
+  border: 0px;
+}
+INPUT[type=radio].label-only,
+INPUT[type=checkbox].label-only {
+  display: none;
+}
+
+SELECT {
+  min-width: auto;
+}
+
+OPTGROUP {
+  font-size: 12px;
+  font-style: normal;
+  font-weight: normal;
+  font-family: monospace;
+  color: #FFB953;
+}
+
+OPTION {
+  color: #000000;
+}
+
+LABEL[title]:after {
+  content: "\f05a";
+  font-family: "Font Awesome 6 Free";
+  font-weight: 900;
+  margin-left: 1ex;
+}
+
+INPUT[type=radio] + LABEL:hover {
+  text-decoration: underline;
+}
+
+INPUT[type=radio]:checked + LABEL {
+  font-weight: bold;
+}
+
+INPUT[type=text],
+INPUT[type=password],
+TEXTAREA,
+SELECT,
+OPTION,
+OPTGROUP {
+  font-size: 12px;
+  vertical-align: middle;
+}
+
+INPUT[type=text],
+INPUT[type=password],
+TEXTAREA {
+  padding-left: 2px;
+}
+
+INPUT[type=submit],
+BUTTON,
+.button {
+  min-height: 16px;
+  min-width: -moz-min-content;
+  min-width: min-content;
+  color: #FFFFFF;
+  padding: 4px 8px 4px 4px !important;
+  font-size: 12px !important;
+  font-weight: normal;
+  margin: 2px;
+  background-color: #4056c4;
+  border: 0px solid #FFFFFF;
+}
+INPUT[type=submit].no-label,
+BUTTON.no-label,
+.button.no-label {
+  padding: 4px 4px 4px 4px !important;
+}
+INPUT[type=submit] > .fa-fw,
+BUTTON > .fa-fw,
+.button > .fa-fw {
+  width: 16px;
+  padding-right: 2px;
+  text-align: middle;
+}
+INPUT[type=submit].button-alert,
+BUTTON.button-alert,
+.button.button-alert {
+  background-color: #F04040 !important;
+}
+
+.button {
+  display: inline-block;
+  text-decoration: none !important;
+  cursor: pointer;
+}
+
+BUTTON:disabled,
+.button.disabled {
+  background-color: #cccccc !important;
+}
+
+FIELDSET {
+  margin: 0px;
+  padding: 0px;
+  border-top: 4px solid #727272;
+  border-bottom: 4px solid #727272;
+  box-sizing: border-box;
+}
+
+#layout_header {
+  background-color: #cccccc;
+  color: #FFFFFF;
+  margin: 0;
+  overflow: auto;
+  top: 0px;
+  z-index: 200;
+}
+
+#layout_content {
+  background-color: transparent;
+  padding: 0;
+  margin: 0;
+}
+#layout_content > * {
+  margin-left: 0px;
+  margin-top: 1px;
+}
+#layout_content > *:first-child {
+  margin-top: 0px;
+}
+
+#layout_footer {
+  border-top: none;
+  background-color: transparent;
+  color: #FFFFFF;
+  padding: 4px 4px 16px 4px;
+  margin: 1px 0;
+  font-style: italic;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+}
+#layout_footer .language-bar {
+  flex: auto;
+}
+#layout_footer .language-bar img {
+  cursor: pointer;
+  padding: 0px 4px;
+}
+
+#logo_image {
+  display: block;
+  margin-bottom: 8px;
+}
+
+/*@media (min-width: 1200px)
+{
+	#breadthrumb {
+		position: fixed;
+		z-index: 201;
+		top: 0px;
+		left: 200px;
+		height: 26px;
+		font-size: 18px;
+		line-height: 20px;
+		width: calc(100% - 800px);
+		padding: 0px 40px;
+		margin: 0;
+		border-radius: 0px 0px 20px 20px;
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}	
+
+	.breadthrumb-help-button {
+		position: absolute;
+		right: 20px;
+	}
+}*/
+IMG.help {
+  margin: 0 2px;
+  vertical-align: middle;
+}
+
+BUTTON.tree-button {
+  border: none !important;
+  background: none !important;
+  color: black !important;
+  vertical-align: inherit !important;
+  margin: 0 !important;
+  padding: 0 !important;
+}
+
+TABLE.data {
+  background-color: #000000;
+  width: 100%;
+  border: none;
+  border-radius: 0;
+  border-collapse: collapse;
+}
+TABLE.data CAPTION {
+  font-size: 18px;
+  font-weight: normal;
+  background-color: #a0a0a0;
+  color: #FFFFFF;
+  padding: 2px 6px;
+  margin: 0px 0 0 0;
+  border: 0px;
+  text-align: left;
+  border-radius: 0;
+}
+TABLE.data TH {
+  margin: 0px;
+  padding: 2px 4px;
+  background-color: #393939;
+  color: #cccccc;
+  border: 1px solid #a0a0a0;
+  font-weight: normal;
+}
+TABLE.data TH A {
+  color: #FFFFFF;
+}
+TABLE.data TH.empty {
+  background-color: #393939;
+  visibility: visible;
+}
+TABLE.data TH.group-label {
+  background-color: #4884C0;
+  color: #FFFFFF;
+  font-weight: normal;
+  font-size: 13px;
+}
+TABLE.data TD {
+  margin: 0px;
+  padding: 2px 4px;
+  background-color: white;
+  border: 1px solid #a0a0a0;
+  color: #000000;
+}
+TABLE.data TD.empty {
+  border: none;
+  background-color: #393939;
+  visibility: visible;
+}
+TABLE.data TD.allowed {
+  background-color: #88FF88;
+}
+TABLE.data TD.denied {
+  background-color: #FF8866;
+}
+TABLE.data TD.thumbnail {
+  padding: 0px;
+  width: 60px;
+  height: 60px;
+}
+TABLE.data TD.thumbnail IMG {
+  display: block;
+}
+TABLE.data DL {
+  margin: 0;
+}
+TABLE.data TR.old TD {
+  background-color: #FFFF88;
+}
+TABLE.data TR.future TD {
+  background-color: #88FF88;
+}
+TABLE.data TR.overlap TD {
+  background-color: #FF8866;
+}
+TABLE.data TR.outdated TD {
+  background-color: #FF8866;
+}
+TABLE.data TR.off TD {
+  background-color: #FFFF88;
+}
+TABLE.data TR.row-level-0 TD {
+  background-color: #4056c4;
+  color: #000000;
+}
+TABLE.data SPAN.outdated {
+  color: #0000FF;
+  font-weight: normal;
+}
+TABLE.data SPAN.off {
+  color: #AAAA00;
+  font-weight: normal;
+}
+TABLE.data SPAN.running {
+  color: #008800;
+  font-weight: normal;
+}
+TABLE.data SPAN.highlighted {
+  color: #008800;
+  font-weight: normal;
+}
+TABLE.data SPAN.other {
+  color: #AAAA00;
+  font-weight: normal;
+}
+
+UL.formTabMenuBar {
+  list-style-type: none;
+  margin: 0;
+  padding: 4px 0 0 8px;
+}
+UL.formTabMenuBar LI {
+  display: table-cell;
+  color: white;
+  margin: 4px 0 0 0;
+  font-size: 12px;
+  box-shadow: none;
+  padding: 0px;
+}
+UL.formTabMenuBar LI INPUT,
+UL.formTabMenuBar LI BUTTON,
+UL.formTabMenuBar LI A {
+  padding: 3px 6px 3px 6px !important;
+  border-radius: 7px 7px 0 0;
+  display: block;
+  color: #FFFFFF !important;
+  background-color: transparent !important;
+  border: none !important;
+  margin: 0 !important;
+  text-align: center;
+}
+UL.formTabMenuBar LI INPUT.selected,
+UL.formTabMenuBar LI BUTTON.selected,
+UL.formTabMenuBar LI A.selected {
+  color: #FFFFFF;
+  background-color: #727272 !important;
+}
+
+DIV.formTabBody {
+  margin-top: 0;
+  margin-bottom: 1px;
+}
+DIV.formTabBody TABLE.data {
+  border: none;
+  margin: 0px;
+  padding: 0px;
+}
+DIV.formTabBody > :first-child {
+  margin-top: 0px;
+}
+
+LABEL EM {
+  color: red;
+}
+
+LABEL.required {
+  font-weight: bold;
+}
+
+P.context_menu {
+  margin: 8px 2px 10px 0;
+}
+
+.context_menu LABEL {
+  padding-left: 10px;
+  float: none;
+  width: auto;
+  vertical-align: middle;
+}
+
+.context_menu SPAN {
+  /*border: 1px solid $color_c;*/
+  background-color: #DDEBF8;
+  margin-right: 2px;
+  padding: 6px 5px 5px 5px;
+}
+
+LABEL.checkbox {
+  vertical-align: middle;
+  margin: 1px;
+  padding: 1px;
+}
+
+.context_menu LABEL.checkbox {
+  padding-left: 0;
+}
+
+FORM .invalid {
+  /* błędne pole formularza */
+  background-color: #FF4444;
+  color: white;
+}
+
+FORM P {
+  margin: 2px 0;
+  padding: 0;
+  clear: left;
+}
+
+#main_menu {
+  display: none;
+}
+
+#stopka {
+  text-align: right;
+  color: inherit;
+  font-size: 11px;
+  margin: 2px 4px;
+}
+
+#stopka B {
+  text-transform: uppercase;
+}
+
+UL.main_menu {
+  clear: both;
+  padding: 0;
+  margin: 0 !important;
+  text-align: left;
+  background-color: transparent;
+  color: #FFFFFF;
+  list-style-type: none;
+  overflow: auto;
+  width: 100%;
+}
+UL.main_menu LI {
+  padding: 1px 8px 3px 8px;
+  margin: 0;
+  float: left;
+  color: #FFFFFF;
+  font-size: 16px;
+}
+UL.main_menu LI.selected {
+  color: #FFFFFF;
+  background-color: #393939;
+  border-radius: 4px 4px 0 0;
+}
+UL.main_menu LI A {
+  color: #393939;
+  font-weight: normal;
+  text-decoration: none;
+}
+UL.main_menu LI A:hover {
+  text-decoration: underline;
+}
+UL.main_menu LI.selected A {
+  color: #FFFFFF;
+  font-weight: normal;
+}
+
+UL.sub_menu {
+  clear: both;
+  padding: 0;
+  margin: 0;
+  color: #FFFFFF;
+  list-style-type: none;
+  overflow: auto;
+  width: 100%;
+  background-color: #727272;
+  border-bottom: none;
+}
+UL.sub_menu LI {
+  float: left;
+  width: auto;
+  padding: 6px;
+  margin: 0 2px;
+  color: #dddddd;
+  font-size: 12px;
+}
+
+UL.sub_menu LI A {
+  color: #FFFFFF;
+  font-weight: normal;
+  text-decoration: none;
+}
+
+UL.sub_menu LI.selected A {
+  color: #FFFFFF;
+  text-decoration: underline;
+}
+
+UL.sub_menu LI A:hover {
+  text-decoration: underline;
+}
+
+UL.sub_menu.second {
+  background-color: #393939;
+}
+
+UL.sub_menu .disabled {
+  background-color: inherit;
+  color: #cccccc;
+}
+
+#znalezione_produkty {
+  border: 1px solid #4884C0;
+  margin: 10px auto;
+  width: 600px;
+  padding: 10px 20px;
+}
+
+P.submit {
+  text-align: center;
+}
+
+IMG.props {
+  width: 16px;
+  height: 16px;
+  border: 0;
+  vertical-align: bottom;
+}
+
+/* wiersz tabeli o danym status zgłoszenia */
+TR.error {
+  color: red;
+}
+
+TR.warn {
+  color: orange;
+}
+
+IMG.menu_arrow {
+  padding-top: 6px;
+  display: block;
+}
+
+TABLE.context_menu TD {
+  vertical-align: top;
+  height: 36px;
+}
+
+.disabled {
+  background-color: #dddddd;
+}
+
+.disabled TD {
+  background-color: #dddddd !important;
+}
+
+/* Use in flex containers for right align */
+.push {
+  margin-left: auto;
+}
+
+.level_0 {
+  margin-left: 0px;
+}
+
+.level_1 {
+  margin-left: 20px;
+}
+
+.level_2 {
+  margin-left: 40px;
+}
+
+.level_3 {
+  margin-left: 60px;
+}
+
+.level_4 {
+  margin-left: 80px;
+}
+
+.level_5 {
+  margin-left: 100px;
+}
+
+.level_6 {
+  margin-left: 120px;
+}
+
+UL.checkbox_list_single_line {
+  list-style-type: none;
+  padding: 0;
+  margin: 4px 0;
+  overflow: auto;
+}
+
+UL.checkbox_list_single_line LI {
+  display: inline;
+  padding-right: 5px;
+}
+
+UL.checkbox_list_single_line LI.label {
+  padding-right: 10px;
+  float: left;
+  width: 250px;
+}
+
+#MAIN_MENU_LOGOUT A {
+  color: red;
+}
+
+.sorted {
+  padding-right: 10px;
+  min-height: 10px;
+  display: block;
+  position: relative;
+}
+.sorted.up:after, .sorted.down:after {
+  position: absolute;
+  right: 0px;
+  top: 0px;
+}
+.sorted.up:after {
+  content: "▴";
+}
+.sorted.down:after {
+  content: "▾";
+}
+
+P.help,
+DIV.help {
+  border: none;
+  background-image: url("help.gif");
+  background-position: 10px 10px;
+  background-color: #FFB953;
+  color: #000000;
+  background-repeat: no-repeat;
+  padding: 10px 0 10px 36px;
+  min-height: 16px;
+  margin: 1px 0;
+}
+
+P.help H2,
+DIV.help H2 {
+  font-size: 12px;
+  color: black;
+  font-weight: bold;
+  padding: 0 0 2px 0;
+  margin: 10px 0 8px 0;
+}
+
+P.help P,
+DIV.help P {
+  color: #FFFFFF;
+  padding: 0;
+  margin: 2px 0;
+}
+
+.new {
+  color: orange;
+}
+
+.modified {
+  color: orange;
+}
+
+.correct {
+  color: green;
+}
+
+.publish {
+  color: green;
+}
+
+.delete {
+  color: red;
+}
+
+.status-enabled {
+  color: green;
+}
+
+.status-disabled {
+  color: gray;
+}
+
+.status-on {
+  color: green;
+}
+
+.status-off {
+  color: red;
+}
+
+.status-ok {
+  color: green;
+}
+
+.status-expiring {
+  color: orange;
+}
+
+.status-expired {
+  color: red;
+}
+
+.status-alert {
+  color: #F04040;
+}
+
+.status-scheduled {
+  color: orange;
+}
+
+TR.group TD {
+  background-color: #FFE9A0;
+}
+
+TR.footer TD {
+  background-color: #FFE9A0;
+}
+
+IMG.big_thumbnail {
+  padding: 2px;
+  border: 1px solid #4884C0;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.record_info {
+  font-size: 10px;
+  font-style: italic;
+  padding: 1px 4px;
+  margin: 4px 0;
+  border: 1px solid #EEEE88;
+  background-color: #FFFFAA;
+}
+
+TR.downloading TD {
+  color: #FF8800;
+}
+
+TR.selected TD {
+  background-color: #4CAEFF;
+}
+
+.priority_warning {
+  color: #FF8800;
+}
+
+.priority_error {
+  color: #FF0000;
+}
+
+TD.opened {
+  color: #FF8800;
+}
+
+TD.processing {
+  color: #008800;
+}
+
+TD.closed {
+  color: #FFFFFF;
+}
+
+TABLE.form_header {
+  border-collapse: collapse;
+  border: 1px solid #4884C0;
+  margin: 4px 0 10px 0;
+}
+
+TABLE.form_header TH {
+  padding: 2px 4px;
+  background-color: #DDEBF8;
+  border: 1px solid #4884C0;
+  text-align: left;
+}
+
+TABLE.form_header TD {
+  padding: 2px 4px;
+  border: 1px solid #4884C0;
+}
+
+TABLE.form_header CAPTION {
+  margin: 10px 0 1px 0;
+  border: 1px solid #4884C0;
+  background-color: #DDEBF8;
+  font-weight: normal;
+  padding: 2px;
+  font-size: 16px;
+  font-style: italic;
+  text-align: left;
+  color: black;
+}
+
+H2.form_header {
+  border: 1px solid #4884C0;
+  margin: 4px 0 10px 0;
+  background-color: #DDEBF8;
+  font-weight: normal;
+  padding: 2px;
+  font-size: 16px;
+  font-style: italic;
+  text-align: left;
+  color: black;
+}
+
+TABLE.filter {
+  border-collapse: collapse;
+  border: 1px solid #4884C0;
+  margin: 4px 1px;
+}
+
+TABLE.filter TH {
+  padding: 2px 4px;
+  border: 1px solid #4884C0;
+  background-color: #DDEBF8;
+  text-align: left;
+}
+
+TABLE.filter THEAD TH {
+  background-color: #dddddd;
+  text-align: left;
+}
+
+TABLE.filter TD {
+  padding: 2px 4px;
+  border: 1px solid #4884C0;
+}
+
+TABLE.filter CAPTION {
+  margin: 10px 0 1px 0;
+  border: 1px solid #4884C0;
+  background-color: #DDEBF8;
+  font-weight: normal;
+  padding: 2px;
+}
+
+OPTION.empty {
+  color: #4884C0;
+  font-style: italic;
+}
+
+TABLE.parameter_table {
+  border: 0;
+}
+
+TABLE.parameter_table TD {
+  border: 0;
+  font-size: 10px;
+}
+
+TABLE.parameter_table TH {
+  border: 0;
+}
+
+P.info {
+  background-color: #88FF88;
+  border: 1px solid #00CC00;
+  padding: 10px;
+  margin: 10px 0;
+}
+
+TABLE.banner_table {
+  width: 100%;
+  padding: 0;
+  margin: 0;
+}
+
+TABLE.banner_table TD {
+  padding: 0;
+  margin: 0;
+}
+
+/**
+  * Navigator
+  */
+TABLE.navigator {
+  border: none;
+  background-color: #a0a0a0;
+  width: 100%;
+  font-size: 12px;
+}
+
+TABLE.navigator TD {
+  width: 160px;
+  background-color: inherit;
+  text-align: center;
+}
+
+TABLE.navigator TD.navigator_prev {
+  width: 80px;
+  text-align: left;
+}
+
+TABLE.navigator TD.navigator_prev A {
+  padding-left: 16px;
+  background-image: url("prev.gif");
+  background-position: left center;
+  background-repeat: no-repeat;
+  min-height: 13px;
+}
+
+TABLE.navigator TD.navigator_next {
+  width: 80px;
+  text-align: right;
+}
+
+TABLE.navigator TD.navigator_next A {
+  padding-right: 16px;
+  background-image: url("next.gif");
+  background-position: right center;
+  background-repeat: no-repeat;
+  min-height: 13px;
+}
+
+TABLE.navigator TD.navigator_first {
+  width: 80px;
+  text-align: left;
+}
+
+TABLE.navigator TD.navigator_first A {
+  padding-left: 16px;
+  background-image: url("first.gif");
+  background-position: left center;
+  background-repeat: no-repeat;
+  min-height: 13px;
+}
+
+TABLE.navigator TD.navigator_last {
+  width: 80px;
+  text-align: right;
+}
+
+TABLE.navigator TD.navigator_last A {
+  padding-right: 16px;
+  background-image: url("last.gif");
+  background-position: right center;
+  background-repeat: no-repeat;
+  min-height: 13px;
+}
+
+.navigator {
+  background-color: #393939;
+  color: #cccccc;
+  margin: 1px 1px 0px 1px;
+  padding: 1px;
+}
+.navigator .navigator-item {
+  white-space: nowrap;
+}
+.navigator .navigator-item:not(:last-child) {
+  padding-right: 20px;
+}
+.navigator .disabled {
+  background-color: transparent;
+  color: #727272 !important;
+  font-style: normal;
+}
+@media screen and (max-width: 600px) {
+  .navigator .hide-narrow {
+    display: none;
+  }
+}
+.navigator A {
+  color: #cccccc;
+}
+
+.navigator-limits DIV {
+  text-align: center;
+  display: block;
+}
+
+.sunday {
+  color: red;
+}
+
+A.big_link_with_icon {
+  font-size: 16px;
+  background-position: left center;
+  background-repeat: no-repeat;
+  padding-left: 20px;
+  min-height: 16px;
+}
+
+.list-tree {
+  margin: 0;
+  padding: 2px;
+}
+.list-tree UL {
+  list-style-type: none;
+  padding-left: 20px;
+  margin: 0;
+}
+.list-tree > UL {
+  padding-left: 0px;
+}
+.list-tree LI.folded > UL {
+  display: none;
+}
+.list-tree LI > DIV {
+  display: flex;
+  flex-direction: row;
+}
+.list-tree LI > DIV :first-child:not(.tree-item-icon) {
+  flex: auto;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.list-tree LI > DIV.selected .selected {
+  text-decoration: underline;
+}
+.list-tree LI > DIV.disabled {
+  background-color: initial;
+}
+.list-tree LI > DIV.disabled A {
+  background-color: #dddddd;
+}
+.list-tree LI > DIV.special A {
+  color: #40B040 !important;
+}
+.list-tree LI > DIV.static A {
+  color: #B04040 !important;
+}
+.list-tree LI > DIV .dropdown-activator {
+  color: #4056c4;
+}
+.list-tree LI > DIV .tree-item-icon {
+  color: #4056c4;
+  order: -1;
+  position: relative;
+  top: 2px;
+}
+
+UL.toolbar {
+  clear: both;
+  padding: 0;
+  margin: 0;
+  list-style-type: none;
+  overflow: auto;
+  width: 100%;
+}
+
+UL.toolbar LI {
+  float: left;
+  width: auto;
+  padding: 2px;
+  margin: 0 2px;
+  color: #dddddd;
+  font-size: 11px;
+}
+
+.file-list-container {
+  overflow: auto;
+  margin: 4px;
+}
+
+.file-item-container {
+  float: left;
+  width: 259px;
+  height: 66px;
+  padding: 4px 4px;
+  margin: 0px 0px 1px 1px;
+  border: 0px;
+  background-color: #a0a0a0;
+  text-align: left;
+  overflow: hidden;
+  position: relative;
+  border-radius: 0px;
+}
+
+.file-item-thumbnail {
+  position: absolute;
+  left: 5px;
+  top: 5px;
+  width: 60px;
+  height: 60px;
+}
+
+.file-item-thumbnail IMG {
+  display: block;
+}
+
+.file-item-filename {
+  font-size: 12px;
+  margin-left: 70px;
+  overflow: hidden;
+}
+
+.file-item-info {
+  font-size: 10px;
+  word-wrap: break-word;
+  margin-left: 70px;
+}
+
+.file-item-info P {
+  margin: 0;
+  padding: 0;
+}
+
+.file-preview-container {
+  text-align: left;
+  position: relative;
+  padding: 5px;
+  min-height: 60px;
+}
+.file-preview-container .file-preview-thumbnail {
+  position: absolute;
+  left: 5px;
+  top: 5px;
+  width: 60px;
+  height: 60px;
+}
+.file-preview-container .file-preview-thumbnail IMG {
+  display: block;
+}
+.file-preview-container .file-preview-filename {
+  font-size: 12px;
+}
+.file-preview-container .file-preview-filename DIV {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.file-preview-container .file-preview-info {
+  font-size: 10px;
+  word-wrap: break-word;
+}
+.file-preview-container:has(.file-preview-thumbnail) .file-preview-filename {
+  margin-left: 70px;
+}
+.file-preview-container:has(.file-preview-thumbnail) .file-preview-info {
+  margin-left: 70px;
+}
+
+SPAN.labeled {
+  font-weight: bold;
+}
+
+.with-popup {
+  position: relative;
+}
+
+.with-popup .popup {
+  display: none;
+}
+
+.with-popup:hover UL.popup {
+  position: absolute;
+  display: block;
+  background-color: #a0a0a0;
+  border: 1px solid #4884C0;
+  color: #FFFFFF;
+}
+
+.with-popup UL.popup {
+  list-style-type: none !important;
+  padding: 0 !important;
+}
+
+.with-popup UL.popup LI {
+  padding: 2px;
+  margin: 0 2px;
+  color: #dddddd;
+  font-size: 11px;
+}
+
+.with-popup .popup LI A {
+  color: #FFFFFF;
+  font-weight: normal;
+  text-decoration: none;
+  display: block;
+  overflow: visible;
+  width: auto;
+  margin: 0;
+  padding: 0;
+}
+
+.with-popup .popup LI A:hover {
+  text-decoration: underline;
+}
+
+UL.providers LI.selected > a {
+  background-color: #CCE5FF;
+}
+
+.busy {
+  background-position: top right;
+  background-repeat: no-repeat;
+}
+
+UL.tool-menu {
+  background-color: #a0a0a0;
+  color: white;
+  font-size: 11px;
+  padding: 4px !important;
+  border: 1px solid #4884C0;
+  margin: 0px 0px !important;
+}
+
+UL.tool-menu A {
+  color: white;
+}
+
+.color-probe {
+  display: block;
+  float: left;
+  border: 1px solid black;
+  padding: 1px 8px;
+}
+
+.header-cell {
+  padding: 0;
+  margin: 0;
+  height: 32px;
+  min-width: 140px;
+}
+
+.header-cell P {
+  padding-left: 5px;
+  padding-right: 5px;
+  margin: 0;
+  font-size: 11px;
+  color: #808080;
+  line-height: 16px;
+}
+
+UL.combo-menu {
+  clear: both;
+  padding: 0;
+  margin: 0;
+  background-color: #a0a0a0;
+  color: #4884C0;
+  list-style-type: none;
+  width: 100%;
+  border-top: 1px solid #4884C0;
+  border-bottom: 1px solid #4884C0;
+  z-index: 100;
+  height: 19px;
+}
+
+UL.combo-menu > LI > A {
+  color: #FFFFFF;
+  font-size: 12px;
+  font-weight: bold;
+  text-shadow: 0 1px 0 #FFFFFF;
+  margin-right: 5px;
+}
+
+UL.combo-menu > LI {
+  float: left;
+  padding: 0 20px 0 0;
+  margin: 0 4px;
+  color: #4884C0;
+  font-size: 12px;
+  background-image: url("menu-path-separator.png");
+  background-position: right center;
+  background-repeat: no-repeat;
+  height: 19px;
+  line-height: 19px;
+}
+
+UL.combo-menu > LI UL {
+  display: none;
+  list-style-type: none !important;
+  padding: 0 0 5px 0 !important;
+}
+
+UL.combo-menu > LI:hover UL,
+UL.combo-menu > LI UL.visible {
+  position: absolute;
+  display: block;
+  background-color: #a0a0a0;
+  border: 1px solid #4884C0;
+  color: #FFFFFF;
+  margin-top: -1px;
+  z-index: 100;
+}
+
+UL.combo-menu > LI LI {
+  padding: 2px;
+  margin: 0 2px;
+  color: #dddddd;
+  font-size: 11px;
+  display: block;
+  height: auto;
+  width: auto;
+  line-height: 14px;
+}
+
+UL.combo-menu > LI LI A {
+  color: #FFFFFF;
+  font-weight: normal;
+  text-decoration: none;
+  display: block;
+  width: auto;
+  margin: 0;
+  padding: 0;
+}
+
+UL.combo-menu > LI LI A:hover {
+  text-decoration: underline;
+}
+
+.form-control-part {
+  padding-right: 10px;
+}
+
+.link:hover,
+.link-dragging {
+  box-shadow: inset 0px 0px 1px 1px rgb(0, 0, 255);
+}
+
+.form-group {
+  background-color: #cccccc;
+}
+
+.form-field {
+  margin-bottom: 1px;
+  display: flex;
+  flex-direction: row;
+}
+.form-field:last-child {
+  margin: 0px;
+}
+.form-field .form-field-label {
+  background-color: #a0a0a0;
+  color: #FFFFFF;
+  flex: none;
+  width: 20em;
+  max-width: 50%;
+  margin-right: 1px;
+  padding: 2px;
+}
+.form-field .form-field-control {
+  flex: auto;
+  background-color: #a0a0a0;
+  color: #FFFFFF;
+  padding: 2px;
+}
+.form-field .form-field-preview {
+  color: #000000;
+  background-color: #DDDDDD;
+  padding: 1px 2px;
+  border: 1px solid #000000;
+  margin: 2px;
+  font-size: 12px;
+}
+.form-field .form-field-preview:empty {
+  display: none;
+}
+
+.narrow-container .form-field .form-field-label {
+  width: 100px;
+}
+#SessionForm {
+  float: right;
+  background-color: transparent;
+  color: #FFFFFF;
+}
+
+#SessionForm BUTTON {
+  margin: 0;
+  border: 0px;
+  background-color: transparent !important;
+  color: #FFFFFF !important;
+  font-size: 12px;
+}
+
+#SessionForm BUTTON:hover {
+  text-decoration: underline;
+}
+
+#SessionForm A {
+  color: #FFFFFF;
+}
+
+#SessionForm DIV.item {
+  display: table-cell;
+  vertical-align: middle;
+  padding-left: 1em;
+}
+
+.FormView {
+  background-color: #4884C0;
+  padding: 4px 0;
+  border-radius: 4px;
+  margin: 1px 0;
+}
+
+BUTTON.active,
+.button.active {
+  background-color: #4884C0;
+}
+
+.app-logo {
+  float: left;
+}
+
+.btn-unfolded,
+.btn-folded {
+  background-color: transparent !important;
+  color: transparent !important;
+  border-radius: 0;
+  padding: 0;
+  box-shadow: none;
+  margin-right: 2px;
+  margin-left: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+  width: 1.5em;
+}
+
+.input-message-len {
+  color: #FFFFFF;
+  font-size: 10px;
+  display: inline-block;
+  line-height: 20px;
+  text-align: center;
+  width: 45px;
+  height: 25px;
+}
+.input-message-len:before {
+  content: "∑";
+  font-size: 14px;
+  padding-right: 4px;
+}
+
+.button-bar {
+  background-color: #a0a0a0;
+  color: #FFFFFF;
+  padding: 4px 4px;
+  display: flex;
+  align-items: left;
+  flex-wrap: wrap;
+  margin-top: 1px;
+}
+.button-bar .separator {
+  width: 10px;
+}
+.button-bar.button-bar-vertical {
+  flex-direction: column;
+}
+.button-bar A {
+  color: #FFFFFF;
+  padding: 0px 4px 0px 0px;
+}
+.button-bar INPUT[type=submit],
+.button-bar BUTTON {
+  font-size: 14px;
+  padding: 4px 6px !important;
+}
+.button-bar INPUT[type=text],
+.button-bar INPUT[type=password] {
+  width: auto;
+}
+.button-bar .form-field {
+  color: #FFFFFF;
+  padding: 0px 4px 0px 0px;
+  display: block;
+}
+.button-bar .form-field .form-field-label {
+  display: block;
+  width: auto;
+  max-width: inherit;
+  font-size: 10px;
+}
+.button-bar .form-field .form-field-control {
+  display: block;
+  padding: 0px;
+}
+.button-bar .form-value {
+  display: block;
+}
+.button-bar .form-field-action {
+  flex: auto;
+  text-align: right;
+}
+.button-bar.table-top {
+  z-index: 2;
+  position: sticky;
+  top: 0px;
+}
+.button-bar.table-bottom {
+  z-index: 1;
+  position: sticky;
+  bottom: 0px;
+}
+
+.location-thumbnail-photo {
+  background-color: #FFFFFF;
+  margin-bottom: 1px;
+  margin-right: 1px;
+  min-height: 100px;
+}
+
+.location-preview {
+  float: left;
+  margin-bottom: 1px;
+  width: 470px;
+}
+
+.location-thumbnail-bar {
+  padding-left: 1px;
+}
+
+.location-preview-photo {
+  background-color: #a0a0a0;
+  text-align: center;
+  padding: 4px;
+  min-height: 150px;
+}
+
+.message {
+  font-weight: normal;
+  color: #FFFFFF;
+  background-color: #FFB953;
+  padding: 2px 6px;
+  margin: 1px 0;
+}
+
+.file-drop {
+  font-weight: normal;
+  font-size: 16px;
+  color: #FFFFFF;
+  background-color: #a0a0a0;
+  box-sizing: border-box;
+  border: 2px dashed white;
+  text-align: center;
+  padding: 2px 6px;
+  margin: 1px 0;
+}
+
+#Designer {
+  background-color: #FFFFFF;
+}
+
+DIV.panel {
+  border: 0;
+  color: #000000;
+  background-color: #FFFFFF;
+  padding: 6px;
+}
+DIV.panel H2 {
+  background-color: inherit;
+  color: inherit;
+}
+DIV.panel .message {
+  color: #FFB953;
+  background-color: inherit;
+}
+
+TABLE.panel {
+  width: 100%;
+  background-color: #a0a0a0;
+  border: 0px;
+  margin: 1px 0;
+}
+
+UL.message-list {
+  border-width: 0px;
+  margin: 1px 0px;
+  padding: 4px 4px;
+  border-radius: 0px;
+  font-weight: bold;
+  list-style-type: none;
+}
+UL.message-list.error-list {
+  background-color: #FF4444;
+  color: #FFFFFF;
+}
+UL.message-list.warn-list {
+  background-color: #AAAA44;
+  color: #FFFFFF;
+}
+UL.message-list.info-list {
+  background-color: #44AA44;
+  color: #FFFFFF;
+  position: absolute;
+  width: 100%;
+  z-index: 300;
+}
+UL.message-list.debug-list {
+  background-color: #444444;
+  color: #FFFFFF;
+}
+UL.message-list LI {
+  padding: 2px 4px;
+}
+
+.dropdown-activator {
+  cursor: pointer;
+}
+.dropdown-activator:hover {
+  text-decoration: underline;
+}
+.dropdown-activator.dropdown-show-icon::after {
+  content: " ▾";
+}
+
+.dropdown-panel {
+  text-align: left;
+  display: none;
+  position: fixed;
+  border: 3px solid rgb(134.5, 134.5, 134.5);
+  background-color: #a0a0a0;
+  z-index: 210;
+  padding: 4px;
+  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.5);
+  font-size: 12px;
+  max-height: calc(100% - 4px - 4px - 3px - 3px);
+  overflow-y: auto;
+  box-sizing: content-box;
+}
+.dropdown-panel.dropdown-panel-standard-width {
+  width: 400px;
+}
+.dropdown-panel.dropdown-panel-max-width {
+  width: 70%;
+}
+.dropdown-panel.scrollable {
+  padding-right: 20px;
+}
+.dropdown-panel ul.error-list {
+  font-size: 12px;
+  list-style: none;
+  padding-left: 10px;
+  color: white;
+  font-weight: normal !important;
+  margin: 0;
+}
+.dropdown-panel .checkbox,
+.dropdown-panel input[type=checkbox] + label,
+.dropdown-panel .dropdown input[type=radio] + label {
+  text-overflow: clip;
+  white-space: nowrap;
+  overflow: hidden;
+}
+.dropdown-panel .button-bar {
+  margin-top: 8px;
+  background-color: inherit;
+  justify-content: center;
+}
+.dropdown-panel .special A {
+  font-weight: bold;
+}
+.dropdown-panel .dropdown-panel-container {
+  max-height: 50vh;
+  min-width: 200px;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+.dropdown-panel .list-container {
+  max-height: 50vh;
+  min-width: 200px;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+.dropdown-panel .list-container DIV {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.unn-popup {
+  position: relative;
+  top: 0;
+  left: 0;
+  width: 80%;
+  height: auto;
+  margin: 30px auto;
+  box-sizing: border-box;
+  background-color: #CCCCCC;
+  border: 2px solid #CCCCCC;
+}
+
+.unn-popup > *:first-child {
+  margin-top: 0;
+}
+
+.unn-popup > *:last-child,
+.unn-popup TABLE.data:last-child {
+  margin-bottom: 0;
+}
+
+.unn-popup-frame {
+  position: fixed;
+  top: 10%;
+  left: 10%;
+  width: 80%;
+  height: 80%;
+}
+
+#PopupBody {
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+}
+
+.unn-popup-frame .popup-content {
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+.unn-popup-frame .popup-list-container {
+  position: absolute;
+  left: 0;
+  top: 40px;
+  width: 100%;
+  bottom: 0;
+  overflow: auto;
+}
+
+.popup-main-button-bar {
+  position: absolute;
+  top: 0;
+  right: 0;
+  padding: 4px;
+}
+
+.unn-popup-frame .popup-content H1 {
+  margin: 0;
+  height: 35px;
+  padding: 2px 100px 2px 8px;
+}
+
+.unn-popup-frame .popup-toolbar {
+  margin: 0;
+  padding: 0;
+  top: 40px;
+  height: 59px;
+  position: absolute;
+  width: 100%;
+}
+
+.unn-popup-frame .popup-toolbar + .popup-list-container {
+  top: 100px;
+}
+
+.unn-popup-frame .popup-toolbar .button-bar {
+  position: absolute;
+  width: 100%;
+  height: 51px;
+  margin: 0;
+  padding: 4px;
+}
+
+.unn-popup-frame .popup-list-container .navigator {
+  margin-top: 0;
+  margin-bottom: 1px;
+}
+
+.unn-popup-frame .popup-list-container .data {
+  margin-top: 0;
+}
+
+.unn-popup-frame .popup-list-container .file-item-container {
+  margin-top: 0;
+  margin-bottom: 1px;
+}
+
+.richeditor {
+  border: 1px solid #000000;
+  color: #000000;
+  padding: 0px;
+}
+
+.button-right {
+  position: relative;
+  overflow: auto;
+}
+.button-right BUTTON {
+  position: absolute;
+  right: 0px;
+  top: 0px;
+  bottom: 0px;
+  font-size: 14px;
+  margin: 0px;
+  padding: 0px;
+  text-align: center;
+}
+
+BUTTON.sizer {
+  width: 100%;
+  margin: 0 !important;
+  overflow: hidden;
+  display: block;
+  padding: 0 !important;
+  border: 0;
+  height: 100%;
+  background-color: #a0a0a0 !important;
+  font-size: 10px !important;
+}
+
+.flex-container {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  flex: auto;
+  margin-bottom: 1px;
+}
+@media (min-width: 600px) {
+  .flex-container {
+    flex-direction: row;
+  }
+}
+.flex-container .flex-item {
+  align-items: stretch;
+  display: flex;
+  flex-direction: column;
+  margin-left: 0px;
+  margin-top: 1px;
+}
+.flex-container .flex-item:first-child {
+  margin-top: 0px;
+}
+@media (min-width: 600px) {
+  .flex-container .flex-item {
+    margin-top: 0px;
+    margin-left: 1px;
+  }
+  .flex-container .flex-item:first-child {
+    margin-left: 0px;
+  }
+}
+.flex-container .flex-item.flex-left {
+  overflow: auto;
+}
+.flex-container .flex-item.flex-main {
+  flex: auto;
+}
+.flex-container .flex-item.flex-preview {
+  flex: auto;
+}
+.flex-container .flex-item.flex-sizer {
+  width: 10px;
+  display: none;
+}
+@media (min-width: 600px) {
+  .flex-container .flex-item.flex-sizer {
+    display: block;
+  }
+}
+@media (min-width: 600px) {
+  .flex-container .flex-item.flex-sidebar {
+    width: 320px;
+  }
+}
+.flex-container .flex-item.flex-sidebar .form-field-label {
+  flex: 1 1 0;
+  max-width: 200px;
+  overflow: hidden;
+}
+.flex-container .flex-item.flex-sidebar .form-field-control {
+  flex: 2 1 0;
+  overflow: hidden;
+}
+.flex-container .flex-item.flex-sidebar .form-field-control INPUT[type=text],
+.flex-container .flex-item.flex-sidebar .form-field-control SELECT,
+.flex-container .flex-item.flex-sidebar .form-field-control TEXTAREA {
+  box-sizing: border-box;
+  width: 100%;
+  margin: 0px;
+}
+.flex-container .flex-item.flex-sidebar .form-field-container {
+  margin-bottom: 1px;
+}
+.flex-container .flex-item.flex-sidebar .form-field-container h3 {
+  border-bottom: none;
+  background-color: #727272;
+  color: #FFFFFF;
+  margin: 0px;
+  padding: 2px;
+  margin-bottom: 1px;
+}
+.flex-container .flex-item.flex-sidebar .form-field-preview {
+  margin: 0px;
+}
+.flex-container .flex-item.flex-sidebar .form-field-preview .file-preview-container {
+  position: initial;
+}
+.flex-container .flex-item.flex-sidebar .form-field-preview .file-preview-container .file-preview-filename {
+  margin-left: initial;
+}
+.flex-container .flex-item.flex-sidebar .form-field-preview .file-preview-container .file-preview-info {
+  margin-left: initial;
+}
+.flex-container .flex-item.flex-sidebar .form-field-preview .file-preview-container .file-preview-thumbnail {
+  position: initial;
+  width: auto;
+  height: auto;
+}
+.flex-container .flex-item.flex-sidebar .form-field-preview .file-preview-container .file-preview-thumbnail IMG {
+  margin: 4px auto;
+}
+@media (min-width: 600px) {
+  .flex-container .flex-item.flex-main.wide .flex-sidebar {
+    min-width: 320px;
+    width: 50%;
+  }
+}
+.flex-container .flex-item .flex-panel-container {
+  display: flex;
+  flex-direction: column;
+  margin-left: 0px;
+  margin-top: 1px;
+}
+.flex-container .flex-item .flex-panel-container:first-child {
+  margin-top: 0px;
+}
+.flex-container .flex-item .flex-panel-container .flex-panel-item {
+  flex: auto;
+}
+.flex-container .flex-item .flex-panel-container .flex-panel-item:empty {
+  background-color: #a0a0a0;
+  min-height: 1em;
+}
+.flex-container .flex-item .flex-panel-container .flex-panel-item:last-child {
+  margin-bottom: 0px;
+}
+.flex-container .flex-item .flex-panel-container .flex-panel-item.flex-panel-bar {
+  flex: none;
+  margin-bottom: 1px;
+}
+.flex-container .flex-item .flex-panel-container .flex-panel-item.flex-panel-bar:last-child {
+  margin-bottom: 0px;
+}
+.flex-container .flex-item .flex-panel-container .flex-panel-item.flex-panel-bar.flex-panel-bar-sort {
+  background-color: #FFFFFF;
+  position: sticky;
+  bottom: 0px;
+  text-align: right;
+}
+.flex-container .flex-item .flex-panel-container .flex-panel-item.flex-panel-bar.formTabMenuBar {
+  margin-bottom: 0px;
+}
+.flex-container .flex-item .flex-panel-container .flex-panel-item.form-field-container {
+  display: flex;
+  flex-direction: column;
+  flex: auto;
+}
+@media (min-width: 600px) {
+  .flex-container .flex-item .flex-panel-container .flex-panel-item.form-field-container:after {
+    margin-top: 1px;
+    display: block;
+    background-color: #a0a0a0;
+    content: "";
+    flex: auto;
+    min-height: 1em;
+  }
+}
+.flex-container .flex-item .flex-panel-container.flex-panel-fill {
+  flex: auto;
+  height: 100%;
+}
+.flex-container .flex-item .panel-message {
+  align-self: center;
+  margin-top: auto;
+  margin-bottom: auto;
+  color: #000000;
+}
+.flex-container .flex-item TABLE.navigator {
+  margin-top: 1px;
+}
+.flex-container .flex-item TABLE.data {
+  margin-bottom: 0px;
+}
+
+@media (min-width: 600px) {
+  .flex-left > .flex-panel-fill {
+    height: 0px !important;
+  }
+  FORM > .flex-container {
+    min-height: calc(100vh - 210px);
+  }
+  FORM#LocationListForm > .flex-container {
+    height: calc(100vh - 280px);
+  }
+}
+.accordion {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  margin-bottom: 1px;
+}
+@media (min-width: 600px) {
+  .accordion {
+    min-height: calc(100vh - 300px);
+  }
+}
+.accordion:last-child {
+  margin-bottom: 0px;
+}
+.accordion:empty {
+  background-color: #a0a0a0;
+  min-height: 1em;
+}
+.accordion > BUTTON:last-of-type {
+  margin-bottom: 0px;
+}
+.accordion > BUTTON {
+  display: block;
+  border: 0px;
+  margin: 0px;
+  padding: 4px 4px !important;
+  text-align: left;
+  margin-bottom: 1px;
+}
+.accordion > BUTTON.selected {
+  margin-bottom: 0px;
+}
+.accordion > BUTTON:before {
+  content: "▷";
+  padding-right: 5px;
+}
+.accordion > BUTTON.selected:before {
+  content: "▼";
+}
+.accordion > DIV {
+  margin-top: 1px;
+  flex: auto;
+  display: flex;
+  flex-direction: column;
+}
+@media (min-width: 600px) {
+  .accordion > DIV:after {
+    margin-top: 1px;
+    display: block;
+    background-color: #a0a0a0;
+    content: "";
+    flex: auto;
+    min-height: 1em;
+  }
+}
+
+.ObjectDurationContainer {
+  display: flex;
+  flex-direction: row;
+}
+
+.option-tree ul {
+  margin: 0;
+  list-style-type: none;
+}
+.option-tree > ul {
+  padding-left: 0;
+}
+.option-tree > ul > li {
+  font-weight: 400;
+}
+.option-tree > ul > li > ul {
+  padding-left: 5ex;
+  font-weight: bold;
+}
+.option-tree > ul > li > li {
+  font-weight: normal;
+}
+.option-tree > ul > li > li > ul > li {
+  font-weight: normal;
+}
+
+div.fixedgrid-table-container {
+  -webkit-overflow-scrolling: touch;
+}
+
+table.fixedgrid {
+  table-layout: fixed;
+  width: 0px;
+}
+table.fixedgrid col {
+  background-color: white;
+}
+table.fixedgrid td,
+table.fixedgrid th {
+  height: 30px;
+  min-height: 30px;
+  overflow: hidden;
+}
+
+.scrollable-data-container {
+  position: relative;
+  width: 100%;
+  overflow: auto;
+  height: 100%;
+  padding: 0px;
+}
+.scrollable-data-container table {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  padding: 0;
+  margin: -1px;
+}
+.scrollable-data-container table th,
+.scrollable-data-container table td {
+  max-width: 200px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.popup-close {
+  cursor: pointer;
+}
+
+#breadthrumb {
+  padding: 0px;
+  position: relative;
+  height: 34px;
+  line-height: 34px;
+  padding: 4px;
+  padding-right: 76px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+#breadthrumb .back,
+#breadthrumb .popup-close {
+  display: block;
+  color: #FFFFFF;
+  background-color: #4056c4;
+  position: absolute;
+  right: 4px;
+  top: 4px;
+  height: 34px;
+  min-width: 34px;
+  text-align: center;
+  width: auto;
+}
+#breadthrumb .breadthrumb-help-button {
+  display: block;
+  color: #FFFFFF;
+  background-color: #4056c4;
+  position: absolute;
+  right: 42px;
+  top: 4px;
+  height: 34px;
+  width: 34px;
+}
+#breadthrumb .breadthrumb-separator {
+  color: #cccccc;
+}
+
+.progress-bar {
+  background-color: #a0a0a0;
+  margin-bottom: 1px;
+  padding: 2px;
+}
+
+.tree-graph-root {
+  overflow-y: auto;
+  padding: 8px;
+  white-space: nowrap;
+  box-sizing: border-box;
+}
+.tree-graph-group {
+  display: inline-block;
+  vertical-align: top;
+  box-sizing: border-box;
+}
+.tree-graph-node {
+  color: black;
+  display: inline-block;
+  vertical-align: top;
+  box-sizing: border-box;
+}
+.tree-graph-content {
+  padding: 4px 8px;
+  margin: 1px 6px;
+  display: block;
+  text-align: center;
+  white-space: nowrap;
+}
+.tree-graph-children {
+  display: block;
+  box-sizing: border-box;
+}
+.tree-graph-group > .tree-graph-content {
+  background-color: #393939;
+  color: white;
+}
+.tree-graph-node > .tree-graph-content {
+  background-color: #E0E0E0;
+  color: black;
+  box-sizing: border-box;
+}
+
+.textarea {
+  background-color: #FFFFFF;
+  padding: 2px;
+  box-sizing: border-box;
+  min-height: 24px;
+}
+
+.image-preview {
+  overflow: scroll;
+  position: relative;
+  height: 100%;
+}
+.image-preview img {
+  display: block;
+  position: absolute;
+}
+
+#TerminalDiagram {
+  overflow: visible;
+  min-height: calc(100vh - 250px);
+}
+
+#Map BUTTON {
+  background-color: inherit !important;
+  padding: inherit !important;
+}
+
+.pin {
+  width: 50px;
+  height: 70px;
+  margin-left: -25px;
+  margin-top: -35px;
+  text-align: center;
+  overflow: visible;
+  background-color: rgba(204, 204, 204, 0.4);
+  vertical-align: bottom;
+  position: absolute;
+}
+.pin IMG {
+  display: block;
+}
+.pin LABEL {
+  position: absolute;
+  bottom: 0px;
+  left: 0px;
+  width: 100%;
+  min-width: 100%;
+  height: 20px;
+  line-height: 20px;
+  font-size: 12px;
+  background-color: rgba(204, 204, 204, 0.6);
+  color: #FFFFFF;
+  overflow: hidden;
+  box-sizing: border-box;
+  padding: 0px 2px;
+}
+.pin LABEL:hover {
+  overflow: visible;
+  width: auto;
+  background-color: #cccccc;
+}
+
+.two-column {
+  display: flex !important;
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+.two-column > DIV {
+  width: 50%;
+  box-sizing: border-box;
+}
+.two-column > DIV.single-line {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.single-line {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.matte {
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  left: 0px;
+  top: 0px;
+  display: none;
+  background-color: rgba(0, 0, 0, 0.1);
+  z-index: 200;
+}
+.matte.busy {
+  cursor: wait !important;
+  display: block;
+}
+
+INPUT.DateTimeFormControl {
+  width: 20ch;
+}
+
+INPUT.DateFormControl {
+  width: 11ch;
+}
+
+INPUT.TimeFormControl {
+  width: 11ch;
+}
+
+#LoginForm INPUT,
+#MfaForm INPUT {
+  max-width: 40ch;
+}
+
+#AmsMeetingEditor .form-field-label {
+  width: 6em;
+}
+#AmsMeetingEditor INPUT,
+#AmsMeetingEditor BUTTON {
+  font-size: 32px;
+  line-height: 1.2;
+}
+
+.dropdown-panel .button-bar-vertical {
+  display: flex;
+  flex-direction: column;
+}
+.dropdown-panel .button-bar-vertical BUTTON {
+  text-align: left;
+}
+.dropdown-panel .button-bar-vertical .separator {
+  height: 10px;
+}
+.dropdown-panel .button-bar-vertical:not(:first-child) {
+  margin-top: 5px;
+}
+
+.unused {
+  font-style: italic;
+}
+
+/* BBCode Editor */
+.richeditor .editbar {
+  height: 30px;
+  background-color: #a0a0a0;
+}
+.richeditor.zoom {
+  z-index: 10;
+  position: fixed;
+  left: 20px;
+  top: 20px;
+  width: calc(100% - 40px);
+  height: calc(100% - 40px);
+}
+.richeditor.zoom .richeditor-container {
+  background-color: yellow;
+  position: absolute;
+  top: 30px;
+  height: calc(100% - 30px);
+  width: 100%;
+}
+.richeditor.zoom .textarea {
+  height: 100%;
+  overflow: auto;
+}
+.richeditor.zoom TEXTAREA {
+  height: 100%;
+  overflow: auto;
+}
+
+.dashboard {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-left;
+  flex-direction: row;
+  gap: 1px;
+}
+.dashboard > .panel {
+  box-sizing: border-box;
+}
+.dashboard > .panel .big {
+  text-align: center;
+  font-size: 28px;
+  color: #4884C0;
+}
+.dashboard > .panel {
+  background-color: white;
+  color: black;
+  flex-basis: 80%;
+  flex-grow: 1;
+  padding: 2px;
+  min-height: 110px;
+}
+@media (min-width: 600px) {
+  .dashboard > .panel {
+    flex-basis: 40%;
+  }
+}
+
+.infodata {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-left;
+  flex-direction: row;
+  gap: 1px;
+  margin-bottom: 1px;
+}
+.infodata:last-of-type {
+  margin-bottom: 0px;
+}
+.infodata > div {
+  position: relative;
+  background-color: white;
+  color: black;
+  flex-basis: 80%;
+  flex-grow: 1;
+  padding: 3px;
+  line-height: 16px;
+  min-height: 45px;
+}
+@media (min-width: 300px) {
+  .infodata > div {
+    flex-basis: 40%;
+  }
+}
+@media (min-width: 600px) {
+  .infodata > div {
+    flex-basis: 20%;
+  }
+}
+.infodata > div > div:first-child {
+  color: #727272;
+}
+.infodata > div > div:last-child {
+  font-weight: bold;
+  min-height: 28px;
+}
+
+.fa-fw {
+  text-align: center;
+  width: 1.6em;
+}
+
+.parameter-box {
+  display: inline-block;
+  position: relative;
+  min-height: 70px;
+  margin: 4px;
+  padding: 0px 10px 5px;
+  border: 1px solid #dddddd;
+  border-radius: 7px;
+  box-sizing: border-box;
+  vertical-align: bottom;
+  min-width: 300px;
+}
+.parameter-box H3 {
+  margin-bottom: 10px;
+  color: #727272;
+}
+.parameter-box H3 + * {
+  text-align: center;
+}
+.parameter-box meter {
+  height: 24px;
+  width: 100%;
+}
+.parameter-box.group-parameters {
+  height: 80px;
+}
+.parameter-box.group-parameters H3 {
+  font-weight: bold;
+}
+.parameter-box.group-screen {
+  height: auto;
+}
+
+.parameter-value {
+  position: absolute;
+  top: 6px;
+  right: 10px;
+  width: 30px;
+  text-align: right;
+  border: none;
+  padding: 0px;
+  margin: 0px;
+}
+
+.tag-list {
+  margin: 1px;
+}
+.tag-list > DIV {
+  display: inline-block;
+  padding: 2px;
+  margin: 0px;
+  font-size: 10px;
+  min-width: 5em;
+  text-align: center;
+  border-radius: 7px;
+  background-color: #4884C0;
+  color: #FFFFFF;
+}
+.tag-list > DIV:not(:first-child) {
+  margin-left: 2px;
+}
+
+.filler {
+  flex: auto;
+}
+
+.spacer {
+  width: 10px;
+}
+
+.positive {
+  color: #40B040;
+}/*# sourceMappingURL=default.css.map */
\ No newline at end of file