@egovernments/digit-ui-components-css 0.2.0-beta.9 → 0.2.0-rc.1

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.
package/dist/index.css CHANGED
@@ -1,7 +1,9 @@
1
+ @charset "UTF-8";
1
2
  /*!
2
- * @egovernments/digit-ui-components-css - 0.2.0-beta.9
3
+ * @egovernments/digit-ui-components-css - 0.2.0-rc.1
3
4
  *
4
5
  * Copyright (c) 2025 Jagankumar <jagan.kumar@egovernments.org>
6
+ * Published on: 2025-10-23
5
7
  *
6
8
  */
7
9
  /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@@ -581,6 +583,588 @@
581
583
  color: #849095;
582
584
  padding: .833em; }
583
585
 
586
+ .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon:before, .react-datepicker__year-read-view--down-arrow {
587
+ border-color: #ccc;
588
+ border-style: solid;
589
+ border-width: 3px 3px 0 0;
590
+ content: "";
591
+ display: block;
592
+ height: 9px;
593
+ position: absolute;
594
+ top: 6px;
595
+ width: 9px; }
596
+
597
+ .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
598
+ margin-left: -4px;
599
+ position: absolute;
600
+ width: 0; }
601
+
602
+ .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
603
+ -webkit-box-sizing: content-box;
604
+ box-sizing: initial;
605
+ position: absolute;
606
+ height: 0;
607
+ width: 1px;
608
+ content: "";
609
+ z-index: -1;
610
+ border: 8px solid transparent;
611
+ left: -8px; }
612
+
613
+ .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
614
+ border-bottom-color: #aeaeae; }
615
+
616
+ .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
617
+ top: 0;
618
+ margin-top: -8px; }
619
+
620
+ .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
621
+ border-top: none;
622
+ border-bottom-color: #f0f0f0; }
623
+
624
+ .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after {
625
+ top: 0; }
626
+
627
+ .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
628
+ top: -1px;
629
+ border-bottom-color: #aeaeae; }
630
+
631
+ .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
632
+ bottom: 0;
633
+ margin-bottom: -8px; }
634
+
635
+ .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
636
+ border-bottom: none;
637
+ border-top-color: #fff; }
638
+
639
+ .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after {
640
+ bottom: 0; }
641
+
642
+ .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
643
+ bottom: -1px;
644
+ border-top-color: #aeaeae; }
645
+
646
+ .react-datepicker-wrapper {
647
+ display: inline-block;
648
+ padding: 0;
649
+ border: 0;
650
+ width: 100%; }
651
+
652
+ .react-datepicker {
653
+ font-family: Helvetica Neue,helvetica,arial,sans-serif;
654
+ font-size: .8rem;
655
+ background-color: #fff;
656
+ color: #000;
657
+ border: 1px solid #aeaeae;
658
+ border-radius: .3rem;
659
+ display: inline-block;
660
+ position: relative; }
661
+
662
+ .react-datepicker--time-only .react-datepicker__triangle {
663
+ left: 35px; }
664
+
665
+ .react-datepicker--time-only .react-datepicker__time-container {
666
+ border-left: 0; }
667
+
668
+ .react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box {
669
+ border-bottom-left-radius: .3rem;
670
+ border-bottom-right-radius: .3rem; }
671
+
672
+ .react-datepicker__triangle {
673
+ position: absolute;
674
+ left: 50px; }
675
+
676
+ .react-datepicker-popper {
677
+ z-index: 1; }
678
+
679
+ .react-datepicker-popper[data-placement^=bottom] {
680
+ padding-top: 10px; }
681
+
682
+ .react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
683
+ left: auto;
684
+ right: 50px; }
685
+
686
+ .react-datepicker-popper[data-placement^=top] {
687
+ padding-bottom: 10px; }
688
+
689
+ .react-datepicker-popper[data-placement^=right] {
690
+ padding-left: 8px; }
691
+
692
+ .react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
693
+ left: auto;
694
+ right: 42px; }
695
+
696
+ .react-datepicker-popper[data-placement^=left] {
697
+ padding-right: 8px; }
698
+
699
+ .react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
700
+ left: 42px;
701
+ right: auto; }
702
+
703
+ .react-datepicker__header {
704
+ text-align: center;
705
+ background-color: #f0f0f0;
706
+ border-bottom: 1px solid #aeaeae;
707
+ border-top-left-radius: .3rem;
708
+ padding: 8px 0;
709
+ position: relative; }
710
+
711
+ .react-datepicker__header--time {
712
+ padding-bottom: 8px;
713
+ padding-left: 5px;
714
+ padding-right: 5px; }
715
+
716
+ .react-datepicker__header--time:not(.react-datepicker__header--time--only) {
717
+ border-top-left-radius: 0; }
718
+
719
+ .react-datepicker__header:not(.react-datepicker__header--has-time-select) {
720
+ border-top-right-radius: .3rem; }
721
+
722
+ .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__year-dropdown-container--select {
723
+ display: inline-block;
724
+ margin: 0 2px; }
725
+
726
+ .react-datepicker-time__header, .react-datepicker-year-header, .react-datepicker__current-month {
727
+ margin-top: 0;
728
+ color: #000;
729
+ font-weight: 700;
730
+ font-size: .944rem; }
731
+
732
+ .react-datepicker-time__header {
733
+ text-overflow: ellipsis;
734
+ white-space: nowrap;
735
+ overflow: hidden; }
736
+
737
+ .react-datepicker__navigation {
738
+ -webkit-box-align: center;
739
+ -ms-flex-align: center;
740
+ align-items: center;
741
+ background: none;
742
+ display: -webkit-box;
743
+ display: -ms-flexbox;
744
+ display: flex;
745
+ -webkit-box-pack: center;
746
+ -ms-flex-pack: center;
747
+ justify-content: center;
748
+ text-align: center;
749
+ cursor: pointer;
750
+ position: absolute;
751
+ top: 2px;
752
+ padding: 0;
753
+ border: none;
754
+ z-index: 1;
755
+ height: 32px;
756
+ width: 32px;
757
+ text-indent: -999em;
758
+ overflow: hidden; }
759
+
760
+ .react-datepicker__navigation--previous {
761
+ left: 2px; }
762
+
763
+ .react-datepicker__navigation--next {
764
+ right: 2px; }
765
+
766
+ .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
767
+ right: 85px; }
768
+
769
+ .react-datepicker__navigation--years {
770
+ position: relative;
771
+ top: 0;
772
+ display: block;
773
+ margin-left: auto;
774
+ margin-right: auto; }
775
+
776
+ .react-datepicker__navigation--years-previous {
777
+ top: 4px; }
778
+
779
+ .react-datepicker__navigation--years-upcoming {
780
+ top: -4px; }
781
+
782
+ .react-datepicker__navigation:hover :before {
783
+ border-color: #a6a6a6; }
784
+
785
+ .react-datepicker__navigation-icon {
786
+ position: relative;
787
+ top: -1px;
788
+ font-size: 20px;
789
+ width: 0; }
790
+
791
+ .react-datepicker__navigation-icon--next {
792
+ left: -2px; }
793
+
794
+ .react-datepicker__navigation-icon--next:before {
795
+ -webkit-transform: rotate(45deg);
796
+ transform: rotate(45deg);
797
+ left: -7px; }
798
+
799
+ .react-datepicker__navigation-icon--previous {
800
+ right: -2px; }
801
+
802
+ .react-datepicker__navigation-icon--previous:before {
803
+ -webkit-transform: rotate(225deg);
804
+ transform: rotate(225deg);
805
+ right: -7px; }
806
+
807
+ .react-datepicker__month-container {
808
+ float: left; }
809
+
810
+ .react-datepicker__year {
811
+ margin: .4rem;
812
+ text-align: center; }
813
+
814
+ .react-datepicker__year-wrapper {
815
+ display: -webkit-box;
816
+ display: -ms-flexbox;
817
+ display: flex;
818
+ -ms-flex-wrap: wrap;
819
+ flex-wrap: wrap;
820
+ max-width: 180px; }
821
+
822
+ .react-datepicker__year .react-datepicker__year-text {
823
+ display: inline-block;
824
+ width: 4rem;
825
+ margin: 2px; }
826
+
827
+ .react-datepicker__month {
828
+ margin: .4rem;
829
+ text-align: center; }
830
+
831
+ .react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text {
832
+ display: inline-block;
833
+ width: 4rem;
834
+ margin: 2px; }
835
+
836
+ .react-datepicker__input-time-container {
837
+ clear: both;
838
+ width: 100%;
839
+ float: left;
840
+ margin: 5px 0 10px 15px;
841
+ text-align: left; }
842
+
843
+ .react-datepicker__input-time-container .react-datepicker-time__caption, .react-datepicker__input-time-container .react-datepicker-time__input-container {
844
+ display: inline-block; }
845
+
846
+ .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
847
+ display: inline-block;
848
+ margin-left: 10px; }
849
+
850
+ .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input, .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input .digit-checkbox-container .input-emp, .digit-checkbox-container .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input .input-emp {
851
+ width: auto; }
852
+
853
+ .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button, .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input .digit-checkbox-container .input-emp[type=time]::-webkit-inner-spin-button, .digit-checkbox-container .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input .input-emp[type=time]::-webkit-inner-spin-button, .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button, .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input .digit-checkbox-container .input-emp[type=time]::-webkit-outer-spin-button, .digit-checkbox-container .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input .input-emp[type=time]::-webkit-outer-spin-button {
854
+ -webkit-appearance: none;
855
+ margin: 0; }
856
+
857
+ .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time], .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input .digit-checkbox-container .input-emp[type=time], .digit-checkbox-container .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input .input-emp[type=time] {
858
+ -moz-appearance: textfield; }
859
+
860
+ .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
861
+ margin-left: 5px;
862
+ display: inline-block; }
863
+
864
+ .react-datepicker__time-container {
865
+ float: right;
866
+ border-left: 1px solid #aeaeae;
867
+ width: 85px; }
868
+
869
+ .react-datepicker__time-container--with-today-button {
870
+ display: inline;
871
+ border: 1px solid #aeaeae;
872
+ border-radius: .3rem;
873
+ position: absolute;
874
+ right: -72px;
875
+ top: 0; }
876
+
877
+ .react-datepicker__time-container .react-datepicker__time {
878
+ position: relative;
879
+ background: #fff;
880
+ border-bottom-right-radius: .3rem; }
881
+
882
+ .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
883
+ width: 85px;
884
+ overflow-x: hidden;
885
+ margin: 0 auto;
886
+ text-align: center;
887
+ border-bottom-right-radius: .3rem; }
888
+
889
+ .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
890
+ list-style: none;
891
+ margin: 0;
892
+ height: calc(195px + .85rem);
893
+ overflow-y: scroll;
894
+ padding-right: 0;
895
+ padding-left: 0;
896
+ width: 100%;
897
+ -webkit-box-sizing: content-box;
898
+ box-sizing: initial; }
899
+
900
+ .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
901
+ height: 30px;
902
+ padding: 5px 10px;
903
+ white-space: nowrap; }
904
+
905
+ .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
906
+ cursor: pointer;
907
+ background-color: #f0f0f0; }
908
+
909
+ .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
910
+ background-color: #216ba5;
911
+ color: #fff;
912
+ font-weight: 700; }
913
+
914
+ .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
915
+ background-color: #216ba5; }
916
+
917
+ .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
918
+ color: #ccc; }
919
+
920
+ .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
921
+ cursor: default;
922
+ background-color: initial; }
923
+
924
+ .react-datepicker__week-number {
925
+ color: #ccc;
926
+ display: inline-block;
927
+ width: 1.7rem;
928
+ line-height: 1.7rem;
929
+ text-align: center;
930
+ margin: .166rem; }
931
+
932
+ .react-datepicker__week-number.react-datepicker__week-number--clickable {
933
+ cursor: pointer; }
934
+
935
+ .react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
936
+ border-radius: .3rem;
937
+ background-color: #f0f0f0; }
938
+
939
+ .react-datepicker__day-names, .react-datepicker__week {
940
+ white-space: nowrap; }
941
+
942
+ .react-datepicker__day-names {
943
+ margin-bottom: -8px; }
944
+
945
+ .react-datepicker__day, .react-datepicker__day-name, .react-datepicker__time-name {
946
+ color: #000;
947
+ display: inline-block;
948
+ width: 1.7rem;
949
+ line-height: 1.7rem;
950
+ text-align: center;
951
+ margin: .166rem; }
952
+
953
+ .react-datepicker__month--in-range, .react-datepicker__month--in-selecting-range, .react-datepicker__month--selected, .react-datepicker__quarter--in-range, .react-datepicker__quarter--in-selecting-range, .react-datepicker__quarter--selected {
954
+ border-radius: .3rem;
955
+ background-color: #216ba5;
956
+ color: #fff; }
957
+
958
+ .react-datepicker__month--in-range:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--selected:hover, .react-datepicker__quarter--in-range:hover, .react-datepicker__quarter--in-selecting-range:hover, .react-datepicker__quarter--selected:hover {
959
+ background-color: #1d5d90; }
960
+
961
+ .react-datepicker__month--disabled, .react-datepicker__quarter--disabled {
962
+ color: #ccc;
963
+ pointer-events: none; }
964
+
965
+ .react-datepicker__month--disabled:hover, .react-datepicker__quarter--disabled:hover {
966
+ cursor: default;
967
+ background-color: initial; }
968
+
969
+ .react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text, .react-datepicker__year-text {
970
+ cursor: pointer; }
971
+
972
+ .react-datepicker__day:hover, .react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover, .react-datepicker__year-text:hover {
973
+ border-radius: .3rem;
974
+ background-color: #f0f0f0; }
975
+
976
+ .react-datepicker__day--today, .react-datepicker__month-text--today, .react-datepicker__quarter-text--today, .react-datepicker__year-text--today {
977
+ font-weight: 700; }
978
+
979
+ .react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted, .react-datepicker__quarter-text--highlighted, .react-datepicker__year-text--highlighted {
980
+ border-radius: .3rem;
981
+ background-color: #3dcc4a;
982
+ color: #fff; }
983
+
984
+ .react-datepicker__day--highlighted:hover, .react-datepicker__month-text--highlighted:hover, .react-datepicker__quarter-text--highlighted:hover, .react-datepicker__year-text--highlighted:hover {
985
+ background-color: #32be3f; }
986
+
987
+ .react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1, .react-datepicker__quarter-text--highlighted-custom-1, .react-datepicker__year-text--highlighted-custom-1 {
988
+ color: #f0f; }
989
+
990
+ .react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2, .react-datepicker__quarter-text--highlighted-custom-2, .react-datepicker__year-text--highlighted-custom-2 {
991
+ color: green; }
992
+
993
+ .react-datepicker__day--in-range, .react-datepicker__day--in-selecting-range, .react-datepicker__day--selected, .react-datepicker__month-text--in-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--selected, .react-datepicker__quarter-text--in-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--selected, .react-datepicker__year-text--in-range, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--selected {
994
+ border-radius: .3rem;
995
+ background-color: #216ba5;
996
+ color: #fff; }
997
+
998
+ .react-datepicker__day--in-range:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--selected:hover, .react-datepicker__month-text--in-range:hover, .react-datepicker__month-text--in-selecting-range:hover, .react-datepicker__month-text--selected:hover, .react-datepicker__quarter-text--in-range:hover, .react-datepicker__quarter-text--in-selecting-range:hover, .react-datepicker__quarter-text--selected:hover, .react-datepicker__year-text--in-range:hover, .react-datepicker__year-text--in-selecting-range:hover, .react-datepicker__year-text--selected:hover {
999
+ background-color: #1d5d90; }
1000
+
1001
+ .react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected {
1002
+ border-radius: .3rem;
1003
+ background-color: #2579ba;
1004
+ color: #fff; }
1005
+
1006
+ .react-datepicker__day--keyboard-selected:hover, .react-datepicker__month-text--keyboard-selected:hover, .react-datepicker__quarter-text--keyboard-selected:hover, .react-datepicker__year-text--keyboard-selected:hover {
1007
+ background-color: #1d5d90; }
1008
+
1009
+ .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range):not(.react-datepicker__month-text--in-range):not(.react-datepicker__quarter-text--in-range):not(.react-datepicker__year-text--in-range), .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range):not(.react-datepicker__month-text--in-range):not(.react-datepicker__quarter-text--in-range):not(.react-datepicker__year-text--in-range), .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range):not(.react-datepicker__month-text--in-range):not(.react-datepicker__quarter-text--in-range):not(.react-datepicker__year-text--in-range), .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range):not(.react-datepicker__month-text--in-range):not(.react-datepicker__quarter-text--in-range):not(.react-datepicker__year-text--in-range) {
1010
+ background-color: rgba(33, 107, 165, 0.5); }
1011
+
1012
+ .react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range) {
1013
+ background-color: #f0f0f0;
1014
+ color: #000; }
1015
+
1016
+ .react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled, .react-datepicker__year-text--disabled {
1017
+ cursor: default;
1018
+ color: #ccc; }
1019
+
1020
+ .react-datepicker__day--disabled:hover, .react-datepicker__month-text--disabled:hover, .react-datepicker__quarter-text--disabled:hover, .react-datepicker__year-text--disabled:hover {
1021
+ background-color: initial; }
1022
+
1023
+ .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__quarter-text.react-datepicker__month--in-range:hover, .react-datepicker__quarter-text.react-datepicker__month--selected:hover, .react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover, .react-datepicker__quarter-text.react-datepicker__quarter--selected:hover {
1024
+ background-color: #216ba5; }
1025
+
1026
+ .react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover {
1027
+ background-color: #f0f0f0; }
1028
+
1029
+ .react-datepicker__input-container {
1030
+ position: relative;
1031
+ display: inline-block;
1032
+ width: 100%; }
1033
+
1034
+ .react-datepicker__month-read-view, .react-datepicker__month-year-read-view, .react-datepicker__year-read-view {
1035
+ border: 1px solid transparent;
1036
+ border-radius: .3rem;
1037
+ position: relative; }
1038
+
1039
+ .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover, .react-datepicker__year-read-view:hover {
1040
+ cursor: pointer; }
1041
+
1042
+ .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
1043
+ border-top-color: #b3b3b3; }
1044
+
1045
+ .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__year-read-view--down-arrow {
1046
+ -webkit-transform: rotate(135deg);
1047
+ transform: rotate(135deg);
1048
+ right: -16px;
1049
+ top: 0; }
1050
+
1051
+ .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown, .react-datepicker__year-dropdown {
1052
+ background-color: #f0f0f0;
1053
+ position: absolute;
1054
+ width: 50%;
1055
+ left: 25%;
1056
+ top: 30px;
1057
+ z-index: 1;
1058
+ text-align: center;
1059
+ border-radius: .3rem;
1060
+ border: 1px solid #aeaeae; }
1061
+
1062
+ .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover, .react-datepicker__year-dropdown:hover {
1063
+ cursor: pointer; }
1064
+
1065
+ .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable, .react-datepicker__year-dropdown--scrollable {
1066
+ height: 150px;
1067
+ overflow-y: scroll; }
1068
+
1069
+ .react-datepicker__month-option, .react-datepicker__month-year-option, .react-datepicker__year-option {
1070
+ line-height: 20px;
1071
+ width: 100%;
1072
+ display: block;
1073
+ margin-left: auto;
1074
+ margin-right: auto; }
1075
+
1076
+ .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type, .react-datepicker__year-option:first-of-type {
1077
+ border-top-left-radius: .3rem;
1078
+ border-top-right-radius: .3rem; }
1079
+
1080
+ .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type, .react-datepicker__year-option:last-of-type {
1081
+ -webkit-user-select: none;
1082
+ -moz-user-select: none;
1083
+ -ms-user-select: none;
1084
+ user-select: none;
1085
+ border-bottom-left-radius: .3rem;
1086
+ border-bottom-right-radius: .3rem; }
1087
+
1088
+ .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover, .react-datepicker__year-option:hover {
1089
+ background-color: #ccc; }
1090
+
1091
+ .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
1092
+ border-bottom-color: #b3b3b3; }
1093
+
1094
+ .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
1095
+ border-top-color: #b3b3b3; }
1096
+
1097
+ .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected, .react-datepicker__year-option--selected {
1098
+ position: absolute;
1099
+ left: 15px; }
1100
+
1101
+ .react-datepicker__close-icon {
1102
+ cursor: pointer;
1103
+ background-color: initial;
1104
+ border: 0;
1105
+ outline: 0;
1106
+ padding: 0 6px 0 0;
1107
+ position: absolute;
1108
+ top: 0;
1109
+ right: 0;
1110
+ height: 100%;
1111
+ display: table-cell;
1112
+ vertical-align: middle; }
1113
+
1114
+ .react-datepicker__close-icon:after {
1115
+ cursor: pointer;
1116
+ background-color: #216ba5;
1117
+ color: #fff;
1118
+ border-radius: 50%;
1119
+ height: 16px;
1120
+ width: 16px;
1121
+ padding: 2px;
1122
+ font-size: 12px;
1123
+ line-height: 1;
1124
+ text-align: center;
1125
+ display: table-cell;
1126
+ vertical-align: middle;
1127
+ content: "×"; }
1128
+
1129
+ .react-datepicker__today-button {
1130
+ background: #f0f0f0;
1131
+ border-top: 1px solid #aeaeae;
1132
+ cursor: pointer;
1133
+ text-align: center;
1134
+ font-weight: 700;
1135
+ padding: 5px 0;
1136
+ clear: left; }
1137
+
1138
+ .react-datepicker__portal {
1139
+ position: fixed;
1140
+ width: 100vw;
1141
+ height: 100vh;
1142
+ background-color: rgba(0, 0, 0, 0.8);
1143
+ left: 0;
1144
+ top: 0;
1145
+ -webkit-box-pack: center;
1146
+ -ms-flex-pack: center;
1147
+ justify-content: center;
1148
+ -webkit-box-align: center;
1149
+ -ms-flex-align: center;
1150
+ align-items: center;
1151
+ display: -webkit-box;
1152
+ display: -ms-flexbox;
1153
+ display: flex;
1154
+ z-index: 2147483647; }
1155
+
1156
+ .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__time-name {
1157
+ width: 3rem;
1158
+ line-height: 3rem; }
1159
+
1160
+ @media (max-height: 550px), (max-width: 400px) {
1161
+ .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__time-name {
1162
+ width: 2rem;
1163
+ line-height: 2rem; } }
1164
+
1165
+ .react-datepicker__portal .react-datepicker-time__header, .react-datepicker__portal .react-datepicker__current-month {
1166
+ font-size: 1.44rem; }
1167
+
584
1168
  .loginFormStyleEmployee .employeeCard .submit-bar, .loginFormStyleEmployee .employeeCard .workbench .workbench-create-form div.action-bar-wrap .submit-bar, .workbench .workbench-create-form div.action-bar-wrap .loginFormStyleEmployee .employeeCard .submit-bar {
585
1169
  width: 100%; }
586
1170
 
@@ -1899,15 +2483,15 @@ body {
1899
2483
 
1900
2484
  @media screen and (min-width: 1024px) {
1901
2485
  .typography.text-heading-m, .workbench .workbench-create-form .digit-form-composer-sub-header {
1902
- font-size: 1.5rem; } }
2486
+ font-size: 1.25rem; } }
1903
2487
 
1904
2488
  @media screen and (min-width: 768px) {
1905
2489
  .typography.text-heading-m, .workbench .workbench-create-form .digit-form-composer-sub-header {
1906
- font-size: 1.375rem; } }
2490
+ font-size: 1.25rem; } }
1907
2491
 
1908
2492
  @media screen and (min-width: 400px) {
1909
2493
  .typography.text-heading-m, .workbench .workbench-create-form .digit-form-composer-sub-header {
1910
- font-size: 1.5rem; } }
2494
+ font-size: 1.25rem; } }
1911
2495
 
1912
2496
  .typography.text-heading-s, .workbench .workbench-create-form form #digit_root .field-wrapper .form-group.field .control-label {
1913
2497
  font-family: Roboto;
@@ -2093,11 +2677,11 @@ body {
2093
2677
 
2094
2678
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
2095
2679
  .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, .digit-landing-page-card .icon-module-header .ladingcard-moduleName, .digit-landing-page-card .metric-container .metric-item .metric-count, .digit-menu-card .icon-menu-header .digit-menuacard-menuName, .digit-label-otp-wrapper .otp-input, .digit-label-otp-wrapper .otp-input::-webkit-input-placeholder, .digit-label-otp-wrapper .otp-input::-moz-placeholder, .digit-label-otp-wrapper .otp-input:-ms-input-placeholder, .digit-label-otp-wrapper .otp-input::-ms-input-placeholder, .digit-label-otp-wrapper .otp-input::placeholder, .table-header-wrapper .header-filter-wrapper .table-header, .slider-header, .digit-view-card .digit-view-card-subheader, .digit-inbox-search-links-container .digit-inbox-search-links-header .digit-inbox-search-links-header-text {
2096
- font-size: 1.375rem; } }
2680
+ font-size: 1.25rem; } }
2097
2681
 
2098
2682
  @media (min-aspect-ratio: 3 / 4) {
2099
2683
  .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, .digit-landing-page-card .icon-module-header .ladingcard-moduleName, .digit-landing-page-card .metric-container .metric-item .metric-count, .digit-menu-card .icon-menu-header .digit-menuacard-menuName, .digit-label-otp-wrapper .otp-input, .digit-label-otp-wrapper .otp-input::-webkit-input-placeholder, .digit-label-otp-wrapper .otp-input::-moz-placeholder, .digit-label-otp-wrapper .otp-input:-ms-input-placeholder, .digit-label-otp-wrapper .otp-input::-ms-input-placeholder, .digit-label-otp-wrapper .otp-input::placeholder, .table-header-wrapper .header-filter-wrapper .table-header, .slider-header, .digit-view-card .digit-view-card-subheader, .digit-inbox-search-links-container .digit-inbox-search-links-header .digit-inbox-search-links-header-text {
2100
- font-size: 1.5rem; } }
2684
+ font-size: 1.25rem; } }
2101
2685
 
2102
2686
  .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, .digit-landing-page-card .icon-module-header .ladingcard-moduleName, .digit-landing-page-card .metric-container .metric-item .metric-count, .digit-menu-card .icon-menu-header .digit-menuacard-menuName, .digit-label-otp-wrapper .otp-input, .digit-label-otp-wrapper .otp-input::-webkit-input-placeholder, .digit-label-otp-wrapper .otp-input::-moz-placeholder, .digit-label-otp-wrapper .otp-input:-ms-input-placeholder, .digit-label-otp-wrapper .otp-input::-ms-input-placeholder, .digit-label-otp-wrapper .otp-input::placeholder, .table-header-wrapper .header-filter-wrapper .table-header, .slider-header, .digit-view-card .digit-view-card-subheader, .digit-inbox-search-links-container .digit-inbox-search-links-header .digit-inbox-search-links-header-text, .typography.heading-s, .digit-accordion-number, .digit-accordion-header-title, .digit-form-card-description, .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, .option.selected, .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, .digit-tab .digit-tab-list.active .digit-tab-item .digit-tab-label, .digit-sidebar-item.selected .item-label, .digit-sidebar-item.selected:hover .item-label, .digit-sidebar-item:active .item-label, .digit-sidebar-item:active:hover .item-label, .tooltip-content .tooltip-header, th, tfoot td, .header-des-wrap .column-header, .selection-state-wrapper .svg-state-wrapper .selected-state {
2103
2687
  font-family: Roboto;
@@ -3620,6 +4204,8 @@ ol, ul {
3620
4204
  height: -moz-fit-content;
3621
4205
  height: fit-content;
3622
4206
  word-break: break-word; } }
4207
+ .digit-header-content.label.boldLabel {
4208
+ font-weight: 700; }
3623
4209
  .digit-header-content.label .label-container {
3624
4210
  display: -webkit-box;
3625
4211
  display: -ms-flexbox;
@@ -5057,10 +5643,10 @@ ol, ul {
5057
5643
  font-size: 1.25rem; } }
5058
5644
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
5059
5645
  .digit-panel-wrapper .digit-panel-info-wrapper .digit-panel-response {
5060
- font-size: 1.375rem; } }
5646
+ font-size: 1.25rem; } }
5061
5647
  @media (min-aspect-ratio: 3 / 4) {
5062
5648
  .digit-panel-wrapper .digit-panel-info-wrapper .digit-panel-response {
5063
- font-size: 1.5rem; } }
5649
+ font-size: 1.25rem; } }
5064
5650
 
