@entit/digit-ui-css 1.5.6 → 2.0.0

package/dist/index.css

@@ -102,6 +102,13 @@ textarea {
 [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
   height: auto; }
 
+[type=search] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px; }
+
+[type=search]::-webkit-search-decoration {
+  -webkit-appearance: none; }
+
 details {
   display: block; }
 
@@ -219,11 +226,6 @@ img, video {
     -webkit-transform: rotate(1turn);
     transform: rotate(1turn); } }
 
-@keyframes spin {
-  to {
-    -webkit-transform: rotate(1turn);
-    transform: rotate(1turn); } }
-
 @-webkit-keyframes ping {
   75%, to {
     -webkit-transform: scale(2);
@@ -256,18 +258,6 @@ img, video {
     -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
     animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } }
 
-@keyframes bounce {
-  0%, to {
-    -webkit-transform: translateY(-25%);
-    transform: translateY(-25%);
-    -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
-    animation-timing-function: cubic-bezier(0.8, 0, 1, 1); }
-  50% {
-    -webkit-transform: none;
-    transform: none;
-    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
-    animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } }
-
 .rdrCalendarWrapper {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
@@ -862,10 +852,13 @@ img, video {
 .body-container {
   height: 100%;
   min-height: 100vh;
-  overflow-x: hidden; }
+  overflow-x: hidden;
+  position: relative !important; }
 
 .navbar {
-  margin-bottom: 16px; }
+  margin-bottom: 16px;
+  background: -webkit-gradient(linear, left top, right top, from(#feeee7), color-stop(#a82227), to(#feeee7)) !important;
+  background: linear-gradient(90deg, #feeee7, #a82227, #feeee7) !important; }
   .navbar img {
     height: 24px; }
 
@@ -880,14 +873,14 @@ img, video {
   margin-left: 16px; }
 
 .link-label {
-  color: #f47738;
-  color: rgba(244, 119, 56, var(--text-opacity));
+  color: #a82227;
+  color: rgba(168, 34, 39, var(--text-opacity));
   margin-bottom: 16px;
   margin-left: 16px;
   cursor: pointer; }
   .link-label:hover {
-    color: #f47738;
-    color: rgba(244, 119, 56, var(--text-opacity)); }
+    color: #a82227;
+    color: rgba(168, 34, 39, var(--text-opacity)); }
 
 .back-btn, .link-label {
   display: block;
@@ -924,7 +917,9 @@ img, video {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  margin-bottom: 10px; }
+  margin-bottom: 10px;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap; }
 
 .bread-crumb--item {
   margin-left: 5px; }
@@ -965,9 +960,17 @@ img, video {
   .employee-app-container {
     width: 100%; }
   .app-container {
-    width: 960px;
-    margin-left: 8px;
-    margin-right: auto; }
+    width: 100%; }
+    .app-container form .card, .app-container form .card-emp {
+      max-width: 960px; }
+      .app-container form .card h2, .app-container form .card-emp h2 {
+        text-align: left; }
+      .app-container form .card .field-container, .app-container form .card-emp .field-container {
+        max-width: 540px; }
+      .app-container form .card button, .app-container form .card-emp button {
+        max-width: 240px; }
+      .app-container form .card .card-text-button, .app-container form .card-emp .card-text-button, .app-container form .card .input-otp-wrap, .app-container form .card-emp .input-otp-wrap {
+        text-align: left; }
   .h1 {
     font-size: 36px;
     line-height: 40px; }
@@ -977,6 +980,13 @@ img, video {
 .body-container::-webkit-scrollbar {
   display: none; }
 
+.audit-card {
+  width: 80%;
+  margin-left: -21%;
+  margin-right: -27%;
+  max-height: 120px;
+  margin-top: 90px; }
+
 .navbar {
   --text-opacity:1;
   color: #fff;
@@ -989,11 +999,22 @@ img, video {
   position: fixed;
   z-index: 9999; }
   .navbar img {
+    display: inline-block;
     min-width: 78px;
     height: 24px; }
-  .navbar h3, .navbar img {
-    display: inline-block; }
+  .navbar .nav {
+    -webkit-box-pack: justify;
+    -ms-flex-pack: justify;
+    justify-content: space-between; }
+  .navbar .nav, .navbar .nav-wrapper {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex; }
+  @media (min-width: 780px) {
+    .navbar .nav-wrapper .hamburger-span {
+      display: none; } }
   .navbar h3 {
+    display: inline-block;
     --border-opacity:1;
     border-color: #fff;
     border-left: 1px;
@@ -1018,8 +1039,7 @@ img, video {
   -ms-flex-align: center;
   align-items: center;
   padding-top: 30px;
-  padding-bottom: 30px;
-  background-color: #e0e0e0; }
+  background-color: #fff; }
   .profile-section img {
     width: 89px;
     height: 88px;
@@ -1028,16 +1048,21 @@ img, video {
     color: #767676; }
   .profile-section .label-container.name-Profile .label-text {
     letter-spacing: .6px;
-    color: #484848;
-    font-weight: 500;
-    font-size: 14px; }
+    font-weight: 700;
+    font-size: 18px;
+    color: #0b0c0c; }
+  .profile-section .profile-divider {
+    border-top: 1px solid #d6d5d4;
+    margin-left: 20px;
+    margin-right: 20px;
+    width: 90%;
+    margin-top: 1rem; }
 
 .drawer-list {
   padding-top: 16px;
-  padding-left: 16px;
-  padding-right: 16px;
   position: relative;
-  min-height: 1px; }
+  min-height: 1px;
+  overflow: auto; }
   .drawer-list .menu-item {
     border: 10px;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -1068,13 +1093,172 @@ img, video {
       width: 17px;
       margin-top: 16px; }
     .drawer-list .menu-item .icon + .menu-label {
-      margin-left: 36px; }
+      margin-left: 36px;
+      text-overflow: ellipsis;
+      white-space: nowrap; }
+  .drawer-list .sidebar-list {
+    padding-right: 16px;
+    padding-left: 16px; }
+    .drawer-list .sidebar-list.active {
+      border-left: 5px solid #a82227; }
+      .drawer-list .sidebar-list.active .menu-label {
+        color: #a82227; }
+      .drawer-list .sidebar-list.active .icon {
+        fill: #a82227; }
+    .drawer-list .sidebar-list .submenu-container {
+      cursor: pointer;
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+      flex-direction: column; }
+      .drawer-list .sidebar-list .submenu-container .sidebar-link {
+        -webkit-box-pack: justify;
+        -ms-flex-pack: justify;
+        justify-content: space-between; }
+        .drawer-list .sidebar-list .submenu-container .sidebar-link svg {
+          width: 21px;
+          height: 21px;
+          color: #757575;
+          fill: #757575; }
+      .drawer-list .sidebar-list .submenu-container .actions, .drawer-list .sidebar-list .submenu-container .sidebar-link {
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+        -webkit-box-align: center;
+        -ms-flex-align: center;
+        align-items: center; }
+      .drawer-list .sidebar-list .submenu-container .actions {
+        overflow: hidden !important; }
+        .drawer-list .sidebar-list .submenu-container .actions span {
+          margin-left: 13px;
+          line-height: 48px;
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis; }
+        .drawer-list .sidebar-list .submenu-container .actions input, .drawer-list .sidebar-list .submenu-container .actions .checkbox-wrap .input-emp, .checkbox-wrap .drawer-list .sidebar-list .submenu-container .actions .input-emp, .drawer-list .sidebar-list .submenu-container .actions span {
+          color: #5f5c62; }
+        .drawer-list .sidebar-list .submenu-container .actions input, .drawer-list .sidebar-list .submenu-container .actions .checkbox-wrap .input-emp, .checkbox-wrap .drawer-list .sidebar-list .submenu-container .actions .input-emp {
+          border: none;
+          outline: none;
+          margin-left: 16px;
+          padding: .5em; }
+  .drawer-list .dropdown-link .actions {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    padding: 1em; }
+    .drawer-list .dropdown-link .actions svg {
+      width: 21px;
+      height: 21px;
+      color: #757575;
+      fill: #757575; }
+    .drawer-list .dropdown-link .actions span {
+      color: #5f5c62; }
+
+.drawer-desktop .menu-item {
+  border: 10px;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  cursor: pointer;
+  text-decoration: none;
+  margin: 0;
+  padding: 0;
+  outline: none;
+  font-size: 16px;
+  position: relative;
+  color: #5f5c62;
+  line-height: 48px;
+  -webkit-transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1) 0ms;
+  transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1) 0ms;
+  min-height: 48px;
+  white-space: normal;
+  background: none; }
+  .drawer-desktop .menu-item .icon {
+    display: block;
+    color: #757575;
+    fill: #757575;
+    height: 21px !important;
+    width: 21px !important;
+    float: left;
+    margin-top: 12px; }
+  .drawer-desktop .menu-item .edit-btn-ico {
+    height: 17px;
+    width: 17px;
+    margin-top: 16px; }
+  .drawer-desktop .menu-item .icon + .menu-label {
+    margin-left: 36px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap; }
+
+@media (min-width: 780px) {
+  .drawer-desktop .sidebar-list {
+    padding-right: 16px;
+    padding-left: 16px; }
+    .drawer-desktop .sidebar-list.active {
+      border-left: 5px solid #a82227;
+      padding-left: 11px; }
+      .drawer-desktop .sidebar-list.active .menu-label {
+        color: #a82227; }
+      .drawer-desktop .sidebar-list.active .icon {
+        fill: #a82227; }
+    .drawer-desktop .sidebar-list .submenu-container {
+      cursor: pointer;
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+      flex-direction: column; }
+      .drawer-desktop .sidebar-list .submenu-container .sidebar-link {
+        -webkit-box-pack: justify;
+        -ms-flex-pack: justify;
+        justify-content: space-between; }
+        .drawer-desktop .sidebar-list .submenu-container .sidebar-link svg {
+          width: 21px;
+          height: 21px;
+          color: #757575;
+          fill: #757575; }
+        .drawer-desktop .sidebar-list .submenu-container .sidebar-link .actions .tooltip {
+          margin-left: 16px; }
+      .drawer-desktop .sidebar-list .submenu-container .actions, .drawer-desktop .sidebar-list .submenu-container .sidebar-link {
+        display: -webkit-box;
+        display: -ms-flexbox;
+        display: flex;
+        -webkit-box-align: center;
+        -ms-flex-align: center;
+        align-items: center; }
+      .drawer-desktop .sidebar-list .submenu-container .actions {
+        overflow: hidden !important; }
+        .drawer-desktop .sidebar-list .submenu-container .actions span {
+          margin-left: 13px;
+          line-height: 48px;
+          white-space: nowrap;
+          color: #5f5c62;
+          overflow: hidden;
+          text-overflow: ellipsis; }
+  .drawer-desktop .dropdown-link .actions {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    padding: 1em; }
+    .drawer-desktop .dropdown-link .actions svg {
+      width: 21px;
+      height: 21px;
+      color: #757575;
+      fill: #757575; }
+    .drawer-desktop .dropdown-link .actions span {
+      color: #5f5c62; } }
 
 .side-bar-footer {
   width: 200px;
   margin-left: 50px;
-  position: absolute;
-  bottom: 0; }
+  margin-top: 24px;
+  margin-bottom: 16px;
+  position: relative; }
 
 .digit-footer {
   display: -webkit-box;
@@ -1093,7 +1277,8 @@ img, video {
   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);
-  border-radius: 4px; }
+  border-radius: 4px;
+  max-width: 960px; }
   .card .card-header, .card-emp .card-header {
     font-size: 32px;
     line-height: 40px;
@@ -1132,36 +1317,37 @@ img, video {
     line-height: 24px; }
   .card .card-text-button, .card-emp .card-text-button {
     --text-opacity:1;
-    color: #f47738;
-    color: rgba(244, 119, 56, var(--text-opacity)); }
+    color: #a82227;
+    color: rgba(168, 34, 39, var(--text-opacity)); }
   .card .card-label, .card-emp .card-label {
     font-size: 19px;
     line-height: 23px;
-    color: #0b0c0c;
-    color: rgba(11, 12, 12, var(--text-opacity)); }
-  .card .card-label, .card-emp .card-label, .card .card-label-error, .card-emp .card-label-error {
     --text-opacity:1;
-    margin-bottom: 16px; }
+    color: #0b0c0c;
+    color: rgba(11, 12, 12, var(--text-opacity));
+    margin-bottom: 8px; }
   .card .card-label-error, .card-emp .card-label-error {
     display: block;
     font-size: 14px;
     line-height: 16px;
     color: #d4351c;
     color: rgba(212, 53, 28, var(--text-opacity)); }
+  .card .card-label-desc, .card-emp .card-label-desc, .card .card-label-error, .card-emp .card-label-error {
+    --text-opacity:1;
+    margin-bottom: 16px; }
   .card .card-label-desc, .card-emp .card-label-desc {
     font-weight: 700;
     color: #505a5f;
-    color: rgba(80, 90, 95, var(--text-opacity));
-    margin-bottom: 16px; }
+    color: rgba(80, 90, 95, var(--text-opacity)); }
   .card .card-label-desc, .card-emp .card-label-desc, .card .card-link, .card-emp .card-link {
-    --text-opacity:1;
     font-size: 16px;
     line-height: 24px; }
   .card .card-link, .card-emp .card-link {
     display: block;
     text-align: center;
-    color: #f47738;
-    color: rgba(244, 119, 56, var(--text-opacity));
+    --text-opacity:1;
+    color: #a82227;
+    color: rgba(168, 34, 39, var(--text-opacity));
     margin-top: 16px;
     cursor: pointer; }
 
@@ -1209,12 +1395,16 @@ img, video {
     font-size: 18px;
     line-height: 26px; }
   .employeeCard .card-section-header {
-    --text-opacity:1;
-    color: #0b0c0c;
-    color: rgba(11, 12, 12, var(--text-opacity));
     font-size: 18px;
     line-height: 28px;
     font-weight: 700; }
+  .employeeCard .card-section-header, .employeeCard .card-section-sub-text {
+    --text-opacity:1;
+    color: #0b0c0c;
+    color: rgba(11, 12, 12, var(--text-opacity)); }
+  .employeeCard .card-section-sub-text {
+    font-size: 14px;
+    line-height: 16px; }
   .employeeCard .card-caption {
     font-size: 18px;
     line-height: 26px;
@@ -1241,8 +1431,8 @@ img, video {
     line-height: 24px; }
   .employeeCard .card-text-button {
     --text-opacity:1;
-    color: #f47738;
-    color: rgba(244, 119, 56, var(--text-opacity)); }
+    color: #a82227;
+    color: rgba(168, 34, 39, var(--text-opacity)); }
   .employeeCard .card-label {
     font-size: 19px;
     line-height: 23px;
@@ -1280,7 +1470,7 @@ img, video {
     padding-left: 25px; }
 
 .employeeCard.fsm {
-  margin-bottom: 16px !important;
+  margin-bottom: 64px !important;
   margin-left: 0 !important;
   margin-right: 16px !important; }
 
@@ -1319,8 +1509,8 @@ img, video {
 .submit-bar, .submit-bar-disabled {
   height: 2.5rem;
   --bg-opacity:1;
-  background-color: #f47738;
-  background-color: rgba(244, 119, 56, var(--bg-opacity));
+  background-color: #a82227;
+  background-color: rgba(168, 34, 39, var(--bg-opacity));
   text-align: center;
   width: 100%;
   outline: 2px solid transparent;
@@ -1329,7 +1519,8 @@ img, video {
   outline-offset: 2px; }
 
 .submit-bar-disabled {
-  opacity: .5; }
+  opacity: .5;
+  background-color: #882636 !important; }
   .submit-bar-disabled header {
     font-family: Roboto Condensed,sans-serif;
     font-weight: 500;
@@ -1338,19 +1529,22 @@ img, video {
     --text-opacity:1;
     color: #fff;
     color: rgba(255, 255, 255, var(--text-opacity));
-    line-height: 2.5rem; }
+    line-height: 2.5rem;
+    line-height: 2rem !important; }
 
 @media (min-width: 780px) {
   .submit-bar, .submit-bar-disabled {
-    width: 240px; }
+    width: 240px;
+    background-color: #882636 !important;
+    height: 2rem !important; }
   .card, .card-emp {
-    margin-right: auto;
-    padding-right: 300px;
-    padding-left: 16px;
-    padding-top: 16px;
-    max-width: 960px;
-    min-width: 640px;
-    margin-left: 0; }
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column; }
     .card .card-header, .card-emp .card-header {
       font-size: 48px;
       line-height: 56px; }
@@ -1384,6 +1578,12 @@ img, video {
       margin-bottom: 40px;
       font-size: 24px;
       line-height: 32px; }
+    .employeeCard .card-section-sub-text {
+      --text-opacity:1;
+      color: #0b0c0c;
+      color: rgba(11, 12, 12, var(--text-opacity));
+      font-size: 16px;
+      line-height: 24px; }
     .employeeCard .card-search-heading {
       margin-right: 0 !important;
       margin-left: 0 !important;
@@ -1463,13 +1663,10 @@ img, video {
     width: 240px; }
   .home-page-info-banner-wrap {
     max-width: 45%;
-    min-width: 40%;
+    min-width: 100%;
     margin-left: 0;
     margin-right: 24px;
     margin-bottom: 24px; }
-  .info-banner-wrap-citizen-override {
-    min-width: 640px;
-    max-width: 960px; }
   .oc-aknowledgement-screen {
     width: auto;
     min-width: 240px;
@@ -1490,17 +1687,22 @@ img, video {
 
 .BPAemployeeCard {
   margin-right: 0 !important;
-  margin-bottom: 64px !important; }
+  margin-bottom: 0 !important; }
 
 .employee-application-details {
   display: -webkit-box !important;
   display: -ms-flexbox !important;
   display: flex !important;
+  -webkit-box-orient: vertical !important;
+  -webkit-box-direction: normal !important;
+  -ms-flex-direction: column !important;
+  flex-direction: column !important;
   -webkit-box-pack: justify !important;
   -ms-flex-pack: justify !important;
   justify-content: space-between !important;
-  max-height: 60px !important;
-  height: 60px !important; }
+  max-height: 70px !important;
+  height: 70px !important;
+  margin-bottom: 15px !important; }
 
 .employee-main-application-details {
   padding: 10px !important; }
@@ -1523,11 +1725,32 @@ img, video {
   margin: 0 !important;
   width: 100% !important; }
 
+.language-selector .submit-bar, .submit-bar-disabled {
+  background-color: #5a1166 !important; }
+
+.owner-details {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  width: 100%;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between; }
+
+.owner-details-child {
+  width: 50%; }
+
 .selector-button-primary {
   height: 2rem;
   --bg-opacity:1;
-  background-color: #f47738;
-  background-color: rgba(244, 119, 56, var(--bg-opacity));
+  background-color: #a82227;
+  background-color: rgba(168, 34, 39, var(--bg-opacity));
   text-align: center;
   --border-opacity:1;
   border-color: #464646;
@@ -1607,8 +1830,8 @@ img, video {
 .selector-button-primary-disabled {
   height: 2rem;
   --bg-opacity:1;
-  background-color: #f47738;
-  background-color: rgba(244, 119, 56, var(--bg-opacity));
+  background-color: #a82227;
+  background-color: rgba(168, 34, 39, var(--bg-opacity));
   text-align: center;
   --border-opacity:1;
   border-color: #464646;
@@ -1632,7 +1855,12 @@ img, video {
     color: #fff;
     color: rgba(255, 255, 255, var(--text-opacity)); }
 
+.submit-bar:focus {
+  outline: 2px solid transparent !important;
+  outline-offset: 2px !important; }
+
 .radio-wrap {
+  line-height: 1.5rem !important;
   margin-top: 8px;
   display: block;
   line-height: 2.5rem;
@@ -1640,14 +1868,22 @@ img, video {
   .radio-wrap div {
     display: block;
     margin-bottom: 16px; }
+  .radio-wrap .radio-btn-checkmark {
+    height: 1.5rem !important;
+    width: 1.5rem !important; }
+  .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 {
+    top: 0.35rem !important;
+    left: 0.35rem !important;
+    height: 0.8rem !important;
+    width: 0.8rem !important; }
   .radio-wrap .radio-btn-wrap {
     display: block;
     float: left;
     position: relative; }
     .radio-wrap .radio-btn-wrap:hover .radio-btn-checkmark {
       --border-opacity:1;
-      border-color: #f47738;
-      border-color: rgba(244, 119, 56, var(--border-opacity)); }
+      border-color: #a82227;
+      border-color: rgba(168, 34, 39, var(--border-opacity)); }
   .radio-wrap .radio-btn {
     opacity: 0;
     position: absolute;
@@ -1674,13 +1910,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: #f47738;
-    border-color: rgba(244, 119, 56, var(--border-opacity)); }
+    border-color: #a82227;
+    border-color: rgba(168, 34, 39, 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: #f47738;
-    background-color: rgba(244, 119, 56, var(--bg-opacity));
+    background-color: #a82227;
+    background-color: rgba(168, 34, 39, var(--bg-opacity));
     height: 1.25rem;
     width: 1.25rem;
     border-radius: 9999px;
@@ -1706,6 +1942,9 @@ img, video {
   -ms-flex-align: center;
   align-items: center; }
 
+.employee-select-wrap:active {
+  background-color: #fff; }
+
 .employee-select-wrap {
   margin-bottom: 24px;
   position: relative; }
@@ -1719,8 +1958,8 @@ img, video {
     border-color: rgba(70, 70, 70, var(--border-opacity)); }
     .employee-select-wrap .select:hover {
       --border-opacity:1;
-      border: 1px solid #f47738;
-      border-color: rgba(244, 119, 56, var(--border-opacity)); }
+      border: 1px solid #a82227;
+      border-color: rgba(168, 34, 39, 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;
@@ -1756,8 +1995,11 @@ img, video {
     width: 100%;
     height: 2.5rem;
     --border-opacity:1;
-    border: 1px solid #f47738;
-    border-color: rgba(244, 119, 56, var(--border-opacity)); }
+    border: 1px solid #a82227;
+    border-color: rgba(168, 34, 39, var(--border-opacity));
+    height: 2 rem !important;
+    border: 1px solid #000;
+    background-color: #fff; }
     .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] {
       width: calc(100% - 32px);
       background-color: initial;
@@ -1791,8 +2033,9 @@ img, video {
     width: 100% !important;
     -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);
     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);
-    max-height: 400px;
+    max-height: 250px !important;
     overflow: auto;
+    z-index: 1000 !important;
     position: absolute;
     z-index: 20;
     margin-top: 4px;
@@ -1815,6 +2058,19 @@ img, video {
         background-color: #eee;
         background-color: rgba(238, 238, 238, var(--bg-opacity)); }
 
+.fsm-registry-dropdown {
+  margin-bottom: 0; }
+  .fsm-registry-dropdown .select {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex; }
+  .fsm-registry-dropdown .select-active, .fsm-registry-dropdown input, .fsm-registry-dropdown .checkbox-wrap .input-emp, .checkbox-wrap .fsm-registry-dropdown .input-emp {
+    text-align: left; }
+  .fsm-registry-dropdown .options-card .profile-dropdown--item {
+    -webkit-box-pack: left;
+    -ms-flex-pack: left;
+    justify-content: left; }
+
 .employee-select-wrap--elipses {
   width: 85% !important;
   overflow: hidden;
@@ -1823,7 +2079,8 @@ img, video {
 
 .select-wrap {
   margin-bottom: 24px;
-  position: relative; }
+  position: relative;
+  max-width: 540px; }
   .select-wrap .select {
     position: relative;
     display: block;
@@ -1867,8 +2124,8 @@ img, video {
     width: 100%;
     height: 2.5rem;
     --border-opacity:1;
-    border: 1px solid #f47738;
-    border-color: rgba(244, 119, 56, var(--border-opacity)); }
+    border: 1px solid #a82227;
+    border-color: rgba(168, 34, 39, 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;
@@ -1923,6 +2180,9 @@ img, video {
         background-color: #eee;
         background-color: rgba(238, 238, 238, var(--bg-opacity)); }
 
+.employee-select-wrap .select img, .employee-select-wrap .select svg {
+  margin-top: 2px; }
+
 .card-input {
   margin-top: 8px;
   --border-opacity:1;
@@ -1971,7 +2231,18 @@ img, video {
   line-height: 20px;
   --text-opacity:1;
   color: #0b0c0c;
-  color: rgba(11, 12, 12, var(--text-opacity)); }
+  color: rgba(11, 12, 12, var(--text-opacity));
+  margin-bottom: 16px !important;
+  height: 40px !important; }
+
+.employee-card-input:disabled {
+  --border-opacity:1!important;
+  border-color: #9e9e9e !important;
+  border-color: rgba(158, 158, 158, var(--border-opacity)) !important;
+  --text-opacity:1!important;
+  color: #9e9e9e !important;
+  color: rgba(158, 158, 158, var(--text-opacity)) !important;
+  pointer-events: none !important; }
 
 .employee-card-input--front {
   width: -webkit-fit-content !important;
@@ -2039,7 +2310,8 @@ img, video {
   .employee-card-input, .employee-card-input-error {
     width: 100%; }
   .card-textarea {
-    width: 480px; }
+    width: 100%;
+    max-width: 540px; }
   .employee-card-textarea {
     width: 100%; }
   .card-input-emp {
@@ -2064,7 +2336,10 @@ img, video {
   line-height: 20px;
   --text-opacity:1;
   color: #0b0c0c;
-  color: rgba(11, 12, 12, var(--text-opacity)); }
+  color: rgba(11, 12, 12, var(--text-opacity));
+  height: 2rem !important;
+  margin-bottom: 16px !important;
+  line-height: 2rem !important; }
 
 .citizen-card-input--front {
   width: -webkit-fit-content !important;
@@ -2165,7 +2440,7 @@ img, video {
 
 @media (min-width: 780px) {
   .success-wrap {
-    width: calc(100% + 284px); }
+    width: 100%; }
     .success-wrap header {
       font-size: 48px;
       line-height: 56px; }
@@ -2175,7 +2450,7 @@ img, video {
       font-size: 48px;
       line-height: 56px; }
   .error-wrap {
-    width: calc(100% + 284px); }
+    width: 100%; }
     .error-wrap header {
       font-size: 48px;
       line-height: 56px; }
@@ -2207,8 +2482,7 @@ img, video {
   -ms-flex-align: center;
   align-items: center;
   height: calc(100vh - 80px);
-  background: -webkit-gradient(linear, left top, left bottom, from(rgba(11, 75, 102, 0.8)), to(rgba(11, 75, 102, 0.8))), var(--banner-url) center center;
-  background: linear-gradient(rgba(11, 75, 102, 0.8), rgba(11, 75, 102, 0.8)), var(--banner-url) 50%; }
+  position: relative; }
   .banner .bannerCard {
     min-width: 400px; }
   .banner .bannerLogo {
@@ -2231,6 +2505,18 @@ img, video {
     align-items: center;
     margin-bottom: 24px; }
 
+.banner-container {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center !important;
+  -ms-flex-align: center !important;
+  align-items: center !important; }
+
 .date-wrap {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -2315,6 +2601,9 @@ img, video {
     color: #505a5f;
     color: rgba(80, 90, 95, var(--text-opacity)); }
 
+.employee-data-table .vendor-details-row {
+  margin-left: 15px !important; }
+
 .employee-data-table .last {
   border: none;
   padding: 0;
@@ -2326,7 +2615,7 @@ img, video {
   justify-content: space-between; }
 
 .checkpoint-connect-wrap {
-  padding-bottom: 40px;
+  padding-bottom: 4px;
   position: relative; }
 
 .checkpoint-done {
@@ -2338,13 +2627,13 @@ img, video {
     height: 24px;
     border-radius: 50%;
     --border-opacity:1;
-    border-color: #f47738;
+    border-color: #a82227;
     border-bottom: 1px;
-    border-color: rgba(244, 119, 56, var(--border-opacity));
+    border-color: rgba(168, 34, 39, var(--border-opacity));
     border-style: solid;
     --bg-opacity:1;
-    background-color: #f47738;
-    background-color: rgba(244, 119, 56, var(--bg-opacity)); }
+    background-color: #a82227;
+    background-color: rgba(168, 34, 39, var(--bg-opacity)); }
   .checkpoint-done header {
     margin-left: 16px; }
     .checkpoint-done header p {
@@ -2393,6 +2682,8 @@ img, video {
 
 .checkpoint-comments-wrap {
   max-width: 560px;
+  padding: 4px;
+  margin-top: 4px;
   --bg-opacity:1;
   background-color: #eee;
   background-color: rgba(238, 238, 238, var(--bg-opacity));
@@ -2430,8 +2721,8 @@ img, video {
     width: 24px;
     height: 24px; }
   .checkbox-wrap .custom-checkbox, .checkbox-wrap .custom-checkbox-emp {
-    width: 38px;
-    height: 38px;
+    width: 25px;
+    height: 25px;
     position: absolute;
     top: 0;
     left: 0;
@@ -2447,17 +2738,38 @@ 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: #f47738;
-    border-color: rgba(244, 119, 56, var(--border-opacity)); }
+    border-color: #a82227;
+    border-color: rgba(168, 34, 39, 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 {
-    margin-left: 56px;
+    margin-left: 32px;
+    top: 3px !important;
     font-size: 16px;
     line-height: 20px;
     --text-opacity:1;
     color: #0b0c0c;
-    color: rgba(11, 12, 12, var(--text-opacity)); }
+    color: rgba(11, 12, 12, var(--text-opacity));
+    position: relative;
+    top: 10px; }
+
+.fsm-citizen-rating-wrapper .card-label:last-of-type {
+  margin-top: 24px; }
+
+.fsm-citizen-rating-wrapper .card-label {
+  margin-bottom: 24px; }
+
+.fsm-citizen-rating-wrapper .card-label:last-of-type {
+  margin-top: 24px; }
+
+.fsm-citizen-rating-wrapper .card-label {
+  margin-bottom: 24px; }
+
+.fsm-citizen-rating-wrapper .card-label:last-of-type {
+  margin-top: 24px; }
+
+.fsm-citizen-rating-wrapper .card-label {
+  margin-bottom: 24px; }
 
 .input-otp-wrap {
   margin-bottom: 24px; }
@@ -2649,7 +2961,8 @@ img, video {
     line-height: 19px;
     --text-opacity:1;
     color: #d4351c;
-    color: rgba(212, 53, 28, var(--text-opacity)); }
+    color: rgba(212, 53, 28, var(--text-opacity));
+    cursor: pointer; }
   .status-highlight.success {
     --bg-opacity:1;
     background-color: #00703c;
@@ -2803,20 +3116,75 @@ img, video {
           background-color: rgba(238, 238, 238, var(--bg-opacity));
           width: 100%; } }
 
-.table {
+.action-bar-wrap-registry div {
+  width: 100%; }
+
+.action-bar-wrap-registry .menu-wrap {
+  position: absolute;
   --bg-opacity:1;
   background-color: #fff;
   background-color: rgba(255, 255, 255, var(--bg-opacity));
-  width: 100%; }
-  .table thead th {
-    padding: 20px 18px;
-    font-weight: 700;
-    vertical-align: middle;
-    text-align: left; }
+  text-align: left;
+  margin-bottom: 4px;
+  z-index: 30;
+  cursor: pointer;
+  -webkit-box-shadow: rgba(0, 0, 0, 0.14) 0 8px 10px 1px, rgba(0, 0, 0, 0.12) 0 3px 14px 2px, rgba(0, 0, 0, 0.2) 0 5px 5px -3px;
+  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);
+  width: 160px;
+  right: 60px; }
+  .action-bar-wrap-registry .menu-wrap div {
+    height: 3rem;
+    padding-left: 8px;
+    padding-top: 16px;
+    padding-bottom: 16px;
+    font-size: 16px;
+    line-height: 24px;
+    --text-opacity:1;
+    color: #0b0c0c;
+    color: rgba(11, 12, 12, var(--text-opacity)); }
+    .action-bar-wrap-registry .menu-wrap div:hover {
+      --bg-opacity:1;
+      background-color: #eee;
+      background-color: rgba(238, 238, 238, var(--bg-opacity));
+      width: 100%; }
+
+.action-bar-wrap-registry .search-add {
+  padding: 12px 16px;
+  color: #f47738;
+  cursor: pointer; }
+
+.action-bar-wrap-registry .search-add, .action-bar-wrap-registry .search-add-icon {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex; }
+
+.action-bar-wrap-registry .search-add-icon {
+  background: #f47738;
+  border-radius: 50%;
+  height: 24px;
+  width: 24px;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  margin-left: 10px; }
+
+.table {
+  --bg-opacity:1;
+  background-color: #fff;
+  background-color: rgba(255, 255, 255, var(--bg-opacity));
+  width: 100%; }
+  .table thead th {
+    padding: 20px 18px;
+    font-weight: 700;
+    vertical-align: middle;
+    text-align: left; }
     .table thead th:first-child {
-      min-width: 256px; }
+      min-width: 100px; }
     .table thead th:nth-child(2) {
-      min-width: 200px; }
+      min-width: 150px; }
   .table tbody {
     border: none;
     padding: 0;
@@ -2876,7 +3244,7 @@ img, video {
 .table-fixed-first-column tbody td:first-child {
   position: sticky;
   background: #fff;
-  color: #f47738;
+  color: #a82227;
   left: 0;
   border-right: 1px solid #b1b4b6; }
 
@@ -2927,6 +3295,11 @@ img, video {
     white-space: pre;
     min-width: 80px; }
 
+.reports-table {
+  margin-top: 2rem; }
+  .reports-table thead th:first-child {
+    min-width: unset; }
+
 .popup-wrap {
   background: rgba(0, 0, 0, 0.7);
   display: -webkit-box;
@@ -2965,7 +3338,8 @@ img, video {
   padding-right: 8px;
   --border-opacity:1;
   border: 1px dashed #d6d5d4;
-  border-color: rgba(214, 213, 212, var(--border-opacity)); }
+  border-color: rgba(214, 213, 212, var(--border-opacity));
+  max-width: 540px; }
   .upload-wrap img {
     display: block;
     margin-top: 58px;
@@ -3025,6 +3399,29 @@ img, video {
     opacity: 0;
     top: 0; }
 
+.upload-file-max-width {
+  max-width: 540px; }
+
+.digilocker-btn {
+  -ms-touch-action: manipulation;
+  touch-action: manipulation;
+  cursor: pointer;
+  background-image: none;
+  border: 1px solid transparent;
+  padding: 6px 12px;
+  font-size: 14px;
+  line-height: 1.42857143;
+  border-radius: 4px;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  background: rgba(240, 240, 240, 0.78824);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  font-weight: 700; }
+
 .upload-file {
   min-height: 56px;
   position: relative;
@@ -3151,8 +3548,8 @@ img, video {
   .telephone img, .telephone svg {
     height: 22px;
     width: 20px;
-    color: #f47738;
-    color: rgba(244, 119, 56, var(--text-opacity));
+    color: #a82227;
+    color: rgba(168, 34, 39, var(--text-opacity));
     margin-left: 8px;
     -webkit-box-align: center;
     -ms-flex-align: center;
@@ -3180,8 +3577,8 @@ img, video {
 
 .action-link {
   --text-opacity:1!important;
-  color: #f47738 !important;
-  color: rgba(244, 119, 56, var(--text-opacity)) !important;
+  color: #a82227 !important;
+  color: rgba(168, 34, 39, var(--text-opacity)) !important;
   font-size: 16px !important;
   line-height: 24px !important;
   margin-right: 24px !important; }
@@ -3284,8 +3681,8 @@ img, video {
     -ms-flex-direction: row;
     flex-direction: row;
     --text-opacity:1;
-    color: #f47738;
-    color: rgba(244, 119, 56, var(--text-opacity)); }
+    color: #a82227;
+    color: rgba(168, 34, 39, var(--text-opacity)); }
     .searchBox .searchAction .searchText {
       margin-left: 8px; }
 
@@ -3293,7 +3690,7 @@ img, video {
   width: 18px;
   height: 1.5rem; }
   .svgPrimaryH16px svg path {
-    fill: #f47738; }
+    fill: #a82227; }
 
 .tag-container {
   display: -webkit-box;
@@ -3357,9 +3754,8 @@ img, video {
       height: 48px;
       width: 48px; }
     .topbar img.state {
-      height: 20px;
-      max-height: 20px;
-      width: auto; }
+      min-height: 50px;
+      width: 80px; }
   .topbar .ulb {
     font-weight: 700;
     display: inline-block; }
@@ -3370,7 +3766,7 @@ img, video {
     .topbar .right svg {
       display: inline; }
     .topbar .right .user-img-txt {
-      background: #f47738;
+      background: #a82227;
       padding: 10px 15px;
       border-radius: 50%;
       color: #fff;
@@ -3410,6 +3806,11 @@ img, video {
 
 .cp {
   cursor: pointer; }
+  .cp .hamburger {
+    display: none; }
+  @media (max-width: 780px) {
+    .cp .hamburger {
+      display: none; } }
 
 .citizen .right {
   margin-top: 5px;
@@ -3441,13 +3842,15 @@ img, video {
   grid-column-gap: 10px;
   -webkit-column-gap: 10px;
   -moz-column-gap: 10px;
-  column-gap: 10px; }
+  column-gap: 10px;
+  color: #505a5f; }
   .profile-dropdown--item:hover {
-    --bg-opacity:1;
-    background-color: #eee;
-    background-color: rgba(238, 238, 238, var(--bg-opacity)); }
+    background: #eee; }
 
 .flex-right {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
@@ -3456,10 +3859,17 @@ img, video {
   justify-content: flex-end;
   min-width: 85px; }
 
-.flex-right, .language-selector {
+video::-webkit-media-controls-panel {
+  top: 55%;
+  position: absolute;
+  width: 100%; }
+
+.language-selector {
   display: -webkit-box;
   display: -ms-flexbox;
-  display: flex; }
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap; }
 
 .language-selector div:not(:first-child) {
   margin-left: 10px; }
@@ -3475,7 +3885,8 @@ img, video {
   outline: none; }
 
 .bannerCard .customBtn-selected {
-  border-color: transparent; }
+  border-color: transparent;
+  background-color: #5a1166 !important; }
 
 .bannerCard .bannerHeader p {
   font-size: 19px; }
@@ -3493,8 +3904,8 @@ img, video {
   padding-left: 8px;
   padding-right: 8px;
   --border-opacity:1;
-  border: 1px solid #f47738;
-  border-color: rgba(244, 119, 56, var(--border-opacity));
+  border: 1px solid #a82227;
+  border-color: rgba(168, 34, 39, var(--border-opacity));
   margin: 0 4.65% 0 0;
   height: 30px;
   line-height: 30px; }
@@ -3504,8 +3915,8 @@ img, video {
   --text-opacity:1; }
 
 .customBtn-selected {
-  background-color: #f47738;
-  background-color: rgba(244, 119, 56, var(--bg-opacity));
+  background-color: #a82227;
+  background-color: rgba(168, 34, 39, var(--bg-opacity));
   color: #fff;
   color: rgba(255, 255, 255, var(--text-opacity));
   font-weight: 500; }
@@ -3605,8 +4016,8 @@ img, video {
     .filters-wrapper .switch-wrapper .radio-switch {
       display: none; }
       .filters-wrapper .switch-wrapper .radio-switch:checked ~ label {
-        border-color: #f47738;
-        color: #f47738; }
+        border-color: #a82227;
+        color: #a82227; }
     .filters-wrapper .switch-wrapper label {
       border: 1px solid;
       padding: 6px 10px;
@@ -3616,8 +4027,8 @@ img, video {
       border-color: rgba(70, 70, 70, var(--border-opacity)); }
       .filters-wrapper .switch-wrapper label:hover {
         --border-opacity:1;
-        border: 1px solid #f47738;
-        border-color: rgba(244, 119, 56, var(--border-opacity)); }
+        border: 1px solid #a82227;
+        border-color: rgba(168, 34, 39, 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);
@@ -3652,7 +4063,7 @@ img, video {
   .clearText {
     display: block;
     text-align: right;
-    color: #f47738;
+    color: #a82227;
     margin-top: 20px;
     margin-left: 10px; } }
 
@@ -3803,7 +4214,7 @@ img, video {
 .showMore {
   text-align: right;
   cursor: pointer;
-  color: #f47738; }
+  color: #a82227; }
 
 @media (max-width: 420px) {
   .recharts-default-tooltip {
@@ -3882,6 +4293,140 @@ img, video {
   .chart-wrapper .options-m {
     display: none; } }
 
+.astericColor {
+  color: #a82227 !important; }
+
+.SVTableHeader {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  padding-left: 26px;
+  width: 150px; }
+
+.SVTableCells {
+  padding-left: 80px;
+  width: 10px; }
+
+.SVCheckbox {
+  width: 14px; }
+
+.svsearchbox {
+  -webkit-box-orient: horizontal;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  grid-gap: 16px;
+  gap: 16px; }
+
+.svsearchbox, .svsearchfield {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-direction: normal; }
+
+.svsearchfield {
+  -webkit-box-orient: vertical;
+  -ms-flex-direction: column;
+  flex-direction: column; }
+
+.svclearall {
+  margin-left: 30%;
+  margin-top: 10px;
+  display: block; }
+
+.loading-spinner {
+  width: 20px;
+  height: 20px !important;
+  border: 3px solid #e5e5e5;
+  border-top-color: #000;
+  border-radius: 50%;
+  -webkit-animation: spin 1s linear infinite;
+  animation: spin 1s linear infinite;
+  display: inline-block;
+  margin-right: 4px;
+  -webkit-transform-origin: center center;
+  transform-origin: center center; }
+
+@keyframes spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg); }
+  to {
+    -webkit-transform: rotate(1turn);
+    transform: rotate(1turn); } }
+
+.status-card {
+  width: 24%;
+  padding: 20px;
+  border-radius: 10px;
+  text-align: center;
+  color: #fff;
+  position: relative;
+  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
+
+.status-card .count {
+  font-size: 36px;
+  font-weight: 700;
+  display: block; }
+
+.status-card .title {
+  font-size: 18px;
+  margin-top: 10px;
+  display: block; }
+
+.status-card .more-info {
+  font-size: 12px;
+  position: absolute;
+  bottom: 10px;
+  width: 100%;
+  text-align: center; }
+
+.status-card.blue {
+  background-color: rgba(239, 124, 91, 0.6); }
+
+.status-card.teal {
+  background-color: #20c997; }
+
+.status-card.purple {
+  background-color: rgba(4, 139, 208, 0.85); }
+
+.status-card.green {
+  background-color: rgba(75, 31, 165, 0.6); }
+
+.typing_indicator {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  grid-gap: 4px;
+  gap: 4px; }
+
+.typing_indicator span {
+  width: 8px;
+  height: 8px;
+  background-color: #90949c;
+  border-radius: 50%;
+  -webkit-animation: bounce 1.4s ease-in-out infinite;
+  animation: bounce 1.4s ease-in-out infinite; }
+
+.typing_indicator span:first-child {
+  -webkit-animation-delay: -.32s;
+  animation-delay: -.32s; }
+
+.typing_indicator span:nth-child(2) {
+  -webkit-animation-delay: -.16s;
+  animation-delay: -.16s; }
+
+@keyframes bounce {
+  0%, 80%, to {
+    -webkit-transform: translateY(0);
+    transform: translateY(0); }
+  40% {
+    -webkit-transform: translateY(-6px);
+    transform: translateY(-6px); } }
+
 .summary-wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -3914,6 +4459,9 @@ img, video {
         font-weight: 700;
         font-size: 24px; }
 
+.summary-card-margin {
+  margin: 0 24px 20px 0 !important; }
+
 .multilink-labelWrap {
   top: 73px;
   display: -webkit-box;
@@ -4000,13 +4548,37 @@ img, video {
     box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
     border-radius: .125rem; } }
 
+.reports-download-btn {
+  position: unset; }
+
+.reports-download-btn, .reports-options-download {
+  -webkit-box-pack: end;
+  -ms-flex-pack: end;
+  justify-content: flex-end; }
+
+.reports-options-download {
+  position: absolute;
+  float: right;
+  right: 0;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  top: 2rem; }
+
 .info-banner-wrap {
   --bg-opacity:1;
   background-color: #1d70b8;
   background-color: rgba(29, 112, 184, var(--bg-opacity));
   --bg-opacity:0.25;
   margin: 8px;
-  padding: 16px; }
+  padding: 16px;
+  max-width: 960px;
+  background-color: #c7e0f1;
+  border-radius: 4px; }
   .info-banner-wrap svg {
     margin-top: 5px;
     border-radius: 9999px; }
@@ -4030,14 +4602,12 @@ img, video {
     white-space: pre-line; }
 
 @media (min-width: 780px) {
-  .info-banner-wrap {
-    margin: 0; }
-    .info-banner-wrap h2 {
-      font-size: 24px;
-      line-height: 32px; }
-    .info-banner-wrap p {
-      font-size: 19px;
-      line-height: 28px; } }
+  .info-banner-wrap h2 {
+    font-size: 24px;
+    line-height: 32px; }
+  .info-banner-wrap p {
+    font-size: 19px;
+    line-height: 28px; } }
 
 .multi-select-dropdown-wrap {
   position: relative;
@@ -4080,13 +4650,13 @@ img, video {
         width: 1.5rem; }
     .multi-select-dropdown-wrap .master:hover, .multi-select-dropdown-wrap .master-active:hover {
       --border-opacity:1;
-      border: 1px solid #f47738;
-      border-color: rgba(244, 119, 56, var(--border-opacity)); }
+      border: 1px solid #a82227;
+      border-color: rgba(168, 34, 39, var(--border-opacity)); }
   .multi-select-dropdown-wrap .master-active {
     border-width: 1px;
     --border-opacity:1;
-    border-color: #f47738;
-    border-color: rgba(244, 119, 56, var(--border-opacity)); }
+    border-color: #a82227;
+    border-color: rgba(168, 34, 39, 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 {
@@ -4137,8 +4707,8 @@ img, video {
       .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: #f47738;
-        border-color: rgba(244, 119, 56, var(--border-opacity)); }
+        border-color: #a82227;
+        border-color: rgba(168, 34, 39, 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; }
 
@@ -4201,21 +4771,30 @@ img, video {
     font-size: 16px;
     line-height: 24px;
     --text-opacity:1;
-    color: #f47738;
-    color: rgba(244, 119, 56, var(--text-opacity)); }
+    color: #a82227;
+    color: rgba(168, 34, 39, var(--text-opacity)); }
     .CitizenHomeCard .links a {
       display: block;
       padding-bottom: 8px; }
 
 @media (min-width: 780px) {
   .citizenAllServiceGrid {
+    display: flex-root !important;
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
     grid-gap: 1rem;
     gap: 1rem; }
+  .links {
+    display: grid;
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+    grid-gap: 1px;
+    gap: 1px; }
   .CitizenHomeCard {
-    min-width: 40%;
-    margin-left: 0;
+    padding: 16px !important;
+    margin-right: 16px !important;
+    display: block !important;
+    -webkit-box-shadow: rgba(50, 50, 93, 0.18) 0 50px 100px -20px, rgba(0, 0, 0, 0.16) 0 30px 60px -30px, rgba(10, 37, 64, 0.17) 0 -2px 6px 0 inset;
+    box-shadow: 0 50px 100px -20px rgba(50, 50, 93, 0.18), 0 30px 60px -30px rgba(0, 0, 0, 0.16), inset 0 -2px 6px 0 rgba(10, 37, 64, 0.17);
     display: inline-block;
     margin-right: 24px;
     padding: 24px;
@@ -4259,10 +4838,10 @@ img, video {
     color: #505a5f;
     font-weight: 400; }
   .PropertySearchForm .PropertySearchFormSwitcher .selected {
-    color: #f47738;
+    color: #a82227;
     font-weight: 700;
     padding-bottom: 10px;
-    border-bottom: 2px solid #f47738; }
+    border-bottom: 2px solid #a82227; }
   .PropertySearchForm .PropertySearchFormSwitcher span {
     margin-right: 20px; }
 
@@ -4329,8 +4908,8 @@ img, video {
         font-size: 16px;
         line-height: 24px;
         --text-opacity:1;
-        color: #f47738;
-        color: rgba(244, 119, 56, var(--text-opacity));
+        color: #a82227;
+        color: rgba(168, 34, 39, var(--text-opacity));
         width: 25%;
         display: inline-block; }
   .search-form-wrapper .submit {
@@ -4348,8 +4927,8 @@ img, video {
       font-size: 16px;
       line-height: 24px;
       --text-opacity:1;
-      color: #f47738;
-      color: rgba(244, 119, 56, var(--text-opacity));
+      color: #a82227;
+      color: rgba(168, 34, 39, var(--text-opacity));
       width: 100%;
       display: inline-block; }
   .search-form-wrapper .pt-property-search {
@@ -4439,8 +5018,8 @@ img, video {
     border-radius: 50%;
     text-align: center; }
   .timeline-container .active {
-    background-color: #f47738;
-    border-color: #f47738; }
+    background-color: #a82227;
+    border-color: #a82227; }
 
 .TLComments {
   max-width: 360px;
@@ -4489,7 +5068,13 @@ img, video {
   .PageBasedInputWrapper .SubmitBar {
     display: none; }
   .PageBasedInputWrapper .SubmitBarInCardInDesktopView {
-    display: block; } }
+    display: block;
+    position: relative;
+    background-color: rgba(255, 255, 255, 0); }
+  .PageBasedInputWrapper .card, .PageBasedInputWrapper .card-emp {
+    max-width: 960px; }
+  .PageBasedInputWrapper button {
+    max-width: 240px; } }
 
 .StandaloneSearchBar {
   --bg-opacity:1;
@@ -4511,8 +5096,10 @@ img, video {
     outline-offset: 2px; }
 
 .CardBasedOptions {
-  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
+  -webkit-box-shadow: rgba(50, 50, 93, 0.07843) 0 50px 100px -20px, rgba(0, 0, 0, 0.18) 0 30px 60px -30px, rgba(10, 37, 64, 0.21961) 0 -2px 6px 0 inset;
+  box-shadow: 0 50px 100px -20px rgba(50, 50, 93, 0.07843), 0 30px 60px -30px rgba(0, 0, 0, 0.18), inset 0 -2px 6px 0 rgba(10, 37, 64, 0.21961);
+  border-radius: 12px;
+  padding: 0 !important;
   --bg-opacity:1;
   background-color: #fff;
   background-color: rgba(255, 255, 255, var(--bg-opacity));
@@ -4539,8 +5126,8 @@ img, video {
       line-height: 24px;
       --text-opacity:1; }
     .CardBasedOptions .headContent p {
-      color: #f47738;
-      color: rgba(244, 119, 56, var(--text-opacity));
+      color: #a82227;
+      color: rgba(168, 34, 39, var(--text-opacity));
       font-weight: 500;
       cursor: pointer; }
   .CardBasedOptions .mainContent {
@@ -4552,7 +5139,8 @@ img, video {
     justify-content: space-evenly; }
     .CardBasedOptions .mainContent .CardBasedOptionsMainChildOption {
       width: 25%;
-      text-align: center; }
+      text-align: center;
+      margin: auto; }
       .CardBasedOptions .mainContent .CardBasedOptionsMainChildOption .ChildOptionImageWrapper {
         margin: auto !important;
         background: rgba(244, 119, 56, 0.12);
@@ -4565,7 +5153,7 @@ img, video {
         .CardBasedOptions .mainContent .CardBasedOptionsMainChildOption .ChildOptionImageWrapper svg {
           height: 20px;
           width: 20px;
-          fill: #f47738;
+          fill: #a82227;
           margin: auto; }
       .CardBasedOptions .mainContent .CardBasedOptionsMainChildOption .ChildOptionName {
         font-size: 12px;
@@ -4574,7 +5162,43 @@ img, video {
 @media (min-width: 780px) {
   .CardBasedOptions {
     width: calc(50% - 16px);
-    padding: 16px; } }
+    padding: 0 !important;
+    height: 250px !important; } }
+
+.citizen .ServicesSection .CardBasedOptions:nth-child(odd) .employeeCustomCard {
+  background-image: url(https://in-egov-assets.s3.ap-south-1.amazonaws.com/images/top-red-card.png);
+  background-size: cover; }
+
+.citizen .ServicesSection .CardBasedOptions:nth-child(2n) .employeeCustomCard {
+  background-image: url(https://in-egov-assets.s3.ap-south-1.amazonaws.com/images/top-green-card.png);
+  background-size: cover; }
+
+.citizen .employeeCustomCard {
+  border-radius: 10px;
+  background-image: url(https://in-egov-assets.s3.ap-south-1.amazonaws.com/images/top-red-card.png);
+  background-size: cover; }
+  .citizen .employeeCustomCard .employeeCustomCard {
+    border-radius: 10px;
+    background-image: url(https://in-egov-assets.s3.ap-south-1.amazonaws.com/images/top-red-card.png);
+    background-size: cover; }
+
+.employee-card-banner {
+  height: 60%;
+  margin-bottom: -10%; }
+
+.citizen .employee-card-banner {
+  margin-bottom: -5% !important;
+  height: 65% !important; }
+
+.citizen .employee-card-banner .citizenAllServiceGrid {
+  display: flex-root !important;
+  height: 100% !important; }
+
+@media screen and (min-width: 300px) {
+  .CardBasedOptions {
+    height: 200px; }
+  .employeeCustomCard {
+    font-size: 1rem; } }
 
 .WhatsNewCard {
   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
@@ -4584,10 +5208,10 @@ img, video {
   background-color: #fff;
   background-color: rgba(255, 255, 255, var(--bg-opacity));
   --border-opacity:1;
-  border-color: #f47738;
+  border-color: #a82227;
   border-left: 4px;
   border-style: solid;
-  border-color: rgba(244, 119, 56, var(--border-opacity));
+  border-color: rgba(168, 34, 39, var(--border-opacity));
   padding: 8px; }
   .WhatsNewCard h2 {
     font-size: 16px;
@@ -4607,8 +5231,8 @@ img, video {
     margin-bottom: 8px; }
   .WhatsNewCard a {
     display: block;
-    color: #f47738;
-    color: rgba(244, 119, 56, var(--text-opacity)); }
+    color: #a82227;
+    color: rgba(168, 34, 39, var(--text-opacity)); }
 
 .SearchOnRadioButton svg {
   fill: #505a5f;
@@ -4620,8 +5244,8 @@ img, video {
 
 .EventCalendarView .MonthViewInEventCalendar {
   --bg-opacity:1;
-  background-color: #f47738;
-  background-color: rgba(244, 119, 56, var(--bg-opacity));
+  background-color: #a82227;
+  background-color: rgba(168, 34, 39, var(--bg-opacity));
   font-size: 19px;
   line-height: 23px;
   --text-opacity:1;
@@ -4640,8 +5264,8 @@ img, video {
   line-height: 32px;
   font-weight: 700;
   --text-opacity:1;
-  color: #f47738;
-  color: rgba(244, 119, 56, var(--text-opacity));
+  color: #a82227;
+  color: rgba(168, 34, 39, var(--text-opacity));
   text-align: center;
   padding-top: 16px;
   padding-bottom: 16px; }
@@ -4749,6 +5373,34 @@ img, video {
     -ms-flex-item-align: center;
     align-self: center; }
 
+.sidebar-menu {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  padding-top: 16px;
+  padding-left: 16px;
+  padding-right: 16px;
+  color: #757575; }
+  .sidebar-menu .menu-item {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    cursor: pointer;
+    min-height: 48px;
+    margin: 0;
+    padding: 0; }
+    .sidebar-menu .menu-item .menu-item-icon svg {
+      color: #757575;
+      fill: #757575;
+      width: 21px;
+      height: 21px; }
+    .sidebar-menu .menu-item .menu-item-text {
+      margin-left: 1em; }
+
 .InboxComposerWrapper .form-field-flex-one .form-field {
   -webkit-box-flex: 1;
   -ms-flex: 1 1 0%;
@@ -4786,58 +5438,470 @@ img, video {
     -ms-flex-direction: row-reverse;
     flex-direction: row-reverse; }
 
-.loginFormStyleEmployee .employeeCard .submit-bar {
-  width: 100%; }
-
-.banner .bannerCard {
-  min-width: 420px !important; }
-
-.employeeForgotPassword .employeeCard .field .field-container .component-in-front {
-  margin-top: 0;
-  border: 1px solid;
-  border-right: none;
-  padding: 7px; }
-
 @media (min-width: 780px) {
-  .employeeForgotPassword .employeeCard .field .field-container .component-in-front {
-    padding: 7px; }
-  .banner .bannerCard, .loginFormStyleEmployee .employeeCard {
-    min-width: 420px !important; }
-  .employeeChangePassword .employeeCard, .employeeForgotPassword .employeeCard {
-    max-width: 420px !important;
-    min-width: 420px !important; } }
-
-.employeeForgotPassword .employee-card-input {
-  margin-bottom: 0;
-  border-left: none; }
-
-.employeeForgotPassword .field-container {
-  margin: 10px 0; }
-
-.employeeForgotPassword .submit-bar {
-  width: 100%; }
-
-.employeeChangePassword .submit-bar {
-  width: 100% !important; }
-
-.employeeChangePassword .card-text, .employeeChangePassword .input-otp-wrap {
-  text-align: center; }
-
-.submit-bar .submit-bar {
-  width: 100%; }
-
-.employeeChangePassword .bannerHeader p, .employeeForgotPassword .bannerHeader p, .loginFormStyleEmployee .bannerHeader p {
-  font-size: 19px; }
-
-.employeeCard .card-sub-header {
-  font-size: 24px; }
-
-.employeeForgotPassword .employeeCard .card-label, .loginFormStyleEmployee .employeeCard .card-label {
-  font-weight: 400;
-  font-size: 16px;
-  line-height: 19px;
+  .InboxComposerWrapper {
+    grid-template-columns: calc(25% - 32px) 75%;
+    display: grid;
+    grid-column-gap: 2rem;
+    -webkit-column-gap: 2rem;
+    -moz-column-gap: 2rem;
+    column-gap: 2rem;
+    grid-row-gap: 1.5rem;
+    row-gap: 1.5rem; }
+  .wns-inbox-composer .filter-form {
+    height: -webkit-fit-content;
+    height: -moz-fit-content;
+    height: fit-content; }
+  .wns-inbox-composer .wns-search-field {
+    width: 30% !important; }
+  .wns-inbox-composer .form-field {
+    width: 100% !important; }
+  .wns-inbox-composer .SubmitAndClearAllContainer {
+    width: 100%;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: end;
+    -ms-flex-pack: end;
+    justify-content: end;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center; }
+    .wns-inbox-composer .SubmitAndClearAllContainer .clear-search {
+      width: 30%;
+      display: inline-block;
+      vertical-align: middle;
+      cursor: pointer; }
+      .wns-inbox-composer .SubmitAndClearAllContainer .clear-search [dir=rtl] p {
+        text-align: left; }
+      .wns-inbox-composer .SubmitAndClearAllContainer .clear-search p {
+        padding: 1rem;
+        color: #f47738; }
+    .wns-inbox-composer .SubmitAndClearAllContainer .submit {
+      width: 30% !important;
+      margin-left: unset !important; }
+      .wns-inbox-composer .SubmitAndClearAllContainer .submit button {
+        width: 100% !important; }
+  .search-form-wns-inbox .clear-search-container {
+    grid-column: 2/3;
+    text-align: right; }
+    .search-form-wns-inbox .clear-search-container .clear-search {
+      width: 100%;
+      color: #f47738; }
+  .search-form-wns-inbox button {
+    width: 100%; }
+  .search-form-wns-inbox .filter-form {
+    height: -webkit-fit-content;
+    height: -moz-fit-content;
+    height: fit-content; }
+  .search-form-wns-inbox .search-complaint-container {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-align: start;
+    -ms-flex-align: start;
+    align-items: flex-start;
+    --bg-opacity:1;
+    background-color: #fff;
+    background-color: rgba(255, 255, 255, var(--bg-opacity));
+    padding: 16px;
+    display: unset;
+    -ms-flex-wrap: unset;
+    flex-wrap: unset;
+    -webkit-box-pack: unset;
+    -ms-flex-pack: unset;
+    justify-content: unset;
+    margin-bottom: 0; }
+    .search-form-wns-inbox .search-complaint-container .complaint-input-container {
+      display: grid !important;
+      grid-template-columns: 33.33% 33.33% 33.33%; }
+    .search-form-wns-inbox .search-complaint-container .form-field {
+      width: 100%;
+      padding-right: 15px; }
+      .search-form-wns-inbox .search-complaint-container .form-field .clear-search {
+        padding-top: 10px; }
+  .search-form-wns-inbox .submit {
+    margin-top: 0;
+    right: 0; } }
+
+.searchInputFAQs {
+  margin-right: 24px;
+  margin-bottom: 10px; }
+  .searchInputFAQs input, .searchInputFAQs .checkbox-wrap .input-emp, .checkbox-wrap .searchInputFAQs .input-emp {
+    margin-bottom: 0;
+    background: border-box;
+    padding-right: 36px; }
+
+.faq-page {
+  width: 92%;
+  margin: 16px; }
+
+.faqs {
+  cursor: pointer; }
+  .faqs .faq-question {
+    font-weight: 400;
+    margin: 16px;
+    background: #fff;
+    -webkit-box-pack: justify;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    font-size: 16px; }
+  .faqs .faqicon {
+    float: right; }
+  .faqs .faq-answer {
+    background: #fff;
+    overflow: hidden;
+    margin: 5px;
+    font-size: 16px;
+    line-height: 20px;
+    --text-opacity:1;
+    color: #505a5f;
+    color: rgba(80, 90, 95, var(--text-opacity));
+    margin-bottom: 8px; }
+    .faqs .faq-answer span {
+      display: block;
+      font-size: 14px;
+      font-weight: 400;
+      margin: 0 12px 5px; }
+  .faqs .cs-box-border {
+    height: 1px;
+    position: relative;
+    border-bottom: 1px solid #d3d3d3;
+    background: #d3d3d3;
+    margin-left: 16px;
+    margin-right: 16px; }
+
+.faq-list {
+  background: #fff;
+  margin: 5px 0;
+  padding-top: 4px;
+  padding-bottom: 4px; }
+
+.rotate {
+  -webkit-transform: rotate(90deg);
+  transform: rotate(90deg); }
+
+.how-it-works-page {
+  width: 92%;
+  margin: 16px; }
+  .how-it-works-page .how-it-works-page-header {
+    margin-bottom: 15px; }
+
+.video-icon {
+  float: left;
+  background-color: #6f6f6f;
+  height: 60px;
+  width: 100px;
+  cursor: pointer;
+  margin: 5px; }
+  .video-icon .vid-svg {
+    padding-left: 35px;
+    padding-top: 18px; }
+
+.how-it-works-header-description {
+  padding: 5px;
+  word-wrap: break-word; }
+  .how-it-works-header-description h2 {
+    font-size: 16px; }
+  .how-it-works-header-description h2, .how-it-works-header-description p {
+    font-weight: 400; }
+  .how-it-works-header-description p {
+    font-size: 12px; }
+
+.how-it-works-pdf-section {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between; }
+  .how-it-works-pdf-section .pdf-icon-header-desc {
+    float: left; }
+    .how-it-works-pdf-section .pdf-icon-header-desc .pdf-header-desc, .how-it-works-pdf-section .pdf-icon-header-desc .pdf-icon {
+      display: inline-block; }
+    .how-it-works-pdf-section .pdf-icon-header-desc .pdf-header-desc {
+      position: absolute;
+      padding: 5px;
+      word-wrap: break-word; }
+      .how-it-works-pdf-section .pdf-icon-header-desc .pdf-header-desc h2 {
+        font-size: 16px;
+        font-weight: 400; }
+      .how-it-works-pdf-section .pdf-icon-header-desc .pdf-header-desc p {
+        font-size: 12px;
+        font-weight: 400; }
+  .how-it-works-pdf-section .download-icon {
+    float: right; }
+
+.how-it-works-video-play {
+  display: inline-block; }
+  .how-it-works-video-play .close-button {
+    float: right;
+    cursor: pointer; }
+
+.pay-whatsapp-card {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  cursor: pointer; }
+
+.pay-whatsapp-text {
+  color: #25d366;
+  float: left;
+  font-family: Roboto;
+  font-size: 16px;
+  font-weight: 700; }
+
+.dynamicDataCard {
+  background: rgba(244, 119, 56, 0.12);
+  mix-blend-mode: normal;
+  height: auto;
+  max-height: 64px;
+  border-radius: 4px;
+  margin-bottom: 16px; }
+
+.dynamicData {
+  padding: 10px 16px 16px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex; }
+
+.dynamicData-content {
+  font-family: Roboto;
+  font-size: 14px;
+  font-weight: 400;
+  padding-top: 4px;
+  word-break: break-word;
+  margin-left: 20px;
+  margin-right: 20px; }
+
+.staticDataCard {
+  background: #eee;
+  mix-blend-mode: normal;
+  height: auto;
+  max-height: 100px;
+  border-radius: 4px;
+  margin-bottom: 16px; }
+
+.staticData {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex; }
+
+.timerIcon {
+  padding: 16px 0 16px 16px; }
+
+.static-data-content {
+  display: grid;
+  margin-left: 20px;
+  margin-right: 20px;
+  padding-top: 8px; }
+
+.rupeeSymbol {
+  padding: 16px 0 16px 16px; }
+
+.validityIcon {
+  padding: 16px 0 16px 8px; }
+
+.static-data-content-first {
+  font-family: Roboto;
+  font-size: 14px;
+  font-weight: 400; }
+
+.static-data-content-second {
+  font-family: Roboto;
+  font-size: 16px;
+  font-weight: 700;
+  word-break: break-word; }
+
+.staticDataCardLast {
+  background: #eee;
+  mix-blend-mode: normal;
+  height: 56px;
+  border-radius: 4px; }
+
+.whatsAppIconG {
+  float: right; }
+
+.static-home-Card {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between; }
+
+.static-home-Card-header {
+  font-family: Roboto;
+  font-size: 16px;
+  font-weight: 700;
+  float: left; }
+
+.helplineIcon {
+  float: right; }
+
+.call-center-card-text {
+  display: grid; }
+
+.call-center-card-content {
+  float: left; }
+
+.serviceCentrIcon {
+  float: right; }
+
+.service-center-details-card {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  word-wrap: break-word; }
+
+.service-center-details-text {
+  float: left;
+  width: 180px; }
+
+.react-switch-checkbox {
+  height: 0;
+  width: 0;
+  visibility: hidden; }
+
+.react-switch-label {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  cursor: pointer;
+  width: 50px;
+  height: 20px;
+  background: #fff;
+  border-radius: 100px;
+  position: relative;
+  -webkit-transition: background-color .2s;
+  transition: background-color .2s;
+  border: 1px solid #bbb; }
+
+.react-switch-label .react-switch-button {
+  content: "";
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  width: 14px;
+  height: 14px;
+  border-radius: 45px;
+  -webkit-transition: .2s;
+  transition: .2s;
+  background: #a82227;
+  -webkit-box-shadow: 0 0 2px 0 rgba(10, 10, 10, 0.29);
+  box-shadow: 0 0 2px 0 rgba(10, 10, 10, 0.29); }
+
+.react-switch-checkbox:checked + .react-switch-label .react-switch-button {
+  left: calc(100% - 2px);
+  -webkit-transform: translateX(-100%);
+  transform: translateX(-100%); }
+
+.react-switch-label:active .react-switch-button {
+  width: 45px; }
+
+.PlusMinus {
+  text-align: center;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-line-pack: center;
+  align-content: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center; }
+
+.PlusMinusbutton {
+  border: 1px solid #d6d5d4;
+  background-color: #eee;
+  color: #505a5f;
+  font-size: 27px;
+  font-weight: 400;
+  text-align: center;
+  width: 40px; }
+
+.loginFormStyleEmployee {
+  z-index: 10;
+  margin-top: 15px; }
+  .loginFormStyleEmployee .employeeCard .submit-bar {
+    width: 100%;
+    height: 2rem !important; }
+  .loginFormStyleEmployee .employeeCard .employeeCard .submit-bar .submit-bar header {
+    line-height: 2rem !important;
+    font-size: 16px; }
+
+.banner .bannerCard {
+  min-width: 420px !important;
+  background-color: initial; }
+
+.employeeForgotPassword .employeeCard .field .field-container .component-in-front {
+  border: 1px solid;
+  border-right: none;
+  height: 32px !important;
+  margin-top: -16px !important;
+  z-index: 999;
+  background-color: rgba(255, 255, 255, 0.92157); }
+
+@media (min-width: 780px) {
+  .employeeForgotPassword .employeeCard .field .field-container .component-in-front {
+    border: 1px solid #000;
+    border-right: none;
+    height: 32px !important;
+    margin-top: -16px !important;
+    z-index: 999;
+    background-color: rgba(255, 255, 255, 0.92157); }
+  .banner .bannerCard, .loginFormStyleEmployee .employeeCard {
+    min-width: 270px !important;
+    background-color: rgba(255, 255, 255, 0.83922) !important; }
+  .employeeChangePassword .employeeCard, .employeeForgotPassword .employeeCard {
+    max-width: 270px !important;
+    min-width: 270px !important;
+    background-color: rgba(255, 255, 255, 0.92157); } }
+
+.employeeForgotPassword .employee-card-input {
+  margin-bottom: 0;
+  border-left: none; }
+
+.employeeForgotPassword .field-container {
+  margin: 10px 0; }
+
+.employeeForgotPassword .submit-bar {
+  width: 100%;
+  background-color: #5a1166 !important; }
+
+.employeeChangePassword .submit-bar {
+  width: 100% !important; }
+
+.employeeChangePassword .card-text, .employeeChangePassword .input-otp-wrap {
+  text-align: center; }
+
+.submit-bar .submit-bar {
+  width: 100%; }
+
+.employeeChangePassword .bannerHeader p, .employeeForgotPassword .bannerHeader p, .loginFormStyleEmployee .bannerHeader p {
+  font-size: 19px; }
+
+.employeeCard .card-sub-header {
+  font-size: 24px; }
+
+.employeeForgotPassword .employeeCard .card-label, .loginFormStyleEmployee .employeeCard .card-label {
+  font-weight: 600 !important;
+  font-size: 14px !important;
+  line-height: 10px !important;
   color: #0b0c0c;
-  margin-top: 20px; }
+  z-index: 10 !important; }
 
 .banner .bannerHeader {
   margin-bottom: 20px; }
@@ -4845,12 +5909,14 @@ img, video {
 .employeeCard .card-label {
   font-weight: 400;
   font-size: 16px;
-  line-height: 19px;
-  color: #0b0c0c; }
+  line-height: 19px; }
 
 .profile-label-margin {
   margin-top: 10px; }
 
+.loginFormStyleEmployee .primary-label-btn {
+  font-size: 12px; }
+
 .employeeForgotPassword .employeeCard .card-label-desc {
   font-weight: 400;
   font-size: 16px;
@@ -4863,6 +5929,12 @@ img, video {
   font-size: 16px;
   color: #505a5f; }
 
+.employeeCard .card-label {
+  font-weight: 600 !important;
+  font-size: 14px !important;
+  line-height: 10px !important;
+  color: #0b0c0c; }
+
 @media screen and (max-width: 768px) {
   .employeeChangePassword .employeeCard .card-text {
     margin-top: 7px; }
@@ -4885,6 +5957,9 @@ img, video {
 .employeeChangePassword .employeeCard .field .field-container {
   margin-bottom: 24px; }
 
+.upyog-copyright-footer-web {
+  display: none; }
+
 .employeeChangePassword .employeeCard .employee-card-sub-header, .employeeForgotPassword .employeeCard .employee-card-sub-header, .loginFormStyleEmployee .employeeCard .employee-card-sub-header {
   font-size: 24px !important;
   line-height: 28px !important;
@@ -4894,14 +5969,18 @@ img, video {
   .employeeChangePassword .employeeCard .employee-card-sub-header, .employeeForgotPassword .employeeCard .employee-card-sub-header, .loginFormStyleEmployee .employeeCard .employee-card-sub-header {
     font-size: 18px !important;
     line-height: 21px !important;
-    margin-bottom: 0 !important; }
+    margin-bottom: 0 !important;
+    z-index: 10 !important; }
   .banner .bannerCard, .loginFormStyleEmployee .employeeCard {
-    min-width: 340px !important;
-    margin: 10px !important; }
+    min-width: 270px !important;
+    z-index: 10 !important;
+    background-color: rgba(255, 255, 255, 0.83922) !important;
+    margin-top: 0 !important; }
   .employeeChangePassword .employeeCard, .employeeForgotPassword .employeeCard {
-    max-width: 360px !important;
-    min-width: 340px !important;
-    margin: 10px !important; } }
+    max-width: 250px !important;
+    min-width: 250px !important;
+    margin-top: -50% !important;
+    background-color: rgba(255, 255, 255, 0.92157); } }
 
 .employeeChangePassword .employeeCard .card-text {
   margin-top: 18px !important;
@@ -4910,8 +5989,15 @@ img, video {
 .employeeBackbuttonAlign {
   display: none; }
 
+.employee-select-wrap .select {
+  height: 2rem !important;
+  background-color: #fff !important; }
+
 .employee-select-wrap.login-city-dd .options-card {
-  max-height: 200px; }
+  max-height: 150px; }
+
+.banner .bannerCard, .loginFormStyleEmployee .employeeCard {
+  background-color: initial; }
 
 @media screen and (max-width: 768px) {
   .employeeBackbuttonAlign {
@@ -4920,20 +6006,36 @@ img, video {
     top: 20px;
     left: 20px; }
   .banner {
-    -webkit-box-align: end;
-    -ms-flex-align: end;
-    align-items: flex-end;
     padding-bottom: 40px;
-    height: 100vh !important; }
+    height: 100vh !important;
+    z-index: 1; }
   .topbar {
-    background: rgba(34, 57, 77, var(--bg-opacity)) !important;
-    color: #fff; }
+    background: #fff; }
   .employee .loginContainer {
     padding-top: 0 !important; }
   .removeBottomMargin {
     margin-bottom: 0 !important; }
   .employee-select-wrap.login-city-dd .options-card {
-    max-height: 160px; } }
+    max-height: 160px; }
+  .banner .upyog-copyright-footer {
+    display: none; }
+  .banner .upyog-copyright-footer-web {
+    display: block; } }
+
+@media screen and (max-width: 900px) {
+  .loginFormStyleEmployee .employeeForgotPassword {
+    margin-top: -50% !important;
+    background-color: rgba(255, 255, 255, 0.92157) !important;
+    z-index: 2; }
+  .psuedo-banner {
+    font-size: 20px; }
+  .banner-slogan {
+    font-size: 14px; }
+  .employeeForgotPassword, .loginFormStyleEmployee {
+    margin-top: -30% !important; } }
+
+.employeeForgotPassword {
+  z-index: 2; }
 
 .employee .breadcrumb {
   margin-left: 8px;
@@ -4941,6 +6043,7 @@ img, video {
 
 .employee .ground-container {
   margin-bottom: 56px;
+  margin-left: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -4956,14 +6059,18 @@ img, video {
   display: inline-block;
   margin: 8px auto; }
 
+.employee .home-action-cards {
+  height: auto !important;
+  min-height: 263px; }
+
 .employee .topbar {
   position: fixed;
   top: 0;
   width: 100%;
   padding: 16px 24px;
   background: #fff;
-  -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0 1px 4px;
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
+  -webkit-box-shadow: 0 1px 4px #b1b4b6;
+  box-shadow: 0 1px 4px #b1b4b6;
   z-index: 9999; }
   .employee .topbar img {
     display: inline; }
@@ -4981,15 +6088,79 @@ img, video {
     float: right;
     margin-top: 12px; }
     .employee .topbar .right .user-img-txt {
-      background: #f47738;
+      background: #a82227;
       padding: 10px 15px;
       border-radius: 50%;
       color: #fff;
       font-weight: 700; }
 
-.employee .loginContainer, .employee .main {
+.employee .main {
   padding-top: 88px; }
 
+.employee .submit-bar header {
+  height: 2rem !important;
+  line-height: 2rem !important; }
+
+.employee .loginContainer {
+  padding-top: 88px;
+  position: relative; }
+
+.employee .loginnn {
+  position: relative;
+  min-width: 100%; }
+
+.employee .loginnn, .employee .loginnn .img {
+  max-width: 100%;
+  width: 100%; }
+
+.employee .loginnn .img {
+  position: absolute;
+  background-size: cover;
+  max-height: 100%; }
+
+.employee .logoNiua {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  position: absolute; }
+
+.employee .logoNiua .img {
+  width: 15%;
+  height: 15%; }
+
+.employee .upyogLogo {
+  width: 100% !important; }
+
+.employee .login-logo-wrapper {
+  min-width: 100%;
+  height: 100%;
+  position: absolute;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: row;
+  flex-direction: row; }
+
+.employee .loginConference {
+  position: relative;
+  height: 100%;
+  width: 100%;
+  font-weight: 700; }
+
+.employee .login-banner-wrapper {
+  position: relative;
+  color: #fff;
+  float: right;
+  z-index: 999;
+  height: 100%;
+  padding-top: 35vh;
+  margin-right: 2%;
+  text-align: right;
+  font-family: none; }
+
 .employee .react-time-picker {
   width: 100%; }
 
@@ -5012,26 +6183,138 @@ img, video {
 .employee .react-time-picker__wrapper {
   padding-left: 8px; }
 
+#login-conference-table {
+  position: absolute;
+  z-index: 1;
+  width: 36vw;
+  height: 62vh;
+  margin-top: 20vh;
+  margin-left: 2vw; }
+
+.banner-slogan {
+  padding-top: 10%; }
+
+.psuedo-banner span {
+  color: #fdd049; }
+
+.login-banner-wrapper .psuedo-banner {
+  font-size: 2.2rem; }
+
+.login-banner-wrapper .banner-slogan {
+  font-size: 1.5rem; }
+
 .citizen .main {
   padding-top: 82px;
-  min-height: calc(100vh - 90px); }
+  min-height: calc(100vh - 48px);
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
+  display: flex !important; }
 
 .citizen .sidebar, .employee .sidebar {
   position: fixed;
   left: 0;
-  padding: 20px 0;
-  background: #22394d;
   height: 100%;
   color: #fff;
   margin-top: 80px;
-  z-index: 1000; }
+  z-index: 999;
+  -webkit-transition: all .3s ease;
+  transition: all .3s ease;
+  white-space: nowrap;
+  height: calc(100vh - 36px);
+  padding-bottom: 5rem;
+  background-image: url(https://in-egov-assets.s3.ap-south-1.amazonaws.com/images/top-green-card.png), url(https://in-egov-assets.s3.ap-south-1.amazonaws.com/images/top-red-card.png);
+  background-blend-mode: lighten;
+  background-size: cover; }
   .citizen .sidebar .actions, .employee .sidebar .actions {
     cursor: pointer;
-    padding: 0 20px;
-    margin-bottom: 32px; }
-    .citizen .sidebar .actions.active, .employee .sidebar .actions.active {
-      border-right: 4px solid #f47738;
-      padding-right: 16px; }
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center; }
+    .citizen .sidebar .actions .tooltip, .employee .sidebar .actions .tooltip {
+      margin-left: 16px; }
+  .citizen .sidebar svg, .employee .sidebar svg {
+    width: 24px;
+    height: 24px;
+    fill: #fff; }
+  .citizen .sidebar a, .employee .sidebar a {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex; }
+  .citizen .sidebar .sidebar-link, .employee .sidebar .sidebar-link {
+    -webkit-box-pack: justify;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+    padding: 20px; }
+    .citizen .sidebar .sidebar-link.active, .employee .sidebar .sidebar-link.active {
+      color: #a82227 !important;
+      border-right: 4px solid #a82227; }
+      .citizen .sidebar .sidebar-link.active svg, .employee .sidebar .sidebar-link.active svg {
+        fill: #a82227 !important; }
+    .citizen .sidebar .sidebar-link .employee-search-input, .employee .sidebar .sidebar-link .employee-search-input {
+      border: none;
+      outline: none;
+      background-color: transparent;
+      margin-left: 13px; }
+    .citizen .sidebar .sidebar-link .custom-link .tooltip, .employee .sidebar .sidebar-link .custom-link .tooltip {
+      margin-left: 16px; }
+      .citizen .sidebar .sidebar-link .custom-link .tooltip span, .employee .sidebar .sidebar-link .custom-link .tooltip span {
+        margin-left: unset !important;
+        left: unset !important; }
+    .citizen .sidebar .sidebar-link svg, .employee .sidebar .sidebar-link svg {
+      fill: #fff !important;
+      width: 21px;
+      height: 21px; }
+    .citizen .sidebar .sidebar-link:hover, .employee .sidebar .sidebar-link:hover {
+      color: #a82227 !important;
+      background-color: #486480;
+      cursor: pointer; }
+      .citizen .sidebar .sidebar-link:hover svg, .employee .sidebar .sidebar-link:hover svg {
+        fill: #a82227 !important; }
+    .citizen .sidebar .sidebar-link .search-icon-wrapper svg, .employee .sidebar .sidebar-link .search-icon-wrapper svg {
+      fill: #fff !important;
+      width: 21px;
+      height: 21px; }
+      .citizen .sidebar .sidebar-link .search-icon-wrapper svg path, .employee .sidebar .sidebar-link .search-icon-wrapper svg path {
+        fill: #fff !important; }
+  .citizen .sidebar .dropdown-link, .citizen .sidebar .sidebar-link, .employee .sidebar .dropdown-link, .employee .sidebar .sidebar-link {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    color: #fff;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    font-size: 14px; }
+  .citizen .sidebar .dropdown-link, .employee .sidebar .dropdown-link {
+    height: 40px;
+    margin-left: 40px;
+    text-decoration: none; }
+    .citizen .sidebar .dropdown-link .actions .tooltiptext, .employee .sidebar .dropdown-link .actions .tooltiptext {
+      left: unset;
+      right: 1%; }
+    .citizen .sidebar .dropdown-link svg, .employee .sidebar .dropdown-link svg {
+      width: 20px;
+      height: 20px;
+      fill: #fff; }
+    .citizen .sidebar .dropdown-link:hover, .employee .sidebar .dropdown-link:hover {
+      color: #fe7a51 !important;
+      background-color: #486480;
+      cursor: pointer; }
+      .citizen .sidebar .dropdown-link:hover svg, .employee .sidebar .dropdown-link:hover svg {
+        fill: #fe7a51 !important; }
+    .citizen .sidebar .dropdown-link.active, .employee .sidebar .dropdown-link.active {
+      color: #a82227 !important;
+      border-right: 4px solid #a82227; }
+      .citizen .sidebar .dropdown-link.active svg, .employee .sidebar .dropdown-link.active svg {
+        fill: #a82227 !important; }
+  .citizen .sidebar span, .employee .sidebar span {
+    margin-left: 16px;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap; }
 
 .citizen .wrapperStyles, .employee .wrapperStyles {
   margin-top: -5px;
@@ -5126,8 +6409,8 @@ img, video {
 
 .link {
   --text-opacity:1;
-  color: #f47738;
-  color: rgba(244, 119, 56, var(--text-opacity));
+  color: #a82227;
+  color: rgba(168, 34, 39, var(--text-opacity));
   cursor: pointer; }
   .link :hover {
     --text-opacity:1;
@@ -5135,8 +6418,11 @@ img, video {
     color: rgba(200, 96, 43, var(--text-opacity)); }
 
 .RightMostTopBarOptions {
-  display: inline-block;
-  float: right; }
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  float: right;
+  display: flex; }
   .RightMostTopBarOptions .EventNotificationWrapper {
     position: relative;
     cursor: pointer; }
@@ -5153,36 +6439,10 @@ img, video {
       text-align: center; }
       .RightMostTopBarOptions .EventNotificationWrapper span p {
         line-height: 20px; }
-
-@media (min-width: 640px) {
-  .employee .ground-container {
-    display: block;
-    margin-left: 16px; }
-  .employee .breadcrumb {
-    margin-bottom: 24px;
-    margin-left: 0; }
-  .employee .card-home {
-    width: 270px; }
-  .employee .card-home, .employee .card-home-hrms {
-    margin-right: 16px;
-    margin-bottom: 16px; }
-  .employee .card-home-hrms {
-    width: 405px;
-    padding: 0; }
-  .employee .main {
-    padding-top: 80px;
-    margin-left: 72px;
-    width: calc(100% - 83px); }
-  .citizen .main {
-    grid-gap: .3rem;
-    gap: .3rem;
-    width: 100%;
-    padding-top: 80px;
-    padding-left: 16px;
-    min-height: calc(100vh - 40px); }
-  .citizen .center-container {
-    width: 70%;
-    margin: 0 auto; } }
+  .RightMostTopBarOptions .select-wrap {
+    margin-bottom: unset; }
+    .RightMostTopBarOptions .select-wrap svg {
+      fill: #fff; }
 
 .fullWidth {
   width: 100%; }
@@ -5208,7 +6468,7 @@ img, video {
 
 @media (min-width: 780px) {
   .d-grid {
-    display: grid;
+    display: flex-root;
     grid-template-columns: 250px 250px 250px 250px;
     grid-column-gap: 10px;
     -webkit-column-gap: 10px;
@@ -5227,6 +6487,123 @@ img, video {
 .mb-25 {
   margin-bottom: 25px; }
 
+@media (min-width: 640px) {
+  .employee .ground-container {
+    margin-left: 0 !important;
+    display: block;
+    margin-left: 16px; }
+  .employee .breadcrumb {
+    margin-bottom: 24px;
+    margin-left: 0; }
+  .employee .card-home {
+    width: 270px;
+    margin-right: 10px;
+    margin-bottom: 10px; }
+  .employee .card-home-hrms {
+    width: 405px;
+    padding: 0;
+    margin-right: 16px;
+    margin-bottom: 16px; }
+  .employee .main {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    padding-top: 80px;
+    margin-left: 64px;
+    width: calc(100% - 83px); }
+  .employee .citizen-home-container, .employee .main {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex; }
+  .employee .citizen-home-container {
+    -webkit-box-orient: unset !important;
+    -webkit-box-direction: unset !important;
+    -ms-flex-direction: unset !important;
+    flex-direction: unset !important;
+    width: unset !important;
+    margin-left: unset !important;
+    padding-top: 58px; }
+  #main-img {
+    content: url(https://in-egov-assets.s3.ap-south-1.amazonaws.com/images/employee-login.png); }
+  .citizen .main {
+    width: 100%;
+    padding-top: 80px;
+    min-height: calc(100vh - 48px);
+    margin-bottom: 18px !important;
+    display: -webkit-box !important;
+    display: -ms-flexbox !important;
+    display: flex !important; } }
+
+@media only screen and (max-width: 950px) {
+  #main-img {
+    content: url(https://i.postimg.cc/9Q7jT6Dd/Banner-Image-2.png); }
+  #login-conference-table {
+    position: relative;
+    z-index: 1;
+    width: 75%;
+    height: 115%;
+    margin: 25% 12% 12%; }
+  .loginConference {
+    position: absolute;
+    height: 100%;
+    width: 100%;
+    font-weight: 700;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column; }
+  .employee .login-banner-wrapper {
+    padding-top: 0; }
+  .psuedo-banner {
+    font-size: 4vw; }
+  .banner-slogan {
+    font-size: 3.5vw; } }
+
+@media screen and (min-width: 768) {
+  #login-conference-table {
+    position: absolute;
+    z-index: 1;
+    width: 40%;
+    height: 30%;
+    margin: 25% 12% 12%; } }
+
+@media only screen and (max-width: 500px) {
+  #main-img {
+    content: url(https://i.postimg.cc/9Q7jT6Dd/Banner-Image-2.png); }
+  #login-conference-table {
+    position: relative;
+    z-index: 1;
+    width: 75%;
+    height: 80%;
+    margin: 25% 12% 12%; }
+  .loginConference {
+    position: absolute;
+    height: 100%;
+    width: 100%;
+    font-weight: 700;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column; }
+  .employee .psuedo-banner {
+    font-size: 1.2rem; }
+  .employee .banner-slogan {
+    font-size: .8rem; } }
+
+@media only screen and (min-width: 300px) {
+  .employee .card-home {
+    height: 220px;
+    -webkit-box-shadow: rgba(50, 50, 93, 0.07843) 0 50px 100px -20px, rgba(0, 0, 0, 0.18) 0 30px 60px -30px, rgba(10, 37, 64, 0.21961) 0 -2px 6px 0 inset;
+    box-shadow: 0 50px 100px -20px rgba(50, 50, 93, 0.07843), 0 30px 60px -30px rgba(0, 0, 0, 0.18), inset 0 -2px 6px 0 rgba(10, 37, 64, 0.21961);
+    border-radius: 12px; } }
+
 .flex-fit {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -5237,7 +6614,8 @@ img, video {
   border-bottom: 1px;
   border-color: rgba(214, 213, 212, var(--border-opacity));
   border-style: solid;
-  padding: 8px 10px; }
+  border-bottom: 0 !important;
+  padding-top: 5px; }
 
 .card-count {
   padding-right: 36px; }
@@ -5296,6 +6674,13 @@ img, video {
       -ms-flex-pack: end;
       justify-content: flex-end; } }
 
+.popup-module-main iframe #page-container div {
+  width: 99% !important;
+  margin: 5px !important; }
+
+.popup-module-main iframe #page-container ::-webkit-scrollbar {
+  width: 0 !important; }
+
 .icon-bg-secondary {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -5431,8 +6816,8 @@ img, video {
       width: 56px;
       height: 56px;
       --bg-opacity:1;
-      background-color: #f47738;
-      background-color: rgba(244, 119, 56, var(--bg-opacity));
+      background-color: #a82227;
+      background-color: rgba(168, 34, 39, var(--bg-opacity));
       padding: 12px;
       border-radius: 4px; }
       .complaint-links-container .header .logo svg {
@@ -5459,14 +6844,15 @@ img, video {
     .complaint-links-container .body .link {
       padding: 8px;
       --text-opacity:1;
-      color: #f47738;
-      color: rgba(244, 119, 56, var(--text-opacity));
+      color: #a82227;
+      color: rgba(168, 34, 39, 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; }
+      display: flex !important;
+      color: #a82227 !important; }
     .complaint-links-container .body .inbox-total {
       padding: 4px;
       display: table;
@@ -5478,10 +6864,11 @@ img, video {
       width: 2rem;
       height: 2rem;
       --bg-opacity:1;
-      background-color: #f47738;
-      background-color: rgba(244, 119, 56, var(--bg-opacity));
+      background-color: #a82227;
+      background-color: rgba(168, 34, 39, var(--bg-opacity));
       border-radius: 9999px;
-      margin-left: 4px; }
+      margin-left: 4px;
+      background-color: #a82227 !important; }
   .complaint-links-container .links-wrapper {
     padding-left: 16px;
     padding-top: 8px;
@@ -5489,7 +6876,8 @@ img, video {
     font-size: 16px;
     line-height: 24px; }
     .complaint-links-container .links-wrapper .link {
-      padding: 0 0 4px !important; }
+      padding: 0 0 4px !important;
+      color: #a82227 !important; }
       .complaint-links-container .links-wrapper .link svg {
         margin-left: 8px; }
 
@@ -5511,8 +6899,8 @@ img, video {
 
 .filter-button {
   --text-opacity:1;
-  color: #f47738;
-  color: rgba(244, 119, 56, var(--text-opacity)); }
+  color: #a82227;
+  color: rgba(168, 34, 39, var(--text-opacity)); }
   .filter-button:hover {
     --text-opacity:1;
     color: #c8602b;
@@ -5641,8 +7029,8 @@ img, video {
       flex-direction: column; }
       .inbox-container .filters-container .search-complaint-container .complaint-input-container .complaint-input .clear-search {
         --text-opacity:1;
-        color: #f47738;
-        color: rgba(244, 119, 56, var(--text-opacity));
+        color: #a82227;
+        color: rgba(168, 34, 39, var(--text-opacity));
         display: none; }
         .inbox-container .filters-container .search-complaint-container .complaint-input-container .complaint-input .clear-search:hover {
           color: #003078;
@@ -5653,16 +7041,16 @@ img, video {
 
 .clear-search, .clear-search .link-label {
   --text-opacity:1;
-  color: #f47738;
-  color: rgba(244, 119, 56, var(--text-opacity));
+  color: #a82227;
+  color: rgba(168, 34, 39, var(--text-opacity));
   display: block;
   cursor: pointer; }
   .clear-search:hover, .clear-search .link-label:hover {
     color: #000; }
 
 .button-clear {
-  color: #f47738;
-  color: rgba(244, 119, 56, var(--text-opacity)); }
+  color: #a82227;
+  color: rgba(168, 34, 39, var(--text-opacity)); }
 
 .button-clear, .inbox-count {
   --text-opacity:1;
@@ -5674,8 +7062,8 @@ img, video {
   margin-left: 8px;
   padding: 8px;
   --bg-opacity:1;
-  background-color: #f47738;
-  background-color: rgba(244, 119, 56, var(--bg-opacity));
+  background-color: #a82227;
+  background-color: rgba(168, 34, 39, var(--bg-opacity));
   border-radius: 9999px;
   color: #fff;
   color: rgba(255, 255, 255, var(--text-opacity));
@@ -5701,8 +7089,8 @@ img, video {
       border-color: rgba(214, 213, 212, var(--border-opacity)); }
       .complaint-links-container .header .logo {
         --bg-opacity:1;
-        background-color: #f47738;
-        background-color: rgba(244, 119, 56, var(--bg-opacity));
+        background-color: #a82227;
+        background-color: rgba(168, 34, 39, var(--bg-opacity));
         padding: 12px;
         border-radius: 4px; }
       .complaint-links-container .header .text {
@@ -5724,10 +7112,11 @@ img, video {
       flex-direction: column;
       margin-left: 46px; }
       .complaint-links-container .body .link {
+        color: #a82227 !important;
         padding: 8px;
         --text-opacity:1;
-        color: #f47738;
-        color: rgba(244, 119, 56, var(--text-opacity)); }
+        color: #a82227;
+        color: rgba(168, 34, 39, var(--text-opacity)); }
   .inboxLinks {
     margin: 0 !important;
     padding: 0 !important; }
@@ -5741,7 +7130,7 @@ img, video {
         background-color: #fff;
         background-color: rgba(255, 255, 255, var(--bg-opacity)); }
         .inboxLinks .header .logo svg path {
-          fill: #f47738; }
+          fill: #a82227; }
     .inboxLinks .body {
       margin-left: 0; }
   .filter-form .filter-card {
@@ -5782,6 +7171,8 @@ img, video {
           .inbox-container .filters-container .filter .filter-card .label {
             font-size: 16px;
             line-height: 24px; }
+      .inbox-container .filters-container .citizen-filter {
+        margin-top: unset; }
     .inbox-container .search-container {
       width: 874px; }
       .inbox-container .search-container .search-complaint-container {
@@ -5805,7 +7196,7 @@ img, video {
           width: 100%;
           margin-bottom: 20px; }
         .inbox-container .search-container .search-complaint-container .complaint-input-container {
-          display: grid;
+          display: grid !important;
           grid-template-columns: 33.33% 33.33% 33.33%; }
           .inbox-container .search-container .search-complaint-container .complaint-input-container.for-pt.for-search {
             grid-template-columns: 25% 25% 25% 25%; }
@@ -5851,8 +7242,8 @@ img, video {
             flex-direction: column; }
             .inbox-container .search-container .search-complaint-container .complaint-input-container .complaint-input .clear-search {
               --text-opacity:1;
-              color: #f47738;
-              color: rgba(244, 119, 56, var(--text-opacity));
+              color: #a82227;
+              color: rgba(168, 34, 39, var(--text-opacity));
               display: block;
               cursor: pointer; }
               .inbox-container .search-container .search-complaint-container .complaint-input-container .complaint-input .clear-search:hover {
@@ -5926,21 +7317,163 @@ img, video {
 .complaint-links-container .header .removeHeight {
   line-height: 28px; }
 
-@media (min-width: 780px) {
-  .complaint-links-container .header .removeBorderRadiusLogo {
-    border-radius: 2px !important; } }
+@media (min-width: 780px) {
+  .complaint-links-container .header .removeBorderRadiusLogo {
+    border-radius: 2px !important;
+    background-color: #a82227; } }
+
+@media (min-width: 780px) {
+  .customEmployeeCard {
+    width: 320px !important;
+    height: 220px !important;
+    padding: 0 !important; } }
+
+.employeeTotalLink {
+  color: #a82227;
+  font-size: 12px; }
+
+@media (min-width: 780px) {
+  .groupBill-custom .custom-group-merge-container {
+    display: -webkit-box !important;
+    display: -ms-flexbox !important;
+    display: flex !important;
+    -webkit-box-pack: justify !important;
+    -ms-flex-pack: justify !important;
+    justify-content: space-between !important; }
+    .groupBill-custom .custom-group-merge-container .header {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-align: baseline;
+      -ms-flex-align: baseline;
+      align-items: baseline; }
+      .groupBill-custom .custom-group-merge-container .header .logo {
+        margin-right: 1rem; }
+        .groupBill-custom .custom-group-merge-container .header .logo svg path {
+          fill: #a82227; }
+      .groupBill-custom .custom-group-merge-container .header .h1 {
+        font-size: 24px;
+        line-height: 28px;
+        font-weight: 400;
+        color: #a82227; }
+  .groupBill-custom .inbox-container .search-container .search-complaint-container {
+    -webkit-box-orient: horizontal;
+    -ms-flex-direction: row;
+    flex-direction: row; }
+  .groupBill-custom .inbox-container .search-container .group-complaint-input-container, .groupBill-custom .inbox-container .search-container .search-complaint-container {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-direction: normal; }
+  .groupBill-custom .inbox-container .search-container .group-complaint-input-container {
+    width: 33% !important;
+    -webkit-box-orient: vertical;
+    -ms-flex-direction: column;
+    flex-direction: column; }
+  .groupBill-custom .inbox-action-container {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: reverse;
+    -ms-flex-direction: row-reverse;
+    flex-direction: row-reverse; }
+    .groupBill-custom .inbox-action-container .clear-search {
+      margin-top: 65px;
+      margin-left: 16px;
+      padding-top: unset !important; }
+    .groupBill-custom .inbox-action-container .submit-bar-search {
+      margin-top: 55px !important; } }
+
+.inboxLinksFSM {
+  margin: 0 !important; }
+
+.complaint-links-container .body .link {
+  color: #a82227 !important; }
+
+.employee .customEmployeeCard:nth-child(odd) .employeeCustomCard {
+  background-image: url(https://in-egov-assets.s3.ap-south-1.amazonaws.com/images/top-red-card.png);
+  background-size: cover; }
+
+.employee .customEmployeeCard:nth-child(2n) .employeeCustomCard {
+  background-image: url(https://in-egov-assets.s3.ap-south-1.amazonaws.com/images/top-green-card.png);
+  background-size: cover; }
+
+.employee .employeeCustomCard {
+  border-radius: 4%; }
+  .employee .employeeCustomCard .employeeCustomCard {
+    border-radius: 4%; }
+
+.employee-card-banner {
+  background-color: #fff;
+  width: 88%;
+  bottom: 0;
+  position: absolute;
+  margin: 0 auto -10%;
+  left: 6%;
+  -webkit-box-shadow: 1px 5px 6px 0 #e3e4e3;
+  box-shadow: 1px 5px 6px 0 #e3e4e3;
+  border-radius: 10px; }
+
+.text-employee-card {
+  font-size: 1.5rem;
+  font-weight: 700;
+  font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Oxygen,Open Sans,Helvetica Neue;
+  position: absolute;
+  top: 10%;
+  padding-left: 10%;
+  color: #fff !important;
+  width: 300px; }
+
+.connection-details-old-value-wrapper .old-value-null-wrapper, .plumber-details-old-value-wrapper .old-value-null-wrapper {
+  visibility: hidden;
+  padding-bottom: 8px;
+  margin-bottom: 8px; }
+
+.connection-details-old-value-wrapper .row, .plumber-details-old-value-wrapper .row {
+  color: #b1b4b6;
+  font-weight: 700;
+  font-size: 16px; }
+
+.search-tabs-container {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+  margin-bottom: 35px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between; }
+  .search-tabs-container .search-tab-head {
+    padding: 10px 35px; }
+  .search-tabs-container .search-tab-head-selected {
+    padding: 10px 35px;
+    color: #f47738;
+    border-bottom: 4px solid #f47738;
+    font-weight: 700; }
+  .search-tabs-container .search-tab-head-selected:focus {
+    outline: 0; }
 
-@media (min-width: 780px) {
-  .customEmployeeCard {
-    width: 273px !important;
-    height: 263px !important; } }
+.card-with-background {
+  background: #fafafa;
+  border: 1px solid #d6d5d4; }
+  .card-with-background .card-head {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: justify;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+    margin-bottom: 30px; }
+  .card-with-background h2 {
+    font-size: 16px;
+    font-weight: 700; }
 
-.employeeTotalLink {
-  color: #505a5f;
-  font-size: 16px; }
+.registryTable tHead tr th {
+  text-align: left; }
 
-.inboxLinksFSM {
-  margin: 0 !important; }
+.registryTable tBody tr td {
+  text-align: left; }
 
 .secondary-action {
   display: inline;
@@ -6051,7 +7584,7 @@ img, video {
   left: 0;
   top: 0;
   background: #fff;
-  border: 1px solid #f47738;
+  border: 1px solid #a82227;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
@@ -6117,8 +7650,8 @@ img, video {
   align-items: center; }
 
 .dss-switch-tab-selected {
-  border-bottom: 3px solid #f47738;
-  color: #f47738;
+  border-bottom: 3px solid #a82227;
+  color: #a82227;
   padding: 7px 24px; }
 
 .dss-switch-tab-selected, .dss-switch-tab-unselected {
@@ -6142,10 +7675,6 @@ img, video {
   margin-bottom: 20px !important;
   white-space: pre; }
 
-@media screen and (max-width: 768px) {
-  .dss-switch-tabs {
-    margin-right: 0; } }
-
 .dss-white-pre {
   white-space: pre; }
 
@@ -6166,13 +7695,147 @@ img, video {
 
 .dss-input-active-border {
   --border-opacity:1;
-  border: 1px solid #f47738 !important;
+  border: 1px solid #a82227 !important;
   border-color: rgba(244, 119, 56, var(--border-opacity)); }
 
+.employeeCustomCard .card-count {
+  padding-right: 0; }
+
+.dss-card {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap; }
+
+.dss-card-parent {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  width: 31%;
+  border-radius: 6px;
+  padding: 25px;
+  margin: 15px 11.5px;
+  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
+  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); }
+
+.dss-card-body, .dss-card-parent {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  cursor: pointer; }
+
+.dss-card-body {
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap; }
+
+.dss-card-header {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  margin-bottom: 30px;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
+  .dss-card-header p {
+    font-size: 24px;
+    font-family: Roboto,sans-serif;
+    font-weight: 500;
+    color: #000; }
+  .dss-card-header svg {
+    width: 50px;
+    height: 50px; }
+
+.dss-insight-card {
+  margin: 10px 0; }
+  .dss-insight-card p {
+    font-family: Roboto,sans-serif; }
+  .dss-insight-card .p1 {
+    color: #585858; }
+  .dss-insight-card .p1, .dss-insight-card .p3 {
+    font-size: 16px; }
+  .dss-insight-card .p3 {
+    font-weight: 400; }
+  .dss-insight-card .p2 {
+    font-size: 24px;
+    font-weight: 500;
+    color: #000; }
+  .dss-insight-card .color-green {
+    color: #00703c; }
+  .dss-insight-card .color-red {
+    color: #d4351c; }
+
+.w-100 {
+  width: 100%; }
+
+.dss-w-100 {
+  width: 97%; }
+
+.h-100 {
+  width: 100%;
+  height: 100%; }
+
+.dss-h-100 {
+  width: 97%;
+  height: 100%; }
+
+.tab-rows {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  height: 30px;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  width: 60%;
+  margin-left: 13%; }
+
+.tab-header {
+  font-weight: 700;
+  font-size: 16px;
+  line-height: 19px;
+  border-bottom: 1px solid #b1b4b6;
+  color: #2a3340; }
+
+.map-status {
+  position: relative;
+  width: 33%;
+  left: 50%;
+  bottom: 130px; }
+
+.map-row {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  margin-top: 5px; }
+
+.map-box {
+  display: inline-block;
+  height: 10px;
+  width: 10px; }
+
+.map-text {
+  margin-left: 5px;
+  color: #636363;
+  font-size: 14px; }
+
+@media screen and (max-width: 768px) {
+  .dss-switch-tabs {
+    margin-right: 0; }
+  .dss-card-parent {
+    width: 100%; } }
+
 body {
   margin: 0;
   padding: 0;
-  font-family: sans-serif;
+  font-family: Roboto;
   background: #f4f7fb; }
 
 .app-container-iframe {
@@ -6251,7 +7914,7 @@ body {
   bottom: 0; }
 
 .fill-path-primary-main path {
-  fill: #f47738; }
+  fill: #a82227; }
 
 .obps-search {
   margin: 8px; }
@@ -6260,6 +7923,7 @@ body {
   margin-top: -25px; }
   .HomePageWrapper .BannerWithSearch {
     margin-bottom: 40px;
+    width: 100%;
     position: relative; }
     .HomePageWrapper .BannerWithSearch .Search {
       width: calc(100% - 32px);
@@ -6277,9 +7941,20 @@ body {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
-    flex-wrap: wrap; }
+    flex-wrap: wrap;
+    padding: 40px 15px 0; }
+  @media (min-width: 780px) {
+    .HomePageWrapper .ServicesSection {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+      padding: 40px 15px 0;
+      width: 100%; } }
   .HomePageWrapper .WhatsNewSection {
-    margin: 8px; }
+    margin: 8px;
+    padding: 0 15px; }
     .HomePageWrapper .WhatsNewSection .headSection {
       display: -webkit-box;
       display: -ms-flexbox;
@@ -6298,14 +7973,51 @@ body {
         line-height: 24px;
         --text-opacity:1; }
       .HomePageWrapper .WhatsNewSection .headSection p {
-        color: #f47738;
-        color: rgba(244, 119, 56, var(--text-opacity));
-        font-weight: 500; }
+        color: #a82227;
+        color: rgba(168, 34, 39, var(--text-opacity));
+        font-weight: 500;
+        cursor: pointer; }
+    @media (min-width: 780px) {
+      .HomePageWrapper .WhatsNewSection {
+        padding-left: 15px;
+        padding-bottom: 0;
+        padding-right: 15px;
+        padding-top: 0; } }
+  .HomePageWrapper .WhatsAppBanner {
+    padding: 0 20px;
+    margin: auto;
+    cursor: pointer; }
+
+@media (min-width: 780px) {
+  .SideBarStatic {
+    width: 219px;
+    background: #fff;
+    margin-top: -24px; } }
+
+@media (max-width: 780px) {
+  .SideBarStatic {
+    width: 219px;
+    background: #fff;
+    margin-top: -24px;
+    display: none; } }
+
+@media (min-width: 780px) {
+  .HomePageContainer {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    width: 100% !important;
+    height: calc(100% - 30px); } }
 
 .moduleLinkHomePage {
   margin-top: -25px; }
+  @media (min-width: 780px) {
+    .moduleLinkHomePage {
+      width: calc(100% - 219px); } }
   .moduleLinkHomePage img {
     height: 33vw;
+    background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#000000));
+    background: linear-gradient(#000, #000);
     width: 100%;
     -o-object-fit: cover;
     object-fit: cover; }
@@ -6335,27 +8047,34 @@ body {
     display: none; }
 
 @media (min-width: 780px) {
-  .HomePageWrapper .BannerWithSearch {
-    margin-bottom: 56px;
-    min-width: 100vw;
-    margin-left: calc(-15vw - 16px); }
-    .HomePageWrapper .BannerWithSearch .Search {
-      width: calc(70% - 32px);
-      left: calc(15% + 25px);
-      margin: 0; }
-    .HomePageWrapper .BannerWithSearch img {
+  .HomePageWrapper {
+    width: 100%; }
+    .HomePageWrapper .BannerWithSearch {
+      margin-bottom: 56px;
+      width: 100% !important; }
+      .HomePageWrapper .BannerWithSearch .Search {
+        width: 100%;
+        margin: 0;
+        padding: 0 15px; }
+      .HomePageWrapper .BannerWithSearch img {
+        height: 20vw; }
+    .HomePageWrapper .WhatsAppBanner img {
       height: 20vw; }
   .moduleLinkHomePage img {
     min-width: 100vw;
-    margin-left: calc(-15vw - 16px);
     height: 20vw; }
   .moduleLinkHomePage h1 {
     top: calc(10vw + 40px);
-    left: calc(15% + 14px);
-    margin-left: 24px; }
+    left: 15.8rem; }
   .moduleLinkHomePage .moduleLinkHomePageBackButton {
     top: calc(10vw + 16px);
-    margin-left: 16px; } }
+    margin-left: 16px; }
+  .moduleLinkHomePageModuleLinks {
+    max-width: unset;
+    width: 100%; } }
+
+.CitizenEngagementNotificationWrapper .h1 {
+  margin: 15px; }
 
 .CitizenEngagementNotificationWrapper .WhatsNewCard {
   margin-left: 16px;
@@ -6392,8 +8111,8 @@ body {
         margin-bottom: 8px; }
       .eventAddressAndDirection span div .direction {
         --text-opacity:1;
-        color: #f47738;
-        color: rgba(244, 119, 56, var(--text-opacity));
+        color: #a82227;
+        color: rgba(168, 34, 39, var(--text-opacity));
         cursor: pointer; }
 
 .eventTimeRange {
@@ -6563,7 +8282,7 @@ body {
         font-weight: 400;
         font-size: 16px;
         line-height: 19px;
-        color: #f47738; }
+        color: #a82227; }
   .view_download_main .download_views_padding {
     padding-top: 8px; }
 
@@ -6583,7 +8302,7 @@ body {
       font-weight: 400;
       font-size: 16px;
       line-height: 19px;
-      color: #f47738; }
+      color: #a82227; }
   .notice_and_circular_heading_mb .card-caption {
     font-size: 16px;
     line-height: 24px;
@@ -7177,12 +8896,10 @@ body {
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center; }
-    .surveydetailsform-wrapper .surveyformfield .radio-btn {
+    .surveydetailsform-wrapper .surveyformfield .radio-btn, .surveydetailsform-wrapper .surveyformfield .radio-btn-checkmark {
       width: 1.5rem;
       height: 1.5rem; }
     .surveydetailsform-wrapper .surveyformfield .radio-btn-checkmark {
-      height: 1.75rem;
-      width: 1.75rem;
       --border-opacity:1;
       border: 1px solid #464646;
       border-color: rgba(70, 70, 70, var(--border-opacity));
@@ -7191,10 +8908,9 @@ body {
     .surveydetailsform-wrapper .surveyformfield .radio-wrap .radio-btn-wrap input:checked ~ .radio-btn-checkmark:after, .surveydetailsform-wrapper .surveyformfield .radio-wrap .radio-btn-wrap .checkbox-wrap .input-emp:checked ~ .radio-btn-checkmark:after, .checkbox-wrap .surveydetailsform-wrapper .surveyformfield .radio-wrap .radio-btn-wrap .input-emp:checked ~ .radio-btn-checkmark:after {
       display: block;
       --bg-opacity:1;
-      background-color: #f47738;
-      background-color: rgba(244, 119, 56, var(--bg-opacity));
-      height: 1.25rem;
-      width: 1.25rem;
+      background-color: #a82227;
+      height: 1rem;
+      width: 1rem;
       border-radius: 9999px;
       position: absolute;
       top: 4px;
@@ -7266,6 +8982,9 @@ body {
 .display-none {
   display: none; }
 
+.primary-label-btn {
+  margin: 10px auto 0 !important; }
+
 .p-unset {
   padding: unset !important; }
 
@@ -7328,7 +9047,7 @@ body {
     color: #1d70b8; }
 
 .clear-search-label {
-  color: #f47738;
+  color: #a82227;
   cursor: pointer; }
 
 .search-submit-bar {
@@ -7346,7 +9065,7 @@ body {
   -ms-flex-align: center;
   align-items: center; }
   .application-details-link-button .download-button {
-    color: #f47738;
+    color: a82227;
     margin-left: 8px; }
 
 .response-download-button {
@@ -7355,11 +9074,12 @@ body {
   display: flex;
   margin-bottom: 8px; }
   .response-download-button .download-button {
-    color: #f47738;
-    margin-left: 8px; }
+    color: #a82227;
+    margin-left: 8px;
+    white-space: nowrap; }
 
 .check-page-link-button {
-  color: #f47738 !important; }
+  color: #a82227 !important; }
 
 .pt-application-download-btn {
   display: -webkit-box;
@@ -7386,14 +9106,14 @@ body {
   display: flex;
   grid-gap: 10px;
   gap: 10px;
-  color: #f47738;
+  color: #5a1166;
   cursor: pointer;
   font-weight: 500;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content; }
   .primary-label-btn svg {
-    fill: #f47738; }
+    fill: #a82227; }
 
 .primaryColor {
   color: #0b0c0c !important; }
@@ -7608,8 +9328,14 @@ 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 #f47738;
-    border-color: rgba(244, 119, 56, var(--border-opacity)); }
+    border: 1px solid #a82227;
+    border-color: rgba(168, 34, 39, var(--border-opacity)); }
+
+.text-input-width {
+  max-width: 540px; }
+
+.text-mobile-input-width {
+  max-width: 500px; }
 
 .custom-time-picker {
   width: 100%;
@@ -7673,7 +9399,7 @@ input[type=number], .checkbox-wrap .input-emp[type=number] {
   width: 100% !important; }
 
 .edcr-citizen-inbox thead th:first-child {
-  min-width: 155px; }
+  min-width: 100px; }
 
 .error-boundary {
   width: 100vw;
@@ -7692,7 +9418,34 @@ input[type=number], .checkbox-wrap .input-emp[type=number] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
-  flex-direction: column; }
+  flex-direction: column;
+  position: absolute !important; }
+  .error-boundary .error-container {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    width: 400px;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column; }
+    .error-boundary .error-container h1 {
+      font-size: 32px;
+      font-weight: 700; }
+    .error-boundary .error-container button {
+      height: 40px;
+      width: 153px;
+      border-radius: 0;
+      padding: 8px 24px;
+      color: #fff;
+      cursor: pointer;
+      background-color: #a82227; }
 
 .error-boundary details, .error-boundary summary {
   width: 300px;
@@ -7720,5 +9473,154 @@ input[type=number], .checkbox-wrap .input-emp[type=number] {
   .full-width-card {
     width: 100% !important; } }
 
+@media (min-width: 780px) {
+  .complaint-summary {
+    -webkit-box-flex: 1;
+    -ms-flex: 1 0 auto;
+    flex: 1 0 auto;
+    margin-left: 1rem;
+    margin-top: 1rem; } }
+
+@media (min-width: 780px) {
+  .citizen-form-wrapper {
+    width: calc(100% - 219px);
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    margin-top: 1rem;
+    padding-left: 16px;
+    padding-right: 16px; } }
+
+@media (min-width: 780px) {
+  .citizen-card-container {
+    padding-left: 15px;
+    padding-right: 15px;
+    margin-top: 1rem; } }
+
+@media (min-width: 780px) {
+  .bill-citizen, .bills-citizen-wrapper, .citizen-all-services-wrapper, .citizen-obps-wrapper, .engagement-citizen-wrapper, .fsm-citizen-wrapper, .mcollect-citizen, .payer-bills-citizen-wrapper, .pgr-citizen-wrapper, .pt-citizen, .selection-card-wrapper, .tl-citizen, .ws-citizen-wrapper {
+    width: calc(100% - 219px);
+    padding-left: 16px;
+    padding-right: 16px;
+    margin-top: 1rem; } }
+
+@media only screen and (max-width: 768px) {
+  .error-boundary {
+    height: 75vh; } }
+
+.ws-custom-wrapper .submit {
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
+  display: flex !important;
+  -webkit-box-orient: horizontal !important;
+  -webkit-box-direction: reverse !important;
+  -ms-flex-direction: row-reverse !important;
+  flex-direction: row-reverse !important;
+  width: 100% !important;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
+  .ws-custom-wrapper .submit button {
+    width: 240px !important; }
+  .ws-custom-wrapper .submit p {
+    width: unset;
+    margin-right: 1rem; }
+
+.connection-details-old-value-wrapper .old-value-null-wrapper, .plumber-details-old-value-wrapper .old-value-null-wrapper {
+  visibility: hidden;
+  padding-bottom: 8px;
+  margin-bottom: 8px; }
+
+.connection-details-old-value-wrapper .row, .plumber-details-old-value-wrapper .row {
+  color: #b1b4b6;
+  font-weight: 700;
+  font-size: 16px; }
+
+.plumber-details-new-value-wrapper {
+  -webkit-box-flex: 2;
+  -ms-flex: 2 1 auto;
+  flex: 2 1 auto; }
+
+.connection-details-new-value-wrapper {
+  -webkit-box-flex: 1;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto; }
+
+.connection-details-old-value-wrapper, .plumber-details-old-value-wrapper {
+  -webkit-box-flex: 1;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto; }
+  .connection-details-old-value-wrapper .old-value-null-wrapper, .plumber-details-old-value-wrapper .old-value-null-wrapper {
+    visibility: hidden;
+    padding-bottom: 8px;
+    margin-bottom: 8px; }
+  .connection-details-old-value-wrapper .row, .plumber-details-old-value-wrapper .row {
+    color: #b1b4b6;
+    font-weight: 700;
+    font-size: 16px; }
+
+.modal-header-ws {
+  padding: 1rem;
+  font-weight: 400; }
+
+.modal-body-ws {
+  padding: 1rem;
+  font-weight: 700;
+  color: #0b0c0c;
+  font-size: 24px;
+  margin-bottom: 1rem; }
+
+.privacy-icon {
+  cursor: pointer; }
+
+.privacy-icon:hover path {
+  fill: #f47738; }
+
 .employee-app-wrapper {
   min-height: calc(100vh - 8em); }
+
+.submit-bar header {
+  line-height: 2rem !important; }
+
+.logo-removeBorderRadiusLogo svg {
+  width: 50px;
+  height: 60px; }
+
+.icon-banner-employee {
+  background-color: #d7aefc !important; }
+
+.icon-banner-employee svg {
+  background-color: #bf2f3b !important;
+  width: 40px;
+  height: 40px; }
+
+.inboxButton {
+  border: none;
+  color: #fff;
+  text-align: center;
+  text-decoration: none;
+  display: inline-block;
+  font-size: 14px;
+  margin: 4px 2px;
+  cursor: pointer;
+  height: -webkit-fit-content;
+  height: -moz-fit-content;
+  height: fit-content;
+  border-radius: 5px;
+  font-family: sans-serif;
+  font-weight: 700; }
+
+.employee .inboxButton {
+  padding: 5px 15px;
+  background: #ba2b36; }
+
+.citizen .inboxButton {
+  padding: 15px;
+  font-size: 1.2rem; }
+
+@media screen and (max-width: 768px) {
+  .citizen .inboxButton {
+    font-size: 1rem; } }