diff --git a/css/login/loginFLEX.css b/css/login/loginFLEX.css
index 2841f56..26bcecc 100644
--- a/css/login/loginFLEX.css
+++ b/css/login/loginFLEX.css
@@ -82,4 +82,46 @@
         font-size: 1.125em;
         border-radius: 5px 5px 5px 5px;
     }
+    #CustomerID:invalid {
+        background-color: indianred;
+        border-color: red;
+        color: red;
+    }
+    #CustomerID:valid {
+        background-color: lightgreen;
+        border-color: forestgreen;
+       color: black;
+    }
+    #CustomerID:invalid + span::before {
+        content: '✖';
+        color: red;
+    }
+    #Password:invalid {
+        background-color: indianred;
+        border-color: red;
+        color: red;
+    }
+    #Password:valid {
+        background-color: lightgreen;
+        border-color: forestgreen;
+        color: black;
+    }
+    #Password:invalid + span::before {
+        content: '✖';
+        color: red;
+    }
+    #UserName:invalid {
+        background-color: indianred;
+        border-color: red;
+        color: red;
+    }
+    #UserName:valid {
+        background-color: lightgreen;
+        border-color: forestgreen;
+        color: black;
+    }
+    #Password:invalid + span::before {
+        content: '✖';
+        color: red;
+    }
 }
\ No newline at end of file