5065
5651
  .digit-popup-overlay {
5066
5652
  position: fixed;
@@ -6926,10 +7512,10 @@ textarea::-webkit-scrollbar-thumb {
6926
7512
  font-size: 1.25rem; } }
6927
7513
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
6928
7514
  .digit-text-block-wrap .digit-text-block-header-content .digit-text-block-subheader {
6929
- font-size: 1.375rem; } }
7515
+ font-size: 1.25rem; } }
6930
7516
  @media (min-aspect-ratio: 3 / 4) {
6931
7517
  .digit-text-block-wrap .digit-text-block-header-content .digit-text-block-subheader {
6932
- font-size: 1.5rem; } }
7518
+ font-size: 1.25rem; } }
6933
7519
  .digit-text-block-wrap .digit-text-block-body {
6934
7520
  font-family: Roboto;
6935
7521
  font-style: normal;
@@ -7349,6 +7935,21 @@ textarea::-webkit-scrollbar-thumb {
7349
7935
  .digit-text-input-customIcon.disabled, .digit-text-input-customIcon.nonEditable {
7350
7936
  pointer-events: none; }
7351
7937
 
7938
+ .digit-new-date-format {
7939
+ position: absolute;
7940
+ top: 50%;
7941
+ right: 12px;
7942
+ -webkit-transform: translateY(-50%);
7943
+ transform: translateY(-50%);
7944
+ cursor: pointer;
7945
+ z-index: 2;
7946
+ pointer-events: auto; }
7947
+
7948
+ .digit-new-date-format.disabled {
7949
+ pointer-events: none;
7950
+ opacity: .4;
7951
+ cursor: not-allowed; }
7952
+
7352
7953
  .digit-timeline-item {
7353
7954
  display: -webkit-box;
7354
7955
  display: -ms-flexbox;
@@ -7781,6 +8382,86 @@ img {
7781
8382
  color: #c5c5c5;
7782
8383
  padding: .5rem .75rem; }
7783
8384
 
8385
+ .digit-toggle-toolbar.vertical-toggle {
8386
+ display: -webkit-box;
8387
+ display: -ms-flexbox;
8388
+ display: flex;
8389
+ -webkit-box-orient: vertical;
8390
+ -webkit-box-direction: normal;
8391
+ -ms-flex-direction: column;
8392
+ flex-direction: column;
8393
+ -webkit-box-align: stretch;
8394
+ -ms-flex-align: stretch;
8395
+ align-items: stretch; }
8396
+
8397
+ .digit-toggle-toolbar.vertical-toggle .toggle-option-container {
8398
+ width: -webkit-fit-content !important;
8399
+ width: -moz-fit-content !important;
8400
+ width: fit-content !important;
8401
+ max-width: 100% !important; }
8402
+
8403
+ .digit-toggle-toolbar.vertical-toggle .digit-toggle-btn-wrap {
8404
+ -webkit-box-sizing: border-box;
8405
+ box-sizing: border-box;
8406
+ display: -webkit-box;
8407
+ display: -ms-flexbox;
8408
+ display: flex;
8409
+ -webkit-box-align: center;
8410
+ -ms-flex-align: center;
8411
+ align-items: center;
8412
+ -webkit-box-pack: center;
8413
+ -ms-flex-pack: center;
8414
+ justify-content: center;
8415
+ padding: .75rem;
8416
+ background-color: #fff;
8417
+ border: 1px solid #d6d6d6;
8418
+ cursor: pointer;
8419
+ -webkit-transition: all .2s ease;
8420
+ transition: all .2s ease;
8421
+ width: 8.5rem !important;
8422
+ min-width: 6.25rem;
8423
+ height: 8.125rem; }
8424
+
8425
+ .vertical-toggle .toggle-option-container:first-child .digit-toggle-btn-wrap {
8426
+ border-top-left-radius: .5rem;
8427
+ border-top-right-radius: .5rem; }
8428
+
8429
+ .vertical-toggle .toggle-option-container:last-child .digit-toggle-btn-wrap {
8430
+ border-bottom-left-radius: .5rem;
8431
+ border-bottom-right-radius: .5rem; }
8432
+
8433
+ .digit-toggle-toolbar.vertical-toggle .digit-toggle-btn-wrap.checked {
8434
+ border: 2px solid #c84c0e;
8435
+ background-color: #fff !important;
8436
+ color: #c84c0e;
8437
+ width: 9rem !important;
8438
+ -webkit-transform: scaleX(1.05);
8439
+ transform: scaleX(1.05); }
8440
+
8441
+ .digit-toggle-toolbar.vertical-toggle .digit-toggle-label {
8442
+ font-weight: 700;
8443
+ font-size: [object Object];
8444
+ text-align: center;
8445
+ width: 100%;
8446
+ background-color: #fff;
8447
+ color: #0b4b66; }
8448
+
8449
+ .digit-toggle-input {
8450
+ display: none; }
8451
+
8452
+ .vertical-toggle .digit-toggle-btn-wrap input:checked + .digit-toggle-label, .vertical-toggle .digit-toggle-btn-wrap .digit-checkbox-container .input-emp:checked + .digit-toggle-label, .digit-checkbox-container .vertical-toggle .digit-toggle-btn-wrap .input-emp:checked + .digit-toggle-label {
8453
+ background-color: #fff !important;
8454
+ color: #c84c0e !important;
8455
+ border-bottom-right-radius: .5rem;
8456
+ border-top-right-radius: .5rem; }
8457
+
8458
+ .vertical-toggle .digit-toggle-btn-wrap.checked {
8459
+ border-bottom-right-radius: .5rem;
8460
+ border-top-right-radius: .5rem; }
8461
+
8462
+ .vertical-toggle .digit-toggle-label.disabled {
8463
+ color: #c5c5c5 !important; }
8464
+
7784
8465
  .digit-tree-select-options-container.first-level:nth-of-type(2n) .digit-tree-multiselect-option.level-0:not(.checked), .digit-tree-select-options-container.first-level:nth-of-type(2n) .digit-tree-select-option.level-0 {
7785
8466
  background-color: #fafafa; }
7786
8467
 
@@ -8513,10 +9194,10 @@ img {
8513
9194
  font-size: 1.25rem; } }
8514
9195
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
8515
9196
  .digit-uploader-wrap .capture-heading {
8516
- font-size: 1.375rem; } }
9197
+ font-size: 1.25rem; } }
8517
9198
  @media (min-aspect-ratio: 3 / 4) {
8518
9199
  .digit-uploader-wrap .capture-heading {
8519
- font-size: 1.5rem; } }
9200
+ font-size: 1.25rem; } }
8520
9201
  .digit-uploader-wrap .react-doc-viewer .image-render {
8521
9202
  background-color: initial; }
