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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/CHANGELOG.md +92 -88
  2. package/README.md +80 -80
  3. package/dist/index.css +810 -16
  4. package/dist/index.min.css +2 -2
  5. package/package.json +69 -69
  6. package/src/digitv2/components/FormComposerV2.scss +118 -118
  7. package/src/digitv2/components/actionbarV2.scss +206 -206
  8. package/src/digitv2/components/backLinkV2.scss +36 -36
  9. package/src/digitv2/components/bodyContainerV2.scss +39 -39
  10. package/src/digitv2/components/breadcrumbV2.scss +56 -56
  11. package/src/digitv2/components/buttonsV2.scss +450 -451
  12. package/src/digitv2/components/cardV2.scss +497 -497
  13. package/src/digitv2/components/cardbasedoptionsV2.scss +46 -46
  14. package/src/digitv2/components/cardlabelV2.scss +7 -7
  15. package/src/digitv2/components/checkboxV2.scss +83 -83
  16. package/src/digitv2/components/chipV2.scss +129 -129
  17. package/src/digitv2/components/dividerV2.scss +10 -10
  18. package/src/digitv2/components/errorMessageV2.scss +20 -20
  19. package/src/digitv2/components/fieldV1.scss +96 -96
  20. package/src/digitv2/components/headerdropdownV2.scss +151 -151
  21. package/src/digitv2/components/infoCardV2.scss +139 -139
  22. package/src/digitv2/components/infobuttonV2.scss +75 -75
  23. package/src/digitv2/components/labelFieldPairV2.scss +66 -66
  24. package/src/digitv2/components/mobileNumberV2.scss +65 -65
  25. package/src/digitv2/components/mobilesidebarV2.scss +439 -0
  26. package/src/digitv2/components/multiSelectDropdownV2.scss +315 -315
  27. package/src/digitv2/components/panelCardV2.scss +160 -160
  28. package/src/digitv2/components/panelV2.scss +114 -114
  29. package/src/digitv2/components/popUpV2.scss +330 -330
  30. package/src/digitv2/components/radiobtnV2.scss +115 -115
  31. package/src/digitv2/components/selectDropdownV2.scss +364 -364
  32. package/src/digitv2/components/sidebarV2.scss +409 -0
  33. package/src/digitv2/components/stepperV2.scss +147 -147
  34. package/src/digitv2/components/textInputV2.scss +462 -462
  35. package/src/digitv2/components/textareaV2.scss +99 -99
  36. package/src/digitv2/components/textblockV2.scss +46 -46
  37. package/src/digitv2/components/timelineV2.scss +170 -170
  38. package/src/digitv2/components/toastV2.scss +80 -80
  39. package/src/digitv2/components/toggleV2.scss +72 -72
  40. package/src/digitv2/components/tooltipwrapperV2.scss +96 -0
  41. package/src/digitv2/components/topbarV2.scss +387 -387
  42. package/src/digitv2/components/treeSelectV2.scss +132 -132
  43. package/src/digitv2/components/uploaderV2.scss +556 -556
  44. package/src/digitv2/components/viewCardFieldPairV2.scss +44 -44
  45. package/src/digitv2/index.scss +172 -169
  46. package/src/digitv2/pages/employee/index.scss +1 -1
  47. package/src/digitv2/pages/employee/workbench.scss +615 -615
  48. package/src/digitv2/typography.scss +638 -638
  49. package/src/index.scss +677 -681
  50. package/src/pages/employee/index.scss +625 -625
  51. package/src/pages/employee/login.scss +220 -220
package/dist/index.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @egovernments/digit-ui-components-css - 0.0.2-beta.11
2
+ * @egovernments/digit-ui-components-css - 0.0.2-beta.13
3
3
  *
4
4
  * Copyright (c) 2024 Jagankumar <jagan.kumar@egov.org.in>
5
5
  *
@@ -1737,22 +1737,22 @@ body {
1737
1737
  .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 {
1738
1738
  font-size: 1.5rem; } }
1739
1739
 
