Grafana dashboard: TGF NETATMO
Description: Netatmo Weather Station dashboard for Grafana

Das hier ist empfohlen! https://github.com/xperimental/netatmo-exporter/pkgs/container/netatmo-exporter

Anleitung: https://youtu.be/-Ty0at3OjTY

{
  "__inputs": [
    {
      "name": "DS_NETATMOPROM",
      "label": "netatmoprom",
      "description": "",
      "type": "datasource",
      "pluginId": "prometheus",
      "pluginName": "Prometheus"
    }
  ],
  "__requires": [
    {
      "type": "panel",
      "id": "bargauge",
      "name": "Bar gauge",
      "version": ""
    },
    {
      "type": "panel",
      "id": "gauge",
      "name": "Gauge",
      "version": ""
    },
    {
      "type": "grafana",
      "id": "grafana",
      "name": "Grafana",
      "version": "7.5.11"
    },
    {
      "type": "panel",
      "id": "grafana-clock-panel",
      "name": "Clock",
      "version": "1.1.1"
    },
    {
      "type": "panel",
      "id": "graph",
      "name": "Graph",
      "version": ""
    },
    {
      "type": "panel",
      "id": "mxswat-separator-panel",
      "name": "Separator",
      "version": "1.0.1"
    },
    {
      "type": "datasource",
      "id": "prometheus",
      "name": "Prometheus",
      "version": "1.0.0"
    },
    {
      "type": "panel",
      "id": "stat",
      "name": "Stat",
      "version": ""
    },
    {
      "type": "panel",
      "id": "timeseries",
      "name": "Time series",
      "version": ""
    },
    {
      "type": "panel",
      "id": "yesoreyeram-boomtheme-panel",
      "name": "Boom Theme",
      "version": "0.1.1"
    }
  ],
  "annotations": {
    "list": [
      {
        "builtIn": 1,
        "datasource": "-- Grafana --",
        "enable": true,
        "hide": true,
        "iconColor": "rgba(0, 211, 255, 1)",
        "name": "Annotations & Alerts",
        "type": "dashboard"
      }
    ]
  },
  "description": "Netatmo Weather Station dashboard for Grafana",
  "editable": true,
  "gnetId": 15445,
  "graphTooltip": 0,
  "id": null,
  "links": [],
  "panels": [
    {
      "datasource": "${DS_NETATMOPROM}",
      "description": "",
      "fieldConfig": {
        "defaults": {},
        "overrides": []
      },
      "gridPos": {
        "h": 5,
        "w": 3,
        "x": 0,
        "y": 0
      },
      "id": 119,
      "options": {
        "bgColor": "rgba(14, 7, 7, 0)",
        "clockType": "24 hour",
        "countdownSettings": {
          "endCountdownTime": "2021-12-30T06:17:47+01:00",
          "endText": "00:00:00"
        },
        "dateSettings": {
          "dateFormat": "DD.MM.YYYY",
          "fontSize": "8",
          "fontWeight": "bold",
          "showDate": true
        },
        "mode": "time",
        "timeSettings": {
          "fontSize": "12px",
          "fontWeight": "normal"
        },
        "timezone": "",
        "timezoneSettings": {
          "fontSize": "12px",
          "fontWeight": "normal",
          "showTimezone": false,
          "zoneFormat": "offsetAbbv"
        }
      },
      "pluginVersion": "7.5.11",
      "targets": [
        {
          "exemplar": true,
          "expr": "netatmo_cache_updated_time",
          "format": "time_series",
          "instant": false,
          "interval": "",
          "legendFormat": "",
          "refId": "A"
        }
      ],
      "timeFrom": null,
      "timeShift": null,
      "type": "grafana-clock-panel"
    },
    {
      "cacheTimeout": null,
      "datasource": "${DS_NETATMOPROM}",
      "fieldConfig": {
        "defaults": {
          "color": {
            "mode": "thresholds"
          },
          "decimals": 1,
          "mappings": [
            {
              "$$hashKey": "object:497",
              "id": 0,
              "op": "=",
              "text": "N/A",
              "type": 1,
              "value": "null"
            }
          ],
          "thresholds": {
            "mode": "absolute",
            "steps": [
              {
                "color": "green",
                "value": null
              },
              {
                "color": "red",
                "value": 80
              }
            ]
          },
          "unit": "celsius"
        },
        "overrides": [
          {
            "matcher": {
              "id": "byName",
              "options": "netatmo_up{instance=\"192.168.178.155:9210\", job=\"netatmo\"}"
            },
            "properties": [
              {
                "id": "mappings",
                "value": [
                  {
                    "from": "",
                    "id": 1,
                    "text": "ONLINE",
                    "to": "",
                    "type": 1,
                    "value": "1.0"
                  },
                  {
                    "from": "",
                    "id": 2,
                    "text": "OFFLINE",
                    "to": "",
                    "type": 1,
                    "value": "0.0"
                  }
                ]
              }
            ]
          }
        ]
      },
      "gridPos": {
        "h": 5,
        "w": 3,
        "x": 3,
        "y": 0
      },
      "id": 77,
      "interval": null,
      "links": [],
      "maxDataPoints": 100,
      "options": {
        "colorMode": "value",
        "graphMode": "none",
        "justifyMode": "auto",
        "orientation": "horizontal",
        "reduceOptions": {
          "calcs": [
            "lastNotNull"
          ],
          "fields": "",
          "values": false
        },
        "text": {},
        "textMode": "auto"
      },
      "pluginVersion": "7.5.11",
      "repeatDirection": "h",
      "targets": [
        {
          "exemplar": true,
          "expr": "netatmo_up",
          "interval": "",
          "legendFormat": "",
          "refId": "A"
        }
      ],
      "timeFrom": null,
      "timeShift": null,
      "title": "WETTERSTATION",
      "type": "stat"
    },
    {
      "datasource": null,
      "fieldConfig": {
        "defaults": {},
        "overrides": []
      },
      "gridPos": {
        "h": 16,
        "w": 1,
        "x": 6,
        "y": 0
      },
      "id": 99,
      "pluginVersion": "7.5.11",
      "targets": [
        {
          "queryType": "randomWalk",
          "refId": "A"
        }
      ],
      "timeFrom": null,
      "timeShift": null,
      "type": "mxswat-separator-panel"
    },
    {
      "datasource": "${DS_NETATMOPROM}",
      "description": "",
      "fieldConfig": {
        "defaults": {
          "mappings": [],
          "max": 0,
          "min": -100,
          "thresholds": {
            "mode": "absolute",
            "steps": [
              {
                "color": "red",
                "value": null
              },
              {
                "color": "#EAB839",
                "value": -90
              },
              {
                "color": "green",
                "value": -60
              }
            ]
          },
          "unit": "dB"
        },
        "overrides": []
      },
      "gridPos": {
        "h": 5,
        "w": 9,
        "x": 7,
        "y": 0
      },
      "id": 84,
      "options": {
        "reduceOptions": {
          "calcs": [
            "lastNotNull"
          ],
          "fields": "",
          "values": false
        },
        "showThresholdLabels": false,
        "showThresholdMarkers": false,
        "text": {}
      },
      "pluginVersion": "7.5.11",
      "targets": [
        {
          "expr": "-netatmo_sensor_rf_signal_strength",
          "interval": "",
          "legendFormat": "{{module}}",
          "refId": "A"
        }
      ],
      "timeFrom": null,
      "timeShift": null,
      "title": "SIGNAL ZUR BASIS",
      "type": "gauge"
    },
    {
      "datasource": null,
      "fieldConfig": {
        "defaults": {},
        "overrides": []
      },
      "gridPos": {
        "h": 16,
        "w": 1,
        "x": 16,
        "y": 0
      },
      "id": 101,
      "pluginVersion": "7.5.11",
      "targets": [
        {
          "queryType": "randomWalk",
          "refId": "A"
        }
      ],
      "timeFrom": null,
      "timeShift": null,
      "type": "mxswat-separator-panel"
    },
    {
      "datasource": "${DS_NETATMOPROM}",
      "description": "",
      "fieldConfig": {
        "defaults": {
          "color": {
            "mode": "thresholds"
          },
          "mappings": [],
          "max": 100,
          "min": 0,
          "thresholds": {
            "mode": "absolute",
            "steps": [
              {
                "color": "red",
                "value": null
              },
              {
                "color": "green",
                "value": 10
              }
            ]
          },
          "unit": "percent"
        },
        "overrides": []
      },
      "gridPos": {
        "h": 5,
        "w": 4,
        "x": 17,
        "y": 0
      },
      "id": 88,
      "options": {
        "displayMode": "lcd",
        "orientation": "horizontal",
        "reduceOptions": {
          "calcs": [
            "mean"
          ],
          "fields": "",
          "values": false
        },
        "showUnfilled": true,
        "text": {}
      },
      "pluginVersion": "7.5.11",
      "targets": [
        {
          "expr": "netatmo_sensor_battery_percent",
          "interval": "",
          "legendFormat": "{{module}}",
          "refId": "A"
        }
      ],
      "timeFrom": null,
      "timeShift": null,
      "title": "BATTERIESTATUS",
      "type": "bargauge"
    },
    {
      "datasource": "${DS_NETATMOPROM}",
      "description": "",
      "fieldConfig": {
        "defaults": {
          "color": {
            "mode": "thresholds"
          },
          "mappings": [],
          "max": 0,
          "min": -100,
          "thresholds": {
            "mode": "absolute",
            "steps": [
              {
                "color": "red",
                "value": null
              },
              {
                "color": "red",
                "value": -86
              },
              {
                "color": "#EAB839",
                "value": -71
              },
              {
                "color": "green",
                "value": -56
              }
            ]
          },
          "unit": "dB"
        },
        "overrides": []
      },
      "gridPos": {
        "h": 5,
        "w": 3,
        "x": 21,
        "y": 0
      },
      "id": 86,
      "options": {
        "orientation": "auto",
        "reduceOptions": {
          "calcs": [
            "last"
          ],
          "fields": "",
          "values": false
        },
        "showThresholdLabels": true,
        "showThresholdMarkers": false,
        "text": {}
      },
      "pluginVersion": "7.5.11",
      "targets": [
        {
          "expr": "-netatmo_sensor_wifi_signal_strength",
          "interval": "",
          "legendFormat": "{{module}}",
          "refId": "A"
        }
      ],
      "timeFrom": null,
      "timeShift": null,
      "title": "WLAN SIGNAL BASIS",
      "type": "gauge"
    },
    {
      "datasource": null,
      "fieldConfig": {
        "defaults": {},
        "overrides": []
      },
      "gridPos": {
        "h": 1,
        "w": 6,
        "x": 0,
        "y": 5
      },
      "id": 118,
      "pluginVersion": "7.5.11",
      "targets": [
        {
          "queryType": "randomWalk",
          "refId": "A"
        }
      ],
      "timeFrom": null,
      "timeShift": null,
      "title": "LUFFEUCHTIGKEIT",
      "type": "mxswat-separator-panel"
    },
    {
      "datasource": null,
      "fieldConfig": {
        "defaults": {},
        "overrides": []
      },
      "gridPos": {
        "h": 1,
        "w": 9,
        "x": 7,
        "y": 5
      },
      "id": 106,
      "pluginVersion": "7.5.11",
      "targets": [
        {
          "queryType": "randomWalk",
          "refId": "A"
        }
      ],
      "timeFrom": null,
      "timeShift": null,
      "title": "REGEN UND WIND",
      "type": "mxswat-separator-panel"
    },
    {
      "datasource": null,
      "fieldConfig": {
        "defaults": {},
        "overrides": []
      },
      "gridPos": {
        "h": 1,
        "w": 7,
        "x": 17,
        "y": 5
      },
      "id": 112,
      "pluginVersion": "7.5.11",
      "targets": [
        {
          "queryType": "randomWalk",
          "refId": "A"
        }
      ],
      "timeFrom": null,
      "timeShift": null,
      "title": "WIND",
      "type": "mxswat-separator-panel"
    },
    {
      "cacheTimeout": null,
      "datasource": "${DS_NETATMOPROM}",
      "fieldConfig": {
        "defaults": {
          "color": {
            "mode": "thresholds"
          },
          "mappings": [
            {
              "id": 0,
              "op": "=",
              "text": "N/A",
              "type": 1,
              "value": "null"
            }
          ],
          "max": 100,
          "min": 0,
          "thresholds": {
            "mode": "absolute",
            "steps": [
              {
                "color": "dark-green",
                "value": null
              },
              {
                "color": "rgba(237, 129, 40, 0.89)",
                "value": 40
              },
              {
                "color": "#d44a3a",
                "value": 100
              }
            ]
          },
          "unit": "percent"
        },
        "overrides": [
          {
            "matcher": {
              "id": "byName",
              "options": "netatmo_sensor_humidity_percent{instance=\"192.168.178.155:9210\", job=\"netatmo\", module=\"Draußen\", station=\"ZJ Base (Indoor)\"}"
            },
            "properties": [
              {
                "id": "displayName",
                "value": "DRAUSSEN"
              }
            ]
          },
          {
            "matcher": {
              "id": "byName",
              "options": "netatmo_sensor_humidity_percent{instance=\"192.168.178.155:9210\", job=\"netatmo\", station=\"ZJ Base (Indoor)\"}"
            },
            "properties": [
              {
                "id": "displayName",
                "value": "STUDIO"
              }
            ]
          },
          {
            "matcher": {
              "id": "byName",
              "options": "netatmo_sensor_humidity_percent{instance=\"192.168.178.155:9210\", job=\"netatmo\", module=\"Alex jr\", station=\"ZJ Base (Indoor)\"}"
            },
            "properties": [
              {
                "id": "displayName",
                "value": "Junior"
              }
            ]
          }
        ]
      },
      "gridPos": {
        "h": 5,
        "w": 6,
        "x": 0,
        "y": 6
      },
      "id": 7,
      "links": [],
      "options": {
        "orientation": "horizontal",
        "reduceOptions": {
          "calcs": [
            "lastNotNull"
          ],
          "fields": "",
          "values": false
        },
        "showThresholdLabels": false,
        "showThresholdMarkers": false,
        "text": {}
      },
      "pluginVersion": "7.5.11",
      "repeat": null,
      "repeatDirection": "h",
      "targets": [
        {
          "exemplar": true,
          "expr": "netatmo_sensor_humidity_percent",
          "interval": "",
          "legendFormat": "",
          "refId": "A"
        }
      ],
      "timeFrom": null,
      "timeShift": null,
      "type": "gauge"
    },
    {
      "datasource": "${DS_NETATMOPROM}",
      "fieldConfig": {
        "defaults": {
          "color": {
            "mode": "palette-classic"
          },
          "custom": {
            "axisLabel": "",
            "axisPlacement": "right",
            "barAlignment": 0,
            "drawStyle": "bars",
            "fillOpacity": 100,
            "gradientMode": "opacity",
            "hideFrom": {
              "graph": false,
              "legend": false,
              "tooltip": false
            },
            "lineInterpolation": "smooth",
            "lineWidth": 0,
            "pointSize": 2,
            "scaleDistribution": {
              "type": "linear"
            },
            "showPoints": "always",
            "spanNulls": false
          },
          "decimals": 1,
          "mappings": [],
          "thresholds": {
            "mode": "absolute",
            "steps": [
              {
                "color": "green",
                "value": null
              },
              {
                "color": "red",
                "value": 80
              }
            ]
          },
          "unit": "velocitykmh"
        },
        "overrides": [
          {
            "matcher": {
              "id": "byName",
              "options": "netatmo_sensor_wind_strength_kph{instance=\"192.168.178.155:9210\", job=\"netatmo\", module=\"windi\", station=\"ZJ Base (Indoor)\"}"
            },
            "properties": [
              {
                "id": "color",
                "value": {
                  "fixedColor": "rgb(219, 255, 169)",
                  "mode": "fixed"
                }
              }
            ]
          }
        ]
      },
      "gridPos": {
        "h": 5,
        "w": 5,
        "x": 7,
        "y": 6
      },
      "id": 73,
      "interval": "",
      "links": [],
      "options": {
        "graph": {},
        "legend": {
          "calcs": [
            "mean",
            "lastNotNull",
            "max",
            "min",
            "sum"
          ],
          "displayMode": "hidden",
          "placement": "bottom"
        },
        "tooltipOptions": {
          "mode": "single"
        }
      },
      "pluginVersion": "7.5.11",
      "repeatDirection": "h",
      "targets": [
        {
          "exemplar": true,
          "expr": "netatmo_sensor_wind_strength_kph",
          "interval": "",
          "legendFormat": "",
          "refId": "A"
        }
      ],
      "timeFrom": null,
      "timeShift": null,
      "type": "timeseries"
    },
    {
      "datasource": "${DS_NETATMOPROM}",
      "fieldConfig": {
        "defaults": {
          "color": {
            "mode": "palette-classic"
          },
          "mappings": [
            {
              "from": "0.05",
              "id": 1,
              "text": "LEICHTES NIESELN",
              "to": "0.08",
              "type": 2
            },
            {
              "from": "",
              "id": 2,
              "text": "KEIN REGEN",
              "to": "",
              "type": 1,
              "value": "0"
            },
            {
              "from": "0.09",
              "id": 3,
              "text": "MÄSSIGES NIESELN",
              "to": "0.1",
              "type": 2
            },
            {
              "from": "0.101",
              "id": 4,
              "text": "STARKES NIESELN",
              "to": "0.5",
              "type": 2
            },
            {
              "from": "0.51",
              "id": 5,
              "text": "LEICHTER REGEN",
              "to": "2.5",
              "type": 2
            },
            {
              "from": "2.51",
              "id": 6,
              "text": "MÄSSIGER REGEN",
              "to": "9.99",
              "type": 2
            },
            {
              "from": "10",
              "id": 7,
              "text": "STARKREGEN",
              "to": "49",
              "type": 2
            },
            {
              "from": "50",
              "id": 8,
              "text": "UNWETTER",
              "to": "100",
              "type": 2
            }
          ],
          "thresholds": {
            "mode": "absolute",
            "steps": [
              {
                "color": "green",
                "value": null
              }
            ]
          },
          "unit": "lengthmm"
        },
        "overrides": []
      },
      "gridPos": {
        "h": 5,
        "w": 4,
        "x": 12,
        "y": 6
      },
      "id": 117,
      "interval": "",
      "links": [],
      "options": {
        "colorMode": "value",
        "graphMode": "none",
        "justifyMode": "center",
        "orientation": "auto",
        "reduceOptions": {
          "calcs": [
            "lastNotNull"
          ],
          "fields": "",
          "values": false
        },
        "text": {},
        "textMode": "value"
      },
      "pluginVersion": "7.5.11",
      "repeatDirection": "h",
      "targets": [
        {
          "exemplar": true,
          "expr": "netatmo_sensor_rain_amount_mm",
          "interval": "",
          "legendFormat": "",
          "refId": "A"
        }
      ],
      "timeFrom": null,
      "timeShift": null,
      "type": "stat"
    },
    {
      "datasource": "${DS_NETATMOPROM}",
      "fieldConfig": {
        "defaults": {
          "color": {
            "mode": "thresholds"
          },
          "mappings": [
            {
              "from": "1",
              "id": 1,
              "text": "Nordnordost",
              "to": "22.5",
              "type": 2,
              "value": ""
            },
            {
              "from": "0",
              "id": 2,
              "text": "Norden",
              "to": "1",
              "type": 2
            },
            {
              "from": "22.6",
              "id": 3,
              "text": "Nordost",
              "to": "45",
              "type": 2
            },
            {
              "from": "45.1",
              "id": 4,
              "text": "Ostnordost",
              "to": "67.5",
              "type": 2
            },
            {
              "from": "68",
              "id": 5,
              "text": "Osten",
              "to": "90.0",
              "type": 2
            },
            {
              "from": "91",
              "id": 6,
              "text": "Ostsüdost",
              "to": "112.5",
              "type": 2
            },
            {
              "from": "113",
              "id": 7,
              "text": "Südost",
              "to": "135.0",
              "type": 2
            },
            {
              "from": "136",
              "id": 8,
              "text": "Südsüdost",
              "to": "157.5",
              "type": 2
            },
            {
              "from": "160",
              "id": 9,
              "text": "SÜDEN",
              "to": "180.0",
              "type": 2
            },
            {
              "from": "181",
              "id": 10,
              "text": "Südsüdwest",
              "to": "202.5",
              "type": 2
            },
            {
              "from": "203",
              "id": 11,
              "text": "Südwest\t",
              "to": "225.0",
              "type": 2
            },
            {
              "from": "226",
              "id": 12,
              "text": "Westsüdwest",
              "to": "247.5",
              "type": 2
            },
            {
              "from": "250",
              "id": 13,
              "text": "Westen",
              "to": "270.0",
              "type": 2
            },
            {
              "from": "271",
              "id": 14,
              "text": "Westnordwest",
              "to": "292.5",
              "type": 2
            },
            {
              "from": "293",
              "id": 15,
              "text": "Nordwest",
              "to": "315.0",
              "type": 2
            },
            {
              "from": "316",
              "id": 16,
              "text": "Nordnordwest",
              "to": "337.5",
              "type": 2
            },
            {
              "from": "350",
              "id": 17,
              "text": "NORDEN",
              "to": "365",
              "type": 2
            }
          ],
          "thresholds": {
            "mode": "absolute",
            "steps": [
              {
                "color": "green",
                "value": null
              },
              {
                "color": "#EAB839",
                "value": 0
              }
            ]
          },
          "unit": "short"
        },
        "overrides": []
      },
      "gridPos": {
        "h": 5,
        "w": 4,
        "x": 17,
        "y": 6
      },
      "id": 94,
      "interval": "",
      "links": [],
      "options": {
        "colorMode": "value",
        "graphMode": "none",
        "justifyMode": "auto",
        "orientation": "auto",
        "reduceOptions": {
          "calcs": [
            "lastNotNull"
          ],
          "fields": "",
          "values": false
        },
        "text": {},
        "textMode": "auto"
      },
      "pluginVersion": "7.5.11",
      "repeatDirection": "h",
      "targets": [
        {
          "exemplar": true,
          "expr": "netatmo_sensor_wind_direction_degrees",
          "format": "time_series",
          "instant": false,
          "interval": "",
          "legendFormat": "",
          "refId": "A"
        }
      ],
      "timeFrom": null,
      "timeShift": null,
      "title": "Windrichtung",
      "type": "stat"
    },
    {
      "cacheTimeout": null,
      "datasource": "${DS_NETATMOPROM}",
      "fieldConfig": {
        "defaults": {
          "color": {
            "mode": "thresholds"
          },
          "mappings": [
            {
              "from": "0",
              "id": 1,
              "text": "KEIN WIND",
              "to": "1",
              "type": 2
            }
          ],
          "thresholds": {
            "mode": "absolute",
            "steps": [
              {
                "color": "super-light-green",
                "value": null
              },
              {
                "color": "light-orange",
                "value": 10
              },
              {
                "color": "#EAB839",
                "value": 20
              },
              {
                "color": "#6ED0E0",
                "value": 30
              },
              {
                "color": "#EF843C",
                "value": 40
              },
              {
                "color": "#E24D42",
                "value": 50
              }
            ]
          },
          "unit": "velocitykmh"
        },
        "overrides": []
      },
      "gridPos": {
        "h": 5,
        "w": 3,
        "x": 21,
        "y": 6
      },
      "id": 79,
      "interval": "",
      "links": [],
      "maxDataPoints": 100,
      "options": {
        "colorMode": "value",
        "graphMode": "none",
        "justifyMode": "auto",
        "orientation": "auto",
        "reduceOptions": {
          "calcs": [
            "last"
          ],
          "fields": "/^netatmo_sensor_wind_strength_kph\\{instance=\"192\\.168.178.155:9210\", job=\"netatmo\", module=\"windi\", station=\"ZJ Base \\(Indoor\\)\"\\}$/",
          "values": false
        },
        "text": {},
        "textMode": "auto"
      },
      "pluginVersion": "7.5.11",
      "repeatDirection": "h",
      "targets": [
        {
          "exemplar": true,
          "expr": "netatmo_sensor_wind_strength_kph",
          "interval": "",
          "legendFormat": "",
          "refId": "A"
        }
      ],
      "timeFrom": null,
      "timeShift": null,
      "title": "Windgeschwindigkeit",
      "type": "stat"
    },
    {
      "datasource": null,
      "fieldConfig": {
        "defaults": {},
        "overrides": []
      },
      "gridPos": {
        "h": 1,
        "w": 6,
        "x": 0,
        "y": 11
      },
      "id": 109,
      "pluginVersion": "7.5.11",
      "targets": [
        {
          "queryType": "randomWalk",
          "refId": "A"
        }
      ],
      "timeFrom": null,
      "timeShift": null,
      "title": "LUFTDRUCK",
      "type": "mxswat-separator-panel"
    },
    {
      "datasource": null,
      "fieldConfig": {
        "defaults": {},
        "overrides": []
      },
      "gridPos": {
        "h": 1,
        "w": 9,
        "x": 7,
        "y": 11
      },
      "id": 100,
      "pluginVersion": "7.5.11",
      "targets": [
        {
          "queryType": "randomWalk",
          "refId": "A"
        }
      ],
      "timeFrom": null,
      "timeShift": null,
      "title": "TEMPERATUR",
      "type": "mxswat-separator-panel"
    },
    {
      "datasource": null,
      "fieldConfig": {
        "defaults": {},
        "overrides": []
      },
      "gridPos": {
        "h": 1,
        "w": 7,
        "x": 17,
        "y": 11
      },
      "id": 104,
      "pluginVersion": "7.5.11",
      "targets": [
        {
          "queryType": "randomWalk",
          "refId": "A"
        }
      ],
      "timeFrom": null,
      "timeShift": null,
      "title": "AKT. TEMP.",
      "type": "mxswat-separator-panel"
    },
    {
      "datasource": "${DS_NETATMOPROM}",
      "fieldConfig": {
        "defaults": {
          "color": {
            "mode": "palette-classic"
          },
          "custom": {
            "axisLabel": "mbar",
            "axisPlacement": "right",
            "barAlignment": 0,
            "drawStyle": "line",
            "fillOpacity": 56,
            "gradientMode": "opacity",
            "hideFrom": {
              "graph": false,
              "legend": false,
              "tooltip": false
            },
            "lineInterpolation": "smooth",
            "lineStyle": {
              "dash": [
                0,
                10
              ],
              "fill": "dot"
            },
            "lineWidth": 2,
            "pointSize": 1,
            "scaleDistribution": {
              "type": "linear"
            },
            "showPoints": "always",
            "spanNulls": true
          },
          "mappings": [],
          "thresholds": {
            "mode": "absolute",
            "steps": [
              {
                "color": "green",
                "value": null
              }
            ]
          },
          "unit": "none"
        },
        "overrides": [
          {
            "matcher": {
              "id": "byName",
              "options": "netatmo_sensor_pressure_mb{instance=\"192.168.178.155:9210\", job=\"netatmo\", station=\"ZJ Base (Indoor)\"}"
            },
            "properties": [
              {
                "id": "color",
                "value": {
                  "fixedColor": "rgb(87, 207, 255)",
                  "mode": "fixed"
                }
              }
            ]
          }
        ]
      },
      "gridPos": {
        "h": 7,
        "w": 6,
        "x": 0,
        "y": 12
      },
      "id": 10,
      "interval": "",
      "links": [],
      "options": {
        "graph": {},
        "legend": {
          "calcs": [
            "mean",
            "lastNotNull",
            "max",
            "min",
            "sum"
          ],
          "displayMode": "hidden",
          "placement": "bottom"
        },
        "tooltipOptions": {
          "mode": "single"
        }
      },
      "pluginVersion": "7.5.11",
      "repeatDirection": "h",
      "targets": [
        {
          "exemplar": true,
          "expr": "netatmo_sensor_pressure_mb",
          "interval": "",
          "legendFormat": "",
          "refId": "A"
        }
      ],
      "timeFrom": null,
      "timeShift": null,
      "type": "timeseries"
    },
    {
      "datasource": "${DS_NETATMOPROM}",
      "fieldConfig": {
        "defaults": {
          "color": {
            "mode": "palette-classic"
          },
          "custom": {
            "axisLabel": "",
            "axisPlacement": "right",
            "barAlignment": 0,
            "drawStyle": "line",
            "fillOpacity": 15,
            "gradientMode": "opacity",
            "hideFrom": {
              "graph": false,
              "legend": false,
              "tooltip": false
            },
            "lineInterpolation": "smooth",
            "lineStyle": {
              "dash": [
                0,
                10
              ],
              "fill": "dot"
            },
            "lineWidth": 2,
            "pointSize": 2,
            "scaleDistribution": {
              "type": "linear"
            },
            "showPoints": "never",
            "spanNulls": true
          },
          "decimals": 1,
          "mappings": [],
          "thresholds": {
            "mode": "absolute",
            "steps": [
              {
                "color": "green",
                "value": null
              },
              {
                "color": "red",
                "value": 80
              }
            ]
          },
          "unit": "celsius"
        },
        "overrides": [
          {
            "matcher": {
              "id": "byName",
              "options": "netatmo_sensor_temperature_celsius{instance=\"192.168.178.155:9210\", job=\"netatmo\", module=\"Alex jr\", station=\"ZJ Base (Indoor)\"}"
            },
            "properties": [
              {
                "id": "displayName",
                "value": "Junior"
              },
              {
                "id": "color",
                "value": {
                  "fixedColor": "rgb(72, 130, 255)",
                  "mode": "fixed"
                }
              },
              {
                "id": "custom.fillBelowTo",
                "value": "netatmo_sensor_temperature_celsius{instance=\"192.168.178.155:9210\", job=\"netatmo\", module=\"Draußen\", station=\"ZJ Base (Indoor)\"}"
              },
              {
                "id": "custom.gradientMode",
                "value": "opacity"
              },
              {
                "id": "custom.fillOpacity",
                "value": 66
              }
            ]
          },
          {
            "matcher": {
              "id": "byName",
              "options": "netatmo_sensor_temperature_celsius{instance=\"192.168.178.155:9210\", job=\"netatmo\", module=\"Draußen\", station=\"ZJ Base (Indoor)\"}"
            },
            "properties": [
              {
                "id": "displayName",
                "value": "Aussen"
              },
              {
                "id": "color",
                "value": {
                  "fixedColor": "rgb(173, 255, 40)",
                  "mode": "fixed"
                }
              }
            ]
          },
          {
            "matcher": {
              "id": "byName",
              "options": "netatmo_sensor_temperature_celsius{instance=\"192.168.178.155:9210\", job=\"netatmo\", station=\"ZJ Base (Indoor)\"}"
            },
            "properties": [
              {
                "id": "displayName",
                "value": "Studio"
              },
              {
                "id": "color",
                "value": {
                  "fixedColor": "rgb(255, 105, 0)",
                  "mode": "fixed"
                }
              },
              {
                "id": "custom.gradientMode",
                "value": "opacity"
              },
              {
                "id": "custom.fillOpacity",
                "value": 8
              }
            ]
          },
          {
            "matcher": {
              "id": "byName",
              "options": "netatmo_sensor_temperature_celsius{instance=\"192.168.178.155:9210\", job=\"netatmo\", module=\"Draußen\", station=\"ZJ Base (Indoor)\"}"
            },
            "properties": [
              {
                "id": "custom.fillOpacity",
                "value": 100
              }
            ]
          }
        ]
      },
      "gridPos": {
        "h": 7,
        "w": 9,
        "x": 7,
        "y": 12
      },
      "id": 2,
      "interval": "",
      "links": [],
      "options": {
        "graph": {},
        "legend": {
          "calcs": [
            "min",
            "max"
          ],
          "displayMode": "list",
          "placement": "right"
        },
        "tooltipOptions": {
          "mode": "none"
        }
      },
      "pluginVersion": "7.5.11",
      "repeat": null,
      "repeatDirection": "h",
      "targets": [
        {
          "exemplar": true,
          "expr": "netatmo_sensor_temperature_celsius",
          "interval": "",
          "legendFormat": "",
          "refId": "A"
        }
      ],
      "timeFrom": null,
      "timeShift": null,
      "type": "timeseries"
    },
    {
      "cacheTimeout": null,
      "datasource": "${DS_NETATMOPROM}",
      "fieldConfig": {
        "defaults": {
          "color": {
            "mode": "palette-classic"
          },
          "mappings": [
            {
              "id": 0,
              "op": "=",
              "text": "N/A",
              "type": 1,
              "value": "null"
            }
          ],
          "max": 50,
          "min": -20,
          "thresholds": {
            "mode": "absolute",
            "steps": [
              {
                "color": "dark-green",
                "value": null
              },
              {
                "color": "rgba(237, 129, 40, 0.89)",
                "value": 40
              },
              {
                "color": "#d44a3a",
                "value": 100
              }
            ]
          },
          "unit": "celsius"
        },
        "overrides": [
          {
            "matcher": {
              "id": "byName",
              "options": "netatmo_sensor_temperature_celsius{instance=\"192.168.178.155:9210\", job=\"netatmo\", module=\"Draußen\", station=\"ZJ Base (Indoor)\"}"
            },
            "properties": [
              {
                "id": "displayName",
                "value": "AUSSEN"
              }
            ]
          },
          {
            "matcher": {
              "id": "byName",
              "options": "netatmo_sensor_temperature_celsius{instance=\"192.168.178.155:9210\", job=\"netatmo\", station=\"ZJ Base (Indoor)\"}"
            },
            "properties": [
              {
                "id": "displayName",
                "value": "STUDIO"
              }
            ]
          },
          {
            "matcher": {
              "id": "byName",
              "options": "netatmo_sensor_temperature_celsius{instance=\"192.168.178.155:9210\", job=\"netatmo\", module=\"Alex jr\", station=\"ZJ Base (Indoor)\"}"
            },
            "properties": [
              {
                "id": "displayName",
                "value": "KIZI"
              }
            ]
          }
        ]
      },
      "gridPos": {
        "h": 7,
        "w": 7,
        "x": 17,
        "y": 12
      },
      "id": 70,
      "links": [],
      "options": {
        "colorMode": "value",
        "graphMode": "none",
        "justifyMode": "center",
        "orientation": "vertical",
        "reduceOptions": {
          "calcs": [
            "lastNotNull"
          ],
          "fields": "",
          "values": false
        },
        "text": {
          "titleSize": 38,
          "valueSize": 55
        },
        "textMode": "auto"
      },
      "pluginVersion": "7.5.11",
      "repeatDirection": "h",
      "targets": [
        {
          "exemplar": true,
          "expr": "netatmo_sensor_temperature_celsius",
          "instant": false,
          "interval": "",
          "legendFormat": "",
          "refId": "A"
        }
      ],
      "timeFrom": null,
      "timeShift": null,
      "type": "stat"
    },
    {
      "datasource": null,
      "fieldConfig": {
        "defaults": {},
        "overrides": []
      },
      "gridPos": {
        "h": 12,
        "w": 1,
        "x": 6,
        "y": 16
      },
      "id": 103,
      "pluginVersion": "7.5.11",
      "targets": [
        {
          "queryType": "randomWalk",
          "refId": "A"
        }
      ],
      "timeFrom": null,
      "timeShift": null,
      "type": "mxswat-separator-panel"
    },
    {
      "datasource": null,
      "fieldConfig": {
        "defaults": {},
        "overrides": []
      },
      "gridPos": {
        "h": 12,
        "w": 1,
        "x": 16,
        "y": 16
      },
      "id": 102,
      "pluginVersion": "7.5.11",
      "targets": [
        {
          "queryType": "randomWalk",
          "refId": "A"
        }
      ],
      "timeFrom": null,
      "timeShift": null,
      "type": "mxswat-separator-panel"
    },
    {
      "datasource": null,
      "fieldConfig": {
        "defaults": {},
        "overrides": []
      },
      "gridPos": {
        "h": 1,
        "w": 6,
        "x": 0,
        "y": 19
      },
      "id": 110,
      "pluginVersion": "7.5.11",
      "targets": [
        {
          "queryType": "randomWalk",
          "refId": "A"
        }
      ],
      "timeFrom": null,
      "timeShift": null,
      "title": "STUDIO LAUTSTÄRKE - LUFTDRUCK",
      "type": "mxswat-separator-panel"
    },
    {
      "datasource": null,
      "fieldConfig": {
        "defaults": {},
        "overrides": []
      },
      "gridPos": {
        "h": 1,
        "w": 9,
        "x": 7,
        "y": 19
      },
      "id": 97,
      "pluginVersion": "7.5.11",
      "targets": [
        {
          "queryType": "randomWalk",
          "refId": "A"
        }
      ],
      "timeFrom": null,
      "timeShift": null,
      "title": "CO2 VERLAUF",
      "type": "mxswat-separator-panel"
    },
    {
      "datasource": null,
      "fieldConfig": {
        "defaults": {},
        "overrides": []
      },
      "gridPos": {
        "h": 1,
        "w": 7,
        "x": 17,
        "y": 19
      },
      "id": 105,
      "pluginVersion": "7.5.11",
      "targets": [
        {
          "queryType": "randomWalk",
          "refId": "A"
        }
      ],
      "timeFrom": null,
      "timeShift": null,
      "title": "CO2 KONZENTRATION",
      "type": "mxswat-separator-panel"
    },
    {
      "datasource": "${DS_NETATMOPROM}",
      "fieldConfig": {
        "defaults": {
          "color": {
            "mode": "palette-classic"
          },
          "custom": {
            "axisLabel": "dB",
            "axisPlacement": "right",
            "barAlignment": 0,
            "drawStyle": "line",
            "fillOpacity": 66,
            "gradientMode": "opacity",
            "hideFrom": {
              "graph": false,
              "legend": false,
              "tooltip": false
            },
            "lineInterpolation": "smooth",
            "lineStyle": {
              "fill": "solid"
            },
            "lineWidth": 2,
            "pointSize": 3,
            "scaleDistribution": {
              "type": "linear"
            },
            "showPoints": "always",
            "spanNulls": true
          },
          "decimals": 0,
          "mappings": [],
          "thresholds": {
            "mode": "absolute",
            "steps": [
              {
                "color": "green",
                "value": null
              },
              {
                "color": "red",
                "value": 80
              }
            ]
          },
          "unit": "short"
        },
        "overrides": [
          {
            "matcher": {
              "id": "byName",
              "options": "netatmo_sensor_noise_db{instance=\"192.168.178.155:9210\", job=\"netatmo\", station=\"ZJ Base (Indoor)\"}"
            },
            "properties": [
              {
                "id": "color",
                "value": {
                  "fixedColor": "rgb(255, 255, 255)",
                  "mode": "fixed"
                }
              }
            ]
          }
        ]
      },
      "gridPos": {
        "h": 8,
        "w": 4,
        "x": 0,
        "y": 20
      },
      "id": 69,
      "interval": "",
      "links": [],
      "options": {
        "graph": {},
        "legend": {
          "calcs": [],
          "displayMode": "hidden",
          "placement": "bottom"
        },
        "tooltipOptions": {
          "mode": "single"
        }
      },
      "pluginVersion": "7.5.11",
      "repeatDirection": "h",
      "targets": [
        {
          "exemplar": true,
          "expr": "netatmo_sensor_noise_db",
          "interval": "",
          "legendFormat": "",
          "refId": "A"
        }
      ],
      "timeFrom": null,
      "timeShift": null,
      "type": "timeseries"
    },
    {
      "cacheTimeout": null,
      "datasource": "${DS_NETATMOPROM}",
      "fieldConfig": {
        "defaults": {
          "color": {
            "mode": "thresholds"
          },
          "mappings": [
            {
              "$$hashKey": "object:1255",
              "id": 0,
              "op": "=",
              "text": "⇡",
              "type": 1,
              "value": "up"
            },
            {
              "$$hashKey": "object:1256",
              "id": 1,
              "op": "=",
              "text": "⇣",
              "type": 1,
              "value": "down"
            }
          ],
          "thresholds": {
            "mode": "absolute",
            "steps": [
              {
                "color": "super-light-green",
                "value": null
              },
              {
                "color": "rgba(31, 96, 196, 0.56)",
                "value": 925
              },
              {
                "color": "red",
                "value": 1070
              }
            ]
          },
          "unit": "pressurembar"
        },
        "overrides": []
      },
      "gridPos": {
        "h": 4,
        "w": 2,
        "x": 4,
        "y": 20
      },
      "id": 15,
      "interval": null,
      "links": [],
      "maxDataPoints": 100,
      "options": {
        "colorMode": "background",
        "graphMode": "none",
        "justifyMode": "auto",
        "orientation": "horizontal",
        "reduceOptions": {
          "calcs": [
            "lastNotNull"
          ],
          "fields": "",
          "values": false
        },
        "text": {},
        "textMode": "value"
      },
      "pluginVersion": "7.5.11",
      "targets": [
        {
          "exemplar": true,
          "expr": "netatmo_sensor_pressure_mb",
          "interval": "",
          "legendFormat": "",
          "refId": "A"
        }
      ],
      "timeFrom": null,
      "timeShift": null,
      "transparent": true,
      "type": "stat"
    },
    {
      "aliasColors": {},
      "bars": false,
      "dashLength": 10,
      "dashes": false,
      "datasource": "${DS_NETATMOPROM}",
      "decimals": 0,
      "fieldConfig": {
        "defaults": {
          "unit": "ppm"
        },
        "overrides": [
          {
            "matcher": {
              "id": "byName",
              "options": "netatmo_sensor_co2_ppm{instance=\"192.168.178.155:9210\", job=\"netatmo\", station=\"ZJ Base (Indoor)\"}"
            },
            "properties": [
              {
                "id": "displayName",
                "value": "STUDIO"
              }
            ]
          },
          {
            "matcher": {
              "id": "byName",
              "options": "netatmo_sensor_co2_ppm{instance=\"192.168.178.155:9210\", job=\"netatmo\", module=\"Alex jr\", station=\"ZJ Base (Indoor)\"}"
            },
            "properties": [
              {
                "id": "displayName",
                "value": "Junior"
              }
            ]
          }
        ]
      },
      "fill": 10,
      "fillGradient": 10,
      "gridPos": {
        "h": 8,
        "w": 9,
        "x": 7,
        "y": 20
      },
      "hiddenSeries": false,
      "id": 90,
      "interval": "",
      "legend": {
        "alignAsTable": true,
        "avg": false,
        "current": true,
        "hideEmpty": false,
        "hideZero": false,
        "max": false,
        "min": false,
        "rightSide": true,
        "show": true,
        "sideWidth": 0,
        "total": false,
        "values": true
      },
      "lines": true,
      "linewidth": 3,
      "links": [],
      "maxDataPoints": 6000,
      "maxPerRow": 2,
      "nullPointMode": "connected",
      "options": {
        "alertThreshold": true
      },
      "percentage": true,
      "pluginVersion": "7.5.11",
      "pointradius": 2,
      "points": false,
      "renderer": "flot",
      "repeatDirection": "h",
      "seriesOverrides": [],
      "spaceLength": 10,
      "stack": false,
      "steppedLine": false,
      "targets": [
        {
          "exemplar": true,
          "expr": "netatmo_sensor_co2_ppm",
          "interval": "",
          "legendFormat": "",
          "refId": "A"
        }
      ],
      "thresholds": [
        {
          "$$hashKey": "object:702",
          "colorMode": "custom",
          "fill": true,
          "fillColor": "rgba(198, 35, 35, 0.31)",
          "line": true,
          "lineColor": "rgb(13, 0, 4)",
          "op": "gt",
          "value": 1500,
          "yaxis": "left"
        },
        {
          "$$hashKey": "object:1260",
          "colorMode": "custom",
          "fill": true,
          "fillColor": "rgba(255, 100, 10, 0.26)",
          "line": true,
          "lineColor": "#96D98D",
          "op": "gt",
          "value": 1000,
          "yaxis": "left"
        },
        {
          "$$hashKey": "object:1353",
          "colorMode": "custom",
          "fill": true,
          "fillColor": "rgba(0, 0, 0, 0.11)",
          "line": true,
          "lineColor": "rgba(31, 96, 196, 0.6)",
          "op": "lt",
          "value": 999,
          "yaxis": "left"
        }
      ],
      "timeFrom": null,
      "timeRegions": [],
      "timeShift": null,
      "tooltip": {
        "shared": true,
        "sort": 0,
        "value_type": "individual"
      },
      "type": "graph",
      "xaxis": {
        "buckets": null,
        "mode": "time",
        "name": null,
        "show": true,
        "values": []
      },
      "yaxes": [
        {
          "$$hashKey": "object:674",
          "decimals": null,
          "format": "ppm",
          "label": "",
          "logBase": 1,
          "max": "1600",
          "min": "300",
          "show": true
        },
        {
          "$$hashKey": "object:675",
          "format": "short",
          "label": null,
          "logBase": 1,
          "max": null,
          "min": null,
          "show": true
        }
      ],
      "yaxis": {
        "align": false,
        "alignLevel": null
      }
    },
    {
      "datasource": "${DS_NETATMOPROM}",
      "fieldConfig": {
        "defaults": {
          "color": {
            "mode": "thresholds"
          },
          "links": [],
          "mappings": [
            {
              "from": "0",
              "id": 1,
              "text": "SEHR GUT",
              "to": "500",
              "type": 2,
              "value": ""
            },
            {
              "from": "501",
              "id": 2,
              "text": "IN ORDNUNG",
              "to": "800",
              "type": 2
            },
            {
              "from": "801",
              "id": 3,
              "text": "BALD LÜFTEN",
              "to": "1000",
              "type": 2
            },
            {
              "from": "1001",
              "id": 4,
              "text": "JETZT LÜFTEN!",
              "to": "3000",
              "type": 2
            },
            {
              "from": "3001",
              "id": 5,
              "text": "LEBENSGEFAHR!!!!",
              "to": "10000",
              "type": 2,
              "value": "300"
            }
          ],
          "thresholds": {
            "mode": "absolute",
            "steps": [
              {
                "color": "light-blue",
                "value": null
              },
              {
                "color": "light-yellow",
                "value": 501
              },
              {
                "color": "dark-orange",
                "value": 1000
              },
              {
                "color": "dark-red",
                "value": 1400
              }
            ]
          },
          "unit": "ppm"
        },
        "overrides": []
      },
      "gridPos": {
        "h": 4,
        "w": 4,
        "x": 17,
        "y": 20
      },
      "id": 89,
      "interval": "",
      "links": [],
      "options": {
        "colorMode": "value",
        "graphMode": "none",
        "justifyMode": "center",
        "orientation": "auto",
        "reduceOptions": {
          "calcs": [
            "lastNotNull"
          ],
          "fields": "/^netatmo_sensor_co2_ppm\\{instance=\"192\\.168.178.155:9210\", job=\"netatmo\", station=\"ZJ Base \\(Indoor\\)\"\\}$/",
          "values": false
        },
        "text": {},
        "textMode": "value"
      },
      "pluginVersion": "7.5.11",
      "repeatDirection": "h",
      "targets": [
        {
          "exemplar": true,
          "expr": "netatmo_sensor_co2_ppm",
          "interval": "",
          "legendFormat": "",
          "refId": "A"
        }
      ],
      "timeFrom": null,
      "timeShift": null,
      "title": "STUDIO",
      "type": "stat"
    },
    {
      "datasource": "${DS_NETATMOPROM}",
      "fieldConfig": {
        "defaults": {
          "color": {
            "mode": "thresholds"
          },
          "links": [],
          "mappings": [],
          "thresholds": {
            "mode": "absolute",
            "steps": [
              {
                "color": "light-blue",
                "value": null
              },
              {
                "color": "light-yellow",
                "value": 501
              },
              {
                "color": "dark-orange",
                "value": 1000
              },
              {
                "color": "dark-red",
                "value": 1400
              }
            ]
          },
          "unit": "ppm"
        },
        "overrides": []
      },
      "gridPos": {
        "h": 4,
        "w": 3,
        "x": 21,
        "y": 20
      },
      "id": 95,
      "interval": "",
      "links": [],
      "options": {
        "colorMode": "value",
        "graphMode": "none",
        "justifyMode": "center",
        "orientation": "auto",
        "reduceOptions": {
          "calcs": [
            "lastNotNull"
          ],
          "fields": "/^netatmo_sensor_co2_ppm\\{instance=\"192\\.168.178.155:9210\", job=\"netatmo\", station=\"ZJ Base \\(Indoor\\)\"\\}$/",
          "values": false
        },
        "text": {},
        "textMode": "value"
      },
      "pluginVersion": "7.5.11",
      "repeatDirection": "h",
      "targets": [
        {
          "exemplar": true,
          "expr": "netatmo_sensor_co2_ppm",
          "interval": "",
          "legendFormat": "",
          "refId": "A"
        }
      ],
      "timeFrom": null,
      "timeShift": null,
      "type": "stat"
    },
    {
      "cacheTimeout": null,
      "datasource": "${DS_NETATMOPROM}",
      "fieldConfig": {
        "defaults": {
          "color": {
            "mode": "thresholds"
          },
          "mappings": [],
          "max": 120,
          "min": 0,
          "thresholds": {
            "mode": "absolute",
            "steps": [
              {
                "color": "rgba(41, 156, 70, 0.34)",
                "value": null
              },
              {
                "color": "rgba(237, 129, 40, 0.89)",
                "value": 60
              },
              {
                "color": "#d44a3a",
                "value": 80
              }
            ]
          },
          "unit": "dB"
        },
        "overrides": []
      },
      "gridPos": {
        "h": 4,
        "w": 2,
        "x": 4,
        "y": 24
      },
      "id": 6,
      "links": [],
      "options": {
        "colorMode": "background",
        "graphMode": "none",
        "justifyMode": "auto",
        "orientation": "horizontal",
        "reduceOptions": {
          "calcs": [
            "last"
          ],
          "fields": "",
          "values": false
        },
        "text": {},
        "textMode": "value"
      },
      "pluginVersion": "7.5.11",
      "repeatDirection": "h",
      "targets": [
        {
          "exemplar": true,
          "expr": "netatmo_sensor_noise_db",
          "interval": "",
          "legendFormat": "",
          "refId": "A"
        }
      ],
      "timeFrom": null,
      "timeShift": null,
      "transformations": [
        {
          "id": "filterByValue",
          "options": {
            "filters": [
              {
                "config": {
                  "id": "isNull",
                  "options": {}
                },
                "fieldName": "netatmo_sensor_noise_db{instance=\"192.168.178.155:9210\", job=\"netatmo\", station=\"ZJ Base (Indoor)\"}"
              }
            ],
            "match": "any",
            "type": "exclude"
          }
        }
      ],
      "transparent": true,
      "type": "stat"
    },
    {
      "datasource": "${DS_NETATMOPROM}",
      "fieldConfig": {
        "defaults": {
          "color": {
            "mode": "thresholds"
          },
          "links": [],
          "mappings": [
            {
              "from": "0",
              "id": 1,
              "text": "SEHR GUT",
              "to": "500",
              "type": 2,
              "value": ""
            },
            {
              "from": "501",
              "id": 2,
              "text": "IN ORDNUNG",
              "to": "800",
              "type": 2
            },
            {
              "from": "801",
              "id": 3,
              "text": "STICKIG",
              "to": "1000",
              "type": 2
            },
            {
              "from": "1001",
              "id": 4,
              "text": "BALD LÜFTEN",
              "to": "1399",
              "type": 2
            },
            {
              "from": "1400",
              "id": 5,
              "text": "SOFORT LÜFTEN",
              "to": "10000",
              "type": 2,
              "value": "300"
            }
          ],
          "thresholds": {
            "mode": "absolute",
            "steps": [
              {
                "color": "light-blue",
                "value": null
              },
              {
                "color": "light-yellow",
                "value": 501
              },
              {
                "color": "dark-orange",
                "value": 1000
              },
              {
                "color": "dark-red",
                "value": 1400
              }
            ]
          },
          "unit": "ppm"
        },
        "overrides": []
      },
      "gridPos": {
        "h": 4,
        "w": 4,
        "x": 17,
        "y": 24
      },
      "id": 113,
      "interval": "",
      "links": [],
      "options": {
        "colorMode": "value",
        "graphMode": "none",
        "justifyMode": "center",
        "orientation": "auto",
        "reduceOptions": {
          "calcs": [
            "lastNotNull"
          ],
          "fields": "/^netatmo_sensor_co2_ppm\\{instance=\"192\\.168.178.155:9210\", job=\"netatmo\", module=\"Alex jr\", station=\"ZJ Base \\(Indoor\\)\"\\}$/",
          "values": false
        },
        "text": {},
        "textMode": "value"
      },
      "pluginVersion": "7.5.11",
      "repeatDirection": "h",
      "targets": [
        {
          "exemplar": true,
          "expr": "netatmo_sensor_co2_ppm",
          "interval": "",
          "legendFormat": "",
          "refId": "A"
        }
      ],
      "timeFrom": null,
      "timeShift": null,
      "title": "JUNIOR",
      "type": "stat"
    },
    {
      "datasource": "${DS_NETATMOPROM}",
      "fieldConfig": {
        "defaults": {
          "color": {
            "mode": "thresholds"
          },
          "links": [],
          "mappings": [],
          "thresholds": {
            "mode": "absolute",
            "steps": [
              {
                "color": "light-blue",
                "value": null
              },
              {
                "color": "light-yellow",
                "value": 501
              },
              {
                "color": "dark-orange",
                "value": 1000
              },
              {
                "color": "dark-red",
                "value": 1400
              }
            ]
          },
          "unit": "ppm"
        },
        "overrides": []
      },
      "gridPos": {
        "h": 4,
        "w": 3,
        "x": 21,
        "y": 24
      },
      "id": 114,
      "interval": "",
      "links": [],
      "options": {
        "colorMode": "value",
        "graphMode": "none",
        "justifyMode": "center",
        "orientation": "auto",
        "reduceOptions": {
          "calcs": [
            "lastNotNull"
          ],
          "fields": "/^netatmo_sensor_co2_ppm\\{instance=\"192\\.168.178.155:9210\", job=\"netatmo\", module=\"Alex jr\", station=\"ZJ Base \\(Indoor\\)\"\\}$/",
          "values": false
        },
        "text": {},
        "textMode": "value"
      },
      "pluginVersion": "7.5.11",
      "repeatDirection": "h",
      "targets": [
        {
          "exemplar": true,
          "expr": "netatmo_sensor_co2_ppm",
          "interval": "",
          "legendFormat": "",
          "refId": "A"
        }
      ],
      "timeFrom": null,
      "timeShift": null,
      "type": "stat"
    },
    {
      "datasource": null,
      "fieldConfig": {
        "defaults": {},
        "overrides": []
      },
      "gridPos": {
        "h": 1,
        "w": 24,
        "x": 0,
        "y": 28
      },
      "id": 108,
      "pluginVersion": "7.5.11",
      "targets": [
        {
          "queryType": "randomWalk",
          "refId": "A"
        }
      ],
      "timeFrom": null,
      "timeShift": null,
      "type": "mxswat-separator-panel"
    },
    {
      "collapsed": false,
      "datasource": null,
      "gridPos": {
        "h": 1,
        "w": 24,
        "x": 0,
        "y": 29
      },
      "id": 24,
      "panels": [],
      "repeat": "Module",
      "type": "row"
    },
    {
      "datasource": null,
      "fieldConfig": {
        "defaults": {},
        "overrides": []
      },
      "gridPos": {
        "h": 3,
        "w": 24,
        "x": 0,
        "y": 30
      },
      "id": 116,
      "options": {
        "activeTheme": "Theme 7",
        "disableThemePicker": true,
        "themes": [
          {
            "name": "Night Theme",
            "styles": [
              {
                "props": {
                  "theme": "dark"
                },
                "type": "basetheme"
              },
              {
                "props": {
                  "url": ""
                },
                "type": "bgimage"
              },
              {
                "props": {
                  "text": "#https://cdn.thegeekfreaks.de/Download/TGF 9zu16.jpg"
                },
                "type": "style"
              }
            ]
          },
          {
            "name": "ALEX",
            "styles": [
              {
                "props": {
                  "theme": "default"
                },
                "type": "basetheme"
              },
              {
                "props": {
                  "url": ""
                },
                "type": "bgimage"
              },
              {
                "props": {
                  "url": "https://gilbn.github.io/theme.park/CSS/themes/grafana/space-gray.css"
                },
                "type": "url"
              },
              {
                "props": {
                  "text": "\n:root {\n  --main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;\n  --modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;\n  --button-color: #009688;\n  --button-color-hover: #12afa0;\n  --accent-color:  #009688;\n  --accent-color-hover: #12afa0;\n  --queue-color: #009688;\n}\n\nbody {\n    color: #FFFFFF !important;\n    background-color: transparent !important;\n}\n\n/* Loading page */\n.theme-dark, .theme-light, .preloader {\n    background: transparent !important;\n}\n\n/* login page */\n.login-branding {\n    border-right: none !important;\n}\n\n/* sidemenu */\n.sidemenu-open .sidemenu {\n    background: rgba(0, 0, 0, .25) !important;\n}\n.sidemenu__logo:hover {\n    background: rgba(0, 0, 0, .25) !important;\n}\n.sidemenu-item.active, .sidemenu-item:hover {\n    background-color: rgba(0, 0, 0, .25) !important;\n}\n@media (max-width: 768px) {\n.sidemenu .sidemenu__logo_small_breakpoint {\n    background: var(--main-bg-color);\n}\n}\n\n/* Dashboard dropdown menu */\n.search-dropdown__col_1 {\n    background: transparent !important;\n}\n.search-container {\n    left: 0px !important;\n}\n.navbar-page-btn {\n    color: #FFF !important;\n}\n\n/* Panel fullscreen navbar */\n.panel-in-fullscreen .navbar {\n    background: linear-gradient(90deg,rgba(0, 0, 0, .15),rgba(0, 0, 0, 0.25)) !important;\n}\n\n/* Dashboard search menu */\n.search-field-wrapper {\n\tbackground-color: #1f1f1f !important;\n\tbox-shadow: none !important;\n}\n.search-field-wrapper>input {\n\theight: 55px !important;\n    background-color: rgba(0, 0, 0, 0.25) !important;\n}\n.search-field-icon {\n    background-color: rgba(0, 0, 0, .25) !important;\n}\n\n/* Dashboard settings menu */\n.dashboard-settings__aside {\n    background: rgba(0, 0, 0, .25) !important;\n}\n.dashboard-page--settings-open .navbar {\n    background: linear-gradient(90deg,rgba(0, 0, 0, .15),rgba(0, 0, 0, 0.25)) !important;\n}\n.navbar-button--primary {\n    border-color: #ffffff00 !important;\n}\n.dashboard-settings__aside-header {\n    color: #ffffff !important;\n}\n.dashboard-settings__nav-item {\n    color: #ffffff !important;\n}\n.bootstrap-tagsinput {\n    background-color: #09090b !important;\n}\n.gf-form-select-wrapper .gf-form-input {\n    background-color: #393a3b !important;\n}\n\n/*Datasources Menu*/\n\n.add-data-source-item {\n    background: rgba(255, 255, 255, 0.08);\n    -webkit-box-shadow: none;\n    box-shadow: none;\n}\n.add-data-source-item:hover {\n    -webkit-box-shadow: none;\n    box-shadow: none;\n    background: rgba(255, 255, 255, 0.15);\n    border: 1px solid #00000000;\n    color: #fff;\n}\n/* Variable label color */\n.template-variable {\n    color: #f79520 !important;\n}\n\n/* Variable label box */\n.gf-form-label {\n    background-color: rgba(0, 0, 0, 0.25) !important;\n\t   border: none !important;\n     color: #FFF;\n}\n.gf-form-input:focus {\n    color: #FFF !important;\n    background-color: #262626 !important;\n    border: none !important;\n    box-shadow: none !important;\n}\n.variable-option.highlighted, .variable-option:hover {\n    background-color: hsla(0,0%,100%,.1) !important;\n}\n\n/* Variable dashboard dropdown */\n.variable-value-link {\n    padding: 7.4px 10px !important;\n    background-color: rgba(0, 0, 0, 0.25) !important;\n    border: none !important;\n    color: #FFFFFF !important;\n}\n\n/* Variable input box */\n.gf-form-input {\n\tcolor: #FFFFFF !important;\n    background-color: rgba(255, 255, 255, 0.15) !important;\n    border: 0px solid #262628 !important;\n\n}\n\n/* NAVBAR BUTTONS */\n.navbar-button {\n    color: #FFF !important;\n    background-color: rgba(0, 0, 0, 0.25) !important;\n    background-image: linear-gradient(180deg,rgba(0, 0, 0, 0.25),rgba(0, 0, 0, 0.25)) !important;\n    border: none !important;\n}\n\n/* Custom Range Refreshing every X Dropdown */\n.gf-timepicker-absolute-section select {\n    background-color: #393a3b !important;\n}\n\n/* PANEL BACKGROUND COLOR*/\n.panel-container {\n    background-color: rgba(0, 0, 0, .25);\n    border: transparent;\n    box-shadow: none !important;\n}\n.panel-container.panel-transparent, .panel-container--transparent {\nbackground-color: transparent;\n  border: transparent;\n}\n.panel-header:hover {\n    background-color: rgba(0, 0, 0, 0.25) !important;\n}\n.panel-loading {\n    color: transparent;\n}\n/* ////PANEL BACKGROUND COLOR//// */\n\n.graph-legend-table .graph-legend-series:nth-child(odd) {\n    background: transparent !important;\n}\n\n/* Panel text color*/\ndiv.flot-text {\n    color: #FFF !important;\n}\n\n/* panel loading circle*/\n.panel-loading {\n    color: #FFF !important;\n}\n\n/* panel resize arrow */\n.theme-dark .react-grid-item>.react-resizable-handle:after {\n    border-right: 2px solid #fff !important;\n    border-bottom: 2px solid #fff !important;\n}\n\n/* table panel background color */\n.table-panel-container {\n    background-color: rgba(0, 0, 0, .25) !important;\n}\n/* table panel border size */\n.table-panel-table td {\n    padding: .45em 0 .45em 1.1em;\n    border-bottom: 1px solid #171819;\n    border-right: 1px solid #171819;\n}\n/* Edit panel tabs  */\n.tabbed-view-header {\n    box-shadow: none;\n    background: rgba(0, 0, 0, 0.25);\n    border-bottom: none;\n}\n.tabbed-view-panel-title {\n    padding-left: 10px;\n}\n/* worldmap zoom buttons and leaflet  */\n.leaflet-bar a, .leaflet-bar a:hover {\n    background-color: #1f1f1f !important;\n    border-bottom: 1px solid #1f1f1f !important;\n    color: white !important;\n}\n.leaflet-bar a:hover {\n    background-color: #1b1b1b !important;\n}\n.leaflet-control-attribution {\n    display: none;\n}\n/* New Dashboard */\n.add-panel__item {\n    background: linear-gradient(135deg,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.25));\n    box-shadow: -1px -1px 0 0 hsla(0,0%,100%,.1), 1px 1px 0 0 rgba(0, 0, 0, 0);\n}\n.add-panel__item.active, .add-panel__item:hover {\n    background: linear-gradient(135deg,rgba(0, 0, 0, 0.25),rgba(0, 0, 0, 0.25));\n}\n.add-panel__header {\n    background: rgba(0, 0, 0, 0.25);\n    box-shadow: none;\n    border-bottom: 0px;\n}\n\n@import url(https://gilbn.github.io/theme.park/CSS/themes/grafana/grafana-base.css);\n:root {\n  --main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;\n  --modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;\n  --button-color: #009688;\n  --button-color-hover: #12afa0;\n  --accent-color:  #009688;\n  --accent-color-hover: #12afa0;\n  --queue-color: #009688;\n}\n\n\n\n/*V7*/\n\n/*LOGIN*/\n.css-bnbqsv {background: var(--main-bg-color)}\n.css-3iwqj4 { background: transparent;}\n#login-view > div > form > div:nth-child(1) > div:nth-child(2) > div > div > input, #login-view > div > form > div:nth-child(2) > div:nth-child(2) > div > div > input {\n    height: 38px;\n}\n/*Buttons*/\n.css-y3nv3e-button,\n.css-cc7c9f-button,\n.css-1vlnne-button,\n.css-1ihbihm-button,\n.css-14zdxje-button,\n.css-179z9yx-button,\n.css-370vzt-button,\n.css-msayan-button,\n.css-19kbjxc-button,\n.gf-form-button-row a, .gf-form-button-row button,\n.page-action-bar>a, .page-action-bar>button,\n.btn-primary{ \nbackground: var(--button-color) !important;\nbackground-color: var(--button-color) !important;\nborder-color: var(--button-color);\n}\n.css-y3nv3e-button:hover, \n.css-y3nv3e-button:focus, \n.css-cc7c9f-button:hover,\n.css-cc7c9f-button:focus,\n.css-1vlnne-button:hover,\n.css-1vlnne-button:focus,\n.css-1ihbihm-button:hover,\n.css-1ihbihm-button:focus,\n.css-14zdxje-button:hover,\n.css-14zdxje-button:focus,\n.css-179z9yx-button:hover,\n.css-179z9yx-button:focus,\n.css-370vzt-button:hover,\n.css-370vzt-button:focus,\n.css-msayan-button:hover,\n.css-msayan-button:focus,\n.css-19kbjxc-button:hover,\n.css-19kbjxc-button:focus,\n.gf-form-button-row a, .gf-form-button-row button:hover,\n.btn-primary:hover{\ncolor: rgb(255, 255, 255);\nbackground: var(--button-color-hover) !important;\nbackground-color: var(--button-color-hover) !important;\nbox-shadow: none !important;\n} \n.css-1d9e5zy-button {color: #fff; background: var(--button-color)}\n.css-1d9e5zy-button:hover {color: #fff; background: var(--button-color-hover)}\n\n/*INPUT*/\ninput:focus {box-shadow: none !important;}\n.css-17rc2pp-input-wrapper:focus, .css-1i9is3t:focus {\nbox-shadow:none;\ncolor: transparent;\n}\n.gf-form-select-box__control--is-focused {\nborder-color: transparent;\noutline: none;\n-webkit-box-shadow: none !important;\nbox-shadow: none !important;\n}\n\n.css-1bjepp-input-input {\nbackground-color: hsla(0,0%,100%,.25);\nborder-radius: 3px;\nborder-color: transparent;\n-webkit-transition: background-color .15s ease-in-out,box-shadow .15s ease-in-out !important;\ntransition: background-color .15s ease-in-out,box-shadow .15s ease-in-out !important;\n}\n\n.css-1bjepp-input-input:focus {\nbox-shadow: none !important;\nbackground-color: white;\ncolor: black;\ntransition: background-color .2s;\n-webkit-transition: background-color .2s;\nborder-radius: 3px;\n}\n.css-14hvfbu-input-wrapper:focus { \nborder-color:transparent !important;\nbox-shadow: none !important;    \n}\n.css-1w5c5dq-input-inputWrapper input:not(:last-child) {\n    height: 100%\n}\n/*Disabled input*/\n.css-1bjepp-input-input:disabled {\n    background-color: rgba(0, 0, 0, .5);\n    color: rgb(159, 167, 179);\n}\n.css-1bjepp-input-input:hover {border-color: transparent;}\nbody > grafana-app > div > div > react-container > div > div > div.view > div > div.page-container.page-body > div:nth-child(2) > form > div > div > div > div.css-1w5c5dq-input-inputWrapper > input {height: 100%;}\n\n\n/* SEARCH */\n.css-x9mxj5 {\nbackground: var(--main-bg-color);\n}\n.css-1m6pigl:focus + label {\noutline-offset: 2px;\nbox-shadow: rgba(20, 22, 25, 0) 0px 0px 0px 2px, rgba(31, 97, 196, 0) 0px 0px 0px 4px !important;\nz-index: 3;\noutline: transparent dotted 2px;\ntransition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;\n}\n.css-1m6pigl:checked + label {\ncolor: var(--accent-color) !important;\nborder-color: rgba(255, 255, 255, .1);\nbackground: rgba(0, 0, 0, .5);\n}\n.css-b40tk8:focus + label {\nbox-shadow: rgba(20, 22, 25, 0) 0px 0px 0px 2px, rgba(31, 97, 196, 0) 0px 0px 0px 4px !important;\n\n}\n.css-y0yg3l {\nbackground: var(--main-bg-color);\nborder-color: transparent;\n}\n.css-y0yg3l {\nbackground: rgba(0, 0, 0, .25) !important;\nborder-color: transparent;\n}\n\n.css-1je3bh6 {\nbackground: transparent;\nborder-bottom: 1px solid rgba(0, 0, 0, 0);\n}\n\n/*Folder bars*/\n.css-1umfglk {\nbackground: rgba(0, 0, 0, .25);\n}\n.css-1umfglk:hover {\nbackground: rgba(0, 0, 0, .35);\n}\n\n/* Login Error message*/\n.css-1ow9mne-input-input {\nline-height: 1.5;\nheight: 38px;\nbackground-color: hsla(0,0%,100%,.25);\nborder-radius: 3px;\nborder-color: transparent;\n-webkit-transition: background-color .15s ease-in-out,box-shadow .15s ease-in-out !important;\ntransition: background-color .15s ease-in-out,box-shadow .15s ease-in-out !important;\n}\n.css-1ow9mne-input-input {\nbox-shadow: none !important;\nbackground-color: white;\ncolor: black;\ntransition: background-color .2s;\n-webkit-transition: background-color .2s;\nheight: 38px;\nborder-radius: 3px;\n}\n.css-13o428a {\nmargin: 10px 0px 0px;\n}\n\n/*Welcome to Grafana*/\n.css-15xxblz,.css-1ld19yb {background: rgba(0, 0, 0, .25);}\n\n.css-1as70ku, .css-u5zjuh {\nbackground: rgba(0, 0, 0, .25);}\n.css-17abkeq, .css-5ak73y  {\ncolor: #fff;\n}\n\n\n/* Import */\nbody > grafana-app > div > div > react-container > div > div > div.view > div > div.page-container.page-body > form > div:nth-child(4) > div:nth-child(2) > div > div.css-1w5c5dq-input-inputWrapper > input {height:100%}\n\n\n/*PANEL EDIT*/\n\n/*Header*/\n.css-1marj6o {\ndisplay: flex;\n-webkit-box-pack: justify;\njustify-content: space-between;\npadding: 8px;\nbackground: transparent;\nborder-bottom: 1px solid transparent;\n}\n/*Background*/\n.css-azp59k {\nbackground: var(--main-bg-color);\n}\n/*Query box*/\n.css-hz0utb {\nbackground: rgba(0, 0, 0, .35);\nborder-right: 1px solid rgba(0, 0, 0, 0);\n}\n.query-keyword, .css-wvxxxy, .css-fpnw35   {\n    font-weight: 500;\n    color: var(--accent-color);\n}\n.css-lvafs5 {\n    background: rgba(0, 0, 0, .5);\n}\n\n.css-ui3sz4-activeTabStyle {\nmargin-right: 16px;\nposition: relative;\ndisplay: block;\ncolor: rgb(216, 217, 218);\ncursor: default;\nlist-style: none;\npadding: 11px 15px 9px;\nborder-style: solid;\nborder-image: initial;\nborder-width: 0px 1px 1px;\nborder-radius: 3px 3px 0px 0px;\nborder-color: transparent !important;\nbackground: rgba(0, 0, 0, .5);\noverflow: hidden;\n}\n.css-1awj6q7-counter {\nbackground-color: rgba(0, 0, 0, .5);\ncolor: rgb(255, 255, 255);\n}\n/*Transform tab*/\n.css-y2f54e {\nbackground: rgba(0, 0, 0, .25);\n}\n.css-y2f54e:hover {\nbackground: rgba(0, 0, 0, .35);\n}\n.css-1e8invk::before {\nbackground:rgba(0, 0, 0, .35) !important;\n}\n\n/* Right side menu*/\n.css-1xj5tuf {\nbackground: rgba(0, 0, 0, .35);\nborder-left: 1px solid transparent;\n}\n/*Dropdown bottom borders*/\n.css-1majipf {\nborder-bottom: 1px solid rgba(255, 255, 255, .08);\n}\n/*Settings text input*/\n.css-1f38lle:focus {\n    box-shadow: none !important;\n}\n.css-1gokw4e input:checked + label, .css-1gokw4e input:checked + label:hover {\nbackground: var(--accent-color);\n}\n.css-1gokw4e label {\n    background: white;\n}\n/*Visualization*/\n.css-1lemfi9 {\n    background: rgba(0, 0, 0, .25);\n    border-color: transparent;\n}\n.css-1fsv7gr:hover > div:first-child {\n    border-color: var(--accent-color);\n}\n.css-1emhacm-currentVisualizationItem > div:first-child {\n    outline-offset: 2px;\n    box-shadow: rgb(20, 22, 25) 0px 0px 0px 2px, var(--accent-color) 0px 0px 0px 4px;\n}\n/*Old stat panel unit dropdown */\nbody > grafana-app > div > div > react-container > div > div.css-azp59k > div.css-1bd2u9 > div > div.Pane.vertical.Pane2 > div > div > div.css-1xj5tuf > div > div.view > div:nth-child(3) > div:nth-child(1) > div.panel-options-group__body > panel-editor-tab > panel-editor-tab-singlestatoptions > div > div:nth-child(2) > div:nth-child(6) > unit-picker > div > div > div > div > input {\nheight: 100%;\n}\n/*Buttons*/\n.css-m58wdd:hover {\n    color: rgba(255, 255, 255, .94);\n    z-index: 2;\n    border-width: 1px;\n    border-style: solid;\n    border-color: rgba(255, 255, 255, .1);\n    border-image: initial;\n    background: rgba(255, 255, 255, .15)\n}\n.css-m58wdd {\n    color: rgba(255, 255, 255, .94);\n    z-index: 2;\n    border-width: 1px;\n    border-style: solid;\n    border-color: rgba(255, 255, 255, 0);\n    border-image: initial;\n    background: rgba(255, 255, 255, .08)\n}\ninput:checked+.gf-form-switch__slider {\nbackground: var(--accent-color);\n}\n/* RuPaul Drag Line*/\n.css-pii3u7:hover {\nborder-color: rgba(255, 255, 255, .25);\n}\n\n.css-1t13ra6 {\nborder-color: rgba(255, 255, 255, .09);\n}\n.css-1t13ra6:hover {\n    border-color: rgba(255, 255, 255, .25); \n}\n\n/*SETTINGS*/\n/*Teams*/\n.css-1w9m9al-call-to-action-card {\n    background: rgba(0, 0, 0, .25);\n    }\n\n\n/*DASHBOARD SETINGS*/\n.dashboard-settings,.dashboard-settings__body2 {\n    background: var(--main-bg-color);\n}\n.navbar--edit {\n    background: rgba(0, 0, 0, .25);\n    border-bottom: 1px solid transparent;\n    -webkit-box-shadow: 0 0 10px transparent;\n    box-shadow: 0 0 10px transparent;\n}\n.grafana-info-box {\nbackground-color: rgba(0, 0, 0, .5);\nborder-top: 3px solid var(--accent-color);\n}\n/* Variables*/\n.filter-table--hover tbody tr:hover {\n    background: hsla(0,0%,100%,.15);\n}\n.filter-table tbody tr:nth-child(odd):hover {\nbackground: hsla(0,0%,100%,.15) !important;\n}\n/*Placeholder text*/\n::placeholder {color: #fff !important;}\n:-ms-input-placeholder {color: #fff !important;}\n::-webkit-input-placeholder {color: #fff !important;}\n/*DASHBOARD SETINGS*/\n.dashboard-settings,.dashboard-settings__body2 {\n    background: var(--main-bg-color);\n}\n.navbar--edit {\n    background: rgba(0, 0, 0, .25);\n    border-bottom: 1px solid transparent;\n    -webkit-box-shadow: 0 0 10px transparent;\n    box-shadow: 0 0 10px transparent;\n}\n.grafana-info-box {\nbackground-color: rgba(0, 0, 0, .5);\nborder-top: 3px solid var(--accent-color);\n}\n\n:root {\n  --main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;\n  --modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;\n  --button-color: #009688;\n  --button-color-hover: #12afa0;\n  --accent-color:  #009688;\n  --accent-color-hover: #12afa0;\n  --queue-color: #009688;\n}\n"
                },
                "type": "style"
              }
            ]
          },
          {
            "name": "Alex2",
            "styles": [
              {
                "props": {
                  "theme": "dark"
                },
                "type": "basetheme"
              },
              {
                "props": {
                  "url": ""
                },
                "type": "bgimage"
              },
              {
                "props": {
                  "url": "https://gilbn.github.io/theme.park/CSS/themes/grafana/plex.css"
                },
                "type": "url"
              },
              {
                "props": {
                  "text": "/*    dP   dP                                                                  dP        */\n/*    88   88                                                                  88        */\n/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */\n/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888\"    */\n/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */\n/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */\n/*                                                  88                                   */\n/*                                                  dP\t\t\t\t\t */\n\n/*\t\t   \t\t        Made by @gilbN\t\t\t\t\t */\n/*\t\t\t      https://github.com/gilbN/theme.park\t\t\t */\n\nbody {\n    color: var(--text) !important;\n    background: var(--main-bg-color) !important;\n    background-repeat: repeat, no-repeat !important;\n    background-attachment: fixed, fixed !important;\n    background-position: center center, center center !important;\n    background-size: auto, cover !important;\n    -webkit-background-size: auto, cover !important;\n    -moz-background-size: auto, cover !important;\n    -o-background-size: auto, cover !important;\n}\n\n.theme-dark,\n.theme-light,\n.preloader {\n    background: var(--main-bg-color) !important;\n    background-repeat: repeat, no-repeat !important;\n    background-attachment: fixed, fixed !important;\n    background-position: center center, center center !important;\n    background-size: auto, cover !important;\n    -webkit-background-size: auto, cover !important;\n    -moz-background-size: auto, cover !important;\n    -o-background-size: auto, cover !important;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nlabel,\nlegend {\n    color: var(--text-hover);\n}\n\ndiv>aria-label>span,\n#reactRoot>div>div.main-view>div>div:nth-child(1)>div>div:nth-child(10)>div>div.button-group.css-1uxatfi>div>div>div>div>div>div>span {\n    color: var(--text-hover) !important;\n}\n\np {\n    color: var(--text);\n}\n\n.page-header-canvas,\n.page-toolbar[class*=\"css-\"] {\n    background: rgba(0, 0, 0, 0.25) !important;\n    box-shadow: none !important;\n    border-bottom: none !important;\n}\n\n.main-view {\n    background: linear-gradient(180deg, #ffffff00 10px, #ffffff00 100px) !important;\n}\n\n/* Scrollbar */\n.no-overlay-scrollbar ::-webkit-scrollbar-thumb:vertical {\n    min-height: 50px;\n    border: 3px solid transparent;\n    border-radius: 8px;\n    background: hsla(0, 0%, 100%, .2) !important;\n}\n\n/* Variable Dropdown Menu */\n.variable-value-dropdown {\n    background: var(--modal-bg-color);\n    background-repeat: repeat, no-repeat !important;\n    background-attachment: fixed, fixed !important;\n    background-position: center center, center center !important;\n    background-size: auto, cover !important;\n    -webkit-background-size: auto, cover !important;\n    -moz-background-size: auto, cover !important;\n    -o-background-size: auto, cover !important;\n    border: 1px solid #00000000;\n}\n\n.variable-value-dropdown.single .selected {\n    background-color: rgba(0, 0, 0, 0.25);\n}\n\n.css-0.gf-form-select-box__menu {\n    background: #09090b !important;\n    -webkit-box-shadow: 5px 5px 20px -5px #000;\n    box-shadow: 5px 5px 20px -5px #000;\n    position: absolute;\n    z-index: 1000;\n    min-width: 100%\n}\n\n/* time picker Menu */\n.time-picker-popover {\n    border: 1px solid #00000000;\n    background: var(--modal-bg-color);\n}\n\n.time-picker-calendar .react-calendar__navigation,\n.time-picker-calendar .react-calendar__navigation__arrow,\n.time-picker-calendar .react-calendar__navigation__label {\n    background-color: rgba(0, 0, 0, 0.25);\n}\n\n.time-picker-calendar .react-calendar__month-view__weekdays {\n    background-color: rgba(0, 0, 0, 0.6);\n}\n\n.time-picker-calendar .react-calendar__tile--active,\n.time-picker-calendar .react-calendar__tile--active:hover {\n    background: rgba(255, 255, 255, 0.08);\n    border: 1px solid rgba(0, 0, 0, 0);\n}\n\n.time-picker-calendar .time-picker-calendar-tile:hover {\n    -webkit-box-shadow: 0 0 4px rgba(255, 255, 255, 0.08);\n    box-shadow: 0 0 4px #ffffff00;\n    background: rgba(255, 255, 255, 0.08);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n}\n\n.time-picker-calendar .react-calendar__month-view__days {\n    background-color: rgba(0, 0, 0, 0.15);\n}\n\n.time-picker-calendar .time-picker-calendar-tile {\n    border-radius: 0px;\n}\n\n.time-picker-calendar {\n    border: 1px solid #00000000;\n}\n\n/* login page */\n.login {\n    background-image: var(--main-bg-color) !important;\n    background-repeat: repeat, no-repeat !important;\n    background-attachment: fixed, fixed !important;\n    background-position: center center, center center !important;\n    background-size: auto, cover !important;\n    -webkit-background-size: auto, cover !important;\n    -moz-background-size: auto, cover !important;\n    -o-background-size: auto, cover !important;\n    background-color: rgba(0, 0, 0, .0) !important;\n    color: #FFFFFF !important;\n}\n\n.login-branding {\n    border-right: none !important;\n}\n\n/* Configuration menu */\n.card-item {\n    background: rgba(0, 0, 0, .25) !important;\n}\n\n.card-item:hover {\n    background: hsla(0, 0%, 100%, .08) !important;\n}\n\n.card-item-sub-name,\n.card-item-type {\n    color: #FFF !important;\n}\n\n.gf-form--has-input-icon .gf-form-input-icon {\n    color: #fff !important;\n}\n\n.gf-tabs-link.active,\n.gf-tabs-link.active:focus,\n.gf-tabs-link.active:hover {\n    background: rgba(0, 0, 0, 0.25) !important;\n}\n\n.filter-table tbody tr:nth-child(odd) {\n    background: hsla(0, 0%, 100%, .08) !important;\n}\n\n.cta-form {\n    background-color: rgba(0, 0, 0, 0.25) !important;\n}\n\n.empty-list-cta {\n    background-color: rgba(0, 0, 0, .25) !important;\n}\n\n.layout-selector button {\n    background: rgba(0, 0, 0, 0.25);\n    color: #ffffff;\n}\n\n.layout-selector button.active {\n    background-color: rgba(0, 0, 0, 0.45);\n    color: #ffffff;\n}\n\n/* Configuration menu - Teams */\n.css-1ph0cdx-call-to-action-card {\n    background: rgba(0, 0, 0, .25) !important;\n}\n\n.grafana-info-box {\n    background-color: rgba(0, 0, 0, 0.45);\n}\n\n/* sidemenu */\n.sidemenu-open,\n.sidemenu {\n    background: rgba(0, 0, 0, .25) !important;\n}\n\n.sidemenu__logo:hover {\n    background: rgba(0, 0, 0, .25) !important;\n}\n\n.sidemenu-item.active,\n.sidemenu-item:hover {\n    background-color: rgba(0, 0, 0, .25) !important;\n    color: rgb(var(--accent-color)) !important;\n    border-image: none;\n    border-color: rgb(var(--accent-color));\n}\n\n.sidemenu-link {\n    color: var(--text) !important;\n}\n\n.sidemenu-link:hover {\n    color: rgb(var(--accent-color)) !important;\n}\n\n.side-menu-header,\n.dropdown-menu--menu,\n.dropdown-menu--navbar,\n.dropdown-menu--sidemenu,\n\n#reactRoot>div>div.main-view>div[class*=\"css-\"]>div:nth-child(1)>div>div:nth-child(10)>div>div.button-group[class*=\"css-\"]>div>div {\n    background: var(--drop-down-menu-bg);\n    background-repeat: repeat, no-repeat !important;\n    background-attachment: fixed, fixed !important;\n    background-position: center center, center center !important;\n    background-size: auto, cover !important;\n    -webkit-background-size: auto, cover !important;\n    -moz-background-size: auto, cover !important;\n    -o-background-size: auto, cover !important;\n}\n\n#reactRoot>div>div.main-view>div[class*=\"css-\"]>div:nth-child(1)>div>div:nth-child(10)>div>div.button-group[class*=\"css-\"]>div>div>div>span {\n    color: var(--text-hover);\n}\n\n.dropdown-menu .divider {\n    border-bottom: 1px solid #d8d9da;\n}\n\n.dropdown-menu--sidemenu>li>.side-menu-header-link:hover {\n    color: var(--text-hover) !important;\n    background: var(--drop-down-menu-bg) !important;\n    background-repeat: repeat, no-repeat !important;\n    background-attachment: fixed, fixed !important;\n    background-position: center center, center center !important;\n    background-size: auto, cover !important;\n    -webkit-background-size: auto, cover !important;\n    -moz-background-size: auto, cover !important;\n    -o-background-size: auto, cover !important;\n}\n\n.dropdown-menu--menu>li>a:hover,\n.dropdown-menu--navbar>li>a:hover,\n.dropdown-menu--sidemenu>li>a:hover {\n    background: rgba(0, 0, 0, 0.25) !important;\n    color: var(--text-hover) !important;\n}\n\n.dropdown-menu>li>a {\n    color: var(--text) !important;\n}\n\n.dropdown-menu-item-shortcut {\n    color: var(--text) !important;\n}\n\n.dropdown-menu {\n    border: 1px solid transparent;\n}\n\n.dropdown-submenu:hover>a {\n    Background-color: rgba(0, 0, 0, 0.25) !important;\n}\n\n.icon-circle:hover .fa:hover,\n.icon-circle:hover .gicon:hover,\n.icon-circle:hover .icon-gf:hover {\n    color: #ffffff;\n    opacity: 1;\n}\n\n/* Dashboard dropdown menu */\n.search-dropdown__col_1 {\n    background: var(--modal-bg-color) !important;\n    background-repeat: repeat, no-repeat !important;\n    background-attachment: fixed, fixed !important;\n    background-position: center center, center center !important;\n    background-size: auto, cover !important;\n    -webkit-background-size: auto, cover !important;\n    -moz-background-size: auto, cover !important;\n    -o-background-size: auto, cover !important;\n}\n\n.search-container {\n    left: 0px !important;\n}\n\n.navbar-page-btn {\n    color: #FFFFFF !important;\n}\n\n/* dropdown menu */\n.css-n9566h,\n.css-1m7hyr {\n    background: var(--modal-bg-color) !important;\n    background-repeat: repeat, no-repeat !important;\n    background-attachment: fixed, fixed !important;\n    background-position: center center, center center !important;\n    background-size: auto, cover !important;\n    -webkit-background-size: auto, cover !important;\n    -moz-background-size: auto, cover !important;\n    -o-background-size: auto, cover !important;\n}\n\n.search-filter-box {\n    background: var(--modal-bg-color);\n    background-repeat: repeat, no-repeat !important;\n    background-attachment: fixed, fixed !important;\n    background-position: center center, center center !important;\n    background-size: auto, cover !important;\n    -webkit-background-size: auto, cover !important;\n    -moz-background-size: auto, cover !important;\n    -o-background-size: auto, cover !important;\n}\n\n.search-filter-box__header {\n    border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n/* Dashboard row  */\n.dashboard-row--collapsed {\n    background: rgba(0, 0, 0, 0.25);\n}\n\n.search-section {\n    background: rgba(255, 255, 255, 0.08);\n    border: none;\n}\n\n.search-item {\n    background: rgba(0, 0, 0, 0.15);\n}\n\n.search-item.selected,\n.search-item:hover {\n    background: rgba(0, 0, 0, 0.25);\n}\n\n.search-section__header {\n    color: #ffffff !important;\n}\n\n.navbar-page-btn__folder {\n    color: #d8d9da;\n}\n\n/* Panel fullscreen navbar */\n.panel-in-fullscreen .navbar {\n    background: linear-gradient(90deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, 0.25)) !important;\n}\n\n/* Dashboard search menu */\n.search-field-wrapper>input {\n    height: 55px !important;\n}\n\n/* Dashboard settings menu */\n.dashboard-settings__aside {\n    background: rgba(0, 0, 0, .25) !important;\n}\n\n.dashboard-page--settings-open .navbar {\n    background: linear-gradient(90deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, 0.25)) !important;\n}\n\n.navbar-button--primary {\n    border-color: #ffffff00 !important;\n}\n\n.dashboard-settings__aside-header {\n    color: #ffffff !important;\n}\n\n.dashboard-settings__nav-item {\n    color: #ffffff !important;\n}\n\n.bootstrap-tagsinput {\n    background-color: #09090b !important;\n}\n\n.gf-form-switch--table-cell {\n    background-color: transparent !important;\n}\n\n.gf-form-select-wrapper {\n    background-color: hsla(0, 0%, 100%, .08) !important;\n}\n\n.dashboard-settings__nav-item.active {\n    background: rgba(255, 255, 255, 0.08);\n}\n\n.gf-form-checkbox {\n    background: rgba(0, 0, 0, 0.25);\n    border: none;\n}\n\n.gf-form-switch__checkbox {\n    border: none;\n    background: #ffffff;\n}\n\n.gf-form-select-box__option {\n    background: var(--modal-bg-color) !important;\n    background-repeat: repeat, no-repeat !important;\n    background-attachment: fixed, fixed !important;\n    background-position: center center, center center !important;\n    background-size: auto, cover !important;\n    -webkit-background-size: auto, cover !important;\n    -moz-background-size: auto, cover !important;\n    -o-background-size: auto, cover !important;\n}\n\n.gf-form-select-box__option.gf-form-select-box__option--is-focused {\n    color: #fff;\n    -o-border-image: -o-linear-gradient(rgb(var(--accent-color)) 30%, rgb(var(--accent-color)) 99%);\n    border-image: -webkit-gradient(linear, left top, left bottom, color-stop(30%, rgb(var(--accent-color))), color-stop(99%, rgb(var(--accent-color))));\n    border-image: -webkit-linear-gradient(rgb(var(--accent-color)) 30%, rgb(var(--accent-color)) 99%);\n}\n\n.filter-table td.filter-table__switch-cell {\n    border-right: none;\n}\n\n/* Variable label color  */\n.template-variable,\n.gf-form-label--variable {\n    color: rgb(var(--accent-color)) !important;\n}\n\n/* Variable label box */\n.gf-form-label {\n    background: rgba(0, 0, 0, 0.25) !important;\n    border: none !important;\n}\n\n.gf-form-label>button[class*=\"css-\"] {\n    background: transparent !important;\n}\n\n.gf-form-label--btn:hover {\n    background: rgba(0, 0, 0, 0.45) !important;\n}\n\n.variable-option.highlighted,\n.variable-option:hover {\n    background-color: hsla(0, 0%, 100%, .1) !important;\n}\n\n/* Variable dashboard dropdown */\n.variable-value-link {\n    padding: 7.4px 10px !important;\n    background-color: rgba(0, 0, 0, 0.25) !important;\n    border: none !important;\n    color: #FFFFFF !important;\n}\n\n/* Variable input box */\n.gf-form-input {\n    color: #FFFFFF !important;\n    border: none !important;\n}\n\n.gf-form-input:focus {\n    color: #FFF !important;\n    box-shadow: none !important;\n}\n\n.gf-form-select-box-button-select {\n    background: transparent;\n    border: none;\n}\n\n.gf-form-select-wrapper .gf-form-select-icon+.gf-form-input option {\n    color: #fff;\n    background: #1f1f1f;\n}\n\n.css-0>.gf-form-input {\n    background-color: transparent !important;\n}\n\n/* NAVBAR BUTTONS */\n.navbar-button {\n    color: #FFF !important;\n    background-color: rgba(0, 0, 0, 0.25) !important;\n    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)) !important;\n    border: none !important;\n}\n\n/* Custom Range Refreshing every X Dropdown */\n.gf-timepicker-absolute-section select {\n    background-color: #393a3b !important;\n}\n\n/* PANEL BACKGROUND COLOR*/\n.panel-container {\n    background-color: rgba(0, 0, 0, .25);\n    border: transparent;\n    box-shadow: none !important;\n}\n\n.panel-container.panel-transparent,\n.panel-container--transparent {\n    background-color: transparent;\n    border: transparent;\n}\n\n.panel-header:hover {\n    background-color: rgba(0, 0, 0, 0.25) !important;\n}\n\n.panel-title-text:hover {\n    color: var(--text-hover);\n}\n\n/* ////PANEL BACKGROUND COLOR//// */\n\n.graph-legend-table .graph-legend-series:nth-child(odd),\n.graph-legend-table .graph-legend-series:nth-child(2n) {\n    background: transparent !important;\n}\n\n/* Panel text color*/\ndiv.flot-text {\n    color: #FFF !important;\n}\n\n/* panel loading circle*/\n.panel-loading {\n    color: #FFF !important;\n}\n\n/* panel resize arrow */\n.theme-dark .react-grid-item>.react-resizable-handle:after {\n    border-right: 2px solid #fff !important;\n    border-bottom: 2px solid #fff !important;\n}\n\n/* table panel background color */\n.table-panel-container {\n    background-color: rgba(0, 0, 0, .25) !important;\n}\n\n/* table panel border size */\n.table-panel-table td {\n    padding: .45em 0 .45em 1.1em;\n    border-bottom: 1px solid #171819;\n    border-right: 1px solid #171819;\n}\n\n.table-panel-header-bg {\n    background: rgba(0, 0, 0, 0.25);\n    border-top: 2px solid transparent;\n    border-bottom: 2px solid transparent;\n\n}\n\n/* Panel tables */\n.css-58bavm-thead {\n    background: rgba(0, 0, 0, .25);\n}\n\n.css-sq6g4h-row {\n    border-bottom: 1px solid rgb(255 255 255 / 10%);\n}\n\n.css-11m63ae {\n    border-right: 1px solid rgb(255 255 255 / 10%);\n}\n\n.css-2n373z {\n    border-right: 1px solid rgb(255 255 255 / 25%);\n}\n\n.css-sq6g4h-row:hover {\n    background-color: rgb(255 255 255 / 0.08);\n}\n\n.css-3o5ryu {\n    background: rgb(0 0 0 / 45%);\n}\n\n.css-1n8kpcb-activeTabStyle,\n.css-dnqfjg-activeTabStyle {\n    background: rgb(0 0 0 / 35%);\n}\n\n.css-1n8kpcb-activeTabStyle::before,\n.css-dnqfjg-activeTabStyle::before {\n    background: rgb(var(--accent-color));\n}\n\n/* Edit panel tabs  */\n[aria-label=\"Panel editor content\"] {\n    background: var(--main-bg-color);\n}\n\ndiv>.scrollbar-view>div>[class*=\"css-\"],\n#reactRoot>div>div.main-view>div.css-1mwktlb>div[class*=\"css-\"]>div[class*=\"css-\"]>div>div.Pane.vertical.Pane1>div>div.Pane.horizontal.Pane2>div>div>div[class*=\"css-\"],\n.css-v2fjpc,\n.css-ld7ft6 {\n    background: rgba(0, 0, 0, .25) !important;\n}\n\n.tabbed-view-header {\n    box-shadow: none;\n    background: rgba(0, 0, 0, 0.25);\n    border-bottom: none;\n}\n\n.tabbed-view-panel-title {\n    padding-left: 10px;\n}\n\n/* panel query settings  */\n.panel-editor__right,\n.toolbar {\n    background: rgba(0, 0, 0, 0.25);\n}\n\n.query-editor-row__header {\n    background: rgba(0, 0, 0, 0.25);\n}\n\n.query-editor-row__body {\n    background: rgba(0, 0, 0, 0.15);\n}\n\n.panel-options-group {\n    background: rgba(0, 0, 0, 0.15);\n}\n\n.gf-form-switch {\n    background: rgba(0, 0, 0, 0.25);\n    border: transparent;\n}\n\n.viz-picker__item {\n    background: rgba(0, 0, 0, 0.25);\n    border: transparent;\n}\n\n.viz-picker__item--current {\n    box-shadow: 0 0 6px #eb7b18 !important;\n    border: 1px solid #eb7b18 !important;\n    background: rgba(0, 0, 0, 0.4) !important;\n}\n\n.viz-picker__item:hover {\n    box-shadow: 0 0 6px #eb7b18 !important;\n    background: rgba(0, 0, 0, 0.4);\n    border: 1px solid #eb7b18 !important;\n}\n\n.panel-options-group__header {\n    background: rgba(0, 0, 0, 0.25);\n}\n\n.custom-scrollbar .thumb-vertical,\n.custom-scrollbar .thumb-horizontal {\n    background-color: rgba(255, 255, 255, 0);\n    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.25)), to(rgba(255, 255, 255, 0.25)));\n    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25));\n    background-image: -o-linear-gradient(top, #404357, #424345);\n    background-image: linear-gradient(180deg, rgba(249, 249, 249, 0.25), rgba(251, 251, 251, 0.25));\n}\n\n.toolbar__main {\n    color: #ffffff;\n    background-color: rgba(0, 0, 0, 0.15);\n    border: transparent;\n}\n\n/* worldmap zoom buttons and leaflet  */\n.leaflet-bar a,\n.leaflet-bar a:hover {\n    background-color: #1f1f1f !important;\n    border-bottom: 1px solid #1f1f1f !important;\n    color: white !important;\n}\n\n.leaflet-bar a:hover {\n    background-color: #1b1b1b !important;\n}\n\n.leaflet-control-attribution {\n    display: none;\n}\n\n/* buttons  \n.btn-inverse {\nborder-color: #b56d16 !important;\n    color: #fff !important;\n    background-color: #cc7b19 !important;\n    -webkit-transition: background-color .1s !important;\n    transition: background-color .1s !important;\n\t}\n\t.btn-inverse.active, .btn-inverse.disabled, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .btn-inverse[disabled] {\n\t\tcolor: #fff;\n    background-color: #e59029 !important;\n}\n.btn-outline-disabled {\n    color: #fff;\n}*/\n\n.btn-inverse {\n    background: rgba(0, 0, 0, 0.25);\n    -webkit-box-shadow: 0px 0px 5px 1px hsla(0, 0%, 0%, 0.45), 1px 1px 0 0 rgba(0, 0, 0, .3);\n    box-shadow: 0px 0px 5px 1px hsla(0, 0%, 0%, 0.45), 1px 1px 0 0 rgba(0, 0, 0, .3);\n}\n\n.btn-primary,\n.btn-success {\n    -webkit-box-shadow: 0px 0px 5px 1px hsla(0, 0%, 0%, 0.45), 1px 1px 0 0 rgba(0, 0, 0, .3);\n    box-shadow: 0px 0px 5px 1px hsla(0, 0%, 0%, 0.45), 1px 1px 0 0 rgba(0, 0, 0, .3);\n}\n\n.btn-inverse.active,\n.btn-inverse.disabled,\n.btn-inverse:active,\n.btn-inverse:focus,\n.btn-inverse:hover,\n.btn-inverse[disabled] {\n    background-color: rgba(255, 255, 255, 0.08);\n}\n\n/* New Dashboard */\n.add-panel__item {\n    background: linear-gradient(135deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25));\n    box-shadow: -1px -1px 0 0 hsla(0, 0%, 100%, .1), 1px 1px 0 0 rgba(0, 0, 0, 0);\n}\n\n.add-panel__item.active,\n.add-panel__item:hover {\n    background: linear-gradient(135deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25));\n}\n\n.add-panel__header {\n    background: rgba(0, 0, 0, 0.25);\n    box-shadow: none;\n    border-bottom: 0px;\n}\n\n/* Explore */\n.query-transaction {\n    color: #fff;\n}\n\n.query-type-toggle .btn.active {\n    background-color: rgba(0, 0, 0, 0.45);\n    border: none;\n    border-radius: 3px;\n}\n\n.toggle-button-group .btn {\n    background-color: rgba(0, 0, 0, 0.25);\n    background-image: none;\n    border-color: #00000000;\n    border-radius: 3px !important;\n    border-right: 1px;\n}\n\n.toggle-button-group .btn:hover {\n    background-color: rgba(0, 0, 0, 0.45);\n}\n\n.logs-panel-options {\n    background-color: transparent;\n    border: none;\n}\n\n/* JSON Model */\n.gf-code-dark {\n    background-color: rgba(0, 0, 0, 0.25);\n    color: #e0e0e0;\n}\n\n.gf-code-editor.ace_editor {\n    border: none;\n}\n\n.modal-header,\n.css-1z13zsv-modalHeader {\n    background: var(--modal-bg-color);\n    background-repeat: repeat, no-repeat !important;\n    background-attachment: fixed, fixed !important;\n    background-position: center center, center center !important;\n    background-size: auto, cover !important;\n    -webkit-background-size: auto, cover !important;\n    -moz-background-size: auto, cover !important;\n    -o-background-size: auto, cover !important;\n    -webkit-box-shadow: none;\n    box-shadow: none;\n    border-bottom: 1px solid #d8d9da;\n    color: #eee;\n}\n\n.modal-body,\n.css-111908g {\n    background: var(--modal-bg-color);\n    background-repeat: repeat, no-repeat !important;\n    background-attachment: fixed, fixed !important;\n    background-position: center center, center center !important;\n    background-size: auto, cover !important;\n    -webkit-background-size: auto, cover !important;\n    -moz-background-size: auto, cover !important;\n    -o-background-size: auto, cover !important;\n    color: #eee;\n}\n\n\n\n/*V7*/\n\n/*LOGIN*/\n.css-bnbqsv {\n    background: var(--main-bg-color);\n    background-repeat: repeat, no-repeat !important;\n    background-attachment: fixed, fixed !important;\n    background-position: center center, center center !important;\n    background-size: auto, cover !important;\n    -webkit-background-size: auto, cover !important;\n    -moz-background-size: auto, cover !important;\n    -o-background-size: auto, cover !important;\n}\n\n.css-3iwqj4 {\n    background: transparent;\n}\n\n#login-view>div>form>div:nth-child(1)>div:nth-child(2)>div>div>input,\n#login-view>div>form>div:nth-child(2)>div:nth-child(2)>div>div>input {\n    height: 38px;\n}\n\n/*Buttons*/\nbutton[class$=\"-button\"]:not(button[aria-label=\"toggle-viz-picker\"]),\n.gf-form-button-row a,\n.gf-form-button-row button,\n.page-action-bar>a,\n.page-action-bar>button,\n.btn-primary,\nbutton.toolbar-button {\n    background: var(--button-color) !important;\n    background-color: var(--button-color) !important;\n    border-color: var(--button-color) !important;\n    color: var(--button-text) !important;\n}\n\nbutton[class$=\"-button\"]:hover,\nbutton[class$=\"-button\"]:focus,\nbutton[class$=\"-button\"]:active,\n.gf-form-button-row a,\n.gf-form-button-row button:hover,\n.btn-primary:hover {\n    color: rgb(255, 255, 255);\n    background: var(--button-color-hover) !important;\n    background-color: var(--button-color-hover) !important;\n    border-color: var(--button-color-hover) !important;\n    color: var(--button-text-hover) !important;\n    box-shadow: none !important;\n}\n\n.css-1d9e5zy-button {\n    color: #fff;\n    background: var(--button-color)\n}\n\n.css-1d9e5zy-button:hover {\n    color: #fff;\n    background: var(--button-color-hover)\n}\n\n/*INPUT*/\ninput:focus {\n    box-shadow: none !important;\n}\n\n.css-17rc2pp-input-wrapper:focus,\n.css-1i9is3t:focus {\n    box-shadow: none;\n    color: transparent;\n}\n\n.gf-form-select-box__control--is-focused {\n    border-color: transparent;\n    outline: none;\n    -webkit-box-shadow: none !important;\n    box-shadow: none !important;\n}\n\n.css-1bjepp-input-input {\n    background-color: hsla(0, 0%, 100%, .25);\n    border-radius: 3px;\n    border-color: transparent;\n    -webkit-transition: background-color .15s ease-in-out, box-shadow .15s ease-in-out !important;\n    transition: background-color .15s ease-in-out, box-shadow .15s ease-in-out !important;\n}\n\n.css-1bjepp-input-input:focus {\n    box-shadow: none !important;\n    background-color: white;\n    color: black;\n    transition: background-color .2s;\n    -webkit-transition: background-color .2s;\n    border-radius: 3px;\n}\n\n.css-14hvfbu-input-wrapper:focus {\n    border-color: transparent !important;\n    box-shadow: none !important;\n}\n\n.css-1w5c5dq-input-inputWrapper input:not(:last-child) {\n    height: 100%\n}\n\n/*Disabled input*/\n.css-1bjepp-input-input:disabled {\n    background-color: rgba(0, 0, 0, .5);\n    color: rgb(159, 167, 179);\n}\n\n.css-1bjepp-input-input:hover {\n    border-color: transparent;\n}\n\nbody>grafana-app>div>div>react-container>div>div>div.view>div>div.page-container.page-body>div:nth-child(2)>form>div>div>div>div.css-1w5c5dq-input-inputWrapper>input {\n    height: 100%;\n}\n\n\n/* SEARCH */\n.css-x9mxj5 {\n    background: var(--main-bg-color);\n    background-repeat: repeat, no-repeat !important;\n    background-attachment: fixed, fixed !important;\n    background-position: center center, center center !important;\n    background-size: auto, cover !important;\n    -webkit-background-size: auto, cover !important;\n    -moz-background-size: auto, cover !important;\n    -o-background-size: auto, cover !important;\n}\n\n.css-1m6pigl:focus+label {\n    outline-offset: 2px;\n    box-shadow: rgba(20, 22, 25, 0) 0px 0px 0px 2px, rgba(31, 97, 196, 0) 0px 0px 0px 4px !important;\n    z-index: 3;\n    outline: transparent dotted 2px;\n    transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;\n}\n\n.css-1m6pigl:checked+label {\n    color: #eee !important;\n    border-color: rgba(255, 255, 255, .1);\n    background: var(--button-color);\n}\n\n.css-b40tk8:focus+label {\n    box-shadow: rgba(20, 22, 25, 0) 0px 0px 0px 2px, rgba(31, 97, 196, 0) 0px 0px 0px 4px !important;\n\n}\n\n.css-y0yg3l {\n    background: var(--main-bg-color);\n    background-repeat: repeat, no-repeat !important;\n    background-attachment: fixed, fixed !important;\n    background-position: center center, center center !important;\n    background-size: auto, cover !important;\n    -webkit-background-size: auto, cover !important;\n    -moz-background-size: auto, cover !important;\n    -o-background-size: auto, cover !important;\n    border-color: transparent;\n}\n\n.css-y0yg3l {\n    background: rgba(0, 0, 0, .25) !important;\n    border-color: transparent;\n}\n\n.css-1je3bh6 {\n    background: transparent;\n    border-bottom: 1px solid rgba(0, 0, 0, 0);\n}\n\n/*Folder bars*/\n.css-1umfglk {\n    background: rgba(0, 0, 0, .25);\n}\n\n.css-1umfglk:hover {\n    background: rgba(0, 0, 0, .35);\n}\n\n/* Login Error message*/\n.css-1ow9mne-input-input {\n    line-height: 1.5;\n    height: 38px;\n    background-color: hsla(0, 0%, 100%, .25);\n    border-radius: 3px;\n    border-color: transparent;\n    -webkit-transition: background-color .15s ease-in-out, box-shadow .15s ease-in-out !important;\n    transition: background-color .15s ease-in-out, box-shadow .15s ease-in-out !important;\n}\n\n.css-1ow9mne-input-input {\n    box-shadow: none !important;\n    background-color: white;\n    color: black;\n    transition: background-color .2s;\n    -webkit-transition: background-color .2s;\n    height: 38px;\n    border-radius: 3px;\n}\n\n.css-13o428a {\n    margin: 10px 0px 0px;\n}\n\n/*Welcome to Grafana*/\n.css-15xxblz,\n.css-1ld19yb {\n    background: rgba(0, 0, 0, .25);\n}\n\n.css-1as70ku,\n.css-u5zjuh {\n    background: rgba(0, 0, 0, .25);\n}\n\n.css-17abkeq,\n.css-5ak73y {\n    color: #fff;\n}\n\n\n/* Import */\nbody>grafana-app>div>div>react-container>div>div>div.view>div>div.page-container.page-body>form>div:nth-child(4)>div:nth-child(2)>div>div.css-1w5c5dq-input-inputWrapper>input {\n    height: 100%\n}\n\n\n/*PANEL EDIT*/\n\n.css-cxwxzk-Label-description,\n.css-n370st {\n    color: #eee;\n}\n\n.css-10pj50r,\n.css-15rfc12 {\n    background: rgb(0 0 0 / 50%);\n}\n\n/*Header*/\n.css-1marj6o {\n    display: flex;\n    -webkit-box-pack: justify;\n    justify-content: space-between;\n    padding: 8px;\n    background: transparent;\n    border-bottom: 1px solid transparent;\n}\n\n/*Background*/\n.css-azp59k {\n    background: var(--main-bg-color);\n    background-repeat: repeat, no-repeat !important;\n    background-attachment: fixed, fixed !important;\n    background-position: center center, center center !important;\n    background-size: auto, cover !important;\n    -webkit-background-size: auto, cover !important;\n    -moz-background-size: auto, cover !important;\n    -o-background-size: auto, cover !important;\n}\n\n/*Query box*/\n.css-hz0utb {\n    background: rgba(0, 0, 0, .35);\n    border-right: 1px solid rgba(0, 0, 0, 0);\n}\n\n.query-keyword,\n.css-wvxxxy,\n.css-fpnw35 {\n    font-weight: 500;\n    color: rgb(var(--accent-color));\n}\n\n.css-lvafs5 {\n    background: rgba(0, 0, 0, .5);\n}\n\n.css-ui3sz4-activeTabStyle {\n    margin-right: 16px;\n    position: relative;\n    display: block;\n    color: rgb(216, 217, 218);\n    cursor: default;\n    list-style: none;\n    padding: 11px 15px 9px;\n    border-style: solid;\n    border-image: initial;\n    border-width: 0px 1px 1px;\n    border-radius: 3px 3px 0px 0px;\n    border-color: transparent !important;\n    background: rgba(0, 0, 0, .5);\n    overflow: hidden;\n}\n\n.css-1awj6q7-counter {\n    background-color: rgba(0, 0, 0, .5);\n    color: rgb(255, 255, 255);\n}\n\n/*Transform tab*/\n.css-y2f54e {\n    background: rgba(0, 0, 0, .25);\n}\n\n.css-y2f54e:hover {\n    background: rgba(0, 0, 0, .35);\n}\n\n.css-1e8invk::before {\n    background: rgba(0, 0, 0, .35) !important;\n}\n\n/* Right side menu*/\n.css-1xj5tuf {\n    background: rgba(0, 0, 0, .35);\n    border-left: 1px solid transparent;\n}\n\n/*Dropdown bottom borders*/\n.css-1majipf {\n    border-bottom: 1px solid rgba(255, 255, 255, .08);\n}\n\n/*Settings text input*/\n.css-1f38lle:focus {\n    box-shadow: none !important;\n}\n\n.css-1gokw4e input:checked+label,\n.css-1gokw4e input:checked+label:hover {\n    background: rgb(var(--accent-color));\n}\n\n.css-1gokw4e label {\n    background: white;\n}\n\n/*Visualization*/\n.css-1lemfi9 {\n    background: rgba(0, 0, 0, .25);\n    border-color: transparent;\n}\n\n.css-1fsv7gr:hover>div:first-child {\n    border-color: rgb(var(--accent-color));\n}\n\n.css-1emhacm-currentVisualizationItem>div:first-child {\n    outline-offset: 2px;\n    box-shadow: rgb(20, 22, 25) 0px 0px 0px 2px, rgb(var(--accent-color)) 0px 0px 0px 4px;\n}\n\n.css-mgq0xs-currentVisualizationItem>div:first-child {\n    outline: transparent dotted 2px;\n    outline-offset: 1px;\n    box-shadow: rgb(var(--accent-color)) 0px 0px 0px 2px, #607D8B 0px 0px 0px 2px;\n    transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;\n}\n\n/*Old stat panel unit dropdown */\nbody>grafana-app>div>div>react-container>div>div.css-azp59k>div.css-1bd2u9>div>div.Pane.vertical.Pane2>div>div>div.css-1xj5tuf>div>div.view>div:nth-child(3)>div:nth-child(1)>div.panel-options-group__body>panel-editor-tab>panel-editor-tab-singlestatoptions>div>div:nth-child(2)>div:nth-child(6)>unit-picker>div>div>div>div>input {\n    height: 100%;\n}\n\n/*Buttons*/\n.css-m58wdd:hover {\n    color: rgba(255, 255, 255, .94);\n    z-index: 2;\n    border-width: 1px;\n    border-style: solid;\n    border-color: rgba(255, 255, 255, .1);\n    border-image: initial;\n    background: rgba(255, 255, 255, .15)\n}\n\n.css-m58wdd {\n    color: rgba(255, 255, 255, .94);\n    z-index: 2;\n    border-width: 1px;\n    border-style: solid;\n    border-color: rgba(255, 255, 255, 0);\n    border-image: initial;\n    background: rgba(255, 255, 255, .08)\n}\n\ninput:checked+.gf-form-switch__slider {\n    background: rgb(var(--accent-color));\n}\n\n/* RuPaul Drag Line*/\n.css-pii3u7:hover {\n    border-color: rgba(255, 255, 255, .25);\n}\n\n.css-1t13ra6 {\n    border-color: rgba(255, 255, 255, .09);\n}\n\n.css-1t13ra6:hover {\n    border-color: rgba(255, 255, 255, .25);\n}\n\n/*SETTINGS*/\n/*Teams*/\n.css-1w9m9al-call-to-action-card {\n    background: rgba(0, 0, 0, .25);\n}\n\n/*DASHBOARD SETINGS*/\n.dashboard-settings,\n.dashboard-settings__body2 {\n    background: var(--main-bg-color);\n    background-repeat: repeat, no-repeat !important;\n    background-attachment: fixed, fixed !important;\n    background-position: center center, center center !important;\n    background-size: auto, cover !important;\n    -webkit-background-size: auto, cover !important;\n    -moz-background-size: auto, cover !important;\n    -o-background-size: auto, cover !important;\n}\n\n.navbar--edit {\n    background: rgba(0, 0, 0, .25);\n    border-bottom: 1px solid transparent;\n    -webkit-box-shadow: 0 0 10px transparent;\n    box-shadow: 0 0 10px transparent;\n}\n\n.grafana-info-box {\n    background-color: rgba(0, 0, 0, .5);\n    border-top: 3px solid rgb(var(--accent-color));\n}\n\n/* Variables*/\n.filter-table--hover tbody tr:hover {\n    background: hsla(0, 0%, 100%, .15);\n}\n\n.filter-table tbody tr:nth-child(odd):hover {\n    background: hsla(0, 0%, 100%, .15) !important;\n}\n\n/*Placeholder text*/\n::placeholder {\n    color: #fff !important;\n}\n\n:-ms-input-placeholder {\n    color: #fff !important;\n}\n\n::-webkit-input-placeholder {\n    color: #fff !important;\n}"
                },
                "type": "style"
              }
            ]
          },
          {
            "name": "Alex3",
            "styles": [
              {
                "props": {
                  "theme": "default"
                },
                "type": "basetheme"
              },
              {
                "props": {
                  "url": ""
                },
                "type": "bgimage"
              },
              {
                "props": {
                  "url": "https://gilbn.github.io/theme.park/CSS/themes/grafana/hotline.css"
                },
                "type": "url"
              },
              {
                "props": {
                  "text": ""
                },
                "type": "style"
              }
            ]
          },
          {
            "name": "Alex4",
            "styles": [
              {
                "props": {
                  "theme": "dark"
                },
                "type": "basetheme"
              },
              {
                "props": {
                  "url": ""
                },
                "type": "bgimage"
              },
              {
                "props": {
                  "url": "https://gilbn.github.io/theme.park/CSS/themes/grafana/organizr-dark.css"
                },
                "type": "url"
              },
              {
                "props": {
                  "text": ""
                },
                "type": "style"
              }
            ]
          },
          {
            "name": "Theme 6",
            "styles": [
              {
                "props": {
                  "theme": "light"
                },
                "type": "basetheme"
              },
              {
                "props": {
                  "url": ""
                },
                "type": "bgimage"
              },
              {
                "props": {
                  "url": ""
                },
                "type": "url"
              },
              {
                "props": {
                  "text": "/*    dP   dP                                                                  dP        */\n/*    88   88                                                                  88        */\n/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */\n/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888\"    */\n/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */\n/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */\n/*                                                  88                                   */\n/*                                                  dP\t\t\t\t\t */\n\n/*\t\t   \t\t        Made by @gilbN\t\t\t\t\t */\n/*\t\t\t      https://github.com/gilbN/theme.park\t\t\t */\n\n/* GRAFANA SPACE GRAY THEME */\n@import url(https://gilbn.github.io/theme.park/CSS/themes/grafana/grafana-base.css);\n:root {\n  --main-bg-color:  radial-gradient( ellipse at center,  rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;\n  --modal-bg-color: radial-gradient( ellipse at top,  rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed; \n  --button-color: #607D8B;\n  --button-color-hover: #81a6b7;\n  --accent-color: #607D8B;\n  --accent-color-hover: #81a6b7;\n}"
                },
                "type": "style"
              }
            ]
          },
          {
            "name": "Theme 7",
            "styles": [
              {
                "props": {
                  "theme": "default"
                },
                "type": "basetheme"
              },
              {
                "props": {
                  "url": ""
                },
                "type": "bgimage"
              },
              {
                "props": {
                  "url": ""
                },
                "type": "url"
              },
              {
                "props": {
                  "text": "/* NAVBAR BUTTONS */\n/* Import */\nbody > grafana-app > div > div > react-container > div > div > div.view > div > div.page-container.page-body > form > div:nth-child(4) > div:nth-child(2) > div > div.css-1w5c5dq-input-inputWrapper > input {height:100%}\n\n\n/*PANEL EDIT*/\n\n/*Header*/\n.css-1marj6o {\ndisplay: flex;\n-webkit-box-pack: justify;\njustify-content: space-between;\npadding: 8px;\nborder-bottom: 1px solid transparent;\n}\n.navbar-button {\n    color: #FFF !important;\n    background-color: rgba(0, 0, 0, 0.25) !important;\n    background-image: linear-gradient(180deg,rgba(0, 0, 0, 0.25),rgba(0, 0, 0, 0.25)) !important;\n    border: none !important;\n}\n\n/* Custom Range Refreshing every X Dropdown */\n.gf-timepicker-absolute-section select {\n    background-color: #393a3b !important;\n}\n\n/* PANEL BACKGROUND COLOR*/\n.panel-container {\n    background-color: rgba(0, 0, 0, .25);\n    border: transparent;\n    box-shadow: none !important;\n}\n.panel-container.panel-transparent, .panel-container--transparent {\nbackground-color: transparent;\n  border: transparent;\n}\n.panel-header:hover {\n    background-color: rgba(0, 0, 0, 0.25) !important;\n}\n.panel-loading {\n    color: transparent;\n}\n/* ////PANEL BACKGROUND COLOR//// */\n\n.graph-legend-table .graph-legend-series:nth-child(odd) {\n    background: transparent !important;\n}\n\n/* Panel text color*/\ndiv.flot-text {\n    color: #FFF !important;\n}\n\n/* panel loading circle*/\n.panel-loading {\n    color: #FFF !important;\n}\n\n/* panel resize arrow */\n.theme-dark .react-grid-item>.react-resizable-handle:after {\n    border-right: 2px solid #fff !important;\n    border-bottom: 2px solid #fff !important;\n}\n\n/* table panel background color */\n.table-panel-container {\n    background-color: rgba(0, 0, 0, .25) !important;\n}\n/* table panel border size */\n.table-panel-table td {\n    padding: .45em 0 .45em 1.1em;\n    border-bottom: 1px solid #171819;\n    border-right: 1px solid #171819;\n}\n/* Edit panel tabs  */\n.tabbed-view-header {\n    box-shadow: none;\n    background: rgba(0, 0, 0, 0.25);\n    border-bottom: none;\n}\n.tabbed-view-panel-title {\n    padding-left: 10px;\n}\n/* worldmap zoom buttons and leaflet  */\n.leaflet-bar a, .leaflet-bar a:hover {\n    background-color: #1f1f1f !important;\n    border-bottom: 1px solid #1f1f1f !important;\n    color: white !important;\n}\n.leaflet-bar a:hover {\n    background-color: #1b1b1b !important;\n}\n.leaflet-control-attribution {\n    display: none;\n}\n/* New Dashboard */\n.add-panel__item {\n    background: linear-gradient(135deg,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.25));\n    box-shadow: -1px -1px 0 0 hsla(0,0%,100%,.1), 1px 1px 0 0 rgba(0, 0, 0, 0);\n}\n.add-panel__item.active, .add-panel__item:hover {\n    background: linear-gradient(135deg,rgba(0, 0, 0, 0.25),rgba(0, 0, 0, 0.25));\n}\n.add-panel__header {\n    background: rgba(0, 0, 0, 0.25);\n    box-shadow: none;\n    border-bottom: 0px;\n}\n\n@import url(https://gilbn.github.io/theme.park/CSS/themes/grafana/grafana-base.css);\n:root {\n  --main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;\n  --modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;\n  --button-color: #009688;\n  --button-color-hover: #12afa0;\n  --accent-color:  #009688;\n  --accent-color-hover: #12afa0;\n  --queue-color: #009688;\n}\n/*DASHBOARD SETINGS*/\n.dashboard-settings,.dashboard-settings__body2 {\n    background: var(--main-bg-color);\n}\n.navbar--edit {\n    background: rgba(0, 0, 0, .25);\n    border-bottom: 1px solid transparent;\n    -webkit-box-shadow: 0 0 10px transparent;\n    box-shadow: 0 0 10px transparent;\n}\n.grafana-info-box {\nbackground-color: rgba(0, 0, 0, .5);\nborder-top: 3px solid var(--accent-color);\n}\nbody {\n    color: #FFFFFF !important;\n    background-color: transparent !important;\n}"
                },
                "type": "style"
              },
              {
                "props": {
                  "color": ""
                },
                "type": "panel-container-bg-color"
              }
            ]
          }
        ]
      },
      "pluginVersion": "0.1.1",
      "targets": [
        {
          "queryType": "randomWalk",
          "refId": "A"
        }
      ],
      "timeFrom": null,
      "timeShift": null,
      "transparent": true,
      "type": "yesoreyeram-boomtheme-panel"
    }
  ],
  "refresh": "30s",
  "schemaVersion": 27,
  "style": "dark",
  "tags": [
    "influxdb"
  ],
  "templating": {
    "list": []
  },
  "time": {
    "from": "now-12h",
    "to": "now"
  },
  "timepicker": {
    "nowDelay": "",
    "refresh_intervals": [
      "10s",
      "30s",
      "1m",
      "5m",
      "15m",
      "30m",
      "1h",
      "2h",
      "1d"
    ],
    "time_options": [
      "5m",
      "15m",
      "1h",
      "6h",
      "12h",
      "24h",
      "2d",
      "7d",
      "30d"
    ]
  },
  "timezone": "",
  "title": "TGF NETATMO",
  "uid": "TGF-NETATMO",
  "version": 103
}