8522
9203
  @media (min-width: 30.063rem) and (max-width: 47.938rem) {
@@ -10890,10 +11571,10 @@ video::-webkit-media-controls-panel {
10890
11571
  font-size: 1.25rem; } }
10891
11572
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
10892
11573
  .digit-landing-page-card .icon-module-header .ladingcard-moduleName {
10893
- font-size: 1.375rem; } }
11574
+ font-size: 1.25rem; } }
10894
11575
  @media (min-aspect-ratio: 3 / 4) {
10895
11576
  .digit-landing-page-card .icon-module-header .ladingcard-moduleName {
10896
- font-size: 1.5rem; } }
11577
+ font-size: 1.25rem; } }
10897
11578
  .digit-landing-page-card .icon-module-header.left {
10898
11579
  -webkit-box-pack: justify;
10899
11580
  -ms-flex-pack: justify;
@@ -10944,10 +11625,10 @@ video::-webkit-media-controls-panel {
10944
11625
  font-size: 1.25rem; } }
10945
11626
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
10946
11627
  .digit-landing-page-card .metric-container .metric-item .metric-count {
10947
- font-size: 1.375rem; } }
11628
+ font-size: 1.25rem; } }
10948
11629
  @media (min-aspect-ratio: 3 / 4) {
10949
11630
  .digit-landing-page-card .metric-container .metric-item .metric-count {
10950
- font-size: 1.5rem; } }
11631
+ font-size: 1.25rem; } }
10951
11632
  .digit-landing-page-card .metric-container .metric-item .metric-count, .digit-landing-page-card .metric-container .metric-item .metric-label {
10952
11633
  font-family: Roboto;
10953
11634
  font-style: normal; }
