@pmidc/upyog-css 1.0.1 → 1.0.3

package/dist/index.css

@@ -867,8 +867,8 @@ img, video {
 
 .body-container, body {
   --bg-opacity:1;
-  background-color: #e3e3e3;
-  background-color: rgba(227, 227, 227, var(--bg-opacity)); }
+  background-color: #f5f7fa;
+  background-color: rgba(245, 247, 250, var(--bg-opacity)); }
 
 .body-container {
   height: 100%;
@@ -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;
@@ -1296,8 +1296,8 @@ img, video {
   background-color: rgba(255, 255, 255, var(--bg-opacity));
   margin: 8px;
   padding: 16px 16px 24px;
-  -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);
+  -webkit-box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
+  box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
   border-radius: 4px;
   max-width: 960px; }
   .card .card-header, .card-emp .card-header {
@@ -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,9 +1395,11 @@ img, video {
   --bg-opacity:1;
   background-color: #fff;
   background-color: rgba(255, 255, 255, var(--bg-opacity));
-  padding: 16px;
+  padding: 48px;
   margin-bottom: 64px;
-  border-radius: 4px; }
+  -webkit-box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
+  box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
+  border-radius: 8px; }
   .employeeCard .card-header {
     font-size: 32px;
     line-height: 40px;
@@ -1405,8 +1407,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; }
@@ -1416,11 +1418,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; }
@@ -1439,24 +1441,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; }
@@ -1517,22 +1519,26 @@ img, video {
   font-weight: 500;
   font-size: 19px;
   line-height: 23px;
-  --text-opacity:1;
-  color: #fff;
-  color: rgba(255, 255, 255, var(--text-opacity));
   line-height: 2.5rem; }
 
 .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;
   outline-offset: 2px;
+  --text-opacity:1;
+  color: #fff;
+  color: rgba(255, 255, 255, var(--text-opacity));
+  width: 175px;
+  border-radius: 8px;
   outline: 2px solid transparent;
-  outline-offset: 2px; }
+  outline-offset: 2px;
+  --text-opacity:1;
+  color: #fff;
+  color: rgba(255, 255, 255, var(--text-opacity)); }
 
 .submit-bar-disabled {
   opacity: .5; }
