Issue #ED-422:CSS cleanup and themes cleanup & SASS migration

src/app/client/src/app/modules/public/module/sign-in/sso/components/select-org/select-org.component.scss

@@ -43,25 +43,6 @@
     color: var(--white);
     height: calculateRem(38px) !important;
 }
-.ui.grey.button {
-    background: var(--gray-200);
-    color: var(--white);
-    pointer-events: none !important;
-    cursor: not-allowed !important; 
-    height: calculateRem(38px) !important;
-}
-.grey.text {
-    color: var(--gray-400);
-}
-.orange.text {
-    color: var(--accessibility-red);
-}
-.orange-border {
-    border-color: var(--accessibility-red) !important;
-}
-.blue.text {
-    color: var(--primary-color);
-}
 .ui.basic.blue.navigation.label {
     background: var(--white) !important;
     color: var(--primary-color) !important;
@@ -71,15 +52,6 @@
     font-weight: normal;
     padding:calculateRem(10px) 0;
 }
-.ui.basic.error.label {
-    background: none !important;
-    color: var(--accessibility-red) !important;
-    border: 0 !important;
-    padding-left: 0;
-    font-size: 1rem;
-    font-weight: normal;
-    padding:calculateRem(10px) 0;
-}
 .fullpage {
     ::ng-deep {
         .ui.fullscreen.modal>.close {

src/app/client/src/app/modules/public/module/sign-in/sso/components/update-contact/update-contact.component.scss

@@ -43,13 +43,6 @@
   color: var(--white);
   height: calculateRem(38px) !important;
 }
-.ui.grey.button {
-  background: var(--gray-200);
-  color: var(--white);
-  pointer-events: none !important;
-  cursor: not-allowed !important;
-  height: calculateRem(38px) !important;
-}
 .grey.text {
   color: var(--gray-400);
 }
@@ -71,15 +64,6 @@
   font-weight: normal;
   padding: calculateRem(10px) 0;
 }
-.ui.basic.error.label {
-  background: none !important;
-  color: var(--accessibility-red) !important;
-  border: 0 !important;
-  padding-left: 0;
-  font-size: 1rem;
-  font-weight: normal;
-  padding: calculateRem(10px) 0;
-}
 .fullpage {
   ::ng-deep {
     .ui.fullscreen.modal > .close {

src/app/client/src/app/modules/public/module/signup/components/otp/otp.component.scss

@@ -41,10 +41,6 @@
     color: var(--white);
 }
 .ui.grey.button {
-    background: var(--gray-200);
-    color: var(--white);
-    pointer-events: none !important;
-    cursor: not-allowed !important; 
     font-size: var(--font-size-sm);
     height: calculateRem(32px);
 }
@@ -65,15 +61,6 @@
     cursor: not-allowed !important;
     font-size: calculateRem(14px);
 }
-.orange.text {
-    color: var(--accessibility-red);
-}
-.orange-border {
-    border-color: var(--accessibility-red) !important;
-}
-.blue.text {
-    color: var(--primary-color);
-}
 .ui.basic.blue.navigation.label {
     background: var(--white) !important;
     color: var(--primary-color) !important;
@@ -83,15 +70,6 @@
     font-weight: normal;
     padding: calculateRem(10px) 0;
 }
-.ui.basic.error.label {
-    background: none !important;
-    color: var(--accessibility-red) !important;
-    border: 0 !important;
-    padding-left: 0;
-    font-size: 1rem;
-    font-weight: normal;
-    padding: calculateRem(10px) 0;
-}
 .fullpage {
     ::ng-deep {
         .ui.fullscreen.modal>.close {

src/app/client/src/app/plugins/profile/components/update-contact-details/update-contact-details.component.scss

@@ -3,11 +3,6 @@
 @use 'components/form' as *;
 
 .ui.grey.button {
-  background: var(--gray-200);
-  color: var(--white);
-  pointer-events: none !important;
-  cursor: not-allowed !important;
-  height: calculateRem(38px) !important;
   font-size: 1rem;
 }
 
@@ -18,16 +13,6 @@
   height: calculateRem(38px) !important;
 }
 
-.ui.basic.error.label {
-  background: none !important;
-  color: var(--accessibility-red) !important;
-  border: 0 !important;
-  padding-left: 0;
-  font-size: 1rem;
-  font-weight: normal;
-  padding: calculateRem(10px) 0;
-}
-
 .ui.left.icon.input .icon {
   font-size: 1rem;
 }

src/app/client/src/assets/styles/global.scss

@@ -1531,3 +1531,32 @@ html[layout="joy"] .sb-modal-content .ui.center.aligned.segment {
     }
   }
 }
+
+.ui.basic.error.label {
+  background: none !important;
+  color: var(--accessibility-red) !important;
+  border: 0 !important;
+  padding-left: 0;
+  font-size: 1rem;
+  font-weight: normal;
+  padding: calculateRem(10px) 0;
+}
+.ui.grey.button {
+  background: var(--gray-200);
+  color: var(--white);
+  pointer-events: none !important;
+  cursor: not-allowed !important; 
+  height: calculateRem(38px) !important;
+}
+.grey.text {
+  color: var(--gray-400);
+}
+.orange.text {
+  color: var(--accessibility-red);
+}
+.orange-border {
+  border-color: var(--accessibility-red) !important;
+}
+.blue.text {
+  color: var(--primary-color);
+}