@@ -11113,10 +11794,10 @@ video::-webkit-media-controls-panel {
11113
11794
  font-size: 1.25rem; } }
11114
11795
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
11115
11796
  .digit-menu-card .icon-menu-header .digit-menuacard-menuName {
11116
- font-size: 1.375rem; } }
11797
+ font-size: 1.25rem; } }
11117
11798
  @media (min-aspect-ratio: 3 / 4) {
11118
11799
  .digit-menu-card .icon-menu-header .digit-menuacard-menuName {
11119
- font-size: 1.5rem; } }
11800
+ font-size: 1.25rem; } }
11120
11801
  .digit-menu-card .digit-menucard-description {
11121
11802
  font-family: Roboto;
11122
11803
  font-style: normal;
@@ -11221,10 +11902,10 @@ video::-webkit-media-controls-panel {
11221
11902
  font-size: 1.25rem; } }
11222
11903
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
11223
11904
  .digit-label-otp-wrapper .otp-input {
11224
- font-size: 1.375rem; } }
11905
+ font-size: 1.25rem; } }
11225
11906
  @media (min-aspect-ratio: 3 / 4) {
11226
11907
  .digit-label-otp-wrapper .otp-input {
11227
- font-size: 1.5rem; } }
11908
+ font-size: 1.25rem; } }
11228
11909
  .digit-label-otp-wrapper .otp-input:focus {
11229
11910
  border-color: #c84c0e; }
11230
11911
  .digit-label-otp-wrapper .otp-input::-webkit-input-placeholder {
@@ -11238,10 +11919,10 @@ video::-webkit-media-controls-panel {
11238
11919
  font-size: 1.25rem; } }
11239
11920
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
11240
11921
  .digit-label-otp-wrapper .otp-input::-webkit-input-placeholder {
11241
- font-size: 1.375rem; } }
11922
+ font-size: 1.25rem; } }
11242
11923
  @media (min-aspect-ratio: 3 / 4) {
11243
11924
  .digit-label-otp-wrapper .otp-input::-webkit-input-placeholder {
11244
- font-size: 1.5rem; } }
11925
+ font-size: 1.25rem; } }
11245
11926
  .digit-label-otp-wrapper .otp-input::-moz-placeholder {
11246
11927
  color: #c5c5c5;
11247
11928
  font-family: Roboto;
@@ -11253,10 +11934,10 @@ video::-webkit-media-controls-panel {
11253
11934
  font-size: 1.25rem; } }
