From 0bbf8d0344047461cea3c45f1dbf5b35eab2fe4a Mon Sep 17 00:00:00 2001
From: Jose Gonzalez <jose.gonzalez@pandorafms.com>
Date: Fri, 17 Mar 2023 08:58:25 +0100
Subject: [PATCH] New dot icon

---
 pandora_console/images/status_dot.svg      |  6 ++++++
 pandora_console/include/styles/pandora.css | 12 ++++++++++++
 2 files changed, 18 insertions(+)
 create mode 100644 pandora_console/images/status_dot.svg

diff --git a/pandora_console/images/status_dot.svg b/pandora_console/images/status_dot.svg
new file mode 100644
index 0000000000..3e9c8b2ead
--- /dev/null
+++ b/pandora_console/images/status_dot.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg  viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g>
+        <circle cx="10" cy="10" r="10" fill="#3F3F3F"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/pandora_console/include/styles/pandora.css b/pandora_console/include/styles/pandora.css
index 6516f34890..bf60df270e 100644
--- a/pandora_console/include/styles/pandora.css
+++ b/pandora_console/include/styles/pandora.css
@@ -10553,6 +10553,18 @@ button div.cog.rotation {
   animation: rotation 4s infinite linear;
 }
 
+div.status_dot {
+  mask: url(../../images/status_dot.svg) no-repeat center / contain;
+  -webkit-mask: url(../../images/status_dot.svg) no-repeat center / contain;
+}
+
+.status_dot.ok {
+  background-color: #82b92e;
+}
+
+.status_dot.critical {
+  background-color: #e63c52;
+}
 @keyframes rotation {
   from {
     transform: rotate(0deg);