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