@egovernments/digit-ui-components-css 0.0.2-beta.10 → 0.0.2-beta.11

package/dist/index.css

@@ -1,5 +1,5 @@
 /*!
- * @egovernments/digit-ui-components-css - 0.0.2-beta.10
+ * @egovernments/digit-ui-components-css - 0.0.2-beta.11
  *
  * Copyright (c) 2024 Jagankumar <jagan.kumar@egov.org.in>
  * 
@@ -1263,7 +1263,7 @@
         width: 1.25rem;
         height: 1.25rem; } }
   .digit-back-link .digit-back-link-label {
-    color: #c84c0e;
+    color: #0b4b66;
     margin-top: .063rem;
     cursor: pointer; }
   .digit-back-link.disabled {
@@ -1737,22 +1737,22 @@ body {
   .typography.heading-m, .digit-panel-wrapper .digit-panel-info-wrapper .digit-panel-response, .digit-text-block-wrap .digit-text-block-header-content .digit-text-block-subheader, .digit-uploader-wrap .capture-heading {
     font-size: 1.5rem; } }
 
-.typography.heading-m, .digit-panel-wrapper .digit-panel-info-wrapper .digit-panel-response, .digit-text-block-wrap .digit-text-block-header-content .digit-text-block-subheader, .digit-uploader-wrap .capture-heading, .typography.heading-s, .digit-multiselectdropdown-wrap .digit-category-name, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active:hover p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.checked p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect.checked .option-des-container p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect:active .option-des-container p, .digit-category-name, .digit-dropdown-item:active .option-des-container .main-option, .digit-dropdown-item.nestedtextdropdown:active .option-des-container .main-option, .digit-dropdown-item.profilenestedtext:active .option-des-container .main-option, .digit-stepper-container .digit-stepper-content .stepper-label.current, .digit-stepper-container .digit-stepper-content:hover .stepper-label.completed, .timeline-label, .digit-toggle-btn-wrap input:checked + .digit-toggle-label, .digit-toggle-btn-wrap .digit-checkbox-container .input-emp:checked + .digit-toggle-label, .digit-checkbox-container .digit-toggle-btn-wrap .input-emp:checked + .digit-toggle-label, .digit-toggle-btn-wrap.checked .digit-toggle-label, .digit-tree-multiselect-option.expanded .digit-option-label, .digit-tree-select-option.expanded .digit-option-label, .digit-tree-multiselect-option.checked .digit-option-label, .digit-uploader-wrap .digit-uploaded-file-container .uploaded-file-container-sub .uploaded-file-details, .digit-viewcard-field-pair .digit-viewcard-label {
+.typography.heading-m, .digit-panel-wrapper .digit-panel-info-wrapper .digit-panel-response, .digit-text-block-wrap .digit-text-block-header-content .digit-text-block-subheader, .digit-uploader-wrap .capture-heading, .typography.heading-s, .digit-multiselectdropdown-wrap .digit-category-name, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active:hover p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.checked p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect.checked .option-des-container p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect:active .option-des-container p, .digit-category-name, .digit-dropdown-item:active .option-des-container .main-option, .digit-dropdown-item.nestedtextdropdown:active .option-des-container .main-option, .digit-dropdown-item.profilenestedtext:active .option-des-container .main-option, .digit-stepper-container .digit-stepper-content .stepper-label.current, .digit-stepper-container .digit-stepper-content:hover .stepper-label.completed, .timeline-label, .digit-toggle-btn-wrap input:checked + .digit-toggle-label, .digit-toggle-btn-wrap .digit-checkbox-container .input-emp:checked + .digit-toggle-label, .digit-checkbox-container .digit-toggle-btn-wrap .input-emp:checked + .digit-toggle-label, .digit-toggle-btn-wrap.checked .digit-toggle-label, .digit-tree-multiselect-option.expanded .digit-option-label, .digit-tree-select-option.expanded .digit-option-label, .digit-tree-multiselect-option.checked .digit-option-label, .digit-uploader-wrap .digit-uploaded-file-container .uploaded-file-container-sub .uploaded-file-details, .digit-viewcard-field-pair .digit-viewcard-label, .header-dropdown-option.activeIndex, .header-dropdown-option:active, .digit-topbar .digit-logo-ulb-wrapper .digit-topbar-ulb {
   font-family: Roboto;
   font-style: normal;
   font-weight: 700;
   line-height: 1.14rem; }
 
 @media (max-aspect-ratio: 9 / 16) {
-  .typography.heading-s, .digit-multiselectdropdown-wrap .digit-category-name, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active:hover p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.checked p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect.checked .option-des-container p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect:active .option-des-container p, .digit-category-name, .digit-dropdown-item:active .option-des-container .main-option, .digit-dropdown-item.nestedtextdropdown:active .option-des-container .main-option, .digit-dropdown-item.profilenestedtext:active .option-des-container .main-option, .digit-stepper-container .digit-stepper-content .stepper-label.current, .digit-stepper-container .digit-stepper-content:hover .stepper-label.completed, .timeline-label, .digit-toggle-btn-wrap input:checked + .digit-toggle-label, .digit-toggle-btn-wrap .digit-checkbox-container .input-emp:checked + .digit-toggle-label, .digit-checkbox-container .digit-toggle-btn-wrap .input-emp:checked + .digit-toggle-label, .digit-toggle-btn-wrap.checked .digit-toggle-label, .digit-tree-multiselect-option.expanded .digit-option-label, .digit-tree-select-option.expanded .digit-option-label, .digit-tree-multiselect-option.checked .digit-option-label, .digit-uploader-wrap .digit-uploaded-file-container .uploaded-file-container-sub .uploaded-file-details, .digit-viewcard-field-pair .digit-viewcard-label {
+  .typography.heading-s, .digit-multiselectdropdown-wrap .digit-category-name, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active:hover p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.checked p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect.checked .option-des-container p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect:active .option-des-container p, .digit-category-name, .digit-dropdown-item:active .option-des-container .main-option, .digit-dropdown-item.nestedtextdropdown:active .option-des-container .main-option, .digit-dropdown-item.profilenestedtext:active .option-des-container .main-option, .digit-stepper-container .digit-stepper-content .stepper-label.current, .digit-stepper-container .digit-stepper-content:hover .stepper-label.completed, .timeline-label, .digit-toggle-btn-wrap input:checked + .digit-toggle-label, .digit-toggle-btn-wrap .digit-checkbox-container .input-emp:checked + .digit-toggle-label, .digit-checkbox-container .digit-toggle-btn-wrap .input-emp:checked + .digit-toggle-label, .digit-toggle-btn-wrap.checked .digit-toggle-label, .digit-tree-multiselect-option.expanded .digit-option-label, .digit-tree-select-option.expanded .digit-option-label, .digit-tree-multiselect-option.checked .digit-option-label, .digit-uploader-wrap .digit-uploaded-file-container .uploaded-file-container-sub .uploaded-file-details, .digit-viewcard-field-pair .digit-viewcard-label, .header-dropdown-option.activeIndex, .header-dropdown-option:active, .digit-topbar .digit-logo-ulb-wrapper .digit-topbar-ulb {
     font-size: 1rem; } }
 
 @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
-  .typography.heading-s, .digit-multiselectdropdown-wrap .digit-category-name, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active:hover p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.checked p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect.checked .option-des-container p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect:active .option-des-container p, .digit-category-name, .digit-dropdown-item:active .option-des-container .main-option, .digit-dropdown-item.nestedtextdropdown:active .option-des-container .main-option, .digit-dropdown-item.profilenestedtext:active .option-des-container .main-option, .digit-stepper-container .digit-stepper-content .stepper-label.current, .digit-stepper-container .digit-stepper-content:hover .stepper-label.completed, .timeline-label, .digit-toggle-btn-wrap input:checked + .digit-toggle-label, .digit-toggle-btn-wrap .digit-checkbox-container .input-emp:checked + .digit-toggle-label, .digit-checkbox-container .digit-toggle-btn-wrap .input-emp:checked + .digit-toggle-label, .digit-toggle-btn-wrap.checked .digit-toggle-label, .digit-tree-multiselect-option.expanded .digit-option-label, .digit-tree-select-option.expanded .digit-option-label, .digit-tree-multiselect-option.checked .digit-option-label, .digit-uploader-wrap .digit-uploaded-file-container .uploaded-file-container-sub .uploaded-file-details, .digit-viewcard-field-pair .digit-viewcard-label {
+  .typography.heading-s, .digit-multiselectdropdown-wrap .digit-category-name, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active:hover p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.checked p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect.checked .option-des-container p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect:active .option-des-container p, .digit-category-name, .digit-dropdown-item:active .option-des-container .main-option, .digit-dropdown-item.nestedtextdropdown:active .option-des-container .main-option, .digit-dropdown-item.profilenestedtext:active .option-des-container .main-option, .digit-stepper-container .digit-stepper-content .stepper-label.current, .digit-stepper-container .digit-stepper-content:hover .stepper-label.completed, .timeline-label, .digit-toggle-btn-wrap input:checked + .digit-toggle-label, .digit-toggle-btn-wrap .digit-checkbox-container .input-emp:checked + .digit-toggle-label, .digit-checkbox-container .digit-toggle-btn-wrap .input-emp:checked + .digit-toggle-label, .digit-toggle-btn-wrap.checked .digit-toggle-label, .digit-tree-multiselect-option.expanded .digit-option-label, .digit-tree-select-option.expanded .digit-option-label, .digit-tree-multiselect-option.checked .digit-option-label, .digit-uploader-wrap .digit-uploaded-file-container .uploaded-file-container-sub .uploaded-file-details, .digit-viewcard-field-pair .digit-viewcard-label, .header-dropdown-option.activeIndex, .header-dropdown-option:active, .digit-topbar .digit-logo-ulb-wrapper .digit-topbar-ulb {
     font-size: 1rem; } }
 
 @media (min-aspect-ratio: 3 / 4) {
-  .typography.heading-s, .digit-multiselectdropdown-wrap .digit-category-name, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active:hover p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.checked p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect.checked .option-des-container p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect:active .option-des-container p, .digit-category-name, .digit-dropdown-item:active .option-des-container .main-option, .digit-dropdown-item.nestedtextdropdown:active .option-des-container .main-option, .digit-dropdown-item.profilenestedtext:active .option-des-container .main-option, .digit-stepper-container .digit-stepper-content .stepper-label.current, .digit-stepper-container .digit-stepper-content:hover .stepper-label.completed, .timeline-label, .digit-toggle-btn-wrap input:checked + .digit-toggle-label, .digit-toggle-btn-wrap .digit-checkbox-container .input-emp:checked + .digit-toggle-label, .digit-checkbox-container .digit-toggle-btn-wrap .input-emp:checked + .digit-toggle-label, .digit-toggle-btn-wrap.checked .digit-toggle-label, .digit-tree-multiselect-option.expanded .digit-option-label, .digit-tree-select-option.expanded .digit-option-label, .digit-tree-multiselect-option.checked .digit-option-label, .digit-uploader-wrap .digit-uploaded-file-container .uploaded-file-container-sub .uploaded-file-details, .digit-viewcard-field-pair .digit-viewcard-label {
+  .typography.heading-s, .digit-multiselectdropdown-wrap .digit-category-name, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem:active:hover p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.checked p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect.checked .option-des-container p, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem.nestedtextmultiselect:active .option-des-container p, .digit-category-name, .digit-dropdown-item:active .option-des-container .main-option, .digit-dropdown-item.nestedtextdropdown:active .option-des-container .main-option, .digit-dropdown-item.profilenestedtext:active .option-des-container .main-option, .digit-stepper-container .digit-stepper-content .stepper-label.current, .digit-stepper-container .digit-stepper-content:hover .stepper-label.completed, .timeline-label, .digit-toggle-btn-wrap input:checked + .digit-toggle-label, .digit-toggle-btn-wrap .digit-checkbox-container .input-emp:checked + .digit-toggle-label, .digit-checkbox-container .digit-toggle-btn-wrap .input-emp:checked + .digit-toggle-label, .digit-toggle-btn-wrap.checked .digit-toggle-label, .digit-tree-multiselect-option.expanded .digit-option-label, .digit-tree-select-option.expanded .digit-option-label, .digit-tree-multiselect-option.checked .digit-option-label, .digit-uploader-wrap .digit-uploaded-file-container .uploaded-file-container-sub .uploaded-file-details, .digit-viewcard-field-pair .digit-viewcard-label, .header-dropdown-option.activeIndex, .header-dropdown-option:active, .digit-topbar .digit-logo-ulb-wrapper .digit-topbar-ulb {
     font-size: 1rem; } }
 
 .typography.heading-xs, .digit-tag-container .digit-tag.errortag .digit-text {
@@ -1831,18 +1831,18 @@ body {
       font-size: 1.25rem; } }
 
 @media (max-aspect-ratio: 9 / 16) {
-  .typography.body-s, .digit-bread-crumb--item .digit-bread-crumb-content, .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator, .digit-checkbox-container .label, .digit-error-icon-message-wrap .digit-error-message, .digit-header-content.label .info-icon .infotext, .digit-field .digit-charcount, .digit-field .digit-description, .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem p, .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description, .digit-radio-options-wrap label, .digit-dropdown-item .option-des-container .main-option, .digit-dropdown-item.unsuccessfulresults span, .digit-stepper-container .digit-stepper-content .stepper-label, .digit-text-block-wrap .digit-text-block-body, .timeline-date, .digit-option-label, .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text, .digit-uploader-wrap .digit-uploadpopup-label, .digit-uploader-wrap .digit-uploader-input, .digit-uploader-wrap .digit-upload-helptext, .digit-viewcard-field-pair .digit-viewcard-value {
+  .typography.body-s, .digit-bread-crumb--item .digit-bread-crumb-content, .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator, .digit-checkbox-container .label, .digit-error-icon-message-wrap .digit-error-message, .digit-header-content.label .info-icon .infotext, .digit-field .digit-charcount, .digit-field .digit-description, .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem p, .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description, .digit-radio-options-wrap label, .digit-dropdown-item .option-des-container .main-option, .digit-dropdown-item.unsuccessfulresults span, .digit-stepper-container .digit-stepper-content .stepper-label, .digit-text-block-wrap .digit-text-block-body, .timeline-date, .digit-option-label, .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text, .digit-uploader-wrap .digit-uploadpopup-label, .digit-uploader-wrap .digit-uploader-input, .digit-uploader-wrap .digit-upload-helptext, .digit-viewcard-field-pair .digit-viewcard-value, .header-dropdown-label, .header-dropdown-option, .header-dropdown-nooption, .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview {
     font-size: .875rem; } }
 
 @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
-  .typography.body-s, .digit-bread-crumb--item .digit-bread-crumb-content, .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator, .digit-checkbox-container .label, .digit-error-icon-message-wrap .digit-error-message, .digit-header-content.label .info-icon .infotext, .digit-field .digit-charcount, .digit-field .digit-description, .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem p, .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description, .digit-radio-options-wrap label, .digit-dropdown-item .option-des-container .main-option, .digit-dropdown-item.unsuccessfulresults span, .digit-stepper-container .digit-stepper-content .stepper-label, .digit-text-block-wrap .digit-text-block-body, .timeline-date, .digit-option-label, .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text, .digit-uploader-wrap .digit-uploadpopup-label, .digit-uploader-wrap .digit-uploader-input, .digit-uploader-wrap .digit-upload-helptext, .digit-viewcard-field-pair .digit-viewcard-value {
+  .typography.body-s, .digit-bread-crumb--item .digit-bread-crumb-content, .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator, .digit-checkbox-container .label, .digit-error-icon-message-wrap .digit-error-message, .digit-header-content.label .info-icon .infotext, .digit-field .digit-charcount, .digit-field .digit-description, .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem p, .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description, .digit-radio-options-wrap label, .digit-dropdown-item .option-des-container .main-option, .digit-dropdown-item.unsuccessfulresults span, .digit-stepper-container .digit-stepper-content .stepper-label, .digit-text-block-wrap .digit-text-block-body, .timeline-date, .digit-option-label, .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text, .digit-uploader-wrap .digit-uploadpopup-label, .digit-uploader-wrap .digit-uploader-input, .digit-uploader-wrap .digit-upload-helptext, .digit-viewcard-field-pair .digit-viewcard-value, .header-dropdown-label, .header-dropdown-option, .header-dropdown-nooption, .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview {
     font-size: 1rem; } }
 
 @media (min-aspect-ratio: 3 / 4) {
-  .typography.body-s, .digit-bread-crumb--item .digit-bread-crumb-content, .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator, .digit-checkbox-container .label, .digit-error-icon-message-wrap .digit-error-message, .digit-header-content.label .info-icon .infotext, .digit-field .digit-charcount, .digit-field .digit-description, .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem p, .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description, .digit-radio-options-wrap label, .digit-dropdown-item .option-des-container .main-option, .digit-dropdown-item.unsuccessfulresults span, .digit-stepper-container .digit-stepper-content .stepper-label, .digit-text-block-wrap .digit-text-block-body, .timeline-date, .digit-option-label, .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text, .digit-uploader-wrap .digit-uploadpopup-label, .digit-uploader-wrap .digit-uploader-input, .digit-uploader-wrap .digit-upload-helptext, .digit-viewcard-field-pair .digit-viewcard-value {
+  .typography.body-s, .digit-bread-crumb--item .digit-bread-crumb-content, .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator, .digit-checkbox-container .label, .digit-error-icon-message-wrap .digit-error-message, .digit-header-content.label .info-icon .infotext, .digit-field .digit-charcount, .digit-field .digit-description, .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem p, .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description, .digit-radio-options-wrap label, .digit-dropdown-item .option-des-container .main-option, .digit-dropdown-item.unsuccessfulresults span, .digit-stepper-container .digit-stepper-content .stepper-label, .digit-text-block-wrap .digit-text-block-body, .timeline-date, .digit-option-label, .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text, .digit-uploader-wrap .digit-uploadpopup-label, .digit-uploader-wrap .digit-uploader-input, .digit-uploader-wrap .digit-upload-helptext, .digit-viewcard-field-pair .digit-viewcard-value, .header-dropdown-label, .header-dropdown-option, .header-dropdown-nooption, .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview {
     font-size: 1rem; } }
 
-.typography.body-s, .digit-bread-crumb--item .digit-bread-crumb-content, .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator, .digit-checkbox-container .label, .digit-error-icon-message-wrap .digit-error-message, .digit-header-content.label .info-icon .infotext, .digit-field .digit-charcount, .digit-field .digit-description, .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem p, .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description, .digit-radio-options-wrap label, .digit-dropdown-item .option-des-container .main-option, .digit-dropdown-item.unsuccessfulresults span, .digit-stepper-container .digit-stepper-content .stepper-label, .digit-text-block-wrap .digit-text-block-body, .timeline-date, .digit-option-label, .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text, .digit-uploader-wrap .digit-uploadpopup-label, .digit-uploader-wrap .digit-uploader-input, .digit-uploader-wrap .digit-upload-helptext, .digit-viewcard-field-pair .digit-viewcard-value, .typography.body-xs, .digit-tag-container .digit-tag .digit-text, .digit-dropdown-item .option-des-container .option-description, .digit-toggle-btn-wrap .digit-toggle-label, .digit-uploader-wrap .digit-img-container .preview-container .preview-file-name, .digit-uploader-wrap .digit-image-uploader .upload-image-label {
+.typography.body-s, .digit-bread-crumb--item .digit-bread-crumb-content, .digit-bread-crumb--item .digit-bread-crumb-content.current, .digit-bread-crumb--item .digit-bread-crumb-seperator, .digit-checkbox-container .label, .digit-error-icon-message-wrap .digit-error-message, .digit-header-content.label .info-icon .infotext, .digit-field .digit-charcount, .digit-field .digit-description, .digit-multiselectdropdown-wrap .digit-category-selectAll .category-selectAll-label, .digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem p, .digit-panelcard-wrap .digit-panelcard-children-wrap .digit-panelcard-description, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap, .digit-popup-overlay .digit-popup-wrapper .digit-popup-children-wrap .digit-popup-description, .digit-radio-options-wrap label, .digit-dropdown-item .option-des-container .main-option, .digit-dropdown-item.unsuccessfulresults span, .digit-stepper-container .digit-stepper-content .stepper-label, .digit-text-block-wrap .digit-text-block-body, .timeline-date, .digit-option-label, .digit-uploader-wrap .digit-uploader-content-uploadpopup .drag-drop-text, .digit-uploader-wrap .digit-uploadpopup-label, .digit-uploader-wrap .digit-uploader-input, .digit-uploader-wrap .digit-upload-helptext, .digit-viewcard-field-pair .digit-viewcard-value, .header-dropdown-label, .header-dropdown-option, .header-dropdown-nooption, .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview, .typography.body-xs, .digit-tag-container .digit-tag .digit-text, .digit-dropdown-item .option-des-container .option-description, .digit-toggle-btn-wrap .digit-toggle-label, .digit-uploader-wrap .digit-img-container .preview-container .preview-file-name, .digit-uploader-wrap .digit-image-uploader .upload-image-label {
   font-family: Roboto;
   font-style: normal;
   font-weight: 400;
@@ -1872,12 +1872,12 @@ body {
     .typography.label, .digit-upload-image-drawer .image-upload-options .upload-options-label, .digit-uploader-wrap .digit-upload-label {
       font-size: 1rem; } }
 
-.typography.label, .digit-upload-image-drawer .image-upload-options .upload-options-label, .digit-uploader-wrap .digit-upload-label, .typography.link, .details-btn {
+.typography.label, .digit-upload-image-drawer .image-upload-options .upload-options-label, .digit-uploader-wrap .digit-upload-label, .typography.link {
   font-family: Roboto;
   font-style: normal;
   font-weight: 400; }
 
-.typography.link, .details-btn {
+.typography.link {
   text-decoration: underline;
   font-size: 1rem; }
 
@@ -2190,7 +2190,7 @@ ol, ul {
       color: #c5c5c5; }
   .digit-button-secondary.large h2 {
     height: 1.25rem;
-    margin-top: .125rem; }
+    margin-top: .25rem; }
   .digit-button-secondary.medium {
     height: 2rem; }
   .digit-button-secondary.small {
@@ -2492,6 +2492,24 @@ ol, ul {
     -ms-flex: 1;
     flex: 1; }
 
+.header-dropdown-container {
+  position: relative; }
+  .header-dropdown-container .header-dropdown-menu {
+    position: absolute;
+    z-index: 30;
+    bottom: 1.25rem;
+    right: 0;
+    max-height: unset;
+    margin-top: unset; }
+    .header-dropdown-container .header-dropdown-menu.showBottom {
+      bottom: unset; }
+    @media (max-width: 30rem) {
+      .header-dropdown-container .header-dropdown-menu {
+        width: 100% !important; } }
+    @media (max-width: 15.625rem) {
+      .header-dropdown-container .header-dropdown-menu {
+        left: 0; } }
+
 .digit-card-label {
   font-weight: 400;
   font-size: 16px;
@@ -3013,10 +3031,16 @@ ol, ul {
       padding-bottom: 1rem;
       padding-right: 1rem;
       padding-top: 1rem; } }
-  .digit-card-component.action button {
-    width: 100%; }
+  .digit-card-component.action {
+    padding: 1.5rem;
+    grid-gap: 1.5rem;
+    gap: 1.5rem; }
+    .digit-card-component.action button {
+      width: 100%; }
   .digit-card-component.viewcard .digit-text-block-wrap .digit-text-block-header-content .digit-text-block-subheader {
     color: #0b4b66; }
+  .digit-card-component.form .digit-label-field-pair, .digit-card-component.form .digit-radio-options-wrap {
+    margin-bottom: unset; }
 
 .digit-checkbox-container {
   display: -webkit-box;
@@ -4540,6 +4564,13 @@ ol, ul {
           margin-top: 0; }
           .digit-popup-overlay .digit-popup-wrapper .digit-popup-footer-buttons button {
             width: 100%; } }
+      .digit-popup-overlay .digit-popup-wrapper .digit-popup-footer-buttons.equal-buttons {
+        width: 100%; }
+        @media (min-width: 30.063rem) {
+          .digit-popup-overlay .digit-popup-wrapper .digit-popup-footer-buttons.equal-buttons button {
+            -webkit-box-flex: 1;
+            -ms-flex: 1;
+            flex: 1; } }
     .digit-popup-overlay .digit-popup-wrapper.equal-buttons {
       width: 100%; }
       .digit-popup-overlay .digit-popup-wrapper.equal-buttons button {
@@ -5292,9 +5323,6 @@ ol, ul {
         background-color: #eee;
         background-color: rgba(238, 238, 238, var(--bg-opacity)); }
 
-.cp {
-  cursor: pointer; }
-
 .digit-stepper-container {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -6061,13 +6089,6 @@ textarea::-webkit-scrollbar-thumb {
 img {
   max-width: 100%; }
 
-.details-btn {
-  text-align: left;
-  background-color: initial;
-  border: none;
-  color: #c84c0e;
-  padding: 0; }
-
 .timeline-circle, .timeline-circle.upcoming {
   background-color: #c5c5c5; }
 
@@ -6108,10 +6129,22 @@ img {
 
 .digit-timeline-molecule {
   max-height: 100%; }
+  @media (min-aspect-ratio: 3 / 4) {
+    .digit-timeline-molecule .timeline-content:not(.lastTimeline) {
+      margin-bottom: 1.5rem; } }
+  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
+    .digit-timeline-molecule .timeline-content:not(.lastTimeline) {
+      margin-bottom: 1.25rem; } }
+  @media (max-aspect-ratio: 9 / 16) {
+    .digit-timeline-molecule .timeline-content:not(.lastTimeline) {
+      margin-bottom: 1rem; } }
 
-.view-more-container {
+.view-more-past-container {
   margin-top: 1rem; }
 
+.view-more-future-container {
+  margin-bottom: 1rem; }
+
 .digit-toast-success {
   position: fixed;
   display: -webkit-box;
@@ -6947,6 +6980,559 @@ img {
     .digit-viewcard-field-pair.inline .digit-viewcard-value {
       width: 80%; }
 
+.digit-action-bar-wrap {
+  width: 100%;
+  max-width: 100%;
+  padding: 1rem 2rem;
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
+  display: flex !important;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -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);
+  background-color: #fff;
+  height: 4.5rem;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 100; }
+  @media (min-width: 48rem) {
+    .digit-action-bar-wrap {
+      grid-gap: 1.5rem;
+      gap: 1.5rem; } }
+  @media (min-width: 30.063rem) and (max-width: 47.938rem) {
+    .digit-action-bar-wrap {
+      grid-gap: 1.25rem;
+      gap: 1.25rem; } }
+  @media (max-width: 30rem) {
+    .digit-action-bar-wrap {
+      grid-gap: 1rem;
+      gap: 1rem;
+      -webkit-box-shadow: 0 -0.063rem 0.125rem 0 rgba(0, 0, 0, 0.14902);
+      box-shadow: 0 -0.063rem 0.125rem 0 rgba(0, 0, 0, 0.14902);
+      height: 8rem;
+      padding-left: 1rem;
+      padding-bottom: 1rem;
+      padding-right: 1rem;
+      padding-top: 1rem; } }
+  .digit-action-bar-wrap .digit-action-bar-fields {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: justify;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap; }
+    @media (min-width: 48rem) {
+      .digit-action-bar-wrap .digit-action-bar-fields {
+        grid-gap: 1.5rem;
+        gap: 1.5rem; } }
+    @media (min-width: 30.063rem) and (max-width: 47.938rem) {
+      .digit-action-bar-wrap .digit-action-bar-fields {
+        grid-gap: 1.25rem;
+        gap: 1.25rem; } }
+    @media (max-width: 30rem) {
+      .digit-action-bar-wrap .digit-action-bar-fields {
+        grid-gap: 1rem;
+        gap: 1rem;
+        -webkit-box-orient: vertical;
+        -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+        flex-direction: column; }
+        .digit-action-bar-wrap .digit-action-bar-fields .action-bar-individual-action-field button {
+          width: 100%;
+          max-width: 100%; } }
+    .digit-action-bar-wrap .digit-action-bar-fields.toRight {
+      margin-left: auto; }
+    .digit-action-bar-wrap .digit-action-bar-fields.toLeft {
+      -webkit-box-pack: unset;
+      -ms-flex-pack: unset;
+      justify-content: unset; }
+    .digit-action-bar-wrap .digit-action-bar-fields .action-bar-individual-action-field button {
+      -webkit-box-flex: 1;
+      -ms-flex: 1;
+      flex: 1; }
+    .digit-action-bar-wrap .digit-action-bar-fields:not(.toRight) {
+      width: 100%; }
+  .digit-action-bar-wrap .digit-dropdown-select-wrap, .digit-action-bar-wrap .digit-employee-dropdown-select-wrap {
+    margin-bottom: 0; }
+  .digit-action-bar-wrap .header-dropdown-container {
+    position: relative; }
+  .digit-action-bar-wrap .header-dropdown-menu {
+    position: absolute;
+    z-index: 30;
+    bottom: 2.5rem;
+    right: 0;
+    max-height: unset;
+    margin-top: unset; }
+    .digit-action-bar-wrap .header-dropdown-menu.showBottom {
+      bottom: unset; }
+
+.header-dropdown-profile {
+  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;
+  width: 2rem;
+  height: 2rem;
+  overflow: hidden;
+  border-radius: 50%; }
+  .header-dropdown-profile.text {
+    color: #fff;
+    font-weight: 700;
+    background: #0b4b66; }
+  .header-dropdown-profile.dark.text {
+    background: #fff;
+    font-weight: 700;
+    color: #0b4b66; }
+  .header-dropdown-profile img {
+    width: 100%;
+    height: auto;
+    display: block; }
+
+.header-dropdown-label {
+  cursor: pointer;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  color: #363636;
+  position: relative; }
+  .header-dropdown-label.dark {
+    color: #fff; }
+
+.header-dropdown-arrow {
+  margin-left: .5rem;
+  width: 1.5rem;
+  height: 1.5rem; }
+
+.header-dropdown-menu {
+  width: -webkit-fit-content !important;
+  width: -moz-fit-content !important;
+  width: fit-content !important;
+  -webkit-box-shadow: 0 0.063rem 0.275rem 0 rgba(0, 0, 0, 0.14902);
+  box-shadow: 0 0.063rem 0.275rem 0 rgba(0, 0, 0, 0.14902);
+  max-height: 80%;
+  background-color: #fff;
+  margin-top: 1.25rem;
+  position: fixed;
+  min-width: 14rem;
+  max-width: 25rem;
+  z-index: 30;
+  overflow-y: auto;
+  overflow-x: hidden; }
+
+.header-dropdown-search-container {
+  height: 3.5rem;
+  min-width: 14rem;
+  max-width: 25rem;
+  width: auto;
+  padding: 0.75rem !important; }
+
+.header-dropdown-search {
+  height: 2rem !important;
+  min-width: 12.5rem;
+  max-width: 23.5rem; }
+  .header-dropdown-search .digit-text-input-customIcon {
+    height: 1.25rem;
+    width: 1.25rem;
+    top: .4rem;
+    right: 1rem; }
+  .header-dropdown-search .input-container, .header-dropdown-search input, .header-dropdown-search .digit-checkbox-container .input-emp, .digit-checkbox-container .header-dropdown-search .input-emp {
+    max-height: 100%; }
+
+.header-dropdown-options {
+  max-height: 12.5rem;
+  overflow-y: auto; }
+
+.header-dropdown-option {
+  white-space: nowrap;
+  width: 100%;
+  max-width: 100%;
+  overflow: hidden;
+  padding: 1rem .625rem;
+  color: #363636;
+  grid-gap: .5rem;
+  gap: .5rem;
+  height: 2.5rem;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  word-break: break-word;
+  text-overflow: ellipsis;
+  cursor: pointer; }
+  .header-dropdown-option svg {
+    -ms-flex-negative: 0;
+    flex-shrink: 0; }
+
+.header-dropdown-option:not(:hover):not(:active):nth-of-type(odd) {
+  background-color: #fafafa; }
+
+.header-dropdown-nooption {
+  padding: .5rem;
+  pointer-events: none;
+  color: #c5c5c5;
+  background-color: #fafafa; }
+
+.header-dropdown-option.keyChange, .header-dropdown-option:hover {
+  background: #fbeee8 !important;
+  border: .031rem solid #c84c0e; }
+
+.header-dropdown-option.activeIndex, .header-dropdown-option:active {
+  background: #c84c0e !important;
+  color: #fff; }
+
+.header-dropdown-options::-webkit-scrollbar {
+  width: .5rem;
+  background-color: #eee; }
+
+.header-dropdown-options::-webkit-scrollbar-track {
+  background-color: #eee;
+  border-radius: .563rem; }
+
+.header-dropdown-options::-webkit-scrollbar-thumb {
+  background-color: #d6d5d4;
+  border-radius: .563rem; }
+
+.topbar {
+  position: fixed;
+  top: 0;
+  width: 100%;
+  padding: .625rem 1.5rem;
+  background: #fff;
+  -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0 0.063rem 0.25rem;
+  box-shadow: 0 0.063rem 0.25rem rgba(0, 0, 0, 0.24);
+  z-index: 9999999;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
+  .topbar img {
+    display: inline; }
+    .topbar img.city {
+      margin-right: .5rem;
+      height: 3rem;
+      width: 3rem; }
+    .topbar img.state {
+      height: 1.25rem;
+      max-height: 1.25rem;
+      width: auto; }
+  .topbar .ulb {
+    font-weight: 700;
+    display: inline-block; }
+  .topbar .right {
+    float: right;
+    margin-top: .75rem;
+    position: relative; }
+    .topbar .right svg {
+      display: inline; }
+    .topbar .right .user-img-txt {
+      background: #f47738;
+      padding: .625rem .938rem;
+      border-radius: 50%;
+      color: #fff;
+      font-weight: 700; }
+  .topbar .left {
+    float: left; }
+  .topbar .w-80 {
+    width: 70%; }
+  .topbar .width-20 {
+    width: 30%; }
+  .topbar .margin-top-6 {
+    margin-top: .375rem; }
+  .topbar .margin-right-30 {
+    margin-right: 1.875rem; }
+  .topbar .margin-top-10 {
+    margin-top: .625rem; }
+  .topbar .icon {
+    display: block;
+    color: #757575;
+    fill: #757575;
+    height: 1.313rem;
+    width: 1.313rem; }
+  .topbar .column-gap-15 {
+    grid-column-gap: .938rem;
+    -webkit-column-gap: .938rem;
+    -moz-column-gap: .938rem;
+    column-gap: .938rem; }
+  .topbar .column-gap-5 {
+    grid-column-gap: .313rem;
+    -webkit-column-gap: .313rem;
+    -moz-column-gap: .313rem;
+    column-gap: .313rem; }
+  .topbar .employee-select-wrap, .topbar .select-wrap {
+    margin-bottom: 0; }
+    .topbar .employee-select-wrap .profile-dropdown--item span, .topbar .select-wrap .profile-dropdown--item span {
+      white-space: pre; }
+  .topbar .digit-employee-select-wrap {
+    margin-bottom: 0; }
+  .topbar .digit-topbar-container {
+    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;
+    width: 100%; }
+  @media screen and (min-width: 40.063rem) {
+    .topbar .digit-hamburger-class {
+      display: none !important; } }
+  @media screen and (max-width: 40rem) {
+    .topbar .ulb {
+      font-size: .875rem;
+      display: inline-block; }
+    .topbar .flex-right {
+      display: none; }
+    .topbar .digit-employee-select-wrap {
+      right: 0; } }
+
+.cp {
+  cursor: pointer; }
+  .cp .hamburger {
+    display: none; }
+  @media (max-width: 48.75rem) {
+    .cp .hamburger {
+      display: none; } }
+
+.citizen .right {
+  margin-top: .313rem;
+  margin-bottom: .313rem; }
+
+.citizen .topbar-select-wrap {
+  margin-bottom: 0; }
+
+.citizen .flex-between {
+  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; }
+
+.profile-dropdown--item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  padding: .625rem;
+  grid-column-gap: .625rem;
+  -webkit-column-gap: .625rem;
+  -moz-column-gap: .625rem;
+  column-gap: .625rem;
+  color: #505a5f; }
+  .profile-dropdown--item:hover {
+    background: #eee; }
+
+.flex-right {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: end;
+  -ms-flex-pack: end;
+  justify-content: flex-end;
+  min-width: 5.313rem; }
+
+video::-webkit-media-controls-panel {
+  top: 55%;
+  position: absolute;
+  width: 100%; }
+
+.topbarOptionsClassName {
+  right: -3rem !important; }
+
+.digit-topbar {
+  width: 100%;
+  max-width: 100%;
+  position: fixed;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  top: 0;
+  left: 0;
+  z-index: 9999999;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  background-color: #fff;
+  height: 4rem;
+  padding: 1rem 2.5rem; }
+  .digit-topbar .margin-top-10 {
+    margin-top: .625rem; }
+  .digit-topbar .digit-dropdown-employee-select-wrap, .digit-topbar .digit-dropdown-select-wrap {
+    margin-bottom: 0; }
+    .digit-topbar .digit-dropdown-employee-select-wrap .digit-dropdown-item span, .digit-topbar .digit-dropdown-select-wrap .digit-dropdown-item span {
+      white-space: pre; }
+  .digit-topbar .digit-employee-select-wrap {
+    margin-bottom: 0; }
+  .digit-topbar .digit-dropdown-item {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-orient: horizontal;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: row;
+    flex-direction: row;
+    padding: .625rem;
+    grid-column-gap: .625rem;
+    -webkit-column-gap: .625rem;
+    -moz-column-gap: .625rem;
+    column-gap: .625rem;
+    color: #505a5f; }
+    .digit-topbar .digit-dropdown-item:hover {
+      background: #eee; }
+  @media (min-width: 48rem) {
+    .digit-topbar {
+      -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+      justify-content: space-between; } }
+  @media (min-width: 30.063rem) and (max-width: 47.938rem) {
+    .digit-topbar {
+      padding-left: 1.5rem;
+      padding-bottom: 1rem;
+      padding-right: 1.5rem;
+      padding-top: 1rem;
+      grid-gap: 1rem;
+      gap: 1rem; } }
+  @media (max-width: 30rem) {
+    .digit-topbar {
+      height: 3.5rem;
+      padding-left: 1rem;
+      padding-bottom: 1rem;
+      padding-right: 1rem;
+      padding-top: 1rem;
+      grid-gap: 1rem;
+      gap: 1rem; } }
+  .digit-topbar.light {
+    -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); }
+  .digit-topbar .digit-logo-ulb-wrapper {
+    display: -webkit-box !important;
+    display: -ms-flexbox !important;
+    display: flex !important;
+    grid-gap: 1rem;
+    gap: 1rem;
+    -webkit-box-align: center !important;
+    -ms-flex-align: center !important;
+    align-items: center !important;
+    max-width: calc(50% - 1.5rem); }
+    @media (min-width: 48rem) {
+      .digit-topbar .digit-logo-ulb-wrapper {
+        height: 2rem; } }
+    @media (min-width: 30.063rem) and (max-width: 47.938rem) {
+      .digit-topbar .digit-logo-ulb-wrapper {
+        height: 2rem; } }
+    .digit-topbar .digit-logo-ulb-wrapper .digit-topbar-logo {
+      -ms-flex-negative: 0;
+      flex-shrink: 0;
+      height: 2rem;
+      width: 1.291rem; }
+      .digit-topbar .digit-logo-ulb-wrapper .digit-topbar-logo.clickable {
+        cursor: pointer; }
+    .digit-topbar .digit-logo-ulb-wrapper .digit-topbar-ulb {
+      white-space: nowrap;
+      overflow: hidden;
+      color: #363636;
+      text-overflow: ellipsis; }
+  .digit-topbar.dark {
+    background-color: #0b4b66; }
+    .digit-topbar.dark .digit-logo-ulb-wrapper .digit-topbar-ulb {
+      color: #fff; }
+    .digit-topbar.dark .digit-header-action-fields .individual-action-field {
+      color: #fff; }
+      .digit-topbar.dark .digit-header-action-fields .individual-action-field .digit-dropdown-employee-select-wrap, .digit-topbar.dark .digit-header-action-fields .individual-action-field .digit-dropdown-select-wrap {
+        background: none; }
+  .digit-topbar .digit-header-action-fields {
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    overflow: hidden;
+    display: -webkit-box !important;
+    display: -ms-flexbox !important;
+    display: flex !important;
+    height: 2rem;
+    max-width: 50%; }
+    @media (min-width: 48rem) {
+      .digit-topbar .digit-header-action-fields {
+        grid-gap: 2rem;
+        gap: 2rem; } }
+    @media (min-width: 30.063rem) and (max-width: 47.938rem) {
+      .digit-topbar .digit-header-action-fields {
+        grid-gap: 1rem;
+        gap: 1rem; } }
+    .digit-topbar .digit-header-action-fields .digit-header-img.clickable {
+      cursor: pointer; }
+  .digit-topbar .digit-topbar-hamburger {
+    width: 1.5rem;
+    height: 1.5rem; }
+    @media (min-width: 30.063rem) and (max-width: 47.938rem) {
+      .digit-topbar .digit-topbar-hamburger {
+        width: 2rem;
+        height: 2rem; }
+        .digit-topbar .digit-topbar-hamburger svg {
+          width: 2rem;
+          height: 2rem; } }
+    .digit-topbar .digit-topbar-hamburger.clickable {
+      cursor: pointer; }
+  .digit-topbar .digit-header-img-ulb-wrapper-mobileview {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    height: 1.5rem;
+    max-width: calc(100% - 1.5rem); }
+    .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-header-img {
+      margin-right: .5rem;
+      margin-bottom: .156rem; }
+      .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-header-img.clickable {
+        cursor: pointer; }
+    .digit-topbar .digit-header-img-ulb-wrapper-mobileview .topbar-divider {
+      height: 1.5rem;
+      width: .063rem;
+      border: .063rem solid #363636;
+      margin-right: .625rem; }
+      .digit-topbar .digit-header-img-ulb-wrapper-mobileview .topbar-divider.dark {
+        border: .063rem solid #fff; }
+    .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview {
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      color: #363636; }
+      .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview.dark {
+        color: #fff; }
+
 .bread-crumb.workbench-bredcrumb a {
   color: #f47738; }