""

assets/scss/custom.scss

@@ -189,31 +189,70 @@ table .far {
     box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.5);
   }
   
-  #formular button {
-   width:350px;
+  #formular button, #notification {
+   width:400px;
     padding: 0.5rem 1rem;
     margin-bottom:10px;
     margin-top:10px;
     margin-left: auto;
     margin-right: auto;
-    background-color: #3B82F6;
     border-radius: 0.375rem;
+    text-align:center;
   }
 
-  #formular .submitbutton{
+#formular .submitbutton {
     background-color: #a9cd2e;
     align-self: center;
-    width:100%;
-  }
-  #formular button:hover {
+}
+
+#formular button:hover {
     background-color: #2563EB;
-  }
-  #formular .submitbutton:hover{
+}
+
+#formular .submitbutton:hover {
     background-color: #88a625;
-  }
+}
+
+#formular .submitbutton:disabled {
+    background-color: #ccc;
+    cursor: not-allowed;
+}
   .captcha-container {
     box-shadow: none!important;
   }
+  #captcha-response { display:none; }
+  .captcha-refresh {
+    background-color: white!important;
+    color:black!important;
+  }
+  .captcha-verify {
+    background-color: white!important;
+    color:black!important;
+    border: 1px solid #000!important;
+  }
+  .captcha-verify:hover, .captcha-refresh:hover {
+    background-color: #ebebeb!important;
+    color:rgb(42, 42, 42)!important;
+  }
+
+.input-tooltip  {
+        position: relative;
+    }
+    
+    .input-tooltip:before {
+        content: attr(data-tooltip);
+        position: absolute;
+        left: 0; // Adjust the left position here
+        transform: translateY(-50%);
+        color: #fff;
+        background: #333;
+        padding: 5px;
+        border-radius: 5px;
+        transition: opacity 0.3s ease-in-out;
+        pointer-events: none;
+        @apply px-4;
+    }
+    
 /**** Utility *****/
 .aligncenter * {
     text-align: center;
@@ -222,12 +261,12 @@ table .far {
 }
 
 .fadeOut {
-    @apply transition-opacity duration-500 ease-in-out opacity-0 invisible;
+    @apply transition-opacity duration-500 ease-in-out opacity-0;
   }
   .fadeIn {
-    @apply transition-opacity duration-500 ease-in-out opacity-100 visible;
+    @apply transition-opacity duration-1000 ease-in-out opacity-100;
   }
-  
+
 /**************** Component Styles ******************/ 
 
 // Icons