1740
- .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 {
1740
+ .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, .sidebar-item.selected .item-label, .sidebar-item.selected:hover .item-label, .sidebar-item:active .item-label, .sidebar-item:active:hover .item-label {
1741
1741
  font-family: Roboto;
1742
1742
  font-style: normal;
1743
1743
  font-weight: 700;
1744
1744
  line-height: 1.14rem; }
1745
1745
 
1746
1746
  @media (max-aspect-ratio: 9 / 16) {
1747
- .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 {
1747
+ .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, .sidebar-item.selected .item-label, .sidebar-item.selected:hover .item-label, .sidebar-item:active .item-label, .sidebar-item:active:hover .item-label {
1748
1748
  font-size: 1rem; } }
1749
1749
 
1750
1750
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
1751
- .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 {
1751
+ .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, .sidebar-item.selected .item-label, .sidebar-item.selected:hover .item-label, .sidebar-item:active .item-label, .sidebar-item:active:hover .item-label {
1752
1752
  font-size: 1rem; } }
1753
1753
 
1754
1754
  @media (min-aspect-ratio: 3 / 4) {
1755
- .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 {
1755
+ .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, .sidebar-item.selected .item-label, .sidebar-item.selected:hover .item-label, .sidebar-item:active .item-label, .sidebar-item:active:hover .item-label {
1756
1756
  font-size: 1rem; } }
1757
1757
 
1758
1758
  .typography.heading-xs, .digit-tag-container .digit-tag.errortag .digit-text {
@@ -1831,18 +1831,18 @@ body {
1831
1831
  font-size: 1.25rem; } }
1832
1832
 
1833
1833
  @media (max-aspect-ratio: 9 / 16) {
1834
- .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 {
1834
+ .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, .sidebar .sidebar-search-container ::-webkit-input-placeholder, .sidebar .sidebar-search-container ::-moz-placeholder, .sidebar .sidebar-search-container :-ms-input-placeholder, .sidebar .sidebar-search-container ::-ms-input-placeholder, .sidebar .sidebar-search-container ::placeholder, .mb-search-container ::-webkit-input-placeholder, .mb-search-container ::-moz-placeholder, .mb-search-container :-ms-input-placeholder, .mb-search-container ::-ms-input-placeholder, .mb-search-container ::placeholder, .mb-search-container.dark ::-webkit-input-placeholder, .mb-search-container.dark ::-moz-placeholder, .mb-search-container.dark :-ms-input-placeholder, .mb-search-container.dark ::-ms-input-placeholder, .mb-search-container.dark ::placeholder {
1835
1835
  font-size: .875rem; } }
1836
1836
 
1837
1837
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
1838
- .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 {
1838
+ .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, .sidebar .sidebar-search-container ::-webkit-input-placeholder, .sidebar .sidebar-search-container ::-moz-placeholder, .sidebar .sidebar-search-container :-ms-input-placeholder, .sidebar .sidebar-search-container ::-ms-input-placeholder, .sidebar .sidebar-search-container ::placeholder, .mb-search-container ::-webkit-input-placeholder, .mb-search-container ::-moz-placeholder, .mb-search-container :-ms-input-placeholder, .mb-search-container ::-ms-input-placeholder, .mb-search-container ::placeholder, .mb-search-container.dark ::-webkit-input-placeholder, .mb-search-container.dark ::-moz-placeholder, .mb-search-container.dark :-ms-input-placeholder, .mb-search-container.dark ::-ms-input-placeholder, .mb-search-container.dark ::placeholder {
1839
1839
  font-size: 1rem; } }
1840
1840
 
1841
1841
  @media (min-aspect-ratio: 3 / 4) {
1842
- .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 {
1842
+ .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, .sidebar .sidebar-search-container ::-webkit-input-placeholder, .sidebar .sidebar-search-container ::-moz-placeholder, .sidebar .sidebar-search-container :-ms-input-placeholder, .sidebar .sidebar-search-container ::-ms-input-placeholder, .sidebar .sidebar-search-container ::placeholder, .mb-search-container ::-webkit-input-placeholder, .mb-search-container ::-moz-placeholder, .mb-search-container :-ms-input-placeholder, .mb-search-container ::-ms-input-placeholder, .mb-search-container ::placeholder, .mb-search-container.dark ::-webkit-input-placeholder, .mb-search-container.dark ::-moz-placeholder, .mb-search-container.dark :-ms-input-placeholder, .mb-search-container.dark ::-ms-input-placeholder, .mb-search-container.dark ::placeholder {
1843
1843
  font-size: 1rem; } }
1844
1844
 
1845
- .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 {
1845
+ .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, .sidebar .sidebar-search-container ::-webkit-input-placeholder, .sidebar .sidebar-search-container ::-moz-placeholder, .sidebar .sidebar-search-container :-ms-input-placeholder, .sidebar .sidebar-search-container ::-ms-input-placeholder, .sidebar .sidebar-search-container ::placeholder, .mb-search-container ::-webkit-input-placeholder, .mb-search-container ::-moz-placeholder, .mb-search-container :-ms-input-placeholder, .mb-search-container ::-ms-input-placeholder, .mb-search-container ::placeholder, .mb-search-container.dark ::-webkit-input-placeholder, .mb-search-container.dark ::-moz-placeholder, .mb-search-container.dark :-ms-input-placeholder, .mb-search-container.dark ::-ms-input-placeholder, .mb-search-container.dark ::placeholder, .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 {
1846
1846
  font-family: Roboto;
1847
1847
  font-style: normal;
1848
1848
  font-weight: 400;
@@ -2189,8 +2189,7 @@ ol, ul {
2189
2189
  .digit-button-secondary.disabled h2 {
2190
2190
  color: #c5c5c5; }
2191
2191
  .digit-button-secondary.large h2 {
2192
- height: 1.25rem;
2193
- margin-top: .25rem; }
2192
+ height: 1.25rem; }
2194
2193
  .digit-button-secondary.medium {
2195
2194
  height: 2rem; }
2196
2195
  .digit-button-secondary.small {
@@ -7533,6 +7532,806 @@ video::-webkit-media-controls-panel {
7533
7532
  .digit-topbar .digit-header-img-ulb-wrapper-mobileview .digit-topbar-ulb-mobileview.dark {
7534
7533
  color: #fff; }
7535
7534
 
7535
+ .sidebar {
7536
+ position: fixed;
7537
+ height: 100%;
7538
+ background-color: #0b4b66;
7539
+ overflow-x: hidden;
7540
+ left: 0;
7541
+ top: 0;
7542
+ width: 3rem;
7543
+ display: -webkit-box;
7544
+ display: -ms-flexbox;
7545
+ display: flex;
7546
+ -webkit-box-orient: vertical;
7547
+ -webkit-box-direction: normal;
7548
+ -ms-flex-direction: column;
7549
+ flex-direction: column;
7550
+ padding-top: 1.563rem;
7551
+ padding-left: .75rem;
7552
+ padding-right: .75rem; }
7553
+ .sidebar.hovered {
7554
+ width: auto;
7555
+ min-width: 15rem;
7556
+ padding: 0; }
7557
+ .sidebar .sidebar-search-container {
7558
+ height: 4.5rem;
7559
+ min-width: 15rem;
7560
+ width: auto;
7561
+ padding: 1rem !important; }
7562
+ .sidebar .sidebar-search-container .sidebar-search {
7563
+ height: 2.5rem !important;
7564
+ min-width: 13rem; }
7565
+ .sidebar .sidebar-search-container .sidebar-search .digit-text-input-customIcon {
7566
+ height: 1.5rem;
7567
+ width: 1.5rem;
7568
+ top: .5rem;
7569
+ right: .5rem; }
7570
+ .sidebar .sidebar-search-container .sidebar-search .input-container, .sidebar .sidebar-search-container .sidebar-search input, .sidebar .sidebar-search-container .sidebar-search .digit-checkbox-container .input-emp, .digit-checkbox-container .sidebar .sidebar-search-container .sidebar-search .input-emp {
7571
+ max-height: 100%; }
7572
+ .sidebar .sidebar-search-container .sidebar-search input, .sidebar .sidebar-search-container .sidebar-search .digit-checkbox-container .input-emp, .digit-checkbox-container .sidebar .sidebar-search-container .sidebar-search .input-emp {
7573
+ background-color: initial;
7574
+ border: .063rem solid #fafafa;
7575
+ color: #eee; }
7576
+ .sidebar .sidebar-search-container .sidebar-search input ::-webkit-input-placeholder, .sidebar .sidebar-search-container .sidebar-search .digit-checkbox-container .input-emp ::-webkit-input-placeholder, .digit-checkbox-container .sidebar .sidebar-search-container .sidebar-search .input-emp ::-webkit-input-placeholder {
7577
+ color: #eee; }
7578
+ .sidebar .sidebar-search-container .sidebar-search input ::-moz-placeholder, .sidebar .sidebar-search-container .sidebar-search .digit-checkbox-container .input-emp ::-moz-placeholder, .digit-checkbox-container .sidebar .sidebar-search-container .sidebar-search .input-emp ::-moz-placeholder {
7579
+ color: #eee; }
7580
+ .sidebar .sidebar-search-container .sidebar-search input :-ms-input-placeholder, .sidebar .sidebar-search-container .sidebar-search .digit-checkbox-container .input-emp :-ms-input-placeholder, .digit-checkbox-container .sidebar .sidebar-search-container .sidebar-search .input-emp :-ms-input-placeholder {
7581
+ color: #eee; }
7582
+ .sidebar .sidebar-search-container .sidebar-search input ::-ms-input-placeholder, .sidebar .sidebar-search-container .sidebar-search .digit-checkbox-container .input-emp ::-ms-input-placeholder, .digit-checkbox-container .sidebar .sidebar-search-container .sidebar-search .input-emp ::-ms-input-placeholder {
7583
+ color: #eee; }
7584
+ .sidebar .sidebar-search-container .sidebar-search input ::placeholder, .sidebar .sidebar-search-container .sidebar-search .digit-checkbox-container .input-emp ::placeholder, .digit-checkbox-container .sidebar .sidebar-search-container .sidebar-search .input-emp ::placeholder {
7585
+ color: #eee; }
7586
+ .sidebar .sidebar-search-container .sidebar-search .input-container[focus-within] input, .sidebar .sidebar-search-container .sidebar-search .input-container[focus-within] .digit-checkbox-container .input-emp, .digit-checkbox-container .sidebar .sidebar-search-container .sidebar-search .input-container[focus-within] .input-emp {
7587
+ border: 0.063rem solid #fafafa !important; }
7588
+ .sidebar .sidebar-search-container .sidebar-search .input-container:focus-within input, .sidebar .sidebar-search-container .sidebar-search .input-container:focus-within .digit-checkbox-container .input-emp, .digit-checkbox-container .sidebar .sidebar-search-container .sidebar-search .input-container:focus-within .input-emp {
7589
+ border: 0.063rem solid #fafafa !important; }
7590
+ .sidebar .sidebar-search-container ::-webkit-input-placeholder {
7591
+ content: attr(placeholder);
7592
+ color: #eee; }
7593
+ .sidebar .sidebar-search-container ::-moz-placeholder {
7594
+ content: attr(placeholder);
7595
+ color: #eee; }
7596
+ .sidebar .sidebar-search-container :-ms-input-placeholder {
7597
+ content: attr(placeholder);
7598
+ color: #eee; }
7599
+ .sidebar .sidebar-search-container ::-ms-input-placeholder {
7600
+ content: attr(placeholder);
7601
+ color: #eee; }
7602
+ .sidebar .sidebar-search-container ::placeholder {
7603
+ content: attr(placeholder);
7604
+ color: #eee; }
7605
+ .sidebar .sidebar-search-container.light .sidebar-search input, .sidebar .sidebar-search-container.light .sidebar-search .digit-checkbox-container .input-emp, .digit-checkbox-container .sidebar .sidebar-search-container.light .sidebar-search .input-emp {
7606
+ background-color: #fff;
7607
+ border: .063rem solid #d6d5d4;
7608
+ color: #363636; }
7609
+ .sidebar .sidebar-search-container.light .sidebar-search input ::-webkit-input-placeholder, .sidebar .sidebar-search-container.light .sidebar-search .digit-checkbox-container .input-emp ::-webkit-input-placeholder, .digit-checkbox-container .sidebar .sidebar-search-container.light .sidebar-search .input-emp ::-webkit-input-placeholder {
7610
+ color: #c5c5c5; }
7611
+ .sidebar .sidebar-search-container.light .sidebar-search input ::-moz-placeholder, .sidebar .sidebar-search-container.light .sidebar-search .digit-checkbox-container .input-emp ::-moz-placeholder, .digit-checkbox-container .sidebar .sidebar-search-container.light .sidebar-search .input-emp ::-moz-placeholder {
7612
+ color: #c5c5c5; }
7613
+ .sidebar .sidebar-search-container.light .sidebar-search input :-ms-input-placeholder, .sidebar .sidebar-search-container.light .sidebar-search .digit-checkbox-container .input-emp :-ms-input-placeholder, .digit-checkbox-container .sidebar .sidebar-search-container.light .sidebar-search .input-emp :-ms-input-placeholder {
7614
+ color: #c5c5c5; }
7615
+ .sidebar .sidebar-search-container.light .sidebar-search input ::-ms-input-placeholder, .sidebar .sidebar-search-container.light .sidebar-search .digit-checkbox-container .input-emp ::-ms-input-placeholder, .digit-checkbox-container .sidebar .sidebar-search-container.light .sidebar-search .input-emp ::-ms-input-placeholder {
7616
+ color: #c5c5c5; }
7617
+ .sidebar .sidebar-search-container.light .sidebar-search input ::placeholder, .sidebar .sidebar-search-container.light .sidebar-search .digit-checkbox-container .input-emp ::placeholder, .digit-checkbox-container .sidebar .sidebar-search-container.light .sidebar-search .input-emp ::placeholder {
7618
+ color: #c5c5c5; }
7619
+ .sidebar .sidebar-search-container.light .sidebar-search .input-container[focus-within] input, .sidebar .sidebar-search-container.light .sidebar-search .input-container[focus-within] .digit-checkbox-container .input-emp, .digit-checkbox-container .sidebar .sidebar-search-container.light .sidebar-search .input-container[focus-within] .input-emp {
7620
+ border: 0.063rem solid #d6d5d4 !important; }
7621
+ .sidebar .sidebar-search-container.light .sidebar-search .input-container:focus-within input, .sidebar .sidebar-search-container.light .sidebar-search .input-container:focus-within .digit-checkbox-container .input-emp, .digit-checkbox-container .sidebar .sidebar-search-container.light .sidebar-search .input-container:focus-within .input-emp {
7622
+ border: 0.063rem solid #d6d5d4 !important; }
7623
+ .sidebar .sidebar-search-container.light ::-webkit-input-placeholder {
7624
+ color: #c5c5c5; }
7625
+ .sidebar .sidebar-search-container.light ::-moz-placeholder {
7626
+ color: #c5c5c5; }
7627
+ .sidebar .sidebar-search-container.light :-ms-input-placeholder {
7628
+ color: #c5c5c5; }
7629
+ .sidebar .sidebar-search-container.light ::-ms-input-placeholder {
7630
+ color: #c5c5c5; }
7631
+ .sidebar .sidebar-search-container.light ::placeholder {
7632
+ color: #c5c5c5; }
7633
+ .sidebar.light {
7634
+ background-color: #fafafa;
7635
+ border: .063rem solid #d6d5d4; }
7636
+
7637
+ .sidebar-items-container {
7638
+ -webkit-box-flex: 1;
7639
+ -ms-flex: 1;
7640
+ flex: 1;
7641
+ overflow-y: auto;
7642
+ overflow-x: hidden; }
7643
+
7644
+ .sidebar-item {
7645
+ display: -webkit-box;
7646
+ display: -ms-flexbox;
7647
+ display: flex;
7648
+ -webkit-box-align: center;
7649
+ -ms-flex-align: center;
7650
+ align-items: center;
7651
+ padding: 1rem;
7652
+ color: #fff;
7653
+ text-decoration: none;
7654
+ -webkit-transition: background-color .3s;
7655
+ transition: background-color .3s;
7656
+ cursor: pointer;
7657
+ outline: none;
7658
+ position: relative; }
7659
+
7660
+ .sidebar-items-container::-webkit-scrollbar {
7661
+ width: .375rem; }
7662
+
7663
+ .sidebar-items-container.dark::-webkit-scrollbar-track {
7664
+ background: #0b4b66; }
7665
+
7666
+ .sidebar-items-container.dark::-webkit-scrollbar-thumb {
7667
+ background-color: #89abba;
7668
+ border-radius: .563rem; }
7669
+
7670
+ .sidebar-items-container.dark::-webkit-scrollbar-thumb:hover {
7671
+ background-color: #6c98a8; }
7672
+
7673
+ .sidebar-items-container.dark::-webkit-scrollbar-thumb:active {
7674
+ background-color: #56818e; }
7675
+
7676
+ .sidebar-items-container.light::-webkit-scrollbar {
7677
+ width: .375rem;
7678
+ background-color: #eee; }
7679
+
7680
+ .sidebar-items-container.light::-webkit-scrollbar-track {
7681
+ background-color: #eee;
7682
+ border-radius: .563rem; }
7683
+
7684
+ .sidebar-items-container.light::-webkit-scrollbar-thumb {
7685
+ background-color: #d6d5d4;
7686
+ border-radius: .563rem; }
7687
+
7688
+ .icon {
7689
+ margin-right: .75rem;
7690
+ width: 1.5rem;
7691
+ height: 1.5rem; }
7692
+
7693
+ .item-label {
7694
+ font-family: Roboto;
7695
+ font-style: normal;
7696
+ font-weight: 400;
7697
+ line-height: 1.37rem;
7698
+ opacity: 0;
7699
+ -webkit-transition: opacity .3s;
7700
+ transition: opacity .3s; }
7701
+ @media (max-aspect-ratio: 9 / 16) {
7702
+ .item-label {
7703
+ font-size: .875rem; } }
7704
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
7705
+ .item-label {
7706
+ font-size: 1rem; } }
7707
+ @media (min-aspect-ratio: 3 / 4) {
7708
+ .item-label {
7709
+ font-size: 1rem; } }
7710
+
7711
+ .expand-icon {
7712
+ width: 1.5rem;
7713
+ height: 1.5rem;
7714
+ margin-left: auto !important; }
7715
+
7716
+ .sidebar-item:hover {
7717
+ background-color: rgba(255, 255, 255, 0.30196); }
7718
+
7719
+ .sidebar-item.light:hover {
7720
+ background-color: #eee; }
7721
+
7722
+ .sidebar-item.light .item-label {
7723
+ color: #0b4b66; }
7724
+
7725
+ .sidebar-item.selected, .sidebar-item.selected:hover, .sidebar-item:active, .sidebar-item:active:hover {
7726
+ background: #c84c0e; }
7727
+ .sidebar-item.selected .item-label, .sidebar-item.selected:hover .item-label, .sidebar-item:active .item-label, .sidebar-item:active:hover .item-label {
7728
+ color: #fff; }
7729
+
7730
+ .sidebar-item.selected:before, .sidebar-item.selected:hover:before, .sidebar-item:active:before, .sidebar-item:active:hover:before {
7731
+ content: "";
7732
+ position: absolute;
7733
+ top: .062rem;
7734
+ left: 0;
7735
+ bottom: .063rem;
7736
+ width: .5rem;
7737
+ background: #fff;
7738
+ border-top-right-radius: .25rem;
7739
+ border-bottom-right-radius: .25rem; }
7740
+
7741
+ .sidebar-item.secondary.selected, .sidebar-item.secondary.selected:hover, .sidebar-item.secondary:active, .sidebar-item.secondary:active:hover {
7742
+ background: rgba(255, 255, 255, 0.30196); }
7743
+
7744
+ .sidebar-item.light.secondary.selected, .sidebar-item.light.secondary.selected:hover, .sidebar-item.light.secondary:active, .sidebar-item.light.secondary:active:hover {
7745
+ background: rgba(200, 76, 14, 0.10196); }
7746
+ .sidebar-item.light.secondary.selected .item-label, .sidebar-item.light.secondary.selected:hover .item-label, .sidebar-item.light.secondary:active .item-label, .sidebar-item.light.secondary:active:hover .item-label {
7747
+ color: #0b4b66; }
7748
+
7749
+ .sidebar-item.light.secondary.selected:before, .sidebar-item.light.secondary.selected:hover:before, .sidebar-item.light.secondary:active:before, .sidebar-item.light.secondary:active:hover:before {
7750
+ content: "";
7751
+ position: absolute;
7752
+ top: .063rem;
7753
+ left: 0;
7754
+ bottom: .063rem;
7755
+ width: .5rem;
7756
+ background: #c84c0e;
7757
+ border-top-right-radius: .25rem;
7758
+ border-bottom-right-radius: .25rem; }
7759
+
7760
+ .sidebar.hovered .item-label {
7761
+ opacity: 1; }
7762
+
7763
+ .sidebar-children {
7764
+ margin-left: 1.5rem;
7765
+ border-left: .031rem solid #c5c5c5; }
7766
+
7767
+ .sidebar-bottom {
7768
+ background-color: rgba(255, 255, 255, 0.2);
7769
+ z-index: 5;
7770
+ display: -webkit-box;
7771
+ display: -ms-flexbox;
7772
+ display: flex;
7773
+ -webkit-box-orient: vertical;
7774
+ -webkit-box-direction: normal;
7775
+ -ms-flex-direction: column;
7776
+ flex-direction: column;
7777
+ grid-gap: 1rem;
7778
+ gap: 1rem;
7779
+ padding: 1rem 0; }
7780
+ .sidebar-bottom .sidebar-bottom-item {
7781
+ display: -webkit-box;
7782
+ display: -ms-flexbox;
7783
+ display: flex;
7784
+ -webkit-box-align: center;
7785
+ -ms-flex-align: center;
7786
+ align-items: center;
7787
+ grid-gap: .5rem;
7788
+ gap: .5rem;
7789
+ cursor: pointer;
7790
+ height: 2.5rem; }
7791
+ .sidebar-bottom .sidebar-bottom-item:hover {
7792
+ background-color: rgba(255, 255, 255, 0.30196); }
7793
+ .sidebar-bottom .sidebar-bottom-item svg {
7794
+ -ms-flex-negative: 0;
7795
+ flex-shrink: 0;
7796
+ margin-left: 1.5rem; }
7797
+ .sidebar-bottom .sidebar-bottom-item .sidebar-bottom-item-text {
7798
+ font-family: Roboto;
7799
+ font-style: normal;
7800
+ font-weight: 400;
7801
+ line-height: 1.37rem;
7802
+ color: #fff; }
7803
+ @media (max-aspect-ratio: 9 / 16) {
7804
+ .sidebar-bottom .sidebar-bottom-item .sidebar-bottom-item-text {
7805
+ font-size: .75rem; } }
7806
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
7807
+ .sidebar-bottom .sidebar-bottom-item .sidebar-bottom-item-text {
7808
+ font-size: .875rem; } }
7809
+ @media (min-aspect-ratio: 3 / 4) {
7810
+ .sidebar-bottom .sidebar-bottom-item .sidebar-bottom-item-text {
7811
+ font-size: .875rem; } }
7812
+ .sidebar-bottom.light .sidebar-bottom-item .sidebar-bottom-item-text {
7813
+ color: #0b4b66; }
7814
+ .sidebar-bottom.light {
7815
+ border-top: .063rem solid #d6d5d4; }
7816
+ .sidebar-bottom.light .sidebar-bottom-item:hover {
7817
+ background-color: #eee; }
7818
+ .sidebar-bottom .divider {
7819
+ width: 80%;
7820
+ height: .031rem;
7821
+ background-color: #d6d5d4; }
7822
+
7823
+ .sidebar.collapsed {
7824
+ padding-left: 0;
7825
+ padding-right: 0; }
7826
+ .sidebar.collapsed .sidebar-search-container-collapsed {
7827
+ padding-left: .75rem;
7828
+ padding-right: .75rem; }
7829
+ .sidebar.collapsed .sidebar-items-container {
7830
+ display: -webkit-box !important;
7831
+ display: -ms-flexbox !important;
7832
+ display: flex !important;
7833
+ -webkit-box-orient: vertical;
7834
+ -webkit-box-direction: normal;
7835
+ -ms-flex-direction: column;
7836
+ flex-direction: column;
7837
+ grid-gap: 1.5rem;
7838
+ gap: 1.5rem;
7839
+ margin-top: 1.5rem; }
7840
+ .sidebar.collapsed .sidebar-items-container .item-child-wrapper {
7841
+ width: 100%;
7842
+ height: 2.5rem;
7843
+ display: -webkit-box;
7844
+ display: -ms-flexbox;
7845
+ display: flex;
7846
+ -webkit-box-align: center;
7847
+ -ms-flex-align: center;
7848
+ align-items: center;
7849
+ -webkit-box-pack: center;
7850
+ -ms-flex-pack: center;
7851
+ justify-content: center; }
7852
+ .sidebar.collapsed .sidebar-items-container .item-child-wrapper .sidebar-item {
7853
+ padding: 0;
7854
+ width: 1.5rem;
7855
+ height: 100%; }
7856
+ .sidebar.collapsed .sidebar-items-container .item-child-wrapper .sidebar-item .icon {
7857
+ margin-right: .75rem;
7858
+ margin-left: .75rem; }
7859
+ .sidebar.collapsed .sidebar-items-container .item-child-wrapper .sidebar-item.parentLevel {
7860
+ width: 100%; }
7861
+ .sidebar.collapsed .sidebar-items-container .item-child-wrapper .sidebar-item.selected, .sidebar.collapsed .sidebar-items-container .item-child-wrapper .sidebar-item.selectedAsParent, .sidebar.collapsed .sidebar-items-container .item-child-wrapper .sidebar-item:active {
7862
+ background: #c84c0e;
7863
+ border-left: .25rem solid #fff;
7864
+ display: -webkit-box;
7865
+ display: -ms-flexbox;
7866
+ display: flex;
7867
+ -webkit-box-align: center;
7868
+ -ms-flex-align: center;
7869
+ align-items: center;
7870
+ -webkit-box-pack: center;
7871
+ -ms-flex-pack: center;
7872
+ justify-content: center; }
7873
+
7874
+ .digit-sidebar-footer-img {
7875
+ width: 6.563rem;
7876
+ height: .75rem;
7877
+ margin-left: 25%; }
7878
+
7879
+ .msb-sidebar {
7880
+ background-color: #fff;
7881
+ color: #0b4b66;
7882
+ display: -webkit-box;
7883
+ display: -ms-flexbox;
7884
+ display: flex;
7885
+ -webkit-box-orient: vertical;
7886
+ -webkit-box-direction: normal;
7887
+ -ms-flex-direction: column;
7888
+ -webkit-transition: width .3s;
7889
+ transition: width .3s;
7890
+ position: fixed;
7891
+ height: 100%;
7892
+ overflow-x: hidden;
7893
+ left: 0;
7894
+ top: 0;
7895
+ min-width: 17.5rem;
7896
+ flex-direction: column; }
7897
+ .msb-sidebar.dark {
7898
+ background-color: #0b4b66;
7899
+ color: #fff; }
7900
+
7901
+ .msb-profile {
7902
+ display: -webkit-box;
7903
+ display: -ms-flexbox;
7904
+ display: flex;
7905
+ -webkit-box-align: center;
7906
+ -ms-flex-align: center;
7907
+ align-items: center;
7908
+ padding: 1.5rem;
7909
+ -webkit-box-orient: vertical;
7910
+ -webkit-box-direction: normal;
7911
+ -ms-flex-direction: column;
7912
+ flex-direction: column;
7913
+ grid-gap: .75rem;
7914
+ gap: .75rem; }
7915
+
7916
+ .msb-profile-icon {
7917
+ width: 3.875rem;
7918
+ height: 4rem;
7919
+ margin-right: 1rem; }
7920
+
7921
+ .msb-profile-details {
7922
+ display: -webkit-box;
7923
+ display: -ms-flexbox;
7924
+ display: flex;
7925
+ -webkit-box-orient: vertical;
7926
+ -webkit-box-direction: normal;
7927
+ -ms-flex-direction: column;
7928
+ flex-direction: column;
7929
+ grid-gap: .25rem;
7930
+ gap: .25rem;
7931
+ text-align: center; }
7932
+
7933
+ .msb-profile-name {
7934
+ font-family: Roboto;
7935
+ font-style: normal;
7936
+ font-weight: 700;
7937
+ line-height: 1.14rem;
7938
+ color: #363636; }
7939
+ @media (max-aspect-ratio: 9 / 16) {
7940
+ .msb-profile-name {
7941
+ font-size: 1rem; } }
7942
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
7943
+ .msb-profile-name {
7944
+ font-size: 1rem; } }
7945
+ @media (min-aspect-ratio: 3 / 4) {
7946
+ .msb-profile-name {
7947
+ font-size: 1rem; } }
7948
+ .msb-profile-name.dark {
7949
+ color: #fff; }
7950
+
7951
+ .msb-profile-phone {
7952
+ font-family: Roboto;
7953
+ font-style: normal;
7954
+ font-weight: 400;
7955
+ line-height: 1.37rem;
7956
+ color: #787878; }
7957
+ @media (max-aspect-ratio: 9 / 16) {
7958
+ .msb-profile-phone {
7959
+ font-size: .875rem; } }
7960
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
7961
+ .msb-profile-phone {
7962
+ font-size: 1rem; } }
7963
+ @media (min-aspect-ratio: 3 / 4) {
7964
+ .msb-profile-phone {
7965
+ font-size: 1rem; } }
7966
+ .msb-profile-phone.dark {
7967
+ color: #fff; }
7968
+
7969
+ .msb-sidebar-items {
7970
+ -webkit-box-flex: 1;
7971
+ -ms-flex: 1;
7972
+ flex: 1;
7973
+ overflow-y: auto;
7974
+ overflow-x: hidden; }
7975
+
7976
+ .msb-item-child-wrapper {
7977
+ display: -webkit-box;
7978
+ display: -ms-flexbox;
7979
+ display: flex;
7980
+ -webkit-box-orient: vertical;
7981
+ -webkit-box-direction: normal;
7982
+ -ms-flex-direction: column;
7983
+ flex-direction: column;
7984
+ height: 3rem;
7985
+ padding: .75rem 1.5rem;
7986
+ -webkit-box-pack: justify;
7987
+ -ms-flex-pack: justify;
7988
+ justify-content: space-between;
7989
+ border-top: .063rem solid #d6d5d4; }
7990
+
7991
+ .msb-item-child-wrapper.expanded, .msb-item-child-wrapper:last-child {
7992
+ border-bottom: .063rem solid #d6d5d4; }
7993
+
7994
+ .msb-item-child-wrapper:not(.dark):nth-child(odd) {
7995
+ background-color: #fafafa; }
7996
+
7997
+ .msb-item-child-wrapper.expanded {
7998
+ height: auto; }
7999
+
8000
+ .msb-sidebar-item {
8001
+ display: -webkit-box;
8002
+ display: -ms-flexbox;
8003
+ display: flex;
8004
+ -webkit-box-align: center;
8005
+ -ms-flex-align: center;
8006
+ align-items: center;
8007
+ cursor: pointer; }
8008
+
8009
+ .msb-sidebar-item.msb-parentLevel {
8010
+ height: 1.5rem; }
8011
+ .msb-sidebar-item.msb-parentLevel .msb-item-label {
8012
+ font-family: Roboto;
8013
+ font-style: normal;
8014
+ font-weight: 700;
8015
+ line-height: 1.14rem; }
8016
+ @media (max-aspect-ratio: 9 / 16) {
8017
+ .msb-sidebar-item.msb-parentLevel .msb-item-label {
8018
+ font-size: 1rem; } }
8019
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
8020
+ .msb-sidebar-item.msb-parentLevel .msb-item-label {
8021
+ font-size: 1rem; } }
8022
+ @media (min-aspect-ratio: 3 / 4) {
8023
+ .msb-sidebar-item.msb-parentLevel .msb-item-label {
8024
+ font-size: 1rem; } }
8025
+
8026
+ .msb-sidebar-item .msb-icon {
8027
+ margin-right: 1rem; }
8028
+
8029
+ .msb-expand-icon {
8030
+ margin-left: auto; }
8031
+
8032
+ .msb-sidebar-children {
8033
+ width: "100%";
8034
+ -webkit-transition: height .3s ease;
8035
+ transition: height .3s ease; }
8036
+ .msb-sidebar-children .inner-level-child {
8037
+ margin-left: 3.5rem;
8038
+ border-left: .063rem solid #d6d5d4; }
8039
+ .msb-sidebar-children .inner-level-child.dark {
8040
+ border-left: .063rem solid #fff; }
8041
+
8042
+ .msb-sidebar-children.expanded {
8043
+ height: auto; }
8044
+
8045
+ .mb-search-container {
8046
+ height: 4.5rem;
8047
+ min-width: 15rem;
8048
+ width: auto;
8049
+ padding: 1rem !important; }
8050
+ .mb-search-container .mb-search {
8051
+ height: 2.5rem !important;
8052
+ min-width: 13rem; }
8053
+ .mb-search-container .mb-search .digit-text-input-customIcon {
8054
+ height: 1.5rem;
8055
+ width: 1.5rem;
8056
+ top: .5rem;
8057
+ right: .5rem; }
8058
+ .mb-search-container .mb-search .input-container, .mb-search-container .mb-search input, .mb-search-container .mb-search .digit-checkbox-container .input-emp, .digit-checkbox-container .mb-search-container .mb-search .input-emp {
8059
+ max-height: 100%; }
8060
+ .mb-search-container .mb-search input, .mb-search-container .mb-search .digit-checkbox-container .input-emp, .digit-checkbox-container .mb-search-container .mb-search .input-emp {
8061
+ background-color: #fff;
8062
+ border: .063rem solid #d6d5d4;
8063
+ color: #363636;
8064
+ height: 2rem !important; }
8065
+ .mb-search-container .mb-search input ::-webkit-input-placeholder, .mb-search-container .mb-search .digit-checkbox-container .input-emp ::-webkit-input-placeholder, .digit-checkbox-container .mb-search-container .mb-search .input-emp ::-webkit-input-placeholder {
8066
+ color: #c5c5c5; }
8067
+ .mb-search-container .mb-search input ::-moz-placeholder, .mb-search-container .mb-search .digit-checkbox-container .input-emp ::-moz-placeholder, .digit-checkbox-container .mb-search-container .mb-search .input-emp ::-moz-placeholder {
8068
+ color: #c5c5c5; }
8069
+ .mb-search-container .mb-search input :-ms-input-placeholder, .mb-search-container .mb-search .digit-checkbox-container .input-emp :-ms-input-placeholder, .digit-checkbox-container .mb-search-container .mb-search .input-emp :-ms-input-placeholder {
8070
+ color: #c5c5c5; }
8071
+ .mb-search-container .mb-search input ::-ms-input-placeholder, .mb-search-container .mb-search .digit-checkbox-container .input-emp ::-ms-input-placeholder, .digit-checkbox-container .mb-search-container .mb-search .input-emp ::-ms-input-placeholder {
8072
+ color: #c5c5c5; }
8073
+ .mb-search-container .mb-search input ::placeholder, .mb-search-container .mb-search .digit-checkbox-container .input-emp ::placeholder, .digit-checkbox-container .mb-search-container .mb-search .input-emp ::placeholder {
8074
+ color: #c5c5c5; }
8075
+ .mb-search-container .mb-search .input-container[focus-within] input, .mb-search-container .mb-search .input-container[focus-within] .digit-checkbox-container .input-emp, .digit-checkbox-container .mb-search-container .mb-search .input-container[focus-within] .input-emp {
8076
+ border: 0.063rem solid #d6d5d4 !important; }
8077
+ .mb-search-container .mb-search .input-container:focus-within input, .mb-search-container .mb-search .input-container:focus-within .digit-checkbox-container .input-emp, .digit-checkbox-container .mb-search-container .mb-search .input-container:focus-within .input-emp {
8078
+ border: 0.063rem solid #d6d5d4 !important; }
8079
+ .mb-search-container ::-webkit-input-placeholder {
8080
+ content: attr(placeholder);
8081
+ color: #c5c5c5; }
8082
+ .mb-search-container ::-moz-placeholder {
8083
+ content: attr(placeholder);
8084
+ color: #c5c5c5; }
8085
+ .mb-search-container :-ms-input-placeholder {
8086
+ content: attr(placeholder);
8087
+ color: #c5c5c5; }
8088
+ .mb-search-container ::-ms-input-placeholder {
8089
+ content: attr(placeholder);
8090
+ color: #c5c5c5; }
8091
+ .mb-search-container ::placeholder {
8092
+ content: attr(placeholder);
8093
+ color: #c5c5c5; }
8094
+
8095
+ .mb-search-container.dark {
8096
+ height: 4.5rem;
8097
+ min-width: 15rem;
8098
+ width: auto;
8099
+ padding: 1rem !important; }
8100
+ .mb-search-container.dark .mb-search {
8101
+ height: 2.5rem !important;
8102
+ min-width: 13rem; }
8103
+ .mb-search-container.dark .mb-search .digit-text-input-customIcon {
8104
+ height: 1.5rem;
8105
+ width: 1.5rem;
8106
+ top: .5rem;
8107
+ right: .5rem; }
8108
+ .mb-search-container.dark .mb-search .input-container, .mb-search-container.dark .mb-search input, .mb-search-container.dark .mb-search .digit-checkbox-container .input-emp, .digit-checkbox-container .mb-search-container.dark .mb-search .input-emp {
8109
+ max-height: 100%; }
8110
+ .mb-search-container.dark .mb-search input, .mb-search-container.dark .mb-search .digit-checkbox-container .input-emp, .digit-checkbox-container .mb-search-container.dark .mb-search .input-emp {
8111
+ background-color: initial;
8112
+ border: .063rem solid #fafafa;
8113
+ color: #eee; }
8114
+ .mb-search-container.dark .mb-search input ::-webkit-input-placeholder, .mb-search-container.dark .mb-search .digit-checkbox-container .input-emp ::-webkit-input-placeholder, .digit-checkbox-container .mb-search-container.dark .mb-search .input-emp ::-webkit-input-placeholder {
8115
+ color: #eee; }
8116
+ .mb-search-container.dark .mb-search input ::-moz-placeholder, .mb-search-container.dark .mb-search .digit-checkbox-container .input-emp ::-moz-placeholder, .digit-checkbox-container .mb-search-container.dark .mb-search .input-emp ::-moz-placeholder {
8117
+ color: #eee; }
8118
+ .mb-search-container.dark .mb-search input :-ms-input-placeholder, .mb-search-container.dark .mb-search .digit-checkbox-container .input-emp :-ms-input-placeholder, .digit-checkbox-container .mb-search-container.dark .mb-search .input-emp :-ms-input-placeholder {
8119
+ color: #eee; }
8120
+ .mb-search-container.dark .mb-search input ::-ms-input-placeholder, .mb-search-container.dark .mb-search .digit-checkbox-container .input-emp ::-ms-input-placeholder, .digit-checkbox-container .mb-search-container.dark .mb-search .input-emp ::-ms-input-placeholder {
8121
+ color: #eee; }
8122
+ .mb-search-container.dark .mb-search input ::placeholder, .mb-search-container.dark .mb-search .digit-checkbox-container .input-emp ::placeholder, .digit-checkbox-container .mb-search-container.dark .mb-search .input-emp ::placeholder {
8123
+ color: #eee; }
8124
+ .mb-search-container.dark .mb-search .input-container[focus-within] input, .mb-search-container.dark .mb-search .input-container[focus-within] .digit-checkbox-container .input-emp, .digit-checkbox-container .mb-search-container.dark .mb-search .input-container[focus-within] .input-emp {
8125
+ border: 0.063rem solid #fafafa !important; }
8126
+ .mb-search-container.dark .mb-search .input-container:focus-within input, .mb-search-container.dark .mb-search .input-container:focus-within .digit-checkbox-container .input-emp, .digit-checkbox-container .mb-search-container.dark .mb-search .input-container:focus-within .input-emp {
8127
+ border: 0.063rem solid #fafafa !important; }
8128
+ .mb-search-container.dark ::-webkit-input-placeholder {
8129
+ content: attr(placeholder);
8130
+ color: #eee; }
8131
+ .mb-search-container.dark ::-moz-placeholder {
8132
+ content: attr(placeholder);
8133
+ color: #eee; }
8134
+ .mb-search-container.dark :-ms-input-placeholder {
8135
+ content: attr(placeholder);
8136
+ color: #eee; }
8137
+ .mb-search-container.dark ::-ms-input-placeholder {
8138
+ content: attr(placeholder);
8139
+ color: #eee; }
8140
+ .mb-search-container.dark ::placeholder {
8141
+ content: attr(placeholder);
8142
+ color: #eee; }
8143
+
8144
+ .msb-sidebar-bottom {
8145
+ background-color: #fafafa;
8146
+ z-index: 5;
8147
+ padding: 1rem;
8148
+ display: -webkit-box;
8149
+ display: -ms-flexbox;
8150
+ display: flex;
8151
+ -webkit-box-orient: vertical;
8152
+ -webkit-box-direction: normal;
8153
+ -ms-flex-direction: column;
8154
+ flex-direction: column;
8155
+ grid-gap: 1rem;
8156
+ gap: 1rem;
8157
+ border-top: .063rem solid #d6d5d4;
8158
+ height: 4rem; }
8159
+ .msb-sidebar-bottom button {
8160
+ width: 100%; }
8161
+ .msb-sidebar-bottom button .icon-label-container .digit-button-customIcon {
8162
+ width: 1.25rem;
8163
+ height: 1.25rem; }
8164
+ .msb-sidebar-bottom.dark {
8165
+ background-color: #0b4b66; }
8166
+
8167
+ .icon-msb {
8168
+ margin-right: .75rem;
8169
+ width: 1.5rem;
8170
+ height: 1.5rem;
8171
+ margin-left: 1.75rem; }
8172
+
8173
+ .item-label-msb {
8174
+ font-family: Roboto;
8175
+ font-style: normal;
8176
+ font-weight: 400;
8177
+ line-height: 1.37rem; }
8178
+ @media (max-aspect-ratio: 9 / 16) {
8179
+ .item-label-msb {
8180
+ font-size: .875rem; } }
8181
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
8182
+ .item-label-msb {
8183
+ font-size: 1rem; } }
8184
+ @media (min-aspect-ratio: 3 / 4) {
8185
+ .item-label-msb {
8186
+ font-size: 1rem; } }
8187
+
8188
+ .expand-icon-msb {
8189
+ width: 1.5rem;
8190
+ height: 1.5rem;
8191
+ margin-left: auto !important; }
8192
+ .expand-icon-msb.child-level {
8193
+ margin-right: 1.5rem; }
8194
+
8195
+ .sidebar-item-msb {
8196
+ text-decoration: none;
8197
+ -webkit-transition: background-color .3s;
8198
+ transition: background-color .3s;
8199
+ cursor: pointer;
8200
+ outline: none;
8201
+ height: 100%;
8202
+ position: relative; }
8203
+
8204
+ .item-child-wrapper-msb, .sidebar-item-msb {
8205
+ display: -webkit-box;
8206
+ display: -ms-flexbox;
8207
+ display: flex;
8208
+ -webkit-box-align: center;
8209
+ -ms-flex-align: center;
8210
+ align-items: center;
8211
+ width: 100%; }
8212
+
8213
+ .item-child-wrapper-msb {
8214
+ height: 3rem;
8215
+ -webkit-box-pack: center;
8216
+ -ms-flex-pack: center;
8217
+ justify-content: center; }
8218
+ .item-child-wrapper-msb .sidebar-item-msb:hover {
8219
+ background-color: rgba(255, 255, 255, 0.30196); }
8220
+ .item-child-wrapper-msb .sidebar-item-msb.selected, .item-child-wrapper-msb .sidebar-item-msb.selectedAsParent, .item-child-wrapper-msb .sidebar-item-msb:active {
8221
+ background: rgba(200, 76, 14, 0.10196); }
8222
+ .item-child-wrapper-msb .sidebar-item-msb.selected .item-label-msb, .item-child-wrapper-msb .sidebar-item-msb.selectedAsParent .item-label-msb, .item-child-wrapper-msb .sidebar-item-msb:active .item-label-msb {
8223
+ color: #0b4b66; }
8224
+ .item-child-wrapper-msb .sidebar-item-msb.selected:before, .item-child-wrapper-msb .sidebar-item-msb.selected:hover:before, .item-child-wrapper-msb .sidebar-item-msb.selectedAsParent:before, .item-child-wrapper-msb .sidebar-item-msb.selectedAsParent:hover:before, .item-child-wrapper-msb .sidebar-item-msb:active:before, .item-child-wrapper-msb .sidebar-item-msb:active:hover:before {
8225
+ content: "";
8226
+ position: absolute;
8227
+ top: .062rem;
8228
+ left: 0;
8229
+ bottom: .063rem;
8230
+ width: .5rem;
8231
+ background: #c84c0e;
8232
+ border-top-right-radius: .25rem;
8233
+ border-bottom-right-radius: .25rem; }
8234
+ .item-child-wrapper-msb .sidebar-item-msb.dark.selected, .item-child-wrapper-msb .sidebar-item-msb.dark.selectedAsParent, .item-child-wrapper-msb .sidebar-item-msb.dark:active {
8235
+ background: #c84c0e; }
8236
+ .item-child-wrapper-msb .sidebar-item-msb.dark.selected .item-label-msb, .item-child-wrapper-msb .sidebar-item-msb.dark.selectedAsParent .item-label-msb, .item-child-wrapper-msb .sidebar-item-msb.dark:active .item-label-msb {
8237
+ color: #fff; }
8238
+ .item-child-wrapper-msb .sidebar-item-msb.dark.selected:before, .item-child-wrapper-msb .sidebar-item-msb.dark.selected:hover:before, .item-child-wrapper-msb .sidebar-item-msb.dark.selectedAsParent:before, .item-child-wrapper-msb .sidebar-item-msb.dark.selectedAsParent:hover:before, .item-child-wrapper-msb .sidebar-item-msb.dark:active:before, .item-child-wrapper-msb .sidebar-item-msb.dark:active:hover:before {
8239
+ content: "";
8240
+ position: absolute;
8241
+ top: .062rem;
8242
+ left: 0;
8243
+ bottom: .063rem;
8244
+ width: .5rem;
8245
+ background: #fff;
8246
+ border-top-right-radius: .25rem;
8247
+ border-bottom-right-radius: .25rem; }
8248
+
8249
+ .msb-sidebar-items::-webkit-scrollbar {
8250
+ width: .375rem;
8251
+ background-color: #eee; }
8252
+
8253
+ .msb-sidebar-items::-webkit-scrollbar-track {
8254
+ background-color: #eee;
8255
+ border-radius: .563rem; }
8256
+
8257
+ .msb-sidebar-items::-webkit-scrollbar-thumb {
8258
+ background-color: #d6d5d4;
8259
+ border-radius: .563rem; }
8260
+
8261
+ .tooltip-wrapper {
8262
+ position: relative;
8263
+ display: inline-block; }
8264
+
8265
+ .tooltip-content {
8266
+ position: absolute;
8267
+ background-color: #505a5f;
8268
+ color: #fff;
8269
+ padding: .5rem;
8270
+ border-radius: .25rem;
8271
+ z-index: 1000;
8272
+ pointer-events: none;
8273
+ width: -webkit-max-content;
8274
+ width: -moz-max-content;
8275
+ width: max-content;
8276
+ -webkit-transition: all .5s ease;
8277
+ transition: all .5s ease;
8278
+ min-width: 4.125rem;
8279
+ max-width: 14.563rem;
8280
+ font-family: Roboto;
8281
+ font-style: normal;
8282
+ font-weight: 400;
8283
+ line-height: 1.37rem; }
8284
+ @media (max-aspect-ratio: 9 / 16) {
8285
+ .tooltip-content {
8286
+ font-size: .875rem; } }
8287
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
8288
+ .tooltip-content {
8289
+ font-size: 1rem; } }
8290
+ @media (min-aspect-ratio: 3 / 4) {
8291
+ .tooltip-content {
8292
+ font-size: 1rem; } }
8293
+
8294
+ .tooltip-content.tooltip-left {
8295
+ left: -10rem; }
8296
+
8297
+ .tooltip-content.tooltip-right {
8298
+ left: 10rem; }
8299
+
8300
+ .tooltip-content.tooltip-top {
8301
+ top: -3.75rem; }
8302
+
8303
+ .tooltip-content.tooltip-bottom {
8304
+ top: 3.75rem; }
8305
+
8306
+ .tooltip-left:before {
8307
+ right: -.625rem; }
8308
+
8309
+ .tooltip-left:before, .tooltip-right:before {
8310
+ content: "";
8311
+ position: absolute;
8312
+ top: 0;
8313
+ border: .625rem solid transparent;
8314
+ border-top-color: #505a5f; }
8315
+
8316
+ .tooltip-right:before {
8317
+ left: -.625rem; }
8318
+
8319
+ .tooltip-top:before {
8320
+ content: "";
8321
+ position: absolute;
8322
+ bottom: -.625rem;
8323
+ right: 0;
8324
+ border: .625rem solid transparent;
8325
+ border-right-color: #505a5f; }
8326
+
8327
+ .tooltip-bottom:before {
8328
+ content: "";
8329
+ position: absolute;
8330
+ top: -.625rem;
8331
+ left: 0;
8332
+ border: .625rem solid transparent;
8333
+ border-left-color: #505a5f; }
8334
+
7536
8335
  .bread-crumb.workbench-bredcrumb a {
7537
8336
  color: #f47738; }
7538
8337
 
@@ -8085,11 +8884,6 @@ h1, h2, h3, h4, h5, h6 {
8085
8884
  .mobile-only {
8086
8885
  display: none; } }
8087
8886
 
8088
- .dark {
8089
- --text-opacity:1;
8090
- color: #0b0c0c;
8091
- color: rgba(11, 12, 12, var(--text-opacity)); }
8092
-
8093
8887
  .mrlg {
8094
8888
  margin-right: 24px; }
8095
8889