Bulkmeteruat

web/egov-common-screen/src/myindex.css

@@ -261,10 +261,12 @@ div.cardservice img {
 }
 
 a.custom-btn {
-    background: #f47738;
+    background: #2947a3;
     color: white;
     padding: 5px 60px;
-    border-radius: 20px;
+    border-radius: 0.375rem;
+    font-family: "Noto Sans", sans-serif;
+    font-weight: 500;
 }
 
 .message {
@@ -373,4 +375,158 @@ button.btn.btn-link:hover {
     h5.card-title {
         font-size: 18px;
     }
+}
+
+/* Selector Button Styles */
+.selector-button, .selector-button-primary, .selector-button-secondary {
+  color: #ffffff !important;
+  border: none !important;
+  border-radius: 0.375rem;
+  padding: 0.5rem 1rem;
+  font-family: "Noto Sans", sans-serif;
+  font-weight: 500;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  white-space: normal;
+  word-break: break-word;
+  overflow-wrap: break-word;
+  text-align: center;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 40px;
+  height: auto;
+  width: 100%;
+  margin: 0;
+}
+@media (min-width: 768px) {
+  .selector-button, .selector-button-primary, .selector-button-secondary {
+    width: 30%;
+  }
+}
+.selector-button:hover, .selector-button-primary:hover, .selector-button-secondary:hover {
+  opacity: 0.9;
+}
+.selector-button h2, .selector-button-primary h2, .selector-button-secondary h2 {
+  color: #ffffff !important;
+  font-size: 0.875rem !important;
+  line-height: 1.25rem !important;
+  font-weight: 500 !important;
+  margin: 0 !important;
+  padding: 0 !important;
+  width: 100%;
+}
+
+.selector-button-primary {
+  background-color: #2947a3 !important;
+  width: 100%;
+}
+.selector-button-primary:hover {
+  background-color: #1e3a8a !important;
+}
+
+.selector-button-secondary {
+  background-color: #ffffff !important;
+  color: #2947a3 !important;
+}
+.selector-button-secondary h2 {
+  color: #2947a3 !important;
+}
+
+.selector-button-border {
+  background-color: #2947a3 !important;
+  color: #ffffff !important;
+  border: none !important;
+  border-radius: 0.375rem;
+  padding: 0.5rem 1rem;
+  font-family: "Noto Sans", sans-serif;
+  font-weight: 500;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  white-space: normal;
+  word-break: break-word;
+  overflow-wrap: break-word;
+  text-align: center;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: auto;
+  min-height: 40px;
+  margin: 0;
+  width: 100%;
+}
+.selector-button-border:hover {
+  background-color: #1e3a8a !important;
+  opacity: 0.9;
+}
+.selector-button-border h2 {
+  color: #ffffff !important;
+  font-size: 0.875rem !important;
+  line-height: 1.25rem !important;
+  font-weight: 500 !important;
+  margin: 0 !important;
+  padding: 0 !important;
+  border: none !important;
+  width: 100%;
+}
+
+.input-mirror-selector-button {
+  height: 4rem !important;
+  background-color: #f2f2f2 !important;
+  text-align: center !important;
+  border-bottom: 2px solid #e0e0e0 !important;
+  outline: none !important;
+  padding-left: 24px !important;
+  padding-right: 24px !important;
+}
+.input-mirror-selector-button:focus {
+  outline: none !important;
+}
+.input-mirror-selector-button h2 {
+  font-family: "Noto Sans", sans-serif;
+  font-weight: 500;
+  font-size: 0.875rem;
+  color: #484848;
+}
+
+.selector-button-primary-disabled {
+  height: 2rem !important;
+  background-color: #2947a3 !important;
+  text-align: center !important;
+  border-bottom: 2px solid #e0e0e0 !important;
+  outline: none !important;
+  padding-left: 24px !important;
+  padding-right: 24px !important;
+  opacity: 0.5 !important;
+}
+.selector-button-primary-disabled:focus {
+  outline: none !important;
+}
+.selector-button-primary-disabled h2 {
+  font-family: "Noto Sans", sans-serif;
+  font-weight: 500;
+  font-size: 0.875rem;
+  color: #ffffff;
+}
+
+.submit-bar:focus {
+  outline: none !important;
+}
+
+.go-back-footer-button {
+  background-color: white !important;
+  color: black !important;
+  border: 1px solid !important;
+  margin-right: 10px !important;
+}
+
+.action-button-myapplication {
+  display: flex;
+  gap: 20px;
+  flex-wrap: wrap;
+  margin-top: 10px;
 }

web/rainmaker/dev-packages/egov-abg-dev/src/index.scss

@@ -67,7 +67,7 @@ body {
 }
 
 .mihy-paragraph {
-  color: rgba(0, 0, 0, 0.6000000238418579);
+  color: #2947a3;
   font-family: Roboto;
   font-size: 14px;
   font-weight: 400;
@@ -77,7 +77,7 @@ body {
 }
 
 .mihy-primary-button {
-  background-color: #fe7a51;
+  background-color: #2947a3;
   border-radius: 2px;
   box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.23999999463558197),
     0 0 8px 0 rgba(0, 0, 0, 0.11999999731779099),

web/rainmaker/dev-packages/egov-abg-dev/src/ui-atoms-local/Checkbox/index.js

@@ -8,9 +8,9 @@ import "./index.scss";
 
 const styles = {
   root: {
-    color: "#FE7A51",
+    color: "#2947a3",
     "&$checked": {
-      color: "#FE7A51"
+      color: "#2947a3"
     }
   },
   checked: {}

web/rainmaker/dev-packages/egov-abg-dev/src/ui-atoms-local/MapLocation/index.scss

@@ -47,7 +47,7 @@
   margin-left: 32px;
   width: 82%;
   height: 40px;
-  background-color: #f89a3f;
+  background-color: #2947a3;
   position: absolute;
   font-family: Roboto;
   font-size: 14px;

web/rainmaker/dev-packages/egov-abg-dev/src/ui-atoms-local/applicationNumber/index.js

@@ -2,7 +2,7 @@ import React from "react";
 import { LabelContainer } from "egov-ui-framework/ui-containers";
 
 const styles = {
-  backgroundColor: "rgba(0, 0, 0, 0.6000000238418579)",
+  backgroundColor: "#2947a3",
   color: "rgba(255, 255, 255, 0.8700000047683716)",
   marginLeft: "8px",
   paddingLeft: "19px",

web/rainmaker/dev-packages/egov-abg-dev/src/ui-atoms-local/billNumber/index.js

@@ -1,7 +1,7 @@
 import React from "react";
 
 const styles = {
-  backgroundColor: "rgba(0, 0, 0, 0.6000000238418579)",
+  backgroundColor: "#2947a3",
   color: "rgba(255, 255, 255, 0.8700000047683716)",
   marginLeft: "8px",
   paddingLeft: "19px",

web/rainmaker/dev-packages/egov-abg-dev/src/ui-config/abg-app-config.js

@@ -1,2 +1,2 @@
 export const defaultLocation = { lat: 30.7333, lng: 76.7794 };
-export const MAP_API_KEY = "AIzaSyCH9PmCbk_mcpgijAAlTeltC4deOxC5wEM"; //CHANGE THIS
+export const MAP_API_KEY = "AIzaSyB5xqCmrgz-IL-mPQiy7PI_mA4drmyr2fo"; //CHANGE THIS

web/rainmaker/dev-packages/egov-abg-dev/src/ui-config/screens/specs/abg/acknowledgementResource/acknowledgementUtils.js

@@ -5,38 +5,7 @@ import {
   getCommonContainer
 } from "egov-ui-framework/ui-config/screens/specs/utils";
 
-const style = {
-  bodyBox: {
-    marginLeft: 16,
-    flex: 2
-  },
-  tailText: {
-    color: "rgba(0, 0, 0, 0.6000000238418579)",
-    fontSize: 16,
-    fontWeight: 400
-  },
-  tailNumber: {
-    fontSize: 24,
-    fontWeight: 500
-  },
-  tailBox: {
-    textAlign: "right",
-    justifyContent: "center",
-    flex: 1
-  },
-  bodySub: {
-    marginTop: "8px",
-    marginBottom: "0px",
-    color: "rgba(0, 0, 0, 0.60)",
-    fontFamily: "Roboto"
-  },
-  container: {
-    display: "flex",
-    minHeight: "106px",
-    justifyContent: "center",
-    alignItems: "center"
-  }
-};
+
 
 const acknowledgementCard = ({
   icon = "done",
@@ -52,16 +21,16 @@ const acknowledgementCard = ({
           uiFramework: "custom-atoms",
           componentPath: "Div",
           children: {
-            text: getCommonHeader(tailText, { style: style.tailText }),
+            text: getCommonHeader(tailText, { className: "abg-ack-tail-text" }),
             paragraph: getCommonHeader(
               {
                 labelName: number
               },
-              { style: style.tailNumber }
+              { className: "abg-ack-tail-number" }
             )
           },
           props: {
-            style: style.tailBox
+            className: "abg-ack-tail-box"
           }
         }
       : {};
@@ -99,18 +68,18 @@ const acknowledgementCard = ({
             header: getCommonHeader(header),
             paragraph: body
               ? getCommonParagraph(body, {
-                  style: style.bodySub
+                  className: "abg-ack-body-sub"
                 })
               : {}
           },
           props: {
-            style: style.bodyBox
+            className: "abg-ack-body-box"
           }
         },
         tail: tail
       },
       {
-        style: style.container
+        className: "abg-ack-container"
       }
     )
   });

web/rainmaker/dev-packages/egov-abg-dev/src/ui-config/screens/specs/abg/billGenerationResource/billGensearch.js

@@ -132,7 +132,7 @@ export const billGenSearchCard = getCommonCard({
           variant: "contained",
           style: {
             color: "white",
-            backgroundColor: "#FE7A51",
+            backgroundColor: "#2947a3",
             borderRadius: "2px",
             width: window.innerWidth > 480 ? "80%" : "100%",
             height: "48px"

web/rainmaker/dev-packages/egov-abg-dev/src/ui-config/screens/specs/abg/billGenerationResource/searchResults.js

@@ -43,7 +43,7 @@ export const searchResults = {
             <Link to={onRowClick(rowData)}>
               <span
                 style={{
-                  color: "#FE7A51"
+                  color: "#2947a3"
                 }}
               >
                 {rowData[get(textToLocalMapping, "Job ID No.")]}

web/rainmaker/dev-packages/egov-abg-dev/src/ui-config/screens/specs/abg/billSearchResources/billSearchCard.js

@@ -244,9 +244,9 @@ export const billSearchCard = getCommonCard({
       props: {
         variant: "outlined",
         style: {
-          color: "#FE7A51",
-          // backgroundColor: "#FE7A51",
-          border: "#FE7A51 solid 1px",
+          color: "#2947a3",
+          // backgroundColor: "#2947a3",
+          border: "#2947a3 solid 1px",
           borderRadius: "2px",
           width: window.innerWidth > 480 ? "80%" : "100%",
           height: "48px"

web/rainmaker/dev-packages/egov-abg-dev/src/ui-config/screens/specs/abg/billSearchResources/billSearchCardProperty.js

@@ -308,9 +308,9 @@ export const billSearchCardProperty = getCommonCard({
       props: {
         variant: "outlined",
         style: {
-          color: "#FE7A51",
-          // backgroundColor: "#FE7A51",
-          border: "#FE7A51 solid 1px",
+          color: "#2947a3",
+          // backgroundColor: "#2947a3",
+          border: "#2947a3 solid 1px",
           borderRadius: "2px",
           width: window.innerWidth > 480 ? "80%" : "100%",
           height: "48px"

web/rainmaker/dev-packages/egov-abg-dev/src/ui-config/screens/specs/abg/billSearchResources/billSearchpropertyResult.js

@@ -20,7 +20,7 @@ export const billSearchpropertyResult = {
             return (
               <a
                 href={targetUrl}
-                style={{ color: "#fe7a51", cursor: "pointer", textDecoration: "underline" }}
+                style={{ color: "#2947a3", cursor: "pointer", textDecoration: "underline" }}
                 onClick={(e) => {
                   e.preventDefault();
                   window.location.href = `${window.location.origin}${targetUrl}`;
@@ -79,7 +79,7 @@ export const billSearchpropertyResult = {
               <button
                 style={{
                   color: "#fff",
-                  backgroundColor: "#FE7A51",
+                  backgroundColor: "#2947a3",
                   border: "none",
                   padding: "8px 16px",
                   borderRadius: "4px",
@@ -94,7 +94,7 @@ export const billSearchpropertyResult = {
                   e.target.style.backgroundColor = "#E86942";
                 }}
                 onMouseOut={(e) => {
-                  e.target.style.backgroundColor = "#FE7A51";
+                  e.target.style.backgroundColor = "#2947a3";
                 }}
               >
                 View Details

web/rainmaker/dev-packages/egov-abg-dev/src/ui-config/screens/specs/abg/billSearchResources/searchResults.js

@@ -154,7 +154,7 @@ const getActionButton = (value, tableMeta) => {
   return (
     <a href="javascript:void(0)"
       style={{
-        color: "#FE7A51",
+        color: "#2947a3",
         cursor: "pointer"
       }}
       onClick={value => {