From f6e7dc6e673e08f4a518fe2810a2e8738c9d77d2 Mon Sep 17 00:00:00 2001
From: RD WebDesign <github@rdwebdesign.com.br>
Date: Sun, 3 Dec 2023 03:15:15 -0300
Subject: [PATCH] Add new CSS custom property to define the overlay background
 color

Also, move the :root definition to the top.

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
---
 style/pi-hole.css | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/style/pi-hole.css b/style/pi-hole.css
index b6b484f3..9bf5823c 100644
--- a/style/pi-hole.css
+++ b/style/pi-hole.css
@@ -5,6 +5,14 @@
 *  This file is copyright under the latest version of the EUPL.
 *  Please see LICENSE file for your rights under this license. */
 
+:root {
+  /* Datatables Select - bgcolor */
+  --datatable-bgcolor: #e0e8ee;
+
+  /* Used in settings save button */
+  --overlay-bgcolor: rgba(212, 220, 232, 0.55);
+}
+
 .layout-boxed {
   background: url("../img/boxed-bg.png") repeat fixed;
 }
@@ -1012,11 +1020,6 @@ body:not(.lcars) .filter_types [class*="icheck-"] > input:first-child:checked +
   margin-right: 0.5em;
 }
 
-/* Datatables Select - bgcolor */
-:root {
-  --datatable-bgcolor: #e0e8ee;
-}
-
 div.dt-buttons {
   margin: 2px 0 5px;
 }