11254
11935
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
11255
11936
  .digit-label-otp-wrapper .otp-input::-moz-placeholder {
11256
- font-size: 1.375rem; } }
11937
+ font-size: 1.25rem; } }
11257
11938
  @media (min-aspect-ratio: 3 / 4) {
11258
11939
  .digit-label-otp-wrapper .otp-input::-moz-placeholder {
11259
- font-size: 1.5rem; } }
11940
+ font-size: 1.25rem; } }
11260
11941
  .digit-label-otp-wrapper .otp-input:-ms-input-placeholder {
11261
11942
  color: #c5c5c5;
11262
11943
  font-family: Roboto;
@@ -11268,10 +11949,10 @@ video::-webkit-media-controls-panel {
11268
11949
  font-size: 1.25rem; } }
11269
11950
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
11270
11951
  .digit-label-otp-wrapper .otp-input:-ms-input-placeholder {
11271
- font-size: 1.375rem; } }
11952
+ font-size: 1.25rem; } }
11272
11953
  @media (min-aspect-ratio: 3 / 4) {
11273
11954
  .digit-label-otp-wrapper .otp-input:-ms-input-placeholder {
11274
- font-size: 1.5rem; } }
11955
+ font-size: 1.25rem; } }
11275
11956
  .digit-label-otp-wrapper .otp-input::-ms-input-placeholder {
11276
11957
  color: #c5c5c5;
11277
11958
  font-family: Roboto;
@@ -11283,10 +11964,10 @@ video::-webkit-media-controls-panel {
11283
11964
  font-size: 1.25rem; } }
