@egovernments/digit-ui-health-css 0.2.126 → 0.2.130

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,5 +1,5 @@
1
1
  /*!
2
- * @egovernments/digit-ui-health-css - 0.2.126
2
+ * @egovernments/digit-ui-health-css - 0.2.130
3
3
  *
4
4
  * Copyright (c) 2025 Jagankumar <jagan.kumar@egov.org.in>
5
5
  *
@@ -6318,65 +6318,1262 @@ header {
6318
6318
  width: 80%; }
6319
6319
 
6320
6320
  .health-dss-inbox-table .rdt_TableBody {
6321
- border: none !important; }
6321
+ border: none !important;
6322
+ border-bottom: 0.063rem solid #d6d5d4 !important; }
6323
+
6324
+ .customTable .rdt_TableRow:hover {
6325
+ background-color: #fbeee8 !important; }
6326
+
6327
+ .customTable .rdt_TableRow > .rdt_TableCell:first-of-type {
6328
+ position: sticky;
6329
+ z-index: 10;
6330
+ left: 0;
6331
+ background-color: #fff; }
6332
+
6333
+ .customTable .rdt_TableRow:hover > .rdt_TableCell:first-of-type {
6334
+ position: sticky;
6335
+ z-index: 10;
6336
+ left: 0;
6337
+ background-color: #fbeee8; }
6338
+
6339
+ .customTable .rdt_TableHeadRow > .rdt_TableCol:first-of-type {
6340
+ position: sticky;
6341
+ z-index: 12;
6342
+ left: 0;
6343
+ top: 0;
6344
+ background-color: #eee; }
6345
+
6346
+ .customTable .rdt_TableRow > .rdt_TableCell:nth-of-type(2) {
6347
+ position: sticky;
6348
+ z-index: 10;
6349
+ left: 6.25rem;
6350
+ background-color: #fff; }
6351
+
6352
+ .customTable .rdt_TableRow:hover > .rdt_TableCell:nth-of-type(2) {
6353
+ position: sticky;
6354
+ z-index: 10;
6355
+ left: 6.25rem;
6356
+ background-color: #fbeee8; }
6357
+
6358
+ .customTable .rdt_TableHeadRow > .rdt_TableCol:nth-of-type(2) {
6359
+ position: sticky;
6360
+ z-index: 12;
6361
+ left: 6.25rem;
6362
+ top: 0;
6363
+ background-color: #eee; }
6364
+
6365
+ .custom-daterange-wrapper {
6366
+ position: relative;
6367
+ font-family: Roboto; }
6368
+
6369
+ .custom-daterange-input {
6370
+ padding: .75rem;
6371
+ border: .063rem solid;
6372
+ cursor: pointer;
6373
+ width: -webkit-fit-content;
6374
+ width: -moz-fit-content;
6375
+ width: fit-content;
6376
+ min-width: 37.5rem;
6377
+ display: inline-block;
6378
+ -webkit-user-select: none;
6379
+ -moz-user-select: none;
6380
+ -ms-user-select: none;
6381
+ user-select: none;
6382
+ -webkit-box-shadow: 0 0.063rem 0.188rem rgba(0, 0, 0, 0.1);
6383
+ box-shadow: 0 0.063rem 0.188rem rgba(0, 0, 0, 0.1); }
6384
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
6385
+ .custom-daterange-input {
6386
+ max-width: 27.5rem; } }
6387
+ @media (max-aspect-ratio: 9 / 16) {
6388
+ .custom-daterange-input {
6389
+ max-width: 100%;
6390
+ width: 100%; } }
6391
+ @media (min-aspect-ratio: 3 / 4) {
6392
+ .custom-daterange-input {
6393
+ max-width: 37.5rem; } }
6394
+
6395
+ .custom-daterange-input:hover {
6396
+ border-color: #999; }
6397
+
6398
+ .custom-daterange-popup {
6399
+ position: absolute;
6400
+ top: 110%;
6401
+ left: 0;
6402
+ z-index: 1000;
6403
+ background: #fff;
6404
+ border: .063rem solid #ddd;
6405
+ border-radius: .5rem;
6406
+ -webkit-box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);
6407
+ box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15); }
6408
+
6409
+ .rdrEndEdge, .rdrInRange, .rdrSelected, .rdrStartEdge {
6410
+ background: #c84c0e !important;
6411
+ color: #fff; }
6412
+
6413
+ .rdrDayNumber span {
6414
+ color: #363636; }
6415
+
6416
+ .rdrDayNumber span:active, .rdrDayNumber span:focus {
6417
+ color: #fff; }
6418
+
6419
+ .rdrDay:hover {
6420
+ background: #feefe7;
6421
+ border-radius: 1rem; }
6422
+
6423
+ .stackedCard {
6424
+ -webkit-box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.25);
6425
+ box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.25);
6426
+ -webkit-box-flex: 1;
6427
+ -ms-flex: 1;
6428
+ flex: 1;
6429
+ margin-top: 1.875rem; }
6430
+
6431
+ .digit-stacked-table-container {
6432
+ height: 31.25rem;
6433
+ display: -webkit-box;
6434
+ display: -ms-flexbox;
6435
+ display: flex;
6436
+ -webkit-box-orient: vertical;
6437
+ -webkit-box-direction: normal;
6438
+ -ms-flex-direction: column;
6439
+ flex-direction: column;
6440
+ grid-gap: 1.5rem;
6441
+ gap: 1.5rem;
6442
+ overflow-y: auto;
6443
+ -webkit-box-align: start;
6444
+ -ms-flex-align: start;
6445
+ align-items: flex-start; }
6446
+
6447
+ .digit-stacked-table-container::-webkit-scrollbar {
6448
+ width: .5rem;
6449
+ background-color: #eee; }
6450
+
6451
+ .digit-stacked-table-container::-webkit-scrollbar-track {
6452
+ background-color: #eee;
6453
+ border-radius: .563rem; }
6454
+
6455
+ .digit-stacked-table-container::-webkit-scrollbar-thumb {
6456
+ background-color: #d6d5d4;
6457
+ border-radius: .563rem; }
6458
+
6459
+ .digit-stacked-table-container::-webkit-scrollbar:horizontal {
6460
+ height: .5rem;
6461
+ background-color: #d6d5d4; }
6462
+
6463
+ .digit-stacked-row {
6464
+ display: -webkit-box;
6465
+ display: -ms-flexbox;
6466
+ display: flex;
6467
+ width: 99%;
6468
+ -webkit-box-pack: space-evenly;
6469
+ -ms-flex-pack: space-evenly;
6470
+ justify-content: space-evenly;
6471
+ -webkit-box-align: center;
6472
+ -ms-flex-align: center;
6473
+ align-items: center;
6474
+ background-color: #fafafa;
6475
+ color: #505a5f;
6476
+ border-radius: .25rem;
6477
+ border: .063rem solid #d6d5d4;
6478
+ text-align: center;
6479
+ padding: 1.5rem; }
6480
+ @media (max-aspect-ratio: 9 / 16) {
6481
+ .digit-stacked-row {
6482
+ -webkit-box-orient: vertical;
6483
+ -webkit-box-direction: normal;
6484
+ -ms-flex-direction: column;
6485
+ flex-direction: column;
6486
+ grid-gap: 1.5rem;
6487
+ gap: 1.5rem; } }
6488
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
6489
+ .digit-stacked-row {
6490
+ -webkit-box-orient: vertical;
6491
+ -webkit-box-direction: normal;
6492
+ -ms-flex-direction: column;
6493
+ flex-direction: column;
6494
+ grid-gap: 1.5rem;
6495
+ gap: 1.5rem; } }
6496
+
6497
+ .digit-stacked-row-index {
6498
+ width: 20%;
6499
+ word-break: break-word;
6500
+ color: #505a5f;
6501
+ font-family: Roboto;
6502
+ font-style: normal;
6503
+ font-weight: 700;
6504
+ line-height: 1.14rem;
6505
+ text-align: left; }
6506
+ @media (max-aspect-ratio: 9 / 16) {
6507
+ .digit-stacked-row-index {
6508
+ font-size: 1.25rem;
6509
+ width: 100%;
6510
+ -webkit-box-align: center;
6511
+ -ms-flex-align: center;
6512
+ align-items: center;
6513
+ display: -webkit-box;
6514
+ display: -ms-flexbox;
6515
+ display: flex;
6516
+ -webkit-box-pack: center;
6517
+ -ms-flex-pack: center;
6518
+ justify-content: center; } }
6519
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
6520
+ .digit-stacked-row-index {
6521
+ font-size: 1.375rem;
6522
+ width: 100%;
6523
+ -webkit-box-align: center;
6524
+ -ms-flex-align: center;
6525
+ align-items: center;
6526
+ display: -webkit-box;
6527
+ display: -ms-flexbox;
6528
+ display: flex;
6529
+ -webkit-box-pack: center;
6530
+ -ms-flex-pack: center;
6531
+ justify-content: center; } }
6532
+ @media (min-aspect-ratio: 3 / 4) {
6533
+ .digit-stacked-row-index {
6534
+ font-size: 1.5rem; } }
6535
+
6536
+ .digit-stacked-abs-cell {
6537
+ width: 20%;
6538
+ text-align: center;
6539
+ display: -webkit-box;
6540
+ display: -ms-flexbox;
6541
+ display: flex;
6542
+ -webkit-box-orient: vertical;
6543
+ -webkit-box-direction: normal;
6544
+ -ms-flex-direction: column;
6545
+ flex-direction: column;
6546
+ grid-gap: .5rem;
6547
+ gap: .5rem; }
6548
+ @media (max-aspect-ratio: 9 / 16) {
6549
+ .digit-stacked-abs-cell {
6550
+ width: 100%; } }
6551
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
6552
+ .digit-stacked-abs-cell {
6553
+ width: 100%; } }
6554
+
6555
+ .digit-dss-card-header-text, .digit-dss-options-header-boundary, .digit-metric-data-header, .digit-stacked-abs-value {
6556
+ color: #505a5f;
6557
+ font-family: Roboto;
6558
+ font-style: normal;
6559
+ font-weight: 700;
6560
+ line-height: 1.14rem; }
6561
+ @media (max-aspect-ratio: 9 / 16) {
6562
+ .digit-dss-card-header-text, .digit-dss-options-header-boundary, .digit-metric-data-header, .digit-stacked-abs-value {
6563
+ font-size: 1.25rem; } }
6564
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
6565
+ .digit-dss-card-header-text, .digit-dss-options-header-boundary, .digit-metric-data-header, .digit-stacked-abs-value {
6566
+ font-size: 1.375rem; } }
6567
+ @media (min-aspect-ratio: 3 / 4) {
6568
+ .digit-dss-card-header-text, .digit-dss-options-header-boundary, .digit-metric-data-header, .digit-stacked-abs-value {
6569
+ font-size: 1.5rem; } }
6570
+
6571
+ .digit-banner-cell-sub-text, .digit-banner-sub-heading, .digit-dss-insight-card-difference, .digit-pie-chart-legend-text, .digit-stacked-cell-sub-text, .digit-table-switch-card {
6572
+ color: #505a5f;
6573
+ font-family: Roboto;
6574
+ font-style: normal;
6575
+ font-weight: 400;
6576
+ line-height: 1.37rem; }
6577
+ @media (max-aspect-ratio: 9 / 16) {
6578
+ .digit-banner-cell-sub-text, .digit-banner-sub-heading, .digit-dss-insight-card-difference, .digit-pie-chart-legend-text, .digit-stacked-cell-sub-text, .digit-table-switch-card {
6579
+ font-size: .875rem; } }
6580
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
6581
+ .digit-banner-cell-sub-text, .digit-banner-sub-heading, .digit-dss-insight-card-difference, .digit-pie-chart-legend-text, .digit-stacked-cell-sub-text, .digit-table-switch-card {
6582
+ font-size: 1rem; } }
6583
+ @media (min-aspect-ratio: 3 / 4) {
6584
+ .digit-banner-cell-sub-text, .digit-banner-sub-heading, .digit-dss-insight-card-difference, .digit-pie-chart-legend-text, .digit-stacked-cell-sub-text, .digit-table-switch-card {
6585
+ font-size: 1rem; } }
6586
+
6587
+ .digit-stacked-percentage-cell {
6588
+ width: 20%;
6589
+ -webkit-box-orient: vertical;
6590
+ -webkit-box-direction: normal;
6591
+ -ms-flex-direction: column;
6592
+ flex-direction: column;
6593
+ -webkit-box-pack: center;
6594
+ -ms-flex-pack: center;
6595
+ justify-content: center;
6596
+ grid-gap: .5rem;
6597
+ gap: .5rem; }
6598
+ @media (max-aspect-ratio: 9 / 16) {
6599
+ .digit-stacked-percentage-cell {
6600
+ width: 100%; } }
6601
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
6602
+ .digit-stacked-percentage-cell {
6603
+ width: 100%; } }
6604
+
6605
+ .digit-stacked-percentage-cell, .digit-stacked-progress-cell {
6606
+ display: -webkit-box;
6607
+ display: -ms-flexbox;
6608
+ display: flex;
6609
+ -webkit-box-align: center;
6610
+ -ms-flex-align: center;
6611
+ align-items: center; }
6612
+
6613
+ .digit-stacked-progress-cell {
6614
+ width: 60%;
6615
+ -webkit-box-pack: justify;
6616
+ -ms-flex-pack: justify;
6617
+ justify-content: space-between;
6618
+ grid-gap: 1.5rem;
6619
+ gap: 1.5rem; }
6620
+
6621
+ .digit-stacked-percentage-value {
6622
+ width: -webkit-fit-content;
6623
+ width: -moz-fit-content;
6624
+ width: fit-content;
6625
+ color: #505a5f;
6626
+ font-family: Roboto;
6627
+ font-style: normal;
6628
+ font-weight: 700;
6629
+ line-height: 1.14rem; }
6630
+ @media (max-aspect-ratio: 9 / 16) {
6631
+ .digit-stacked-percentage-value {
6632
+ font-size: 1.25rem; } }
6633
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
6634
+ .digit-stacked-percentage-value {
6635
+ font-size: 1.375rem; } }
6636
+ @media (min-aspect-ratio: 3 / 4) {
6637
+ .digit-stacked-percentage-value {
6638
+ font-size: 1.5rem; } }
6639
+
6640
+ .digit-stacked-percentage-bar-grey {
6641
+ background-color: #d9d9d9;
6642
+ width: 75%;
6643
+ border-radius: 1.75rem;
6644
+ height: .375rem; }
6645
+
6646
+ .digit-stacked-percentage-bar-progress {
6647
+ margin: 0;
6648
+ border-radius: 1.75rem;
6649
+ height: 100%;
6650
+ position: relative; }
6651
+
6652
+ .digit-stacked-progress-end-circle {
6653
+ width: .404rem;
6654
+ height: .404rem;
6655
+ background-color: #fff;
6656
+ border-radius: 50%;
6657
+ position: absolute;
6658
+ top: 50%;
6659
+ right: 0;
6660
+ -webkit-transform: translate(50%, -50%);
6661
+ transform: translate(50%, -50%);
6662
+ -webkit-box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.2);
6663
+ box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.2);
6664
+ z-index: 2; }
6665
+
6666
+ .digit-chart-header {
6667
+ display: -webkit-box;
6668
+ display: -ms-flexbox;
6669
+ display: flex;
6670
+ grid-gap: 1.5rem;
6671
+ gap: 1.5rem;
6672
+ -webkit-box-pack: justify;
6673
+ -ms-flex-pack: justify;
6674
+ justify-content: space-between; }
6675
+ @media (max-aspect-ratio: 9 / 16) {
6676
+ .digit-chart-header {
6677
+ -webkit-box-orient: vertical;
6678
+ -webkit-box-direction: normal;
6679
+ -ms-flex-direction: column;
6680
+ flex-direction: column; } }
6681
+ .digit-chart-header .tooltip-content {
6682
+ max-width: 100% !important; }
6683
+
6684
+ .digit-dss-insight-card .tooltip-content {
6685
+ width: -webkit-fit-content;
6686
+ width: -moz-fit-content;
6687
+ width: fit-content;
6688
+ word-break: break-word;
6689
+ max-width: 100% !important; }
6690
+
6691
+ .digit-side-content {
6692
+ display: -webkit-box;
6693
+ display: -ms-flexbox;
6694
+ display: flex;
6695
+ -webkit-box-align: center;
6696
+ -ms-flex-align: center;
6697
+ align-items: center;
6698
+ grid-gap: 1rem;
6699
+ gap: 1rem;
6700
+ width: auto;
6701
+ -webkit-box-pack: end;
6702
+ -ms-flex-pack: end;
6703
+ justify-content: flex-end; }
6704
+ .digit-side-content .digit-table-search-wrapper {
6705
+ display: -webkit-box !important;
6706
+ display: -ms-flexbox !important;
6707
+ display: flex !important;
6708
+ width: -webkit-fit-content;
6709
+ width: -moz-fit-content;
6710
+ width: fit-content;
6711
+ -webkit-box-align: center;
6712
+ -ms-flex-align: center;
6713
+ align-items: center;
6714
+ grid-gap: .5rem;
6715
+ gap: .5rem; }
6716
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
6717
+ .digit-side-content .digit-table-search-wrapper .digit-field {
6718
+ max-width: 27.5rem; } }
6719
+ @media (max-aspect-ratio: 9 / 16) {
6720
+ .digit-side-content .digit-table-search-wrapper .digit-field {
6721
+ max-width: 100%;
6722
+ width: 100%; } }
6723
+ @media (min-aspect-ratio: 3 / 4) {
6724
+ .digit-side-content .digit-table-search-wrapper .digit-field {
6725
+ width: 37.5rem; } }
6726
+
6727
+ .custom-table.digit-side-content {
6728
+ width: auto; }
6729
+
6730
+ .digit-ellipsis-button-wrapper {
6731
+ width: 1.5rem; }
6732
+ .digit-ellipsis-button-wrapper .digit-ellipsis-button {
6733
+ width: 1.5rem;
6734
+ min-width: 1.5rem;
6735
+ padding: 0;
6736
+ background-color: initial !important;
6737
+ border: none;
6738
+ -webkit-box-shadow: none;
6739
+ box-shadow: none; }
6740
+ .digit-ellipsis-button-wrapper .digit-ellipsis-button .digit-button-label {
6741
+ display: none; }
6742
+ .digit-ellipsis-button-wrapper .header-dropdown-container .header-dropdown-menu {
6743
+ left: unset; }
6744
+
6745
+ .digit-generic-chart-header {
6746
+ font-family: Roboto;
6747
+ font-style: normal;
6748
+ font-weight: 700;
6749
+ line-height: 1.14rem; }
6750
+ @media (max-aspect-ratio: 9 / 16) {
6751
+ .digit-generic-chart-header {
6752
+ font-size: 1.25rem; } }
6753
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
6754
+ .digit-generic-chart-header {
6755
+ font-size: 1.375rem; } }
6756
+ @media (min-aspect-ratio: 3 / 4) {
6757
+ .digit-generic-chart-header {
6758
+ font-size: 1.5rem; } }
6759
+
6760
+ .digit-dss-insight-card-text, .digit-generic-chart-subheader {
6761
+ color: #505a5f;
6762
+ font-family: Roboto;
6763
+ font-style: normal;
6764
+ font-weight: 700;
6765
+ line-height: 1.14rem; }
6766
+ @media (max-aspect-ratio: 9 / 16) {
6767
+ .digit-dss-insight-card-text, .digit-generic-chart-subheader {
6768
+ font-size: 1rem; } }
6769
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
6770
+ .digit-dss-insight-card-text, .digit-generic-chart-subheader {
6771
+ font-size: 1rem; } }
6772
+ @media (min-aspect-ratio: 3 / 4) {
6773
+ .digit-dss-insight-card-text, .digit-generic-chart-subheader {
6774
+ font-size: 1rem; } }
6775
+
6776
+ .digit-dss-insight-card-sub-text, .digit-generic-chart-caption {
6777
+ color: #787878;
6778
+ font-family: Roboto;
6779
+ font-style: normal;
6780
+ font-weight: 400; }
6781
+ @media (max-aspect-ratio: 9 / 16) {
6782
+ .digit-dss-insight-card-sub-text, .digit-generic-chart-caption {
6783
+ font-size: .875rem; } }
6784
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
6785
+ .digit-dss-insight-card-sub-text, .digit-generic-chart-caption {
6786
+ font-size: 1rem; } }
6787
+ @media (min-aspect-ratio: 3 / 4) {
6788
+ .digit-dss-insight-card-sub-text, .digit-generic-chart-caption {
6789
+ font-size: 1rem; } }
6790
+
6791
+ .digit-dss-insight-card-sub-text, .digit-dss-insight-card-text {
6792
+ color: #0b0c0c; }
6793
+
6794
+ .digit-dss-card {
6795
+ display: -webkit-box;
6796
+ display: -ms-flexbox;
6797
+ display: flex;
6798
+ -webkit-box-align: stretch;
6799
+ -ms-flex-align: stretch;
6800
+ align-items: stretch;
6801
+ -webkit-box-pack: start;
6802
+ -ms-flex-pack: start;
6803
+ justify-content: flex-start;
6804
+ grid-gap: 1.5rem;
6805
+ gap: 1.5rem; }
6806
+ .digit-dss-card .digit-dss-card-parent {
6807
+ -webkit-box-flex: 1;
6808
+ -ms-flex: 1;
6809
+ flex: 1; }
6810
+
6811
+ .digit-dss-card.add-margin {
6812
+ margin-bottom: 1.5rem; }
6813
+
6814
+ .digit-donut-chart-container {
6815
+ height: 31.25rem; }
6816
+
6817
+ .digit-loader-new.digit-center-loader {
6818
+ width: 100%;
6819
+ display: -webkit-box;
6820
+ display: -ms-flexbox;
6821
+ display: flex;
6822
+ -webkit-box-align: center;
6823
+ -ms-flex-align: center;
6824
+ align-items: center;
6825
+ -webkit-box-pack: center;
6826
+ -ms-flex-pack: center;
6827
+ justify-content: center; }
6828
+
6829
+ .digit-dss-metric-card-text, .digit-pie-chart-inner-label-text {
6830
+ color: #505a5f;
6831
+ font-family: Roboto;
6832
+ font-style: normal;
6833
+ font-weight: 400;
6834
+ line-height: 1.37rem; }
6835
+ @media (max-aspect-ratio: 9 / 16) {
6836
+ .digit-dss-metric-card-text, .digit-pie-chart-inner-label-text {
6837
+ font-size: .875rem; } }
6838
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
6839
+ .digit-dss-metric-card-text, .digit-pie-chart-inner-label-text {
6840
+ font-size: 1rem; } }
6841
+ @media (min-aspect-ratio: 3 / 4) {
6842
+ .digit-dss-metric-card-text, .digit-pie-chart-inner-label-text {
6843
+ font-size: 1rem; } }
6844
+
6845
+ .digit-dss-insight-card-value, .digit-pie-chart-inner-label-value {
6846
+ color: #505a5f;
6847
+ font-family: Roboto;
6848
+ font-style: normal;
6849
+ font-weight: 700;
6850
+ line-height: 1.14rem; }
6851
+ @media (max-aspect-ratio: 9 / 16) {
6852
+ .digit-dss-insight-card-value, .digit-pie-chart-inner-label-value {
6853
+ font-size: 1.5rem; } }
6854
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
6855
+ .digit-dss-insight-card-value, .digit-pie-chart-inner-label-value {
6856
+ font-size: 1.75rem; } }
6857
+ @media (min-aspect-ratio: 3 / 4) {
6858
+ .digit-dss-insight-card-value, .digit-pie-chart-inner-label-value {
6859
+ font-size: 2rem; } }
6860
+
6861
+ .recharts-legend-item {
6862
+ margin-right: 0 !important;
6863
+ margin-bottom: 1.5rem !important; }
6864
+
6865
+ .digit-dss-insight-card-value {
6866
+ margin-bottom: .75rem; }
6867
+
6868
+ .digit-dss-insight-card-difference {
6869
+ margin-top: .25rem;
6870
+ margin-bottom: 2rem;
6871
+ white-space: pre;
6872
+ display: -webkit-box;
6873
+ display: -ms-flexbox;
6874
+ display: flex;
6875
+ grid-gap: .25rem;
6876
+ gap: .25rem;
6877
+ -webkit-box-align: center;
6878
+ -ms-flex-align: center;
6879
+ align-items: center;
6880
+ -webkit-box-pack: center;
6881
+ -ms-flex-pack: center;
6882
+ justify-content: center; }
6883
+ .digit-dss-insight-card-difference.increase {
6884
+ color: #00703c; }
6885
+ .digit-dss-insight-card-difference.decrease {
6886
+ color: #d4351c; }
6887
+ .digit-dss-insight-card-difference.metric-card {
6888
+ margin: 0; }
6889
+
6890
+ .recharts-layer.recharts-pie-sector {
6891
+ outline: none; }
6892
+
6893
+ .digit-pie-chart-tags {
6894
+ margin: 0; }
6895
+
6896
+ .digit-stacked-collection-card-header-wrapper {
6897
+ display: -webkit-box;
6898
+ display: -ms-flexbox;
6899
+ display: flex;
6900
+ grid-gap: 1rem;
6901
+ gap: 1rem;
6902
+ -webkit-box-align: center;
6903
+ -ms-flex-align: center;
6904
+ align-items: center;
6905
+ min-height: 2.5rem; }
6906
+ .digit-stacked-collection-card-header-wrapper svg {
6907
+ width: 2.5rem;
6908
+ height: 2.5rem;
6909
+ -ms-flex-negative: 0;
6910
+ flex-shrink: 0; }
6911
+ .digit-stacked-collection-card-header-wrapper .digit-small-pie-label, .digit-stacked-collection-card-header-wrapper .digit-stacked-collection-card-header-text {
6912
+ color: #0b0c0c;
6913
+ font-family: Roboto;
6914
+ font-style: normal;
6915
+ font-weight: 700;
6916
+ word-break: break-word;
6917
+ word-wrap: break-word;
6918
+ max-width: 100%; }
6919
+ @media (max-aspect-ratio: 9 / 16) {
6920
+ .digit-stacked-collection-card-header-wrapper .digit-small-pie-label, .digit-stacked-collection-card-header-wrapper .digit-stacked-collection-card-header-text {
6921
+ font-size: 1.25rem; } }
6922
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
6923
+ .digit-stacked-collection-card-header-wrapper .digit-small-pie-label, .digit-stacked-collection-card-header-wrapper .digit-stacked-collection-card-header-text {
6924
+ font-size: 1.375rem; } }
6925
+ @media (min-aspect-ratio: 3 / 4) {
6926
+ .digit-stacked-collection-card-header-wrapper .digit-small-pie-label, .digit-stacked-collection-card-header-wrapper .digit-stacked-collection-card-header-text {
6927
+ font-size: 1.5rem; } }
6928
+
6929
+ .digit-dss-card-body-stacked {
6930
+ -webkit-box-align: center;
6931
+ -ms-flex-align: center;
6932
+ align-items: center;
6933
+ grid-gap: 2rem;
6934
+ gap: 2rem; }
6935
+
6936
+ .digit-dss-card-body-stacked, .digit-dss-card-item {
6937
+ display: -webkit-box;
6938
+ display: -ms-flexbox;
6939
+ display: flex;
6940
+ -webkit-box-orient: vertical;
6941
+ -webkit-box-direction: normal;
6942
+ -ms-flex-direction: column;
6943
+ flex-direction: column; }
6944
+
6945
+ .digit-dss-card-item {
6946
+ text-align: center;
6947
+ width: 100%; }
6948
+
6949
+ .digit-dss-card-item-border {
6950
+ border-bottom: .063rem solid #d6d5d4; }
6951
+
6952
+ .digit-dss-insight-card {
6953
+ text-align: center;
6954
+ display: -webkit-box;
6955
+ display: -ms-flexbox;
6956
+ display: flex;
6957
+ -webkit-box-orient: vertical;
6958
+ -webkit-box-direction: normal;
6959
+ -ms-flex-direction: column;
6960
+ flex-direction: column; }
6961
+
6962
+ .digit-stacked-collection-card {
6963
+ width: 33%;
6964
+ grid-gap: 2rem;
6965
+ gap: 2rem; }
6966
+
6967
+ .digit-dss-options-header-wrapper {
6968
+ margin-bottom: 2rem;
6969
+ display: -webkit-box;
6970
+ display: -ms-flexbox;
6971
+ display: flex;
6972
+ -webkit-box-pack: justify;
6973
+ -ms-flex-pack: justify;
6974
+ justify-content: space-between; }
6975
+
6976
+ .digit-dss-options-header-options {
6977
+ display: -webkit-box;
6978
+ display: -ms-flexbox;
6979
+ display: flex;
6980
+ -webkit-box-align: center;
6981
+ -ms-flex-align: center;
6982
+ align-items: center;
6983
+ grid-gap: 1.5rem;
6984
+ gap: 1.5rem; }
6985
+
6986
+ .digit-dss-options-header-text {
6987
+ color: #0b0c0c;
6988
+ font-family: Roboto Condensed;
6989
+ font-style: normal;
6990
+ font-weight: 700; }
6991
+ @media (max-aspect-ratio: 9 / 16) {
6992
+ .digit-dss-options-header-text {
6993
+ font-size: 2rem; } }
6994
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
6995
+ .digit-dss-options-header-text {
6996
+ font-size: 2.25rem; } }
6997
+ @media (min-aspect-ratio: 3 / 4) {
6998
+ .digit-dss-options-header-text {
6999
+ font-size: 2.5rem; } }
7000
+ .digit-dss-options-header-text .digit-dss-options-header-boundary {
7001
+ color: #0b0c0c; }
7002
+ .digit-dss-options-header-text.level-two {
7003
+ display: -webkit-box;
7004
+ display: -ms-flexbox;
7005
+ display: flex;
7006
+ -webkit-box-align: center;
7007
+ -ms-flex-align: center;
7008
+ align-items: center; }
7009
+
7010
+ .digit-dss-options-header-option-button h2 {
7011
+ color: #505a5f !important; }
7012
+
7013
+ .digit-dss-options-header-options-button-wrapper .header-dropdown-container .header-dropdown-menu {
7014
+ left: -100px !important; }
7015
+
7016
+ .table-column-header {
7017
+ white-space: nowrap;
7018
+ word-wrap: break-word; }
7019
+
7020
+ .data-table .rdt_TableCol_Sortable {
7021
+ max-width: 100%; }
7022
+
7023
+ .data-table .rdt_TableCol_Sortable .tooltip {
7024
+ max-width: 80%; }
7025
+
7026
+ .rdt_TableCol_Sortable .__rdt_custom_sort_icon__ {
7027
+ -ms-flex-negative: 0;
7028
+ flex-shrink: 0; }
7029
+
7030
+ .digit-chart-header-wrapper {
7031
+ width: 100%; }
7032
+
7033
+ .digit-filters-wrapper {
7034
+ display: -webkit-box;
7035
+ display: -ms-flexbox;
7036
+ display: flex;
7037
+ -webkit-box-align: center;
7038
+ -ms-flex-align: center;
7039
+ align-items: center;
7040
+ grid-gap: 1rem;
7041
+ gap: 1rem;
7042
+ z-index: 1; }
7043
+
7044
+ .filter-close, .filter-header {
7045
+ display: none; }
7046
+
7047
+ .clearText {
7048
+ display: block;
7049
+ text-align: right;
7050
+ color: #c84c0e;
7051
+ margin-top: 1.25rem;
7052
+ margin-left: .625rem; }
7053
+
7054
+ .digit-filters-wrapper .digit-filters-input {
7055
+ max-width: 18.75rem;
7056
+ -ms-flex-preferred-size: 22%;
7057
+ flex-basis: 22%; }
7058
+ .digit-filters-wrapper .digit-filters-input.tabs {
7059
+ -ms-flex-preferred-size: 20%;
7060
+ flex-basis: 20%; }
7061
+ .digit-filters-wrapper .digit-filters-input.tabs .digit-toggle-toolbar .toggle-option-container {
7062
+ max-width: 100% !important; }
7063
+ .digit-filters-wrapper .digit-filters-input.tabs .digit-toggle-toolbar .toggle-option-container .digit-toggle-btn-wrap.checked .digit-toggle-label {
7064
+ background-color: #fff;
7065
+ color: #c84c0e !important; }
7066
+
7067
+ .digit-filters-wrapper .switch-wrapper {
7068
+ display: -webkit-box;
7069
+ display: -ms-flexbox;
7070
+ display: flex;
7071
+ -webkit-box-pack: justify;
7072
+ -ms-flex-pack: justify;
7073
+ justify-content: space-between;
7074
+ max-width: 12.5rem; }
7075
+ .digit-filters-wrapper .switch-wrapper .radio-switch {
7076
+ display: none; }
7077
+ .digit-filters-wrapper .switch-wrapper .radio-switch:checked ~ label {
7078
+ border-color: #f47738;
7079
+ color: #f47738; }
7080
+ .digit-filters-wrapper .switch-wrapper label {
7081
+ border: .063rem solid;
7082
+ padding: .375rem .625rem;
7083
+ display: block;
7084
+ --border-opacity:1;
7085
+ border: 1px solid #464646;
7086
+ border-color: rgba(70, 70, 70, var(--border-opacity)); }
7087
+ .digit-filters-wrapper .switch-wrapper label:hover {
7088
+ --border-opacity:1;
7089
+ border: 1px solid #f47738;
7090
+ border-color: rgba(244, 119, 56, var(--border-opacity)); }
7091
+
7092
+ .digit-date-range-label-field {
7093
+ display: -webkit-box;
7094
+ display: -ms-flexbox;
7095
+ display: flex;
7096
+ -webkit-box-orient: vertical;
7097
+ -webkit-box-direction: normal;
7098
+ -ms-flex-direction: column;
7099
+ flex-direction: column;
7100
+ grid-gap: .5rem;
7101
+ gap: .5rem; }
7102
+ .digit-date-range-label-field .digit-date-range-label {
7103
+ font-family: Roboto;
7104
+ font-style: normal;
7105
+ font-weight: 400;
7106
+ line-height: 1.37rem;
7107
+ color: #0b0c0c; }
7108
+ @media (max-aspect-ratio: 9 / 16) {
7109
+ .digit-date-range-label-field .digit-date-range-label {
7110
+ font-size: 1rem; } }
7111
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
7112
+ .digit-date-range-label-field .digit-date-range-label {
7113
+ font-size: 1rem; } }
7114
+ @media (min-aspect-ratio: 3 / 4) {
7115
+ .digit-date-range-label-field .digit-date-range-label {
7116
+ font-size: 1rem; } }
7117
+ .digit-date-range-label-field .digit-options-card {
7118
+ overflow: visible;
7119
+ width: unset;
7120
+ max-width: unset; }
7121
+
7122
+ [dir=ltr] .digit-filter-by-cycle-wrapper {
7123
+ margin-right: 1.5rem; }
7124
+
7125
+ [dir=rtl] .digit-filter-by-cycle-wrapper {
7126
+ margin-left: 1.5rem; }
7127
+
7128
+ .digit-filter-by-cycle-wrapper {
7129
+ display: -webkit-inline-box;
7130
+ display: -ms-inline-flexbox;
7131
+ display: inline-flex;
7132
+ position: absolute;
7133
+ right: 1.5rem;
7134
+ -ms-flex-line-pack: end;
7135
+ align-content: flex-end;
7136
+ -webkit-box-align: center;
7137
+ -ms-flex-align: center;
7138
+ align-items: center;
7139
+ grid-gap: 1rem;
7140
+ gap: 1rem; }
7141
+ .digit-filter-by-cycle-wrapper .digit-tag-container {
7142
+ margin: 0;
7143
+ -webkit-box-align: center;
7144
+ -ms-flex-align: center;
7145
+ align-items: center;
7146
+ -webkit-box-pack: end;
7147
+ -ms-flex-pack: end;
7148
+ justify-content: flex-end; }
7149
+
7150
+ .digit-dss-switch-tabs {
7151
+ background: #fff;
7152
+ -webkit-box-shadow: 0 0.063rem 0.125rem 0 rgba(0, 0, 0, 0.16078);
7153
+ box-shadow: 0 0.063rem 0.125rem 0 rgba(0, 0, 0, 0.16078);
7154
+ border-radius: .25rem;
7155
+ margin-bottom: 1.5rem;
7156
+ display: -webkit-box;
7157
+ display: -ms-flexbox;
7158
+ display: flex;
7159
+ grid-gap: 2rem;
7160
+ gap: 2rem; }
7161
+
7162
+ .digit-dss-switch-tab-wrapper::-webkit-scrollbar {
7163
+ width: .5rem;
7164
+ background-color: #eee; }
7165
+
7166
+ .digit-dss-switch-tab-wrapper::-webkit-scrollbar-track {
7167
+ background-color: #eee;
7168
+ border-radius: .563rem; }
7169
+
7170
+ .digit-dss-switch-tab-wrapper::-webkit-scrollbar-thumb {
7171
+ background-color: #d6d5d4;
7172
+ border-radius: .563rem; }
7173
+
7174
+ .digit-dss-switch-tab-wrapper::-webkit-scrollbar:horizontal {
7175
+ height: .5rem;
7176
+ background-color: #d6d5d4; }
7177
+
7178
+ .digit-dss-switch-tab-wrapper {
7179
+ cursor: pointer;
7180
+ display: -webkit-box;
7181
+ display: -ms-flexbox;
7182
+ display: flex;
7183
+ -webkit-box-orient: horizontal;
7184
+ -webkit-box-direction: normal;
7185
+ -ms-flex-direction: row;
7186
+ flex-direction: row;
7187
+ height: 4.5rem;
7188
+ -webkit-box-align: center;
7189
+ -ms-flex-align: center;
7190
+ align-items: center;
7191
+ max-width: 80%;
7192
+ overflow: auto; }
7193
+
7194
+ .digit-dss-switch-tab-selected {
7195
+ border-bottom: .25rem solid #c84c0e;
7196
+ color: #c84c0e;
7197
+ font-weight: 700; }
7198
+ @media (max-aspect-ratio: 9 / 16) {
7199
+ .digit-dss-switch-tab-selected {
7200
+ font-size: 1.25rem; } }
7201
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
7202
+ .digit-dss-switch-tab-selected {
7203
+ font-size: 1.375rem; } }
7204
+ @media (min-aspect-ratio: 3 / 4) {
7205
+ .digit-dss-switch-tab-selected {
7206
+ font-size: 1.5rem; } }
7207
+
7208
+ .digit-dss-switch-tab-selected, .digit-dss-switch-tab-unselected {
7209
+ padding: .625rem 1.5rem;
7210
+ font-family: Roboto;
7211
+ font-style: normal;
7212
+ -webkit-box-flex: 1;
7213
+ -ms-flex: 1;
7214
+ flex: 1;
7215
+ height: 100%;
7216
+ display: -webkit-box;
7217
+ display: -ms-flexbox;
7218
+ display: flex;
7219
+ -webkit-box-align: center;
7220
+ -ms-flex-align: center;
7221
+ align-items: center;
7222
+ -webkit-box-pack: center;
7223
+ -ms-flex-pack: center;
7224
+ justify-content: center;
7225
+ white-space: nowrap; }
7226
+
7227
+ .digit-dss-switch-tab-unselected {
7228
+ color: #505a5f;
7229
+ font-weight: 400;
7230
+ font-size: 1.25rem; }
7231
+
7232
+ .digit-parentDiv-progress {
7233
+ display: -webkit-box;
7234
+ display: -ms-flexbox;
7235
+ display: flex;
7236
+ -webkit-box-align: center;
7237
+ -ms-flex-align: center;
7238
+ align-items: center;
7239
+ grid-gap: 1rem;
7240
+ gap: 1rem;
7241
+ -webkit-box-pack: end;
7242
+ -ms-flex-pack: end;
7243
+ justify-content: flex-end;
7244
+ width: 20%;
7245
+ margin-right: 2rem; }
7246
+
7247
+ .digit-containerDiv-progress {
7248
+ background-color: #d6d5d4;
7249
+ border-radius: 1.5rem;
7250
+ width: 80rem;
7251
+ height: .5rem; }
7252
+
7253
+ .digit-progress-fill {
7254
+ border-radius: inherit;
7255
+ height: 100%; }
7256
+
7257
+ .digit-progress-text {
7258
+ white-space: nowrap;
7259
+ text-align: center;
7260
+ max-width: auto; }
7261
+
7262
+ .digit-chart-row {
7263
+ grid-gap: 1.5rem;
7264
+ gap: 1.5rem;
7265
+ -webkit-box-align: stretch;
7266
+ -ms-flex-align: stretch;
7267
+ align-items: stretch;
7268
+ margin-bottom: 1.5rem; }
7269
+
7270
+ .digit-chart-row, .wrapper-child {
7271
+ display: -webkit-box;
7272
+ display: -ms-flexbox;
7273
+ display: flex; }
6322
7274
 
6323
- .custom-daterange-wrapper {
6324
- position: relative;
6325
- font-family: Roboto; }
7275
+ .wrapper-child {
7276
+ -webkit-box-orient: vertical;
7277
+ -webkit-box-direction: normal;
7278
+ -ms-flex-direction: column;
7279
+ flex-direction: column;
7280
+ -webkit-box-pack: center;
7281
+ -ms-flex-pack: center;
7282
+ justify-content: center;
7283
+ -webkit-box-flex: 1;
7284
+ -ms-flex-positive: 1;
7285
+ flex-grow: 1; }
6326
7286
 
6327
- .custom-daterange-input {
6328
- padding: .75rem;
6329
- border: .063rem solid;
7287
+ .blocks {
7288
+ display: -webkit-box;
7289
+ display: -ms-flexbox;
7290
+ display: flex;
7291
+ margin-bottom: 1.563rem; }
7292
+ .blocks p:only-child {
7293
+ font-weight: 700;
7294
+ font-size: 1.5rem; }
7295
+ .blocks div {
7296
+ margin-right: 1.563rem; }
7297
+ .blocks div p:not(:first-child) {
7298
+ font-weight: 700;
7299
+ font-size: 1.5rem; }
7300
+
7301
+ .summary-card-margin {
7302
+ margin: 0 1.5rem 1.25rem 0 !important; }
7303
+
7304
+ .digit-dss-card-header-wrapper {
7305
+ display: -webkit-box;
7306
+ display: -ms-flexbox;
7307
+ display: flex;
7308
+ -webkit-box-align: center;
7309
+ -ms-flex-align: center;
7310
+ align-items: center;
7311
+ grid-gap: 1rem;
7312
+ gap: 1rem; }
7313
+ .digit-dss-card-header-wrapper svg {
7314
+ -ms-flex-negative: 0;
7315
+ flex-shrink: 0; }
7316
+ .digit-dss-card-header-wrapper .digit-dss-card-header-text {
7317
+ color: #0b0c0c;
7318
+ line-height: normal; }
7319
+
7320
+ .digit-dss-summary-card {
7321
+ display: -webkit-box;
7322
+ display: -ms-flexbox;
7323
+ display: flex;
7324
+ -ms-flex-pack: distribute;
7325
+ justify-content: space-around;
7326
+ text-align: center;
7327
+ -ms-flex-wrap: wrap;
7328
+ flex-wrap: wrap; }
7329
+
7330
+ .digit-metric-data-header {
7331
+ padding-top: 0;
7332
+ white-space: nowrap;
7333
+ margin-left: 0; }
7334
+
7335
+ .digit-metric-details-chart {
6330
7336
  cursor: pointer;
6331
- width: -webkit-fit-content;
6332
- width: -moz-fit-content;
6333
- width: fit-content;
6334
- min-width: 37.5rem;
6335
- display: inline-block;
6336
- -webkit-user-select: none;
6337
- -moz-user-select: none;
6338
- -ms-user-select: none;
6339
- user-select: none;
6340
- -webkit-box-shadow: 0 0.063rem 0.188rem rgba(0, 0, 0, 0.1);
6341
- box-shadow: 0 0.063rem 0.188rem rgba(0, 0, 0, 0.1); }
6342
- @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
6343
- .custom-daterange-input {
6344
- max-width: 27.5rem; } }
6345
- @media (max-aspect-ratio: 9 / 16) {
6346
- .custom-daterange-input {
6347
- max-width: 100%;
6348
- width: 100%; } }
6349
- @media (min-aspect-ratio: 3 / 4) {
6350
- .custom-daterange-input {
6351
- max-width: 37.5rem; } }
7337
+ padding: 1.25rem;
7338
+ display: -webkit-box;
7339
+ display: -ms-flexbox;
7340
+ display: flex;
7341
+ -webkit-box-orient: vertical;
7342
+ -webkit-box-direction: normal;
7343
+ -ms-flex-direction: column;
7344
+ flex-direction: column;
7345
+ width: 50%;
7346
+ -webkit-box-pack: center;
7347
+ -ms-flex-pack: center;
7348
+ justify-content: center;
7349
+ text-align: center;
7350
+ grid-gap: .75rem;
7351
+ gap: .75rem; }
7352
+ .digit-metric-details-chart.add-divider {
7353
+ border-right: .063rem solid #d6d5d4; }
6352
7354
 
6353
- .custom-daterange-input:hover {
6354
- border-color: #999; }
7355
+ .digit-banner-card {
7356
+ padding: 0;
7357
+ border: .063rem solid #c84c0e;
7358
+ -webkit-box-orient: horizontal;
7359
+ -webkit-box-direction: normal;
7360
+ -ms-flex-direction: row;
7361
+ flex-direction: row; }
6355
7362
 
6356
- .custom-daterange-popup {
6357
- position: absolute;
6358
- top: 110%;
6359
- left: 0;
6360
- z-index: 1000;
6361
- background: #fff;
6362
- border: .063rem solid #ddd;
6363
- border-radius: .5rem;
6364
- -webkit-box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);
6365
- box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15); }
7363
+ .digit-banner-table {
7364
+ -webkit-box-pack: center;
7365
+ -ms-flex-pack: center;
7366
+ justify-content: center;
7367
+ padding: 2rem;
7368
+ -webkit-box-align: start;
7369
+ -ms-flex-align: start;
7370
+ align-items: flex-start;
7371
+ cursor: pointer;
7372
+ -webkit-box-flex: 1;
7373
+ -ms-flex: 1;
7374
+ flex: 1; }
6366
7375
 
6367
- .rdrEndEdge, .rdrInRange, .rdrSelected, .rdrStartEdge {
6368
- background: #c84c0e !important;
6369
- color: #fff; }
7376
+ .digit-banner-heading, .digit-banner-table {
7377
+ display: -webkit-box;
7378
+ display: -ms-flexbox;
7379
+ display: flex; }
6370
7380
 
6371
- .rdrDayNumber span {
6372
- color: #363636; }
7381
+ .digit-banner-heading {
7382
+ -webkit-box-orient: vertical;
7383
+ -webkit-box-direction: normal;
7384
+ -ms-flex-direction: column;
7385
+ flex-direction: column;
7386
+ grid-gap: .25rem;
7387
+ gap: .25rem; }
6373
7388
 
6374
- .rdrDayNumber span:active, .rdrDayNumber span:focus {
7389
+ .digit-banner-main-heading {
7390
+ font-family: Roboto;
7391
+ font-weight: 700;
7392
+ font-size: 1.75rem;
7393
+ color: #0b0c0c; }
7394
+
7395
+ .digit-banner-sub-heading {
7396
+ color: #585858; }
7397
+
7398
+ .digit-banner-card-header {
7399
+ border-radius: .188rem 0 0 .188rem;
7400
+ background: #fafafa;
7401
+ -webkit-box-align: center;
7402
+ -ms-flex-align: center;
7403
+ align-items: center;
7404
+ padding: 2rem;
7405
+ grid-gap: 1rem;
7406
+ gap: 1rem;
7407
+ max-width: 30%; }
7408
+
7409
+ .digit-banner-card-header, .digit-banner-cell {
7410
+ display: -webkit-box;
7411
+ display: -ms-flexbox;
7412
+ display: flex; }
7413
+
7414
+ .digit-banner-cell {
7415
+ -webkit-box-orient: vertical;
7416
+ -webkit-box-direction: normal;
7417
+ -ms-flex-direction: column;
7418
+ flex-direction: column;
7419
+ grid-gap: .5rem;
7420
+ gap: .5rem; }
7421
+
7422
+ .digit-banner-cell-sub-text {
7423
+ color: #585858;
7424
+ margin-left: auto;
7425
+ margin-right: auto;
7426
+ word-wrap: break-word; }
7427
+
7428
+ .digit-banner-value {
7429
+ color: #183e4a;
7430
+ font-family: Roboto;
7431
+ font-weight: 700;
7432
+ font-size: 1.75rem;
7433
+ line-height: 100%;
7434
+ letter-spacing: 0; }
7435
+
7436
+ .digit-dss-banner-card-icon {
7437
+ -ms-flex-negative: 0;
7438
+ flex-shrink: 0; }
7439
+
7440
+ .digit-banner-tooltip {
7441
+ padding: 2rem;
7442
+ white-space: normal;
7443
+ bottom: 95%;
7444
+ font-size: .875rem; }
7445
+
7446
+ .digit-banner-tooltip-text {
7447
+ font-weight: 500;
6375
7448
  color: #fff; }
6376
7449
 
6377
- .rdrDay:hover {
6378
- background: #feefe7;
6379
- border-radius: 1rem; }
7450
+ .digit-table-switch-card-chip {
7451
+ display: -webkit-box;
7452
+ display: -ms-flexbox;
7453
+ display: flex;
7454
+ cursor: pointer;
7455
+ width: 100%; }
7456
+
7457
+ .digit-table-switch-card {
7458
+ display: -webkit-box;
7459
+ display: -ms-flexbox;
7460
+ display: flex;
7461
+ -webkit-box-orient: horizontal;
7462
+ -webkit-box-direction: normal;
7463
+ -ms-flex-direction: row;
7464
+ flex-direction: row;
7465
+ -webkit-box-align: center;
7466
+ -ms-flex-align: center;
7467
+ align-items: center;
7468
+ padding: .5rem;
7469
+ position: static;
7470
+ height: 2.5rem;
7471
+ top: 0;
7472
+ -webkit-box-flex: 0;
7473
+ -ms-flex: none;
7474
+ flex: none;
7475
+ white-space: nowrap;
7476
+ -ms-flex-positive: 0;
7477
+ flex-grow: 0;
7478
+ background: #fff;
7479
+ border: .063rem solid #eee; }
7480
+ .digit-table-switch-card.active {
7481
+ border: .063rem solid #c84c0e;
7482
+ -webkit-box-sizing: border-box;
7483
+ box-sizing: border-box;
7484
+ color: #c84c0e;
7485
+ -webkit-box-shadow: 0 0.063rem 0.125rem 0 rgba(0, 0, 0, 0.16078);
7486
+ box-shadow: 0 0.063rem 0.125rem 0 rgba(0, 0, 0, 0.16078);
7487
+ font-family: Roboto;
7488
+ font-style: normal;
7489
+ font-weight: 400;
7490
+ line-height: 1.37rem; }
7491
+ @media (max-aspect-ratio: 9 / 16) {
7492
+ .digit-table-switch-card.active {
7493
+ font-size: 1rem; } }
7494
+ @media (min-aspect-ratio: 9 / 16) and (max-aspect-ratio: 3 / 4) {
7495
+ .digit-table-switch-card.active {
7496
+ font-size: 1.25rem; } }
7497
+ @media (min-aspect-ratio: 3 / 4) {
7498
+ .digit-table-switch-card.active {
7499
+ font-size: 1.25rem; } }
7500
+ .digit-table-switch-card.inactive {
7501
+ color: #b1b4b6; }
7502
+ .digit-table-switch-card.inactive :hover {
7503
+ background: #fffffc;
7504
+ font-size: 1.125rem;
7505
+ color: #505a5f; }
7506
+
7507
+ .digit-custom-table-drilldown-text {
7508
+ cursor: pointer;
7509
+ color: #c84c0e; }
7510
+
7511
+ .recharts-tooltip-wrapper {
7512
+ outline: none;
7513
+ border: .063rem solid #b1b4b6;
7514
+ border-radius: .25rem;
7515
+ padding: .5rem;
7516
+ background-color: #fff; }
7517
+
7518
+ .recharts-legend-wrapper::-webkit-scrollbar {
7519
+ width: .5rem;
7520
+ background-color: #eee; }
7521
+
7522
+ .recharts-legend-wrapper::-webkit-scrollbar-track {
7523
+ background-color: #eee;
7524
+ border-radius: .563rem; }
7525
+
7526
+ .recharts-legend-wrapper::-webkit-scrollbar-thumb {
7527
+ background-color: #d6d5d4;
7528
+ border-radius: .563rem; }
7529
+
7530
+ .recharts-legend-wrapper::-webkit-scrollbar:horizontal {
7531
+ height: .5rem;
7532
+ background-color: #d6d5d4; }
7533
+
7534
+ .digit-results-card-buttons.dsscampaigncard {
7535
+ -webkit-box-pack: end !important;
7536
+ -ms-flex-pack: end !important;
7537
+ justify-content: flex-end !important; }
7538
+
7539
+ .digit-heat-map-zoom-wrap {
7540
+ -webkit-box-pack: end;
7541
+ -ms-flex-pack: end;
7542
+ justify-content: end;
7543
+ -webkit-box-orient: vertical;
7544
+ -webkit-box-direction: normal;
7545
+ -ms-flex-direction: column;
7546
+ flex-direction: column;
7547
+ margin-bottom: 1.5rem;
7548
+ margin-right: 1.5rem; }
7549
+
7550
+ .digit-heat-map-zoom-button, .digit-heat-map-zoom-wrap {
7551
+ display: -webkit-box;
7552
+ display: -ms-flexbox;
7553
+ display: flex;
7554
+ -webkit-box-align: center;
7555
+ -ms-flex-align: center;
7556
+ align-items: center; }
7557
+
7558
+ .digit-heat-map-zoom-button {
7559
+ -webkit-box-pack: center;
7560
+ -ms-flex-pack: center;
7561
+ justify-content: center;
7562
+ width: 100%;
7563
+ background: #fff;
7564
+ border: .063rem solid #d6d5d4;
7565
+ color: #c84c0e;
7566
+ font-weight: 700;
7567
+ font-size: 1.125rem;
7568
+ cursor: pointer;
7569
+ -webkit-box-shadow: 0 0.063rem 0.125rem 0 rgba(0, 0, 0, 0.16078);
7570
+ box-shadow: 0 0.063rem 0.125rem 0 rgba(0, 0, 0, 0.16078);
7571
+ width: 2rem;
7572
+ height: 2rem; }
7573
+
7574
+ .digit-heat-map-recenter {
7575
+ margin-bottom: 1.5rem;
7576
+ margin-left: 1.5rem; }
6380
7577
 
6381
7578
  .digit-results-card-component {
6382
7579
  grid-gap: 1.5rem;
@@ -6455,7 +7652,10 @@ header {
6455
7652
  display: flex;
6456
7653
  -webkit-box-pack: justify;
6457
7654
  -ms-flex-pack: justify;
6458
- justify-content: space-between; }
7655
+ justify-content: space-between;
7656
+ -webkit-box-align: center;
7657
+ -ms-flex-align: center;
7658
+ align-items: center; }
6459
7659
  .digit-results-card-buttons .digit-results-card-buttons-internal {
6460
7660
  display: grid;
6461
7661
  grid-auto-flow: column;
@@ -6473,8 +7673,8 @@ header {
6473
7673
  -webkit-box-align: center;
6474
7674
  -ms-flex-align: center;
6475
7675
  align-items: center;
6476
- grid-gap: 1.5rem;
6477
- gap: 1.5rem;
7676
+ grid-gap: 4rem;
7677
+ gap: 4rem;
6478
7678
  -webkit-box-orient: unset;
6479
7679
  -webkit-box-direction: unset;
6480
7680
  -ms-flex-direction: unset;