@entit/digit-ui-css 2.0.0 → 2.0.1

package/dist/index.css

@@ -226,6 +226,11 @@ 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);
@@ -258,6 +263,18 @@ 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;
@@ -852,13 +869,10 @@ img, video {
 .body-container {
   height: 100%;
   min-height: 100vh;
-  overflow-x: hidden;
-  position: relative !important; }
+  overflow-x: hidden; }
 
 .navbar {
-  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; }
+  margin-bottom: 16px; }
   .navbar img {
     height: 24px; }
 
@@ -873,14 +887,14 @@ img, video {
   margin-left: 16px; }
 
 .link-label {
-  color: #a82227;
-  color: rgba(168, 34, 39, var(--text-opacity));
+  color: #f47738;
+  color: rgba(244, 119, 56, var(--text-opacity));
   margin-bottom: 16px;
   margin-left: 16px;
   cursor: pointer; }
   .link-label:hover {
-    color: #a82227;
-    color: rgba(168, 34, 39, var(--text-opacity)); }
+    color: #f47738;
+    color: rgba(244, 119, 56, var(--text-opacity)); }
 
 .back-btn, .link-label {
   display: block;
@@ -917,9 +931,7 @@ img, video {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  margin-bottom: 10px;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap; }
+  margin-bottom: 10px; }
 
 .bread-crumb--item {
   margin-left: 5px; }
@@ -960,17 +972,9 @@ img, video {
   .employee-app-container {
     width: 100%; }
   .app-container {
-    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; }
+    width: 960px;
+    margin-left: 8px;
+    margin-right: auto; }
   .h1 {
     font-size: 36px;
     line-height: 40px; }
@@ -980,13 +984,6 @@ 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;
@@ -999,22 +996,11 @@ img, video {
   position: fixed;
   z-index: 9999; }
   .navbar img {
-    display: inline-block;
     min-width: 78px;
     height: 24px; }
-  .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, .navbar img {
+    display: inline-block; }
   .navbar h3 {
-    display: inline-block;
     --border-opacity:1;
     border-color: #fff;
     border-left: 1px;
@@ -1039,7 +1025,8 @@ img, video {
   -ms-flex-align: center;
   align-items: center;
   padding-top: 30px;
-  background-color: #fff; }
+  padding-bottom: 30px;
+  background-color: #e0e0e0; }
   .profile-section img {
     width: 89px;
     height: 88px;
@@ -1048,21 +1035,16 @@ img, video {
     color: #767676; }
   .profile-section .label-container.name-Profile .label-text {
     letter-spacing: .6px;
-    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; }
+    color: #484848;
+    font-weight: 500;
+    font-size: 14px; }
 
 .drawer-list {
   padding-top: 16px;
+  padding-left: 16px;
+  padding-right: 16px;
   position: relative;
-  min-height: 1px;
-  overflow: auto; }
+  min-height: 1px; }
   .drawer-list .menu-item {
     border: 10px;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -1093,172 +1075,13 @@ img, video {
       width: 17px;
       margin-top: 16px; }
     .drawer-list .menu-item .icon + .menu-label {
-      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; } }
+      margin-left: 36px; }
 
 .side-bar-footer {
   width: 200px;
   margin-left: 50px;
-  margin-top: 24px;
-  margin-bottom: 16px;
-  position: relative; }
+  position: absolute;
+  bottom: 0; }
 
 .digit-footer {
   display: -webkit-box;
@@ -1277,8 +1100,7 @@ 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;
-  max-width: 960px; }
+  border-radius: 4px; }
   .card .card-header, .card-emp .card-header {
     font-size: 32px;
     line-height: 40px;
@@ -1317,37 +1139,36 @@ img, video {
     line-height: 24px; }
   .card .card-text-button, .card-emp .card-text-button {
     --text-opacity:1;
-    color: #a82227;
-    color: rgba(168, 34, 39, var(--text-opacity)); }
+    color: #f47738;
+    color: rgba(244, 119, 56, var(--text-opacity)); }
   .card .card-label, .card-emp .card-label {
     font-size: 19px;
     line-height: 23px;
-    --text-opacity:1;
     color: #0b0c0c;
-    color: rgba(11, 12, 12, var(--text-opacity));
-    margin-bottom: 8px; }
+    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; }
   .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)); }
+    color: rgba(80, 90, 95, var(--text-opacity));
+    margin-bottom: 16px; }
   .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;
-    --text-opacity:1;
-    color: #a82227;
-    color: rgba(168, 34, 39, var(--text-opacity));
+    color: #f47738;
+    color: rgba(244, 119, 56, var(--text-opacity));
     margin-top: 16px;
     cursor: pointer; }
 
