@pmidc/upyog-css 1.0.0 → 1.0.2

package/dist/index.css

@@ -887,21 +887,21 @@ img, video {
   font-size: 24px;
   line-height: 32px;
   --text-opacity:1;
-  color: #0b0c0c;
-  color: rgba(11, 12, 12, var(--text-opacity));
+  color: #0d43a7;
+  color: rgba(13, 67, 167, var(--text-opacity));
   font-weight: 700;
   margin-bottom: 16px;
   margin-left: 16px; }
 
 .link-label {
-  color: #a82227;
-  color: rgba(168, 34, 39, var(--text-opacity));
+  color: #2947a3;
+  color: rgba(41, 71, 163, var(--text-opacity));
   margin-bottom: 16px;
   margin-left: 16px;
   cursor: pointer; }
   .link-label:hover {
-    color: #a82227;
-    color: rgba(168, 34, 39, var(--text-opacity)); }
+    color: #2947a3;
+    color: rgba(41, 71, 163, var(--text-opacity)); }
 
 .back-btn, .link-label {
   display: block;
@@ -915,13 +915,13 @@ img, video {
   width: -moz-fit-content;
   width: fit-content;
   --border-opacity:1;
-  border-color: #0b0c0c;
+  border-color: #0d43a7;
   border-bottom: 1px;
-  border-color: rgba(11, 12, 12, var(--border-opacity));
+  border-color: rgba(13, 67, 167, var(--border-opacity));
   border-style: solid;
   font-family: Roboto Condensed,sans-serif;
-  color: #0b0c0c;
-  color: rgba(11, 12, 12, var(--text-opacity));
+  color: #0d43a7;
+  color: rgba(13, 67, 167, var(--text-opacity));
   margin-left: 8px;
   margin-top: 16px; }
   .back-btn label {
@@ -960,14 +960,14 @@ img, video {
   display: -ms-flexbox;
   display: flex;
   --border-opacity:1;
-  border-color: #0b0c0c;
+  border-color: #0d43a7;
   border-bottom: 1px;
-  border-color: rgba(11, 12, 12, var(--border-opacity));
+  border-color: rgba(13, 67, 167, var(--border-opacity));
   border-style: solid;
   font-family: Roboto Condensed,sans-serif;
   --text-opacity:1;
-  color: #0b0c0c;
-  color: rgba(11, 12, 12, var(--text-opacity));
+  color: #0d43a7;
+  color: rgba(13, 67, 167, var(--text-opacity));
   font-size: 16px;
   line-height: 24px;
   margin-left: 8px;
@@ -1307,8 +1307,8 @@ img, video {
     margin-bottom: 16px; }
   .card .card-header, .card-emp .card-header, .card .card-sub-header, .card-emp .card-sub-header {
     --text-opacity:1;
-    color: #0b0c0c;
-    color: rgba(11, 12, 12, var(--text-opacity));
+    color: #0d43a7;
+    color: rgba(13, 67, 167, var(--text-opacity));
     font-weight: 700;
     vertical-align: middle;
     text-align: left; }
@@ -1327,25 +1327,25 @@ img, video {
     text-align: left;
     margin-bottom: 24px; }
     .card .card-text span, .card-emp .card-text span {
-      color: #0b0c0c;
-      color: rgba(11, 12, 12, var(--text-opacity)); }
+      color: #0d43a7;
+      color: rgba(13, 67, 167, var(--text-opacity)); }
   .card .card-text-primary, .card-emp .card-text-primary, .card span, .card-emp span {
     --text-opacity:1;
-    color: #0b0c0c;
-    color: rgba(11, 12, 12, var(--text-opacity)); }
+    color: #0d43a7;
+    color: rgba(13, 67, 167, var(--text-opacity)); }
   .card .card-text-button, .card-emp .card-text-button, .card .card-text-primary, .card-emp .card-text-primary {
     font-size: 16px;
     line-height: 24px; }
   .card .card-text-button, .card-emp .card-text-button {
     --text-opacity:1;
-    color: #a82227;
-    color: rgba(168, 34, 39, var(--text-opacity)); }
+    color: #2947a3;
+    color: rgba(41, 71, 163, var(--text-opacity)); }
   .card .card-label, .card-emp .card-label {
     font-size: 19px;
     line-height: 23px;
     --text-opacity:1;
-    color: #0b0c0c;
-    color: rgba(11, 12, 12, var(--text-opacity));
+    color: #0d43a7;
+    color: rgba(13, 67, 167, var(--text-opacity));
     margin-bottom: 8px; }
   .card .card-label-error, .card-emp .card-label-error {
     display: block;
@@ -1367,8 +1367,8 @@ img, video {
     display: block;
     text-align: center;
     --text-opacity:1;
-    color: #a82227;
-    color: rgba(168, 34, 39, var(--text-opacity));
+    color: #2947a3;
+    color: rgba(41, 71, 163, var(--text-opacity));
     margin-top: 16px;
     cursor: pointer; }
 
@@ -1395,11 +1395,9 @@ img, video {
   --bg-opacity:1;
   background-color: #fff;
   background-color: rgba(255, 255, 255, var(--bg-opacity));
-  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
-  padding: 16px;
+  padding: 48px;
   margin-bottom: 64px;
-  border-radius: 4px; }
+  border-radius: 24px; }
   .employeeCard .card-header {
     font-size: 32px;
     line-height: 40px;
@@ -1407,8 +1405,8 @@ img, video {
     margin-bottom: 16px; }
   .employeeCard .card-header, .employeeCard .card-sub-header, .employeeCard .employee-card-sub-header {
     --text-opacity:1;
-    color: #0b0c0c;
-    color: rgba(11, 12, 12, var(--text-opacity));
+    color: #0d43a7;
+    color: rgba(13, 67, 167, var(--text-opacity));
     font-weight: 700;
     vertical-align: middle;
     text-align: left; }
@@ -1418,11 +1416,11 @@ img, video {
   .employeeCard .card-section-header {
     font-size: 18px;
     line-height: 28px;
-    font-weight: 700; }
+    font-weight: 500; }
   .employeeCard .card-section-header, .employeeCard .card-section-sub-text {
     --text-opacity:1;
-    color: #0b0c0c;
-    color: rgba(11, 12, 12, var(--text-opacity)); }
+    color: #0d43a7;
+    color: rgba(13, 67, 167, var(--text-opacity)); }
   .employeeCard .card-section-sub-text {
     font-size: 14px;
     line-height: 16px; }
@@ -1441,24 +1439,24 @@ img, video {
     text-align: left;
     margin-bottom: 24px; }
     .employeeCard .card-text span {
-      color: #0b0c0c;
-      color: rgba(11, 12, 12, var(--text-opacity)); }
+      color: #0d43a7;
+      color: rgba(13, 67, 167, var(--text-opacity)); }
   .employeeCard .card-text-primary, .employeeCard span {
     --text-opacity:1;
-    color: #0b0c0c;
-    color: rgba(11, 12, 12, var(--text-opacity)); }
+    color: #0d43a7;
+    color: rgba(13, 67, 167, var(--text-opacity)); }
   .employeeCard .card-text-button, .employeeCard .card-text-primary {
     font-size: 16px;
     line-height: 24px; }
   .employeeCard .card-text-button {
     --text-opacity:1;
-    color: #a82227;
-    color: rgba(168, 34, 39, var(--text-opacity)); }
+    color: #2947a3;
+    color: rgba(41, 71, 163, var(--text-opacity)); }
   .employeeCard .card-label {
     font-size: 19px;
     line-height: 23px;
-    color: #0b0c0c;
-    color: rgba(11, 12, 12, var(--text-opacity)); }
+    color: #0d43a7;
+    color: rgba(13, 67, 167, var(--text-opacity)); }
   .employeeCard .card-label, .employeeCard .card-label-error {
     --text-opacity:1;
     margin-bottom: 16px; }