11284
11965
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
11285
11966
  .digit-label-otp-wrapper .otp-input::-ms-input-placeholder {
11286
- font-size: 1.375rem; } }
11967
+ font-size: 1.25rem; } }
11287
11968
  @media (min-aspect-ratio: 3 / 4) {
11288
11969
  .digit-label-otp-wrapper .otp-input::-ms-input-placeholder {
11289
- font-size: 1.5rem; } }
11970
+ font-size: 1.25rem; } }
11290
11971
  .digit-label-otp-wrapper .otp-input::placeholder {
11291
11972
  color: #c5c5c5;
11292
11973
  font-family: Roboto;
@@ -11298,10 +11979,10 @@ video::-webkit-media-controls-panel {
11298
11979
  font-size: 1.25rem; } }
11299
11980
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
11300
11981
  .digit-label-otp-wrapper .otp-input::placeholder {
11301
- font-size: 1.375rem; } }
11982
+ font-size: 1.25rem; } }
11302
11983
  @media (min-aspect-ratio: 3 / 4) {
11303
11984
  .digit-label-otp-wrapper .otp-input::placeholder {
11304
- font-size: 1.5rem; } }
11985
+ font-size: 1.25rem; } }
11305
11986
 
11306
11987
  .digit-table-footer-wrapper {
11307
11988
  display: -webkit-box;
@@ -11725,10 +12406,10 @@ tr td:last-child.withColumnDivider {
11725
12406
  font-size: 1.25rem; } }