@@ -1395,16 +1216,12 @@ 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;
@@ -1431,8 +1248,8 @@ img, video {
     line-height: 24px; }
   .employeeCard .card-text-button {
     --text-opacity:1;
-    color: #a82227;
-    color: rgba(168, 34, 39, var(--text-opacity)); }
+    color: #f47738;
+    color: rgba(244, 119, 56, var(--text-opacity)); }
   .employeeCard .card-label {
     font-size: 19px;
     line-height: 23px;
@@ -1470,7 +1287,7 @@ img, video {
     padding-left: 25px; }
 
 .employeeCard.fsm {
-  margin-bottom: 64px !important;
+  margin-bottom: 16px !important;
   margin-left: 0 !important;
   margin-right: 16px !important; }
 
@@ -1509,8 +1326,8 @@ img, video {
 .submit-bar, .submit-bar-disabled {
   height: 2.5rem;
   --bg-opacity:1;
-  background-color: #a82227;
-  background-color: rgba(168, 34, 39, var(--bg-opacity));
+  background-color: #f47738;
+  background-color: rgba(244, 119, 56, var(--bg-opacity));
   text-align: center;
   width: 100%;
   outline: 2px solid transparent;
@@ -1519,8 +1336,7 @@ img, video {
   outline-offset: 2px; }
 
 .submit-bar-disabled {
-  opacity: .5;
-  background-color: #882636 !important; }
+  opacity: .5; }
   .submit-bar-disabled header {
     font-family: Roboto Condensed,sans-serif;
     font-weight: 500;
@@ -1529,22 +1345,19 @@ img, video {
     --text-opacity:1;
     color: #fff;
     color: rgba(255, 255, 255, var(--text-opacity));
-    line-height: 2.5rem;
-    line-height: 2rem !important; }
+    line-height: 2.5rem; }
 
 @media (min-width: 780px) {
   .submit-bar, .submit-bar-disabled {
-    width: 240px;
-    background-color: #882636 !important;
-    height: 2rem !important; }
+    width: 240px; }
   .card, .card-emp {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    -ms-flex-direction: column;
-    flex-direction: column; }
+    margin-right: auto;
+    padding-right: 300px;
+    padding-left: 16px;
+    padding-top: 16px;
+    max-width: 960px;
+    min-width: 640px;
+    margin-left: 0; }
     .card .card-header, .card-emp .card-header {
       font-size: 48px;
       line-height: 56px; }
@@ -1578,12 +1391,6 @@ 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;
@@ -1663,10 +1470,13 @@ img, video {
     width: 240px; }
   .home-page-info-banner-wrap {
     max-width: 45%;
-    min-width: 100%;
+    min-width: 40%;
     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;
@@ -1687,22 +1497,17 @@ img, video {
 
 .BPAemployeeCard {
   margin-right: 0 !important;
-  margin-bottom: 0 !important; }
+  margin-bottom: 64px !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: 70px !important;
-  height: 70px !important;
-  margin-bottom: 15px !important; }
+  max-height: 60px !important;
+  height: 60px !important; }
 
 .employee-main-application-details {
   padding: 10px !important; }
@@ -1725,32 +1530,11 @@ 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: #a82227;
-  background-color: rgba(168, 34, 39, var(--bg-opacity));
+  background-color: #f47738;
+  background-color: rgba(244, 119, 56, var(--bg-opacity));
   text-align: center;
   --border-opacity:1;
   border-color: #464646;
@@ -1830,8 +1614,8 @@ img, video {
 .selector-button-primary-disabled {
   height: 2rem;
   --bg-opacity:1;
-  background-color: #a82227;
-  background-color: rgba(168, 34, 39, var(--bg-opacity));
+  background-color: #f47738;
+  background-color: rgba(244, 119, 56, var(--bg-opacity));
   text-align: center;
   --border-opacity:1;
   border-color: #464646;
@@ -1855,12 +1639,7 @@ 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;
@@ -1868,22 +1647,14 @@ 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: #a82227;
-      border-color: rgba(168, 34, 39, var(--border-opacity)); }
+      border-color: #f47738;
+      border-color: rgba(244, 119, 56, var(--border-opacity)); }
   .radio-wrap .radio-btn {
     opacity: 0;
     position: absolute;
@@ -1910,13 +1681,13 @@ img, video {
   .radio-wrap .radio-btn-wrap input:checked ~ .radio-btn-checkmark, .radio-wrap .radio-btn-wrap .checkbox-wrap .input-emp:checked ~ .radio-btn-checkmark, .checkbox-wrap .radio-wrap .radio-btn-wrap .input-emp:checked ~ .radio-btn-checkmark {
     border-width: 1px;
     --border-opacity:1;
-    border-color: #a82227;
-    border-color: rgba(168, 34, 39, var(--border-opacity)); }
+    border-color: #f47738;
+    border-color: rgba(244, 119, 56, var(--border-opacity)); }
   .radio-wrap .radio-btn-wrap input:checked ~ .radio-btn-checkmark:after, .radio-wrap .radio-btn-wrap .checkbox-wrap .input-emp:checked ~ .radio-btn-checkmark:after, .checkbox-wrap .radio-wrap .radio-btn-wrap .input-emp:checked ~ .radio-btn-checkmark:after {
     display: block;
     --bg-opacity:1;
-    background-color: #a82227;
-    background-color: rgba(168, 34, 39, var(--bg-opacity));
+    background-color: #f47738;
+    background-color: rgba(244, 119, 56, var(--bg-opacity));
     height: 1.25rem;
     width: 1.25rem;
     border-radius: 9999px;
@@ -1942,9 +1713,6 @@ img, video {
   -ms-flex-align: center;
   align-items: center; }
 
-.employee-select-wrap:active {
-  background-color: #fff; }
-
 .employee-select-wrap {
   margin-bottom: 24px;
   position: relative; }
@@ -1958,8 +1726,8 @@ img, video {
     border-color: rgba(70, 70, 70, var(--border-opacity)); }
     .employee-select-wrap .select:hover {
       --border-opacity:1;
-      border: 1px solid #a82227;
-      border-color: rgba(168, 34, 39, var(--border-opacity)); }
+      border: 1px solid #f47738;
+      border-color: rgba(244, 119, 56, 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;
@@ -1995,11 +1763,8 @@ img, video {
     width: 100%;
     height: 2.5rem;
     --border-opacity:1;
-    border: 1px solid #a82227;
-    border-color: rgba(168, 34, 39, var(--border-opacity));
-    height: 2 rem !important;
-    border: 1px solid #000;
-    background-color: #fff; }
+    border: 1px solid #f47738;
+    border-color: rgba(244, 119, 56, var(--border-opacity)); }
     .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;
@@ -2033,9 +1798,8 @@ 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: 250px !important;
+    max-height: 400px;
     overflow: auto;
-    z-index: 1000 !important;
     position: absolute;
     z-index: 20;
     margin-top: 4px;
@@ -2058,19 +1822,6 @@ 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;
@@ -2079,8 +1830,7 @@ img, video {
 
 .select-wrap {
   margin-bottom: 24px;
-  position: relative;
-  max-width: 540px; }
+  position: relative; }
   .select-wrap .select {
     position: relative;
     display: block;
@@ -2124,8 +1874,8 @@ img, video {
     width: 100%;
     height: 2.5rem;
     --border-opacity:1;
-    border: 1px solid #a82227;
-    border-color: rgba(168, 34, 39, var(--border-opacity)); }
+    border: 1px solid #f47738;
+    border-color: rgba(244, 119, 56, 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;
@@ -2180,9 +1930,6 @@ 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;
@@ -2231,18 +1978,7 @@ img, video {
   line-height: 20px;
   --text-opacity:1;
   color: #0b0c0c;
-  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; }
+  color: rgba(11, 12, 12, var(--text-opacity)); }
 
 .employee-card-input--front {
   width: -webkit-fit-content !important;
@@ -2310,8 +2046,7 @@ img, video {
   .employee-card-input, .employee-card-input-error {
     width: 100%; }
   .card-textarea {
-    width: 100%;
-    max-width: 540px; }
+    width: 480px; }
   .employee-card-textarea {
     width: 100%; }
   .card-input-emp {
@@ -2336,10 +2071,7 @@ img, video {
   line-height: 20px;
   --text-opacity:1;
   color: #0b0c0c;
-  color: rgba(11, 12, 12, var(--text-opacity));
-  height: 2rem !important;
-  margin-bottom: 16px !important;
-  line-height: 2rem !important; }
+  color: rgba(11, 12, 12, var(--text-opacity)); }
 
 .citizen-card-input--front {
   width: -webkit-fit-content !important;
@@ -2440,7 +2172,7 @@ img, video {
 
 @media (min-width: 780px) {
   .success-wrap {
-    width: 100%; }
+    width: calc(100% + 284px); }
     .success-wrap header {
       font-size: 48px;
       line-height: 56px; }
@@ -2450,7 +2182,7 @@ img, video {
       font-size: 48px;
       line-height: 56px; }
   .error-wrap {
-    width: 100%; }
+    width: calc(100% + 284px); }
     .error-wrap header {
       font-size: 48px;
       line-height: 56px; }
@@ -2482,7 +2214,8 @@ img, video {
   -ms-flex-align: center;
   align-items: center;
   height: calc(100vh - 80px);
-  position: relative; }
+  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%; }
   .banner .bannerCard {
     min-width: 400px; }
   .banner .bannerLogo {
@@ -2505,18 +2238,6 @@ 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;
@@ -2601,9 +2322,6 @@ 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;
@@ -2615,7 +2333,7 @@ img, video {
   justify-content: space-between; }
 
 .checkpoint-connect-wrap {
-  padding-bottom: 4px;
+  padding-bottom: 40px;
   position: relative; }
 
 .checkpoint-done {
@@ -2627,13 +2345,13 @@ img, video {
     height: 24px;
     border-radius: 50%;
     --border-opacity:1;
-    border-color: #a82227;
+    border-color: #f47738;
     border-bottom: 1px;
-    border-color: rgba(168, 34, 39, var(--border-opacity));
+    border-color: rgba(244, 119, 56, var(--border-opacity));
     border-style: solid;
     --bg-opacity:1;
-    background-color: #a82227;
-    background-color: rgba(168, 34, 39, var(--bg-opacity)); }
+    background-color: #f47738;
+    background-color: rgba(244, 119, 56, var(--bg-opacity)); }
   .checkpoint-done header {
     margin-left: 16px; }
     .checkpoint-done header p {
@@ -2682,8 +2400,6 @@ 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));
@@ -2721,8 +2437,8 @@ img, video {
     width: 24px;
     height: 24px; }
   .checkbox-wrap .custom-checkbox, .checkbox-wrap .custom-checkbox-emp {
-    width: 25px;
-    height: 25px;
+    width: 38px;
+    height: 38px;
     position: absolute;
     top: 0;
     left: 0;
@@ -2738,38 +2454,17 @@ img, video {
   .checkbox-wrap input:checked ~ .custom-checkbox, .checkbox-wrap .input-emp:checked ~ .custom-checkbox, .checkbox-wrap input:checked ~ .custom-checkbox-emp, .checkbox-wrap .input-emp:checked ~ .custom-checkbox-emp, .checkbox-wrap input:hover ~ .custom-checkbox, .checkbox-wrap .input-emp:hover ~ .custom-checkbox, .checkbox-wrap input:hover ~ .custom-checkbox-emp, .checkbox-wrap .input-emp:hover ~ .custom-checkbox-emp {
     border-width: 1px;
     --border-opacity:1;
-    border-color: #a82227;
-    border-color: rgba(168, 34, 39, var(--border-opacity)); }
+    border-color: #f47738;
+    border-color: rgba(244, 119, 56, 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: 32px;
-    top: 3px !important;
+    margin-left: 56px;
     font-size: 16px;
     line-height: 20px;
     --text-opacity:1;
     color: #0b0c0c;
-    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; }
+    color: rgba(11, 12, 12, var(--text-opacity)); }
 
 .input-otp-wrap {
   margin-bottom: 24px; }
@@ -2961,8 +2656,7 @@ img, video {
     line-height: 19px;
     --text-opacity:1;
     color: #d4351c;
-    color: rgba(212, 53, 28, var(--text-opacity));
-    cursor: pointer; }
+    color: rgba(212, 53, 28, var(--text-opacity)); }
   .status-highlight.success {
     --bg-opacity:1;
     background-color: #00703c;
@@ -3182,9 +2876,9 @@ img, video {
     vertical-align: middle;
     text-align: left; }
     .table thead th:first-child {
-      min-width: 100px; }
+      min-width: 256px; }
     .table thead th:nth-child(2) {
-      min-width: 150px; }
+      min-width: 200px; }
   .table tbody {
     border: none;
     padding: 0;
@@ -3244,7 +2938,7 @@ img, video {
 .table-fixed-first-column tbody td:first-child {
   position: sticky;
   background: #fff;
-  color: #a82227;
+  color: #f47738;
   left: 0;
   border-right: 1px solid #b1b4b6; }
 
@@ -3295,11 +2989,6 @@ 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;
@@ -3338,8 +3027,7 @@ img, video {
   padding-right: 8px;
   --border-opacity:1;
   border: 1px dashed #d6d5d4;
-  border-color: rgba(214, 213, 212, var(--border-opacity));
-  max-width: 540px; }
+  border-color: rgba(214, 213, 212, var(--border-opacity)); }
   .upload-wrap img {
     display: block;
     margin-top: 58px;
@@ -3399,29 +3087,6 @@ 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;
@@ -3548,8 +3213,8 @@ img, video {
   .telephone img, .telephone svg {
     height: 22px;
     width: 20px;
-    color: #a82227;
-    color: rgba(168, 34, 39, var(--text-opacity));
+    color: #f47738;
+    color: rgba(244, 119, 56, var(--text-opacity));
     margin-left: 8px;
     -webkit-box-align: center;
     -ms-flex-align: center;
@@ -3577,8 +3242,8 @@ img, video {
 
 .action-link {
   --text-opacity:1!important;
-  color: #a82227 !important;
-  color: rgba(168, 34, 39, var(--text-opacity)) !important;
+  color: #f47738 !important;
+  color: rgba(244, 119, 56, var(--text-opacity)) !important;
   font-size: 16px !important;
   line-height: 24px !important;
   margin-right: 24px !important; }
@@ -3681,8 +3346,8 @@ img, video {
     -ms-flex-direction: row;
     flex-direction: row;
     --text-opacity:1;
-    color: #a82227;
-    color: rgba(168, 34, 39, var(--text-opacity)); }
+    color: #f47738;
+    color: rgba(244, 119, 56, var(--text-opacity)); }
     .searchBox .searchAction .searchText {
       margin-left: 8px; }
 
@@ -3690,7 +3355,7 @@ img, video {
   width: 18px;
   height: 1.5rem; }
   .svgPrimaryH16px svg path {
-    fill: #a82227; }
+    fill: #f47738; }
 
 .tag-container {
   display: -webkit-box;
@@ -3754,8 +3419,9 @@ img, video {
       height: 48px;
       width: 48px; }
     .topbar img.state {
-      min-height: 50px;
-      width: 80px; }
+      height: 20px;
+      max-height: 20px;
+      width: auto; }
   .topbar .ulb {
     font-weight: 700;
     display: inline-block; }
@@ -3766,7 +3432,7 @@ img, video {
     .topbar .right svg {
       display: inline; }
     .topbar .right .user-img-txt {
-      background: #a82227;
+      background: #f47738;
       padding: 10px 15px;
       border-radius: 50%;
       color: #fff;
@@ -3806,11 +3472,6 @@ img, video {
 
 .cp {
   cursor: pointer; }
-  .cp .hamburger {
-    display: none; }
-  @media (max-width: 780px) {
-    .cp .hamburger {
-      display: none; } }
 
 .citizen .right {
   margin-top: 5px;
@@ -3842,15 +3503,13 @@ img, video {
   grid-column-gap: 10px;
   -webkit-column-gap: 10px;
   -moz-column-gap: 10px;
-  column-gap: 10px;
-  color: #505a5f; }
+  column-gap: 10px; }
   .profile-dropdown--item:hover {
-    background: #eee; }
+    --bg-opacity:1;
+    background-color: #eee;
+    background-color: rgba(238, 238, 238, var(--bg-opacity)); }
 
 .flex-right {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
@@ -3859,17 +3518,10 @@ img, video {
   justify-content: flex-end;
   min-width: 85px; }
 
-video::-webkit-media-controls-panel {
-  top: 55%;
-  position: absolute;
-  width: 100%; }
-
-.language-selector {
+.flex-right, .language-selector {
   display: -webkit-box;
   display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap; }
+  display: flex; }
 
 .language-selector div:not(:first-child) {
   margin-left: 10px; }
@@ -3885,8 +3537,7 @@ video::-webkit-media-controls-panel {
   outline: none; }
 
 .bannerCard .customBtn-selected {
-  border-color: transparent;
-  background-color: #5a1166 !important; }
+  border-color: transparent; }
 
 .bannerCard .bannerHeader p {
   font-size: 19px; }
@@ -3904,8 +3555,8 @@ video::-webkit-media-controls-panel {
   padding-left: 8px;
   padding-right: 8px;
   --border-opacity:1;
-  border: 1px solid #a82227;
-  border-color: rgba(168, 34, 39, var(--border-opacity));
+  border: 1px solid #f47738;
+  border-color: rgba(244, 119, 56, var(--border-opacity));
   margin: 0 4.65% 0 0;
   height: 30px;
   line-height: 30px; }
@@ -3915,8 +3566,8 @@ video::-webkit-media-controls-panel {
   --text-opacity:1; }
 
 .customBtn-selected {
-  background-color: #a82227;
-  background-color: rgba(168, 34, 39, var(--bg-opacity));
+  background-color: #f47738;
+  background-color: rgba(244, 119, 56, var(--bg-opacity));
   color: #fff;
   color: rgba(255, 255, 255, var(--text-opacity));
   font-weight: 500; }
@@ -4016,8 +3667,8 @@ video::-webkit-media-controls-panel {
     .filters-wrapper .switch-wrapper .radio-switch {
       display: none; }
       .filters-wrapper .switch-wrapper .radio-switch:checked ~ label {
-        border-color: #a82227;
-        color: #a82227; }
+        border-color: #f47738;
+        color: #f47738; }
     .filters-wrapper .switch-wrapper label {
       border: 1px solid;
       padding: 6px 10px;
@@ -4027,8 +3678,8 @@ video::-webkit-media-controls-panel {
       border-color: rgba(70, 70, 70, var(--border-opacity)); }
       .filters-wrapper .switch-wrapper label:hover {
         --border-opacity:1;
-        border: 1px solid #a82227;
-        border-color: rgba(168, 34, 39, var(--border-opacity)); }
+        border: 1px solid #f47738;
+        border-color: rgba(244, 119, 56, 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);
@@ -4063,7 +3714,7 @@ video::-webkit-media-controls-panel {
   .clearText {
     display: block;
     text-align: right;
-    color: #a82227;
+    color: #f47738;
     margin-top: 20px;
     margin-left: 10px; } }
 
@@ -4214,7 +3865,7 @@ video::-webkit-media-controls-panel {
 .showMore {
   text-align: right;
   cursor: pointer;
-  color: #a82227; }
+  color: #f47738; }
 
 @media (max-width: 420px) {
   .recharts-default-tooltip {
@@ -4293,140 +3944,6 @@ video::-webkit-media-controls-panel {
   .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;
@@ -4459,9 +3976,6 @@ video::-webkit-media-controls-panel {
         font-weight: 700;
         font-size: 24px; }
 
-.summary-card-margin {
-  margin: 0 24px 20px 0 !important; }
-
 .multilink-labelWrap {
   top: 73px;
   display: -webkit-box;
@@ -4548,37 +4062,13 @@ video::-webkit-media-controls-panel {
     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;
-  max-width: 960px;
-  background-color: #c7e0f1;
-  border-radius: 4px; }
+  padding: 16px; }
   .info-banner-wrap svg {
     margin-top: 5px;
     border-radius: 9999px; }
@@ -4602,12 +4092,14 @@ video::-webkit-media-controls-panel {
     white-space: pre-line; }
 
 @media (min-width: 780px) {
-  .info-banner-wrap h2 {
-    font-size: 24px;
-    line-height: 32px; }
-  .info-banner-wrap p {
-    font-size: 19px;
-    line-height: 28px; } }
+  .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; } }
 
 .multi-select-dropdown-wrap {
   position: relative;
@@ -4650,13 +4142,13 @@ video::-webkit-media-controls-panel {
         width: 1.5rem; }
     .multi-select-dropdown-wrap .master:hover, .multi-select-dropdown-wrap .master-active:hover {
       --border-opacity:1;
-      border: 1px solid #a82227;
-      border-color: rgba(168, 34, 39, var(--border-opacity)); }
+      border: 1px solid #f47738;
+      border-color: rgba(244, 119, 56, var(--border-opacity)); }
   .multi-select-dropdown-wrap .master-active {
     border-width: 1px;
     --border-opacity:1;
-    border-color: #a82227;
-    border-color: rgba(168, 34, 39, var(--border-opacity)); }
+    border-color: #f47738;
+    border-color: rgba(244, 119, 56, 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 {
@@ -4707,8 +4199,8 @@ video::-webkit-media-controls-panel {
       .multi-select-dropdown-wrap .server div input:checked ~ .custom-checkbox, .multi-select-dropdown-wrap .server div .checkbox-wrap .input-emp:checked ~ .custom-checkbox, .checkbox-wrap .multi-select-dropdown-wrap .server div .input-emp:checked ~ .custom-checkbox, .multi-select-dropdown-wrap .server div .checkbox-wrap input:checked ~ .custom-checkbox-emp, .checkbox-wrap .multi-select-dropdown-wrap .server div input:checked ~ .custom-checkbox-emp, .multi-select-dropdown-wrap .server div .checkbox-wrap .input-emp:checked ~ .custom-checkbox-emp, .checkbox-wrap .multi-select-dropdown-wrap .server div .input-emp:checked ~ .custom-checkbox-emp, .multi-select-dropdown-wrap .server div input:hover ~ .custom-checkbox, .multi-select-dropdown-wrap .server div .checkbox-wrap .input-emp:hover ~ .custom-checkbox, .checkbox-wrap .multi-select-dropdown-wrap .server div .input-emp:hover ~ .custom-checkbox, .multi-select-dropdown-wrap .server div .checkbox-wrap input:hover ~ .custom-checkbox-emp, .checkbox-wrap .multi-select-dropdown-wrap .server div input:hover ~ .custom-checkbox-emp, .multi-select-dropdown-wrap .server div .checkbox-wrap .input-emp:hover ~ .custom-checkbox-emp, .checkbox-wrap .multi-select-dropdown-wrap .server div .input-emp:hover ~ .custom-checkbox-emp {
         border-width: 1px;
         --border-opacity:1;
-        border-color: #a82227;
-        border-color: rgba(168, 34, 39, var(--border-opacity)); }
+        border-color: #f47738;
+        border-color: rgba(244, 119, 56, 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; }
 
@@ -4771,30 +4263,21 @@ video::-webkit-media-controls-panel {
     font-size: 16px;
     line-height: 24px;
     --text-opacity:1;
-    color: #a82227;
-    color: rgba(168, 34, 39, var(--text-opacity)); }
+    color: #f47738;
+    color: rgba(244, 119, 56, 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 {
-    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);
+    min-width: 40%;
+    margin-left: 0;
     display: inline-block;
     margin-right: 24px;
     padding: 24px;
@@ -4838,10 +4321,10 @@ video::-webkit-media-controls-panel {
     color: #505a5f;
     font-weight: 400; }
   .PropertySearchForm .PropertySearchFormSwitcher .selected {
-    color: #a82227;
+    color: #f47738;
     font-weight: 700;
     padding-bottom: 10px;
-    border-bottom: 2px solid #a82227; }
+    border-bottom: 2px solid #f47738; }
   .PropertySearchForm .PropertySearchFormSwitcher span {
     margin-right: 20px; }
 
@@ -4908,8 +4391,8 @@ video::-webkit-media-controls-panel {
         font-size: 16px;
         line-height: 24px;
         --text-opacity:1;
-        color: #a82227;
-        color: rgba(168, 34, 39, var(--text-opacity));
+        color: #f47738;
+        color: rgba(244, 119, 56, var(--text-opacity));
         width: 25%;
         display: inline-block; }
   .search-form-wrapper .submit {
@@ -4927,8 +4410,8 @@ video::-webkit-media-controls-panel {
       font-size: 16px;
       line-height: 24px;
       --text-opacity:1;
-      color: #a82227;
-      color: rgba(168, 34, 39, var(--text-opacity));
+      color: #f47738;
+      color: rgba(244, 119, 56, var(--text-opacity));
       width: 100%;
       display: inline-block; }
   .search-form-wrapper .pt-property-search {
@@ -5018,8 +4501,8 @@ video::-webkit-media-controls-panel {
     border-radius: 50%;
     text-align: center; }
   .timeline-container .active {
-    background-color: #a82227;
-    border-color: #a82227; }
+    background-color: #f47738;
+    border-color: #f47738; }
 
 .TLComments {
   max-width: 360px;
@@ -5068,13 +4551,7 @@ video::-webkit-media-controls-panel {
   .PageBasedInputWrapper .SubmitBar {
     display: none; }
   .PageBasedInputWrapper .SubmitBarInCardInDesktopView {
-    display: block;
-    position: relative;
-    background-color: rgba(255, 255, 255, 0); }
-  .PageBasedInputWrapper .card, .PageBasedInputWrapper .card-emp {
-    max-width: 960px; }
-  .PageBasedInputWrapper button {
-    max-width: 240px; } }
+    display: block; } }
 
 .StandaloneSearchBar {
   --bg-opacity:1;
@@ -5096,10 +4573,8 @@ video::-webkit-media-controls-panel {
     outline-offset: 2px; }
 
 .CardBasedOptions {
-  -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;
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
   --bg-opacity:1;
   background-color: #fff;
   background-color: rgba(255, 255, 255, var(--bg-opacity));
@@ -5126,8 +4601,8 @@ video::-webkit-media-controls-panel {
       line-height: 24px;
       --text-opacity:1; }
     .CardBasedOptions .headContent p {
-      color: #a82227;
-      color: rgba(168, 34, 39, var(--text-opacity));
+      color: #f47738;
+      color: rgba(244, 119, 56, var(--text-opacity));
       font-weight: 500;
       cursor: pointer; }
   .CardBasedOptions .mainContent {
@@ -5139,8 +4614,7 @@ video::-webkit-media-controls-panel {
     justify-content: space-evenly; }
     .CardBasedOptions .mainContent .CardBasedOptionsMainChildOption {
       width: 25%;
-      text-align: center;
-      margin: auto; }
+      text-align: center; }
       .CardBasedOptions .mainContent .CardBasedOptionsMainChildOption .ChildOptionImageWrapper {
         margin: auto !important;
         background: rgba(244, 119, 56, 0.12);
@@ -5153,7 +4627,7 @@ video::-webkit-media-controls-panel {
         .CardBasedOptions .mainContent .CardBasedOptionsMainChildOption .ChildOptionImageWrapper svg {
           height: 20px;
           width: 20px;
-          fill: #a82227;
+          fill: #f47738;
           margin: auto; }
       .CardBasedOptions .mainContent .CardBasedOptionsMainChildOption .ChildOptionName {
         font-size: 12px;
@@ -5162,43 +4636,7 @@ video::-webkit-media-controls-panel {
 @media (min-width: 780px) {
   .CardBasedOptions {
     width: calc(50% - 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; } }
+    padding: 16px; } }
 
 .WhatsNewCard {
   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
@@ -5208,10 +4646,10 @@ video::-webkit-media-controls-panel {
   background-color: #fff;
   background-color: rgba(255, 255, 255, var(--bg-opacity));
   --border-opacity:1;
-  border-color: #a82227;
+  border-color: #f47738;
   border-left: 4px;
   border-style: solid;
-  border-color: rgba(168, 34, 39, var(--border-opacity));
+  border-color: rgba(244, 119, 56, var(--border-opacity));
   padding: 8px; }
   .WhatsNewCard h2 {
     font-size: 16px;
@@ -5231,8 +4669,8 @@ video::-webkit-media-controls-panel {
     margin-bottom: 8px; }
   .WhatsNewCard a {
     display: block;
-    color: #a82227;
-    color: rgba(168, 34, 39, var(--text-opacity)); }
+    color: #f47738;
+    color: rgba(244, 119, 56, var(--text-opacity)); }
 
 .SearchOnRadioButton svg {
   fill: #505a5f;
@@ -5244,8 +4682,8 @@ video::-webkit-media-controls-panel {
 
 .EventCalendarView .MonthViewInEventCalendar {
   --bg-opacity:1;
-  background-color: #a82227;
-  background-color: rgba(168, 34, 39, var(--bg-opacity));
+  background-color: #f47738;
+  background-color: rgba(244, 119, 56, var(--bg-opacity));
   font-size: 19px;
   line-height: 23px;
   --text-opacity:1;
@@ -5264,8 +4702,8 @@ video::-webkit-media-controls-panel {
   line-height: 32px;
   font-weight: 700;
   --text-opacity:1;
-  color: #a82227;
-  color: rgba(168, 34, 39, var(--text-opacity));
+  color: #f47738;
+  color: rgba(244, 119, 56, var(--text-opacity));
   text-align: center;
   padding-top: 16px;
   padding-bottom: 16px; }
@@ -5373,34 +4811,6 @@ video::-webkit-media-controls-panel {
     -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%;
@@ -5438,470 +4848,58 @@ video::-webkit-media-controls-panel {
     -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) {
-  .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; }
+  .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; } }
 
-.faq-page {
-  width: 92%;
-  margin: 16px; }
+.employeeForgotPassword .employee-card-input {
+  margin-bottom: 0;
+  border-left: none; }
 
-.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; }
+.employeeForgotPassword .field-container {
+  margin: 10px 0; }
 
-.faq-list {
-  background: #fff;
-  margin: 5px 0;
-  padding-top: 4px;
-  padding-bottom: 4px; }
+.employeeForgotPassword .submit-bar {
+  width: 100%; }
 
-.rotate {
-  -webkit-transform: rotate(90deg);
-  transform: rotate(90deg); }
+.employeeChangePassword .submit-bar {
+  width: 100% !important; }
 
-.how-it-works-page {
-  width: 92%;
-  margin: 16px; }
-  .how-it-works-page .how-it-works-page-header {
-    margin-bottom: 15px; }
+.employeeChangePassword .card-text, .employeeChangePassword .input-otp-wrap {
+  text-align: center; }
 
-.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; }
+.submit-bar .submit-bar {
+  width: 100%; }
 
-.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; }
+.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;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 19px;
   color: #0b0c0c;
-  z-index: 10 !important; }
+  margin-top: 20px; }
 
 .banner .bannerHeader {
   margin-bottom: 20px; }
@@ -5909,14 +4907,12 @@ video::-webkit-media-controls-panel {
 .employeeCard .card-label {
   font-weight: 400;
   font-size: 16px;
-  line-height: 19px; }
+  line-height: 19px;
+  color: #0b0c0c; }
 
 .profile-label-margin {
   margin-top: 10px; }
 
-.loginFormStyleEmployee .primary-label-btn {
-  font-size: 12px; }
-
 .employeeForgotPassword .employeeCard .card-label-desc {
   font-weight: 400;
   font-size: 16px;
@@ -5929,12 +4925,6 @@ video::-webkit-media-controls-panel {
   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; }
@@ -5957,9 +4947,6 @@ video::-webkit-media-controls-panel {
 .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;
@@ -5969,18 +4956,14 @@ video::-webkit-media-controls-panel {
   .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;
-    z-index: 10 !important; }
+    margin-bottom: 0 !important; }
   .banner .bannerCard, .loginFormStyleEmployee .employeeCard {
-    min-width: 270px !important;
-    z-index: 10 !important;
-    background-color: rgba(255, 255, 255, 0.83922) !important;
-    margin-top: 0 !important; }
+    min-width: 340px !important;
+    margin: 10px !important; }
   .employeeChangePassword .employeeCard, .employeeForgotPassword .employeeCard {
-    max-width: 250px !important;
-    min-width: 250px !important;
-    margin-top: -50% !important;
-    background-color: rgba(255, 255, 255, 0.92157); } }
+    max-width: 360px !important;
+    min-width: 340px !important;
+    margin: 10px !important; } }
 
 .employeeChangePassword .employeeCard .card-text {
   margin-top: 18px !important;
@@ -5989,15 +4972,8 @@ video::-webkit-media-controls-panel {
 .employeeBackbuttonAlign {
   display: none; }
 
-.employee-select-wrap .select {
-  height: 2rem !important;
-  background-color: #fff !important; }
-
 .employee-select-wrap.login-city-dd .options-card {
-  max-height: 150px; }
-
-.banner .bannerCard, .loginFormStyleEmployee .employeeCard {
-  background-color: initial; }
+  max-height: 200px; }
 
 @media screen and (max-width: 768px) {
   .employeeBackbuttonAlign {
@@ -6006,36 +4982,20 @@ video::-webkit-media-controls-panel {
     top: 20px;
     left: 20px; }
   .banner {
+    -webkit-box-align: end;
+    -ms-flex-align: end;
+    align-items: flex-end;
     padding-bottom: 40px;
-    height: 100vh !important;
-    z-index: 1; }
+    height: 100vh !important; }
   .topbar {
-    background: #fff; }
+    background: rgba(34, 57, 77, var(--bg-opacity)) !important;
+    color: #fff; }
   .employee .loginContainer {
     padding-top: 0 !important; }
   .removeBottomMargin {
     margin-bottom: 0 !important; }
   .employee-select-wrap.login-city-dd .options-card {
-    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; }
+    max-height: 160px; } }
 
 .employee .breadcrumb {
   margin-left: 8px;
@@ -6043,7 +5003,6 @@ video::-webkit-media-controls-panel {
 
 .employee .ground-container {
   margin-bottom: 56px;
-  margin-left: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -6059,18 +5018,14 @@ video::-webkit-media-controls-panel {
   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: 0 1px 4px #b1b4b6;
-  box-shadow: 0 1px 4px #b1b4b6;
+  -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0 1px 4px;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
   z-index: 9999; }
   .employee .topbar img {
     display: inline; }
@@ -6088,79 +5043,15 @@ video::-webkit-media-controls-panel {
     float: right;
     margin-top: 12px; }
     .employee .topbar .right .user-img-txt {
-      background: #a82227;
+      background: #f47738;
       padding: 10px 15px;
       border-radius: 50%;
       color: #fff;
       font-weight: 700; }
 
-.employee .main {
+.employee .loginContainer, .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%; }
 
@@ -6183,138 +5074,26 @@ video::-webkit-media-controls-panel {
 .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 - 48px);
-  display: -webkit-box !important;
-  display: -ms-flexbox !important;
-  display: flex !important; }
+  min-height: calc(100vh - 90px); }
 
 .citizen .sidebar, .employee .sidebar {
   position: fixed;
   left: 0;
+  padding: 20px 0;
+  background: #22394d;
   height: 100%;
   color: #fff;
   margin-top: 80px;
-  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; }
+  z-index: 1000; }
   .citizen .sidebar .actions, .employee .sidebar .actions {
     cursor: pointer;
-    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; }
+    padding: 0 20px;
+    margin-bottom: 32px; }
+    .citizen .sidebar .actions.active, .employee .sidebar .actions.active {
+      border-right: 4px solid #f47738;
+      padding-right: 16px; }
 
 .citizen .wrapperStyles, .employee .wrapperStyles {
   margin-top: -5px;
@@ -6409,8 +5188,8 @@ video::-webkit-media-controls-panel {
 
 .link {
   --text-opacity:1;
-  color: #a82227;
-  color: rgba(168, 34, 39, var(--text-opacity));
+  color: #f47738;
+  color: rgba(244, 119, 56, var(--text-opacity));
   cursor: pointer; }
   .link :hover {
     --text-opacity:1;
@@ -6418,11 +5197,8 @@ video::-webkit-media-controls-panel {
     color: rgba(200, 96, 43, var(--text-opacity)); }
 
 .RightMostTopBarOptions {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  float: right;
-  display: flex; }
+  display: inline-block;
+  float: right; }
   .RightMostTopBarOptions .EventNotificationWrapper {
     position: relative;
     cursor: pointer; }
@@ -6439,10 +5215,36 @@ video::-webkit-media-controls-panel {
       text-align: center; }
       .RightMostTopBarOptions .EventNotificationWrapper span p {
         line-height: 20px; }
-  .RightMostTopBarOptions .select-wrap {
-    margin-bottom: unset; }
-    .RightMostTopBarOptions .select-wrap svg {
-      fill: #fff; }
+
+@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; } }
 
 .fullWidth {
   width: 100%; }
@@ -6468,7 +5270,7 @@ video::-webkit-media-controls-panel {
 
 @media (min-width: 780px) {
   .d-grid {
-    display: flex-root;
+    display: grid;
     grid-template-columns: 250px 250px 250px 250px;
     grid-column-gap: 10px;
     -webkit-column-gap: 10px;
@@ -6487,123 +5289,6 @@ video::-webkit-media-controls-panel {
 .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;
@@ -6614,8 +5299,7 @@ video::-webkit-media-controls-panel {
   border-bottom: 1px;
   border-color: rgba(214, 213, 212, var(--border-opacity));
   border-style: solid;
-  border-bottom: 0 !important;
-  padding-top: 5px; }
+  padding: 8px 10px; }
 
 .card-count {
   padding-right: 36px; }
@@ -6674,13 +5358,6 @@ video::-webkit-media-controls-panel {
       -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;
@@ -6816,8 +5493,8 @@ video::-webkit-media-controls-panel {
       width: 56px;
       height: 56px;
       --bg-opacity:1;
-      background-color: #a82227;
-      background-color: rgba(168, 34, 39, var(--bg-opacity));
+      background-color: #f47738;
+      background-color: rgba(244, 119, 56, var(--bg-opacity));
       padding: 12px;
       border-radius: 4px; }
       .complaint-links-container .header .logo svg {
@@ -6844,15 +5521,14 @@ video::-webkit-media-controls-panel {
     .complaint-links-container .body .link {
       padding: 8px;
       --text-opacity:1;
-      color: #a82227;
-      color: rgba(168, 34, 39, var(--text-opacity));
+      color: #f47738;
+      color: rgba(244, 119, 56, var(--text-opacity));
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box !important;
       display: -ms-flexbox !important;
-      display: flex !important;
-      color: #a82227 !important; }
+      display: flex !important; }
     .complaint-links-container .body .inbox-total {
       padding: 4px;
       display: table;
@@ -6864,11 +5540,10 @@ video::-webkit-media-controls-panel {
       width: 2rem;
       height: 2rem;
       --bg-opacity:1;
-      background-color: #a82227;
-      background-color: rgba(168, 34, 39, var(--bg-opacity));
+      background-color: #f47738;
+      background-color: rgba(244, 119, 56, var(--bg-opacity));
       border-radius: 9999px;
-      margin-left: 4px;
-      background-color: #a82227 !important; }
+      margin-left: 4px; }
   .complaint-links-container .links-wrapper {
     padding-left: 16px;
     padding-top: 8px;
@@ -6876,8 +5551,7 @@ video::-webkit-media-controls-panel {
     font-size: 16px;
     line-height: 24px; }
     .complaint-links-container .links-wrapper .link {
-      padding: 0 0 4px !important;
-      color: #a82227 !important; }
+      padding: 0 0 4px !important; }
       .complaint-links-container .links-wrapper .link svg {
         margin-left: 8px; }
 
@@ -6899,8 +5573,8 @@ video::-webkit-media-controls-panel {
 
 .filter-button {
   --text-opacity:1;
-  color: #a82227;
-  color: rgba(168, 34, 39, var(--text-opacity)); }
+  color: #f47738;
+  color: rgba(244, 119, 56, var(--text-opacity)); }
   .filter-button:hover {
     --text-opacity:1;
     color: #c8602b;
@@ -7029,8 +5703,8 @@ video::-webkit-media-controls-panel {
       flex-direction: column; }
       .inbox-container .filters-container .search-complaint-container .complaint-input-container .complaint-input .clear-search {
         --text-opacity:1;
-        color: #a82227;
-        color: rgba(168, 34, 39, var(--text-opacity));
+        color: #f47738;
+        color: rgba(244, 119, 56, var(--text-opacity));
         display: none; }
         .inbox-container .filters-container .search-complaint-container .complaint-input-container .complaint-input .clear-search:hover {
           color: #003078;
@@ -7041,16 +5715,16 @@ video::-webkit-media-controls-panel {
 
 .clear-search, .clear-search .link-label {
   --text-opacity:1;
-  color: #a82227;
-  color: rgba(168, 34, 39, var(--text-opacity));
+  color: #f47738;
+  color: rgba(244, 119, 56, var(--text-opacity));
   display: block;
   cursor: pointer; }
   .clear-search:hover, .clear-search .link-label:hover {
     color: #000; }
 
 .button-clear {
-  color: #a82227;
-  color: rgba(168, 34, 39, var(--text-opacity)); }
+  color: #f47738;
+  color: rgba(244, 119, 56, var(--text-opacity)); }
 
 .button-clear, .inbox-count {
   --text-opacity:1;
@@ -7062,8 +5736,8 @@ video::-webkit-media-controls-panel {
   margin-left: 8px;
   padding: 8px;
   --bg-opacity:1;
-  background-color: #a82227;
-  background-color: rgba(168, 34, 39, var(--bg-opacity));
+  background-color: #f47738;
+  background-color: rgba(244, 119, 56, var(--bg-opacity));
   border-radius: 9999px;
   color: #fff;
   color: rgba(255, 255, 255, var(--text-opacity));
@@ -7071,6 +5745,25 @@ video::-webkit-media-controls-panel {
   text-align: center;
   font-weight: 400; }
 
+.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) {
   .complaint-links-container {
     --bg-opacity:1;
@@ -7089,8 +5782,8 @@ video::-webkit-media-controls-panel {
       border-color: rgba(214, 213, 212, var(--border-opacity)); }
       .complaint-links-container .header .logo {
         --bg-opacity:1;
-        background-color: #a82227;
-        background-color: rgba(168, 34, 39, var(--bg-opacity));
+        background-color: #f47738;
+        background-color: rgba(244, 119, 56, var(--bg-opacity));
         padding: 12px;
         border-radius: 4px; }
       .complaint-links-container .header .text {
@@ -7112,11 +5805,10 @@ video::-webkit-media-controls-panel {
       flex-direction: column;
       margin-left: 46px; }
       .complaint-links-container .body .link {
-        color: #a82227 !important;
         padding: 8px;
         --text-opacity:1;
-        color: #a82227;
-        color: rgba(168, 34, 39, var(--text-opacity)); }
+        color: #f47738;
+        color: rgba(244, 119, 56, var(--text-opacity)); }
   .inboxLinks {
     margin: 0 !important;
     padding: 0 !important; }
@@ -7130,7 +5822,7 @@ video::-webkit-media-controls-panel {
         background-color: #fff;
         background-color: rgba(255, 255, 255, var(--bg-opacity)); }
         .inboxLinks .header .logo svg path {
-          fill: #a82227; }
+          fill: #f47738; }
     .inboxLinks .body {
       margin-left: 0; }
   .filter-form .filter-card {
@@ -7171,8 +5863,6 @@ video::-webkit-media-controls-panel {
           .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 {
@@ -7196,7 +5886,7 @@ video::-webkit-media-controls-panel {
           width: 100%;
           margin-bottom: 20px; }
         .inbox-container .search-container .search-complaint-container .complaint-input-container {
-          display: grid !important;
+          display: grid;
           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%; }
@@ -7242,8 +5932,8 @@ video::-webkit-media-controls-panel {
             flex-direction: column; }
             .inbox-container .search-container .search-complaint-container .complaint-input-container .complaint-input .clear-search {
               --text-opacity:1;
-              color: #a82227;
-              color: rgba(168, 34, 39, var(--text-opacity));
+              color: #f47738;
+              color: rgba(244, 119, 56, var(--text-opacity));
               display: block;
               cursor: pointer; }
               .inbox-container .search-container .search-complaint-container .complaint-input-container .complaint-input .clear-search:hover {
@@ -7308,172 +5998,30 @@ video::-webkit-media-controls-panel {
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: end;
-  -ms-flex-pack: end;
-  justify-content: flex-end;
-  -webkit-box-align: start;
-  -ms-flex-align: start;
-  align-items: flex-start; }
-
-.complaint-links-container .header .removeHeight {
-  line-height: 28px; }
-
-@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; }
+  -ms-flex-pack: end;
+  justify-content: flex-end;
+  -webkit-box-align: start;
+  -ms-flex-align: start;
+  align-items: flex-start; }
 
-.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; }
+.complaint-links-container .header .removeHeight {
+  line-height: 28px; }
 
-.registryTable tHead tr th {
-  text-align: left; }
+@media (min-width: 780px) {
+  .complaint-links-container .header .removeBorderRadiusLogo {
+    border-radius: 2px !important; } }
 
-.registryTable tBody tr td {
-  text-align: left; }
+@media (min-width: 780px) {
+  .customEmployeeCard {
+    width: 273px !important;
+    height: 263px !important; } }
+
+.employeeTotalLink {
+  color: #505a5f;
+  font-size: 16px; }
+
+.inboxLinksFSM {
+  margin: 0 !important; }
 
 .secondary-action {
   display: inline;
@@ -7584,7 +6132,7 @@ video::-webkit-media-controls-panel {
   left: 0;
   top: 0;
   background: #fff;
-  border: 1px solid #a82227;
+  border: 1px solid #f47738;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
@@ -7650,8 +6198,8 @@ video::-webkit-media-controls-panel {
   align-items: center; }
 
 .dss-switch-tab-selected {
-  border-bottom: 3px solid #a82227;
-  color: #a82227;
+  border-bottom: 3px solid #f47738;
+  color: #f47738;
   padding: 7px 24px; }
 
 .dss-switch-tab-selected, .dss-switch-tab-unselected {
@@ -7675,6 +6223,10 @@ video::-webkit-media-controls-panel {
   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; }
 
@@ -7695,147 +6247,13 @@ video::-webkit-media-controls-panel {
 
 .dss-input-active-border {
   --border-opacity:1;
-  border: 1px solid #a82227 !important;
+  border: 1px solid #f47738 !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: Roboto;
+  font-family: sans-serif;
   background: #f4f7fb; }
 
 .app-container-iframe {
@@ -7914,7 +6332,7 @@ body {
   bottom: 0; }
 
 .fill-path-primary-main path {
-  fill: #a82227; }
+  fill: #f47738; }
 
 .obps-search {
   margin: 8px; }
@@ -7923,7 +6341,6 @@ body {
   margin-top: -25px; }
   .HomePageWrapper .BannerWithSearch {
     margin-bottom: 40px;
-    width: 100%;
     position: relative; }
     .HomePageWrapper .BannerWithSearch .Search {
       width: calc(100% - 32px);
@@ -7941,20 +6358,9 @@ body {
     display: -ms-flexbox;
     display: flex;
     -ms-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%; } }
+    flex-wrap: wrap; }
   .HomePageWrapper .WhatsNewSection {
-    margin: 8px;
-    padding: 0 15px; }
+    margin: 8px; }
     .HomePageWrapper .WhatsNewSection .headSection {
       display: -webkit-box;
       display: -ms-flexbox;
@@ -7973,51 +6379,14 @@ body {
         line-height: 24px;
         --text-opacity:1; }
       .HomePageWrapper .WhatsNewSection .headSection p {
-        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); } }
+        color: #f47738;
+        color: rgba(244, 119, 56, var(--text-opacity));
+        font-weight: 500; }
 
 .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; }
@@ -8047,34 +6416,27 @@ body {
     display: none; }
 
 @media (min-width: 780px) {
-  .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 {
+  .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 {
       height: 20vw; }
   .moduleLinkHomePage img {
     min-width: 100vw;
+    margin-left: calc(-15vw - 16px);
     height: 20vw; }
   .moduleLinkHomePage h1 {
     top: calc(10vw + 40px);
-    left: 15.8rem; }
+    left: calc(15% + 14px);
+    margin-left: 24px; }
   .moduleLinkHomePage .moduleLinkHomePageBackButton {
     top: calc(10vw + 16px);
-    margin-left: 16px; }
-  .moduleLinkHomePageModuleLinks {
-    max-width: unset;
-    width: 100%; } }
-
-.CitizenEngagementNotificationWrapper .h1 {
-  margin: 15px; }
+    margin-left: 16px; } }
 
 .CitizenEngagementNotificationWrapper .WhatsNewCard {
   margin-left: 16px;
@@ -8111,8 +6473,8 @@ body {
         margin-bottom: 8px; }
       .eventAddressAndDirection span div .direction {
         --text-opacity:1;
-        color: #a82227;
-        color: rgba(168, 34, 39, var(--text-opacity));
+        color: #f47738;
+        color: rgba(244, 119, 56, var(--text-opacity));
         cursor: pointer; }
 
 .eventTimeRange {
@@ -8282,7 +6644,7 @@ body {
         font-weight: 400;
         font-size: 16px;
         line-height: 19px;
-        color: #a82227; }
+        color: #f47738; }
   .view_download_main .download_views_padding {
     padding-top: 8px; }
 
@@ -8302,7 +6664,7 @@ body {
       font-weight: 400;
       font-size: 16px;
       line-height: 19px;
-      color: #a82227; }
+      color: #f47738; }
   .notice_and_circular_heading_mb .card-caption {
     font-size: 16px;
     line-height: 24px;
@@ -8896,10 +7258,12 @@ body {
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center; }
-    .surveydetailsform-wrapper .surveyformfield .radio-btn, .surveydetailsform-wrapper .surveyformfield .radio-btn-checkmark {
+    .surveydetailsform-wrapper .surveyformfield .radio-btn {
       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));
@@ -8908,9 +7272,10 @@ 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: #a82227;
-      height: 1rem;
-      width: 1rem;
+      background-color: #f47738;
+      background-color: rgba(244, 119, 56, var(--bg-opacity));
+      height: 1.25rem;
+      width: 1.25rem;
       border-radius: 9999px;
       position: absolute;
       top: 4px;
@@ -8982,9 +7347,6 @@ body {
 .display-none {
   display: none; }
 
-.primary-label-btn {
-  margin: 10px auto 0 !important; }
-
 .p-unset {
   padding: unset !important; }
 
@@ -9047,7 +7409,7 @@ body {
     color: #1d70b8; }
 
 .clear-search-label {
-  color: #a82227;
+  color: #f47738;
   cursor: pointer; }
 
 .search-submit-bar {
@@ -9065,7 +7427,7 @@ body {
   -ms-flex-align: center;
   align-items: center; }
   .application-details-link-button .download-button {
-    color: a82227;
+    color: #f47738;
     margin-left: 8px; }
 
 .response-download-button {
@@ -9074,12 +7436,11 @@ body {
   display: flex;
   margin-bottom: 8px; }
   .response-download-button .download-button {
-    color: #a82227;
-    margin-left: 8px;
-    white-space: nowrap; }
+    color: #f47738;
+    margin-left: 8px; }
 
 .check-page-link-button {
-  color: #a82227 !important; }
+  color: #f47738 !important; }
 
 .pt-application-download-btn {
   display: -webkit-box;
@@ -9106,14 +7467,14 @@ body {
   display: flex;
   grid-gap: 10px;
   gap: 10px;
-  color: #5a1166;
+  color: #f47738;
   cursor: pointer;
   font-weight: 500;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content; }
   .primary-label-btn svg {
-    fill: #a82227; }
+    fill: #f47738; }
 
 .primaryColor {
   color: #0b0c0c !important; }
@@ -9328,14 +7689,8 @@ input[type=number], .checkbox-wrap .input-emp[type=number] {
   width: 100%; }
   .text-input input:hover, .text-input .checkbox-wrap .input-emp:hover, .checkbox-wrap .text-input .input-emp:hover {
     --border-opacity:1;
-    border: 1px solid #a82227;
-    border-color: rgba(168, 34, 39, var(--border-opacity)); }
-
-.text-input-width {
-  max-width: 540px; }
-
-.text-mobile-input-width {
-  max-width: 500px; }
+    border: 1px solid #f47738;
+    border-color: rgba(244, 119, 56, var(--border-opacity)); }
 
 .custom-time-picker {
   width: 100%;
@@ -9399,7 +7754,7 @@ input[type=number], .checkbox-wrap .input-emp[type=number] {
   width: 100% !important; }
 
 .edcr-citizen-inbox thead th:first-child {
-  min-width: 100px; }
+  min-width: 155px; }
 
 .error-boundary {
   width: 100vw;
@@ -9418,34 +7773,7 @@ input[type=number], .checkbox-wrap .input-emp[type=number] {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-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; }
+  flex-direction: column; }
 
 .error-boundary details, .error-boundary summary {
   width: 300px;
@@ -9473,154 +7801,5 @@ 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; } }