@@ -1527,8 +1525,8 @@ img, video {
 .submit-bar, .submit-bar-disabled {
   height: 2.5rem;
   --bg-opacity:1;
-  background-color: #a82227;
-  background-color: rgba(168, 34, 39, var(--bg-opacity));
+  background-color: #2947a3;
+  background-color: rgba(41, 71, 163, var(--bg-opacity));
   text-align: center;
   width: 100%;
   outline: 2px solid transparent;
@@ -1591,13 +1589,15 @@ img, video {
     .employeeCard .employee-card-sub-header {
       margin-bottom: 40px; }
     .employeeCard .card-section-header {
-      margin-bottom: 40px;
+      margin-bottom: 20px;
+      color: #0d43a7;
       font-size: 24px;
-      line-height: 32px; }
+      line-height: 32px;
+      font-weight: 500; }
     .employeeCard .card-section-sub-text {
       --text-opacity:1;
-      color: #0b0c0c;
-      color: rgba(11, 12, 12, var(--text-opacity));
+      color: #0d43a7;
+      color: rgba(13, 67, 167, var(--text-opacity));
       font-size: 16px;
       line-height: 24px; }
     .employeeCard .card-search-heading {
@@ -1655,8 +1655,8 @@ img, video {
 
 .card-section-header {
   --text-opacity:1;
-  color: #0b0c0c;
-  color: rgba(11, 12, 12, var(--text-opacity));
+  color: #0d43a7;
+  color: rgba(13, 67, 167, var(--text-opacity));
   font-size: 18px;
   line-height: 28px;
   font-weight: 700; }
@@ -1738,7 +1738,7 @@ img, video {
   width: 100% !important; }
 
 .language-selector .submit-bar, .submit-bar-disabled {
-  background-color: #5a1166 !important; }
+  background-color: #b2c4ef !important; }
 
 .owner-details {
   display: -webkit-box;
@@ -1761,8 +1761,8 @@ img, video {
 .selector-button-primary {
   height: 2rem;
   --bg-opacity:1;
-  background-color: #a82227;
-  background-color: rgba(168, 34, 39, var(--bg-opacity));
+  background-color: #2947a3;
+  background-color: rgba(41, 71, 163, var(--bg-opacity));
   text-align: center;
   --border-opacity:1;
   border-color: #464646;
@@ -1809,8 +1809,8 @@ img, video {
     font-size: 19px;
     line-height: 23px;
     --text-opacity:1;
-    color: #0b0c0c;
-    color: rgba(11, 12, 12, var(--text-opacity)); }
+    color: #0d43a7;
+    color: rgba(13, 67, 167, var(--text-opacity)); }
 
 .input-mirror-selector-button {
   height: 4rem !important;
@@ -1836,14 +1836,14 @@ img, video {
     font-size: 19px;
     line-height: 23px;
     --text-opacity:1;
-    color: #0b0c0c;
-    color: rgba(11, 12, 12, var(--text-opacity)); }
+    color: #0d43a7;
+    color: rgba(13, 67, 167, var(--text-opacity)); }
 
 .selector-button-primary-disabled {
   height: 2rem;
   --bg-opacity:1;
-  background-color: #a82227;
-  background-color: rgba(168, 34, 39, var(--bg-opacity));
+  background-color: #2947a3;
+  background-color: rgba(41, 71, 163, var(--bg-opacity));
   text-align: center;
   --border-opacity:1;
   border-color: #464646;
@@ -1885,8 +1885,8 @@ img, video {
     position: relative; }
     .radio-wrap .radio-btn-wrap:hover .radio-btn-checkmark {
       --border-opacity:1;
-      border-color: #a82227;
-      border-color: rgba(168, 34, 39, var(--border-opacity)); }
+      border-color: #2947a3;
+      border-color: rgba(41, 71, 163, var(--border-opacity)); }
   .radio-wrap .radio-btn {
     opacity: 0;
     position: absolute;
@@ -1903,8 +1903,8 @@ img, video {
     display: block; }
   .radio-wrap label {
     --text-opacity:1;
-    color: #0b0c0c;
-    color: rgba(11, 12, 12, var(--text-opacity));
+    color: #0d43a7;
+    color: rgba(13, 67, 167, var(--text-opacity));
     font-size: 16px;
     line-height: 20px;
     margin-left: 16px; }
@@ -1913,13 +1913,13 @@ img, video {
   .radio-wrap .radio-btn-wrap input:checked ~ .radio-btn-checkmark, .radio-wrap .radio-btn-wrap .checkbox-wrap .input-emp:checked ~ .radio-btn-checkmark, .checkbox-wrap .radio-wrap .radio-btn-wrap .input-emp:checked ~ .radio-btn-checkmark {
     border-width: 1px;
     --border-opacity:1;
-    border-color: #a82227;
-    border-color: rgba(168, 34, 39, var(--border-opacity)); }
+    border-color: #2947a3;
+    border-color: rgba(41, 71, 163, var(--border-opacity)); }
   .radio-wrap .radio-btn-wrap input:checked ~ .radio-btn-checkmark:after, .radio-wrap .radio-btn-wrap .checkbox-wrap .input-emp:checked ~ .radio-btn-checkmark:after, .checkbox-wrap .radio-wrap .radio-btn-wrap .input-emp:checked ~ .radio-btn-checkmark:after {
     display: block;
     --bg-opacity:1;
-    background-color: #a82227;
-    background-color: rgba(168, 34, 39, var(--bg-opacity));
+    background-color: #2947a3;
+    background-color: rgba(41, 71, 163, var(--bg-opacity));
     height: 1.25rem;
     width: 1.25rem;
     border-radius: 9999px;
@@ -1961,8 +1961,8 @@ img, video {
     border-color: rgba(70, 70, 70, var(--border-opacity)); }
     .employee-select-wrap .select:hover {
       --border-opacity:1;
-      border: 1px solid #a82227;
-      border-color: rgba(168, 34, 39, var(--border-opacity)); }
+      border: 1px solid #2947a3;
+      border-color: rgba(41, 71, 163, var(--border-opacity)); }
     .employee-select-wrap .select input[type=text], .employee-select-wrap .select .checkbox-wrap .input-emp[type=text], .checkbox-wrap .employee-select-wrap .select .input-emp[type=text] {
       width: calc(100% - 32px);
       background-color: initial;
@@ -1976,8 +1976,8 @@ img, video {
       padding-left: 8px; }
     .employee-select-wrap .select input[type=text], .employee-select-wrap .select .checkbox-wrap .input-emp[type=text], .checkbox-wrap .employee-select-wrap .select .input-emp[type=text], .employee-select-wrap .select p {
       --text-opacity:1;
-      color: #0b0c0c;
-      color: rgba(11, 12, 12, var(--text-opacity));
+      color: #0d43a7;
+      color: rgba(13, 67, 167, var(--text-opacity));
       font-size: 16px;
       line-height: 20px; }
     .employee-select-wrap .select p {
@@ -1999,8 +1999,8 @@ img, video {
     width: 100%;
     height: 2.5rem;
     --border-opacity:1;
-    border: 1px solid #a82227;
-    border-color: rgba(168, 34, 39, var(--border-opacity));
+    border: 1px solid #2947a3;
+    border-color: rgba(41, 71, 163, var(--border-opacity));
     height: 2 rem !important;
     padding: 1.5rem 1rem;
     border-radius: 8px;
@@ -2019,8 +2019,8 @@ img, video {
       padding-left: 8px; }
     .employee-select-wrap .select-active input[type=text], .employee-select-wrap .select-active .checkbox-wrap .input-emp[type=text], .checkbox-wrap .employee-select-wrap .select-active .input-emp[type=text], .employee-select-wrap .select-active p {
       --text-opacity:1;
-      color: #0b0c0c;
-      color: rgba(11, 12, 12, var(--text-opacity));
+      color: #0d43a7;
+      color: rgba(13, 67, 167, var(--text-opacity));
       font-size: 16px;
       line-height: 20px; }
     .employee-select-wrap .select-active p {
@@ -2056,8 +2056,8 @@ img, video {
       height: 3rem;
       padding-left: 8px;
       --text-opacity:1;
-      color: #0b0c0c;
-      color: rgba(11, 12, 12, var(--text-opacity));
+      color: #0d43a7;
+      color: rgba(13, 67, 167, var(--text-opacity));
       font-size: 16px;
       line-height: 20px; }
       .employee-select-wrap .options-card p:hover {
@@ -2108,8 +2108,8 @@ img, video {
       padding-left: 8px; }
     .select-wrap .select input[type=text], .select-wrap .select .checkbox-wrap .input-emp[type=text], .checkbox-wrap .select-wrap .select .input-emp[type=text], .select-wrap .select p {
       --text-opacity:1;
-      color: #0b0c0c;
-      color: rgba(11, 12, 12, var(--text-opacity));
+      color: #0d43a7;
+      color: rgba(13, 67, 167, var(--text-opacity));
       font-size: 16px;
       line-height: 20px; }
     .select-wrap .select p {
@@ -2131,8 +2131,8 @@ img, video {
     width: 100%;
     height: 2.5rem;
     --border-opacity:1;
-    border: 1px solid #a82227;
-    border-color: rgba(168, 34, 39, var(--border-opacity)); }
+    border: 1px solid #2947a3;
+    border-color: rgba(41, 71, 163, var(--border-opacity)); }
     .select-wrap .select-active input[type=text], .select-wrap .select-active .checkbox-wrap .input-emp[type=text], .checkbox-wrap .select-wrap .select-active .input-emp[type=text] {
       width: calc(100% - 32px);
       background-color: initial;
@@ -2146,8 +2146,8 @@ img, video {
       padding-left: 8px; }
     .select-wrap .select-active input[type=text], .select-wrap .select-active .checkbox-wrap .input-emp[type=text], .checkbox-wrap .select-wrap .select-active .input-emp[type=text], .select-wrap .select-active p {
       --text-opacity:1;
-      color: #0b0c0c;
-      color: rgba(11, 12, 12, var(--text-opacity));
+      color: #0d43a7;
+      color: rgba(13, 67, 167, var(--text-opacity));
       font-size: 16px;
       line-height: 20px; }
     .select-wrap .select-active p {
@@ -2179,8 +2179,8 @@ img, video {
       height: 3rem;
       padding-left: 8px;
       --text-opacity:1;
-      color: #0b0c0c;
-      color: rgba(11, 12, 12, var(--text-opacity));
+      color: #0d43a7;
+      color: rgba(13, 67, 167, var(--text-opacity));
       font-size: 16px;
       line-height: 20px; }
       .select-wrap .options-card p:hover {
@@ -2212,8 +2212,8 @@ img, video {
   font-size: 16px;
   line-height: 20px;
   --text-opacity:1;
-  color: #0b0c0c;
-  color: rgba(11, 12, 12, var(--text-opacity)); }
+  color: #0d43a7;
+  color: rgba(13, 67, 167, var(--text-opacity)); }
 
 .card-input-error {
   --border-opacity:1;
@@ -2238,8 +2238,8 @@ img, video {
   font-size: 16px;
   line-height: 20px;
   --text-opacity:1;
-  color: #0b0c0c;
-  color: rgba(11, 12, 12, var(--text-opacity));
+  color: #0d43a7;
+  color: rgba(13, 67, 167, var(--text-opacity));
   margin-bottom: 16px !important;
   height: 2rem !important;
   padding: 1.5rem 1rem;
@@ -2289,8 +2289,8 @@ img, video {
   font-size: 16px;
   line-height: 20px;
   --text-opacity:1;
-  color: #0b0c0c;
-  color: rgba(11, 12, 12, var(--text-opacity)); }
+  color: #0d43a7;
+  color: rgba(13, 67, 167, var(--text-opacity)); }
 
 .card-textarea, .employee-card-textarea {
   margin-top: 16px;
@@ -2346,8 +2346,8 @@ img, video {
   font-size: 16px;
   line-height: 20px;
   --text-opacity:1;
-  color: #0b0c0c;
-  color: rgba(11, 12, 12, var(--text-opacity));
+  color: #0d43a7;
+  color: rgba(13, 67, 167, var(--text-opacity));
   height: 2rem !important;
   margin-bottom: 16px !important;
   line-height: 2rem !important; }
@@ -2369,8 +2369,8 @@ img, video {
 .emp-success-wrap, .success-wrap {
   display: block;
   --bg-opacity:1;
-  background-color: #00703c;
-  background-color: rgba(0, 112, 60, var(--bg-opacity));
+  background-color: #05a660;
+  background-color: rgba(5, 166, 96, var(--bg-opacity));
   width: 100%;
   text-align: center;
   --text-opacity:1;
@@ -2538,8 +2538,8 @@ img, video {
     width: 20px; }
   .date-wrap p {
     --text-opacity:1;
-    color: #0b0c0c;
-    color: rgba(11, 12, 12, var(--text-opacity));
+    color: #0d43a7;
+    color: rgba(13, 67, 167, var(--text-opacity));
     font-size: 16px;
     line-height: 24px;
     padding-left: 8px; }
@@ -2551,8 +2551,8 @@ img, video {
 
 .data-table {
   --text-opacity:1;
-  color: #0b0c0c;
-  color: rgba(11, 12, 12, var(--text-opacity)); }
+  color: #0d43a7;
+  color: rgba(13, 67, 167, var(--text-opacity)); }
   .data-table .row {
     display: -webkit-box;
     display: -ms-flexbox;
@@ -2638,13 +2638,13 @@ img, video {
     height: 24px;
     border-radius: 50%;
     --border-opacity:1;
-    border-color: #a82227;
+    border-color: #2947a3;
     border-bottom: 1px;
-    border-color: rgba(168, 34, 39, var(--border-opacity));
+    border-color: rgba(41, 71, 163, var(--border-opacity));
     border-style: solid;
     --bg-opacity:1;
-    background-color: #a82227;
-    background-color: rgba(168, 34, 39, var(--bg-opacity)); }
+    background-color: #2947a3;
+    background-color: rgba(41, 71, 163, var(--bg-opacity)); }
   .checkpoint-done header {
     margin-left: 16px; }
     .checkpoint-done header p {
@@ -2701,8 +2701,8 @@ img, video {
   padding: 8px;
   margin-top: 8px; }
   .checkpoint-comments-wrap h4 {
-    color: #0b0c0c;
-    color: rgba(11, 12, 12, var(--text-opacity)); }
+    color: #0d43a7;
+    color: rgba(13, 67, 167, var(--text-opacity)); }
   .checkpoint-comments-wrap h4, .checkpoint-comments-wrap p {
     --text-opacity:1;
     font-size: 16px;
@@ -2749,8 +2749,8 @@ img, video {
   .checkbox-wrap input:checked ~ .custom-checkbox, .checkbox-wrap .input-emp:checked ~ .custom-checkbox, .checkbox-wrap input:checked ~ .custom-checkbox-emp, .checkbox-wrap .input-emp:checked ~ .custom-checkbox-emp, .checkbox-wrap input:hover ~ .custom-checkbox, .checkbox-wrap .input-emp:hover ~ .custom-checkbox, .checkbox-wrap input:hover ~ .custom-checkbox-emp, .checkbox-wrap .input-emp:hover ~ .custom-checkbox-emp {
     border-width: 1px;
     --border-opacity:1;
-    border-color: #a82227;
-    border-color: rgba(168, 34, 39, var(--border-opacity)); }
+    border-color: #2947a3;
+    border-color: rgba(41, 71, 163, var(--border-opacity)); }
   .checkbox-wrap input:checked ~ .custom-checkbox img, .checkbox-wrap .input-emp:checked ~ .custom-checkbox img, .checkbox-wrap input:checked ~ .custom-checkbox-emp img, .checkbox-wrap .input-emp:checked ~ .custom-checkbox-emp img, .checkbox-wrap input:checked ~ .custom-checkbox svg, .checkbox-wrap .input-emp:checked ~ .custom-checkbox svg, .checkbox-wrap input:checked ~ .custom-checkbox-emp svg, .checkbox-wrap .input-emp:checked ~ .custom-checkbox-emp svg {
     opacity: 1; }
   .checkbox-wrap .label {
@@ -2758,8 +2758,8 @@ img, video {
     font-size: 16px;
     line-height: 20px;
     --text-opacity:1;
-    color: #0b0c0c;
-    color: rgba(11, 12, 12, var(--text-opacity));
+    color: #0d43a7;
+    color: rgba(13, 67, 167, var(--text-opacity));
     position: relative;
     top: 10px; }
 
@@ -2794,8 +2794,8 @@ img, video {
     font-size: 16px;
     line-height: 20px;
     --text-opacity:1;
-    color: #0b0c0c;
-    color: rgba(11, 12, 12, var(--text-opacity));
+    color: #0d43a7;
+    color: rgba(13, 67, 167, var(--text-opacity));
     margin-right: 8px;
     margin-bottom: 8px;
     text-align: center; }
@@ -2837,8 +2837,8 @@ img, video {
   font-size: 16px !important;
   line-height: 20px !important;
   --text-opacity:1!important;
-  color: #0b0c0c !important;
-  color: rgba(11, 12, 12, var(--text-opacity)) !important;
+  color: #0d43a7 !important;
+  color: rgba(13, 67, 167, var(--text-opacity)) !important;
   height: 2.5rem !important;
   width: 100% !important; }
 
@@ -2935,8 +2935,8 @@ img, video {
     margin-bottom: 4px;
     font-weight: 700; }
   .key-note-pair h3, .key-note-pair p {
-    color: #0b0c0c;
-    color: rgba(11, 12, 12, var(--text-opacity)); }
+    color: #0d43a7;
+    color: rgba(13, 67, 167, var(--text-opacity)); }
   .key-note-pair .caption, .key-note-pair h3, .key-note-pair p {
     --text-opacity:1;
     font-size: 16px;
@@ -2975,17 +2975,17 @@ img, video {
     cursor: pointer; }
   .status-highlight.success {
     --bg-opacity:1;
-    background-color: #00703c;
-    background-color: rgba(0, 112, 60, var(--bg-opacity)); }
+    background-color: #05a660;
+    background-color: rgba(5, 166, 96, var(--bg-opacity)); }
     .status-highlight.success p {
       --text-opacity:1;
-      color: #00703c;
-      color: rgba(0, 112, 60, var(--text-opacity)); }
+      color: #05a660;
+      color: rgba(5, 166, 96, var(--text-opacity)); }
 
 .image-viewer-wrap {
   --bg-opacity:1;
-  background-color: #0b0c0c;
-  background-color: rgba(11, 12, 12, var(--bg-opacity));
+  background-color: #0d43a7;
+  background-color: rgba(13, 67, 167, var(--bg-opacity));
   padding: 16px;
   top: 0;
   left: 0;
@@ -3016,8 +3016,8 @@ img, video {
     height: 100%;
     z-index: 20;
     --bg-opacity:1;
-    background-color: #0b0c0c;
-    background-color: rgba(11, 12, 12, var(--bg-opacity));
+    background-color: #0d43a7;
+    background-color: rgba(13, 67, 167, var(--bg-opacity));
     padding: 16px; }
     .image-viewer-wrap svg {
       top: 90px;
@@ -3069,8 +3069,8 @@ img, video {
       font-size: 16px;
       line-height: 24px;
       --text-opacity:1;
-      color: #0b0c0c;
-      color: rgba(11, 12, 12, var(--text-opacity)); }
+      color: #0d43a7;
+      color: rgba(13, 67, 167, var(--text-opacity)); }
       .action-bar-wrap .menu-wrap div:hover {
         --bg-opacity:1;
         background-color: #eee;
@@ -3118,8 +3118,8 @@ img, video {
         font-size: 16px;
         line-height: 24px;
         --text-opacity:1;
-        color: #0b0c0c;
-        color: rgba(11, 12, 12, var(--text-opacity)); }
+        color: #0d43a7;
+        color: rgba(13, 67, 167, var(--text-opacity)); }
         .action-bar-wrap .menu-wrap div:hover {
           --bg-opacity:1;
           background-color: #eee;
@@ -3150,8 +3150,8 @@ img, video {
     font-size: 16px;
     line-height: 24px;
     --text-opacity:1;
-    color: #0b0c0c;
-    color: rgba(11, 12, 12, var(--text-opacity)); }
+    color: #0d43a7;
+    color: rgba(13, 67, 167, var(--text-opacity)); }
     .action-bar-wrap-registry .menu-wrap div:hover {
       --bg-opacity:1;
       background-color: #eee;
@@ -3488,8 +3488,8 @@ img, video {
   display: -ms-flexbox;
   display: flex;
   --bg-opacity:1;
-  background-color: #00703c;
-  background-color: rgba(0, 112, 60, var(--bg-opacity));
+  background-color: #05a660;
+  background-color: rgba(5, 166, 96, var(--bg-opacity));
   line-height: 1.75rem;
   z-index: 20;
   -webkit-box-align: center;
@@ -3542,8 +3542,8 @@ img, video {
       font-size: 16px;
       line-height: 24px;
       --text-opacity:1;
-      color: #0b0c0c;
-      color: rgba(11, 12, 12, var(--text-opacity));
+      color: #0d43a7;
+      color: rgba(13, 67, 167, var(--text-opacity));
       margin-bottom: 16px; }
     .details-container .detail .name {
       padding-top: 16px; }
@@ -3558,8 +3558,8 @@ img, video {
   .telephone img, .telephone svg {
     height: 22px;
     width: 20px;
-    color: #a82227;
-    color: rgba(168, 34, 39, var(--text-opacity));
+    color: #2947a3;
+    color: rgba(41, 71, 163, var(--text-opacity));
     margin-left: 8px;
     -webkit-box-align: center;
     -ms-flex-align: center;
@@ -3567,8 +3567,8 @@ img, video {
   .telephone img, .telephone p, .telephone svg {
     --text-opacity:1; }
   .telephone p {
-    color: #0b0c0c;
-    color: rgba(11, 12, 12, var(--text-opacity));
+    color: #0d43a7;
+    color: rgba(13, 67, 167, var(--text-opacity));
     font-size: 16px;
     line-height: 24px;
     padding-left: 8px; }
@@ -3587,8 +3587,8 @@ img, video {
 
 .action-link {
   --text-opacity:1!important;
-  color: #a82227 !important;
-  color: rgba(168, 34, 39, var(--text-opacity)) !important;
+  color: #2947a3 !important;
+  color: rgba(41, 71, 163, var(--text-opacity)) !important;
   font-size: 16px !important;
   line-height: 24px !important;
   margin-right: 24px !important; }
@@ -3611,8 +3611,8 @@ img, video {
       padding-left: 8px; }
     .sect-dropdown-wrap .sect-dropdown-input-wrap input[type=text], .sect-dropdown-wrap .sect-dropdown-input-wrap .checkbox-wrap .input-emp[type=text], .checkbox-wrap .sect-dropdown-wrap .sect-dropdown-input-wrap .input-emp[type=text], .sect-dropdown-wrap .sect-dropdown-input-wrap p {
       --text-opacity:1;
-      color: #0b0c0c;
-      color: rgba(11, 12, 12, var(--text-opacity));
+      color: #0d43a7;
+      color: rgba(13, 67, 167, var(--text-opacity));
       font-size: 16px;
       line-height: 20px; }
     .sect-dropdown-wrap .sect-dropdown-input-wrap p {
@@ -3639,8 +3639,8 @@ img, video {
     .sect-dropdown-wrap .sect-dropdown-card h1 {
       padding-left: 8px;
       padding-top: 16px;
-      color: #0b0c0c;
-      color: rgba(11, 12, 12, var(--text-opacity)); }
+      color: #0d43a7;
+      color: rgba(13, 67, 167, var(--text-opacity)); }
     .sect-dropdown-wrap .sect-dropdown-card h1, .sect-dropdown-wrap .sect-dropdown-card p {
       --text-opacity:1;
       font-size: 16px;
@@ -3669,8 +3669,8 @@ img, video {
     font-size: 19px;
     line-height: 23px;
     --text-opacity:1;
-    color: #0b0c0c;
-    color: rgba(11, 12, 12, var(--text-opacity));
+    color: #0d43a7;
+    color: rgba(13, 67, 167, var(--text-opacity));
     margin-bottom: 16px; }
 
 .searchBox {
@@ -3691,8 +3691,8 @@ img, video {
     -ms-flex-direction: row;
     flex-direction: row;
     --text-opacity:1;
-    color: #a82227;
-    color: rgba(168, 34, 39, var(--text-opacity)); }
+    color: #1359c8;
+    color: rgba(19, 89, 200, var(--text-opacity)); }
     .searchBox .searchAction .searchText {
       margin-left: 8px; }
 
@@ -3904,8 +3904,8 @@ video::-webkit-media-controls-panel {
 .customBtn, .customBtn-selected {
   background-color: #fff;
   background-color: rgba(255, 255, 255, var(--bg-opacity));
-  color: #0b0c0c;
-  color: rgba(11, 12, 12, var(--text-opacity));
+  color: #0d43a7;
+  color: rgba(13, 67, 167, var(--text-opacity));
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   display: inline-block;
@@ -3914,8 +3914,8 @@ video::-webkit-media-controls-panel {
   padding-left: 8px;
   padding-right: 8px;
   --border-opacity:1;
-  border: 1px solid #a82227;
-  border-color: rgba(168, 34, 39, var(--border-opacity));
+  border: 1px solid #2947a3;
+  border-color: rgba(41, 71, 163, var(--border-opacity));
   margin: 0 4.65% 0 0;
   height: 30px;
   line-height: 30px;
@@ -3927,8 +3927,8 @@ video::-webkit-media-controls-panel {
   --text-opacity:1; }
 
 .customBtn-selected {
-  background-color: #a82227;
-  background-color: rgba(168, 34, 39, var(--bg-opacity));
+  background-color: #2947a3;
+  background-color: rgba(41, 71, 163, var(--bg-opacity));
   color: #fff;
   color: rgba(255, 255, 255, var(--text-opacity));
   font-weight: 500;
@@ -4041,8 +4041,8 @@ video::-webkit-media-controls-panel {
       border-color: rgba(70, 70, 70, var(--border-opacity)); }
       .filters-wrapper .switch-wrapper label:hover {
         --border-opacity:1;
-        border: 1px solid #a82227;
-        border-color: rgba(168, 34, 39, var(--border-opacity)); }
+        border: 1px solid #2947a3;
+        border-color: rgba(41, 71, 163, var(--border-opacity)); }
 
 .pickerShadow {
   -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
@@ -4402,14 +4402,14 @@ video::-webkit-media-controls-panel {
     top: unset;
     position: relative !important;
     --text-opacity:1!important;
-    color: #0b0c0c !important;
-    color: rgba(11, 12, 12, var(--text-opacity)) !important; }
+    color: #0d43a7 !important;
+    color: rgba(13, 67, 167, var(--text-opacity)) !important; }
     .multilink-block-wrapper .multilink-labelWrap svg {
       fill: #505a5f; }
     .multilink-block-wrapper .multilink-labelWrap span {
       --text-opacity:1!important;
-      color: #0b0c0c !important;
-      color: rgba(11, 12, 12, var(--text-opacity)) !important; }
+      color: #0d43a7 !important;
+      color: rgba(13, 67, 167, var(--text-opacity)) !important; }
   .multilink-block-wrapper .multilink-optionWrap {
     top: 8px;
     right: -50%;
@@ -4494,8 +4494,8 @@ video::-webkit-media-controls-panel {
   font-size: 16px;
   line-height: 20px;
   --text-opacity:1;
-  color: #0b0c0c;
-  color: rgba(11, 12, 12, var(--text-opacity));
+  color: #0d43a7;
+  color: rgba(13, 67, 167, var(--text-opacity));
   width: 100%; }
   .multi-select-dropdown-wrap .master, .multi-select-dropdown-wrap .master-active {
     position: relative;
@@ -4530,13 +4530,13 @@ video::-webkit-media-controls-panel {
         width: 1.5rem; }
     .multi-select-dropdown-wrap .master:hover, .multi-select-dropdown-wrap .master-active:hover {
       --border-opacity:1;
-      border: 1px solid #a82227;
-      border-color: rgba(168, 34, 39, var(--border-opacity)); }
+      border: 1px solid #2947a3;
+      border-color: rgba(41, 71, 163, var(--border-opacity)); }
   .multi-select-dropdown-wrap .master-active {
     border-width: 1px;
     --border-opacity:1;
-    border-color: #a82227;
-    border-color: rgba(168, 34, 39, var(--border-opacity)); }
+    border-color: #2947a3;
+    border-color: rgba(41, 71, 163, var(--border-opacity)); }
     .multi-select-dropdown-wrap .master-active input[type=text], .multi-select-dropdown-wrap .master-active .checkbox-wrap .input-emp[type=text], .checkbox-wrap .multi-select-dropdown-wrap .master-active .input-emp[type=text] {
       opacity: 1; }
     .multi-select-dropdown-wrap .master-active .label {
@@ -4572,8 +4572,8 @@ video::-webkit-media-controls-panel {
         font-size: 16px;
         line-height: 20px;
         --text-opacity:1;
-        color: #0b0c0c;
-        color: rgba(11, 12, 12, var(--text-opacity)); }
+        color: #0d43a7;
+        color: rgba(13, 67, 167, var(--text-opacity)); }
       .multi-select-dropdown-wrap .server div .custom-checkbox, .multi-select-dropdown-wrap .server div .checkbox-wrap .custom-checkbox-emp, .checkbox-wrap .multi-select-dropdown-wrap .server div .custom-checkbox-emp {
         height: 28px;
         width: 28px;
@@ -4587,8 +4587,8 @@ video::-webkit-media-controls-panel {
       .multi-select-dropdown-wrap .server div input:checked ~ .custom-checkbox, .multi-select-dropdown-wrap .server div .checkbox-wrap .input-emp:checked ~ .custom-checkbox, .checkbox-wrap .multi-select-dropdown-wrap .server div .input-emp:checked ~ .custom-checkbox, .multi-select-dropdown-wrap .server div .checkbox-wrap input:checked ~ .custom-checkbox-emp, .checkbox-wrap .multi-select-dropdown-wrap .server div input:checked ~ .custom-checkbox-emp, .multi-select-dropdown-wrap .server div .checkbox-wrap .input-emp:checked ~ .custom-checkbox-emp, .checkbox-wrap .multi-select-dropdown-wrap .server div .input-emp:checked ~ .custom-checkbox-emp, .multi-select-dropdown-wrap .server div input:hover ~ .custom-checkbox, .multi-select-dropdown-wrap .server div .checkbox-wrap .input-emp:hover ~ .custom-checkbox, .checkbox-wrap .multi-select-dropdown-wrap .server div .input-emp:hover ~ .custom-checkbox, .multi-select-dropdown-wrap .server div .checkbox-wrap input:hover ~ .custom-checkbox-emp, .checkbox-wrap .multi-select-dropdown-wrap .server div input:hover ~ .custom-checkbox-emp, .multi-select-dropdown-wrap .server div .checkbox-wrap .input-emp:hover ~ .custom-checkbox-emp, .checkbox-wrap .multi-select-dropdown-wrap .server div .input-emp:hover ~ .custom-checkbox-emp {
         border-width: 1px;
         --border-opacity:1;
-        border-color: #a82227;
-        border-color: rgba(168, 34, 39, var(--border-opacity)); }
+        border-color: #2947a3;
+        border-color: rgba(41, 71, 163, var(--border-opacity)); }
       .multi-select-dropdown-wrap .server div input:checked ~ .custom-checkbox svg, .multi-select-dropdown-wrap .server div .checkbox-wrap .input-emp:checked ~ .custom-checkbox svg, .checkbox-wrap .multi-select-dropdown-wrap .server div .input-emp:checked ~ .custom-checkbox svg, .multi-select-dropdown-wrap .server div .checkbox-wrap input:checked ~ .custom-checkbox-emp svg, .checkbox-wrap .multi-select-dropdown-wrap .server div input:checked ~ .custom-checkbox-emp svg, .multi-select-dropdown-wrap .server div .checkbox-wrap .input-emp:checked ~ .custom-checkbox-emp svg, .checkbox-wrap .multi-select-dropdown-wrap .server div .input-emp:checked ~ .custom-checkbox-emp svg {
         opacity: 1; }
 
@@ -4638,8 +4638,8 @@ video::-webkit-media-controls-panel {
     font-size: 24px;
     line-height: 32px;
     --text-opacity:1;
-    color: #0b0c0c;
-    color: rgba(11, 12, 12, var(--text-opacity));
+    color: #0d43a7;
+    color: rgba(13, 67, 167, var(--text-opacity));
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
@@ -4651,8 +4651,8 @@ video::-webkit-media-controls-panel {
     font-size: 16px;
     line-height: 24px;
     --text-opacity:1;
-    color: #a82227;
-    color: rgba(168, 34, 39, var(--text-opacity)); }
+    color: #2947a3;
+    color: rgba(41, 71, 163, var(--text-opacity)); }
     .CitizenHomeCard .links a {
       display: block;
       padding-bottom: 8px; }
@@ -4788,8 +4788,8 @@ video::-webkit-media-controls-panel {
         font-size: 16px;
         line-height: 24px;
         --text-opacity:1;
-        color: #a82227;
-        color: rgba(168, 34, 39, var(--text-opacity));
+        color: #1359c8;
+        color: rgba(19, 89, 200, var(--text-opacity));
         width: 25%;
         display: inline-block; }
   .search-form-wrapper .submit {
@@ -4807,8 +4807,8 @@ video::-webkit-media-controls-panel {
       font-size: 16px;
       line-height: 24px;
       --text-opacity:1;
-      color: #a82227;
-      color: rgba(168, 34, 39, var(--text-opacity));
+      color: #1359c8;
+      color: rgba(19, 89, 200, var(--text-opacity));
       width: 100%;
       display: inline-block; }
   .search-form-wrapper .pt-property-search {
@@ -4999,15 +4999,15 @@ video::-webkit-media-controls-panel {
     margin-bottom: 24px; }
     .CardBasedOptions .headContent h2 {
       font-weight: 700;
-      color: #0b0c0c;
-      color: rgba(11, 12, 12, var(--text-opacity)); }
+      color: #0d43a7;
+      color: rgba(13, 67, 167, var(--text-opacity)); }
     .CardBasedOptions .headContent h2, .CardBasedOptions .headContent p {
       font-size: 16px;
       line-height: 24px;
       --text-opacity:1; }
     .CardBasedOptions .headContent p {
-      color: #a82227;
-      color: rgba(168, 34, 39, var(--text-opacity));
+      color: #2947a3;
+      color: rgba(41, 71, 163, var(--text-opacity));
       font-weight: 500;
       cursor: pointer; }
   .CardBasedOptions .mainContent {
@@ -5091,17 +5091,17 @@ video::-webkit-media-controls-panel {
   background-color: #fff;
   background-color: rgba(255, 255, 255, var(--bg-opacity));
   --border-opacity:1;
-  border-color: #a82227;
+  border-color: #2947a3;
   border-left: 4px;
   border-style: solid;
-  border-color: rgba(168, 34, 39, var(--border-opacity));
+  border-color: rgba(41, 71, 163, var(--border-opacity));
   padding: 8px; }
   .WhatsNewCard h2 {
     font-size: 16px;
     line-height: 24px;
     --text-opacity:1;
-    color: #0b0c0c;
-    color: rgba(11, 12, 12, var(--text-opacity));
+    color: #0d43a7;
+    color: rgba(13, 67, 167, var(--text-opacity));
     font-weight: 500;
     margin-bottom: 4px; }
   .WhatsNewCard p {
@@ -5114,8 +5114,8 @@ video::-webkit-media-controls-panel {
     margin-bottom: 8px; }
   .WhatsNewCard a {
     display: block;
-    color: #a82227;
-    color: rgba(168, 34, 39, var(--text-opacity)); }
+    color: #2947a3;
+    color: rgba(41, 71, 163, var(--text-opacity)); }
 
 .SearchOnRadioButton svg {
   fill: #505a5f;
@@ -5127,8 +5127,8 @@ video::-webkit-media-controls-panel {
 
 .EventCalendarView .MonthViewInEventCalendar {
   --bg-opacity:1;
-  background-color: #a82227;
-  background-color: rgba(168, 34, 39, var(--bg-opacity));
+  background-color: #2947a3;
+  background-color: rgba(41, 71, 163, var(--bg-opacity));
   font-size: 19px;
   line-height: 23px;
   --text-opacity:1;
@@ -5147,8 +5147,8 @@ video::-webkit-media-controls-panel {
   line-height: 32px;
   font-weight: 700;
   --text-opacity:1;
-  color: #a82227;
-  color: rgba(168, 34, 39, var(--text-opacity));
+  color: #2947a3;
+  color: rgba(41, 71, 163, var(--text-opacity));
   text-align: center;
   padding-top: 16px;
   padding-bottom: 16px; }
@@ -5178,8 +5178,8 @@ video::-webkit-media-controls-panel {
       font-weight: 700;
       margin-bottom: 16px;
       --text-opacity:1;
-      color: #0b0c0c;
-      color: rgba(11, 12, 12, var(--text-opacity)); }
+      color: #0d43a7;
+      color: rgba(13, 67, 167, var(--text-opacity)); }
     .OnGroundEventCard .EventDetails .EventLocation {
       margin-bottom: 16px; }
       .OnGroundEventCard .EventDetails .EventLocation svg {
@@ -5189,8 +5189,8 @@ video::-webkit-media-controls-panel {
         font-size: 14px;
         line-height: 16px;
         --text-opacity:1;
-        color: #0b0c0c;
-        color: rgba(11, 12, 12, var(--text-opacity));
+        color: #0d43a7;
+        color: rgba(13, 67, 167, var(--text-opacity));
         margin-left: 8px; }
     .OnGroundEventCard .EventDetails .EventLocation, .OnGroundEventCard .EventDetails .EventTime {
       display: -webkit-box;
@@ -5203,15 +5203,15 @@ video::-webkit-media-controls-panel {
       font-size: 14px;
       line-height: 16px;
       --text-opacity:1;
-      color: #0b0c0c;
-      color: rgba(11, 12, 12, var(--text-opacity));
+      color: #0d43a7;
+      color: rgba(13, 67, 167, var(--text-opacity));
       margin-left: 8px; }
     .OnGroundEventCard .EventDetails .EventCategory p {
       font-size: 14px;
       line-height: 16px;
       --text-opacity:1;
-      color: #0b0c0c;
-      color: rgba(11, 12, 12, var(--text-opacity)); }
+      color: #0d43a7;
+      color: rgba(13, 67, 167, var(--text-opacity)); }
 
 @media (min-width: 780px) {
   .OnGroundEventCard .EventDetails .EventLocation p {
@@ -5250,8 +5250,8 @@ video::-webkit-media-controls-panel {
   .popupModalHeading .popupResetFormButton {
     padding: 8px;
     --border-opacity:1;
-    border: 1px solid #0b0c0c;
-    border-color: rgba(11, 12, 12, var(--border-opacity));
+    border: 1px solid #0d43a7;
+    border-color: rgba(13, 67, 167, var(--border-opacity));
     --border-opacity:0.25;
     -ms-flex-item-align: center;
     align-self: center; }
@@ -5370,7 +5370,7 @@ video::-webkit-media-controls-panel {
     text-align: right; }
     .search-form-wns-inbox .clear-search-container .clear-search {
       width: 100%;
-      color: #f47738; }
+      color: #2947a3 !important; }
   .search-form-wns-inbox button {
     width: 100%; }
   .search-form-wns-inbox .filter-form {
@@ -5729,6 +5729,9 @@ video::-webkit-media-controls-panel {
     -ms-flex-line-pack: center;
     align-content: center; }
 
+.employeeCard {
+  width: 100% !important; }
+
 .banner .bannerCard {
   min-width: 420px !important;
   background-color: initial; }
@@ -5819,7 +5822,7 @@ video::-webkit-media-controls-panel {
   font-size: 16px !important;
   line-height: 21.7px !important;
   color: #232323;
-  font-family: "Noto Sans,sans-serif"; }
+  font-family: Noto Sans; }
 
 @media screen and (max-width: 768px) {
   .employeeChangePassword .employeeCard .card-text {
@@ -6154,8 +6157,7 @@ video::-webkit-media-controls-panel {
   background-color: "#152265";
   text-align: "center";
   color: #fff;
-  margin-top: 170px;
-  border: 1px solid #000; }
+  margin-top: 170px; }
 
 .footerText {
   display: "flex";
@@ -6282,13 +6284,9 @@ video::-webkit-media-controls-panel {
   padding-top: 88px; }
 
 .employee .submit-bar header {
-  height: 55px !important;
+  height: 2rem !important;
   line-height: 2rem !important;
-  background-color: #2947a3;
-  border-radius: 8px;
-  border: transparent;
-  -ms-flex-line-pack: center;
-  align-content: center; }
+  background-color: #2947a3; }
 
 .employee .loginContainer {
   padding-top: 88px;
@@ -6590,8 +6588,8 @@ video::-webkit-media-controls-panel {
 
 .link {
   --text-opacity:1;
-  color: #a82227;
-  color: rgba(168, 34, 39, var(--text-opacity));
+  color: #2947a3;
+  color: rgba(41, 71, 163, var(--text-opacity));
   cursor: pointer; }
   .link :hover {
     --text-opacity:1;
@@ -6780,7 +6778,17 @@ video::-webkit-media-controls-panel {
 
 @media only screen and (min-width: 300px) {
   .employee .card-home {
-    height: 220px; } }
+    height: 220px;
+    border-radius: 12px; } }
+
+.pageCard {
+  width: 100%;
+  height: 100%;
+  padding: 48px;
+  grid-gap: 48px;
+  gap: 48px;
+  border-radius: 24px;
+  background: #fff; }
 
 .flex-fit {
   display: -webkit-box;
@@ -6876,8 +6884,8 @@ video::-webkit-media-controls-panel {
 .heading-m {
   font-weight: 700;
   --text-opacity:1;
-  color: #0b0c0c;
-  color: rgba(11, 12, 12, var(--text-opacity));
+  color: #0d43a7;
+  color: rgba(13, 67, 167, var(--text-opacity));
   font-size: 18px;
   line-height: 28px;
   margin-left: 16px;
@@ -6994,8 +7002,8 @@ video::-webkit-media-controls-panel {
       width: 56px;
       height: 56px;
       --bg-opacity:1;
-      background-color: #a82227;
-      background-color: rgba(168, 34, 39, var(--bg-opacity));
+      background-color: #1359c8;
+      background-color: rgba(19, 89, 200, var(--bg-opacity));
       padding: 12px;
       border-radius: 4px; }
       .complaint-links-container .header .logo svg {
@@ -7022,15 +7030,15 @@ video::-webkit-media-controls-panel {
     .complaint-links-container .body .link {
       padding: 8px;
       --text-opacity:1;
-      color: #a82227;
-      color: rgba(168, 34, 39, var(--text-opacity));
+      color: #2947a3;
+      color: rgba(41, 71, 163, var(--text-opacity));
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box !important;
       display: -ms-flexbox !important;
       display: flex !important;
-      color: #a82227 !important; }
+      color: #2947a3 !important; }
     .complaint-links-container .body .inbox-total {
       padding: 4px;
       display: table;
@@ -7042,11 +7050,11 @@ video::-webkit-media-controls-panel {
       width: 2rem;
       height: 2rem;
       --bg-opacity:1;
-      background-color: #a82227;
-      background-color: rgba(168, 34, 39, var(--bg-opacity));
+      background-color: #2947a3;
+      background-color: rgba(41, 71, 163, var(--bg-opacity));
       border-radius: 9999px;
       margin-left: 4px;
-      background-color: #a82227 !important; }
+      background-color: #1359c8 !important; }
   .complaint-links-container .links-wrapper {
     padding-left: 16px;
     padding-top: 8px;
@@ -7077,8 +7085,8 @@ video::-webkit-media-controls-panel {
 
 .filter-button {
   --text-opacity:1;
-  color: #a82227;
-  color: rgba(168, 34, 39, var(--text-opacity)); }
+  color: #2947a3;
+  color: rgba(41, 71, 163, var(--text-opacity)); }
   .filter-button:hover {
     --text-opacity:1;
     color: #c8602b;
@@ -7143,8 +7151,8 @@ video::-webkit-media-controls-panel {
   font-size: 16px;
   line-height: 20px;
   --text-opacity:1;
-  color: #0b0c0c;
-  color: rgba(11, 12, 12, var(--text-opacity));
+  color: #0d43a7;
+  color: rgba(13, 67, 167, var(--text-opacity));
   display: block;
   margin-bottom: 16px; }
 
@@ -7207,8 +7215,8 @@ video::-webkit-media-controls-panel {
       flex-direction: column; }
       .inbox-container .filters-container .search-complaint-container .complaint-input-container .complaint-input .clear-search {
         --text-opacity:1;
-        color: #a82227;
-        color: rgba(168, 34, 39, var(--text-opacity));
+        color: #1359c8;
+        color: rgba(19, 89, 200, var(--text-opacity));
         display: none; }
         .inbox-container .filters-container .search-complaint-container .complaint-input-container .complaint-input .clear-search:hover {
           color: #003078;
@@ -7219,16 +7227,16 @@ video::-webkit-media-controls-panel {
 
 .clear-search, .clear-search .link-label {
   --text-opacity:1;
-  color: #a82227;
-  color: rgba(168, 34, 39, var(--text-opacity));
+  color: #1359c8;
+  color: rgba(19, 89, 200, var(--text-opacity));
   display: block;
   cursor: pointer; }
   .clear-search:hover, .clear-search .link-label:hover {
     color: #000; }
 
 .button-clear {
-  color: #a82227;
-  color: rgba(168, 34, 39, var(--text-opacity)); }
+  color: #1359c8;
+  color: rgba(19, 89, 200, var(--text-opacity)); }
 
 .button-clear, .inbox-count {
   --text-opacity:1;
@@ -7240,8 +7248,8 @@ video::-webkit-media-controls-panel {
   margin-left: 8px;
   padding: 8px;
   --bg-opacity:1;
-  background-color: #a82227;
-  background-color: rgba(168, 34, 39, var(--bg-opacity));
+  background-color: #2947a3;
+  background-color: rgba(41, 71, 163, var(--bg-opacity));
   border-radius: 9999px;
   color: #fff;
   color: rgba(255, 255, 255, var(--text-opacity));
@@ -7267,8 +7275,8 @@ video::-webkit-media-controls-panel {
       border-color: rgba(214, 213, 212, var(--border-opacity)); }
       .complaint-links-container .header .logo {
         --bg-opacity:1;
-        background-color: #a82227;
-        background-color: rgba(168, 34, 39, var(--bg-opacity));
+        background-color: #1359c8;
+        background-color: rgba(19, 89, 200, var(--bg-opacity));
         padding: 12px;
         border-radius: 4px; }
       .complaint-links-container .header .text {
@@ -7293,8 +7301,8 @@ video::-webkit-media-controls-panel {
         color: #a82227 !important;
         padding: 8px;
         --text-opacity:1;
-        color: #a82227;
-        color: rgba(168, 34, 39, var(--text-opacity)); }
+        color: #2947a3;
+        color: rgba(41, 71, 163, var(--text-opacity)); }
   .inboxLinks {
     margin: 0 !important;
     padding: 0 !important; }
@@ -7308,7 +7316,7 @@ video::-webkit-media-controls-panel {
         background-color: #fff;
         background-color: rgba(255, 255, 255, var(--bg-opacity)); }
         .inboxLinks .header .logo svg path {
-          fill: #a82227; }
+          fill: #1359c8; }
     .inboxLinks .body {
       margin-left: 0; }
   .filter-form .filter-card {
@@ -7420,8 +7428,8 @@ video::-webkit-media-controls-panel {
             flex-direction: column; }
             .inbox-container .search-container .search-complaint-container .complaint-input-container .complaint-input .clear-search {
               --text-opacity:1;
-              color: #a82227;
-              color: rgba(168, 34, 39, var(--text-opacity));
+              color: #1359c8;
+              color: rgba(19, 89, 200, var(--text-opacity));
               display: block;
               cursor: pointer; }
               .inbox-container .search-container .search-complaint-container .complaint-input-container .complaint-input .clear-search:hover {
@@ -7457,8 +7465,8 @@ video::-webkit-media-controls-panel {
   color: #505a5f; }
 
 .sla-cell-error {
-  color: #d4351c;
-  background-color: rgba(212, 53, 28, 0.12);
+  color: #2947a3;
+  background-color: #f5fbff;
   padding: 0 24px;
   border-radius: 11px; }
 
@@ -7567,7 +7575,7 @@ video::-webkit-media-controls-panel {
   margin: 0 !important; }
 
 .complaint-links-container .body .link {
-  color: #a82227 !important; }
+  color: #2947a3 !important; }
 
 .employee .customEmployeeCard:nth-child(odd) .employeeCustomCard {
   background-color: #fff;
@@ -7652,25 +7660,49 @@ video::-webkit-media-controls-panel {
 .registryTable tBody tr td {
   text-align: left; }
 
-.dashboardCardTypeOne {
-  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
-  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
-  background: #fff;
-  height: 188px;
-  padding: 16px 20px;
-  grid-gap: 24px;
-  gap: 24px;
-  border-radius: 8px 0 0 0;
-  border-top: 5px solid #2947a3;
-  opacity: 1; }
-
-.dashboardCardTypeOneHeader {
-  color: #14346d;
-  font-family: Roboto;
-  font-size: 20px;
-  font-weight: 500;
-  line-height: 24px;
-  text-align: left; }
+@media only screen and (max-width: 640px) {
+  .dashboardCardTypeOne {
+    -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
+    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
+    background: #fff;
+    height: 188px;
+    padding: 16px 20px;
+    grid-gap: 24px;
+    gap: 24px;
+    border-radius: 8px 0 0 0;
+    border-top: 5px solid #2947a3;
+    opacity: 1;
+    width: 87%; }
+  .dashboardCardTypeOneHeader {
+    color: #14346d;
+    font-family: Roboto;
+    font-size: 20px;
+    font-weight: 500;
+    line-height: 24px;
+    text-align: center;
+    word-wrap: break-word;
+    margin-left: 10%; } }
+
+@media only screen and (min-width: 641px) {
+  .dashboardCardTypeOne {
+    -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
+    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
+    background: #fff;
+    height: 188px;
+    padding: 16px 20px;
+    grid-gap: 24px;
+    gap: 24px;
+    border-radius: 8px 0 0 0;
+    border-top: 5px solid #2947a3;
+    opacity: 1;
+    width: 100%; }
+  .dashboardCardTypeOneHeader {
+    color: #14346d;
+    font-family: Roboto;
+    font-size: 20px;
+    font-weight: 500;
+    line-height: 24px;
+    text-align: left; } }
 
 .secondary-action {
   display: inline;
@@ -8193,9 +8225,6 @@ body {
     .help-section-button {
       margin-right: 20px; } }
 
-.help-section-icon {
-  margin-right: 10px; }
-
 .help-section-text-container {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -8218,6 +8247,22 @@ body {
   font-weight: 600;
   color: #61646b; }
 
+.help-section-icon {
+  width: 70px;
+  height: 70px;
+  background: -webkit-gradient(linear, left top, left bottom, from(#ff895e), to(#d8693f));
+  background: linear-gradient(#ff895e, #d8693f);
+  border-radius: 50%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
+
 .about-section, .middle-section {
   padding: 20px 60px; }
 
@@ -8268,6 +8313,108 @@ body {
     .about-left-half, .about-right-half {
       width: 48%; } }
 
+.footer-bottom {
+  background-color: #294a97;
+  width: 100%;
+  min-height: 200px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -ms-flex-pack: distribute;
+  justify-content: space-around;
+  padding: 50px 50px 20px;
+  font-family: Poppins;
+  font-size: 14px; }
+  @media (max-width: 639px) {
+    .footer-bottom {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+      flex-direction: column;
+      -webkit-box-align: center;
+      -ms-flex-align: center;
+      align-items: center;
+      padding-left: 0;
+      padding-bottom: 20px;
+      padding-right: 0;
+      padding-top: 20px; } }
+
+[dir=ltr] .footer-bottom-first {
+  text-align: left; }
+
+[dir=rtl] .footer-bottom-first {
+  text-align: right; }
+
+.footer-bottom-first h2 {
+  margin-bottom: 10px; }
+
+.footer-bottom-first ul {
+  list-style-type: disc;
+  padding: 0 15px; }
+
+.footer-bottom-first li {
+  margin: 5px 0;
+  padding-left: 10px; }
+
+.footer-bottom-first a {
+  text-decoration: none; }
+
+@media (max-width: 639px) {
+  .footer-bottom-first {
+    padding-left: 0;
+    padding-bottom: 20px;
+    padding-right: 0;
+    padding-top: 20px; } }
+
+[dir=ltr] .footer-bottom-fourth, [dir=ltr] .footer-bottom-second, [dir=ltr] .footer-bottom-third {
+  text-align: left; }
+
+[dir=rtl] .footer-bottom-fourth, [dir=rtl] .footer-bottom-second, [dir=rtl] .footer-bottom-third {
+  text-align: right; }
+
+.footer-bottom-fourth [dir=ltr] h1, .footer-bottom-second [dir=ltr] h1, .footer-bottom-third [dir=ltr] h1 {
+  text-align: left; }
+
+.footer-bottom-fourth [dir=rtl] h1, .footer-bottom-second [dir=rtl] h1, .footer-bottom-third [dir=rtl] h1 {
+  text-align: right; }
+
+.footer-bottom-fourth h1, .footer-bottom-second h1, .footer-bottom-third h1 {
+  margin-bottom: 10px;
+  text-decoration: underline; }
+
+.footer-bottom-fourth [dir=ltr] ul, .footer-bottom-second [dir=ltr] ul, .footer-bottom-third [dir=ltr] ul {
+  text-align: left; }
+
+.footer-bottom-fourth [dir=rtl] ul, .footer-bottom-second [dir=rtl] ul, .footer-bottom-third [dir=rtl] ul {
+  text-align: right; }
+
+.footer-bottom-fourth ul, .footer-bottom-second ul, .footer-bottom-third ul {
+  list-style-type: disc;
+  padding: 0 25px; }
+
+.footer-bottom-fourth li, .footer-bottom-second li, .footer-bottom-third li {
+  margin: 5px 0;
+  padding-left: 10px; }
+
+.footer-bottom-fourth a, .footer-bottom-second a, .footer-bottom-third a {
+  text-decoration: none; }
+
+@media (max-width: 639px) {
+  .footer-bottom-fourth, .footer-bottom-second, .footer-bottom-third {
+    padding-left: 0;
+    padding-bottom: 20px;
+    padding-right: 0;
+    padding-top: 0; }
+    .footer-bottom-fourth h1, .footer-bottom-fourth ul, .footer-bottom-second h1, .footer-bottom-second ul, .footer-bottom-third h1, .footer-bottom-third ul {
+      text-align: center; } }
+
 .payment-amount-info {
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
@@ -8348,16 +8495,16 @@ body {
       justify-content: space-between; }
       .HomePageWrapper .WhatsNewSection .headSection h2 {
         font-weight: 700;
-        color: #0b0c0c;
-        color: rgba(11, 12, 12, var(--text-opacity));
+        color: #0d43a7;
+        color: rgba(13, 67, 167, var(--text-opacity));
         padding-left: 8px; }
       .HomePageWrapper .WhatsNewSection .headSection h2, .HomePageWrapper .WhatsNewSection .headSection p {
         font-size: 16px;
         line-height: 24px;
         --text-opacity:1; }
       .HomePageWrapper .WhatsNewSection .headSection p {
-        color: #a82227;
-        color: rgba(168, 34, 39, var(--text-opacity));
+        color: #2947a3;
+        color: rgba(41, 71, 163, var(--text-opacity));
         font-weight: 500;
         cursor: pointer; }
     @media (min-width: 780px) {
@@ -8494,8 +8641,8 @@ body {
         margin-bottom: 8px; }
       .eventAddressAndDirection span div .direction {
         --text-opacity:1;
-        color: #a82227;
-        color: rgba(168, 34, 39, var(--text-opacity));
+        color: #2947a3;
+        color: rgba(41, 71, 163, var(--text-opacity));
         cursor: pointer; }
 
 .eventTimeRange {
@@ -8946,8 +9093,8 @@ body {
 .surveyListclockDiv span {
   padding-left: 16px;
   --text-opacity:1;
-  color: #0b0c0c;
-  color: rgba(11, 12, 12, var(--text-opacity)); }
+  color: #0d43a7;
+  color: rgba(13, 67, 167, var(--text-opacity)); }
 
 .surveyListstatus {
   display: -webkit-box;
@@ -8967,8 +9114,8 @@ body {
 
 .surveyLisResponded {
   --text-opacity:1;
-  color: #00703c;
-  color: rgba(0, 112, 60, var(--text-opacity)); }
+  color: #05a660;
+  color: rgba(5, 166, 96, var(--text-opacity)); }
 
 .surveyListCardMargin {
   margin: 24px 16px; }
@@ -9364,6 +9511,32 @@ body {
   padding: 0;
   background: none; }
 
+.survey-grid-container {
+  display: grid;
+  grid-gap: 16px;
+  gap: 16px; }
+
+.survey-grid-container-input {
+  padding: 8px;
+  border: 1px solid #ccc;
+  border-radius: 4px; }
+
+@media (min-width: 320px) {
+  .survey-grid-container {
+    grid-template-columns: repeat(1, 1fr); } }
+
+@media (min-width: 480px) {
+  .survey-grid-container {
+    grid-template-columns: repeat(2, 1fr); } }
+
+@media (min-width: 768px) {
+  .survey-grid-container {
+    grid-template-columns: repeat(3, 1fr); } }
+
+@media (min-width: 1024px) {
+  .survey-grid-container {
+    grid-template-columns: repeat(4, 1fr); } }
+
 .frame-54925, .frame-54925 * {
   -webkit-box-sizing: border-box;
   box-sizing: border-box; }
@@ -9820,6 +9993,158 @@ body {
   outline: "none";
   font-size: "29px"; }
 
+.employee-dashboard-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  grid-gap: 20px;
+  gap: 20px;
+  margin: 20px; }
+  .employee-dashboard-container .employee-dashboard-welcome-card {
+    height: 160px;
+    border-radius: 12px;
+    padding: 20px;
+    margin-top: 20px;
+    position: relative; }
+    .employee-dashboard-container .employee-dashboard-welcome-card .employee-dashboard-welcome-card-entire-content {
+      width: 374px;
+      height: 108px;
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+      flex-direction: column;
+      grid-gap: 16px;
+      gap: 16px;
+      top: 32px;
+      left: 32px; }
+    .employee-dashboard-container .employee-dashboard-welcome-card .employee-dashboard-welcome-card-heading {
+      font-family: Noto Sans;
+      font-weight: 500;
+      font-size: 28px;
+      line-height: 32px;
+      letter-spacing: 0;
+      color: #fff; }
+    .employee-dashboard-container .employee-dashboard-welcome-card .employee-dashboard-welcome-card-content {
+      color: #fff;
+      font-family: Noto Sans;
+      font-weight: 400;
+      font-size: 14px;
+      line-height: 20px;
+      letter-spacing: .25px; }
+  .employee-dashboard-container .employee-dashboard-card-grid {
+    display: grid;
+    grid-template-columns: repeat(1, 1fr);
+    grid-gap: 20px;
+    gap: 20px; }
+    @media (min-width: 600px) {
+      .employee-dashboard-container .employee-dashboard-card-grid {
+        grid-template-columns: repeat(2, 1fr); } }
+    @media (min-width: 1024px) {
+      .employee-dashboard-container .employee-dashboard-card-grid {
+        grid-template-columns: repeat(4, 1fr); } }
+  .employee-dashboard-container .employee-dashboard-card {
+    padding: 20px;
+    border-radius: 12px;
+    position: relative; }
+    .employee-dashboard-container .employee-dashboard-card .employee-dashboard-card-heading-container {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-align: center;
+      -ms-flex-align: center;
+      align-items: center;
+      margin-bottom: 10px;
+      grid-gap: 5px;
+      gap: 5px; }
+    .employee-dashboard-container .employee-dashboard-card .employee-dashboard-card-heading {
+      font-size: 22px;
+      color: #fff;
+      font-family: Noto Sans;
+      font-weight: 400;
+      line-height: 28px;
+      letter-spacing: 0; }
+    .employee-dashboard-container .employee-dashboard-card .employee-dashboard-card-content {
+      color: #fff;
+      font-family: Noto Sans;
+      font-weight: 400;
+      font-size: 14px;
+      line-height: 20px;
+      letter-spacing: .25px; }
+  .employee-dashboard-container .employee-dashboard-table-and-services {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    grid-gap: 20px;
+    gap: 20px; }
+    @media (min-width: 1024px) {
+      .employee-dashboard-container .employee-dashboard-table-and-services {
+        -webkit-box-orient: horizontal;
+        -webkit-box-direction: normal;
+        -ms-flex-direction: row;
+        flex-direction: row; } }
+    .employee-dashboard-container .employee-dashboard-table-and-services .employee-dashboard-table-container {
+      -webkit-box-flex: 1;
+      -ms-flex: 1;
+      flex: 1; }
+      .employee-dashboard-container .employee-dashboard-table-and-services .employee-dashboard-table-container .employee-dashboard-table-header {
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+        -webkit-box-pack: justify;
+        -ms-flex-pack: justify;
+        justify-content: space-between; }
+        .employee-dashboard-container .employee-dashboard-table-and-services .employee-dashboard-table-container .employee-dashboard-table-header .employee-dashboard-table-title {
+          color: "white";
+          font-family: Manrope;
+          font-weight: 700;
+          font-size: 20px;
+          line-height: 27.32px;
+          letter-spacing: 0; }
+        .employee-dashboard-container .employee-dashboard-table-and-services .employee-dashboard-table-container .employee-dashboard-table-header .employee-dashboard-view-all-link {
+          color: #00f; }
+      .employee-dashboard-container .employee-dashboard-table-and-services .employee-dashboard-table-container .employee-dashboard-table-content {
+        overflow: auto;
+        width: 100%; }
+    .employee-dashboard-container .employee-dashboard-table-and-services .employee-dashboard-quick-services-container {
+      -webkit-box-flex: 1;
+      -ms-flex: 1;
+      flex: 1; }
+      .employee-dashboard-container .employee-dashboard-table-and-services .employee-dashboard-quick-services-container .employee-dashboard-quick-services-header {
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+        -webkit-box-pack: justify;
+        -ms-flex-pack: justify;
+        justify-content: space-between; }
+        .employee-dashboard-container .employee-dashboard-table-and-services .employee-dashboard-quick-services-container .employee-dashboard-quick-services-header .employee-dashboard-quick-services-title {
+          color: "#000";
+          font-family: Manrope;
+          font-weight: 700;
+          font-size: 20px;
+          line-height: 27.32px;
+          letter-spacing: 0; }
+        .employee-dashboard-container .employee-dashboard-table-and-services .employee-dashboard-quick-services-container .employee-dashboard-quick-services-header .employee-dashboard-view-all-link {
+          color: #00f; }
+      .employee-dashboard-container .employee-dashboard-table-and-services .employee-dashboard-quick-services-container .employee-dashboard-module-card-wrapper {
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+        -ms-flex-wrap: wrap;
+        flex-wrap: wrap;
+        grid-gap: 20px;
+        gap: 20px; }
+
 .display-none {
   display: none; }
 
@@ -9875,8 +10200,8 @@ body {
 
 .dark {
   --text-opacity:1;
-  color: #0b0c0c;
-  color: rgba(11, 12, 12, var(--text-opacity)); }
+  color: #0d43a7;
+  color: rgba(13, 67, 167, var(--text-opacity)); }
 
 .mrlg {
   margin-right: 24px; }
@@ -9894,7 +10219,7 @@ body {
     color: #1d70b8; }
 
 .clear-search-label {
-  color: #a82227;
+  color: #2947a3;
   cursor: pointer; }
 
 .search-submit-bar {
@@ -10175,8 +10500,8 @@ input[type=number], .checkbox-wrap .input-emp[type=number] {
   width: 100%; }
   .text-input input:hover, .text-input .checkbox-wrap .input-emp:hover, .checkbox-wrap .text-input .input-emp:hover {
     --border-opacity:1;
-    border: 1px solid #a82227;
-    border-color: rgba(168, 34, 39, var(--border-opacity)); }
+    border: 1px solid #2947a3;
+    border-color: rgba(41, 71, 163, var(--border-opacity)); }
 
 .text-input-width {
   max-width: 540px; }
@@ -10375,6 +10700,24 @@ input[type=number], .checkbox-wrap .input-emp[type=number] {
     width: unset;
     margin-right: 1rem; }
 
+.ws-button {
+  border: 1px solid grey;
+  background-color: grey; }
+
+.ws-button, .ws-search-button {
+  display: block;
+  height: 50%;
+  width: 80%;
+  text-align: "center";
+  margin-top: 6%;
+  color: "white"; }
+
+.ws-search-button {
+  border: 1px solid #000; }
+
+.button {
+  color: "white"; }
+
 .connection-details-old-value-wrapper .old-value-null-wrapper, .plumber-details-old-value-wrapper .old-value-null-wrapper {
   visibility: hidden;
   padding-bottom: 8px;