@@ -1541,15 +1547,13 @@ img, video {
     font-weight: 500;
     font-size: 19px;
     line-height: 23px;
-    --text-opacity:1;
-    color: #fff;
-    color: rgba(255, 255, 255, var(--text-opacity));
     line-height: 2.5rem;
     line-height: 2rem !important; }
 
 @media (min-width: 780px) {
   .submit-bar, .submit-bar-disabled {
-    width: 240px;
+    width: 175px;
+    border-radius: 8px;
     height: 2rem !important; }
   .card, .card-emp {
     display: -webkit-box;
@@ -1596,8 +1600,8 @@ img, video {
       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 +1659,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 +1742,7 @@ img, video {
   width: 100% !important; }
 
 .language-selector .submit-bar, .submit-bar-disabled {
-  background-color: #5a1166 !important; }
+  background-color: rgba(178, 196, 239, 0.8) !important; }
 
 .owner-details {
   display: -webkit-box;
@@ -1761,8 +1765,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 +1813,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 +1840,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 +1889,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 +1907,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 +1917,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 +1965,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 +1980,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 +2003,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 +2023,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 +2060,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 +2112,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 +2135,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 +2150,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 +2183,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 +2216,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 +2242,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;
@@ -2275,7 +2279,8 @@ img, video {
   --border-opacity:1;
   border: 1px solid #d4351c;
   border-color: rgba(212, 53, 28, var(--border-opacity));
-  line-height: 2.5rem; }
+  line-height: 2.5rem;
+  border-radius: 8px; }
 
 .card-textarea, .employee-card-input-error, .employee-card-textarea {
   margin-bottom: 24px;
@@ -2289,8 +2294,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 +2351,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 +2374,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 +2543,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 +2556,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 +2643,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 +2706,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 +2754,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 +2763,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 +2799,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 +2842,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 +2940,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 +2980,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 +3021,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;
@@ -3036,13 +3041,14 @@ img, video {
   box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.16);
   max-width: 480px;
   z-index: 100;
+  height: 80px;
   left: 0;
   bottom: 0;
   width: 100%;
   --bg-opacity:1;
   background-color: #fff;
   background-color: rgba(255, 255, 255, var(--bg-opacity));
-  padding: 8px;
+  padding: 24px 48px;
   position: fixed;
   text-align: right; }
   .action-bar-wrap div {
@@ -3069,8 +3075,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;
@@ -3089,8 +3095,8 @@ img, video {
     --bg-opacity:1;
     background-color: #fff;
     background-color: rgba(255, 255, 255, var(--bg-opacity));
-    padding-top: 8px;
-    padding-bottom: 8px;
+    padding-top: 24px;
+    padding-bottom: 24px;
     padding-right: 24px;
     text-align: right; }
     .action-bar-wrap div {
@@ -3118,8 +3124,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 +3156,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;
@@ -3185,7 +3191,8 @@ img, video {
   --bg-opacity:1;
   background-color: #fff;
   background-color: rgba(255, 255, 255, var(--bg-opacity));
-  width: 100%; }
+  width: 100%;
+  border-radius: 8px; }
   .table thead th {
     padding: 20px 18px;
     font-weight: 700;
@@ -3488,8 +3495,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 +3549,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 +3565,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 +3574,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 +3594,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 +3618,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 +3646,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;
@@ -3662,15 +3669,15 @@ img, video {
   background-color: rgba(255, 255, 255, var(--bg-opacity));
   margin: 8px;
   padding: 8px 8px 24px;
-  -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); }
+  -webkit-box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
+  box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922); }
   .details-card .card-label {
     font-weight: 700;
     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 +3698,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 +3911,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 +3921,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 +3934,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;
@@ -3982,8 +3989,8 @@ video::-webkit-media-controls-panel {
   background-color: #fff;
   background-color: rgba(255, 255, 255, var(--bg-opacity));
   padding: 16px 16px 24px;
-  -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);
+  -webkit-box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
+  box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
   max-width: 440px;
   border-radius: 4px; }
   .metricsTable .row {
@@ -4041,8 +4048,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);
@@ -4372,8 +4379,8 @@ video::-webkit-media-controls-panel {
   width: -moz-max-content;
   width: max-content;
   position: absolute;
-  -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);
+  -webkit-box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
+  box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
   --bg-opacity:1;
   background-color: #fff;
   background-color: rgba(255, 255, 255, var(--bg-opacity));
@@ -4402,14 +4409,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%;
@@ -4424,8 +4431,8 @@ video::-webkit-media-controls-panel {
   .multilink-optionWrap {
     right: 20%;
     top: 110px;
-    -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);
+    -webkit-box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
+    box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
     border-radius: .125rem; } }
 
 .reports-download-btn {
@@ -4494,8 +4501,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 +4537,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 +4579,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 +4594,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 +4645,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 +4658,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; }
@@ -4754,7 +4761,8 @@ video::-webkit-media-controls-panel {
   margin-bottom: 24px;
   padding-top: 24px;
   padding-bottom: 24px;
-  padding-left: 24px; }
+  padding-left: 24px;
+  border-radius: 8px; }
   .search-form-wrapper .form-field {
     width: calc(25% - 16px);
     display: inline-block;
@@ -4788,8 +4796,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 +4815,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 +5007,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 +5099,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 +5122,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 +5135,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 +5155,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 +5186,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 +5197,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 +5211,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 +5258,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 +5378,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 {
@@ -5822,7 +5830,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 {
@@ -6588,8 +6596,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;
@@ -6884,8 +6892,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;
@@ -6907,8 +6915,8 @@ video::-webkit-media-controls-panel {
   display: flex;
   height: 2.5rem;
   --bg-opacity:1;
-  background-color: #e3e3e3;
-  background-color: rgba(227, 227, 227, var(--bg-opacity));
+  background-color: #f5f7fa;
+  background-color: rgba(245, 247, 250, var(--bg-opacity));
   padding-bottom: 16px;
   padding-top: 8px;
   -webkit-box-pack: center;
@@ -6926,8 +6934,8 @@ video::-webkit-media-controls-panel {
   bottom: 0;
   height: 2.5rem;
   --bg-opacity:1;
-  background-color: #e3e3e3;
-  background-color: rgba(227, 227, 227, var(--bg-opacity));
+  background-color: #f5f7fa;
+  background-color: rgba(245, 247, 250, var(--bg-opacity));
   padding-bottom: 16px;
   padding-top: 8px;
   -webkit-box-pack: center;
@@ -7002,8 +7010,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 {
@@ -7030,15 +7038,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;
@@ -7050,11 +7058,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;
@@ -7085,8 +7093,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;
@@ -7121,7 +7129,9 @@ video::-webkit-media-controls-panel {
   background-color: #fff;
   background-color: rgba(255, 255, 255, var(--bg-opacity));
   min-height: 100%;
-  padding: 10px; }
+  padding: 10px;
+  border-radius: 8px;
+  margin-bottom: 24px; }
   .filter-form .filter-card .heading {
     -webkit-box-pack: unset;
     -ms-flex-pack: unset;
@@ -7151,8 +7161,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; }
 
@@ -7215,8 +7225,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;
@@ -7227,16 +7237,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;
@@ -7248,8 +7258,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));
@@ -7275,8 +7285,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 {
@@ -7301,8 +7311,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; }
@@ -7316,7 +7326,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 {
@@ -7428,8 +7438,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 {
@@ -7465,8 +7475,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; }
 
@@ -7575,7 +7585,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;
@@ -8313,6 +8323,91 @@ 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; } }
+
+.footer-bottom-first [dir=ltr] h2 {
+  text-align: left; }
+
+.footer-bottom-first [dir=rtl] h2 {
+  text-align: right; }
+
+.footer-bottom-first h2 {
+  margin-bottom: 10px; }
+
+@media (max-width: 639px) {
+  .footer-bottom-first {
+    padding-left: 0;
+    padding-bottom: 20px;
+    padding-right: 0;
+    padding-top: 20px; } }
+
+.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;
@@ -8327,8 +8422,8 @@ body {
   width: 100%;
   height: 2.5rem;
   --bg-opacity:1;
-  background-color: #e3e3e3;
-  background-color: rgba(227, 227, 227, var(--bg-opacity));
+  background-color: #f5f7fa;
+  background-color: rgba(245, 247, 250, var(--bg-opacity));
   padding-bottom: 16px;
   padding-top: 8px;
   -webkit-box-pack: center;
@@ -8393,16 +8488,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) {
@@ -8539,8 +8634,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 {
@@ -8628,8 +8723,8 @@ body {
   margin-top: 16px;
   margin-bottom: 16px;
   padding: 16px 16px 24px;
-  -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);
+  -webkit-box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
+  box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
   position: relative;
   border-radius: 4px; }
 
@@ -8950,8 +9045,8 @@ body {
   background-color: rgba(255, 255, 255, var(--bg-opacity));
   margin: 8px;
   padding: 16px 16px 24px;
-  -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);
+  -webkit-box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
+  box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
   border-radius: 4px; }
 
 .mobileInbox_attachments {
@@ -8991,8 +9086,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;
@@ -9012,8 +9107,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; }
@@ -9435,6 +9530,93 @@ body {
   .survey-grid-container {
     grid-template-columns: repeat(4, 1fr); } }
 
+.section-card {
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  padding: 20px;
+  margin-bottom: 20px;
+  background-color: #f9f9f9; }
+
+.section-card h3 {
+  margin-top: 0; }
+
+.section-card input, .section-card .checkbox-wrap .input-emp, .checkbox-wrap .section-card .input-emp {
+  display: block;
+  width: 100%;
+  padding: 10px;
+  margin-bottom: 10px;
+  border: 1px solid #ccc;
+  border-radius: 4px; }
+
+.section-card button {
+  padding: 10px 20px;
+  border: none;
+  border-radius: 4px;
+  background-color: #007bff;
+  color: #fff;
+  cursor: pointer; }
+
+.section-card button:disabled {
+  background-color: #ccc;
+  cursor: not-allowed; }
+
+.category-card {
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  padding: 20px;
+  margin-bottom: 20px;
+  background-color: #f0f8ff; }
+
+.category-card h3 {
+  margin-top: 0; }
+
+.category-card input, .category-card .checkbox-wrap .input-emp, .checkbox-wrap .category-card .input-emp, .category-card select {
+  display: block;
+  width: 100%;
+  padding: 10px;
+  margin-bottom: 10px;
+  border: 1px solid #ccc;
+  border-radius: 4px; }
+
+.category-card button {
+  padding: 10px 20px;
+  border: none;
+  border-radius: 4px;
+  background-color: #007bff;
+  color: #fff;
+  cursor: pointer; }
+
+.category-card button:disabled {
+  background-color: #ccc;
+  cursor: not-allowed; }
+
+.category-card table {
+  width: 100%;
+  border-collapse: collapse;
+  margin-top: 10px; }
+
+.category-card table, .category-card td, .category-card th {
+  border: 1px solid #ccc; }
+
+.category-card thead {
+  background-color: #6f98b8; }
+
+.category-card td, .category-card th {
+  padding: 10px;
+  text-align: left; }
+
+.category-card label {
+  padding: 10px 20px;
+  border: none;
+  border-radius: 4px;
+  background-color: #007bff;
+  color: #fff;
+  cursor: pointer; }
+
+.category-card label:disabled {
+  background-color: #ccc;
+  cursor: not-allowed; }
+
 .frame-54925, .frame-54925 * {
   -webkit-box-sizing: border-box;
   box-sizing: border-box; }
@@ -10098,8 +10280,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; }
@@ -10117,7 +10299,7 @@ body {
     color: #1d70b8; }
 
 .clear-search-label {
-  color: #a82227;
+  color: #2947a3;
   cursor: pointer; }
 
 .search-submit-bar {
@@ -10398,8 +10580,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; }