11726
12407
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
11727
12408
  .table-header-wrapper .header-filter-wrapper .table-header {
11728
- font-size: 1.375rem; } }
12409
+ font-size: 1.25rem; } }
11729
12410
  @media (min-aspect-ratio: 3 / 4) {
11730
12411
  .table-header-wrapper .header-filter-wrapper .table-header {
11731
- font-size: 1.5rem; } }
12412
+ font-size: 1.25rem; } }
11732
12413
  .table-header-wrapper .table-description, .table-header-wrapper .table-header {
11733
12414
  font-family: Roboto;
11734
12415
  font-style: normal; }
@@ -11957,10 +12638,10 @@ tr td:last-child.withColumnDivider {
11957
12638
  font-size: 1.25rem; } }
11958
12639
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
11959
12640
  .slider-header {
11960
- font-size: 1.375rem; } }
12641
+ font-size: 1.25rem; } }
11961
12642
  @media (min-aspect-ratio: 3 / 4) {
11962
12643
  .slider-header {
11963
- font-size: 1.5rem; } }
12644
+ font-size: 1.25rem; } }
11964
12645
  .slider-header .close-icon {
11965
12646
  cursor: pointer;
11966
12647
  position: absolute;
@@ -12882,10 +13563,10 @@ tr td:last-child.withColumnDivider {
12882
13563
  font-size: 1.25rem; } }
