@egovernments/digit-ui-health-css 0.3.1 → 0.3.3

package/dist/index.css

@@ -1,5 +1,5 @@
 /*!
- * @egovernments/digit-ui-health-css - 0.3.1
+ * @egovernments/digit-ui-health-css - 0.3.3
  *
  * Copyright (c) 2025 Jagankumar <jagan.kumar@egov.org.in>
  * 
@@ -2487,7 +2487,8 @@
   display: flex;
   cursor: pointer;
   margin-left: 1rem;
-  font-size: 1.2rem; }
+  font-size: 1.2rem;
+  width: 10rem; }
 
 .fieldv1-deleteIcon-container {
   -webkit-box-pack: start;
@@ -3237,6 +3238,25 @@ tbody tr:last-child td:last-child .digit-dropdown-employee-select-wrap .digit-dr
   -ms-flex: 1;
   flex: 1; }
 
+.my-microplans-action-button + .header-dropdown-container .header-dropdown-menu {
+  width: 18.125rem !important; }
+
+.bold-column {
+  font-weight: 700;
+  width: 9rem;
+  margin-top: .6rem; }
+
+.fieldv1-deleteIcon-container.addColumnsScreen .label-field-wrapper {
+  max-width: 37.5rem; }
+  .fieldv1-deleteIcon-container.addColumnsScreen .label-field-wrapper .digit-field {
+    width: 100%; }
+
+.mp-hypothesis-label-field.addColumnsScreen .assumption-label {
+  width: 20%; }
+
+.new-columns-screen {
+  width: 37%; }
+
 .typography.text-heading-xl, header {
   font-family: Roboto Condensed;
   font-style: normal;
@@ -3481,21 +3501,21 @@ tbody tr:last-child td:last-child .digit-dropdown-employee-select-wrap .digit-dr
   .typography.heading-m, .kpi-card p, .microplan-deatils-view-card .digit-view-card-header, .map-filter-by-boundary .map-filter-boundary-selection .map-header-section .map-header-section-header, .custom-inbox-filter-heading, .inbox-header-text, .card-heading-title, .security-question-label, .summary-sub-heading {
     font-size: 1.5rem; } }
 
-.typography.heading-m, .kpi-card p, .microplan-deatils-view-card .digit-view-card-header, .map-filter-by-boundary .map-filter-boundary-selection .map-header-section .map-header-section-header, .custom-inbox-filter-heading, .inbox-header-text, .card-heading-title, .security-question-label, .summary-sub-heading, .typography.heading-s, .mp-hypothesis-label-field > div > span, .formula-label-field > span, .map-container-main .base-map-selector .icon-first .map-filter-layers, .map-container-main .choropleth-section .icon-rest p, .map-container-main .filter-section .icon-rest p, .label-heading, .edit-label, .summary-sub-heading.subBoundary, .boundary-header {
+.typography.heading-m, .kpi-card p, .microplan-deatils-view-card .digit-view-card-header, .map-filter-by-boundary .map-filter-boundary-selection .map-header-section .map-header-section-header, .custom-inbox-filter-heading, .inbox-header-text, .card-heading-title, .security-question-label, .summary-sub-heading, .typography.heading-s, .mp-hypothesis-label-field > div > span, .formula-label-field > span, .map-container-main .base-map-selector .icon-first .map-filter-layers, .map-container-main .choropleth-section .icon-rest p, .map-container-main .filter-section .icon-rest p, .view-label-heading, .label-heading, .edit-label, .summary-sub-heading.subBoundary, .boundary-header, .appConfigLabelField-label {
   font-family: Roboto;
   font-style: normal;
   font-weight: 700; }
 
 @media (max-width: 30rem) {
-  .typography.heading-s, .mp-hypothesis-label-field > div > span, .formula-label-field > span, .map-container-main .base-map-selector .icon-first .map-filter-layers, .map-container-main .choropleth-section .icon-rest p, .map-container-main .filter-section .icon-rest p, .label-heading, .edit-label, .summary-sub-heading.subBoundary, .boundary-header {
+  .typography.heading-s, .mp-hypothesis-label-field > div > span, .formula-label-field > span, .map-container-main .base-map-selector .icon-first .map-filter-layers, .map-container-main .choropleth-section .icon-rest p, .map-container-main .filter-section .icon-rest p, .view-label-heading, .label-heading, .edit-label, .summary-sub-heading.subBoundary, .boundary-header, .appConfigLabelField-label {
     font-size: 1rem; } }
 
 @media (min-width: 30.063rem) and (max-width: 47.938rem) {
-  .typography.heading-s, .mp-hypothesis-label-field > div > span, .formula-label-field > span, .map-container-main .base-map-selector .icon-first .map-filter-layers, .map-container-main .choropleth-section .icon-rest p, .map-container-main .filter-section .icon-rest p, .label-heading, .edit-label, .summary-sub-heading.subBoundary, .boundary-header {
+  .typography.heading-s, .mp-hypothesis-label-field > div > span, .formula-label-field > span, .map-container-main .base-map-selector .icon-first .map-filter-layers, .map-container-main .choropleth-section .icon-rest p, .map-container-main .filter-section .icon-rest p, .view-label-heading, .label-heading, .edit-label, .summary-sub-heading.subBoundary, .boundary-header, .appConfigLabelField-label {
     font-size: 1rem; } }
 
 @media (min-width: 48rem) {
-  .typography.heading-s, .mp-hypothesis-label-field > div > span, .formula-label-field > span, .map-container-main .base-map-selector .icon-first .map-filter-layers, .map-container-main .choropleth-section .icon-rest p, .map-container-main .filter-section .icon-rest p, .label-heading, .edit-label, .summary-sub-heading.subBoundary, .boundary-header {
+  .typography.heading-s, .mp-hypothesis-label-field > div > span, .formula-label-field > span, .map-container-main .base-map-selector .icon-first .map-filter-layers, .map-container-main .choropleth-section .icon-rest p, .map-container-main .filter-section .icon-rest p, .view-label-heading, .label-heading, .edit-label, .summary-sub-heading.subBoundary, .boundary-header, .appConfigLabelField-label {
     font-size: 1rem; } }
 
 .typography.heading-xs, .map-container-main .base-map-selector .base-map-area .selected p {
@@ -3533,18 +3553,18 @@ tbody tr:last-child td:last-child .digit-dropdown-employee-select-wrap .digit-dr
   .typography.caption-m {
     font-size: 1.5rem; } }
 
-.typography.caption-s {
+.typography.caption-s, .app-config-drawer-subheader {
   font-family: Roboto;
   font-style: italic;
   font-weight: 500; }
   @media (max-width: 30rem) {
-    .typography.caption-s {
+    .typography.caption-s, .app-config-drawer-subheader {
       font-size: 1rem; } }
   @media (min-width: 30.063rem) and (max-width: 47.938rem) {
-    .typography.caption-s {
+    .typography.caption-s, .app-config-drawer-subheader {
       font-size: 1.25rem; } }
   @media (min-width: 48rem) {
-    .typography.caption-s {
+    .typography.caption-s, .app-config-drawer-subheader {
       font-size: 1.25rem; } }
 
 @media (max-width: 30rem) {
@@ -3559,21 +3579,21 @@ tbody tr:last-child td:last-child .digit-dropdown-employee-select-wrap .digit-dr
   .typography.body-l, .label-text {
     font-size: 1.25rem; } }
 
-.typography.body-l, .label-text, .typography.body-s {
+.typography.body-l, .label-text, .typography.body-s, .view-label-text, .drawer-toggle-field-container .drawer-container-tooltip .digit-switch-container .digit-switch-label, .drawer-toggle-field-container .drawer-container-tooltip .drawer-toggle-conditional-field .digit-header-content.label {
   font-family: Roboto;
   font-style: normal;
   font-weight: 400; }
 
 @media (max-width: 30rem) {
-  .typography.body-s {
+  .typography.body-s, .view-label-text, .drawer-toggle-field-container .drawer-container-tooltip .digit-switch-container .digit-switch-label, .drawer-toggle-field-container .drawer-container-tooltip .drawer-toggle-conditional-field .digit-header-content.label {
     font-size: .875rem; } }
 
 @media (min-width: 30.063rem) and (max-width: 47.938rem) {
-  .typography.body-s {
+  .typography.body-s, .view-label-text, .drawer-toggle-field-container .drawer-container-tooltip .digit-switch-container .digit-switch-label, .drawer-toggle-field-container .drawer-container-tooltip .drawer-toggle-conditional-field .digit-header-content.label {
     font-size: 1rem; } }
 
 @media (min-width: 48rem) {
-  .typography.body-s {
+  .typography.body-s, .view-label-text, .drawer-toggle-field-container .drawer-container-tooltip .digit-switch-container .digit-switch-label, .drawer-toggle-field-container .drawer-container-tooltip .drawer-toggle-conditional-field .digit-header-content.label {
     font-size: 1rem; } }
 
 @media (max-width: 30rem) {
@@ -3801,7 +3821,8 @@ tbody tr:last-child td:last-child .digit-dropdown-employee-select-wrap .digit-dr
     border-width: 1px 1px 4px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
-    font-size: 1.5rem; }
+    font-size: 1.5rem;
+    cursor: default; }
   .campaign-tab-head.active, .campaign-tab-head :focus {
     outline: none; }
 
@@ -3822,7 +3843,8 @@ tbody tr:last-child td:last-child .digit-dropdown-employee-select-wrap .digit-dr
     width: 9.188rem;
     font-family: Roboto;
     font-weight: 700;
-    font-size: 1rem; }
+    font-size: 1rem;
+    cursor: default; }
 
 .tab-content-header {
   margin-top: 1.5rem;
@@ -3834,14 +3856,14 @@ tbody tr:last-child td:last-child .digit-dropdown-employee-select-wrap .digit-dr
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
-  justify-content: space-between;
-  margin-top: 1.5rem !important; }
+  justify-content: space-between; }
 
 .deliveryType-labelfield {
   margin-top: .565rem; }
 
 .delivery-rule-container {
-  margin-top: 1.5rem; }
+  margin-top: 1.5rem;
+  margin-bottom: 1.5rem; }
   .delivery-rule-container .digit-card-header {
     font-size: 1.5rem !important;
     margin: 0;
@@ -3859,7 +3881,7 @@ tbody tr:last-child td:last-child .digit-dropdown-employee-select-wrap .digit-dr
   .delivery-rule-container .attribute-container {
     border: 1px solid #d6d5d4;
     background-color: #fafafa;
-    padding: 0 1rem 1rem; }
+    padding: 1rem; }
     .delivery-rule-container .attribute-container .add-attribute {
       width: 74.5%;
       -webkit-box-pack: center;
@@ -4007,11 +4029,11 @@ tbody tr:last-child td:last-child .digit-dropdown-employee-select-wrap .digit-dr
 header {
   margin-bottom: 0; }
 
-.digit-button-primary {
-  background-color: #c84c0e !important; }
-
 .digit-button-secondary .icon-label-container h2 {
-  color: #c84c0e !important; }
+  color: #c84c0e; }
+
+.card-container-delivery .additional-elements-column .icon-label-container .digit-button-label {
+  margin-top: .125rem; }
 
 .employee .digit-employeeSidebar .sidebar {
   z-index: 999; }
@@ -4074,9 +4096,412 @@ header {
 .wbh-header-container {
   margin: 0; }
 
+.digit-description {
+  display: contents !important; }
+
+.create-campaign-disable {
+  opacity: .5;
+  background: #c5c5c5 !important; }
+
+.date-field-container .digit-new-date-format {
+  z-index: 0; }
+
+.employee-app-wrapper.digit-home-app-wrapper .ground-container.digit-home-ground {
+  margin-left: .75rem; }
+
+.digit-landing-page-card {
+  border-radius: .25rem; }
+
+.camp-drawer-caption {
+  font-size: 1rem !important;
+  font-weight: 400 !important;
+  padding-bottom: 1.5rem; }
+
+.camp-app-help-tutorial-popup {
+  bottom: 0;
+  top: 62vh !important;
+  width: 100%;
+  max-width: 90% !important;
+  overflow: hidden !important; }
+  .camp-app-help-tutorial-popup .digit-popup-children-wrap {
+    overflow: hidden !important; }
+  .camp-app-help-tutorial-popup .tutorial-wrapper {
+    -webkit-box-orient: vertical;
+    -ms-flex-direction: column;
+    flex-direction: column; }
+  .camp-app-help-tutorial-popup .tutorial-row, .camp-app-help-tutorial-popup .tutorial-wrapper {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-direction: normal;
+    grid-gap: 1rem;
+    gap: 1rem; }
+  .camp-app-help-tutorial-popup .tutorial-row {
+    -webkit-box-orient: horizontal;
+    -ms-flex-direction: row;
+    flex-direction: row;
+    overflow-x: auto;
+    padding-bottom: 1rem; }
+  .camp-app-help-tutorial-popup .tutorial-card {
+    -webkit-box-flex: 0;
+    -ms-flex: 0 0 auto;
+    flex: 0 0 auto;
+    width: 16rem;
+    min-height: 10rem;
+    background: #fff;
+    border-radius: .75rem;
+    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    padding: 1rem;
+    text-align: center;
+    cursor: pointer;
+    -webkit-transition: -webkit-transform .2s ease-in-out;
+    transition: -webkit-transform .2s ease-in-out;
+    transition: transform .2s ease-in-out;
+    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
+    transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out; }
+    .camp-app-help-tutorial-popup .tutorial-card:hover {
+      -webkit-transform: translateY(-4px);
+      transform: translateY(-4px); }
+  .camp-app-help-tutorial-popup .tutorial-icon {
+    background-color: #f0f0f0;
+    border-radius: 50%;
+    width: 3rem;
+    height: 3rem;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    margin-bottom: .75rem;
+    font-size: 1.5rem; }
+  .camp-app-help-tutorial-popup .tutorial-title {
+    font-size: .95rem;
+    font-weight: 500; }
+
+@-webkit-keyframes fadeIn {
+  0% {
+    background-color: transparent; }
+  to {
+    background-color: rgba(0, 0, 0, 0.3); } }
+
+@keyframes fadeIn {
+  0% {
+    background-color: transparent; }
+  to {
+    background-color: rgba(0, 0, 0, 0.3); } }
+
+@-webkit-keyframes fadeOut {
+  0% {
+    background-color: rgba(0, 0, 0, 0.3); }
+  to {
+    background-color: transparent; } }
+
+@keyframes fadeOut {
+  0% {
+    background-color: rgba(0, 0, 0, 0.3); }
+  to {
+    background-color: transparent; } }
+
+@-webkit-keyframes slideInUp {
+  0% {
+    -webkit-transform: translateY(100%);
+    transform: translateY(100%);
+    opacity: 0; }
+  to {
+    -webkit-transform: translateY(0);
+    transform: translateY(0);
+    opacity: 1; } }
+
+@keyframes slideInUp {
+  0% {
+    -webkit-transform: translateY(100%);
+    transform: translateY(100%);
+    opacity: 0; }
+  to {
+    -webkit-transform: translateY(0);
+    transform: translateY(0);
+    opacity: 1; } }
+
+@-webkit-keyframes slideOutDown {
+  0% {
+    -webkit-transform: translateY(0);
+    transform: translateY(0);
+    opacity: 1; }
+  to {
+    -webkit-transform: translateY(100%);
+    transform: translateY(100%);
+    opacity: 0; } }
+
+@keyframes slideOutDown {
+  0% {
+    -webkit-transform: translateY(0);
+    transform: translateY(0);
+    opacity: 1; }
+  to {
+    -webkit-transform: translateY(100%);
+    transform: translateY(100%);
+    opacity: 0; } }
+
+.tutorial-overlay {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 2999;
+  -webkit-animation-duration: .3s;
+  animation-duration: .3s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: end;
+  -ms-flex-align: end;
+  align-items: flex-end; }
+  .tutorial-overlay.fade-in {
+    -webkit-animation-name: fadeIn;
+    animation-name: fadeIn; }
+  .tutorial-overlay.fade-out {
+    -webkit-animation-name: fadeOut;
+    animation-name: fadeOut; }
+
+.tutorial-drawer {
+  position: fixed;
+  bottom: 0;
+  right: 0;
+  left: 0;
+  width: 100%;
+  border-radius: 1rem 1rem 0 0;
+  background: #fff;
+  -webkit-box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
+  padding: 1rem;
+  z-index: 1000;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-animation-duration: .3s;
+  animation-duration: .3s;
+  -webkit-animation-fill-mode: forwards;
+  animation-fill-mode: forwards; }
+  .tutorial-drawer.slide-in {
+    -webkit-animation-name: slideInUp;
+    animation-name: slideInUp; }
+  .tutorial-drawer.slide-out {
+    -webkit-animation-name: slideOutDown;
+    animation-name: slideOutDown; }
+
+.tutorial-header {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  font-weight: 600;
+  font-size: 1.5rem;
+  padding: .5rem;
+  color: #0b4b66; }
+
+.tutorial-close {
+  background: none;
+  border: none;
+  font-size: 1.25rem;
+  cursor: pointer;
+  line-height: 1; }
+
+.tutorial-row {
+  -webkit-box-orient: horizontal;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  overflow-x: auto;
+  grid-gap: 1rem;
+  gap: 1rem;
+  padding: .25rem;
+  scroll-behavior: smooth;
+  -webkit-overflow-scrolling: touch;
+  scrollbar-width: thin; }
+
+.tutorial-card, .tutorial-row {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-direction: normal; }
+
+.tutorial-card {
+  -webkit-box-flex: 0;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+  width: 18rem;
+  min-height: 10rem;
+  background: #fff;
+  border-radius: .5rem;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  padding: 1rem;
+  -webkit-box-orient: vertical;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  overflow: hidden;
+  cursor: pointer;
+  -webkit-transition: -webkit-transform .2s ease-in-out;
+  transition: -webkit-transform .2s ease-in-out;
+  transition: transform .2s ease-in-out;
+  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
+  transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
+  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14902);
+  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14902); }
+  .tutorial-card:hover {
+    -webkit-transform: translateY(-4px);
+    transform: translateY(-4px); }
+  .tutorial-card .tutorial-card-image {
+    height: 5rem;
+    background-color: #f5f5f5;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    padding: 1rem; }
+    .tutorial-card .tutorial-card-image img {
+      max-width: 5rem;
+      max-height: 4rem; }
+  .tutorial-card .tutorial-card-content {
+    margin: 1rem 0;
+    -webkit-box-orient: vertical;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    grid-gap: .25rem;
+    gap: .25rem; }
+    .tutorial-card .tutorial-card-content .tutorial-card-title {
+      font-weight: 500;
+      color: #0b4b66; }
+    .tutorial-card .tutorial-card-content .tutorial-card-subtext {
+      font-size: .9rem;
+      color: #555; }
+    .tutorial-card .tutorial-card-content .tutorial-card-link {
+      margin-top: .5rem;
+      font-size: .875rem;
+      color: #c84c0e;
+      -webkit-box-align: center;
+      -ms-flex-align: center;
+      align-items: center;
+      grid-gap: .25rem;
+      gap: .25rem; }
+      .tutorial-card .tutorial-card-content .tutorial-card-link .arrow {
+        font-weight: 700; }
+
+.tutorial-icon {
+  background-color: #f0f0f0;
+  border-radius: 50%;
+  width: 3rem;
+  height: 3rem;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  margin-bottom: .75rem;
+  font-size: 1.5rem; }
+  @media (max-width: 480px) {
+    .tutorial-icon {
+      width: 2.5rem;
+      height: 2.5rem;
+      font-size: 1.25rem; } }
+
+.tutorial-title {
+  font-size: .95rem;
+  font-weight: 500; }
+  @media (max-width: 480px) {
+    .tutorial-title {
+      font-size: .85rem; } }
+
+.camp-help-button-app-configuration-redesign {
+  margin-right: 24rem; }
+
+.boldLabel {
+  margin-bottom: 0; }
+  .boldLabel .digit-header-content {
+    font-weight: 700; }
+  .boldLabel.withoutMargin {
+    margin-bottom: 0 !important; }
+
+.clickable:hover {
+  border: .063rem solid #c84c0e;
+  -webkit-box-shadow: 0.063rem rgba(0, 0, 0, 0.16078);
+  box-shadow: 0.063rem rgba(0, 0, 0, 0.16078); }
+
+.setup-campaign .digit-label-field-pair {
+  margin-bottom: 0; }
+
+.cmn-help-info-card {
+  margin: 1.5rem 1rem;
+  max-width: 100%;
+  display: column; }
+  .cmn-help-info-card .cmn-help-info-card-elements-wrapper {
+    margin-bottom: .5rem; }
+    .cmn-help-info-card .cmn-help-info-card-elements-wrapper .digit-text-block-header-content .digit-text-block-header {
+      line-height: .75rem;
+      font-weight: 500;
+      font-size: 1.5rem; }
+    .cmn-help-info-card .cmn-help-info-card-elements-wrapper ol, .cmn-help-info-card .cmn-help-info-card-elements-wrapper ul {
+      list-style: auto;
+      font-size: 1rem;
+      font-weight: 400;
+      margin-top: 0;
+      color: #787878;
+      font-weight: .875rem; }
+
+.digit-text-block-header-content {
+  -webkit-box-orient: vertical !important;
+  -webkit-box-direction: normal !important;
+  -ms-flex-direction: column !important;
+  flex-direction: column !important; }
+
+.copy-campaign-popup .digit-popup-heading {
+  color: #0b4b66; }
+
+.copy-campaign-popup .digit-popup-children-wrap {
+  overflow: unset !important; }
+
 .summary-header {
   font-size: 2.25rem;
-  margin-bottom: 1.5rem !important; }
+  margin-bottom: 1.5rem !important;
+  color: #0b4b66; }
 
 .date-field-container {
   display: grid;
@@ -4116,9 +4541,7 @@ header {
   font-weight: 700; }
 
 .mandatory-date {
-  margin-top: .8rem;
-  margin-left: .5rem;
-  color: red !important;
+  color: #d4351c !important;
   font-size: 1rem;
   font-weight: 700; }
 
@@ -4127,7 +4550,8 @@ header {
   margin-bottom: 0; }
 
 .dates-description, .name-description {
-  margin: 0; }
+  margin: 0;
+  color: #505a5f; }
 
 .selecting-boundary-div {
   padding-top: .5rem; }
@@ -4253,7 +4677,7 @@ header {
       display: -ms-flexbox;
       display: flex; }
       .label-field-grid .update-date-labelField .update-label p {
-        margin: 0 0 .25rem; }
+        margin: 0 0 1rem; }
       .label-field-grid .update-date-labelField .update-label .mandatory-date {
         margin-top: -.25rem; }
   .label-field-grid .digit-button-primary {
@@ -4290,51 +4714,165 @@ header {
   width: 100%; }
 
 .campaign-tag {
-  border: .5px solid #0b4b66;
-  margin-bottom: 1rem;
-  height: 3.3rem; }
+  background-color: #eff8ff !important;
+  border-color: #0057bd !important; }
   .campaign-tag .digit-tag-text {
-    font-size: 1.5rem;
-    font-weight: 700; }
+    color: #0057bd !important; }
 
 .digit-popup-wrapper.dataMapping .digit-popup-children-wrap {
   overflow: visible; }
 
 .dataMappingCard {
-  overflow-y: scroll; }
+  overflow-y: scroll;
+  margin-top: 1.5rem; }
 
 .dataMappingDropdown {
   min-width: 13rem !important; }
 
 .data-mapping-filter-switch {
   float: right;
-  margin-right: 5rem;
+  margin-right: 0;
   margin-bottom: 0; }
 
 .digit-label-field-pair.multiselect-label-field > div:first-of-type {
   width: 69%; }
 
-.appConfiglabelField {
-  padding: 3rem 1rem;
-  background-color: #eee;
-  border: 1px solid #d6d5d4;
-  border-radius: .5rem; }
-
-.appConfiglabelField.selected {
-  background-color: rgba(244, 119, 56, 0.10196);
-  border: 1px solid #c84c0e; }
-
-.appConfig-flow-stepper {
-  margin-top: 2rem; }
-
-.app-config-add-section {
-  margin: 2rem auto 5rem; }
+.date-style {
+  max-width: 37.5rem;
+  grid-gap: 1rem;
+  gap: 1rem; }
 
-.appConfigScreenCard {
-  margin-bottom: 2rem; }
+.app-preview, .date-style {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex; }
+
+.app-preview {
+  width: 29rem;
+  height: calc(100vh - 22rem);
+  overflow-y: auto;
+  border: 1px solid #c84c0e;
+  border-radius: 1rem;
+  background-color: #fff;
+  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
+  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
+  margin: 5px auto;
+  font-family: Arial,sans-serif;
+  scrollbar-width: thin;
+  scrollbar-color: #d6d5d4 #fafafa; }
+  .app-preview::-webkit-scrollbar {
+    width: 5px;
+    background: #fafafa; }
+  .app-preview::-webkit-scrollbar-thumb {
+    background: #d6d5d4;
+    border-radius: 8px;
+    min-height: 40px; }
+  .app-preview::-webkit-scrollbar-track {
+    background: #fafafa;
+    border-radius: 8px; }
+  .app-preview::-webkit-scrollbar-button {
+    display: none !important;
+    height: 0 !important;
+    width: 0 !important; }
+  .app-preview .digit-card-component {
+    height: -webkit-max-content;
+    height: -moz-max-content;
+    height: max-content; }
+    .app-preview .digit-card-component .digit-description .digit-card-text {
+      margin-bottom: 0; }
+  .app-preview .digit-card-header {
+    color: #0b4b66;
+    font-size: 2rem;
+    font-weight: 700; }
+  .app-preview .digit-card-text {
+    color: #787878;
+    font-weight: 400;
+    font-size: .875rem;
+    line-height: 137%; }
+  .app-preview .app-card {
+    min-height: 100%;
+    grid-gap: .5rem;
+    gap: .5rem;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    border-style: none;
+    padding: 1rem; }
+    .app-preview .app-card::-webkit-scrollbar-button {
+      display: none !important;
+      height: 0 !important;
+      width: 0 !important; }
+
+.app-card {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  min-height: 100%;
+  grid-gap: .5rem;
+  gap: .5rem;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  border-style: none;
+  padding: 1rem; }
+
+.mobile-bezel-outerWrapper {
+  -webkit-transform: scale(0.8);
+  transform: scale(0.8);
+  margin-top: -5rem; }
+
+.app-config-tag-page-fixed {
+  position: fixed;
+  top: 15rem;
+  left: 67rem;
+  color: #0b4b66;
+  font-family: Roboto Condensed;
+  font-weight: 700; }
+
+.mobile-top {
+  background-color: #0b4b66;
+  height: 4rem;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  padding: 0 1rem;
+  color: #fff;
+  font-size: 1.5rem;
+  font-weight: 700;
+  width: 100%;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  border-top-left-radius: 1rem;
+  border-top-right-radius: 1rem; }
+
+.appConfiglabelField {
+  position: relative;
+  padding: 1rem;
+  background-color: #eee;
+  border: 1px solid #d6d5d4;
+  border-radius: .5rem; }
+
+.appConfiglabelField.selected {
+  background-color: rgba(244, 119, 56, 0.10196);
+  border: 1px solid #c84c0e; }
+
+.appConfig-flow-stepper {
+  margin-top: 2rem; }
+
+.app-config-add-section {
+  margin: 2rem auto 5rem; }
+
+.appConfigScreenCard {
+  margin-bottom: 2rem; }
 
 .appConfiglabelField-label {
-  width: 25rem; }
+  width: 25rem;
+  margin-bottom: .5rem; }
 
 .app-config-actionBar {
   z-index: 9999; }
@@ -4359,745 +4897,1171 @@ header {
 .rdt_Table, .rdt_TableBody {
   width: 100% !important; }
 
-.formula-label-field {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  grid-gap: 1.5rem;
-  gap: 1.5rem;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center; }
+.campaign-header-module-style, .campaign-header-style {
+  color: #0b4b66;
+  font-size: 2.5rem; }
 
-.equals-icon {
-  font-family: Roboto Condensed;
-  font-size: 2.5rem;
+.campaign-header-module-style {
+  margin-bottom: 1rem !important; }
+
+.SubHeadingClass {
+  color: #505a5f;
+  font-weight: 400;
+  font-size: 1rem; }
+
+.date-header {
+  width: 100% !important;
+  color: #0b4b66;
   font-weight: 700;
-  line-height: 2.93rem;
-  text-align: left;
-  width: 1.31rem;
-  height: 2.38rem;
-  grid-gap: 0;
-  gap: 0;
-  opacity: 1; }
+  font-size: 40px;
+  padding-bottom: .5rem; }
 
-.formula-label-field > span {
-  width: 27rem; }
+.descStyle {
+  font-family: Roboto;
+  font-weight: 500;
+  font-size: 24px;
+  color: #c84c0e;
+  text-align: center;
+  margin-top: 1.5rem; }
+  .descStyle .disabledText {
+    color: #c5c5c5; }
 
-.icon-wrapper {
-  position: relative;
-  top: .28rem;
-  margin-left: .3rem; }
+.containerStyle {
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  margin-top: 2rem;
+  grid-gap: 2rem;
+  gap: 2rem; }
 
-.header-comp-blue {
-  margin-top: 0;
-  font-size: 2rem;
-  color: #0b4b66 !important; }
+.cardStyle, .containerStyle {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center; }
 
-.pop-inbox-wrapper {
+.cardStyle {
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  width: 400px;
+  height: 139px;
+  border: 1.5px solid #c84c0e;
+  border-radius: 4px;
+  margin: 1rem;
+  cursor: pointer;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
-  margin: 0;
-  padding: 0; }
+  text-align: center;
+  -webkit-transition: -webkit-box-shadow .3s ease-in-out,-webkit-transform .3s ease-in-out;
+  transition: -webkit-box-shadow .3s ease-in-out,-webkit-transform .3s ease-in-out;
+  transition: box-shadow .3s ease-in-out,transform .3s ease-in-out;
+  transition: box-shadow .3s ease-in-out,transform .3s ease-in-out,-webkit-box-shadow .3s ease-in-out,-webkit-transform .3s ease-in-out;
+  background-color: #fff; }
 
-.pop-inbox-wrapper, .pop-inbox-wrapper-filter-table-wrapper {
+.cardStyle:hover {
+  -webkit-transform: translateY(-5px);
+  transform: translateY(-5px);
+  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); }
+
+.disabledCard {
+  cursor: not-allowed;
+  border: 1.5px solid #c5c5c5; }
+  .disabledCard .descStyle {
+    color: #c5c5c5; }
+  .disabledCard svg {
+    fill: #505a5f; }
+
+.app-config-radio {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  grid-gap: 1.5rem;
-  gap: 1.5rem; }
+  margin-top: 1rem;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column; }
 
-.pop-inbox-wrapper-filter-table-wrapper {
-  -webkit-box-align: start;
-  -ms-flex-align: start;
-  align-items: flex-start;
-  width: 100%;
-  max-width: 100%; }
-  .pop-inbox-wrapper-filter-table-wrapper .filter-card-vertical {
-    max-width: 400px; }
-  .pop-inbox-wrapper-filter-table-wrapper .pop-inbox-table-wrapper {
-    width: 100% !important;
-    max-width: 100%;
-    overflow: auto; }
+.create-campaign-card {
+  gap: 0;
+  grid-gap: 0; }
 
-.select-activity-info {
-  margin-bottom: .5rem;
-  padding: .5rem;
-  width: 100%;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  grid-gap: 1rem;
-  gap: 1rem;
+.details-heading {
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between; }
 
-.select-activity-info, .table-actions-wrapper {
+.details-heading, .icon-heading {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex; }
 
-.table-actions-wrapper {
-  grid-gap: .5rem;
-  gap: .5rem;
-  -webkit-box-align: "center";
-  -ms-flex-align: "center";
-  align-items: "center";
-  -ms-flex-wrap: "wrap";
-  flex-wrap: "wrap";
-  margin-left: auto; }
+.icon-heading {
+  grid-gap: 1rem;
+  gap: 1rem; }
 
-.data-table-select-checkbox {
-  margin-bottom: 0; }
+.detail-desc {
+  margin-top: 1.5rem;
+  margin-bottom: 1.5rem;
+  color: #505a5f; }
 
-.rdt_Pagination {
-  margin-top: -1rem;
-  border: 1px solid #d6d5d4;
-  border-top: 0; }
+.dates {
+  margin-top: .5rem;
+  color: #505a5f;
+  font-family: Roboto; }
 
-.sc-fzXfPc {
-  border-radius: 0 !important; }
+.dates, .detail-header {
+  font-size: [object Object]; }
 
-.sc-fzXfPc::-webkit-scrollbar {
-  height: .5rem;
-  background-color: #d6d5d4; }
+.detail-header {
+  color: #0b4b66;
+  font-family: roboto; }
 
-.sc-fzXfPc::-webkit-scrollbar-thumb, .sc-fzXfPc::-webkit-scrollbar-track {
-  background-color: #d6d5d4;
-  border-radius: .563rem; }
+.details-desc {
+  color: #505a5f;
+  font-family: Roboto;
+  font-size: [object Object]; }
 
-.rdt_TableHead {
-  z-index: 13 !important; }
+.campaign-details-header {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between; }
 
-.microPlanBulkTable .rdt_TableRow > .rdt_TableCell:first-of-type {
-  position: sticky;
-  z-index: 10;
-  left: 0;
-  background-color: #fff; }
+.campaign-view-tag {
+  margin-left: 1rem;
+  height: -webkit-fit-content;
+  height: -moz-fit-content;
+  height: fit-content; }
 
-.microPlanBulkTable .rdt_TableRow.selectedRow > .rdt_TableCell:first-of-type, .microPlanBulkTable .rdt_TableRow:hover > .rdt_TableCell:first-of-type {
-  position: sticky;
-  z-index: 10;
-  left: 0;
-  background-color: #fbeee8; }
+.module-card {
+  width: 21rem;
+  height: 20rem;
+  border: 1px;
+  border-radius: .75rem; }
 
-.microPlanBulkTable .rdt_TableHeadRow > .rdt_TableCol:first-of-type {
-  position: sticky;
-  z-index: 12;
-  left: 0;
-  top: 0;
-  background-color: #eee; }
+.modules-container {
+  padding: 1rem 1rem 1rem 0; }
 
-.microPlanBulkTable .selectable .rdt_TableRow > .rdt_TableCell:nth-of-type(2) {
-  position: sticky;
-  z-index: 10;
-  left: 48px;
-  background-color: #fff; }
+.modules-container, .modules-feature-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  grid-gap: 1.5rem;
+  gap: 1.5rem;
+  -webkit-box-align: start;
+  -ms-flex-align: start;
+  align-items: flex-start; }
 
-.microPlanBulkTable .selectable .rdt_TableRow.selectedRow > .rdt_TableCell:nth-of-type(2), .microPlanBulkTable .selectable .rdt_TableRow:hover > .rdt_TableCell:nth-of-type(2) {
-  position: sticky;
-  z-index: 10;
-  left: 48px;
-  background-color: #fbeee8; }
+.modules-feature-container {
+  padding: 1rem; }
 
-.microPlanBulkTable .selectable .rdt_TableHeadRow > .rdt_TableCol:nth-of-type(2) {
-  position: sticky;
-  z-index: 12;
-  left: 48px;
-  top: 0;
-  background-color: #eee; }
+.campaign-module-button {
+  width: auto; }
 
-.rdt_TableHeadRow, .rdt_TableRow {
-  -webkit-box-pack: justify;
-  -ms-flex-pack: justify;
-  justify-content: space-between; }
+.date-selection {
+  width: 100% !important; }
 
-.village-hierarchy-tooltip-wrapper-class {
-  position: static; }
+.beneficiary-selection-label {
+  margin-bottom: 0; }
 
-.facility-popup-table-no-frozen-columns::-webkit-scrollbar-thumb, .facility-popup-table-no-frozen-columns::-webkit-scrollbar-track {
-  background-color: #d6d5d4;
-  border-radius: .563rem; }
+.selected-card {
+  border: 2px solid #f47738;
+  background-color: #fef1e4;
+  position: relative; }
 
-.facility-popup-table-no-frozen-columns::-webkit-scrollbar {
-  width: .5rem;
-  background-color: #d6d5d4; }
+.selected-header {
+  color: #c84c0e; }
 
-.data-table::-webkit-scrollbar-thumb, .data-table::-webkit-scrollbar-track {
-  background-color: #d6d5d4;
-  border-radius: .563rem; }
+.hcm-app-features .digit-toggle-toolbar {
+  margin-top: 1rem;
+  margin-bottom: .5rem;
+  max-width: 90%; }
+  .hcm-app-features .digit-toggle-toolbar > :first-child label {
+    border-top-left-radius: .5rem;
+    border-bottom-left-radius: .5rem; }
+  .hcm-app-features .digit-toggle-toolbar > :last-child label {
+    border-top-right-radius: .5rem;
+    border-bottom-right-radius: .5rem; }
+
+.digit-toggle-toolbar.app-config-tab {
+  width: 10rem;
+  top: 15rem;
+  position: fixed; }
+  .digit-toggle-toolbar.app-config-tab .toggle-option-container .digit-toggle-btn-wrap {
+    height: 7.5rem; }
+  .digit-toggle-toolbar.app-config-tab > :first-child label {
+    border-top-left-radius: .5rem; }
+  .digit-toggle-toolbar.app-config-tab > :last-child label {
+    border-top-right-radius: .5rem;
+    border-bottom-right-radius: .5rem; }
 
-.data-table::-webkit-scrollbar {
-  width: .5rem;
-  background-color: #d6d5d4; }
+.module-description {
+  -webkit-box-flex: 1;
+  -ms-flex-positive: 1;
+  flex-grow: 1;
+  margin: 0 0 1rem;
+  font-family: Roboto;
+  font-size: [object Object];
+  color: #505a5f; }
 
-.data-table::-webkit-scrollbar:horizontal {
-  height: .5rem;
-  background-color: #d6d5d4; }
+.date-container-popUp, .name-container-popUp {
+  margin-top: .8rem;
+  font-weight: 700;
+  text-wrap: nowrap;
+  width: 3.125rem; }
 
-.fetch-from-microplan .h1 {
-  font-size: 32px; }
+.pop-display {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  margin-top: 1.5rem; }
 
-.fetch-from-microplan .sandbox-loader-screen {
-  height: 100%; }
-  .fetch-from-microplan .sandbox-loader-screen .sandbox-installation-steps {
-    margin: 1rem; }
+.popUp-header {
+  margin-bottom: 1.5rem; }
 
-.fetch-from-microplan .digit-infobanner-wrap.info {
-  margin: 1rem 0;
-  max-width: 100%; }
+.end-date-container-popUp {
+  margin-top: .8rem;
+  font-weight: 700;
+  text-wrap: nowrap;
+  width: 3.125rem; }
 
-.fetch-from-microplan .bg-loader-with-gap-container {
-  background: none !important; }
-  .fetch-from-microplan .bg-loader-with-gap-container .bg-loader {
-    border: 0.5rem solid #c84c0e !important;
-    border-top-color: #fff !important; }
-  .fetch-from-microplan .bg-loader-with-gap-container .bg-loader-text {
-    color: #c84c0e !important; }
+.app-config-version-tags {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: end;
+  -ms-flex-align: end;
+  align-items: flex-end;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+  padding: 0;
+  margin: 0 0 -3.5rem 54rem;
+  color: #0b4b66;
+  font-family: Roboto Condensed;
+  font-size: [object Object];
+  font-weight: 700; }
+  .app-config-version-tags .app-config-placeholder-version-tag {
+    width: 30%; }
+  .app-config-version-tags .app-config-version-tag {
+    width: 40%; }
 
-.question-card-container.subSection {
-  width: 100%; }
+.version-tag .digit-tag-text {
+  font-size: .75rem; }
 
-.question-card-container .heading-bar {
+.content-group {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: end;
-  -ms-flex-pack: end;
-  justify-content: flex-end;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  grid-gap: 1rem;
-  gap: 1rem; }
-  .question-card-container .heading-bar .separator {
-    height: 2rem;
-    border: 1px solid #d6d5d4; }
-  .question-card-container .heading-bar .digit-checkbox-container {
-    margin-bottom: unset; }
-
-.question-label-field .question-label {
-  width: 30%; }
+  grid-gap: 1.5rem;
+  gap: 1.5rem;
+  padding: 1rem 0;
+  border-bottom: 1px solid #ddd; }
 
-.question-label-field .question-field-container {
-  width: 100%; }
-  .question-label-field .question-field-container .question-field {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    grid-gap: 1rem;
-    gap: 1rem;
-    -webkit-box-pack: justify;
-    -ms-flex-pack: justify;
-    justify-content: space-between; }
+.content-group.no-border {
+  border-bottom: none;
+  padding-bottom: 0;
+  margin-bottom: 0; }
 
-.optioncheckboxwrapper .simple_editable-input, .optioncheckboxwrapper .simple_readonly-input {
-  height: 1.5rem;
-  -ms-flex-align: center;
-  -ms-flex-item-align: center;
-  align-self: center; }
+.content-icon {
+  width: 6.5rem;
+  height: 6.5rem;
+  -o-object-fit: contain;
+  object-fit: contain;
+  margin-top: 4px;
+  -ms-flex-negative: 0;
+  flex-shrink: 0; }
 
-.optioncheckboxwrapper .pointer, .optioncheckboxwrapper .simple_editable-input, .optioncheckboxwrapper .simple_readonly-input {
+.content-text-block {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -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; }
 
-.optioncheckboxwrapper .pointer {
-  -ms-flex-align: center; }
+.content-bold-text {
+  font-weight: 700;
+  font-size: 1.5rem;
+  margin-bottom: 4px;
+  color: #0b4b66; }
 
-.optionradiobtnwrapper .simple_editable-input, .optionradiobtnwrapper .simple_readonly-input {
-  height: 3rem;
-  -ms-flex-align: center;
-  -ms-flex-item-align: center;
-  align-self: center; }
+.content-regular-text {
+  font-size: [object Object];
+  color: #505a5f; }
 
-.optionradiobtnwrapper .pointer, .optionradiobtnwrapper .simple_editable-input, .optionradiobtnwrapper .simple_readonly-input {
+.text-group {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -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;
+  grid-gap: 4px;
+  gap: 4px;
+  margin-bottom: 12px; }
 
-.optionradiobtnwrapper .pointer {
-  -ms-flex-align: center; }
+.bold-text {
+  font-weight: 700;
+  margin: 0; }
 
-.example input {
-  max-width: 100rem; }
+.regular-text {
+  margin: 0; }
 
-.question-card-container {
-  width: 100%;
-  border: 1px solid #d6d5d4;
-  background-color: #fafafa; }
-  .question-card-container.subSection {
-    width: 100%; }
-  .question-card-container .heading-bar {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-pack: end;
-    -ms-flex-pack: end;
-    justify-content: flex-end;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-    grid-gap: 1rem;
-    gap: 1rem; }
-    .question-card-container .heading-bar .separator {
-      height: 2rem;
-      border: 1px solid #d6d5d4; }
-    .question-card-container .heading-bar .digit-checkbox-container {
-      margin-bottom: unset; }
+.paragraph-text {
+  margin-bottom: 12px; }
 
-.question-label-field {
-  -webkit-box-align: baseline !important;
-  -ms-flex-align: baseline !important;
-  align-items: baseline !important; }
-  .question-label-field .question-label {
-    width: 30%; }
-  .question-label-field .question-field-container {
-    width: 100%; }
-    .question-label-field .question-field-container .question-field {
-      display: -webkit-box;
-      display: -ms-flexbox;
-      display: flex;
-      grid-gap: 1rem;
-      gap: 1rem;
-      -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-      justify-content: space-between; }
+.image-block {
+  margin: 10px 0; }
 
-.checkboxOptionVariant, .customradiobutton {
-  margin-bottom: 0 !important;
-  margin-top: auto;
-  grid-gap: .5rem;
-  gap: .5rem; }
+.responsive-image {
+  max-width: 100%;
+  height: auto; }
 
-.optioncheckboxwrapper {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
+.list-block {
+  padding-left: 20px;
+  margin-bottom: 12px; }
+
+.campaign-requirements-heading .digit-popup-icon-header-container .digit-popup-heading-subheading-wrap .digit-popup-heading {
+  color: #0b4b66; }
+
+.cycleBold {
+  font-weight: 700; }
+
+.app-config-flex-container, .QR-pop-up {
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content; }
+
+.app-config-flex-container {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
-  align-items: center; }
-  .optioncheckboxwrapper .simple_editable-input, .optioncheckboxwrapper .simple_readonly-input {
-    height: 1.5rem;
-    -ms-flex-align: center;
-    -ms-flex-item-align: center;
-    align-self: center; }
-  .optioncheckboxwrapper .pointer, .optioncheckboxwrapper .simple_editable-input, .optioncheckboxwrapper .simple_readonly-input {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center; }
-  .optioncheckboxwrapper .pointer {
-    -ms-flex-align: center; }
+  align-items: center;
+  margin-right: 24rem;
+  margin-left: min(10%, 12rem);
+  grid-gap: 2rem;
+  gap: 2rem;
+  -webkit-box-align: end;
+  -ms-flex-align: end;
+  align-items: flex-end; }
 
-.optionradiobtnwrapper {
+.app-config-flex-container, .feature-container {
   display: -webkit-box;
   display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center; }
-  .optionradiobtnwrapper .simple_editable-input, .optionradiobtnwrapper .simple_readonly-input {
-    height: 3rem;
-    -ms-flex-align: center;
-    -ms-flex-item-align: center;
-    align-self: center; }
-  .optionradiobtnwrapper .pointer, .optionradiobtnwrapper .simple_editable-input, .optionradiobtnwrapper .simple_readonly-input {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center; }
-  .optionradiobtnwrapper .pointer {
-    -ms-flex-align: center; }
+  display: flex; }
 
-.example {
-  max-width: 100rem; }
-  .example input {
-    max-width: 100rem; }
+.app-config {
+  width: auto;
+  margin-top: 1rem; }
+  .app-config .toggle-option-container {
+    height: 7.5rem; }
 
-.checkboxOptionVariant {
-  margin-bottom: 0; }
+.progress-popup .digit-popup-close {
+  display: none !important; }
 
-.custom-class {
-  width: auto; }
+.update-boundary-header {
+  color: #0b4b66;
+  font-size: 32px; }
 
-.employeeCard .label-field-pair {
-  width: auto; }
+.select-boundary {
+  color: #0b4b66 !important; }
 
-.digit-employee-card.example-view-card {
-  margin-left: 0 !important;
-  margin-right: 0 !important; }
+.appConfigLabelField-toggleVisibility {
+  position: absolute;
+  cursor: pointer;
+  top: 1rem;
+  right: 1rem; }
 
-.previewChecklist-app-container {
-  width: 100%;
-  margin: 0 auto;
-  padding: 16px;
-  background-color: #f5f5f5;
-  font-family: Arial,sans-serif; }
+.dynamic-image-component {
+  max-width: 100%;
+  margin-bottom: -2.5rem; }
 
-.preview-question-title {
-  font-weight: 700;
-  margin-bottom: 10px; }
+.start-header {
+  color: #0b4b66 !important; }
 
-.preview-options {
-  margin-left: 20px; }
+.formula-label-field {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  grid-gap: 1.5rem;
+  gap: 1.5rem;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
 
-.preview-option {
-  font-weight: lighter;
-  margin-bottom: 5px; }
+.equals-icon {
+  font-family: Roboto Condensed;
+  font-size: 2.5rem;
+  font-weight: 700;
+  line-height: 2.93rem;
+  text-align: left;
+  width: 1.31rem;
+  height: 2.38rem;
+  grid-gap: 0;
+  gap: 0;
+  opacity: 1; }
 
-.preview-sub-questions {
-  margin-left: 20px; }
+.formula-label-field > span {
+  width: 27rem; }
 
-.tetxinput-example .input-container {
-  max-width: unset !important; }
+.icon-wrapper {
+  position: relative;
+  top: .28rem;
+  margin-left: .3rem; }
 
-.digit-employee-card {
-  margin-bottom: 1rem;
-  margin-right: 0 !important;
-  margin-left: 0 !important; }
+.header-comp-blue {
+  margin-top: 0;
+  font-size: 2rem;
+  color: #0b4b66 !important; }
 
-.digit-employee-card .digit-label-field-pair h2 {
-  width: auto;
-  font-size: larger; }
+.pop-inbox-wrapper {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  margin: 0;
+  padding: 0; }
 
-.mobile-screen {
-  width: 25rem;
-  height: 40rem;
-  border: 0 solid #ccc;
-  border-radius: 1rem;
-  overflow: hidden;
-  background-color: #fff;
-  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
-  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
-  margin: 20px auto;
-  font-family: Arial,sans-serif; }
+.pop-inbox-wrapper, .pop-inbox-wrapper-filter-table-wrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  grid-gap: 1.5rem;
+  gap: 1.5rem; }
 
-.mobile-top-bar {
-  background-color: #0b4b66;
-  height: 4rem;
+.pop-inbox-wrapper-filter-table-wrapper {
+  -webkit-box-align: start;
+  -ms-flex-align: start;
+  align-items: flex-start;
+  width: 100%;
+  max-width: 100%; }
+  .pop-inbox-wrapper-filter-table-wrapper .filter-card-vertical {
+    max-width: 400px; }
+  .pop-inbox-wrapper-filter-table-wrapper .pop-inbox-table-wrapper {
+    width: 100% !important;
+    max-width: 100%;
+    overflow: auto; }
+
+.select-activity-info {
+  margin-bottom: .5rem;
+  padding: .5rem;
+  width: 100%;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  padding: 0 1rem;
-  color: #fff;
-  font-size: 1.5rem;
-  font-weight: 700;
-  width: 100%;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box; }
+  grid-gap: 1rem;
+  gap: 1rem;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between; }
 
-.mobile-container, .mobile-top-bar {
+.select-activity-info, .table-actions-wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex; }
 
-.mobile-container {
-  padding: .5rem 1.5rem 1.5rem;
-  height: calc(100% - 50px);
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -ms-flex-direction: column;
-  flex-direction: column; }
-
-.mobile-questions {
-  -webkit-box-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  overflow-y: auto;
-  border-radius: 0;
-  padding: .2rem .4rem; }
+.table-actions-wrapper {
+  grid-gap: .5rem;
+  gap: .5rem;
+  -webkit-box-align: "center";
+  -ms-flex-align: "center";
+  align-items: "center";
+  -ms-flex-wrap: "wrap";
+  flex-wrap: "wrap";
+  margin-left: auto; }
 
-.mobile-header h2 {
-  color: #000;
-  font-size: .875rem;
-  margin-bottom: .3125rem; }
+.data-table-select-checkbox {
+  margin-bottom: 0; }
 
-.mobile-header h1 {
-  font-size: 1.25rem;
-  color: #222; }
+.rdt_Pagination {
+  margin-top: -1rem;
+  border: 1px solid #d6d5d4;
+  border-top: 0; }
 
-.mobile-checklist-highlight {
-  font-weight: 700;
-  padding: 0 .3125rem;
-  font-size: larger;
-  font-family: Roboto Condensed,sans-serif; }
+.sc-fzXfPc {
+  border-radius: 0 !important; }
 
-.mobile-description {
-  font-size: .75rem;
-  margin-top: .625rem;
-  margin-bottom: 1.25rem;
-  color: #777; }
+.sc-fzXfPc::-webkit-scrollbar {
+  height: .5rem;
+  background-color: #d6d5d4; }
 
-.mobile-questions .mobile-question-item {
-  border-bottom: 1px solid #ccc;
-  padding: 0; }
+.sc-fzXfPc::-webkit-scrollbar-thumb, .sc-fzXfPc::-webkit-scrollbar-track {
+  background-color: #d6d5d4;
+  border-radius: .563rem; }
 
-.mobile-questions .mobile-question-item:last-child {
-  border-bottom: none; }
+.rdt_TableHead {
+  z-index: 13 !important; }
 
-.mobile-question {
-  font-weight: 700;
-  font-size: .875rem;
-  color: #000; }
+.microPlanBulkTable .rdt_TableRow > .rdt_TableCell:first-of-type {
+  position: sticky;
+  z-index: 10;
+  left: 0;
+  background-color: #fff; }
 
-.mobile-answer {
-  font-size: .875rem;
-  margin-left: .625rem; }
+.microPlanBulkTable .rdt_TableRow.selectedRow > .rdt_TableCell:first-of-type, .microPlanBulkTable .rdt_TableRow:hover > .rdt_TableCell:first-of-type {
+  position: sticky;
+  z-index: 10;
+  left: 0;
+  background-color: #fbeee8; }
 
-.mobile-question-number {
-  font-weight: 700;
-  margin-bottom: .3rem;
-  color: #444; }
+.microPlanBulkTable .rdt_TableHeadRow > .rdt_TableCol:first-of-type {
+  position: sticky;
+  z-index: 12;
+  left: 0;
+  top: 0;
+  background-color: #eee; }
 
-.mandatory-asterisk {
-  color: #b91900;
-  margin-left: 4px; }
+.microPlanBulkTable .selectable .rdt_TableRow > .rdt_TableCell:nth-of-type(2) {
+  position: sticky;
+  z-index: 10;
+  left: 48px;
+  background-color: #fff; }
 
-.custom-pop-up {
-  width: -webkit-fit-content !important;
-  width: -moz-fit-content !important;
-  width: fit-content !important; }
-  .custom-pop-up .digit-popup-footer {
-    padding-top: 0 !important; }
-    .custom-pop-up .digit-popup-footer .digit-popup-footer-buttons {
-      width: 100% !important;
-      display: grid;
-      grid-template-columns: 1fr 1fr; }
-      .custom-pop-up .digit-popup-footer .digit-popup-footer-buttons .digit-button-primary, .custom-pop-up .digit-popup-footer .digit-popup-footer-buttons .digit-button-secondary {
-        width: 100%; }
-  .custom-pop-up .digit-popup-children-wrap {
-    padding-top: 0 !important; }
+.microPlanBulkTable .selectable .rdt_TableRow.selectedRow > .rdt_TableCell:nth-of-type(2), .microPlanBulkTable .selectable .rdt_TableRow:hover > .rdt_TableCell:nth-of-type(2) {
+  position: sticky;
+  z-index: 10;
+  left: 48px;
+  background-color: #fbeee8; }
 
-.custom-popup-boundary {
-  max-width: 100%;
-  height: 11rem; }
+.microPlanBulkTable .selectable .rdt_TableHeadRow > .rdt_TableCol:nth-of-type(2) {
+  position: sticky;
+  z-index: 12;
+  left: 48px;
+  top: 0;
+  background-color: #eee; }
 
-.dustbin-icon {
-  margin-bottom: 1rem;
-  margin-top: .7rem; }
+.rdt_TableHeadRow, .rdt_TableRow {
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between; }
 
-.custom-action-bar .digit-action-bar-fields {
-  display: contents; }
+.village-hierarchy-tooltip-wrapper-class {
+  position: static; }
 
-.digit-action-bar-wrap div {
-  width: unset; }
+.facility-popup-table-no-frozen-columns::-webkit-scrollbar-thumb, .facility-popup-table-no-frozen-columns::-webkit-scrollbar-track {
+  background-color: #d6d5d4;
+  border-radius: .563rem; }
 
-.digit-button-secondary.disabled h2 {
-  color: #c5c5c5 !important; }
+.facility-popup-table-no-frozen-columns::-webkit-scrollbar {
+  width: .5rem;
+  background-color: #d6d5d4; }
 
-.back-button-xlsxpreview {
-  width: 170px; }
+.data-table::-webkit-scrollbar-thumb, .data-table::-webkit-scrollbar-track {
+  background-color: #d6d5d4;
+  border-radius: .563rem; }
 
-.leaflet-control-layers.leaftlet-control {
-  border-radius: 0 !important;
-  background-color: initial !important;
-  border: none !important; }
+.data-table::-webkit-scrollbar {
+  width: .5rem;
+  background-color: #d6d5d4; }
 
-.leaflet-bottom.leaflet-left {
-  left: 1.5rem;
-  width: 32px;
-  height: 64px;
-  bottom: 88px; }
-  .leaflet-bottom.leaflet-left .leaflet-control {
-    margin-left: 0 !important; }
-    .leaflet-bottom.leaflet-left .leaflet-control a {
-      color: #c84c0e !important; }
+.data-table::-webkit-scrollbar:horizontal {
+  height: .5rem;
+  background-color: #d6d5d4; }
 
-.leaflet-bottom .leaflet-control {
-  margin-bottom: 0 !important; }
+.fetch-from-microplan .h1 {
+  font-size: 32px; }
 
-.map-container-main {
-  position: relative; }
-  .map-container-main .top-right-map-subcomponents {
-    position: absolute;
-    top: 1rem;
-    right: 1rem;
-    z-index: 550;
-    grid-gap: 1.5rem;
-    gap: 1.5rem;
+.fetch-from-microplan .sandbox-loader-screen {
+  height: 100%; }
+  .fetch-from-microplan .sandbox-loader-screen .sandbox-installation-steps {
+    margin: 1rem; }
+
+.fetch-from-microplan .digit-infobanner-wrap.info {
+  margin: 1rem 0;
+  max-width: 100%; }
+
+.fetch-from-microplan .bg-loader-with-gap-container {
+  background: none !important; }
+  .fetch-from-microplan .bg-loader-with-gap-container .bg-loader {
+    border: 0.5rem solid #c84c0e !important;
+    border-top-color: #fff !important; }
+  .fetch-from-microplan .bg-loader-with-gap-container .bg-loader-text {
+    color: #c84c0e !important; }
+
+.question-card-container.subSection {
+  width: 100%; }
+
+.question-card-container .heading-bar {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: end;
+  -ms-flex-pack: end;
+  justify-content: flex-end;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  grid-gap: 1rem;
+  gap: 1rem; }
+  .question-card-container .heading-bar .separator {
+    height: 2rem;
+    border: 1px solid #d6d5d4; }
+  .question-card-container .heading-bar .digit-checkbox-container {
+    margin-bottom: unset; }
+
+.question-label-field .question-label {
+  width: 30%; }
+
+.question-label-field .question-field-container {
+  width: 100%; }
+  .question-label-field .question-field-container .question-field {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    -webkit-box-align: end !important;
-    -ms-flex-align: end !important;
-    align-items: flex-end !important; }
-  .map-container-main .bottom-left-map-subcomponents {
-    position: absolute;
-    bottom: 1.5rem;
-    left: 1.5rem;
-    z-index: 500; }
-    .map-container-main .bottom-left-map-subcomponents .north-arrow {
-      width: 40px;
-      height: 40px; }
-    .map-container-main .bottom-left-map-subcomponents .custom-scale {
-      width: 7.5rem;
-      margin-left: 0;
-      text-align: center;
-      border-bottom: .063rem solid #fff;
-      padding: 0;
-      color: #fff;
-      font-family: Roboto;
-      font-size: .75rem;
-      font-weight: 400;
-      position: relative; }
-      .map-container-main .bottom-left-map-subcomponents .custom-scale .border-spikes {
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        width: 100%;
-        height: 20%;
-        border-left: .063rem solid #ccc;
-        border-right: .063rem solid #ccc; }
-  .map-container-main .base-map-selector {
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    -webkit-box-align: end !important;
-    -ms-flex-align: end !important;
-    align-items: flex-end !important;
-    position: relative;
-    border-radius: .25rem; }
-    .map-container-main .base-map-selector .icon-first {
-      -webkit-box-align: center;
-      -ms-flex-align: center;
-      align-items: center;
-      margin-top: 0;
-      cursor: pointer;
-      -webkit-box-shadow: none;
-      box-shadow: none; }
-      .map-container-main .base-map-selector .icon-first .map-filter-layers {
-        margin: 0;
-        padding: 0;
-        color: #fff; }
-      .map-container-main .base-map-selector .icon-first .layer-icon {
-        margin-left: .5rem;
-        height: 1.667rem; }
-    .map-container-main .base-map-selector .base-map-area-wrapper {
-      position: absolute;
-      top: 2rem;
-      right: 1rem;
-      background-color: #fff;
-      border-radius: .25rem;
-      -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-      overflow: hidden;
-      max-width: 27.5rem;
-      max-height: 9rem;
-      overflow-x: auto;
-      overflow-y: hidden;
-      white-space: nowrap; }
-      .map-container-main .base-map-selector .base-map-area-wrapper::-webkit-scrollbar {
-        width: .625rem;
-        height: .625rem;
-        border: none; }
-      .map-container-main .base-map-selector .base-map-area-wrapper::-webkit-scrollbar-track {
-        background: #fff;
-        border: none; }
-      .map-container-main .base-map-selector .base-map-area-wrapper::-webkit-scrollbar-thumb {
-        background: #b1b4b6;
-        border-radius: .625rem;
-        border: .125rem solid #f0f0f0; }
-      .map-container-main .base-map-selector .base-map-area-wrapper::-webkit-scrollbar-thumb:hover {
-        background: rgba(177, 180, 182, 0.8); }
-    .map-container-main .base-map-selector .base-map-area {
-      width: -webkit-fit-content;
-      width: -moz-fit-content;
-      width: fit-content;
-      white-space: nowrap;
-      padding: .5rem;
-      grid-gap: .5rem;
-      gap: .5rem; }
-      .map-container-main .base-map-selector .base-map-area .base-map-entity {
-        -webkit-box-orient: vertical;
-        -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-        flex-direction: column;
-        -webkit-box-align: center;
-        -ms-flex-align: center;
-        align-items: center;
-        -webkit-box-pack: center;
-        -ms-flex-pack: center;
-        justify-content: center;
-        width: 5.927rem !important;
-        cursor: pointer;
-        grid-gap: .5rem;
-        gap: .5rem; }
-        .map-container-main .base-map-selector .base-map-area .base-map-entity .base-map-img {
-          width: 5.927rem;
-          height: 5.839rem;
-          border: 0.063rem solid rgba(0, 0, 0, 0.1);
-          border-radius: .25rem;
-          -o-object-fit: cover;
-          object-fit: cover; }
-        .map-container-main .base-map-selector .base-map-area .base-map-entity p {
-          position: relative;
-          color: #363636;
-          padding: 0;
-          margin: 0;
-          font-family: Roboto;
-          font-size: 12px;
-          font-weight: 400;
-          line-height: 14.06px;
-          text-align: center;
-          text-underline-position: from-font;
-          -webkit-text-decoration-skip-ink: none;
-          text-decoration-skip-ink: none; }
-      .map-container-main .base-map-selector .base-map-area .selected {
-        background-color: #fff; }
-        .map-container-main .base-map-selector .base-map-area .selected .base-map-img {
-          border: 0.125rem solid #c84c0e !important; }
-        .map-container-main .base-map-selector .base-map-area .selected p {
-          color: #c84c0e !important;
-          font-size: .75rem; }
-  .map-container-main .choropleth-section, .map-container-main .filter-section {
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    -ms-flex-direction: column;
-    flex-direction: column; }
-    .map-container-main .choropleth-section .icon-rest, .map-container-main .filter-section .icon-rest {
-      -webkit-box-align: center;
-      -ms-flex-align: center;
-      align-items: center;
-      width: -webkit-fit-content;
-      width: -moz-fit-content;
-      width: fit-content;
-      -ms-flex-item-align: end;
-      align-self: flex-end;
-      -webkit-box-pack: end;
-      -ms-flex-pack: end;
-      justify-content: flex-end;
-      cursor: pointer; }
-      .map-container-main .choropleth-section .icon-rest p, .map-container-main .filter-section .icon-rest p {
-        margin: 0;
-        padding: 0;
-        color: #fff; }
-      .map-container-main .choropleth-section .icon-rest .filter-icon, .map-container-main .filter-section .icon-rest .filter-icon {
-        margin-left: .5rem;
-        height: 1.667rem; }
-    .map-container-main .choropleth-section .choropleth-section-option-wrapper, .map-container-main .choropleth-section .filter-section-option-wrapper, .map-container-main .filter-section .choropleth-section-option-wrapper, .map-container-main .filter-section .filter-section-option-wrapper {
-      position: absolute;
-      max-height: 12.19rem; }
-      .map-container-main .choropleth-section .choropleth-section-option-wrapper .custom-box-wrapper, .map-container-main .choropleth-section .filter-section-option-wrapper .custom-box-wrapper, .map-container-main .filter-section .choropleth-section-option-wrapper .custom-box-wrapper, .map-container-main .filter-section .filter-section-option-wrapper .custom-box-wrapper {
-        display: block;
+    grid-gap: 1rem;
+    gap: 1rem;
+    -webkit-box-pack: justify;
+    -ms-flex-pack: justify;
+    justify-content: space-between; }
+
+.optioncheckboxwrapper .simple_editable-input, .optioncheckboxwrapper .simple_readonly-input {
+  height: 1.5rem;
+  -ms-flex-align: center;
+  -ms-flex-item-align: center;
+  align-self: center; }
+
+.optioncheckboxwrapper .pointer, .optioncheckboxwrapper .simple_editable-input, .optioncheckboxwrapper .simple_readonly-input {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
+
+.optioncheckboxwrapper .pointer {
+  -ms-flex-align: center; }
+
+.optionradiobtnwrapper .simple_editable-input, .optionradiobtnwrapper .simple_readonly-input {
+  height: 3rem;
+  -ms-flex-align: center;
+  -ms-flex-item-align: center;
+  align-self: center; }
+
+.optionradiobtnwrapper .pointer, .optionradiobtnwrapper .simple_editable-input, .optionradiobtnwrapper .simple_readonly-input {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
+
+.optionradiobtnwrapper .pointer {
+  -ms-flex-align: center; }
+
+.example input {
+  max-width: 100rem; }
+
+.question-card-container {
+  width: 100%;
+  border: 1px solid #d6d5d4;
+  background-color: #fafafa; }
+  .question-card-container.subSection {
+    width: 100%; }
+  .question-card-container .heading-bar {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: end;
+    -ms-flex-pack: end;
+    justify-content: flex-end;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    grid-gap: 1rem;
+    gap: 1rem; }
+    .question-card-container .heading-bar .separator {
+      height: 2rem;
+      border: 1px solid #d6d5d4; }
+    .question-card-container .heading-bar .digit-checkbox-container {
+      margin-bottom: unset; }
+
+.question-label-field {
+  -webkit-box-align: baseline !important;
+  -ms-flex-align: baseline !important;
+  align-items: baseline !important; }
+  .question-label-field .question-label {
+    width: 30%; }
+  .question-label-field .question-field-container {
+    width: 100%; }
+    .question-label-field .question-field-container .question-field {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      grid-gap: 1rem;
+      gap: 1rem;
+      -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+      justify-content: space-between; }
+
+.checkboxOptionVariant, .customradiobutton {
+  margin-bottom: 0 !important;
+  margin-top: auto;
+  grid-gap: .5rem;
+  gap: .5rem; }
+
+.optioncheckboxwrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
+  .optioncheckboxwrapper .simple_editable-input, .optioncheckboxwrapper .simple_readonly-input {
+    height: 1.5rem;
+    -ms-flex-align: center;
+    -ms-flex-item-align: center;
+    align-self: center; }
+  .optioncheckboxwrapper .pointer, .optioncheckboxwrapper .simple_editable-input, .optioncheckboxwrapper .simple_readonly-input {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center; }
+  .optioncheckboxwrapper .pointer {
+    -ms-flex-align: center; }
+
+.optionradiobtnwrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
+  .optionradiobtnwrapper .simple_editable-input, .optionradiobtnwrapper .simple_readonly-input {
+    height: 3rem;
+    -ms-flex-align: center;
+    -ms-flex-item-align: center;
+    align-self: center; }
+  .optionradiobtnwrapper .pointer, .optionradiobtnwrapper .simple_editable-input, .optionradiobtnwrapper .simple_readonly-input {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center; }
+  .optionradiobtnwrapper .pointer {
+    -ms-flex-align: center; }
+
+.example {
+  max-width: 100rem; }
+  .example input {
+    max-width: 100rem; }
+
+.checkboxOptionVariant {
+  margin-bottom: 0; }
+
+.custom-class {
+  width: auto; }
+
+.employeeCard .label-field-pair {
+  width: auto; }
+
+.digit-employee-card.example-view-card {
+  margin-left: 0 !important;
+  margin-right: 0 !important; }
+
+.previewChecklist-app-container {
+  width: 100%;
+  margin: 0 auto;
+  padding: 16px;
+  background-color: #f5f5f5;
+  font-family: Arial,sans-serif; }
+
+.preview-question-title {
+  font-weight: 700;
+  margin-bottom: 10px; }
+
+.preview-options {
+  margin-left: 20px; }
+
+.preview-option {
+  font-weight: lighter;
+  margin-bottom: 5px; }
+
+.preview-sub-questions {
+  margin-left: 20px; }
+
+.tetxinput-example .input-container {
+  max-width: unset !important; }
+
+.digit-employee-card {
+  margin-bottom: 1rem;
+  margin-right: 0 !important;
+  margin-left: 0 !important; }
+
+.digit-employee-card .digit-label-field-pair h2 {
+  width: auto;
+  font-size: larger; }
+
+.mobile-screen {
+  width: 25rem;
+  height: 40rem;
+  border: 0 solid #ccc;
+  border-radius: 1rem;
+  overflow: hidden;
+  background-color: #fff;
+  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
+  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
+  margin: 20px auto;
+  font-family: Arial,sans-serif; }
+
+.mobile-top-bar {
+  background-color: #0b4b66;
+  height: 4rem;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  padding: 0 1rem;
+  color: #fff;
+  font-size: 1.5rem;
+  font-weight: 700;
+  width: 100%;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box; }
+
+.mobile-container, .mobile-top-bar {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex; }
+
+.mobile-container {
+  padding: .5rem 1.5rem 1.5rem;
+  height: calc(100% - 50px);
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column; }
+
+.mobile-questions {
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  overflow-y: auto;
+  border-radius: 0;
+  padding: .2rem .4rem; }
+
+.mobile-header h2 {
+  color: #000;
+  font-size: .875rem;
+  margin-bottom: .3125rem; }
+
+.mobile-header h1 {
+  font-size: 1.25rem;
+  color: #222; }
+
+.mobile-checklist-highlight {
+  font-weight: 700;
+  padding: 0 .3125rem;
+  font-size: larger;
+  font-family: Roboto Condensed,sans-serif; }
+
+.mobile-description {
+  font-size: .75rem;
+  margin-top: .625rem;
+  margin-bottom: 1.25rem;
+  color: #777; }
+
+.mobile-questions .mobile-question-item {
+  border-bottom: 1px solid #ccc;
+  padding: 0; }
+
+.mobile-questions .mobile-question-item:last-child {
+  border-bottom: none; }
+
+.mobile-question {
+  font-weight: 700;
+  font-size: .875rem;
+  color: #000; }
+
+.mobile-answer {
+  font-size: .875rem;
+  margin-left: .625rem; }
+
+.mobile-question-number {
+  font-weight: 700;
+  margin-bottom: .3rem;
+  color: #444; }
+
+.mandatory-asterisk {
+  color: #b91900;
+  margin-left: 4px; }
+
+.custom-pop-up {
+  width: -webkit-fit-content !important;
+  width: -moz-fit-content !important;
+  width: fit-content !important; }
+  .custom-pop-up .digit-popup-footer {
+    padding-top: 0 !important; }
+    .custom-pop-up .digit-popup-footer .digit-popup-footer-buttons {
+      width: 100% !important;
+      display: grid;
+      grid-template-columns: 1fr 1fr; }
+      .custom-pop-up .digit-popup-footer .digit-popup-footer-buttons .digit-button-primary, .custom-pop-up .digit-popup-footer .digit-popup-footer-buttons .digit-button-secondary {
+        width: 100%; }
+  .custom-pop-up .digit-popup-children-wrap {
+    padding-top: 0 !important; }
+
+.custom-popup-boundary {
+  max-width: 100%;
+  height: 11rem; }
+
+.dustbin-icon {
+  margin-bottom: 1rem;
+  margin-top: .7rem; }
+
+.custom-action-bar .digit-action-bar-fields {
+  display: contents; }
+
+.digit-action-bar-wrap div {
+  width: unset; }
+
+.digit-button-secondary.disabled h2 {
+  color: #c5c5c5 !important; }
+
+.back-button-xlsxpreview {
+  width: 170px; }
+
+.leaflet-control-layers.leaftlet-control {
+  border-radius: 0 !important;
+  background-color: initial !important;
+  border: none !important; }
+
+.leaflet-bottom.leaflet-left {
+  left: 1.5rem;
+  width: 32px;
+  height: 64px;
+  bottom: 88px; }
+  .leaflet-bottom.leaflet-left .leaflet-control {
+    margin-left: 0 !important; }
+    .leaflet-bottom.leaflet-left .leaflet-control a {
+      color: #c84c0e !important; }
+
+.leaflet-bottom .leaflet-control {
+  margin-bottom: 0 !important; }
+
+.map-container-main {
+  position: relative; }
+  .map-container-main .top-right-map-subcomponents {
+    top: 1rem;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column; }
+  .map-container-main .bottom-right-map-subcomponents, .map-container-main .top-right-map-subcomponents {
+    position: absolute;
+    right: 1rem;
+    z-index: 550;
+    grid-gap: 1.5rem;
+    gap: 1.5rem;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: end !important;
+    -ms-flex-align: end !important;
+    align-items: flex-end !important; }
+  .map-container-main .bottom-right-map-subcomponents {
+    top: 80%; }
+    .map-container-main .bottom-right-map-subcomponents .map-view-element-wrapper {
+      width: -webkit-fit-content;
+      width: -moz-fit-content;
+      width: fit-content;
+      grid-gap: .5rem;
+      gap: .5rem;
+      -webkit-box-align: center;
+      -ms-flex-align: center;
+      align-items: center;
+      background-color: #fff;
+      padding: .5rem; }
+      .map-container-main .bottom-right-map-subcomponents .map-view-element-wrapper .map-view-element-label {
+        color: #363636;
+        font-family: Roboto;
+        font-style: normal;
+        font-weight: 400;
+        font-size: .875rem; }
+      .map-container-main .bottom-right-map-subcomponents .map-view-element-wrapper .map-view-element-icon {
+        width: 1.688rem;
+        height: 2.438rem; }
+  .map-container-main .bottom-left-map-subcomponents {
+    position: absolute;
+    bottom: 1.5rem;
+    left: 1.5rem;
+    z-index: 500; }
+    .map-container-main .bottom-left-map-subcomponents .north-arrow {
+      width: 40px;
+      height: 40px; }
+    .map-container-main .bottom-left-map-subcomponents .custom-scale {
+      width: 7.5rem;
+      margin-left: 0;
+      text-align: center;
+      border-bottom: .063rem solid #fff;
+      padding: 0;
+      color: #fff;
+      font-family: Roboto;
+      font-size: .75rem;
+      font-weight: 400;
+      position: relative; }
+      .map-container-main .bottom-left-map-subcomponents .custom-scale .border-spikes {
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        height: 20%;
+        border-left: .063rem solid #ccc;
+        border-right: .063rem solid #ccc; }
+  .map-container-main .base-map-selector {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    -webkit-box-align: end !important;
+    -ms-flex-align: end !important;
+    align-items: flex-end !important;
+    position: relative;
+    border-radius: .25rem; }
+    .map-container-main .base-map-selector .icon-first {
+      -webkit-box-align: center;
+      -ms-flex-align: center;
+      align-items: center;
+      margin-top: 0;
+      cursor: pointer;
+      -webkit-box-shadow: none;
+      box-shadow: none; }
+      .map-container-main .base-map-selector .icon-first .map-filter-layers {
+        margin: 0;
+        padding: 0;
+        color: #fff; }
+        .map-container-main .base-map-selector .icon-first .map-filter-layers.microplan {
+          color: #c84c0e; }
+      .map-container-main .base-map-selector .icon-first .layer-icon {
+        margin-left: .5rem;
+        height: 1.667rem; }
+    .map-container-main .base-map-selector .base-map-area-wrapper {
+      position: absolute;
+      top: 2rem;
+      right: 1rem;
+      background-color: #fff;
+      border-radius: .25rem;
+      -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+      overflow: hidden;
+      max-width: 27.5rem;
+      max-height: 9rem;
+      overflow-x: auto;
+      overflow-y: hidden;
+      white-space: nowrap; }
+      .map-container-main .base-map-selector .base-map-area-wrapper::-webkit-scrollbar {
+        width: .625rem;
+        height: .625rem;
+        border: none; }
+      .map-container-main .base-map-selector .base-map-area-wrapper::-webkit-scrollbar-track {
+        background: #fff;
+        border: none; }
+      .map-container-main .base-map-selector .base-map-area-wrapper::-webkit-scrollbar-thumb {
+        background: #b1b4b6;
+        border-radius: .625rem;
+        border: .125rem solid #f0f0f0; }
+      .map-container-main .base-map-selector .base-map-area-wrapper::-webkit-scrollbar-thumb:hover {
+        background: rgba(177, 180, 182, 0.8); }
+    .map-container-main .base-map-selector .base-map-area {
+      width: -webkit-fit-content;
+      width: -moz-fit-content;
+      width: fit-content;
+      white-space: nowrap;
+      padding: .5rem;
+      grid-gap: .5rem;
+      gap: .5rem; }
+      .map-container-main .base-map-selector .base-map-area .base-map-entity {
+        -webkit-box-orient: vertical;
+        -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+        flex-direction: column;
+        -webkit-box-align: center;
+        -ms-flex-align: center;
+        align-items: center;
+        -webkit-box-pack: center;
+        -ms-flex-pack: center;
+        justify-content: center;
+        width: 5.927rem !important;
+        cursor: pointer;
+        grid-gap: .5rem;
+        gap: .5rem; }
+        .map-container-main .base-map-selector .base-map-area .base-map-entity .base-map-img {
+          width: 5.927rem;
+          height: 5.839rem;
+          border: 0.063rem solid rgba(0, 0, 0, 0.1);
+          border-radius: .25rem;
+          -o-object-fit: cover;
+          object-fit: cover; }
+        .map-container-main .base-map-selector .base-map-area .base-map-entity p {
+          position: relative;
+          color: #363636;
+          padding: 0;
+          margin: 0;
+          font-family: Roboto;
+          font-size: 12px;
+          font-weight: 400;
+          line-height: 14.06px;
+          text-align: center;
+          text-underline-position: from-font;
+          -webkit-text-decoration-skip-ink: none;
+          text-decoration-skip-ink: none; }
+      .map-container-main .base-map-selector .base-map-area .selected {
+        background-color: #fff; }
+        .map-container-main .base-map-selector .base-map-area .selected .base-map-img {
+          border: 0.125rem solid #c84c0e !important; }
+        .map-container-main .base-map-selector .base-map-area .selected p {
+          color: #c84c0e !important;
+          font-size: .75rem; }
+  .map-container-main .choropleth-section, .map-container-main .filter-section {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column; }
+    .map-container-main .choropleth-section .icon-rest, .map-container-main .filter-section .icon-rest {
+      -webkit-box-align: center;
+      -ms-flex-align: center;
+      align-items: center;
+      width: -webkit-fit-content;
+      width: -moz-fit-content;
+      width: fit-content;
+      -ms-flex-item-align: end;
+      align-self: flex-end;
+      -webkit-box-pack: end;
+      -ms-flex-pack: end;
+      justify-content: flex-end;
+      cursor: pointer; }
+      .map-container-main .choropleth-section .icon-rest p, .map-container-main .filter-section .icon-rest p {
+        margin: 0;
+        padding: 0;
+        color: #fff; }
+      .map-container-main .choropleth-section .icon-rest .filter-icon, .map-container-main .filter-section .icon-rest .filter-icon {
+        margin-left: .5rem;
+        height: 1.667rem; }
+    .map-container-main .choropleth-section .choropleth-section-option-wrapper, .map-container-main .choropleth-section .filter-section-option-wrapper, .map-container-main .filter-section .choropleth-section-option-wrapper, .map-container-main .filter-section .filter-section-option-wrapper {
+      position: absolute;
+      max-height: 12.19rem; }
+      .map-container-main .choropleth-section .choropleth-section-option-wrapper .custom-box-wrapper, .map-container-main .choropleth-section .filter-section-option-wrapper .custom-box-wrapper, .map-container-main .filter-section .choropleth-section-option-wrapper .custom-box-wrapper, .map-container-main .filter-section .filter-section-option-wrapper .custom-box-wrapper {
+        display: block;
         max-height: 9.752rem;
         overflow-x: auto;
         background-color: #fff; }
@@ -5139,7 +6103,1012 @@ header {
       .map-container-main .choropleth-section .choropleth-section-option-wrapper .button-primary, .map-container-main .choropleth-section .filter-section-option-wrapper .button-primary, .map-container-main .filter-section .choropleth-section-option-wrapper .button-primary, .map-container-main .filter-section .filter-section-option-wrapper .button-primary {
         background-color: #fafafa !important; }
 
-.map-filter-by-boundary {
+.map-filter-by-boundary {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  grid-gap: .5rem;
+  gap: .5rem;
+  position: absolute;
+  top: 48px;
+  z-index: 30;
+  left: 48px; }
+  .map-filter-by-boundary .map-filter-boundary-selection {
+    width: 17.5rem;
+    padding: 1rem; }
+    .map-filter-by-boundary .map-filter-boundary-selection.display-none {
+      display: none; }
+    .map-filter-by-boundary .map-filter-boundary-selection button {
+      width: 100%; }
+    .map-filter-by-boundary .map-filter-boundary-selection .map-header-section {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-align: center;
+      -ms-flex-align: center;
+      align-items: center;
+      grid-gap: .5rem;
+      gap: .5rem; }
+      .map-filter-by-boundary .map-filter-boundary-selection .map-header-section .map-header-section-header {
+        color: #363636; }
+
+.hierarchy-selection-element {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  grid-gap: .5rem;
+  gap: .5rem; }
+
+.component-table-wrapper .pagination {
+  display: unset;
+  -webkit-box-pack: unset;
+  -ms-flex-pack: unset;
+  justify-content: unset;
+  background-color: unset;
+  border-top: unset;
+  padding: unset;
+  color: unset; }
+  .component-table-wrapper .pagination svg {
+    margin-left: 0 !important; }
+
+.bottom-gap-card-payment {
+  margin-bottom: 1.5rem; }
+
+.custom-inbox-filter-heading, .inbox-header-text {
+  padding-left: 16px;
+  margin-top: 2px;
+  color: #0b4b66; }
+
+[dir=ltr] .custom-inbox-table-row {
+  text-align: left; }
+
+[dir=rtl] .custom-inbox-table-row {
+  text-align: right; }
+
+.custom-inbox-table-row {
+  border-right: 2px solid #787878;
+  width: 100%; }
+
+.custom-register-inbox-screen {
+  -webkit-box-orient: vertical;
+  -ms-flex-direction: column;
+  flex-direction: column; }
+
+.custom-register-inbox-screen, .custom-register-inbox-screen .inner-div-row-section {
+  width: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-direction: normal;
+  grid-gap: 1.5rem;
+  gap: 1.5rem; }
+
+.custom-register-inbox-screen .inner-div-row-section {
+  -webkit-box-orient: horizontal;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  min-height: 80vh;
+  height: auto;
+  -webkit-box-align: stretch;
+  -ms-flex-align: stretch;
+  align-items: stretch; }
+
+.custom-register-inbox-screen .custom-inbox-filter-section {
+  -webkit-box-flex: 0;
+  -ms-flex: 0 0 20%;
+  flex: 0 0 20%;
+  -ms-flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  flex-direction: column; }
+
+.custom-register-inbox-screen .custom-inbox-filter-section, .custom-register-inbox-screen .custom-inbox-outer-table-section {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  height: 100%;
+  min-height: 100%;
+  overflow-y: auto; }
+
+.custom-register-inbox-screen .custom-inbox-outer-table-section {
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  -ms-flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  flex-direction: column; }
+
+.custom-inbox-outer-table-section .inner-table-section {
+  width: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-flex: 1;
+  -ms-flex-positive: 1;
+  flex-grow: 1; }
+
+.custom-inbox-outer-table-section .card-overide {
+  max-width: 100%;
+  overflow: auto;
+  margin: 0;
+  -webkit-box-flex: 1;
+  -ms-flex-positive: 1;
+  flex-grow: 1; }
+
+.on-icon-reset-proximity {
+  border: 1px solid #e0e0e0;
+  padding: 6px;
+  margin-bottom: 10px;
+  cursor: pointer; }
+
+.custom-bill-inbox {
+  -webkit-box-orient: vertical;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  margin-bottom: 2.5rem; }
+
+.bill-container, .custom-bill-inbox {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-direction: normal;
+  grid-gap: 1.5rem;
+  gap: 1.5rem; }
+
+.bill-container {
+  -webkit-box-orient: horizontal;
+  -ms-flex-direction: row;
+  flex-direction: row; }
+
+.bill-container-margin-bottom {
+  margin-bottom: 2.5rem; }
+
+.left-section {
+  width: 30%;
+  -ms-flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  flex-direction: column; }
+
+.left-section, .right-section {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  grid-gap: 1.5rem;
+  gap: 1.5rem; }
+
+.right-section {
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  -ms-flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  flex-direction: column; }
+
+.filter-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  height: 60vh;
+  overflow-y: auto; }
+
+.view-label-heading {
+  color: #363636;
+  width: 20%;
+  text-align: left;
+  white-space: pre-wrap;
+  word-wrap: break-word; }
+
+.view-label-text {
+  color: #363636;
+  width: 80%; }
+
+.health-dss-inbox-table .rdt_TableBody {
+  border: none !important;
+  border-bottom: 0.063rem solid #d6d5d4 !important; }
+
+.customTable .rdt_TableRow:hover {
+  background-color: #fbeee8 !important; }
+
+.customTable .rdt_TableRow > .rdt_TableCell:first-of-type {
+  position: sticky;
+  z-index: 10;
+  left: 0;
+  background-color: #fff; }
+
+.customTable .rdt_TableRow:hover > .rdt_TableCell:first-of-type {
+  position: sticky;
+  z-index: 10;
+  left: 0;
+  background-color: #fbeee8; }
+
+.customTable .rdt_TableHeadRow > .rdt_TableCol:first-of-type {
+  position: sticky;
+  z-index: 12;
+  left: 0;
+  top: 0;
+  background-color: #eee; }
+
+.customTable .rdt_TableRow > .rdt_TableCell:nth-of-type(2) {
+  position: sticky;
+  z-index: 10;
+  left: 6.25rem;
+  background-color: #fff; }
+
+.customTable .rdt_TableRow:hover > .rdt_TableCell:nth-of-type(2) {
+  position: sticky;
+  z-index: 10;
+  left: 6.25rem;
+  background-color: #fbeee8; }
+
+.customTable .rdt_TableHeadRow > .rdt_TableCol:nth-of-type(2) {
+  position: sticky;
+  z-index: 12;
+  left: 6.25rem;
+  top: 0;
+  background-color: #eee; }
+
+.custom-daterange-wrapper {
+  position: relative;
+  font-family: Roboto; }
+
+.custom-daterange-input {
+  padding: .75rem;
+  border: .063rem solid;
+  cursor: pointer;
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+  min-width: 37.5rem;
+  display: inline-block;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  -webkit-box-shadow: 0 0.063rem 0.188rem rgba(0, 0, 0, 0.1);
+  box-shadow: 0 0.063rem 0.188rem rgba(0, 0, 0, 0.1); }
+  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
+    .custom-daterange-input {
+      max-width: 27.5rem; } }
+  @media (max-aspect-ratio: 9 / 16) {
+    .custom-daterange-input {
+      max-width: 100%;
+      width: 100%; } }
+  @media (min-aspect-ratio: 3 / 4) {
+    .custom-daterange-input {
+      max-width: 37.5rem; } }
+
+.custom-daterange-input:hover {
+  border-color: #999; }
+
+.custom-daterange-popup {
+  position: absolute;
+  top: 110%;
+  left: 0;
+  z-index: 1000;
+  background: #fff;
+  border: .063rem solid #ddd;
+  border-radius: .5rem;
+  -webkit-box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);
+  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15); }
+
+.rdrEndEdge, .rdrInRange, .rdrSelected, .rdrStartEdge {
+  background: #c84c0e !important;
+  color: #fff; }
+
+.rdrDayNumber span {
+  color: #363636; }
+
+.rdrDayNumber span:active, .rdrDayNumber span:focus {
+  color: #fff; }
+
+.rdrDay:hover {
+  background: #feefe7;
+  border-radius: 1rem; }
+
+.stackedCard {
+  -webkit-box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.25);
+  box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.25);
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  margin-top: 1.875rem; }
+
+.digit-stacked-table-container {
+  height: 31.25rem;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  grid-gap: 1.5rem;
+  gap: 1.5rem;
+  overflow-y: auto;
+  -webkit-box-align: start;
+  -ms-flex-align: start;
+  align-items: flex-start; }
+
+.digit-stacked-table-container::-webkit-scrollbar {
+  width: .5rem;
+  background-color: #eee; }
+
+.digit-stacked-table-container::-webkit-scrollbar-track {
+  background-color: #eee;
+  border-radius: .563rem; }
+
+.digit-stacked-table-container::-webkit-scrollbar-thumb {
+  background-color: #d6d5d4;
+  border-radius: .563rem; }
+
+.digit-stacked-table-container::-webkit-scrollbar:horizontal {
+  height: .5rem;
+  background-color: #d6d5d4; }
+
+.digit-stacked-row {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: 99%;
+  -webkit-box-pack: space-evenly;
+  -ms-flex-pack: space-evenly;
+  justify-content: space-evenly;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  background-color: #fafafa;
+  color: #505a5f;
+  border-radius: .25rem;
+  border: .063rem solid #d6d5d4;
+  text-align: center;
+  padding: 1.5rem; }
+  @media (max-aspect-ratio: 9 / 16) {
+    .digit-stacked-row {
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+      flex-direction: column;
+      grid-gap: 1.5rem;
+      gap: 1.5rem; } }
+  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
+    .digit-stacked-row {
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+      flex-direction: column;
+      grid-gap: 1.5rem;
+      gap: 1.5rem; } }
+
+.digit-stacked-row-index {
+  width: 20%;
+  word-break: break-word;
+  color: #505a5f;
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 1.14rem;
+  text-align: left; }
+  @media (max-aspect-ratio: 9 / 16) {
+    .digit-stacked-row-index {
+      font-size: 1.25rem;
+      width: 100%;
+      -webkit-box-align: center;
+      -ms-flex-align: center;
+      align-items: center;
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-pack: center;
+      -ms-flex-pack: center;
+      justify-content: center; } }
+  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
+    .digit-stacked-row-index {
+      font-size: 1.375rem;
+      width: 100%;
+      -webkit-box-align: center;
+      -ms-flex-align: center;
+      align-items: center;
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-pack: center;
+      -ms-flex-pack: center;
+      justify-content: center; } }
+  @media (min-aspect-ratio: 3 / 4) {
+    .digit-stacked-row-index {
+      font-size: 1.5rem; } }
+
+.digit-stacked-abs-cell {
+  width: 20%;
+  text-align: center;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  grid-gap: .5rem;
+  gap: .5rem; }
+  @media (max-aspect-ratio: 9 / 16) {
+    .digit-stacked-abs-cell {
+      width: 100%; } }
+  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
+    .digit-stacked-abs-cell {
+      width: 100%; } }
+
+.digit-dss-card-header-text, .digit-dss-options-header-boundary, .digit-metric-data-header, .digit-stacked-abs-value {
+  color: #505a5f;
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 1.14rem; }
+  @media (max-aspect-ratio: 9 / 16) {
+    .digit-dss-card-header-text, .digit-dss-options-header-boundary, .digit-metric-data-header, .digit-stacked-abs-value {
+      font-size: 1.25rem; } }
+  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
+    .digit-dss-card-header-text, .digit-dss-options-header-boundary, .digit-metric-data-header, .digit-stacked-abs-value {
+      font-size: 1.375rem; } }
+  @media (min-aspect-ratio: 3 / 4) {
+    .digit-dss-card-header-text, .digit-dss-options-header-boundary, .digit-metric-data-header, .digit-stacked-abs-value {
+      font-size: 1.5rem; } }
+
+.digit-banner-cell-sub-text, .digit-banner-sub-heading, .digit-dss-insight-card-difference, .digit-pie-chart-legend-text, .digit-stacked-cell-sub-text, .digit-table-switch-card {
+  color: #505a5f;
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1.37rem; }
+  @media (max-aspect-ratio: 9 / 16) {
+    .digit-banner-cell-sub-text, .digit-banner-sub-heading, .digit-dss-insight-card-difference, .digit-pie-chart-legend-text, .digit-stacked-cell-sub-text, .digit-table-switch-card {
+      font-size: .875rem; } }
+  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
+    .digit-banner-cell-sub-text, .digit-banner-sub-heading, .digit-dss-insight-card-difference, .digit-pie-chart-legend-text, .digit-stacked-cell-sub-text, .digit-table-switch-card {
+      font-size: 1rem; } }
+  @media (min-aspect-ratio: 3 / 4) {
+    .digit-banner-cell-sub-text, .digit-banner-sub-heading, .digit-dss-insight-card-difference, .digit-pie-chart-legend-text, .digit-stacked-cell-sub-text, .digit-table-switch-card {
+      font-size: 1rem; } }
+
+.digit-stacked-percentage-cell {
+  width: 20%;
+  -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;
+  grid-gap: .5rem;
+  gap: .5rem; }
+  @media (max-aspect-ratio: 9 / 16) {
+    .digit-stacked-percentage-cell {
+      width: 100%; } }
+  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
+    .digit-stacked-percentage-cell {
+      width: 100%; } }
+
+.digit-stacked-percentage-cell, .digit-stacked-progress-cell {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
+
+.digit-stacked-progress-cell {
+  width: 60%;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  grid-gap: 1.5rem;
+  gap: 1.5rem; }
+
+.digit-stacked-percentage-value {
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+  color: #505a5f;
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 1.14rem; }
+  @media (max-aspect-ratio: 9 / 16) {
+    .digit-stacked-percentage-value {
+      font-size: 1.25rem; } }
+  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
+    .digit-stacked-percentage-value {
+      font-size: 1.375rem; } }
+  @media (min-aspect-ratio: 3 / 4) {
+    .digit-stacked-percentage-value {
+      font-size: 1.5rem; } }
+
+.digit-stacked-percentage-bar-grey {
+  background-color: #d9d9d9;
+  width: 75%;
+  border-radius: 1.75rem;
+  height: .375rem; }
+
+.digit-stacked-percentage-bar-progress {
+  margin: 0;
+  border-radius: 1.75rem;
+  height: 100%;
+  position: relative; }
+
+.digit-stacked-progress-end-circle {
+  width: .404rem;
+  height: .404rem;
+  background-color: #fff;
+  border-radius: 50%;
+  position: absolute;
+  top: 50%;
+  right: 0;
+  -webkit-transform: translate(50%, -50%);
+  transform: translate(50%, -50%);
+  -webkit-box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.2);
+  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.2);
+  z-index: 2; }
+
+.digit-chart-header {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  grid-gap: 1.5rem;
+  gap: 1.5rem;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between; }
+  @media (max-aspect-ratio: 9 / 16) {
+    .digit-chart-header {
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+      flex-direction: column; } }
+  .digit-chart-header .tooltip-content {
+    max-width: 100% !important; }
+
+.digit-dss-insight-card .tooltip-content {
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+  word-break: break-word;
+  max-width: 100% !important; }
+
+.digit-side-content {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  grid-gap: 1rem;
+  gap: 1rem;
+  width: auto;
+  -webkit-box-pack: end;
+  -ms-flex-pack: end;
+  justify-content: flex-end; }
+  .digit-side-content .digit-table-search-wrapper {
+    display: -webkit-box !important;
+    display: -ms-flexbox !important;
+    display: flex !important;
+    width: -webkit-fit-content;
+    width: -moz-fit-content;
+    width: fit-content;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    grid-gap: .5rem;
+    gap: .5rem;
+    width: 24rem;
+    max-width: 100%; }
+    .digit-side-content .digit-table-search-wrapper svg {
+      -ms-flex-negative: 0;
+      flex-shrink: 0; }
+    @media (max-width: 64rem) {
+      .digit-side-content .digit-table-search-wrapper {
+        width: 20rem; } }
+    @media (max-width: 48rem) {
+      .digit-side-content .digit-table-search-wrapper {
+        width: 100%; } }
+    .digit-side-content .digit-table-search-wrapper .digit-field {
+      width: 24rem;
+      max-width: 100%; }
+      @media (max-width: 64rem) {
+        .digit-side-content .digit-table-search-wrapper .digit-field {
+          width: 20rem; } }
+      @media (max-width: 48rem) {
+        .digit-side-content .digit-table-search-wrapper .digit-field {
+          width: 100%; } }
+
+.custom-table.digit-side-content {
+  width: auto; }
+
+.digit-ellipsis-button-wrapper {
+  width: 1.5rem; }
+  .digit-ellipsis-button-wrapper .digit-ellipsis-button {
+    width: 1.5rem;
+    min-width: 1.5rem;
+    padding: 0;
+    background-color: initial !important;
+    border: none;
+    -webkit-box-shadow: none;
+    box-shadow: none; }
+    .digit-ellipsis-button-wrapper .digit-ellipsis-button .digit-button-label {
+      display: none; }
+  .digit-ellipsis-button-wrapper .header-dropdown-container .header-dropdown-menu {
+    left: unset; }
+
+.digit-generic-chart-header {
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 1.14rem; }
+  @media (max-aspect-ratio: 9 / 16) {
+    .digit-generic-chart-header {
+      font-size: 1.25rem; } }
+  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
+    .digit-generic-chart-header {
+      font-size: 1.375rem; } }
+  @media (min-aspect-ratio: 3 / 4) {
+    .digit-generic-chart-header {
+      font-size: 1.5rem; } }
+
+.digit-dss-insight-card-text, .digit-generic-chart-subheader {
+  color: #505a5f;
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 1.14rem; }
+  @media (max-aspect-ratio: 9 / 16) {
+    .digit-dss-insight-card-text, .digit-generic-chart-subheader {
+      font-size: 1rem; } }
+  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
+    .digit-dss-insight-card-text, .digit-generic-chart-subheader {
+      font-size: 1rem; } }
+  @media (min-aspect-ratio: 3 / 4) {
+    .digit-dss-insight-card-text, .digit-generic-chart-subheader {
+      font-size: 1rem; } }
+
+.digit-dss-insight-card-sub-text, .digit-generic-chart-caption {
+  color: #787878;
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: 400; }
+  @media (max-aspect-ratio: 9 / 16) {
+    .digit-dss-insight-card-sub-text, .digit-generic-chart-caption {
+      font-size: .875rem; } }
+  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
+    .digit-dss-insight-card-sub-text, .digit-generic-chart-caption {
+      font-size: 1rem; } }
+  @media (min-aspect-ratio: 3 / 4) {
+    .digit-dss-insight-card-sub-text, .digit-generic-chart-caption {
+      font-size: 1rem; } }
+
+.digit-dss-insight-card-sub-text, .digit-dss-insight-card-text {
+  color: #0b0c0c; }
+
+.digit-dss-card {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: stretch;
+  -ms-flex-align: stretch;
+  align-items: stretch;
+  -webkit-box-pack: start;
+  -ms-flex-pack: start;
+  justify-content: flex-start;
+  grid-gap: 1.5rem;
+  gap: 1.5rem; }
+  .digit-dss-card .digit-dss-card-parent {
+    -webkit-box-flex: 1;
+    -ms-flex: 1;
+    flex: 1; }
+
+.digit-dss-card.add-margin {
+  margin-bottom: 1.5rem; }
+
+.digit-donut-chart-container {
+  height: 31.25rem; }
+
+.digit-loader-new.digit-center-loader {
+  width: 100%;
+  height: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center; }
+
+.digit-dss-metric-card-text, .digit-pie-chart-inner-label-text {
+  color: #505a5f;
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1.37rem; }
+  @media (max-aspect-ratio: 9 / 16) {
+    .digit-dss-metric-card-text, .digit-pie-chart-inner-label-text {
+      font-size: .875rem; } }
+  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
+    .digit-dss-metric-card-text, .digit-pie-chart-inner-label-text {
+      font-size: 1rem; } }
+  @media (min-aspect-ratio: 3 / 4) {
+    .digit-dss-metric-card-text, .digit-pie-chart-inner-label-text {
+      font-size: 1rem; } }
+
+.digit-dss-insight-card-value, .digit-pie-chart-inner-label-value {
+  color: #505a5f;
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 1.14rem; }
+  @media (max-aspect-ratio: 9 / 16) {
+    .digit-dss-insight-card-value, .digit-pie-chart-inner-label-value {
+      font-size: 1.5rem; } }
+  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
+    .digit-dss-insight-card-value, .digit-pie-chart-inner-label-value {
+      font-size: 1.75rem; } }
+  @media (min-aspect-ratio: 3 / 4) {
+    .digit-dss-insight-card-value, .digit-pie-chart-inner-label-value {
+      font-size: 2rem; } }
+
+.recharts-legend-item {
+  margin-right: 0 !important;
+  margin-bottom: 1.5rem !important; }
+
+.digit-dss-insight-card-value {
+  margin-bottom: .75rem; }
+
+.digit-dss-insight-card-difference {
+  margin-top: .25rem;
+  margin-bottom: 2rem;
+  white-space: pre;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  grid-gap: .25rem;
+  gap: .25rem;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center; }
+  .digit-dss-insight-card-difference.increase {
+    color: #00703c; }
+  .digit-dss-insight-card-difference.decrease {
+    color: #d4351c; }
+  .digit-dss-insight-card-difference.metric-card {
+    margin: 0; }
+
+.recharts-layer.recharts-pie-sector {
+  outline: none; }
+
+.digit-pie-chart-tags {
+  margin: 0; }
+
+.digit-stacked-collection-card-header-wrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  grid-gap: 1rem;
+  gap: 1rem;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  min-height: 2.5rem; }
+  .digit-stacked-collection-card-header-wrapper svg {
+    width: 2.5rem;
+    height: 2.5rem;
+    -ms-flex-negative: 0;
+    flex-shrink: 0; }
+  .digit-stacked-collection-card-header-wrapper .digit-small-pie-label, .digit-stacked-collection-card-header-wrapper .digit-stacked-collection-card-header-text {
+    color: #0b0c0c;
+    font-family: Roboto;
+    font-style: normal;
+    font-weight: 700;
+    word-break: break-word;
+    word-wrap: break-word;
+    max-width: 100%; }
+    @media (max-aspect-ratio: 9 / 16) {
+      .digit-stacked-collection-card-header-wrapper .digit-small-pie-label, .digit-stacked-collection-card-header-wrapper .digit-stacked-collection-card-header-text {
+        font-size: 1.25rem; } }
+    @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
+      .digit-stacked-collection-card-header-wrapper .digit-small-pie-label, .digit-stacked-collection-card-header-wrapper .digit-stacked-collection-card-header-text {
+        font-size: 1.375rem; } }
+    @media (min-aspect-ratio: 3 / 4) {
+      .digit-stacked-collection-card-header-wrapper .digit-small-pie-label, .digit-stacked-collection-card-header-wrapper .digit-stacked-collection-card-header-text {
+        font-size: 1.5rem; } }
+
+.digit-dss-card-body-stacked {
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  grid-gap: 2rem;
+  gap: 2rem; }
+
+.digit-dss-card-body-stacked, .digit-dss-card-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column; }
+
+.digit-dss-card-item {
+  text-align: center;
+  width: 100%; }
+
+.digit-dss-card-item-border {
+  border-bottom: .063rem solid #d6d5d4; }
+
+.digit-dss-insight-card {
+  text-align: center;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column; }
+
+.digit-stacked-collection-card {
+  width: 33%;
+  grid-gap: 2rem;
+  gap: 2rem; }
+
+.digit-dss-options-header-wrapper {
+  margin-bottom: 2rem;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between; }
+
+.digit-dss-options-header-options {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  grid-gap: 1.5rem;
+  gap: 1.5rem; }
+
+.digit-dss-options-header-text {
+  color: #0b0c0c;
+  font-family: Roboto Condensed;
+  font-style: normal;
+  font-weight: 700; }
+  @media (max-aspect-ratio: 9 / 16) {
+    .digit-dss-options-header-text {
+      font-size: 2rem; } }
+  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
+    .digit-dss-options-header-text {
+      font-size: 2.25rem; } }
+  @media (min-aspect-ratio: 3 / 4) {
+    .digit-dss-options-header-text {
+      font-size: 2.5rem; } }
+  .digit-dss-options-header-text .digit-dss-options-header-boundary {
+    color: #0b0c0c; }
+  .digit-dss-options-header-text.level-two {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center; }
+
+.digit-dss-options-header-option-button h2 {
+  color: #505a5f !important; }
+
+.digit-dss-options-header-options-button-wrapper .header-dropdown-container .header-dropdown-menu {
+  left: -100px !important; }
+
+.table-column-header {
+  white-space: nowrap;
+  word-wrap: break-word; }
+
+.data-table .rdt_TableCol_Sortable {
+  max-width: 100%; }
+
+.data-table .rdt_TableCol_Sortable .tooltip {
+  max-width: 80%; }
+
+.rdt_TableCol_Sortable .__rdt_custom_sort_icon__ {
+  -ms-flex-negative: 0;
+  flex-shrink: 0; }
+
+.digit-chart-header-wrapper {
+  width: 100%; }
+
+.digit-filters-wrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  grid-gap: 1rem;
+  gap: 1rem;
+  z-index: 1; }
+
+.filter-close, .filter-header {
+  display: none; }
+
+.clearText {
+  display: block;
+  text-align: right;
+  color: #c84c0e;
+  margin-top: 1.25rem;
+  margin-left: .625rem; }
+
+.digit-filters-wrapper .digit-filters-input {
+  max-width: 18.75rem;
+  -ms-flex-preferred-size: 22%;
+  flex-basis: 22%; }
+  .digit-filters-wrapper .digit-filters-input.tabs {
+    -ms-flex-preferred-size: 20%;
+    flex-basis: 20%; }
+    .digit-filters-wrapper .digit-filters-input.tabs .digit-toggle-toolbar .toggle-option-container {
+      max-width: 100% !important; }
+      .digit-filters-wrapper .digit-filters-input.tabs .digit-toggle-toolbar .toggle-option-container .digit-toggle-btn-wrap.checked .digit-toggle-label {
+        background-color: #fff;
+        color: #c84c0e !important; }
+
+.digit-filters-wrapper .switch-wrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  max-width: 12.5rem; }
+  .digit-filters-wrapper .switch-wrapper .radio-switch {
+    display: none; }
+    .digit-filters-wrapper .switch-wrapper .radio-switch:checked ~ label {
+      border-color: #f47738;
+      color: #f47738; }
+  .digit-filters-wrapper .switch-wrapper label {
+    border: .063rem solid;
+    padding: .375rem .625rem;
+    display: block;
+    --border-opacity:1;
+    border: 1px solid #464646;
+    border-color: rgba(70, 70, 70, var(--border-opacity)); }
+    .digit-filters-wrapper .switch-wrapper label:hover {
+      --border-opacity:1;
+      border: 1px solid #f47738;
+      border-color: rgba(244, 119, 56, var(--border-opacity)); }
+
+.digit-date-range-label-field {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -5148,92 +7117,248 @@ header {
   -ms-flex-direction: column;
   flex-direction: column;
   grid-gap: .5rem;
-  gap: .5rem;
+  gap: .5rem; }
+  .digit-date-range-label-field .digit-date-range-label {
+    font-family: Roboto;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 1.37rem;
+    color: #0b0c0c; }
+    @media (max-aspect-ratio: 9 / 16) {
+      .digit-date-range-label-field .digit-date-range-label {
+        font-size: 1rem; } }
+    @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
+      .digit-date-range-label-field .digit-date-range-label {
+        font-size: 1rem; } }
+    @media (min-aspect-ratio: 3 / 4) {
+      .digit-date-range-label-field .digit-date-range-label {
+        font-size: 1rem; } }
+  .digit-date-range-label-field .digit-options-card {
+    overflow: visible;
+    width: unset;
+    max-width: unset; }
+
+[dir=ltr] .digit-filter-by-cycle-wrapper {
+  margin-right: 1.5rem; }
+
+[dir=rtl] .digit-filter-by-cycle-wrapper {
+  margin-left: 1.5rem; }
+
+.digit-filter-by-cycle-wrapper {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
   position: absolute;
-  top: 48px;
-  z-index: 30;
-  left: 48px; }
-  .map-filter-by-boundary .map-filter-boundary-selection {
-    width: 17.5rem;
-    padding: 1rem; }
-    .map-filter-by-boundary .map-filter-boundary-selection.display-none {
-      display: none; }
-    .map-filter-by-boundary .map-filter-boundary-selection button {
-      width: 100%; }
-    .map-filter-by-boundary .map-filter-boundary-selection .map-header-section {
-      display: -webkit-box;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-box-align: center;
-      -ms-flex-align: center;
-      align-items: center;
-      grid-gap: .5rem;
-      gap: .5rem; }
-      .map-filter-by-boundary .map-filter-boundary-selection .map-header-section .map-header-section-header {
-        color: #363636; }
+  right: 2.5rem;
+  -ms-flex-line-pack: end;
+  align-content: flex-end;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  grid-gap: 1rem;
+  gap: 1rem; }
+  .digit-filter-by-cycle-wrapper .digit-tag-container {
+    margin: 0;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-pack: end;
+    -ms-flex-pack: end;
+    justify-content: flex-end; }
+  .digit-filter-by-cycle-wrapper .header-dropdown-menu {
+    min-width: 11.25rem !important; }
 
-.hierarchy-selection-element {
+.digit-tag-container.customTable {
+  margin: 0 0 1.5rem; }
+
+.digit-dss-switch-tabs {
+  background: #fff;
+  -webkit-box-shadow: 0 0.063rem 0.125rem 0 rgba(0, 0, 0, 0.16078);
+  box-shadow: 0 0.063rem 0.125rem 0 rgba(0, 0, 0, 0.16078);
+  border-radius: .25rem;
+  margin-bottom: 1.5rem;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -webkit-box-orient: vertical;
+  grid-gap: 2rem;
+  gap: 2rem; }
+
+.digit-dss-switch-tab-wrapper::-webkit-scrollbar {
+  width: .5rem;
+  background-color: #eee; }
+
+.digit-dss-switch-tab-wrapper::-webkit-scrollbar-track {
+  background-color: #eee;
+  border-radius: .563rem; }
+
+.digit-dss-switch-tab-wrapper::-webkit-scrollbar-thumb {
+  background-color: #d6d5d4;
+  border-radius: .563rem; }
+
+.digit-dss-switch-tab-wrapper::-webkit-scrollbar:horizontal {
+  height: .5rem;
+  background-color: #d6d5d4; }
+
+.digit-dss-switch-tab-wrapper {
+  cursor: pointer;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  grid-gap: .5rem;
-  gap: .5rem; }
+  -ms-flex-direction: row;
+  flex-direction: row;
+  height: 4.5rem;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  max-width: 80%;
+  overflow: auto; }
 
-.component-table-wrapper .pagination {
-  display: unset;
-  -webkit-box-pack: unset;
-  -ms-flex-pack: unset;
-  justify-content: unset;
-  background-color: unset;
-  border-top: unset;
-  padding: unset;
-  color: unset; }
-  .component-table-wrapper .pagination svg {
-    margin-left: 0 !important; }
+.digit-dss-switch-tab-selected {
+  border-bottom: .25rem solid #c84c0e;
+  color: #c84c0e;
+  font-weight: 700; }
+  @media (max-aspect-ratio: 9 / 16) {
+    .digit-dss-switch-tab-selected {
+      font-size: 1.25rem; } }
+  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
+    .digit-dss-switch-tab-selected {
+      font-size: 1.375rem; } }
+  @media (min-aspect-ratio: 3 / 4) {
+    .digit-dss-switch-tab-selected {
+      font-size: 1.5rem; } }
 
-.bottom-gap-card-payment {
-  margin-bottom: 1.5rem; }
+.digit-dss-switch-tab-selected, .digit-dss-switch-tab-unselected {
+  padding: .625rem 1.5rem;
+  font-family: Roboto;
+  font-style: normal;
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  height: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  white-space: nowrap; }
 
-.custom-inbox-filter-heading, .inbox-header-text {
-  padding-left: 16px;
-  margin-top: 2px;
-  color: #0b4b66; }
+.digit-dss-switch-tab-unselected {
+  color: #505a5f;
+  font-weight: 400;
+  font-size: 1.25rem; }
 
-[dir=ltr] .custom-inbox-table-row {
-  text-align: left; }
+.digit-parentDiv-progress {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  grid-gap: 1rem;
+  gap: 1rem;
+  -webkit-box-pack: end;
+  -ms-flex-pack: end;
+  justify-content: flex-end;
+  width: 20%;
+  margin-right: 2rem; }
 
-[dir=rtl] .custom-inbox-table-row {
-  text-align: right; }
+.digit-containerDiv-progress {
+  background-color: #d6d5d4;
+  border-radius: 1.5rem;
+  width: 80rem;
+  height: .5rem; }
 
-.custom-inbox-table-row {
-  border-right: 2px solid #787878;
-  width: 100%; }
+.digit-progress-fill {
+  border-radius: inherit;
+  height: 100%; }
 
-.custom-register-inbox-screen {
+.digit-progress-text {
+  white-space: nowrap;
+  text-align: center;
+  max-width: auto; }
+
+.digit-chart-row {
+  grid-gap: 1.5rem;
+  gap: 1.5rem;
+  -webkit-box-align: stretch;
+  -ms-flex-align: stretch;
+  align-items: stretch;
+  margin-bottom: 1.5rem; }
+
+.digit-chart-row, .wrapper-child {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex; }
+
+.wrapper-child {
   -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
   -ms-flex-direction: column;
-  flex-direction: column; }
+  flex-direction: column;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-flex: 1;
+  -ms-flex-positive: 1;
+  flex-grow: 1; }
 
-.custom-register-inbox-screen, .custom-register-inbox-screen .inner-div-row-section {
-  width: 100%;
+.blocks {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -webkit-box-direction: normal;
-  grid-gap: 1.5rem;
-  gap: 1.5rem; }
+  margin-bottom: 1.563rem; }
+  .blocks p:only-child {
+    font-weight: 700;
+    font-size: 1.5rem; }
+  .blocks div {
+    margin-right: 1.563rem; }
+    .blocks div p:not(:first-child) {
+      font-weight: 700;
+      font-size: 1.5rem; }
 
-.custom-register-inbox-screen .inner-div-row-section {
-  -webkit-box-orient: horizontal;
-  -ms-flex-direction: row;
-  flex-direction: row; }
+.summary-card-margin {
+  margin: 0 1.5rem 1.25rem 0 !important; }
+
+.digit-dss-card-header-wrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  grid-gap: 1rem;
+  gap: 1rem; }
+  .digit-dss-card-header-wrapper svg {
+    -ms-flex-negative: 0;
+    flex-shrink: 0; }
+  .digit-dss-card-header-wrapper .digit-dss-card-header-text {
+    color: #0b0c0c;
+    line-height: normal; }
+
+.digit-dss-summary-card {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: distribute;
+  justify-content: space-around;
+  text-align: center;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap; }
+
+.digit-metric-data-header {
+  padding-top: 0;
+  white-space: nowrap;
+  margin-left: 0; }
 
-.custom-register-inbox-screen .custom-inbox-filter-section {
-  width: 30%;
+.digit-metric-details-chart {
+  cursor: pointer;
+  padding: 1.25rem;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -5241,106 +7366,384 @@ header {
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
-  grid-gap: 1.5rem;
-  gap: 1.5rem;
-  height: 80vh; }
-
-.custom-register-inbox-screen .custom-inbox-inner-filter-section {
-  height: 75vh;
-  overflow-y: auto; }
+  width: 50%;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  text-align: center;
+  grid-gap: .75rem;
+  gap: .75rem; }
+  .digit-metric-details-chart.add-divider {
+    border-right: .063rem solid #d6d5d4; }
 
-.custom-register-inbox-screen .custom-inbox-inner-filter-section, .custom-register-inbox-screen .custom-inbox-outer-table-section {
-  width: 100%;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
+.digit-banner-card {
+  padding: 0;
+  border: .063rem solid #c84c0e;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row; }
 
-.custom-register-inbox-screen .custom-inbox-outer-table-section {
-  grid-gap: 1.5rem;
-  gap: 1.5rem; }
+.digit-banner-table {
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  padding: 2rem;
+  -webkit-box-align: start;
+  -ms-flex-align: start;
+  align-items: flex-start;
+  cursor: pointer;
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1; }
 
-.custom-inbox-outer-table-section .inner-table-section {
-  width: 100%;
+.digit-banner-heading, .digit-banner-table {
   display: -webkit-box;
   display: -ms-flexbox;
-  display: flex;
+  display: flex; }
+
+.digit-banner-heading {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
-  height: 75vh;
-  min-height: 75vh; }
+  grid-gap: .25rem;
+  gap: .25rem; }
 
-.custom-inbox-outer-table-section .card-overide {
-  max-width: 100%;
-  overflow: auto;
-  margin: 0;
-  height: 75vh; }
+.digit-banner-main-heading {
+  font-family: Roboto;
+  font-weight: 700;
+  font-size: 1.75rem;
+  color: #0b0c0c; }
 
-.on-icon-reset-proximity {
-  border: 1px solid #e0e0e0;
-  padding: 6px;
-  margin-bottom: 10px;
-  cursor: pointer; }
+.digit-banner-sub-heading {
+  color: #585858; }
 
-.custom-bill-inbox {
+.digit-banner-card-header {
+  border-radius: .188rem 0 0 .188rem;
+  background: #fafafa;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  padding: 2rem;
+  grid-gap: 1rem;
+  gap: 1rem;
+  max-width: 30%; }
+
+.digit-banner-card-header, .digit-banner-cell {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex; }
+
+.digit-banner-cell {
   -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
-  margin-bottom: 2.5rem; }
+  grid-gap: .5rem;
+  gap: .5rem; }
 
-.bill-container, .custom-bill-inbox {
+.digit-banner-cell-sub-text {
+  color: #585858;
+  margin-left: auto;
+  margin-right: auto;
+  word-wrap: break-word; }
+
+.digit-banner-value {
+  color: #183e4a;
+  font-family: Roboto;
+  font-weight: 700;
+  font-size: 1.75rem;
+  line-height: 100%;
+  letter-spacing: 0; }
+
+.digit-dss-banner-card-icon {
+  -ms-flex-negative: 0;
+  flex-shrink: 0; }
+
+.digit-banner-tooltip {
+  padding: 2rem;
+  white-space: normal;
+  bottom: 95%;
+  font-size: .875rem; }
+
+.digit-banner-tooltip-text {
+  font-weight: 500;
+  color: #fff; }
+
+.digit-table-switch-card-chip {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -webkit-box-direction: normal;
-  grid-gap: 1.5rem;
-  gap: 1.5rem; }
+  cursor: pointer;
+  width: 100%; }
 
-.bill-container {
+.digit-table-switch-card {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
   -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
   -ms-flex-direction: row;
-  flex-direction: row; }
+  flex-direction: row;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  padding: .5rem;
+  position: static;
+  height: 2.5rem;
+  top: 0;
+  -webkit-box-flex: 0;
+  -ms-flex: none;
+  flex: none;
+  white-space: nowrap;
+  -ms-flex-positive: 0;
+  flex-grow: 0;
+  background: #fff;
+  border: .063rem solid #eee; }
+  .digit-table-switch-card.active {
+    border: .063rem solid #c84c0e;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    color: #c84c0e;
+    -webkit-box-shadow: 0 0.063rem 0.125rem 0 rgba(0, 0, 0, 0.16078);
+    box-shadow: 0 0.063rem 0.125rem 0 rgba(0, 0, 0, 0.16078);
+    font-family: Roboto;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 1.37rem; }
+    @media (max-aspect-ratio: 9 / 16) {
+      .digit-table-switch-card.active {
+        font-size: 1rem; } }
+    @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
+      .digit-table-switch-card.active {
+        font-size: 1.25rem; } }
+    @media (min-aspect-ratio: 3 / 4) {
+      .digit-table-switch-card.active {
+        font-size: 1.25rem; } }
+  .digit-table-switch-card.inactive {
+    color: #b1b4b6; }
+    .digit-table-switch-card.inactive :hover {
+      background: #fffffc;
+      font-size: 1.125rem;
+      color: #505a5f; }
 
-.bill-container-margin-bottom {
-  margin-bottom: 2.5rem; }
+.digit-custom-table-drilldown-text {
+  cursor: pointer;
+  color: #c84c0e; }
 
-.left-section {
-  width: 30%; }
+.recharts-tooltip-wrapper {
+  outline: none;
+  border: .063rem solid #b1b4b6;
+  border-radius: .25rem;
+  padding: .5rem;
+  background-color: #fff; }
 
-.left-section, .right-section {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
+.recharts-legend-wrapper::-webkit-scrollbar {
+  width: .5rem;
+  background-color: #eee; }
+
+.recharts-legend-wrapper::-webkit-scrollbar-track {
+  background-color: #eee;
+  border-radius: .563rem; }
+
+.recharts-legend-wrapper::-webkit-scrollbar-thumb {
+  background-color: #d6d5d4;
+  border-radius: .563rem; }
+
+.recharts-legend-wrapper::-webkit-scrollbar:horizontal {
+  height: .5rem;
+  background-color: #d6d5d4; }
+
+.digit-results-card-buttons.dsscampaigncard {
+  -webkit-box-pack: end !important;
+  -ms-flex-pack: end !important;
+  justify-content: flex-end !important; }
+
+.digit-heat-map-zoom-wrap {
+  -webkit-box-pack: end;
+  -ms-flex-pack: end;
+  justify-content: end;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
-  grid-gap: 1.5rem;
-  gap: 1.5rem; }
+  margin-bottom: 1.5rem;
+  margin-right: 1.5rem; }
 
-.right-section {
-  width: 100%; }
+.digit-heat-map-zoom-button, .digit-heat-map-zoom-wrap {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
 
-.filter-container {
-  -webkit-box-orient: horizontal;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  height: 60vh;
-  overflow-y: auto; }
+.digit-heat-map-zoom-button {
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  width: 100%;
+  background: #fff;
+  border: .063rem solid #d6d5d4;
+  color: #c84c0e;
+  font-weight: 700;
+  font-size: 1.125rem;
+  cursor: pointer;
+  -webkit-box-shadow: 0 0.063rem 0.125rem 0 rgba(0, 0, 0, 0.16078);
+  box-shadow: 0 0.063rem 0.125rem 0 rgba(0, 0, 0, 0.16078);
+  width: 2rem;
+  height: 2rem; }
+
+.digit-heat-map-recenter {
+  margin-bottom: 1.5rem;
+  margin-left: 1.5rem; }
+
+.digit-kibana-card {
+  width: 100%; }
+  .digit-kibana-card h1 {
+    margin: 0 0 1.5rem;
+    color: #0b0c0c;
+    font-family: Roboto;
+    font-style: normal;
+    font-weight: 700; }
+    @media (max-aspect-ratio: 9 / 16) {
+      .digit-kibana-card h1 {
+        font-size: 1.25rem; } }
+    @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
+      .digit-kibana-card h1 {
+        font-size: 1.375rem; } }
+    @media (min-aspect-ratio: 3 / 4) {
+      .digit-kibana-card h1 {
+        font-size: 1.5rem; } }
+
+.app-iframe-wrapper.digit-dss-kibana-iframe-wrapper {
+  left: unset !important;
+  top: unset !important;
+  position: unset !important;
+  height: 37.5rem; }
+
+.app-iframe.digit-dss-kibana-iframe {
+  position: unset !important;
+  height: 37.5rem !important;
+  width: 100% !important; }
 
-.filter-container, .ingestion-container {
+.digit-results-card-component {
+  grid-gap: 1.5rem;
+  gap: 1.5rem;
+  -webkit-box-shadow: 0 0.063rem 0.331rem 0 rgba(0, 0, 0, 0.14902);
+  box-shadow: 0 0.063rem 0.331rem 0 rgba(0, 0, 0, 0.14902);
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0; }
+  .digit-results-card-component .digit-results-card-heading-tags-wrapper {
+    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; }
+    .digit-results-card-component .digit-results-card-heading-tags-wrapper .digit-results-card-heading {
+      color: #0b4b66;
+      font-family: Roboto;
+      font-style: normal;
+      font-weight: 700;
+      line-height: 1.14rem; }
+      @media (max-aspect-ratio: 9 / 16) {
+        .digit-results-card-component .digit-results-card-heading-tags-wrapper .digit-results-card-heading {
+          font-size: 1.25rem; } }
+      @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
+        .digit-results-card-component .digit-results-card-heading-tags-wrapper .digit-results-card-heading {
+          font-size: 1.375rem; } }
+      @media (min-aspect-ratio: 3 / 4) {
+        .digit-results-card-component .digit-results-card-heading-tags-wrapper .digit-results-card-heading {
+          font-size: 1.5rem; } }
+    .digit-results-card-component .digit-results-card-heading-tags-wrapper .digit-results-card-tags {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      grid-gap: 1rem;
+      gap: 1rem; }
+  .digit-results-card-component .digit-results-card-content {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: stretch;
+    -ms-flex-align: stretch;
+    align-items: stretch; }
+    .digit-results-card-component .digit-results-card-content .left-column, .digit-results-card-component .digit-results-card-content .right-column {
+      -webkit-box-flex: 1;
+      -ms-flex: 1;
+      flex: 1;
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+      flex-direction: column;
+      grid-gap: 1.5rem;
+      gap: 1.5rem;
+      display: -webkit-box !important;
+      display: -ms-flexbox !important;
+      display: flex !important; }
+    .digit-results-card-component .digit-results-card-content .right-column {
+      margin-left: 1.5rem; }
+    .digit-results-card-component .digit-results-card-content .digit-divider {
+      width: 0;
+      border-color: #bfbfbf; }
+
+.digit-results-card-buttons {
+  padding: 1.5rem;
+  background: #fff;
+  margin-top: -1.5rem;
+  -webkit-box-shadow: 0 0 0.431rem 0 rgba(0, 0, 0, 0.14902);
+  box-shadow: 0 0 0.431rem 0 rgba(0, 0, 0, 0.14902);
+  border-bottom-right-radius: .5rem;
+  border-bottom-left-radius: .5rem;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -webkit-box-direction: normal; }
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
+  .digit-results-card-buttons .digit-results-card-buttons-internal {
+    display: grid;
+    grid-auto-flow: column;
+    grid-auto-columns: 1fr;
+    grid-gap: 1rem;
+    gap: 1rem; }
+
+.digit-viewcard-field-pair.digit-results-card-field-pair .digit-viewcard-label {
+  color: #0b4b66; }
+
+.digit-viewcard-field-pair.digit-results-card-field-pair .digit-viewcard-value {
+  color: #787878; }
+
+.digit-viewcard-field-pair.digit-results-status-card-field-pair {
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  grid-gap: 8.5rem;
+  gap: 8.5rem;
+  -webkit-box-orient: unset;
+  -webkit-box-direction: unset;
+  -ms-flex-direction: unset;
+  flex-direction: unset; }
+  .digit-viewcard-field-pair.digit-results-status-card-field-pair .digit-viewcard-label {
+    color: #0b4b66;
+    width: unset; }
+  .digit-viewcard-field-pair.digit-results-status-card-field-pair .digit-viewcard-value {
+    color: #787878; }
 
 .ingestion-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
   -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   text-align: center;
@@ -5782,6 +8185,18 @@ header {
   width: -moz-fit-content !important;
   width: fit-content !important; }
 
+.custom-form .label-field-wrapper {
+  width: 100% !important; }
+
+.custom-form .custom-label-pair {
+  margin-bottom: 0; }
+
+.custom-form .digit-submit-bar {
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+  margin-left: auto; }
+
 .results-table-wrapper {
   margin-bottom: 2rem; }
   .results-table-wrapper .pagination {
@@ -5868,15 +8283,12 @@ header {
   -webkit-box-direction: reverse;
   -ms-flex-direction: row-reverse;
   flex-direction: row-reverse;
-  z-index: 10; }
+  z-index: 0; }
 
 .previous-button {
   margin-left: 4rem;
   min-width: 12.5rem; }
 
-.info-text {
-  padding-bottom: 1.5rem; }
-
 .microplan-bulk-upload {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -6001,7 +8413,8 @@ header {
   font-weight: 700;
   font-size: 24px;
   color: #505a5f;
-  margin-top: .5rem; }
+  margin-top: .5rem;
+  padding-bottom: 1rem; }
 
 .header-end {
   margin-right: 1rem; }
@@ -6082,36 +8495,36 @@ tbody tr:nth-child(odd) {
 .setup-campaign .digit-field {
   margin-bottom: 0 !important; }
 
-.campaign-summary-container .setup-campaign-card .employeeCard.employeeCard-override {
-  padding: 1.5rem;
-  margin-bottom: 1.5rem !important; }
-
-.campaign-summary-container .row {
-  -webkit-box-pack: start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  grid-gap: 5rem;
-  gap: 5rem; }
-  .campaign-summary-container .row h2 {
-    margin: 0;
-    width: 272px; }
-  .campaign-summary-container .row .value {
-    width: unset; }
-    .campaign-summary-container .row .value p {
-      margin: 0; }
-
-.campaign-summary-container .digit-infobanner-wrap.error {
-  margin-left: 0;
-  margin-bottom: 1.5rem;
-  min-width: 100%; }
-  .campaign-summary-container .digit-infobanner-wrap.error .digit-button-primary {
-    height: 1.5rem;
-    background-color: #d4351c !important; }
-    .campaign-summary-container .digit-infobanner-wrap.error .digit-button-primary .icon-label-container.primary.large {
-      font-size: 14px; }
-      .campaign-summary-container .digit-infobanner-wrap.error .digit-button-primary .icon-label-container.primary.large .digit-button-label {
-        font-size: 14px;
-        color: #fff; }
+.campaign-summary-container {
+  overflow: auto; }
+  .campaign-summary-container .setup-campaign-card .employeeCard.employeeCard-override {
+    padding: 1.5rem;
+    margin-bottom: 1.5rem !important; }
+  .campaign-summary-container .row {
+    -webkit-box-pack: start;
+    -ms-flex-pack: start;
+    justify-content: flex-start;
+    grid-gap: 5rem;
+    gap: 5rem; }
+    .campaign-summary-container .row h2 {
+      margin: 0;
+      width: 272px; }
+    .campaign-summary-container .row .value {
+      width: unset; }
+      .campaign-summary-container .row .value p {
+        margin: 0; }
+  .campaign-summary-container .digit-infobanner-wrap.error {
+    margin-left: 0;
+    margin-bottom: 1.5rem;
+    min-width: 100%; }
+    .campaign-summary-container .digit-infobanner-wrap.error .digit-button-primary {
+      height: 1.5rem;
+      background-color: #d4351c; }
+      .campaign-summary-container .digit-infobanner-wrap.error .digit-button-primary .icon-label-container.primary.large {
+        font-size: 14px; }
+        .campaign-summary-container .digit-infobanner-wrap.error .digit-button-primary .icon-label-container.primary.large .digit-button-label {
+          font-size: 14px;
+          color: #fff; }
 
 .view-composer-header-section .employee-card-sub-header {
   margin-bottom: 1.5rem; }
@@ -6130,8 +8543,8 @@ tbody tr:nth-child(odd) {
 .add-new-product-container {
   border: 1px solid #d6d5d4;
   background-color: #fafafa;
-  width: 100%;
-  padding-top: 0; }
+  margin-bottom: 1.5rem;
+  width: 100%; }
   .add-new-product-container .heading-bar {
     font-weight: 700;
     display: -webkit-box;
@@ -6173,7 +8586,7 @@ tbody tr:nth-child(odd) {
   -ms-flex-pack: justify;
   justify-content: space-between; }
   .addProductActionClass .submit-bar {
-    background-color: #c84c0e !important;
+    background-color: #c84c0e;
     width: -webkit-max-content;
     width: -moz-max-content;
     width: max-content;
@@ -6259,6 +8672,12 @@ tbody tr:nth-child(odd) {
 .individualElement h2 {
   color: #363636; }
 
+.individualElement div {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column; }
+
 .link {
   color: #c84c0e !important; }
 
@@ -6304,7 +8723,7 @@ tbody tr:nth-child(odd) {
 
 .digit-employee-card.campaign-update-container {
   padding: 1.5rem;
-  margin: 0 !important; }
+  margin: 1rem 0 0; }
   .digit-employee-card.campaign-update-container .header {
     margin-bottom: 1.5rem; }
   .digit-employee-card.campaign-update-container .search-field-container {
@@ -6333,7 +8752,7 @@ tbody tr:nth-child(odd) {
           display: -ms-flexbox;
           display: flex; }
           .digit-employee-card.campaign-update-container .search-field-container .label-field-grid .update-date-labelField .update-label p {
-            margin: 0 0 .25rem; }
+            margin: 0 0 1rem; }
           .digit-employee-card.campaign-update-container .search-field-container .label-field-grid .update-date-labelField .update-label .mandatory-date {
             margin-top: -.25rem; }
       .digit-employee-card.campaign-update-container .search-field-container .label-field-grid .digit-button-primary {
@@ -6465,3 +8884,431 @@ tbody tr:nth-child(odd) {
   min-width: -webkit-fit-content;
   min-width: -moz-fit-content;
   min-width: fit-content; }
+
+.configure-app-tabs .configure-app-tab-head {
+  border: 1px solid #d6d5d4;
+  border-radius: 0;
+  padding: .5rem 1rem;
+  min-width: 2.5rem;
+  height: 2rem;
+  background-color: #fff;
+  width: 10rem; }
+
+.configure-app-tabs .configure-app-tab-head.active {
+  background-color: #c84c0e;
+  font-weight: 700;
+  color: #fff; }
+
+.digit-card-component.appConfigScreenCard {
+  width: 50%;
+  margin: 0 1.5rem;
+  border-radius: .75rem; }
+
+.app-configure-action-button {
+  border-radius: 1.25rem;
+  padding: .25rem;
+  height: 3rem;
+  width: 10rem;
+  min-width: 10rem;
+  margin-bottom: 5rem; }
+
+.app-configuration-side-panel {
+  width: 24rem;
+  z-index: 99;
+  background-color: #fff; }
+  .app-configuration-side-panel .slider-content .slider-footer {
+    margin-bottom: 5rem; }
+
+.appConfigHeaderLabelField {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  grid-gap: .5rem;
+  gap: .5rem; }
+  .appConfigHeaderLabelField .appConfigLabelField-label-container {
+    width: 100%; }
+
+.appConfigLabelField {
+  position: relative;
+  padding: 1rem;
+  width: 18rem;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  margin-bottom: unset; }
+
+.draggableField-cont {
+  margin-bottom: 1rem;
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+  border-radius: .5rem;
+  border: 1px solid #d6d5d4;
+  background-color: #fafafa; }
+
+.appConfigLabelField.selected {
+  background-color: rgba(244, 119, 56, 0.10196);
+  border: 1px solid #c84c0e; }
+
+.app-config-field-tag {
+  background-color: rgba(0, 87, 189, 0.05098) !important;
+  word-break: break-word;
+  border: .0031rem solid #0b4b66;
+  color: #0b4b66;
+  font-size: .75rem;
+  font-weight: 400;
+  height: 1.5rem; }
+  .app-config-field-tag .digit-tag-text {
+    font-size: .75rem;
+    font-weight: 400; }
+  .app-config-field-tag .digit-tag-wrapper {
+    border-radius: .5rem; }
+
+.app-configure-drawer-footer-button {
+  margin: auto; }
+
+.app-configure-drawer-footer-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  grid-gap: 1rem;
+  gap: 1rem;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
+  .app-configure-drawer-footer-container .app-configure-drawer-footer-button {
+    width: 100%; }
+
+.appConfigLabelField-label {
+  width: 12rem !important;
+  word-break: break-word;
+  color: #787878;
+  margin-bottom: .5rem;
+  font-size: 1rem;
+  font-weight: 700; }
+  .appConfigLabelField-label.desc {
+    margin-bottom: 0 !important; }
+
+.app-preview-action-button {
+  margin-top: auto;
+  margin-bottom: 0;
+  width: 100%;
+  text-align: center; }
+
+.app-preview-app-config-drawer-action-button {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  grid-gap: .5rem;
+  gap: .5rem; }
+
+.app-config-header, .app-preview-app-config-drawer-action-button {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex; }
+
+.app-config-header {
+  color: #0b4b66 !important;
+  font-weight: 700;
+  font-size: 2.5rem;
+  -webkit-box-align: baseline;
+  -ms-flex-align: baseline;
+  align-items: baseline;
+  grid-gap: 1rem;
+  gap: 1rem; }
+  .app-config-header .app-config-header-group {
+    grid-column-gap: inherit;
+    -webkit-column-gap: inherit;
+    -moz-column-gap: inherit;
+    column-gap: inherit; }
+
+.appConfigLabelField-label-container {
+  width: 12rem; }
+
+.app-config-drawer-button {
+  width: 100%; }
+
+.app-preview-sub-heading {
+  font-family: Roboto;
+  margin: unset; }
+
+.app-config-add-field-popup {
+  width: 35rem !important; }
+  .app-config-add-field-popup .digit-popup-heading {
+    color: #0b4b66; }
+  .app-config-add-field-popup .digit-popup-children-wrap {
+    overflow: visible !important; }
+  .app-config-add-field-popup .digit-label-field-pair {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center; }
+    .app-config-add-field-popup .digit-label-field-pair .product-label-field {
+      width: 15rem !important; }
+
+.app-config-drawer-action-divider {
+  margin-top: auto; }
+
+.app-preview-field-pair {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  grid-gap: .5rem;
+  gap: .5rem;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  padding: .5rem; }
+  .app-preview-field-pair .digit-header-content.label {
+    width: 70%; }
+  .app-preview-field-pair .digit-field {
+    width: 100%; }
+    .app-preview-field-pair .digit-field .digit-description {
+      display: -webkit-box !important;
+      display: -ms-flexbox !important;
+      display: flex !important; }
+    .app-preview-field-pair .digit-field .selection-card-container .selection-card {
+      width: 100%;
+      -webkit-box-pack: center;
+      -ms-flex-pack: center;
+      justify-content: center; }
+  .app-preview-field-pair .infotext {
+    width: 12rem !important; }
+  .app-preview-field-pair .digit-field .digit-radio-options-wrap {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column; }
+
+.app-preview-field-pair.app-preview-selected {
+  background-color: rgba(200, 76, 14, 0.10196);
+  border: 2px solid #c84c0e;
+  border-radius: .5rem; }
+  .app-preview-field-pair.app-preview-selected .digit-header-content .label {
+    width: 100%; }
+  .app-preview-field-pair.app-preview-selected .digit-field .digit-radio-options-wrap {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column; }
+
+.app-config-checkbox-main {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  margin-bottom: unset;
+  margin-left: .5rem; }
+
+.app-config-checkbox-label {
+  display: inline-block !important; }
+  .app-config-checkbox-label.required:after {
+    content: " *";
+    color: #d4351c; }
+
+.app-preview-field-button {
+  width: 100%; }
+
+.drawer-toggle-field-container {
+  border: 1px solid #d6d5d4;
+  background: #fafafa;
+  border-radius: .5rem;
+  padding: 1rem; }
+  .drawer-toggle-field-container .drawer-container-tooltip {
+    position: relative;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    grid-gap: 1rem;
+    gap: 1rem; }
+    .drawer-toggle-field-container .drawer-container-tooltip .digit-switch-container .digit-switch-label {
+      color: #505a5f; }
+    .drawer-toggle-field-container .drawer-container-tooltip .drawer-toggle-conditional-field {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+      flex-direction: column;
+      grid-gap: .1rem;
+      gap: .1rem; }
+      .drawer-toggle-field-container .drawer-container-tooltip .drawer-toggle-conditional-field .digit-header-content.label {
+        color: #505a5f;
+        width: 100%; }
+      .drawer-toggle-field-container .drawer-container-tooltip .drawer-toggle-conditional-field .digit-field {
+        width: 100%; }
+
+.app-config-drawer-subheader {
+  font-style: normal;
+  color: #0b4b66;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
+
+.icon-wrapper.app-config-tooltip {
+  margin-bottom: 0;
+  height: 2rem;
+  display: contents; }
+  .icon-wrapper.app-config-tooltip .tooltip-wrapper .tooltip-content {
+    width: -webkit-max-content !important;
+    width: -moz-max-content !important;
+    width: max-content !important; }
+
+.mobile-bezel-child-container {
+  height: 90%; }
+  .mobile-bezel-child-container .app-preview-selected .digit-header-content {
+    width: 100%; }
+
+.drag-handle {
+  display: grid;
+  grid-template-columns: repeat(2, 4px);
+  grid-gap: 4px;
+  gap: 4px;
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+  margin: 0 .5rem;
+  cursor: -webkit-grab;
+  cursor: grab; }
+
+.drag-handle span {
+  width: 4px;
+  height: 4px;
+  background-color: #d9d9d9;
+  border-radius: 50%;
+  display: block; }
+
+.mobile-bezel-screen {
+  scrollbar-width: none;
+  scrollbar-color: #d6d5d4 transparent;
+  overflow-y: auto; }
+  .mobile-bezel-screen::-webkit-scrollbar {
+    width: 0;
+    background: transparent; }
+  .mobile-bezel-screen::-webkit-scrollbar-thumb {
+    background-color: initial;
+    -webkit-transition: background-color .3s ease;
+    transition: background-color .3s ease; }
+  .mobile-bezel-screen::-webkit-scrollbar-track {
+    background: transparent; }
+  .mobile-bezel-screen::-webkit-scrollbar-button {
+    display: none !important;
+    height: 0 !important;
+    width: 0 !important; }
+  .mobile-bezel-screen.scrolling {
+    scrollbar-width: thin;
+    scrollbar-color: #d6d5d4 transparent;
+    -webkit-transition: scrollbar-color .3s ease;
+    transition: scrollbar-color .3s ease; }
+    .mobile-bezel-screen.scrolling::-webkit-scrollbar-thumb {
+      background-color: #d6d5d4; }
+
+.mobile-bezel-flexContainer {
+  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; }
+  .mobile-bezel-flexContainer .mobile-bezel-zoom-container {
+    display: none;
+    height: -webkit-fit-content;
+    height: -moz-fit-content;
+    height: fit-content;
+    grid-gap: .5rem;
+    gap: .5rem;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: reverse;
+    -ms-flex-direction: column-reverse;
+    flex-direction: column-reverse;
+    background-color: #fff;
+    border-radius: .5rem;
+    border: 1px solid #d6d5d4; }
+    .mobile-bezel-flexContainer .mobile-bezel-zoom-container .item {
+      padding: .5rem;
+      border: none;
+      background-color: unset; }
+    .mobile-bezel-flexContainer .mobile-bezel-zoom-container .zoom-span {
+      border-top: 1px solid #d6d5d4;
+      border-bottom: 1px solid #d6d5d4;
+      color: #787878;
+      font-size: 14px; }
+
+.info-text {
+  color: #505a5f; }
+
+.appConfig-flex-action {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  position: absolute;
+  bottom: 5rem;
+  left: 37rem;
+  grid-gap: 1rem;
+  gap: 1rem; }
+  .appConfig-flex-action .app-configure-action-button {
+    margin-bottom: unset;
+    width: 9rem;
+    min-width: -webkit-fit-content;
+    min-width: -moz-fit-content;
+    min-width: fit-content;
+    height: 2.5rem;
+    padding: .2rem; }
+
+.app-config-tag-page {
+  color: #0b4b66;
+  font-weight: 700; }
+
+.zoom-content {
+  height: 100%; }
+
+.onhover-tooltip-text {
+  visibility: hidden;
+  opacity: 0;
+  position: absolute;
+  top: 100%;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+  transform: translateX(-50%);
+  background-color: #333;
+  color: #fff;
+  padding: 6px 10px;
+  border-radius: 4px;
+  white-space: nowrap;
+  -webkit-transition: opacity .2s ease;
+  transition: opacity .2s ease;
+  z-index: 100; }
+
+.drawer-container-tooltip:hover .onhover-tooltip-text {
+  visibility: visible;
+  opacity: 1; }