diff --git a/src/app/client/src/app/modules/public/module/sign-in/sso/components/select-org/select-org.component.scss b/src/app/client/src/app/modules/public/module/sign-in/sso/components/select-org/select-org.component.scss
index 9112762864cde3504cd3c6b744dc5905047ab8f4..c07676d7d778ecac272ab5f63eea3cc236a26a11 100644
--- a/src/app/client/src/app/modules/public/module/sign-in/sso/components/select-org/select-org.component.scss
+++ b/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 {
diff --git a/src/app/client/src/app/modules/public/module/sign-in/sso/components/update-contact/update-contact.component.scss b/src/app/client/src/app/modules/public/module/sign-in/sso/components/update-contact/update-contact.component.scss
index df24074053b79e82af6aa834d89d00630a5d1b4f..44c037623bcc20f088eccd58a55ebd2dc4fd0402 100644
--- a/src/app/client/src/app/modules/public/module/sign-in/sso/components/update-contact/update-contact.component.scss
+++ b/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 {
diff --git a/src/app/client/src/app/modules/public/module/signup/components/otp/otp.component.scss b/src/app/client/src/app/modules/public/module/signup/components/otp/otp.component.scss
index 6bad48a3eff39555606395eb8590a608c8593180..32e1de5b6356334b40b4a54dc142bb05b438711e 100644
--- a/src/app/client/src/app/modules/public/module/signup/components/otp/otp.component.scss
+++ b/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 {
diff --git a/src/app/client/src/app/plugins/profile/components/update-contact-details/update-contact-details.component.scss b/src/app/client/src/app/plugins/profile/components/update-contact-details/update-contact-details.component.scss
index 2dc3e32c78dd36a7f408a463596851dd20ebc6ae..54b547df6c091c47f59258c402242235cfe63a19 100644
--- a/src/app/client/src/app/plugins/profile/components/update-contact-details/update-contact-details.component.scss
+++ b/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;
}
diff --git a/src/app/client/src/assets/styles/global.scss b/src/app/client/src/assets/styles/global.scss
index 710b5dcaa1ada20d713c337d210515a9235be092..686f09a4accedce1685659b7b085053dcf7c1879 100644
--- a/src/app/client/src/assets/styles/global.scss
+++ b/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);
+}