12883
13564
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
12884
13565
  .digit-view-card .digit-view-card-subheader {
12885
- font-size: 1.375rem; } }
13566
+ font-size: 1.25rem; } }
12886
13567
  @media (min-aspect-ratio: 3 / 4) {
12887
13568
  .digit-view-card .digit-view-card-subheader {
12888
- font-size: 1.5rem; } }
13569
+ font-size: 1.25rem; } }
12889
13570
 
12890
13571
  .digit-view-card .view-card-field-pairs {
12891
13572
  display: -webkit-box;
@@ -13698,10 +14379,10 @@ button:hover {
13698
14379
  font-size: 1.25rem; } }
13699
14380
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
13700
14381
  .digit-inbox-search-links-container .digit-inbox-search-links-header .digit-inbox-search-links-header-text {
13701
- font-size: 1.375rem; } }
14382
+ font-size: 1.25rem; } }
13702
14383
  @media (min-aspect-ratio: 3 / 4) {
13703
14384
  .digit-inbox-search-links-container .digit-inbox-search-links-header .digit-inbox-search-links-header-text {
13704
- font-size: 1.5rem; } }
14385
+ font-size: 1.25rem; } }
13705
14386
 
13706
14387
  .digit-inbox-search-links-container .digit-inbox-search-links-contents {
13707
14388
  display: -webkit-box;
@@ -13755,6 +14436,66 @@ button:hover {
13755
14436
 
13756
14437
  .digit-table-loader {
13757
14438
  height: 31.25rem;
14439
+ -webkit-box-align: center;
14440
+ -ms-flex-align: center;
14441
+ align-items: center;
14442
+ -webkit-box-pack: center;
14443
+ -ms-flex-pack: center;
14444
+ justify-content: center; }
14445
+
14446
+ .digit-custom-row-wrapper, .digit-table-loader {
14447
+ display: -webkit-box;
14448
+ display: -ms-flexbox;
14449
+ display: flex; }
14450
+
14451
+ .digit-custom-row-wrapper {
14452
+ -webkit-box-orient: vertical;
14453
+ -webkit-box-direction: normal;
14454
+ -ms-flex-direction: column;
14455
+ flex-direction: column;
14456
+ grid-gap: 1.5rem;
14457
+ gap: 1.5rem; }
14458
+
14459
+ .footer-pagination-content.digit-results-table {
14460
+ margin-top: 1.5rem; }
14461
+ .footer-pagination-content.digit-results-table td {
14462
+ width: 100%; }
14463
+ .footer-pagination-content.digit-results-table td .pagination {
14464
+ border-top: none; }
14465
+
14466
+ .digit-results-card-component .digit-results-card-heading-tags-wrapper {
14467
+ display: -webkit-box;
14468
+ display: -ms-flexbox;
14469
+ display: flex;
14470
+ -webkit-box-align: center;
14471
+ -ms-flex-align: center;
14472
+ align-items: center;
14473
+ -webkit-box-pack: justify;
14474
+ -ms-flex-pack: justify;
14475
+ justify-content: space-between; }
14476
+ .digit-results-card-component .digit-results-card-heading-tags-wrapper .digit-results-card-heading {
14477
+ color: #0b4b66;
14478
+ font-family: Roboto;
14479
+ font-style: normal;
14480
+ font-weight: 700;
14481
+ line-height: 1.14rem; }
14482
+ @media (max-aspect-ratio: 9 / 16) {
14483
+ .digit-results-card-component .digit-results-card-heading-tags-wrapper .digit-results-card-heading {
14484
+ font-size: 1.25rem; } }
14485
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
14486
+ .digit-results-card-component .digit-results-card-heading-tags-wrapper .digit-results-card-heading {
14487
+ font-size: 1.25rem; } }
14488
+ @media (min-aspect-ratio: 3 / 4) {
14489
+ .digit-results-card-component .digit-results-card-heading-tags-wrapper .digit-results-card-heading {
14490
+ font-size: 1.25rem; } }
14491
+ .digit-results-card-component .digit-results-card-heading-tags-wrapper .digit-results-card-tags {
14492
+ display: -webkit-box;
14493
+ display: -ms-flexbox;
14494
+ display: flex;
14495
+ grid-gap: 1rem;
14496
+ gap: 1rem; }
14497
+
14498
+ .pagination.custom-results button {
13758
14499
  display: -webkit-box;
13759
14500
  display: -ms-flexbox;
13760
14501
  display: flex;
@@ -13764,6 +14505,8 @@ button:hover {
13764
14505
  -webkit-box-pack: center;
13765
14506
  -ms-flex-pack: center;
13766
14507
  justify-content: center; }
14508
+ .pagination.custom-results button svg {
14509
+ margin-left: 0; }
13767
14510
 
13768
14511
  .digit-global-search-results-table-wrapper {
13769
14512
  display: -webkit-box;
@@ -14003,11 +14746,11 @@ button:hover {
14003
14746
 
14004
14747
  @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
14005
14748
  .typography-story.heading-m {
14006
- font-size: 1.375rem; } }
14749
+ font-size: 1.25rem; } }
14007
14750
 
14008
14751
  @media (min-aspect-ratio: 3 / 4) {
14009
14752
  .typography-story.heading-m {
14010
- font-size: 1.5rem; } }
14753
+ font-size: 1.25rem; } }
14011
14754
 
14012
14755
  .typography-story.heading-m, .typography-story.heading-s {
14013
14756
  font-family: Roboto;