From 97f1f7c62d990666bcd2613d9a73791c587da767 Mon Sep 17 00:00:00 2001
From: Andreas Hnida <ah@mediendesign-hnida.de>
Date: Fri, 26 Apr 2024 23:18:44 +0200
Subject: [PATCH] added custom styles for captcha

---
 assets/scss/custom.scss | 61 +++++++++++++++++++++++++++++++++++++++--
 1 file changed, 59 insertions(+), 2 deletions(-)

diff --git a/assets/scss/custom.scss b/assets/scss/custom.scss
index 1580b22..2c8195d 100755
--- a/assets/scss/custom.scss
+++ b/assets/scss/custom.scss
@@ -21,7 +21,7 @@ body.env-development::after {
   font-size: 8px;
   background-color: #24ff5d;
   left: 30px;
-  padding: 7px 10px;
+  padding: 6px 10px;
   color: #000;
 }
 
@@ -283,7 +283,7 @@ form button,
   width: 400px;
   padding: 0.5rem 1rem;
   margin-bottom: 10px !important;
-  margin-top: 10px;
+  margin-top: 00px;
   margin-left: auto;
   margin-right: auto;
   border-radius: 0.375rem;
@@ -589,3 +589,60 @@ form .submitbutton:disabled {
 .verua-slider-wrapper a:hover {
   background: #017f;
 }
+
+/******  Spinner  ******/
+.svg-spin {
+  text-align: center;
+  margin: auto;
+  animation: spin 2s linear infinite;
+}
+@keyframes spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.submitbutton {
+  display: inline-flex; /* Use flexbox for easier centering */
+  justify-content: center; /* Center content horizontally */
+  align-items: center;
+  height: 44px;
+}
+
+.captcha-container {
+  width: 80%;
+  padding: 0 !important;
+}
+.captcha {
+  width: 100%;
+}
+
+.captcha-refresh {
+  background: #2ca4e1 !important;
+  color: white !important;
+  border: none !important;
+  width: 48% !important;
+  margin: auto;
+}
+
+.captcha-refresh:hover {
+  background: #1a7a9c !important;
+}
+.captcha-verify {
+  background: #a9cd2e !important;
+  color: white !important;
+  border: none !important;
+  margin: auto;
+  width: 48% !important;
+}
+.captcha-verify:hover {
+  background: #6c8420 !important;
+}
+.captcha-buttons {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 10px;
+}