@datorama/core 22.13.0-beta.3 → 22.13.0-beta.4

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/bundle.scss CHANGED
@@ -5303,6 +5303,7 @@ dato-grid-pagination .current-page a {
5303
5303
  color: themify(primary-600);
5304
5304
  }
5305
5305
 
5306
+ /* This file is a copy of ag-theme-base-vars, while replacing the default values with our custom theme values */
5306
5307
  @font-face {
5307
5308
  font-family: "agGridClassic";
5308
5309
  src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format("truetype");
@@ -5321,16 +5322,13 @@ dato-grid-header span {
5321
5322
  /* Row & Cell Theme */
5322
5323
  /* Tool Panel Theme */
5323
5324
  /* Needs to be global */
5324
- /*
5325
- Common variables
5326
- */
5327
5325
  .ag-dato-core {
5328
5326
  -webkit-font-smoothing: antialiased;
5329
- background-color: #fff;
5330
- color: #000;
5331
- font-family: "Helvetica Neue", sans-serif;
5327
+ background-color: #F7F8FA;
5328
+ color: themify(primary-700, 0.87);
5329
+ font-family: "Open Sans";
5332
5330
  font-weight: 400;
5333
- font-size: 14px;
5331
+ font-size: 12px;
5334
5332
  line-height: 1;
5335
5333
  /* Column Resize Handler */
5336
5334
  /* Rows */
@@ -5359,787 +5357,787 @@ dato-grid-header span {
5359
5357
  }
5360
5358
 
5361
5359
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-1 {
5362
- padding-left: 16px;
5360
+ padding-left: 26px;
5363
5361
  }
5364
5362
 
5365
5363
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-1 {
5366
- padding-right: 16px;
5364
+ padding-right: 26px;
5367
5365
  }
5368
5366
 
5369
5367
  .ag-dato-core .ag-ltr .ag-row-group-indent-1 {
5370
- padding-left: 24px;
5368
+ padding-left: 42px;
5371
5369
  }
5372
5370
 
5373
5371
  .ag-dato-core .ag-rtl .ag-row-group-indent-1 {
5374
- padding-right: 24px;
5372
+ padding-right: 42px;
5375
5373
  }
5376
5374
 
5377
5375
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-2 {
5378
- padding-left: 32px;
5376
+ padding-left: 52px;
5379
5377
  }
5380
5378
 
5381
5379
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-2 {
5382
- padding-right: 32px;
5380
+ padding-right: 52px;
5383
5381
  }
5384
5382
 
5385
5383
  .ag-dato-core .ag-ltr .ag-row-group-indent-2 {
5386
- padding-left: 48px;
5384
+ padding-left: 84px;
5387
5385
  }
5388
5386
 
5389
5387
  .ag-dato-core .ag-rtl .ag-row-group-indent-2 {
5390
- padding-right: 48px;
5388
+ padding-right: 84px;
5391
5389
  }
5392
5390
 
5393
5391
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-3 {
5394
- padding-left: 48px;
5392
+ padding-left: 78px;
5395
5393
  }
5396
5394
 
5397
5395
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-3 {
5398
- padding-right: 48px;
5396
+ padding-right: 78px;
5399
5397
  }
5400
5398
 
5401
5399
  .ag-dato-core .ag-ltr .ag-row-group-indent-3 {
5402
- padding-left: 72px;
5400
+ padding-left: 126px;
5403
5401
  }
5404
5402
 
5405
5403
  .ag-dato-core .ag-rtl .ag-row-group-indent-3 {
5406
- padding-right: 72px;
5404
+ padding-right: 126px;
5407
5405
  }
5408
5406
 
5409
5407
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-4 {
5410
- padding-left: 64px;
5408
+ padding-left: 104px;
5411
5409
  }
5412
5410
 
5413
5411
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-4 {
5414
- padding-right: 64px;
5412
+ padding-right: 104px;
5415
5413
  }
5416
5414
 
5417
5415
  .ag-dato-core .ag-ltr .ag-row-group-indent-4 {
5418
- padding-left: 96px;
5416
+ padding-left: 168px;
5419
5417
  }
5420
5418
 
5421
5419
  .ag-dato-core .ag-rtl .ag-row-group-indent-4 {
5422
- padding-right: 96px;
5420
+ padding-right: 168px;
5423
5421
  }
5424
5422
 
5425
5423
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-5 {
5426
- padding-left: 80px;
5424
+ padding-left: 130px;
5427
5425
  }
5428
5426
 
5429
5427
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-5 {
5430
- padding-right: 80px;
5428
+ padding-right: 130px;
5431
5429
  }
5432
5430
 
5433
5431
  .ag-dato-core .ag-ltr .ag-row-group-indent-5 {
5434
- padding-left: 120px;
5432
+ padding-left: 210px;
5435
5433
  }
5436
5434
 
5437
5435
  .ag-dato-core .ag-rtl .ag-row-group-indent-5 {
5438
- padding-right: 120px;
5436
+ padding-right: 210px;
5439
5437
  }
5440
5438
 
5441
5439
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-6 {
5442
- padding-left: 96px;
5440
+ padding-left: 156px;
5443
5441
  }
5444
5442
 
5445
5443
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-6 {
5446
- padding-right: 96px;
5444
+ padding-right: 156px;
5447
5445
  }
5448
5446
 
5449
5447
  .ag-dato-core .ag-ltr .ag-row-group-indent-6 {
5450
- padding-left: 144px;
5448
+ padding-left: 252px;
5451
5449
  }
5452
5450
 
5453
5451
  .ag-dato-core .ag-rtl .ag-row-group-indent-6 {
5454
- padding-right: 144px;
5452
+ padding-right: 252px;
5455
5453
  }
5456
5454
 
5457
5455
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-7 {
5458
- padding-left: 112px;
5456
+ padding-left: 182px;
5459
5457
  }
5460
5458
 
5461
5459
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-7 {
5462
- padding-right: 112px;
5460
+ padding-right: 182px;
5463
5461
  }
5464
5462
 
5465
5463
  .ag-dato-core .ag-ltr .ag-row-group-indent-7 {
5466
- padding-left: 168px;
5464
+ padding-left: 294px;
5467
5465
  }
5468
5466
 
5469
5467
  .ag-dato-core .ag-rtl .ag-row-group-indent-7 {
5470
- padding-right: 168px;
5468
+ padding-right: 294px;
5471
5469
  }
5472
5470
 
5473
5471
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-8 {
5474
- padding-left: 128px;
5472
+ padding-left: 208px;
5475
5473
  }
5476
5474
 
5477
5475
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-8 {
5478
- padding-right: 128px;
5476
+ padding-right: 208px;
5479
5477
  }
5480
5478
 
5481
5479
  .ag-dato-core .ag-ltr .ag-row-group-indent-8 {
5482
- padding-left: 192px;
5480
+ padding-left: 336px;
5483
5481
  }
5484
5482
 
5485
5483
  .ag-dato-core .ag-rtl .ag-row-group-indent-8 {
5486
- padding-right: 192px;
5484
+ padding-right: 336px;
5487
5485
  }
5488
5486
 
5489
5487
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-9 {
5490
- padding-left: 144px;
5488
+ padding-left: 234px;
5491
5489
  }
5492
5490
 
5493
5491
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-9 {
5494
- padding-right: 144px;
5492
+ padding-right: 234px;
5495
5493
  }
5496
5494
 
5497
5495
  .ag-dato-core .ag-ltr .ag-row-group-indent-9 {
5498
- padding-left: 216px;
5496
+ padding-left: 378px;
5499
5497
  }
5500
5498
 
5501
5499
  .ag-dato-core .ag-rtl .ag-row-group-indent-9 {
5502
- padding-right: 216px;
5500
+ padding-right: 378px;
5503
5501
  }
5504
5502
 
5505
5503
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-10 {
5506
- padding-left: 160px;
5504
+ padding-left: 260px;
5507
5505
  }
5508
5506
 
5509
5507
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-10 {
5510
- padding-right: 160px;
5508
+ padding-right: 260px;
5511
5509
  }
5512
5510
 
5513
5511
  .ag-dato-core .ag-ltr .ag-row-group-indent-10 {
5514
- padding-left: 240px;
5512
+ padding-left: 420px;
5515
5513
  }
5516
5514
 
5517
5515
  .ag-dato-core .ag-rtl .ag-row-group-indent-10 {
5518
- padding-right: 240px;
5516
+ padding-right: 420px;
5519
5517
  }
5520
5518
 
5521
5519
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-11 {
5522
- padding-left: 176px;
5520
+ padding-left: 286px;
5523
5521
  }
5524
5522
 
5525
5523
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-11 {
5526
- padding-right: 176px;
5524
+ padding-right: 286px;
5527
5525
  }
5528
5526
 
5529
5527
  .ag-dato-core .ag-ltr .ag-row-group-indent-11 {
5530
- padding-left: 264px;
5528
+ padding-left: 462px;
5531
5529
  }
5532
5530
 
5533
5531
  .ag-dato-core .ag-rtl .ag-row-group-indent-11 {
5534
- padding-right: 264px;
5532
+ padding-right: 462px;
5535
5533
  }
5536
5534
 
5537
5535
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-12 {
5538
- padding-left: 192px;
5536
+ padding-left: 312px;
5539
5537
  }
5540
5538
 
5541
5539
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-12 {
5542
- padding-right: 192px;
5540
+ padding-right: 312px;
5543
5541
  }
5544
5542
 
5545
5543
  .ag-dato-core .ag-ltr .ag-row-group-indent-12 {
5546
- padding-left: 288px;
5544
+ padding-left: 504px;
5547
5545
  }
5548
5546
 
5549
5547
  .ag-dato-core .ag-rtl .ag-row-group-indent-12 {
5550
- padding-right: 288px;
5548
+ padding-right: 504px;
5551
5549
  }
5552
5550
 
5553
5551
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-13 {
5554
- padding-left: 208px;
5552
+ padding-left: 338px;
5555
5553
  }
5556
5554
 
5557
5555
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-13 {
5558
- padding-right: 208px;
5556
+ padding-right: 338px;
5559
5557
  }
5560
5558
 
5561
5559
  .ag-dato-core .ag-ltr .ag-row-group-indent-13 {
5562
- padding-left: 312px;
5560
+ padding-left: 546px;
5563
5561
  }
5564
5562
 
5565
5563
  .ag-dato-core .ag-rtl .ag-row-group-indent-13 {
5566
- padding-right: 312px;
5564
+ padding-right: 546px;
5567
5565
  }
5568
5566
 
5569
5567
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-14 {
5570
- padding-left: 224px;
5568
+ padding-left: 364px;
5571
5569
  }
5572
5570
 
5573
5571
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-14 {
5574
- padding-right: 224px;
5572
+ padding-right: 364px;
5575
5573
  }
5576
5574
 
5577
5575
  .ag-dato-core .ag-ltr .ag-row-group-indent-14 {
5578
- padding-left: 336px;
5576
+ padding-left: 588px;
5579
5577
  }
5580
5578
 
5581
5579
  .ag-dato-core .ag-rtl .ag-row-group-indent-14 {
5582
- padding-right: 336px;
5580
+ padding-right: 588px;
5583
5581
  }
5584
5582
 
5585
5583
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-15 {
5586
- padding-left: 240px;
5584
+ padding-left: 390px;
5587
5585
  }
5588
5586
 
5589
5587
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-15 {
5590
- padding-right: 240px;
5588
+ padding-right: 390px;
5591
5589
  }
5592
5590
 
5593
5591
  .ag-dato-core .ag-ltr .ag-row-group-indent-15 {
5594
- padding-left: 360px;
5592
+ padding-left: 630px;
5595
5593
  }
5596
5594
 
5597
5595
  .ag-dato-core .ag-rtl .ag-row-group-indent-15 {
5598
- padding-right: 360px;
5596
+ padding-right: 630px;
5599
5597
  }
5600
5598
 
5601
5599
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-16 {
5602
- padding-left: 256px;
5600
+ padding-left: 416px;
5603
5601
  }
5604
5602
 
5605
5603
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-16 {
5606
- padding-right: 256px;
5604
+ padding-right: 416px;
5607
5605
  }
5608
5606
 
5609
5607
  .ag-dato-core .ag-ltr .ag-row-group-indent-16 {
5610
- padding-left: 384px;
5608
+ padding-left: 672px;
5611
5609
  }
5612
5610
 
5613
5611
  .ag-dato-core .ag-rtl .ag-row-group-indent-16 {
5614
- padding-right: 384px;
5612
+ padding-right: 672px;
5615
5613
  }
5616
5614
 
5617
5615
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-17 {
5618
- padding-left: 272px;
5616
+ padding-left: 442px;
5619
5617
  }
5620
5618
 
5621
5619
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-17 {
5622
- padding-right: 272px;
5620
+ padding-right: 442px;
5623
5621
  }
5624
5622
 
5625
5623
  .ag-dato-core .ag-ltr .ag-row-group-indent-17 {
5626
- padding-left: 408px;
5624
+ padding-left: 714px;
5627
5625
  }
5628
5626
 
5629
5627
  .ag-dato-core .ag-rtl .ag-row-group-indent-17 {
5630
- padding-right: 408px;
5628
+ padding-right: 714px;
5631
5629
  }
5632
5630
 
5633
5631
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-18 {
5634
- padding-left: 288px;
5632
+ padding-left: 468px;
5635
5633
  }
5636
5634
 
5637
5635
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-18 {
5638
- padding-right: 288px;
5636
+ padding-right: 468px;
5639
5637
  }
5640
5638
 
5641
5639
  .ag-dato-core .ag-ltr .ag-row-group-indent-18 {
5642
- padding-left: 432px;
5640
+ padding-left: 756px;
5643
5641
  }
5644
5642
 
5645
5643
  .ag-dato-core .ag-rtl .ag-row-group-indent-18 {
5646
- padding-right: 432px;
5644
+ padding-right: 756px;
5647
5645
  }
5648
5646
 
5649
5647
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-19 {
5650
- padding-left: 304px;
5648
+ padding-left: 494px;
5651
5649
  }
5652
5650
 
5653
5651
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-19 {
5654
- padding-right: 304px;
5652
+ padding-right: 494px;
5655
5653
  }
5656
5654
 
5657
5655
  .ag-dato-core .ag-ltr .ag-row-group-indent-19 {
5658
- padding-left: 456px;
5656
+ padding-left: 798px;
5659
5657
  }
5660
5658
 
5661
5659
  .ag-dato-core .ag-rtl .ag-row-group-indent-19 {
5662
- padding-right: 456px;
5660
+ padding-right: 798px;
5663
5661
  }
5664
5662
 
5665
5663
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-20 {
5666
- padding-left: 320px;
5664
+ padding-left: 520px;
5667
5665
  }
5668
5666
 
5669
5667
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-20 {
5670
- padding-right: 320px;
5668
+ padding-right: 520px;
5671
5669
  }
5672
5670
 
5673
5671
  .ag-dato-core .ag-ltr .ag-row-group-indent-20 {
5674
- padding-left: 480px;
5672
+ padding-left: 840px;
5675
5673
  }
5676
5674
 
5677
5675
  .ag-dato-core .ag-rtl .ag-row-group-indent-20 {
5678
- padding-right: 480px;
5676
+ padding-right: 840px;
5679
5677
  }
5680
5678
 
5681
5679
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-21 {
5682
- padding-left: 336px;
5680
+ padding-left: 546px;
5683
5681
  }
5684
5682
 
5685
5683
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-21 {
5686
- padding-right: 336px;
5684
+ padding-right: 546px;
5687
5685
  }
5688
5686
 
5689
5687
  .ag-dato-core .ag-ltr .ag-row-group-indent-21 {
5690
- padding-left: 504px;
5688
+ padding-left: 882px;
5691
5689
  }
5692
5690
 
5693
5691
  .ag-dato-core .ag-rtl .ag-row-group-indent-21 {
5694
- padding-right: 504px;
5692
+ padding-right: 882px;
5695
5693
  }
5696
5694
 
5697
5695
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-22 {
5698
- padding-left: 352px;
5696
+ padding-left: 572px;
5699
5697
  }
5700
5698
 
5701
5699
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-22 {
5702
- padding-right: 352px;
5700
+ padding-right: 572px;
5703
5701
  }
5704
5702
 
5705
5703
  .ag-dato-core .ag-ltr .ag-row-group-indent-22 {
5706
- padding-left: 528px;
5704
+ padding-left: 924px;
5707
5705
  }
5708
5706
 
5709
5707
  .ag-dato-core .ag-rtl .ag-row-group-indent-22 {
5710
- padding-right: 528px;
5708
+ padding-right: 924px;
5711
5709
  }
5712
5710
 
5713
5711
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-23 {
5714
- padding-left: 368px;
5712
+ padding-left: 598px;
5715
5713
  }
5716
5714
 
5717
5715
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-23 {
5718
- padding-right: 368px;
5716
+ padding-right: 598px;
5719
5717
  }
5720
5718
 
5721
5719
  .ag-dato-core .ag-ltr .ag-row-group-indent-23 {
5722
- padding-left: 552px;
5720
+ padding-left: 966px;
5723
5721
  }
5724
5722
 
5725
5723
  .ag-dato-core .ag-rtl .ag-row-group-indent-23 {
5726
- padding-right: 552px;
5724
+ padding-right: 966px;
5727
5725
  }
5728
5726
 
5729
5727
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-24 {
5730
- padding-left: 384px;
5728
+ padding-left: 624px;
5731
5729
  }
5732
5730
 
5733
5731
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-24 {
5734
- padding-right: 384px;
5732
+ padding-right: 624px;
5735
5733
  }
5736
5734
 
5737
5735
  .ag-dato-core .ag-ltr .ag-row-group-indent-24 {
5738
- padding-left: 576px;
5736
+ padding-left: 1008px;
5739
5737
  }
5740
5738
 
5741
5739
  .ag-dato-core .ag-rtl .ag-row-group-indent-24 {
5742
- padding-right: 576px;
5740
+ padding-right: 1008px;
5743
5741
  }
5744
5742
 
5745
5743
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-25 {
5746
- padding-left: 400px;
5744
+ padding-left: 650px;
5747
5745
  }
5748
5746
 
5749
5747
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-25 {
5750
- padding-right: 400px;
5748
+ padding-right: 650px;
5751
5749
  }
5752
5750
 
5753
5751
  .ag-dato-core .ag-ltr .ag-row-group-indent-25 {
5754
- padding-left: 600px;
5752
+ padding-left: 1050px;
5755
5753
  }
5756
5754
 
5757
5755
  .ag-dato-core .ag-rtl .ag-row-group-indent-25 {
5758
- padding-right: 600px;
5756
+ padding-right: 1050px;
5759
5757
  }
5760
5758
 
5761
5759
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-26 {
5762
- padding-left: 416px;
5760
+ padding-left: 676px;
5763
5761
  }
5764
5762
 
5765
5763
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-26 {
5766
- padding-right: 416px;
5764
+ padding-right: 676px;
5767
5765
  }
5768
5766
 
5769
5767
  .ag-dato-core .ag-ltr .ag-row-group-indent-26 {
5770
- padding-left: 624px;
5768
+ padding-left: 1092px;
5771
5769
  }
5772
5770
 
5773
5771
  .ag-dato-core .ag-rtl .ag-row-group-indent-26 {
5774
- padding-right: 624px;
5772
+ padding-right: 1092px;
5775
5773
  }
5776
5774
 
5777
5775
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-27 {
5778
- padding-left: 432px;
5776
+ padding-left: 702px;
5779
5777
  }
5780
5778
 
5781
5779
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-27 {
5782
- padding-right: 432px;
5780
+ padding-right: 702px;
5783
5781
  }
5784
5782
 
5785
5783
  .ag-dato-core .ag-ltr .ag-row-group-indent-27 {
5786
- padding-left: 648px;
5784
+ padding-left: 1134px;
5787
5785
  }
5788
5786
 
5789
5787
  .ag-dato-core .ag-rtl .ag-row-group-indent-27 {
5790
- padding-right: 648px;
5788
+ padding-right: 1134px;
5791
5789
  }
5792
5790
 
5793
5791
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-28 {
5794
- padding-left: 448px;
5792
+ padding-left: 728px;
5795
5793
  }
5796
5794
 
5797
5795
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-28 {
5798
- padding-right: 448px;
5796
+ padding-right: 728px;
5799
5797
  }
5800
5798
 
5801
5799
  .ag-dato-core .ag-ltr .ag-row-group-indent-28 {
5802
- padding-left: 672px;
5800
+ padding-left: 1176px;
5803
5801
  }
5804
5802
 
5805
5803
  .ag-dato-core .ag-rtl .ag-row-group-indent-28 {
5806
- padding-right: 672px;
5804
+ padding-right: 1176px;
5807
5805
  }
5808
5806
 
5809
5807
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-29 {
5810
- padding-left: 464px;
5808
+ padding-left: 754px;
5811
5809
  }
5812
5810
 
5813
5811
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-29 {
5814
- padding-right: 464px;
5812
+ padding-right: 754px;
5815
5813
  }
5816
5814
 
5817
5815
  .ag-dato-core .ag-ltr .ag-row-group-indent-29 {
5818
- padding-left: 696px;
5816
+ padding-left: 1218px;
5819
5817
  }
5820
5818
 
5821
5819
  .ag-dato-core .ag-rtl .ag-row-group-indent-29 {
5822
- padding-right: 696px;
5820
+ padding-right: 1218px;
5823
5821
  }
5824
5822
 
5825
5823
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-30 {
5826
- padding-left: 480px;
5824
+ padding-left: 780px;
5827
5825
  }
5828
5826
 
5829
5827
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-30 {
5830
- padding-right: 480px;
5828
+ padding-right: 780px;
5831
5829
  }
5832
5830
 
5833
5831
  .ag-dato-core .ag-ltr .ag-row-group-indent-30 {
5834
- padding-left: 720px;
5832
+ padding-left: 1260px;
5835
5833
  }
5836
5834
 
5837
5835
  .ag-dato-core .ag-rtl .ag-row-group-indent-30 {
5838
- padding-right: 720px;
5836
+ padding-right: 1260px;
5839
5837
  }
5840
5838
 
5841
5839
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-31 {
5842
- padding-left: 496px;
5840
+ padding-left: 806px;
5843
5841
  }
5844
5842
 
5845
5843
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-31 {
5846
- padding-right: 496px;
5844
+ padding-right: 806px;
5847
5845
  }
5848
5846
 
5849
5847
  .ag-dato-core .ag-ltr .ag-row-group-indent-31 {
5850
- padding-left: 744px;
5848
+ padding-left: 1302px;
5851
5849
  }
5852
5850
 
5853
5851
  .ag-dato-core .ag-rtl .ag-row-group-indent-31 {
5854
- padding-right: 744px;
5852
+ padding-right: 1302px;
5855
5853
  }
5856
5854
 
5857
5855
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-32 {
5858
- padding-left: 512px;
5856
+ padding-left: 832px;
5859
5857
  }
5860
5858
 
5861
5859
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-32 {
5862
- padding-right: 512px;
5860
+ padding-right: 832px;
5863
5861
  }
5864
5862
 
5865
5863
  .ag-dato-core .ag-ltr .ag-row-group-indent-32 {
5866
- padding-left: 768px;
5864
+ padding-left: 1344px;
5867
5865
  }
5868
5866
 
5869
5867
  .ag-dato-core .ag-rtl .ag-row-group-indent-32 {
5870
- padding-right: 768px;
5868
+ padding-right: 1344px;
5871
5869
  }
5872
5870
 
5873
5871
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-33 {
5874
- padding-left: 528px;
5872
+ padding-left: 858px;
5875
5873
  }
5876
5874
 
5877
5875
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-33 {
5878
- padding-right: 528px;
5876
+ padding-right: 858px;
5879
5877
  }
5880
5878
 
5881
5879
  .ag-dato-core .ag-ltr .ag-row-group-indent-33 {
5882
- padding-left: 792px;
5880
+ padding-left: 1386px;
5883
5881
  }
5884
5882
 
5885
5883
  .ag-dato-core .ag-rtl .ag-row-group-indent-33 {
5886
- padding-right: 792px;
5884
+ padding-right: 1386px;
5887
5885
  }
5888
5886
 
5889
5887
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-34 {
5890
- padding-left: 544px;
5888
+ padding-left: 884px;
5891
5889
  }
5892
5890
 
5893
5891
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-34 {
5894
- padding-right: 544px;
5892
+ padding-right: 884px;
5895
5893
  }
5896
5894
 
5897
5895
  .ag-dato-core .ag-ltr .ag-row-group-indent-34 {
5898
- padding-left: 816px;
5896
+ padding-left: 1428px;
5899
5897
  }
5900
5898
 
5901
5899
  .ag-dato-core .ag-rtl .ag-row-group-indent-34 {
5902
- padding-right: 816px;
5900
+ padding-right: 1428px;
5903
5901
  }
5904
5902
 
5905
5903
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-35 {
5906
- padding-left: 560px;
5904
+ padding-left: 910px;
5907
5905
  }
5908
5906
 
5909
5907
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-35 {
5910
- padding-right: 560px;
5908
+ padding-right: 910px;
5911
5909
  }
5912
5910
 
5913
5911
  .ag-dato-core .ag-ltr .ag-row-group-indent-35 {
5914
- padding-left: 840px;
5912
+ padding-left: 1470px;
5915
5913
  }
5916
5914
 
5917
5915
  .ag-dato-core .ag-rtl .ag-row-group-indent-35 {
5918
- padding-right: 840px;
5916
+ padding-right: 1470px;
5919
5917
  }
5920
5918
 
5921
5919
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-36 {
5922
- padding-left: 576px;
5920
+ padding-left: 936px;
5923
5921
  }
5924
5922
 
5925
5923
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-36 {
5926
- padding-right: 576px;
5924
+ padding-right: 936px;
5927
5925
  }
5928
5926
 
5929
5927
  .ag-dato-core .ag-ltr .ag-row-group-indent-36 {
5930
- padding-left: 864px;
5928
+ padding-left: 1512px;
5931
5929
  }
5932
5930
 
5933
5931
  .ag-dato-core .ag-rtl .ag-row-group-indent-36 {
5934
- padding-right: 864px;
5932
+ padding-right: 1512px;
5935
5933
  }
5936
5934
 
5937
5935
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-37 {
5938
- padding-left: 592px;
5936
+ padding-left: 962px;
5939
5937
  }
5940
5938
 
5941
5939
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-37 {
5942
- padding-right: 592px;
5940
+ padding-right: 962px;
5943
5941
  }
5944
5942
 
5945
5943
  .ag-dato-core .ag-ltr .ag-row-group-indent-37 {
5946
- padding-left: 888px;
5944
+ padding-left: 1554px;
5947
5945
  }
5948
5946
 
5949
5947
  .ag-dato-core .ag-rtl .ag-row-group-indent-37 {
5950
- padding-right: 888px;
5948
+ padding-right: 1554px;
5951
5949
  }
5952
5950
 
5953
5951
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-38 {
5954
- padding-left: 608px;
5952
+ padding-left: 988px;
5955
5953
  }
5956
5954
 
5957
5955
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-38 {
5958
- padding-right: 608px;
5956
+ padding-right: 988px;
5959
5957
  }
5960
5958
 
5961
5959
  .ag-dato-core .ag-ltr .ag-row-group-indent-38 {
5962
- padding-left: 912px;
5960
+ padding-left: 1596px;
5963
5961
  }
5964
5962
 
5965
5963
  .ag-dato-core .ag-rtl .ag-row-group-indent-38 {
5966
- padding-right: 912px;
5964
+ padding-right: 1596px;
5967
5965
  }
5968
5966
 
5969
5967
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-39 {
5970
- padding-left: 624px;
5968
+ padding-left: 1014px;
5971
5969
  }
5972
5970
 
5973
5971
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-39 {
5974
- padding-right: 624px;
5972
+ padding-right: 1014px;
5975
5973
  }
5976
5974
 
5977
5975
  .ag-dato-core .ag-ltr .ag-row-group-indent-39 {
5978
- padding-left: 936px;
5976
+ padding-left: 1638px;
5979
5977
  }
5980
5978
 
5981
5979
  .ag-dato-core .ag-rtl .ag-row-group-indent-39 {
5982
- padding-right: 936px;
5980
+ padding-right: 1638px;
5983
5981
  }
5984
5982
 
5985
5983
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-40 {
5986
- padding-left: 640px;
5984
+ padding-left: 1040px;
5987
5985
  }
5988
5986
 
5989
5987
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-40 {
5990
- padding-right: 640px;
5988
+ padding-right: 1040px;
5991
5989
  }
5992
5990
 
5993
5991
  .ag-dato-core .ag-ltr .ag-row-group-indent-40 {
5994
- padding-left: 960px;
5992
+ padding-left: 1680px;
5995
5993
  }
5996
5994
 
5997
5995
  .ag-dato-core .ag-rtl .ag-row-group-indent-40 {
5998
- padding-right: 960px;
5996
+ padding-right: 1680px;
5999
5997
  }
6000
5998
 
6001
5999
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-41 {
6002
- padding-left: 656px;
6000
+ padding-left: 1066px;
6003
6001
  }
6004
6002
 
6005
6003
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-41 {
6006
- padding-right: 656px;
6004
+ padding-right: 1066px;
6007
6005
  }
6008
6006
 
6009
6007
  .ag-dato-core .ag-ltr .ag-row-group-indent-41 {
6010
- padding-left: 984px;
6008
+ padding-left: 1722px;
6011
6009
  }
6012
6010
 
6013
6011
  .ag-dato-core .ag-rtl .ag-row-group-indent-41 {
6014
- padding-right: 984px;
6012
+ padding-right: 1722px;
6015
6013
  }
6016
6014
 
6017
6015
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-42 {
6018
- padding-left: 672px;
6016
+ padding-left: 1092px;
6019
6017
  }
6020
6018
 
6021
6019
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-42 {
6022
- padding-right: 672px;
6020
+ padding-right: 1092px;
6023
6021
  }
6024
6022
 
6025
6023
  .ag-dato-core .ag-ltr .ag-row-group-indent-42 {
6026
- padding-left: 1008px;
6024
+ padding-left: 1764px;
6027
6025
  }
6028
6026
 
6029
6027
  .ag-dato-core .ag-rtl .ag-row-group-indent-42 {
6030
- padding-right: 1008px;
6028
+ padding-right: 1764px;
6031
6029
  }
6032
6030
 
6033
6031
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-43 {
6034
- padding-left: 688px;
6032
+ padding-left: 1118px;
6035
6033
  }
6036
6034
 
6037
6035
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-43 {
6038
- padding-right: 688px;
6036
+ padding-right: 1118px;
6039
6037
  }
6040
6038
 
6041
6039
  .ag-dato-core .ag-ltr .ag-row-group-indent-43 {
6042
- padding-left: 1032px;
6040
+ padding-left: 1806px;
6043
6041
  }
6044
6042
 
6045
6043
  .ag-dato-core .ag-rtl .ag-row-group-indent-43 {
6046
- padding-right: 1032px;
6044
+ padding-right: 1806px;
6047
6045
  }
6048
6046
 
6049
6047
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-44 {
6050
- padding-left: 704px;
6048
+ padding-left: 1144px;
6051
6049
  }
6052
6050
 
6053
6051
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-44 {
6054
- padding-right: 704px;
6052
+ padding-right: 1144px;
6055
6053
  }
6056
6054
 
6057
6055
  .ag-dato-core .ag-ltr .ag-row-group-indent-44 {
6058
- padding-left: 1056px;
6056
+ padding-left: 1848px;
6059
6057
  }
6060
6058
 
6061
6059
  .ag-dato-core .ag-rtl .ag-row-group-indent-44 {
6062
- padding-right: 1056px;
6060
+ padding-right: 1848px;
6063
6061
  }
6064
6062
 
6065
6063
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-45 {
6066
- padding-left: 720px;
6064
+ padding-left: 1170px;
6067
6065
  }
6068
6066
 
6069
6067
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-45 {
6070
- padding-right: 720px;
6068
+ padding-right: 1170px;
6071
6069
  }
6072
6070
 
6073
6071
  .ag-dato-core .ag-ltr .ag-row-group-indent-45 {
6074
- padding-left: 1080px;
6072
+ padding-left: 1890px;
6075
6073
  }
6076
6074
 
6077
6075
  .ag-dato-core .ag-rtl .ag-row-group-indent-45 {
6078
- padding-right: 1080px;
6076
+ padding-right: 1890px;
6079
6077
  }
6080
6078
 
6081
6079
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-46 {
6082
- padding-left: 736px;
6080
+ padding-left: 1196px;
6083
6081
  }
6084
6082
 
6085
6083
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-46 {
6086
- padding-right: 736px;
6084
+ padding-right: 1196px;
6087
6085
  }
6088
6086
 
6089
6087
  .ag-dato-core .ag-ltr .ag-row-group-indent-46 {
6090
- padding-left: 1104px;
6088
+ padding-left: 1932px;
6091
6089
  }
6092
6090
 
6093
6091
  .ag-dato-core .ag-rtl .ag-row-group-indent-46 {
6094
- padding-right: 1104px;
6092
+ padding-right: 1932px;
6095
6093
  }
6096
6094
 
6097
6095
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-47 {
6098
- padding-left: 752px;
6096
+ padding-left: 1222px;
6099
6097
  }
6100
6098
 
6101
6099
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-47 {
6102
- padding-right: 752px;
6100
+ padding-right: 1222px;
6103
6101
  }
6104
6102
 
6105
6103
  .ag-dato-core .ag-ltr .ag-row-group-indent-47 {
6106
- padding-left: 1128px;
6104
+ padding-left: 1974px;
6107
6105
  }
6108
6106
 
6109
6107
  .ag-dato-core .ag-rtl .ag-row-group-indent-47 {
6110
- padding-right: 1128px;
6108
+ padding-right: 1974px;
6111
6109
  }
6112
6110
 
6113
6111
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-48 {
6114
- padding-left: 768px;
6112
+ padding-left: 1248px;
6115
6113
  }
6116
6114
 
6117
6115
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-48 {
6118
- padding-right: 768px;
6116
+ padding-right: 1248px;
6119
6117
  }
6120
6118
 
6121
6119
  .ag-dato-core .ag-ltr .ag-row-group-indent-48 {
6122
- padding-left: 1152px;
6120
+ padding-left: 2016px;
6123
6121
  }
6124
6122
 
6125
6123
  .ag-dato-core .ag-rtl .ag-row-group-indent-48 {
6126
- padding-right: 1152px;
6124
+ padding-right: 2016px;
6127
6125
  }
6128
6126
 
6129
6127
  .ag-dato-core .ag-ltr .ag-toolpanel-indent-49 {
6130
- padding-left: 784px;
6128
+ padding-left: 1274px;
6131
6129
  }
6132
6130
 
6133
6131
  .ag-dato-core .ag-rtl .ag-toolpanel-indent-49 {
6134
- padding-right: 784px;
6132
+ padding-right: 1274px;
6135
6133
  }
6136
6134
 
6137
6135
  .ag-dato-core .ag-ltr .ag-row-group-indent-49 {
6138
- padding-left: 1176px;
6136
+ padding-left: 2058px;
6139
6137
  }
6140
6138
 
6141
6139
  .ag-dato-core .ag-rtl .ag-row-group-indent-49 {
6142
- padding-right: 1176px;
6140
+ padding-right: 2058px;
6143
6141
  }
6144
6142
 
6145
6143
  .ag-dato-core .ag-cell .ag-icon {
@@ -6156,7 +6154,7 @@ dato-grid-header span {
6156
6154
  }
6157
6155
 
6158
6156
  .ag-dato-core .ag-radio-button-label, .ag-dato-core .ag-checkbox-label {
6159
- margin-left: 4px;
6157
+ margin-left: 8px;
6160
6158
  }
6161
6159
 
6162
6160
  .ag-dato-core .ag-cell {
@@ -6164,11 +6162,11 @@ dato-grid-header span {
6164
6162
  }
6165
6163
 
6166
6164
  .ag-dato-core .ag-ltr .ag-row-group-leaf-indent {
6167
- margin-left: 24px;
6165
+ margin-left: 42px;
6168
6166
  }
6169
6167
 
6170
6168
  .ag-dato-core .ag-ltr .ag-cell {
6171
- border-right: 1px solid transparent;
6169
+ border-right: none;
6172
6170
  }
6173
6171
 
6174
6172
  .ag-dato-core .ag-ltr .ag-row.ag-cell-first-right-pinned, .ag-dato-core .ag-ltr .ag-cell:not(.ag-cell-focus).ag-cell-first-right-pinned {
@@ -6180,11 +6178,11 @@ dato-grid-header span {
6180
6178
  }
6181
6179
 
6182
6180
  .ag-dato-core .ag-rtl .ag-row-group-leaf-indent {
6183
- margin-right: 24px;
6181
+ margin-right: 42px;
6184
6182
  }
6185
6183
 
6186
6184
  .ag-dato-core .ag-rtl .ag-cell {
6187
- border-left: 1px solid transparent;
6185
+ border-left: none;
6188
6186
  }
6189
6187
 
6190
6188
  .ag-dato-core .ag-rtl .ag-row.ag-cell-first-right-pinned, .ag-dato-core .ag-rtl .ag-cell:not(.ag-cell-focus).ag-cell-first-right-pinned {
@@ -6226,11 +6224,11 @@ dato-grid-header span {
6226
6224
  .ag-dato-core .ag-input-text-wrapper input[type="date"],
6227
6225
  .ag-dato-core .ag-input-text-wrapper input[type="datetime-local"] {
6228
6226
  background: transparent;
6229
- color: #000;
6227
+ color: themify(primary-700, 0.87);
6230
6228
  font-family: inherit;
6231
6229
  font-size: inherit;
6232
- height: 16px;
6233
- padding-bottom: 4px;
6230
+ height: 32px;
6231
+ padding-bottom: 8px;
6234
6232
  }
6235
6233
 
6236
6234
  .ag-dato-core .ag-input-text-wrapper input:not([type]):focus,
@@ -6247,7 +6245,7 @@ dato-grid-header span {
6247
6245
  .ag-dato-core .ag-input-text-wrapper input[type="tel"]::placeholder,
6248
6246
  .ag-dato-core .ag-input-text-wrapper input[type="date"]::placeholder,
6249
6247
  .ag-dato-core .ag-input-text-wrapper input[type="datetime-local"]::placeholder {
6250
- color: rgba(0, 0, 0, 0.5);
6248
+ color: rgba(0, 0, 0, 0.38);
6251
6249
  }
6252
6250
 
6253
6251
  .ag-dato-core .ag-input-text-wrapper input:not([type]):disabled,
@@ -6255,7 +6253,7 @@ dato-grid-header span {
6255
6253
  .ag-dato-core .ag-input-text-wrapper input[type="tel"]:disabled,
6256
6254
  .ag-dato-core .ag-input-text-wrapper input[type="date"]:disabled,
6257
6255
  .ag-dato-core .ag-input-text-wrapper input[type="datetime-local"]:disabled {
6258
- color: rgba(0, 0, 0, 0.5);
6256
+ color: rgba(0, 0, 0, 0.38);
6259
6257
  }
6260
6258
 
6261
6259
  .ag-dato-core .ag-input-text-wrapper input[type="date"] {
@@ -6264,11 +6262,11 @@ dato-grid-header span {
6264
6262
 
6265
6263
  .ag-dato-core .ag-input-text-wrapper textarea {
6266
6264
  background: transparent;
6267
- color: #000;
6265
+ color: themify(primary-700, 0.87);
6268
6266
  font-family: inherit;
6269
6267
  font-size: inherit;
6270
- height: 16px;
6271
- padding-bottom: 4px;
6268
+ height: 32px;
6269
+ padding-bottom: 8px;
6272
6270
  }
6273
6271
 
6274
6272
  .ag-dato-core .ag-input-text-wrapper textarea:focus {
@@ -6277,19 +6275,19 @@ dato-grid-header span {
6277
6275
  }
6278
6276
 
6279
6277
  .ag-dato-core .ag-input-text-wrapper textarea::placeholder {
6280
- color: rgba(0, 0, 0, 0.5);
6278
+ color: rgba(0, 0, 0, 0.38);
6281
6279
  }
6282
6280
 
6283
6281
  .ag-dato-core .ag-input-text-wrapper textarea:disabled {
6284
- color: rgba(0, 0, 0, 0.5);
6282
+ color: rgba(0, 0, 0, 0.38);
6285
6283
  }
6286
6284
 
6287
6285
  .ag-dato-core .ag-header {
6288
- background-color: #fff;
6289
- background-image: #fff;
6290
- font-weight: 400;
6291
- font-size: 14px;
6292
- font-family: "Helvetica Neue", sans-serif;
6286
+ background-color: themify(primary-0);
6287
+ background-image: themify(primary-0);
6288
+ font-weight: 700;
6289
+ font-size: 12px;
6290
+ font-family: "Open Sans";
6293
6291
  border-bottom: 1px solid transparent;
6294
6292
  }
6295
6293
 
@@ -6320,7 +6318,7 @@ dato-grid-header span {
6320
6318
  }
6321
6319
 
6322
6320
  .ag-dato-core .ag-row-even {
6323
- background-color: #fff;
6321
+ background-color: #F7F8FA;
6324
6322
  }
6325
6323
 
6326
6324
  .ag-dato-core .ag-horizontal-left-spacer.ag-scroller-corner {
@@ -6340,8 +6338,8 @@ dato-grid-header span {
6340
6338
  }
6341
6339
 
6342
6340
  .ag-dato-core .ag-header-cell-label .ag-header-icon {
6343
- margin-left: 4px;
6344
- opacity: 1;
6341
+ margin-left: 8px;
6342
+ opacity: 0.87;
6345
6343
  }
6346
6344
 
6347
6345
  .ag-dato-core .ag-header-cell,
@@ -6371,7 +6369,7 @@ dato-grid-header span {
6371
6369
  }
6372
6370
 
6373
6371
  .ag-dato-core .ag-cell {
6374
- line-height: 23px;
6372
+ line-height: 33px;
6375
6373
  padding-left: 12px;
6376
6374
  padding-right: 12px;
6377
6375
  border: 1px solid transparent;
@@ -6382,7 +6380,7 @@ dato-grid-header span {
6382
6380
  .ag-dato-core .ag-row-drag {
6383
6381
  cursor: move;
6384
6382
  cursor: grab;
6385
- min-width: 24px;
6383
+ min-width: 42px;
6386
6384
  }
6387
6385
 
6388
6386
  .ag-dato-core .ag-row-dragging, .ag-dato-core .ag-row-dragging .ag-row-drag {
@@ -6408,21 +6406,21 @@ dato-grid-header span {
6408
6406
  }
6409
6407
 
6410
6408
  .ag-dato-core .ag-header-cell-resize {
6411
- width: 8px;
6409
+ width: 16px;
6412
6410
  }
6413
6411
 
6414
6412
  .ag-dato-core .ag-menu {
6415
6413
  background: themify(primary-0);
6416
6414
  border-radius: 2px;
6417
6415
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.2);
6418
- padding: 4px;
6416
+ padding: 8px;
6419
6417
  padding: 0;
6420
6418
  }
6421
6419
 
6422
6420
  .ag-dato-core .ag-menu .ag-menu-list {
6423
6421
  cursor: default;
6424
- margin-bottom: 4px;
6425
- margin-top: 4px;
6422
+ margin-bottom: 8px;
6423
+ margin-top: 8px;
6426
6424
  width: 100%;
6427
6425
  }
6428
6426
 
@@ -6435,29 +6433,29 @@ dato-grid-header span {
6435
6433
  }
6436
6434
 
6437
6435
  .ag-dato-core .ag-menu .ag-menu-option-text {
6438
- margin-left: 4px;
6436
+ margin-left: 8px;
6439
6437
  }
6440
6438
 
6441
6439
  .ag-dato-core .ag-menu .ag-menu-option-icon {
6442
- padding-left: 4px;
6443
- padding-right: 4px;
6444
- min-width: 20px;
6440
+ padding-left: 8px;
6441
+ padding-right: 8px;
6442
+ min-width: 34px;
6445
6443
  }
6446
6444
 
6447
6445
  .ag-dato-core .ag-menu .ag-menu-option-shortcut {
6448
- padding-left: 8px;
6446
+ padding-left: 16px;
6449
6447
  }
6450
6448
 
6451
6449
  .ag-dato-core .ag-menu .ag-menu-separator {
6452
- height: 8px;
6450
+ height: 16px;
6453
6451
  }
6454
6452
 
6455
6453
  .ag-dato-core .ag-menu .ag-menu-separator > span {
6456
- background-image: url("data:image/svg+xml,%3Csvg%20width%3D'1'%20height%3D'8px'%20viewBox%3D'0%200%201%208px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cline%20x1%3D'0'%20y1%3D'4px'%20x2%3D'1'%20y2%3D'4px'%20stroke-width%3D'1'%20stroke%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
6454
+ background-image: url("data:image/svg+xml,%3Csvg%20width%3D'1'%20height%3D'16px'%20viewBox%3D'0%200%201%2016px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cline%20x1%3D'0'%20y1%3D'8px'%20x2%3D'1'%20y2%3D'8px'%20stroke-width%3D'1'%20stroke%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
6457
6455
  }
6458
6456
 
6459
6457
  .ag-dato-core .ag-menu .ag-menu-option-popup-pointer {
6460
- width: 20px;
6458
+ width: 34px;
6461
6459
  text-align: center;
6462
6460
  }
6463
6461
 
@@ -6465,17 +6463,17 @@ dato-grid-header span {
6465
6463
  background: themify(primary-0);
6466
6464
  border-radius: 2px;
6467
6465
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.2);
6468
- padding: 4px;
6466
+ padding: 8px;
6469
6467
  border: 1px solid transparent;
6470
- color: #333333;
6471
- font-weight: 400;
6472
- font-size: 14px;
6473
- font-family: "Helvetica Neue", sans-serif;
6474
- height: 25px !important;
6475
- line-height: 25px;
6468
+ color: rgba(51, 51, 51, 0.54);
6469
+ font-weight: 700;
6470
+ font-size: 12px;
6471
+ font-family: "Open Sans";
6472
+ height: 35px !important;
6473
+ line-height: 35px;
6476
6474
  margin: 0;
6477
- padding: 0 8px;
6478
- transform: translateY(8px);
6475
+ padding: 0 16px;
6476
+ transform: translateY(16px);
6479
6477
  }
6480
6478
 
6481
6479
  .ag-dato-core.ag-dnd-ghost span,
@@ -6486,8 +6484,8 @@ dato-grid-header span {
6486
6484
  }
6487
6485
 
6488
6486
  .ag-dato-core.ag-dnd-ghost .ag-dnd-ghost-icon {
6489
- margin-right: 4px;
6490
- opacity: 1;
6487
+ margin-right: 8px;
6488
+ opacity: 0.87;
6491
6489
  }
6492
6490
 
6493
6491
  .ag-dato-core .ag-tab-header {
@@ -6500,7 +6498,7 @@ dato-grid-header span {
6500
6498
  .ag-dato-core .ag-tab-header .ag-tab {
6501
6499
  display: flex;
6502
6500
  border-bottom: 2px solid transparent;
6503
- height: 16px;
6501
+ height: 32px;
6504
6502
  flex: none;
6505
6503
  align-items: center;
6506
6504
  justify-content: center;
@@ -6508,7 +6506,7 @@ dato-grid-header span {
6508
6506
  }
6509
6507
 
6510
6508
  .ag-dato-core .ag-tab-body {
6511
- padding: 4px 0;
6509
+ padding: 8px 0;
6512
6510
  }
6513
6511
 
6514
6512
  .ag-dato-core .ag-tab-body .ag-menu-list {
@@ -6529,7 +6527,7 @@ dato-grid-header span {
6529
6527
  }
6530
6528
 
6531
6529
  .ag-dato-core .ag-filter .ag-filter-select, .ag-dato-core .ag-filter .ag-filter-body {
6532
- margin-bottom: 4px;
6530
+ margin-bottom: 8px;
6533
6531
  }
6534
6532
 
6535
6533
  .ag-dato-core .ag-filter .ag-filter-body {
@@ -6537,12 +6535,12 @@ dato-grid-header span {
6537
6535
  }
6538
6536
 
6539
6537
  .ag-dato-core .ag-filter .ag-filter-filter {
6540
- margin-left: 4px;
6541
- margin-right: 4px;
6538
+ margin-left: 8px;
6539
+ margin-right: 8px;
6542
6540
  }
6543
6541
 
6544
6542
  .ag-dato-core .ag-filter .ag-filter-select {
6545
- margin: 4px;
6543
+ margin: 8px;
6546
6544
  }
6547
6545
 
6548
6546
  .ag-dato-core .ag-filter input[type="radio"] {
@@ -6554,15 +6552,15 @@ dato-grid-header span {
6554
6552
 
6555
6553
  .ag-dato-core .ag-filter input[type="text"],
6556
6554
  .ag-dato-core .ag-filter input[type="date"] {
6557
- padding-left: 4px;
6555
+ padding-left: 8px;
6558
6556
  }
6559
6557
 
6560
6558
  .ag-dato-core .ag-filter .ag-set-filter-list {
6561
- height: 120px;
6559
+ height: 240px;
6562
6560
  }
6563
6561
 
6564
6562
  .ag-dato-core .ag-filter .ag-set-filter-item {
6565
- height: 20px;
6563
+ height: 40px;
6566
6564
  display: flex;
6567
6565
  align-items: center;
6568
6566
  }
@@ -6579,8 +6577,8 @@ dato-grid-header span {
6579
6577
  .ag-dato-core .ag-filter .ag-filter-apply-panel {
6580
6578
  display: flex;
6581
6579
  justify-content: flex-end;
6582
- padding: 4px;
6583
- padding-top: 8px;
6580
+ padding: 8px;
6581
+ padding-top: 16px;
6584
6582
  }
6585
6583
 
6586
6584
  .ag-dato-core .ag-filter .ag-filter-apply-panel button {
@@ -6597,12 +6595,12 @@ dato-grid-header span {
6597
6595
  }
6598
6596
 
6599
6597
  .ag-dato-core .ag-filter .ag-filter-apply-panel button + button {
6600
- margin-left: 8px;
6598
+ margin-left: 16px;
6601
6599
  }
6602
6600
 
6603
6601
  .ag-dato-core .ag-column-select-panel .ag-column-tool-panel-column-group,
6604
6602
  .ag-dato-core .ag-column-select-panel .ag-column-tool-panel-column {
6605
- height: 16px;
6603
+ height: 32px;
6606
6604
  }
6607
6605
 
6608
6606
  .ag-dato-core .ag-column-select-panel .ag-column-tool-panel-column-group .ag-column-select-checkbox,
@@ -6611,13 +6609,13 @@ dato-grid-header span {
6611
6609
  .ag-dato-core .ag-column-select-panel .ag-column-tool-panel-column .ag-column-select-checkbox,
6612
6610
  .ag-dato-core .ag-column-select-panel .ag-column-tool-panel-column .ag-column-tool-panel-column-label,
6613
6611
  .ag-dato-core .ag-column-select-panel .ag-column-tool-panel-column .ag-column-group-icons {
6614
- margin-left: 4px;
6615
- margin-right: 4px;
6612
+ margin-left: 8px;
6613
+ margin-right: 8px;
6616
6614
  }
6617
6615
 
6618
6616
  .ag-dato-core .ag-column-select-panel .ag-primary-cols-list-panel {
6619
6617
  border-top: 1px solid transparent;
6620
- padding-top: 4px;
6618
+ padding-top: 8px;
6621
6619
  }
6622
6620
 
6623
6621
  .ag-dato-core .ag-column-select-panel .ag-primary-cols-list-panel > div {
@@ -6625,23 +6623,23 @@ dato-grid-header span {
6625
6623
  }
6626
6624
 
6627
6625
  .ag-dato-core .ag-column-select-panel .ag-column-tool-panel-column.ag-toolpanel-add-group-indent {
6628
- margin-left: 20px;
6626
+ margin-left: 34px;
6629
6627
  }
6630
6628
 
6631
6629
  .ag-dato-core .ag-primary-cols-header-panel {
6632
6630
  border-top: 1px solid transparent;
6633
- height: 25px;
6631
+ height: 35px;
6634
6632
  align-items: center;
6635
6633
  }
6636
6634
 
6637
6635
  .ag-dato-core .ag-primary-cols-header-panel > div {
6638
6636
  cursor: pointer;
6639
- margin: 0 4px;
6637
+ margin: 0 8px;
6640
6638
  }
6641
6639
 
6642
6640
  .ag-dato-core .ag-primary-cols-header-panel .ag-filter-body {
6643
- margin-left: 4px;
6644
- margin-right: 4px;
6641
+ margin-left: 8px;
6642
+ margin-right: 8px;
6645
6643
  }
6646
6644
 
6647
6645
  .ag-dato-core .ag-tool-panel-wrapper {
@@ -6653,7 +6651,7 @@ dato-grid-header span {
6653
6651
  }
6654
6652
 
6655
6653
  .ag-dato-core .ag-tool-panel-wrapper .ag-filter-panel .ag-filter-toolpanel-instance {
6656
- color: #333333;
6654
+ color: rgba(51, 51, 51, 0.54);
6657
6655
  font-weight: 600;
6658
6656
  flex: auto;
6659
6657
  flex-direction: column;
@@ -6678,11 +6676,11 @@ dato-grid-header span {
6678
6676
  border: 1px solid transparent;
6679
6677
  border-left: 0;
6680
6678
  border-right: 0;
6681
- padding: 4px 0;
6679
+ padding: 8px 0;
6682
6680
  }
6683
6681
 
6684
6682
  .ag-dato-core .ag-tool-panel-wrapper .ag-pivot-mode-panel {
6685
- height: 25px;
6683
+ height: 35px;
6686
6684
  display: flex;
6687
6685
  flex: none;
6688
6686
  }
@@ -6690,39 +6688,39 @@ dato-grid-header span {
6690
6688
  .ag-dato-core .ag-tool-panel-wrapper .ag-pivot-mode-panel .ag-pivot-mode-select {
6691
6689
  display: flex;
6692
6690
  align-items: center;
6693
- margin-left: 4px;
6691
+ margin-left: 8px;
6694
6692
  }
6695
6693
 
6696
6694
  .ag-dato-core .ag-tool-panel-wrapper .ag-column-select-panel {
6697
6695
  border-bottom: 1px solid transparent;
6698
- padding-bottom: 3px;
6696
+ padding-bottom: 7px;
6699
6697
  padding-top: 0;
6700
6698
  }
6701
6699
 
6702
6700
  .ag-dato-core .ag-tool-panel-wrapper .ag-column-drop {
6703
6701
  border-bottom: 1px solid transparent;
6704
- padding: 4px 0;
6705
- padding-bottom: 8px;
6702
+ padding: 8px 0;
6703
+ padding-bottom: 16px;
6706
6704
  }
6707
6705
 
6708
6706
  .ag-dato-core .ag-tool-panel-wrapper .ag-column-drop .ag-column-drop-empty-message {
6709
- color: rgba(0, 0, 0, 0.5);
6710
- font-weight: 400;
6711
- font-size: 14px;
6712
- font-family: "Helvetica Neue", sans-serif;
6713
- padding-left: 20px;
6714
- padding-right: 4px;
6715
- margin-top: 4px;
6707
+ color: rgba(0, 0, 0, 0.38);
6708
+ font-weight: 700;
6709
+ font-size: 12px;
6710
+ font-family: "Open Sans";
6711
+ padding-left: 34px;
6712
+ padding-right: 8px;
6713
+ margin-top: 8px;
6716
6714
  }
6717
6715
 
6718
6716
  .ag-dato-core .ag-tool-panel-wrapper .ag-column-drop .ag-column-drop-list {
6719
6717
  cursor: default;
6720
- margin-top: 4px;
6718
+ margin-top: 8px;
6721
6719
  }
6722
6720
 
6723
6721
  .ag-dato-core .ag-tool-panel-wrapper .ag-column-drop > div > :first-child {
6724
- padding-left: 4px;
6725
- padding-right: 4px;
6722
+ padding-left: 8px;
6723
+ padding-right: 8px;
6726
6724
  }
6727
6725
 
6728
6726
  .ag-dato-core .ag-tool-panel-wrapper .ag-column-drop:last-child {
@@ -6731,29 +6729,29 @@ dato-grid-header span {
6731
6729
 
6732
6730
  .ag-dato-core .ag-numeric-header .ag-header-cell-label .ag-header-icon {
6733
6731
  margin-left: 0;
6734
- margin-right: 4px;
6732
+ margin-right: 8px;
6735
6733
  }
6736
6734
 
6737
6735
  .ag-dato-core .ag-paging-panel {
6738
6736
  border-top: 1px solid transparent;
6739
- color: #333333;
6740
- height: 25px;
6737
+ color: rgba(51, 51, 51, 0.54);
6738
+ height: 35px;
6741
6739
  padding: 0 12px;
6742
6740
  }
6743
6741
 
6744
6742
  .ag-dato-core .ag-paging-panel > span {
6745
- margin-left: 16px;
6743
+ margin-left: 32px;
6746
6744
  }
6747
6745
 
6748
6746
  .ag-dato-core .ag-paging-page-summary-panel .ag-icon {
6749
- width: 12px;
6750
- height: 12px;
6747
+ width: 18px;
6748
+ height: 18px;
6751
6749
  cursor: pointer;
6752
6750
  }
6753
6751
 
6754
6752
  .ag-dato-core .ag-paging-page-summary-panel .ag-icon.ag-disabled {
6755
- color: rgba(0, 0, 0, 0.5);
6756
- opacity: 0.5;
6753
+ color: rgba(0, 0, 0, 0.38);
6754
+ opacity: 0.38;
6757
6755
  }
6758
6756
 
6759
6757
  .ag-dato-core .ag-paging-page-summary-panel .ag-icon button {
@@ -6763,7 +6761,7 @@ dato-grid-header span {
6763
6761
  }
6764
6762
 
6765
6763
  .ag-dato-core .ag-paging-page-summary-panel span {
6766
- margin: 0 4px;
6764
+ margin: 0 8px;
6767
6765
  }
6768
6766
 
6769
6767
  .ag-dato-core .ag-row-selected {
@@ -6791,7 +6789,7 @@ dato-grid-header span {
6791
6789
  }
6792
6790
 
6793
6791
  .ag-dato-core .ag-cell-range-selected:not(.ag-cell-focus) {
6794
- background-color: lightgray;
6792
+ background-color: rgba(120, 120, 120, 0.4);
6795
6793
  }
6796
6794
 
6797
6795
  .ag-dato-core .ag-cell-range-selected-1:not(.ag-cell-focus) {
@@ -6861,14 +6859,14 @@ dato-grid-header span {
6861
6859
 
6862
6860
  .ag-dato-core .ag-cell-inline-editing {
6863
6861
  padding: 12px;
6864
- height: 37px;
6862
+ height: 59px;
6865
6863
  }
6866
6864
 
6867
6865
  .ag-dato-core .ag-cell-inline-editing, .ag-dato-core .ag-popup-editor {
6868
6866
  background: themify(primary-0);
6869
6867
  border-radius: 2px;
6870
6868
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.2);
6871
- padding: 4px;
6869
+ padding: 8px;
6872
6870
  }
6873
6871
 
6874
6872
  .ag-dato-core .ag-popup-editor {
@@ -6882,17 +6880,17 @@ dato-grid-header span {
6882
6880
 
6883
6881
  .ag-dato-core .ag-rich-select .ag-rich-select-list {
6884
6882
  width: 200px;
6885
- height: 162.5px;
6883
+ height: 227.5px;
6886
6884
  }
6887
6885
 
6888
6886
  .ag-dato-core .ag-rich-select .ag-rich-select-value {
6889
- padding: 0 4px 0 12px;
6890
- height: 25px;
6887
+ padding: 0 8px 0 12px;
6888
+ height: 35px;
6891
6889
  }
6892
6890
 
6893
6891
  .ag-dato-core .ag-rich-select .ag-virtual-list-item {
6894
6892
  cursor: default;
6895
- height: 25px;
6893
+ height: 35px;
6896
6894
  }
6897
6895
 
6898
6896
  .ag-dato-core .ag-rich-select .ag-virtual-list-item:hover {
@@ -6908,16 +6906,16 @@ dato-grid-header span {
6908
6906
  }
6909
6907
 
6910
6908
  .ag-dato-core .ag-ltr .ag-floating-filter-button {
6911
- margin-left: 12px;
6909
+ margin-left: 24px;
6912
6910
  }
6913
6911
 
6914
6912
  .ag-dato-core .ag-floating-filter-button button {
6915
6913
  appearance: none;
6916
6914
  background: transparent;
6917
6915
  border: 0;
6918
- height: 12px;
6916
+ height: 18px;
6919
6917
  padding: 0;
6920
- width: 12px;
6918
+ width: 18px;
6921
6919
  }
6922
6920
 
6923
6921
  .ag-dato-core .ag-selection-checkbox ~ .ag-cell-value:not(:empty), .ag-dato-core .ag-selection-checkbox + .ag-group-value:not(:empty),
@@ -6947,7 +6945,7 @@ dato-grid-header span {
6947
6945
 
6948
6946
  .ag-dato-core .ag-column-drop-horizontal {
6949
6947
  background-color: themify(primary-0);
6950
- height: 25px;
6948
+ height: 35px;
6951
6949
  padding-left: 12px;
6952
6950
  }
6953
6951
 
@@ -6958,57 +6956,57 @@ dato-grid-header span {
6958
6956
 
6959
6957
  .ag-dato-core .ag-column-drop-horizontal .ag-left-arrow,
6960
6958
  .ag-dato-core .ag-column-drop-horizontal .ag-right-arrow {
6961
- margin: 0 4px;
6962
- opacity: 1;
6959
+ margin: 0 8px;
6960
+ opacity: 0.54;
6963
6961
  }
6964
6962
 
6965
6963
  .ag-dato-core .ag-column-drop-horizontal .ag-column-drop-empty-message {
6966
- opacity: 0.5;
6964
+ opacity: 0.38;
6967
6965
  }
6968
6966
 
6969
6967
  .ag-dato-core .ag-column-drop-cell {
6970
6968
  background: #ecf0f1;
6971
- border-radius: 16px;
6972
- min-height: 16px;
6973
- padding: 0 2px;
6969
+ border-radius: 32px;
6970
+ min-height: 32px;
6971
+ padding: 0 4px;
6974
6972
  }
6975
6973
 
6976
6974
  .ag-dato-core .ag-column-drop-cell .ag-column-drop-cell-text {
6977
- margin: 0 4px;
6975
+ margin: 0 8px;
6978
6976
  }
6979
6977
 
6980
6978
  .ag-dato-core .ag-column-drop-cell .ag-column-drop-cell-button {
6981
- min-width: 16px;
6982
- margin: 0 2px;
6983
- opacity: 1;
6979
+ min-width: 32px;
6980
+ margin: 0 4px;
6981
+ opacity: 0.54;
6984
6982
  }
6985
6983
 
6986
6984
  .ag-dato-core .ag-column-drop-cell .ag-column-drop-cell-button:hover {
6987
- opacity: 1;
6985
+ opacity: 0.87;
6988
6986
  }
6989
6987
 
6990
6988
  .ag-dato-core .ag-column-drop-cell .ag-column-drag {
6991
- margin-left: 8px;
6989
+ margin-left: 16px;
6992
6990
  }
6993
6991
 
6994
6992
  .ag-dato-core .ag-column-drop-vertical .ag-column-drop-cell {
6995
- margin-top: 4px;
6993
+ margin-top: 8px;
6996
6994
  }
6997
6995
 
6998
6996
  .ag-dato-core .ag-select-agg-func-popup {
6999
6997
  background: themify(primary-0);
7000
6998
  border-radius: 2px;
7001
6999
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.2);
7002
- padding: 4px;
7003
- background: #fff;
7004
- height: 70px;
7000
+ padding: 8px;
7001
+ background: #F7F8FA;
7002
+ height: 140px;
7005
7003
  padding: 0;
7006
7004
  }
7007
7005
 
7008
7006
  .ag-dato-core .ag-select-agg-func-popup .ag-virtual-list-item {
7009
7007
  cursor: default;
7010
- line-height: 20px;
7011
- padding-left: 8px;
7008
+ line-height: 40px;
7009
+ padding-left: 16px;
7012
7010
  }
7013
7011
 
7014
7012
  .ag-dato-core .ag-select-agg-func-popup .ag-virtual-list-item:hover {
@@ -7021,7 +7019,7 @@ dato-grid-header span {
7021
7019
  }
7022
7020
 
7023
7021
  .ag-dato-core .ag-column-drop-vertical > .ag-column-drop-cell {
7024
- margin-left: 4px;
7022
+ margin-left: 8px;
7025
7023
  margin-top: 0;
7026
7024
  }
7027
7025
 
@@ -7040,7 +7038,7 @@ dato-grid-header span {
7040
7038
 
7041
7039
  .ag-dato-core .ag-stub-cell {
7042
7040
  padding-left: 12px;
7043
- padding-top: 4px;
7041
+ padding-top: 8px;
7044
7042
  }
7045
7043
 
7046
7044
  .ag-dato-core .ag-stub-cell .ag-loading-icon {
@@ -7060,8 +7058,8 @@ dato-grid-header span {
7060
7058
  }
7061
7059
 
7062
7060
  .ag-dato-core .ag-stub-cell .ag-loading-text {
7063
- margin-left: 4px;
7064
- margin-top: 4px;
7061
+ margin-left: 8px;
7062
+ margin-top: 8px;
7065
7063
  }
7066
7064
 
7067
7065
  .ag-dato-core .ag-floating-top {
@@ -7081,20 +7079,20 @@ dato-grid-header span {
7081
7079
  }
7082
7080
 
7083
7081
  .ag-dato-core .ag-status-bar {
7084
- background: #fff;
7082
+ background: #F7F8FA;
7085
7083
  border: 1px solid transparent;
7086
7084
  border-top-width: 0;
7087
- color: rgba(0, 0, 0, 0.5);
7088
- font-weight: 400;
7089
- font-size: 14px;
7090
- font-family: "Helvetica Neue", sans-serif;
7091
- padding-right: 16px;
7092
- padding-left: 16px;
7085
+ color: rgba(0, 0, 0, 0.38);
7086
+ font-weight: 700;
7087
+ font-size: 12px;
7088
+ font-family: "Open Sans";
7089
+ padding-right: 32px;
7090
+ padding-left: 32px;
7093
7091
  line-height: 1.5;
7094
7092
  }
7095
7093
 
7096
7094
  .ag-dato-core .ag-name-value-value {
7097
- color: #000;
7095
+ color: themify(primary-700, 0.87);
7098
7096
  }
7099
7097
 
7100
7098
  .ag-dato-core .ag-status-bar-center {
@@ -7102,14 +7100,14 @@ dato-grid-header span {
7102
7100
  }
7103
7101
 
7104
7102
  .ag-dato-core .ag-name-value {
7105
- margin-left: 4px;
7106
- margin-right: 4px;
7107
- padding-top: 8px;
7108
- padding-bottom: 8px;
7103
+ margin-left: 8px;
7104
+ margin-right: 8px;
7105
+ padding-top: 16px;
7106
+ padding-bottom: 16px;
7109
7107
  }
7110
7108
 
7111
7109
  .ag-dato-core .ag-details-row {
7112
- padding: 20px;
7110
+ padding: 40px;
7113
7111
  }
7114
7112
 
7115
7113
  .ag-dato-core .ag-overlay-loading-wrapper {
@@ -7120,7 +7118,7 @@ dato-grid-header span {
7120
7118
  background: themify(primary-0);
7121
7119
  border-radius: 2px;
7122
7120
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.2);
7123
- padding: 4px;
7121
+ padding: 8px;
7124
7122
  }
7125
7123
 
7126
7124
  .ag-dato-core .ag-side-bar {
@@ -7131,20 +7129,20 @@ dato-grid-header span {
7131
7129
  }
7132
7130
 
7133
7131
  .ag-dato-core .ag-side-bar .ag-side-buttons {
7134
- padding-top: 16px;
7135
- background: #fff;
7136
- width: 16px;
7132
+ padding-top: 32px;
7133
+ background: #F7F8FA;
7134
+ width: 22px;
7137
7135
  position: relative;
7138
7136
  }
7139
7137
 
7140
7138
  .ag-dato-core .ag-side-bar .ag-side-buttons .ag-side-button button {
7141
7139
  background: transparent;
7142
7140
  border: 0;
7143
- color: #000;
7144
- padding: 8px 0 8px 0;
7141
+ color: themify(primary-700, 0.87);
7142
+ padding: 16px 0 16px 0;
7145
7143
  width: 100%;
7146
7144
  margin: 0;
7147
- min-height: 72px;
7145
+ min-height: 144px;
7148
7146
  border-width: 1px 0 1px 0;
7149
7147
  border-style: solid;
7150
7148
  border-color: transparent;
@@ -7173,8 +7171,8 @@ dato-grid-header span {
7173
7171
  }
7174
7172
 
7175
7173
  .ag-dato-core .ag-primary-cols-filter-wrapper {
7176
- margin-left: 4px;
7177
- margin-right: 4px;
7174
+ margin-left: 8px;
7175
+ margin-right: 8px;
7178
7176
  }
7179
7177
 
7180
7178
  .ag-dato-core .ag-group-component {
@@ -7186,10 +7184,10 @@ dato-grid-header span {
7186
7184
  }
7187
7185
 
7188
7186
  .ag-dato-core .ag-group-component .ag-group-component-label {
7189
- background-color: #fff;
7187
+ background-color: #F7F8FA;
7190
7188
  margin-left: 8px;
7191
7189
  padding: 0 2px;
7192
- font-size: 12px;
7190
+ font-size: 10px;
7193
7191
  font-weight: 500;
7194
7192
  text-transform: uppercase;
7195
7193
  }
@@ -7229,7 +7227,7 @@ dato-grid-header span {
7229
7227
 
7230
7228
  .ag-dato-core .ag-dialog .ag-message-box .ag-message-box-button-bar {
7231
7229
  height: 30px;
7232
- background-color: #fff;
7230
+ background-color: themify(primary-0);
7233
7231
  padding: 2px;
7234
7232
  }
7235
7233
 
@@ -7246,11 +7244,11 @@ dato-grid-header span {
7246
7244
  }
7247
7245
 
7248
7246
  .ag-dato-core .ag-chart .ag-chart-menu {
7249
- background: #fff;
7247
+ background: #F7F8FA;
7250
7248
  }
7251
7249
 
7252
7250
  .ag-dato-core .ag-chart .ag-chart-menu > span:hover {
7253
- background-color: #e6e6e6;
7251
+ background-color: #d8dde6;
7254
7252
  }
7255
7253
 
7256
7254
  .ag-dato-core .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-mini-wrapper > div {
@@ -7262,8 +7260,8 @@ dato-grid-header span {
7262
7260
  }
7263
7261
 
7264
7262
  .ag-dato-core .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-nav-bar .ag-nav-card-selector .ag-nav-card-item {
7265
- color: #000;
7266
- font-size: 12px;
7263
+ color: themify(primary-700, 0.87);
7264
+ font-size: 10px;
7267
7265
  }
7268
7266
 
7269
7267
  .ag-dato-core .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-nav-bar .ag-nav-card-selector .ag-nav-card-item.ag-selected {
@@ -7274,8 +7272,8 @@ dato-grid-header span {
7274
7272
  /* use !important to prevent issues with browser extensions that change fonts */
7275
7273
  font-family: "agGridClassic";
7276
7274
  speak: none;
7277
- font-size: 12px;
7278
- color: lightgray;
7275
+ font-size: 18px;
7276
+ color: #333333;
7279
7277
  font-style: normal;
7280
7278
  font-weight: normal;
7281
7279
  font-variant: normal;
@@ -7308,8 +7306,8 @@ dato-grid-header span {
7308
7306
  .ag-dato-core .ag-icon-checkbox-checked,
7309
7307
  .ag-dato-core .ag-icon-checkbox-indeterminate,
7310
7308
  .ag-dato-core .ag-icon-checkbox-unchecked {
7311
- background-color: #fff;
7312
- line-height: 12px;
7309
+ background-color: #F7F8FA;
7310
+ line-height: 18px;
7313
7311
  border-radius: 3px;
7314
7312
  }
7315
7313
 
@@ -7317,11 +7315,11 @@ dato-grid-header span {
7317
7315
  .ag-dato-core .ag-icon-checkbox-indeterminate-readonly,
7318
7316
  .ag-dato-core .ag-icon-checkbox-unchecked-readonly {
7319
7317
  cursor: default;
7320
- opacity: 0.5;
7318
+ opacity: 0.38;
7321
7319
  }
7322
7320
 
7323
7321
  .ag-dato-core .ag-icon-checkbox-checked {
7324
- color: transparent;
7322
+ color: black;
7325
7323
  }
7326
7324
 
7327
7325
  .ag-dato-core .ag-icon-checkbox-checked:before, .ag-dato-core .ag-icon-checkbox-checked-readonly:before {
@@ -7469,7 +7467,7 @@ dato-grid-header span {
7469
7467
  }
7470
7468
 
7471
7469
  .ag-dato-core .ag-icon-radio-button-on {
7472
- color: transparent;
7470
+ color: black;
7473
7471
  }
7474
7472
 
7475
7473
  .ag-dato-core .ag-icon-radio-button-on:before {
@@ -7525,30 +7523,30 @@ dato-grid-header span {
7525
7523
  }
7526
7524
 
7527
7525
  .ag-dato-core .ag-rtl .ag-radio-button-label, .ag-dato-core .ag-rtl .ag-checkbox-label {
7528
- margin-right: 4px;
7526
+ margin-right: 8px;
7529
7527
  margin-left: 0;
7530
7528
  }
7531
7529
 
7532
7530
  .ag-dato-core .ag-rtl .ag-tool-panel-wrapper .ag-pivot-mode-panel .ag-pivot-mode-select {
7533
- margin-right: 4px;
7531
+ margin-right: 8px;
7534
7532
  }
7535
7533
 
7536
7534
  .ag-dato-core .ag-rtl .ag-tool-panel-wrapper .ag-column-drop .ag-column-drop-empty-message {
7537
- padding-left: 4px;
7538
- padding-right: 16px;
7535
+ padding-left: 8px;
7536
+ padding-right: 32px;
7539
7537
  }
7540
7538
 
7541
7539
  .ag-dato-core .ag-rtl .ag-column-select-panel .ag-column-tool-panel-column-group .ag-column-select-checkbox,
7542
7540
  .ag-dato-core .ag-rtl .ag-column-select-panel .ag-column-tool-panel-column-group .ag-column-group-icons,
7543
7541
  .ag-dato-core .ag-rtl .ag-column-select-panel .ag-column-tool-panel-column .ag-column-select-checkbox,
7544
7542
  .ag-dato-core .ag-rtl .ag-column-select-panel .ag-column-tool-panel-column .ag-column-group-icons {
7545
- margin-left: 4px;
7546
- margin-right: 4px;
7543
+ margin-left: 8px;
7544
+ margin-right: 8px;
7547
7545
  }
7548
7546
 
7549
7547
  .ag-dato-core .ag-rtl .ag-column-select-panel .ag-column-tool-panel-column.ag-toolpanel-add-group-indent {
7550
7548
  margin-left: 0;
7551
- margin-right: 20px;
7549
+ margin-right: 34px;
7552
7550
  }
7553
7551
 
7554
7552
  .ag-dato-core .ag-rtl .ag-header-select-all {
@@ -7598,7 +7596,7 @@ dato-grid-header span {
7598
7596
  }
7599
7597
 
7600
7598
  .ag-dato-core .ag-rtl .ag-floating-filter-button {
7601
- margin-right: 12px;
7599
+ margin-right: 24px;
7602
7600
  }
7603
7601
 
7604
7602
  .ag-dato-core .ag-rtl .ag-set-filter-item > div, .ag-dato-core .ag-rtl .ag-set-filter-item > span {
@@ -7621,7 +7619,7 @@ dato-grid-header span {
7621
7619
  }
7622
7620
 
7623
7621
  .ag-dato-core .sass-variables::after {
7624
- content: '{ "autoSizePadding": "12px", "headerHeight": "25px", "groupPaddingSize": "24px", "footerPaddingAddition": "16px", "virtualItemHeight": "20px", "aggFuncPopupHeight": "70px", "checkboxIndentWidth": "16px", "leafNodePadding": "12px", "rowHeight": "25px", "gridSize": "4px", "iconSize": "12px" }';
7622
+ content: '{ "autoSizePadding": "24px", "headerHeight": "35px", "groupPaddingSize": "42px", "footerPaddingAddition": "32px", "virtualItemHeight": "40px", "aggFuncPopupHeight": "140px", "checkboxIndentWidth": "26px", "leafNodePadding": "24px", "rowHeight": "35px", "gridSize": "8px", "iconSize": "18px" }';
7625
7623
  display: none;
7626
7624
  }
7627
7625
 
@@ -7720,7 +7718,7 @@ dato-grid-header span {
7720
7718
  }
7721
7719
 
7722
7720
  .ag-dato-core .ag-header-cell-resize {
7723
- right: -3px;
7721
+ right: -7px;
7724
7722
  border-right: 2px solid #bdc3c761;
7725
7723
  padding: 0 2px;
7726
7724
  width: 6px;
@@ -7851,19 +7849,19 @@ dato-grid-header span {
7851
7849
  }
7852
7850
 
7853
7851
  .ag-dato-core .ag-cell-range-selected-1:not(.ag-cell-focus) {
7854
- background-color: lightgray;
7852
+ background-color: rgba(120, 120, 120, 0.4);
7855
7853
  }
7856
7854
 
7857
7855
  .ag-dato-core .ag-cell-range-selected-2:not(.ag-cell-focus) {
7858
- background-color: #c9c9c9;
7856
+ background-color: rgba(110, 110, 110, 0.4);
7859
7857
  }
7860
7858
 
7861
7859
  .ag-dato-core .ag-cell-range-selected-3:not(.ag-cell-focus) {
7862
- background-color: #bfbfbf;
7860
+ background-color: rgba(100, 100, 100, 0.4);
7863
7861
  }
7864
7862
 
7865
7863
  .ag-dato-core .ag-cell-range-selected-4:not(.ag-cell-focus) {
7866
- background-color: #b4b4b4;
7864
+ background-color: rgba(89, 89, 89, 0.4);
7867
7865
  }
7868
7866
 
7869
7867
  .ag-dato-core .ag-ltr .ag-has-focus .ag-cell-focus {
@@ -7878,10 +7876,10 @@ dato-grid-header span {
7878
7876
 
7879
7877
  .ag-dato-core .ag-tool-panel .ag-side-buttons button {
7880
7878
  border: 0;
7881
- color: #333333;
7882
- font-family: "Helvetica Neue", sans-serif;
7883
- font-size: 14px;
7884
- font-weight: 400;
7879
+ color: rgba(51, 51, 51, 0.54);
7880
+ font-family: "Open Sans";
7881
+ font-size: 12px;
7882
+ font-weight: 700;
7885
7883
  }
7886
7884
 
7887
7885
  .ag-dato-core .ag-menu {
@@ -11145,6 +11143,9 @@ dato-button-group.is-round-edges dato-button:last-of-type button {
11145
11143
  border-radius: 0 10px 10px 0 !important;
11146
11144
  }
11147
11145
 
11146
+ /**
11147
+ This file is a copy of ag-theme-base-vars, while replacing the default values with our custom theme values
11148
+ */
11148
11149
  @font-face {
11149
11150
  font-family: "agGridClassic";
11150
11151
  src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format("truetype");
@@ -11354,14 +11355,11 @@ dato-input input:disabled:hover {
11354
11355
  /* Pivot Row Theme */
11355
11356
  /* Pivot Cells Theme */
11356
11357
  /* Needs to be global */
11357
- /*
11358
- Common variables
11359
- */
11360
11358
  .dato-grid {
11361
11359
  -webkit-font-smoothing: antialiased;
11362
11360
  background-color: #fff;
11363
- color: #000;
11364
- font-family: "Helvetica Neue", sans-serif;
11361
+ color: themify(primary-600);
11362
+ font-family: "Open Sans";
11365
11363
  font-weight: 400;
11366
11364
  font-size: 14px;
11367
11365
  line-height: 1;
@@ -11386,787 +11384,787 @@ dato-input input:disabled:hover {
11386
11384
  }
11387
11385
 
11388
11386
  .dato-grid .ag-ltr .ag-toolpanel-indent-1 {
11389
- padding-left: 16px;
11387
+ padding-left: 26px;
11390
11388
  }
11391
11389
 
11392
11390
  .dato-grid .ag-rtl .ag-toolpanel-indent-1 {
11393
- padding-right: 16px;
11391
+ padding-right: 26px;
11394
11392
  }
11395
11393
 
11396
11394
  .dato-grid .ag-ltr .ag-row-group-indent-1 {
11397
- padding-left: 24px;
11395
+ padding-left: 42px;
11398
11396
  }
11399
11397
 
11400
11398
  .dato-grid .ag-rtl .ag-row-group-indent-1 {
11401
- padding-right: 24px;
11399
+ padding-right: 42px;
11402
11400
  }
11403
11401
 
11404
11402
  .dato-grid .ag-ltr .ag-toolpanel-indent-2 {
11405
- padding-left: 32px;
11403
+ padding-left: 52px;
11406
11404
  }
11407
11405
 
11408
11406
  .dato-grid .ag-rtl .ag-toolpanel-indent-2 {
11409
- padding-right: 32px;
11407
+ padding-right: 52px;
11410
11408
  }
11411
11409
 
11412
11410
  .dato-grid .ag-ltr .ag-row-group-indent-2 {
11413
- padding-left: 48px;
11411
+ padding-left: 84px;
11414
11412
  }
11415
11413
 
11416
11414
  .dato-grid .ag-rtl .ag-row-group-indent-2 {
11417
- padding-right: 48px;
11415
+ padding-right: 84px;
11418
11416
  }
11419
11417
 
11420
11418
  .dato-grid .ag-ltr .ag-toolpanel-indent-3 {
11421
- padding-left: 48px;
11419
+ padding-left: 78px;
11422
11420
  }
11423
11421
 
11424
11422
  .dato-grid .ag-rtl .ag-toolpanel-indent-3 {
11425
- padding-right: 48px;
11423
+ padding-right: 78px;
11426
11424
  }
11427
11425
 
11428
11426
  .dato-grid .ag-ltr .ag-row-group-indent-3 {
11429
- padding-left: 72px;
11427
+ padding-left: 126px;
11430
11428
  }
11431
11429
 
11432
11430
  .dato-grid .ag-rtl .ag-row-group-indent-3 {
11433
- padding-right: 72px;
11431
+ padding-right: 126px;
11434
11432
  }
11435
11433
 
11436
11434
  .dato-grid .ag-ltr .ag-toolpanel-indent-4 {
11437
- padding-left: 64px;
11435
+ padding-left: 104px;
11438
11436
  }
11439
11437
 
11440
11438
  .dato-grid .ag-rtl .ag-toolpanel-indent-4 {
11441
- padding-right: 64px;
11439
+ padding-right: 104px;
11442
11440
  }
11443
11441
 
11444
11442
  .dato-grid .ag-ltr .ag-row-group-indent-4 {
11445
- padding-left: 96px;
11443
+ padding-left: 168px;
11446
11444
  }
11447
11445
 
11448
11446
  .dato-grid .ag-rtl .ag-row-group-indent-4 {
11449
- padding-right: 96px;
11447
+ padding-right: 168px;
11450
11448
  }
11451
11449
 
11452
11450
  .dato-grid .ag-ltr .ag-toolpanel-indent-5 {
11453
- padding-left: 80px;
11451
+ padding-left: 130px;
11454
11452
  }
11455
11453
 
11456
11454
  .dato-grid .ag-rtl .ag-toolpanel-indent-5 {
11457
- padding-right: 80px;
11455
+ padding-right: 130px;
11458
11456
  }
11459
11457
 
11460
11458
  .dato-grid .ag-ltr .ag-row-group-indent-5 {
11461
- padding-left: 120px;
11459
+ padding-left: 210px;
11462
11460
  }
11463
11461
 
11464
11462
  .dato-grid .ag-rtl .ag-row-group-indent-5 {
11465
- padding-right: 120px;
11463
+ padding-right: 210px;
11466
11464
  }
11467
11465
 
11468
11466
  .dato-grid .ag-ltr .ag-toolpanel-indent-6 {
11469
- padding-left: 96px;
11467
+ padding-left: 156px;
11470
11468
  }
11471
11469
 
11472
11470
  .dato-grid .ag-rtl .ag-toolpanel-indent-6 {
11473
- padding-right: 96px;
11471
+ padding-right: 156px;
11474
11472
  }
11475
11473
 
11476
11474
  .dato-grid .ag-ltr .ag-row-group-indent-6 {
11477
- padding-left: 144px;
11475
+ padding-left: 252px;
11478
11476
  }
11479
11477
 
11480
11478
  .dato-grid .ag-rtl .ag-row-group-indent-6 {
11481
- padding-right: 144px;
11479
+ padding-right: 252px;
11482
11480
  }
11483
11481
 
11484
11482
  .dato-grid .ag-ltr .ag-toolpanel-indent-7 {
11485
- padding-left: 112px;
11483
+ padding-left: 182px;
11486
11484
  }
11487
11485
 
11488
11486
  .dato-grid .ag-rtl .ag-toolpanel-indent-7 {
11489
- padding-right: 112px;
11487
+ padding-right: 182px;
11490
11488
  }
11491
11489
 
11492
11490
  .dato-grid .ag-ltr .ag-row-group-indent-7 {
11493
- padding-left: 168px;
11491
+ padding-left: 294px;
11494
11492
  }
11495
11493
 
11496
11494
  .dato-grid .ag-rtl .ag-row-group-indent-7 {
11497
- padding-right: 168px;
11495
+ padding-right: 294px;
11498
11496
  }
11499
11497
 
11500
11498
  .dato-grid .ag-ltr .ag-toolpanel-indent-8 {
11501
- padding-left: 128px;
11499
+ padding-left: 208px;
11502
11500
  }
11503
11501
 
11504
11502
  .dato-grid .ag-rtl .ag-toolpanel-indent-8 {
11505
- padding-right: 128px;
11503
+ padding-right: 208px;
11506
11504
  }
11507
11505
 
11508
11506
  .dato-grid .ag-ltr .ag-row-group-indent-8 {
11509
- padding-left: 192px;
11507
+ padding-left: 336px;
11510
11508
  }
11511
11509
 
11512
11510
  .dato-grid .ag-rtl .ag-row-group-indent-8 {
11513
- padding-right: 192px;
11511
+ padding-right: 336px;
11514
11512
  }
11515
11513
 
11516
11514
  .dato-grid .ag-ltr .ag-toolpanel-indent-9 {
11517
- padding-left: 144px;
11515
+ padding-left: 234px;
11518
11516
  }
11519
11517
 
11520
11518
  .dato-grid .ag-rtl .ag-toolpanel-indent-9 {
11521
- padding-right: 144px;
11519
+ padding-right: 234px;
11522
11520
  }
11523
11521
 
11524
11522
  .dato-grid .ag-ltr .ag-row-group-indent-9 {
11525
- padding-left: 216px;
11523
+ padding-left: 378px;
11526
11524
  }
11527
11525
 
11528
11526
  .dato-grid .ag-rtl .ag-row-group-indent-9 {
11529
- padding-right: 216px;
11527
+ padding-right: 378px;
11530
11528
  }
11531
11529
 
11532
11530
  .dato-grid .ag-ltr .ag-toolpanel-indent-10 {
11533
- padding-left: 160px;
11531
+ padding-left: 260px;
11534
11532
  }
11535
11533
 
11536
11534
  .dato-grid .ag-rtl .ag-toolpanel-indent-10 {
11537
- padding-right: 160px;
11535
+ padding-right: 260px;
11538
11536
  }
11539
11537
 
11540
11538
  .dato-grid .ag-ltr .ag-row-group-indent-10 {
11541
- padding-left: 240px;
11539
+ padding-left: 420px;
11542
11540
  }
11543
11541
 
11544
11542
  .dato-grid .ag-rtl .ag-row-group-indent-10 {
11545
- padding-right: 240px;
11543
+ padding-right: 420px;
11546
11544
  }
11547
11545
 
11548
11546
  .dato-grid .ag-ltr .ag-toolpanel-indent-11 {
11549
- padding-left: 176px;
11547
+ padding-left: 286px;
11550
11548
  }
11551
11549
 
11552
11550
  .dato-grid .ag-rtl .ag-toolpanel-indent-11 {
11553
- padding-right: 176px;
11551
+ padding-right: 286px;
11554
11552
  }
11555
11553
 
11556
11554
  .dato-grid .ag-ltr .ag-row-group-indent-11 {
11557
- padding-left: 264px;
11555
+ padding-left: 462px;
11558
11556
  }
11559
11557
 
11560
11558
  .dato-grid .ag-rtl .ag-row-group-indent-11 {
11561
- padding-right: 264px;
11559
+ padding-right: 462px;
11562
11560
  }
11563
11561
 
11564
11562
  .dato-grid .ag-ltr .ag-toolpanel-indent-12 {
11565
- padding-left: 192px;
11563
+ padding-left: 312px;
11566
11564
  }
11567
11565
 
11568
11566
  .dato-grid .ag-rtl .ag-toolpanel-indent-12 {
11569
- padding-right: 192px;
11567
+ padding-right: 312px;
11570
11568
  }
11571
11569
 
11572
11570
  .dato-grid .ag-ltr .ag-row-group-indent-12 {
11573
- padding-left: 288px;
11571
+ padding-left: 504px;
11574
11572
  }
11575
11573
 
11576
11574
  .dato-grid .ag-rtl .ag-row-group-indent-12 {
11577
- padding-right: 288px;
11575
+ padding-right: 504px;
11578
11576
  }
11579
11577
 
11580
11578
  .dato-grid .ag-ltr .ag-toolpanel-indent-13 {
11581
- padding-left: 208px;
11579
+ padding-left: 338px;
11582
11580
  }
11583
11581
 
11584
11582
  .dato-grid .ag-rtl .ag-toolpanel-indent-13 {
11585
- padding-right: 208px;
11583
+ padding-right: 338px;
11586
11584
  }
11587
11585
 
11588
11586
  .dato-grid .ag-ltr .ag-row-group-indent-13 {
11589
- padding-left: 312px;
11587
+ padding-left: 546px;
11590
11588
  }
11591
11589
 
11592
11590
  .dato-grid .ag-rtl .ag-row-group-indent-13 {
11593
- padding-right: 312px;
11591
+ padding-right: 546px;
11594
11592
  }
11595
11593
 
11596
11594
  .dato-grid .ag-ltr .ag-toolpanel-indent-14 {
11597
- padding-left: 224px;
11595
+ padding-left: 364px;
11598
11596
  }
11599
11597
 
11600
11598
  .dato-grid .ag-rtl .ag-toolpanel-indent-14 {
11601
- padding-right: 224px;
11599
+ padding-right: 364px;
11602
11600
  }
11603
11601
 
11604
11602
  .dato-grid .ag-ltr .ag-row-group-indent-14 {
11605
- padding-left: 336px;
11603
+ padding-left: 588px;
11606
11604
  }
11607
11605
 
11608
11606
  .dato-grid .ag-rtl .ag-row-group-indent-14 {
11609
- padding-right: 336px;
11607
+ padding-right: 588px;
11610
11608
  }
11611
11609
 
11612
11610
  .dato-grid .ag-ltr .ag-toolpanel-indent-15 {
11613
- padding-left: 240px;
11611
+ padding-left: 390px;
11614
11612
  }
11615
11613
 
11616
11614
  .dato-grid .ag-rtl .ag-toolpanel-indent-15 {
11617
- padding-right: 240px;
11615
+ padding-right: 390px;
11618
11616
  }
11619
11617
 
11620
11618
  .dato-grid .ag-ltr .ag-row-group-indent-15 {
11621
- padding-left: 360px;
11619
+ padding-left: 630px;
11622
11620
  }
11623
11621
 
11624
11622
  .dato-grid .ag-rtl .ag-row-group-indent-15 {
11625
- padding-right: 360px;
11623
+ padding-right: 630px;
11626
11624
  }
11627
11625
 
11628
11626
  .dato-grid .ag-ltr .ag-toolpanel-indent-16 {
11629
- padding-left: 256px;
11627
+ padding-left: 416px;
11630
11628
  }
11631
11629
 
11632
11630
  .dato-grid .ag-rtl .ag-toolpanel-indent-16 {
11633
- padding-right: 256px;
11631
+ padding-right: 416px;
11634
11632
  }
11635
11633
 
11636
11634
  .dato-grid .ag-ltr .ag-row-group-indent-16 {
11637
- padding-left: 384px;
11635
+ padding-left: 672px;
11638
11636
  }
11639
11637
 
11640
11638
  .dato-grid .ag-rtl .ag-row-group-indent-16 {
11641
- padding-right: 384px;
11639
+ padding-right: 672px;
11642
11640
  }
11643
11641
 
11644
11642
  .dato-grid .ag-ltr .ag-toolpanel-indent-17 {
11645
- padding-left: 272px;
11643
+ padding-left: 442px;
11646
11644
  }
11647
11645
 
11648
11646
  .dato-grid .ag-rtl .ag-toolpanel-indent-17 {
11649
- padding-right: 272px;
11647
+ padding-right: 442px;
11650
11648
  }
11651
11649
 
11652
11650
  .dato-grid .ag-ltr .ag-row-group-indent-17 {
11653
- padding-left: 408px;
11651
+ padding-left: 714px;
11654
11652
  }
11655
11653
 
11656
11654
  .dato-grid .ag-rtl .ag-row-group-indent-17 {
11657
- padding-right: 408px;
11655
+ padding-right: 714px;
11658
11656
  }
11659
11657
 
11660
11658
  .dato-grid .ag-ltr .ag-toolpanel-indent-18 {
11661
- padding-left: 288px;
11659
+ padding-left: 468px;
11662
11660
  }
11663
11661
 
11664
11662
  .dato-grid .ag-rtl .ag-toolpanel-indent-18 {
11665
- padding-right: 288px;
11663
+ padding-right: 468px;
11666
11664
  }
11667
11665
 
11668
11666
  .dato-grid .ag-ltr .ag-row-group-indent-18 {
11669
- padding-left: 432px;
11667
+ padding-left: 756px;
11670
11668
  }
11671
11669
 
11672
11670
  .dato-grid .ag-rtl .ag-row-group-indent-18 {
11673
- padding-right: 432px;
11671
+ padding-right: 756px;
11674
11672
  }
11675
11673
 
11676
11674
  .dato-grid .ag-ltr .ag-toolpanel-indent-19 {
11677
- padding-left: 304px;
11675
+ padding-left: 494px;
11678
11676
  }
11679
11677
 
11680
11678
  .dato-grid .ag-rtl .ag-toolpanel-indent-19 {
11681
- padding-right: 304px;
11679
+ padding-right: 494px;
11682
11680
  }
11683
11681
 
11684
11682
  .dato-grid .ag-ltr .ag-row-group-indent-19 {
11685
- padding-left: 456px;
11683
+ padding-left: 798px;
11686
11684
  }
11687
11685
 
11688
11686
  .dato-grid .ag-rtl .ag-row-group-indent-19 {
11689
- padding-right: 456px;
11687
+ padding-right: 798px;
11690
11688
  }
11691
11689
 
11692
11690
  .dato-grid .ag-ltr .ag-toolpanel-indent-20 {
11693
- padding-left: 320px;
11691
+ padding-left: 520px;
11694
11692
  }
11695
11693
 
11696
11694
  .dato-grid .ag-rtl .ag-toolpanel-indent-20 {
11697
- padding-right: 320px;
11695
+ padding-right: 520px;
11698
11696
  }
11699
11697
 
11700
11698
  .dato-grid .ag-ltr .ag-row-group-indent-20 {
11701
- padding-left: 480px;
11699
+ padding-left: 840px;
11702
11700
  }
11703
11701
 
11704
11702
  .dato-grid .ag-rtl .ag-row-group-indent-20 {
11705
- padding-right: 480px;
11703
+ padding-right: 840px;
11706
11704
  }
11707
11705
 
11708
11706
  .dato-grid .ag-ltr .ag-toolpanel-indent-21 {
11709
- padding-left: 336px;
11707
+ padding-left: 546px;
11710
11708
  }
11711
11709
 
11712
11710
  .dato-grid .ag-rtl .ag-toolpanel-indent-21 {
11713
- padding-right: 336px;
11711
+ padding-right: 546px;
11714
11712
  }
11715
11713
 
11716
11714
  .dato-grid .ag-ltr .ag-row-group-indent-21 {
11717
- padding-left: 504px;
11715
+ padding-left: 882px;
11718
11716
  }
11719
11717
 
11720
11718
  .dato-grid .ag-rtl .ag-row-group-indent-21 {
11721
- padding-right: 504px;
11719
+ padding-right: 882px;
11722
11720
  }
11723
11721
 
11724
11722
  .dato-grid .ag-ltr .ag-toolpanel-indent-22 {
11725
- padding-left: 352px;
11723
+ padding-left: 572px;
11726
11724
  }
11727
11725
 
11728
11726
  .dato-grid .ag-rtl .ag-toolpanel-indent-22 {
11729
- padding-right: 352px;
11727
+ padding-right: 572px;
11730
11728
  }
11731
11729
 
11732
11730
  .dato-grid .ag-ltr .ag-row-group-indent-22 {
11733
- padding-left: 528px;
11731
+ padding-left: 924px;
11734
11732
  }
11735
11733
 
11736
11734
  .dato-grid .ag-rtl .ag-row-group-indent-22 {
11737
- padding-right: 528px;
11735
+ padding-right: 924px;
11738
11736
  }
11739
11737
 
11740
11738
  .dato-grid .ag-ltr .ag-toolpanel-indent-23 {
11741
- padding-left: 368px;
11739
+ padding-left: 598px;
11742
11740
  }
11743
11741
 
11744
11742
  .dato-grid .ag-rtl .ag-toolpanel-indent-23 {
11745
- padding-right: 368px;
11743
+ padding-right: 598px;
11746
11744
  }
11747
11745
 
11748
11746
  .dato-grid .ag-ltr .ag-row-group-indent-23 {
11749
- padding-left: 552px;
11747
+ padding-left: 966px;
11750
11748
  }
11751
11749
 
11752
11750
  .dato-grid .ag-rtl .ag-row-group-indent-23 {
11753
- padding-right: 552px;
11751
+ padding-right: 966px;
11754
11752
  }
11755
11753
 
11756
11754
  .dato-grid .ag-ltr .ag-toolpanel-indent-24 {
11757
- padding-left: 384px;
11755
+ padding-left: 624px;
11758
11756
  }
11759
11757
 
11760
11758
  .dato-grid .ag-rtl .ag-toolpanel-indent-24 {
11761
- padding-right: 384px;
11759
+ padding-right: 624px;
11762
11760
  }
11763
11761
 
11764
11762
  .dato-grid .ag-ltr .ag-row-group-indent-24 {
11765
- padding-left: 576px;
11763
+ padding-left: 1008px;
11766
11764
  }
11767
11765
 
11768
11766
  .dato-grid .ag-rtl .ag-row-group-indent-24 {
11769
- padding-right: 576px;
11767
+ padding-right: 1008px;
11770
11768
  }
11771
11769
 
11772
11770
  .dato-grid .ag-ltr .ag-toolpanel-indent-25 {
11773
- padding-left: 400px;
11771
+ padding-left: 650px;
11774
11772
  }
11775
11773
 
11776
11774
  .dato-grid .ag-rtl .ag-toolpanel-indent-25 {
11777
- padding-right: 400px;
11775
+ padding-right: 650px;
11778
11776
  }
11779
11777
 
11780
11778
  .dato-grid .ag-ltr .ag-row-group-indent-25 {
11781
- padding-left: 600px;
11779
+ padding-left: 1050px;
11782
11780
  }
11783
11781
 
11784
11782
  .dato-grid .ag-rtl .ag-row-group-indent-25 {
11785
- padding-right: 600px;
11783
+ padding-right: 1050px;
11786
11784
  }
11787
11785
 
11788
11786
  .dato-grid .ag-ltr .ag-toolpanel-indent-26 {
11789
- padding-left: 416px;
11787
+ padding-left: 676px;
11790
11788
  }
11791
11789
 
11792
11790
  .dato-grid .ag-rtl .ag-toolpanel-indent-26 {
11793
- padding-right: 416px;
11791
+ padding-right: 676px;
11794
11792
  }
11795
11793
 
11796
11794
  .dato-grid .ag-ltr .ag-row-group-indent-26 {
11797
- padding-left: 624px;
11795
+ padding-left: 1092px;
11798
11796
  }
11799
11797
 
11800
11798
  .dato-grid .ag-rtl .ag-row-group-indent-26 {
11801
- padding-right: 624px;
11799
+ padding-right: 1092px;
11802
11800
  }
11803
11801
 
11804
11802
  .dato-grid .ag-ltr .ag-toolpanel-indent-27 {
11805
- padding-left: 432px;
11803
+ padding-left: 702px;
11806
11804
  }
11807
11805
 
11808
11806
  .dato-grid .ag-rtl .ag-toolpanel-indent-27 {
11809
- padding-right: 432px;
11807
+ padding-right: 702px;
11810
11808
  }
11811
11809
 
11812
11810
  .dato-grid .ag-ltr .ag-row-group-indent-27 {
11813
- padding-left: 648px;
11811
+ padding-left: 1134px;
11814
11812
  }
11815
11813
 
11816
11814
  .dato-grid .ag-rtl .ag-row-group-indent-27 {
11817
- padding-right: 648px;
11815
+ padding-right: 1134px;
11818
11816
  }
11819
11817
 
11820
11818
  .dato-grid .ag-ltr .ag-toolpanel-indent-28 {
11821
- padding-left: 448px;
11819
+ padding-left: 728px;
11822
11820
  }
11823
11821
 
11824
11822
  .dato-grid .ag-rtl .ag-toolpanel-indent-28 {
11825
- padding-right: 448px;
11823
+ padding-right: 728px;
11826
11824
  }
11827
11825
 
11828
11826
  .dato-grid .ag-ltr .ag-row-group-indent-28 {
11829
- padding-left: 672px;
11827
+ padding-left: 1176px;
11830
11828
  }
11831
11829
 
11832
11830
  .dato-grid .ag-rtl .ag-row-group-indent-28 {
11833
- padding-right: 672px;
11831
+ padding-right: 1176px;
11834
11832
  }
11835
11833
 
11836
11834
  .dato-grid .ag-ltr .ag-toolpanel-indent-29 {
11837
- padding-left: 464px;
11835
+ padding-left: 754px;
11838
11836
  }
11839
11837
 
11840
11838
  .dato-grid .ag-rtl .ag-toolpanel-indent-29 {
11841
- padding-right: 464px;
11839
+ padding-right: 754px;
11842
11840
  }
11843
11841
 
11844
11842
  .dato-grid .ag-ltr .ag-row-group-indent-29 {
11845
- padding-left: 696px;
11843
+ padding-left: 1218px;
11846
11844
  }
11847
11845
 
11848
11846
  .dato-grid .ag-rtl .ag-row-group-indent-29 {
11849
- padding-right: 696px;
11847
+ padding-right: 1218px;
11850
11848
  }
11851
11849
 
11852
11850
  .dato-grid .ag-ltr .ag-toolpanel-indent-30 {
11853
- padding-left: 480px;
11851
+ padding-left: 780px;
11854
11852
  }
11855
11853
 
11856
11854
  .dato-grid .ag-rtl .ag-toolpanel-indent-30 {
11857
- padding-right: 480px;
11855
+ padding-right: 780px;
11858
11856
  }
11859
11857
 
11860
11858
  .dato-grid .ag-ltr .ag-row-group-indent-30 {
11861
- padding-left: 720px;
11859
+ padding-left: 1260px;
11862
11860
  }
11863
11861
 
11864
11862
  .dato-grid .ag-rtl .ag-row-group-indent-30 {
11865
- padding-right: 720px;
11863
+ padding-right: 1260px;
11866
11864
  }
11867
11865
 
11868
11866
  .dato-grid .ag-ltr .ag-toolpanel-indent-31 {
11869
- padding-left: 496px;
11867
+ padding-left: 806px;
11870
11868
  }
11871
11869
 
11872
11870
  .dato-grid .ag-rtl .ag-toolpanel-indent-31 {
11873
- padding-right: 496px;
11871
+ padding-right: 806px;
11874
11872
  }
11875
11873
 
11876
11874
  .dato-grid .ag-ltr .ag-row-group-indent-31 {
11877
- padding-left: 744px;
11875
+ padding-left: 1302px;
11878
11876
  }
11879
11877
 
11880
11878
  .dato-grid .ag-rtl .ag-row-group-indent-31 {
11881
- padding-right: 744px;
11879
+ padding-right: 1302px;
11882
11880
  }
11883
11881
 
11884
11882
  .dato-grid .ag-ltr .ag-toolpanel-indent-32 {
11885
- padding-left: 512px;
11883
+ padding-left: 832px;
11886
11884
  }
11887
11885
 
11888
11886
  .dato-grid .ag-rtl .ag-toolpanel-indent-32 {
11889
- padding-right: 512px;
11887
+ padding-right: 832px;
11890
11888
  }
11891
11889
 
11892
11890
  .dato-grid .ag-ltr .ag-row-group-indent-32 {
11893
- padding-left: 768px;
11891
+ padding-left: 1344px;
11894
11892
  }
11895
11893
 
11896
11894
  .dato-grid .ag-rtl .ag-row-group-indent-32 {
11897
- padding-right: 768px;
11895
+ padding-right: 1344px;
11898
11896
  }
11899
11897
 
11900
11898
  .dato-grid .ag-ltr .ag-toolpanel-indent-33 {
11901
- padding-left: 528px;
11899
+ padding-left: 858px;
11902
11900
  }
11903
11901
 
11904
11902
  .dato-grid .ag-rtl .ag-toolpanel-indent-33 {
11905
- padding-right: 528px;
11903
+ padding-right: 858px;
11906
11904
  }
11907
11905
 
11908
11906
  .dato-grid .ag-ltr .ag-row-group-indent-33 {
11909
- padding-left: 792px;
11907
+ padding-left: 1386px;
11910
11908
  }
11911
11909
 
11912
11910
  .dato-grid .ag-rtl .ag-row-group-indent-33 {
11913
- padding-right: 792px;
11911
+ padding-right: 1386px;
11914
11912
  }
11915
11913
 
11916
11914
  .dato-grid .ag-ltr .ag-toolpanel-indent-34 {
11917
- padding-left: 544px;
11915
+ padding-left: 884px;
11918
11916
  }
11919
11917
 
11920
11918
  .dato-grid .ag-rtl .ag-toolpanel-indent-34 {
11921
- padding-right: 544px;
11919
+ padding-right: 884px;
11922
11920
  }
11923
11921
 
11924
11922
  .dato-grid .ag-ltr .ag-row-group-indent-34 {
11925
- padding-left: 816px;
11923
+ padding-left: 1428px;
11926
11924
  }
11927
11925
 
11928
11926
  .dato-grid .ag-rtl .ag-row-group-indent-34 {
11929
- padding-right: 816px;
11927
+ padding-right: 1428px;
11930
11928
  }
11931
11929
 
11932
11930
  .dato-grid .ag-ltr .ag-toolpanel-indent-35 {
11933
- padding-left: 560px;
11931
+ padding-left: 910px;
11934
11932
  }
11935
11933
 
11936
11934
  .dato-grid .ag-rtl .ag-toolpanel-indent-35 {
11937
- padding-right: 560px;
11935
+ padding-right: 910px;
11938
11936
  }
11939
11937
 
11940
11938
  .dato-grid .ag-ltr .ag-row-group-indent-35 {
11941
- padding-left: 840px;
11939
+ padding-left: 1470px;
11942
11940
  }
11943
11941
 
11944
11942
  .dato-grid .ag-rtl .ag-row-group-indent-35 {
11945
- padding-right: 840px;
11943
+ padding-right: 1470px;
11946
11944
  }
11947
11945
 
11948
11946
  .dato-grid .ag-ltr .ag-toolpanel-indent-36 {
11949
- padding-left: 576px;
11947
+ padding-left: 936px;
11950
11948
  }
11951
11949
 
11952
11950
  .dato-grid .ag-rtl .ag-toolpanel-indent-36 {
11953
- padding-right: 576px;
11951
+ padding-right: 936px;
11954
11952
  }
11955
11953
 
11956
11954
  .dato-grid .ag-ltr .ag-row-group-indent-36 {
11957
- padding-left: 864px;
11955
+ padding-left: 1512px;
11958
11956
  }
11959
11957
 
11960
11958
  .dato-grid .ag-rtl .ag-row-group-indent-36 {
11961
- padding-right: 864px;
11959
+ padding-right: 1512px;
11962
11960
  }
11963
11961
 
11964
11962
  .dato-grid .ag-ltr .ag-toolpanel-indent-37 {
11965
- padding-left: 592px;
11963
+ padding-left: 962px;
11966
11964
  }
11967
11965
 
11968
11966
  .dato-grid .ag-rtl .ag-toolpanel-indent-37 {
11969
- padding-right: 592px;
11967
+ padding-right: 962px;
11970
11968
  }
11971
11969
 
11972
11970
  .dato-grid .ag-ltr .ag-row-group-indent-37 {
11973
- padding-left: 888px;
11971
+ padding-left: 1554px;
11974
11972
  }
11975
11973
 
11976
11974
  .dato-grid .ag-rtl .ag-row-group-indent-37 {
11977
- padding-right: 888px;
11975
+ padding-right: 1554px;
11978
11976
  }
11979
11977
 
11980
11978
  .dato-grid .ag-ltr .ag-toolpanel-indent-38 {
11981
- padding-left: 608px;
11979
+ padding-left: 988px;
11982
11980
  }
11983
11981
 
11984
11982
  .dato-grid .ag-rtl .ag-toolpanel-indent-38 {
11985
- padding-right: 608px;
11983
+ padding-right: 988px;
11986
11984
  }
11987
11985
 
11988
11986
  .dato-grid .ag-ltr .ag-row-group-indent-38 {
11989
- padding-left: 912px;
11987
+ padding-left: 1596px;
11990
11988
  }
11991
11989
 
11992
11990
  .dato-grid .ag-rtl .ag-row-group-indent-38 {
11993
- padding-right: 912px;
11991
+ padding-right: 1596px;
11994
11992
  }
11995
11993
 
11996
11994
  .dato-grid .ag-ltr .ag-toolpanel-indent-39 {
11997
- padding-left: 624px;
11995
+ padding-left: 1014px;
11998
11996
  }
11999
11997
 
12000
11998
  .dato-grid .ag-rtl .ag-toolpanel-indent-39 {
12001
- padding-right: 624px;
11999
+ padding-right: 1014px;
12002
12000
  }
12003
12001
 
12004
12002
  .dato-grid .ag-ltr .ag-row-group-indent-39 {
12005
- padding-left: 936px;
12003
+ padding-left: 1638px;
12006
12004
  }
12007
12005
 
12008
12006
  .dato-grid .ag-rtl .ag-row-group-indent-39 {
12009
- padding-right: 936px;
12007
+ padding-right: 1638px;
12010
12008
  }
12011
12009
 
12012
12010
  .dato-grid .ag-ltr .ag-toolpanel-indent-40 {
12013
- padding-left: 640px;
12011
+ padding-left: 1040px;
12014
12012
  }
12015
12013
 
12016
12014
  .dato-grid .ag-rtl .ag-toolpanel-indent-40 {
12017
- padding-right: 640px;
12015
+ padding-right: 1040px;
12018
12016
  }
12019
12017
 
12020
12018
  .dato-grid .ag-ltr .ag-row-group-indent-40 {
12021
- padding-left: 960px;
12019
+ padding-left: 1680px;
12022
12020
  }
12023
12021
 
12024
12022
  .dato-grid .ag-rtl .ag-row-group-indent-40 {
12025
- padding-right: 960px;
12023
+ padding-right: 1680px;
12026
12024
  }
12027
12025
 
12028
12026
  .dato-grid .ag-ltr .ag-toolpanel-indent-41 {
12029
- padding-left: 656px;
12027
+ padding-left: 1066px;
12030
12028
  }
12031
12029
 
12032
12030
  .dato-grid .ag-rtl .ag-toolpanel-indent-41 {
12033
- padding-right: 656px;
12031
+ padding-right: 1066px;
12034
12032
  }
12035
12033
 
12036
12034
  .dato-grid .ag-ltr .ag-row-group-indent-41 {
12037
- padding-left: 984px;
12035
+ padding-left: 1722px;
12038
12036
  }
12039
12037
 
12040
12038
  .dato-grid .ag-rtl .ag-row-group-indent-41 {
12041
- padding-right: 984px;
12039
+ padding-right: 1722px;
12042
12040
  }
12043
12041
 
12044
12042
  .dato-grid .ag-ltr .ag-toolpanel-indent-42 {
12045
- padding-left: 672px;
12043
+ padding-left: 1092px;
12046
12044
  }
12047
12045
 
12048
12046
  .dato-grid .ag-rtl .ag-toolpanel-indent-42 {
12049
- padding-right: 672px;
12047
+ padding-right: 1092px;
12050
12048
  }
12051
12049
 
12052
12050
  .dato-grid .ag-ltr .ag-row-group-indent-42 {
12053
- padding-left: 1008px;
12051
+ padding-left: 1764px;
12054
12052
  }
12055
12053
 
12056
12054
  .dato-grid .ag-rtl .ag-row-group-indent-42 {
12057
- padding-right: 1008px;
12055
+ padding-right: 1764px;
12058
12056
  }
12059
12057
 
12060
12058
  .dato-grid .ag-ltr .ag-toolpanel-indent-43 {
12061
- padding-left: 688px;
12059
+ padding-left: 1118px;
12062
12060
  }
12063
12061
 
12064
12062
  .dato-grid .ag-rtl .ag-toolpanel-indent-43 {
12065
- padding-right: 688px;
12063
+ padding-right: 1118px;
12066
12064
  }
12067
12065
 
12068
12066
  .dato-grid .ag-ltr .ag-row-group-indent-43 {
12069
- padding-left: 1032px;
12067
+ padding-left: 1806px;
12070
12068
  }
12071
12069
 
12072
12070
  .dato-grid .ag-rtl .ag-row-group-indent-43 {
12073
- padding-right: 1032px;
12071
+ padding-right: 1806px;
12074
12072
  }
12075
12073
 
12076
12074
  .dato-grid .ag-ltr .ag-toolpanel-indent-44 {
12077
- padding-left: 704px;
12075
+ padding-left: 1144px;
12078
12076
  }
12079
12077
 
12080
12078
  .dato-grid .ag-rtl .ag-toolpanel-indent-44 {
12081
- padding-right: 704px;
12079
+ padding-right: 1144px;
12082
12080
  }
12083
12081
 
12084
12082
  .dato-grid .ag-ltr .ag-row-group-indent-44 {
12085
- padding-left: 1056px;
12083
+ padding-left: 1848px;
12086
12084
  }
12087
12085
 
12088
12086
  .dato-grid .ag-rtl .ag-row-group-indent-44 {
12089
- padding-right: 1056px;
12087
+ padding-right: 1848px;
12090
12088
  }
12091
12089
 
12092
12090
  .dato-grid .ag-ltr .ag-toolpanel-indent-45 {
12093
- padding-left: 720px;
12091
+ padding-left: 1170px;
12094
12092
  }
12095
12093
 
12096
12094
  .dato-grid .ag-rtl .ag-toolpanel-indent-45 {
12097
- padding-right: 720px;
12095
+ padding-right: 1170px;
12098
12096
  }
12099
12097
 
12100
12098
  .dato-grid .ag-ltr .ag-row-group-indent-45 {
12101
- padding-left: 1080px;
12099
+ padding-left: 1890px;
12102
12100
  }
12103
12101
 
12104
12102
  .dato-grid .ag-rtl .ag-row-group-indent-45 {
12105
- padding-right: 1080px;
12103
+ padding-right: 1890px;
12106
12104
  }
12107
12105
 
12108
12106
  .dato-grid .ag-ltr .ag-toolpanel-indent-46 {
12109
- padding-left: 736px;
12107
+ padding-left: 1196px;
12110
12108
  }
12111
12109
 
12112
12110
  .dato-grid .ag-rtl .ag-toolpanel-indent-46 {
12113
- padding-right: 736px;
12111
+ padding-right: 1196px;
12114
12112
  }
12115
12113
 
12116
12114
  .dato-grid .ag-ltr .ag-row-group-indent-46 {
12117
- padding-left: 1104px;
12115
+ padding-left: 1932px;
12118
12116
  }
12119
12117
 
12120
12118
  .dato-grid .ag-rtl .ag-row-group-indent-46 {
12121
- padding-right: 1104px;
12119
+ padding-right: 1932px;
12122
12120
  }
12123
12121
 
12124
12122
  .dato-grid .ag-ltr .ag-toolpanel-indent-47 {
12125
- padding-left: 752px;
12123
+ padding-left: 1222px;
12126
12124
  }
12127
12125
 
12128
12126
  .dato-grid .ag-rtl .ag-toolpanel-indent-47 {
12129
- padding-right: 752px;
12127
+ padding-right: 1222px;
12130
12128
  }
12131
12129
 
12132
12130
  .dato-grid .ag-ltr .ag-row-group-indent-47 {
12133
- padding-left: 1128px;
12131
+ padding-left: 1974px;
12134
12132
  }
12135
12133
 
12136
12134
  .dato-grid .ag-rtl .ag-row-group-indent-47 {
12137
- padding-right: 1128px;
12135
+ padding-right: 1974px;
12138
12136
  }
12139
12137
 
12140
12138
  .dato-grid .ag-ltr .ag-toolpanel-indent-48 {
12141
- padding-left: 768px;
12139
+ padding-left: 1248px;
12142
12140
  }
12143
12141
 
12144
12142
  .dato-grid .ag-rtl .ag-toolpanel-indent-48 {
12145
- padding-right: 768px;
12143
+ padding-right: 1248px;
12146
12144
  }
12147
12145
 
12148
12146
  .dato-grid .ag-ltr .ag-row-group-indent-48 {
12149
- padding-left: 1152px;
12147
+ padding-left: 2016px;
12150
12148
  }
12151
12149
 
12152
12150
  .dato-grid .ag-rtl .ag-row-group-indent-48 {
12153
- padding-right: 1152px;
12151
+ padding-right: 2016px;
12154
12152
  }
12155
12153
 
12156
12154
  .dato-grid .ag-ltr .ag-toolpanel-indent-49 {
12157
- padding-left: 784px;
12155
+ padding-left: 1274px;
12158
12156
  }
12159
12157
 
12160
12158
  .dato-grid .ag-rtl .ag-toolpanel-indent-49 {
12161
- padding-right: 784px;
12159
+ padding-right: 1274px;
12162
12160
  }
12163
12161
 
12164
12162
  .dato-grid .ag-ltr .ag-row-group-indent-49 {
12165
- padding-left: 1176px;
12163
+ padding-left: 2058px;
12166
12164
  }
12167
12165
 
12168
12166
  .dato-grid .ag-rtl .ag-row-group-indent-49 {
12169
- padding-right: 1176px;
12167
+ padding-right: 2058px;
12170
12168
  }
12171
12169
 
12172
12170
  .dato-grid .ag-cell .ag-icon {
@@ -12183,7 +12181,7 @@ dato-input input:disabled:hover {
12183
12181
  }
12184
12182
 
12185
12183
  .dato-grid .ag-radio-button-label, .dato-grid .ag-checkbox-label {
12186
- margin-left: 4px;
12184
+ margin-left: 8px;
12187
12185
  }
12188
12186
 
12189
12187
  .dato-grid .ag-cell {
@@ -12191,7 +12189,7 @@ dato-input input:disabled:hover {
12191
12189
  }
12192
12190
 
12193
12191
  .dato-grid .ag-ltr .ag-row-group-leaf-indent {
12194
- margin-left: 24px;
12192
+ margin-left: 42px;
12195
12193
  }
12196
12194
 
12197
12195
  .dato-grid .ag-ltr .ag-cell {
@@ -12207,7 +12205,7 @@ dato-input input:disabled:hover {
12207
12205
  }
12208
12206
 
12209
12207
  .dato-grid .ag-rtl .ag-row-group-leaf-indent {
12210
- margin-right: 24px;
12208
+ margin-right: 42px;
12211
12209
  }
12212
12210
 
12213
12211
  .dato-grid .ag-rtl .ag-cell {
@@ -12253,11 +12251,11 @@ dato-input input:disabled:hover {
12253
12251
  .dato-grid .ag-input-text-wrapper input[type="date"],
12254
12252
  .dato-grid .ag-input-text-wrapper input[type="datetime-local"] {
12255
12253
  background: transparent;
12256
- color: #000;
12254
+ color: themify(primary-600);
12257
12255
  font-family: inherit;
12258
12256
  font-size: inherit;
12259
- height: 16px;
12260
- padding-bottom: 4px;
12257
+ height: 32px;
12258
+ padding-bottom: 8px;
12261
12259
  }
12262
12260
 
12263
12261
  .dato-grid .ag-input-text-wrapper input:not([type]):focus,
@@ -12274,7 +12272,7 @@ dato-input input:disabled:hover {
12274
12272
  .dato-grid .ag-input-text-wrapper input[type="tel"]::placeholder,
12275
12273
  .dato-grid .ag-input-text-wrapper input[type="date"]::placeholder,
12276
12274
  .dato-grid .ag-input-text-wrapper input[type="datetime-local"]::placeholder {
12277
- color: rgba(0, 0, 0, 0.5);
12275
+ color: rgba(0, 0, 0, 0.38);
12278
12276
  }
12279
12277
 
12280
12278
  .dato-grid .ag-input-text-wrapper input:not([type]):disabled,
@@ -12282,7 +12280,7 @@ dato-input input:disabled:hover {
12282
12280
  .dato-grid .ag-input-text-wrapper input[type="tel"]:disabled,
12283
12281
  .dato-grid .ag-input-text-wrapper input[type="date"]:disabled,
12284
12282
  .dato-grid .ag-input-text-wrapper input[type="datetime-local"]:disabled {
12285
- color: rgba(0, 0, 0, 0.5);
12283
+ color: rgba(0, 0, 0, 0.38);
12286
12284
  }
12287
12285
 
12288
12286
  .dato-grid .ag-input-text-wrapper input[type="date"] {
@@ -12291,11 +12289,11 @@ dato-input input:disabled:hover {
12291
12289
 
12292
12290
  .dato-grid .ag-input-text-wrapper textarea {
12293
12291
  background: transparent;
12294
- color: #000;
12292
+ color: themify(primary-600);
12295
12293
  font-family: inherit;
12296
12294
  font-size: inherit;
12297
- height: 16px;
12298
- padding-bottom: 4px;
12295
+ height: 32px;
12296
+ padding-bottom: 8px;
12299
12297
  }
12300
12298
 
12301
12299
  .dato-grid .ag-input-text-wrapper textarea:focus {
@@ -12304,19 +12302,19 @@ dato-input input:disabled:hover {
12304
12302
  }
12305
12303
 
12306
12304
  .dato-grid .ag-input-text-wrapper textarea::placeholder {
12307
- color: rgba(0, 0, 0, 0.5);
12305
+ color: rgba(0, 0, 0, 0.38);
12308
12306
  }
12309
12307
 
12310
12308
  .dato-grid .ag-input-text-wrapper textarea:disabled {
12311
- color: rgba(0, 0, 0, 0.5);
12309
+ color: rgba(0, 0, 0, 0.38);
12312
12310
  }
12313
12311
 
12314
12312
  .dato-grid .ag-header {
12315
- background-color: #fff;
12316
- background-image: #fff;
12317
- font-weight: 400;
12318
- font-size: 14px;
12319
- font-family: "Helvetica Neue", sans-serif;
12313
+ background-color: themify(primary-0);
12314
+ background-image: themify(primary-0);
12315
+ font-weight: 700;
12316
+ font-size: 12px;
12317
+ font-family: "Open Sans";
12320
12318
  border-bottom: 1px solid transparent;
12321
12319
  }
12322
12320
 
@@ -12367,8 +12365,8 @@ dato-input input:disabled:hover {
12367
12365
  }
12368
12366
 
12369
12367
  .dato-grid .ag-header-cell-label .ag-header-icon {
12370
- margin-left: 4px;
12371
- opacity: 1;
12368
+ margin-left: 8px;
12369
+ opacity: 0.87;
12372
12370
  }
12373
12371
 
12374
12372
  .dato-grid .ag-header-cell,
@@ -12398,7 +12396,7 @@ dato-input input:disabled:hover {
12398
12396
  }
12399
12397
 
12400
12398
  .dato-grid .ag-cell {
12401
- line-height: 23px;
12399
+ line-height: 33px;
12402
12400
  padding-left: 12px;
12403
12401
  padding-right: 12px;
12404
12402
  border: 1px solid transparent;
@@ -12409,7 +12407,7 @@ dato-input input:disabled:hover {
12409
12407
  .dato-grid .ag-row-drag {
12410
12408
  cursor: move;
12411
12409
  cursor: grab;
12412
- min-width: 24px;
12410
+ min-width: 42px;
12413
12411
  }
12414
12412
 
12415
12413
  .dato-grid .ag-row-dragging, .dato-grid .ag-row-dragging .ag-row-drag {
@@ -12435,21 +12433,21 @@ dato-input input:disabled:hover {
12435
12433
  }
12436
12434
 
12437
12435
  .dato-grid .ag-header-cell-resize {
12438
- width: 8px;
12436
+ width: 16px;
12439
12437
  }
12440
12438
 
12441
12439
  .dato-grid .ag-menu {
12442
12440
  background: themify(primary-0);
12443
12441
  border-radius: 2px;
12444
12442
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.2);
12445
- padding: 4px;
12443
+ padding: 8px;
12446
12444
  padding: 0;
12447
12445
  }
12448
12446
 
12449
12447
  .dato-grid .ag-menu .ag-menu-list {
12450
12448
  cursor: default;
12451
- margin-bottom: 4px;
12452
- margin-top: 4px;
12449
+ margin-bottom: 8px;
12450
+ margin-top: 8px;
12453
12451
  width: 100%;
12454
12452
  }
12455
12453
 
@@ -12462,29 +12460,29 @@ dato-input input:disabled:hover {
12462
12460
  }
12463
12461
 
12464
12462
  .dato-grid .ag-menu .ag-menu-option-text {
12465
- margin-left: 4px;
12463
+ margin-left: 8px;
12466
12464
  }
12467
12465
 
12468
12466
  .dato-grid .ag-menu .ag-menu-option-icon {
12469
- padding-left: 4px;
12470
- padding-right: 4px;
12471
- min-width: 20px;
12467
+ padding-left: 8px;
12468
+ padding-right: 8px;
12469
+ min-width: 34px;
12472
12470
  }
12473
12471
 
12474
12472
  .dato-grid .ag-menu .ag-menu-option-shortcut {
12475
- padding-left: 8px;
12473
+ padding-left: 16px;
12476
12474
  }
12477
12475
 
12478
12476
  .dato-grid .ag-menu .ag-menu-separator {
12479
- height: 8px;
12477
+ height: 16px;
12480
12478
  }
12481
12479
 
12482
12480
  .dato-grid .ag-menu .ag-menu-separator > span {
12483
- background-image: url("data:image/svg+xml,%3Csvg%20width%3D'1'%20height%3D'8px'%20viewBox%3D'0%200%201%208px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cline%20x1%3D'0'%20y1%3D'4px'%20x2%3D'1'%20y2%3D'4px'%20stroke-width%3D'1'%20stroke%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
12481
+ background-image: url("data:image/svg+xml,%3Csvg%20width%3D'1'%20height%3D'16px'%20viewBox%3D'0%200%201%2016px'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cline%20x1%3D'0'%20y1%3D'8px'%20x2%3D'1'%20y2%3D'8px'%20stroke-width%3D'1'%20stroke%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
12484
12482
  }
12485
12483
 
12486
12484
  .dato-grid .ag-menu .ag-menu-option-popup-pointer {
12487
- width: 20px;
12485
+ width: 34px;
12488
12486
  text-align: center;
12489
12487
  }
12490
12488
 
@@ -12492,17 +12490,17 @@ dato-input input:disabled:hover {
12492
12490
  background: themify(primary-0);
12493
12491
  border-radius: 2px;
12494
12492
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.2);
12495
- padding: 4px;
12493
+ padding: 8px;
12496
12494
  border: 1px solid transparent;
12497
- color: #333333;
12498
- font-weight: 400;
12499
- font-size: 14px;
12500
- font-family: "Helvetica Neue", sans-serif;
12501
- height: 25px !important;
12502
- line-height: 25px;
12495
+ color: rgba(51, 51, 51, 0.54);
12496
+ font-weight: 700;
12497
+ font-size: 12px;
12498
+ font-family: "Open Sans";
12499
+ height: 35px !important;
12500
+ line-height: 35px;
12503
12501
  margin: 0;
12504
- padding: 0 8px;
12505
- transform: translateY(8px);
12502
+ padding: 0 16px;
12503
+ transform: translateY(16px);
12506
12504
  }
12507
12505
 
12508
12506
  .dato-grid.ag-dnd-ghost span,
@@ -12513,8 +12511,8 @@ dato-input input:disabled:hover {
12513
12511
  }
12514
12512
 
12515
12513
  .dato-grid.ag-dnd-ghost .ag-dnd-ghost-icon {
12516
- margin-right: 4px;
12517
- opacity: 1;
12514
+ margin-right: 8px;
12515
+ opacity: 0.87;
12518
12516
  }
12519
12517
 
12520
12518
  .dato-grid .ag-tab-header {
@@ -12527,7 +12525,7 @@ dato-input input:disabled:hover {
12527
12525
  .dato-grid .ag-tab-header .ag-tab {
12528
12526
  display: flex;
12529
12527
  border-bottom: 2px solid transparent;
12530
- height: 16px;
12528
+ height: 32px;
12531
12529
  flex: none;
12532
12530
  align-items: center;
12533
12531
  justify-content: center;
@@ -12535,7 +12533,7 @@ dato-input input:disabled:hover {
12535
12533
  }
12536
12534
 
12537
12535
  .dato-grid .ag-tab-body {
12538
- padding: 4px 0;
12536
+ padding: 8px 0;
12539
12537
  }
12540
12538
 
12541
12539
  .dato-grid .ag-tab-body .ag-menu-list {
@@ -12556,7 +12554,7 @@ dato-input input:disabled:hover {
12556
12554
  }
12557
12555
 
12558
12556
  .dato-grid .ag-filter .ag-filter-select, .dato-grid .ag-filter .ag-filter-body {
12559
- margin-bottom: 4px;
12557
+ margin-bottom: 8px;
12560
12558
  }
12561
12559
 
12562
12560
  .dato-grid .ag-filter .ag-filter-body {
@@ -12564,12 +12562,12 @@ dato-input input:disabled:hover {
12564
12562
  }
12565
12563
 
12566
12564
  .dato-grid .ag-filter .ag-filter-filter {
12567
- margin-left: 4px;
12568
- margin-right: 4px;
12565
+ margin-left: 8px;
12566
+ margin-right: 8px;
12569
12567
  }
12570
12568
 
12571
12569
  .dato-grid .ag-filter .ag-filter-select {
12572
- margin: 4px;
12570
+ margin: 8px;
12573
12571
  }
12574
12572
 
12575
12573
  .dato-grid .ag-filter input[type="radio"] {
@@ -12581,15 +12579,15 @@ dato-input input:disabled:hover {
12581
12579
 
12582
12580
  .dato-grid .ag-filter input[type="text"],
12583
12581
  .dato-grid .ag-filter input[type="date"] {
12584
- padding-left: 4px;
12582
+ padding-left: 8px;
12585
12583
  }
12586
12584
 
12587
12585
  .dato-grid .ag-filter .ag-set-filter-list {
12588
- height: 120px;
12586
+ height: 240px;
12589
12587
  }
12590
12588
 
12591
12589
  .dato-grid .ag-filter .ag-set-filter-item {
12592
- height: 20px;
12590
+ height: 40px;
12593
12591
  display: flex;
12594
12592
  align-items: center;
12595
12593
  }
@@ -12606,8 +12604,8 @@ dato-input input:disabled:hover {
12606
12604
  .dato-grid .ag-filter .ag-filter-apply-panel {
12607
12605
  display: flex;
12608
12606
  justify-content: flex-end;
12609
- padding: 4px;
12610
- padding-top: 8px;
12607
+ padding: 8px;
12608
+ padding-top: 16px;
12611
12609
  }
12612
12610
 
12613
12611
  .dato-grid .ag-filter .ag-filter-apply-panel button {
@@ -12624,12 +12622,12 @@ dato-input input:disabled:hover {
12624
12622
  }
12625
12623
 
12626
12624
  .dato-grid .ag-filter .ag-filter-apply-panel button + button {
12627
- margin-left: 8px;
12625
+ margin-left: 16px;
12628
12626
  }
12629
12627
 
12630
12628
  .dato-grid .ag-column-select-panel .ag-column-tool-panel-column-group,
12631
12629
  .dato-grid .ag-column-select-panel .ag-column-tool-panel-column {
12632
- height: 16px;
12630
+ height: 32px;
12633
12631
  }
12634
12632
 
12635
12633
  .dato-grid .ag-column-select-panel .ag-column-tool-panel-column-group .ag-column-select-checkbox,
@@ -12638,13 +12636,13 @@ dato-input input:disabled:hover {
12638
12636
  .dato-grid .ag-column-select-panel .ag-column-tool-panel-column .ag-column-select-checkbox,
12639
12637
  .dato-grid .ag-column-select-panel .ag-column-tool-panel-column .ag-column-tool-panel-column-label,
12640
12638
  .dato-grid .ag-column-select-panel .ag-column-tool-panel-column .ag-column-group-icons {
12641
- margin-left: 4px;
12642
- margin-right: 4px;
12639
+ margin-left: 8px;
12640
+ margin-right: 8px;
12643
12641
  }
12644
12642
 
12645
12643
  .dato-grid .ag-column-select-panel .ag-primary-cols-list-panel {
12646
12644
  border-top: 1px solid transparent;
12647
- padding-top: 4px;
12645
+ padding-top: 8px;
12648
12646
  }
12649
12647
 
12650
12648
  .dato-grid .ag-column-select-panel .ag-primary-cols-list-panel > div {
@@ -12652,23 +12650,23 @@ dato-input input:disabled:hover {
12652
12650
  }
12653
12651
 
12654
12652
  .dato-grid .ag-column-select-panel .ag-column-tool-panel-column.ag-toolpanel-add-group-indent {
12655
- margin-left: 20px;
12653
+ margin-left: 34px;
12656
12654
  }
12657
12655
 
12658
12656
  .dato-grid .ag-primary-cols-header-panel {
12659
12657
  border-top: 1px solid transparent;
12660
- height: 25px;
12658
+ height: 35px;
12661
12659
  align-items: center;
12662
12660
  }
12663
12661
 
12664
12662
  .dato-grid .ag-primary-cols-header-panel > div {
12665
12663
  cursor: pointer;
12666
- margin: 0 4px;
12664
+ margin: 0 8px;
12667
12665
  }
12668
12666
 
12669
12667
  .dato-grid .ag-primary-cols-header-panel .ag-filter-body {
12670
- margin-left: 4px;
12671
- margin-right: 4px;
12668
+ margin-left: 8px;
12669
+ margin-right: 8px;
12672
12670
  }
12673
12671
 
12674
12672
  .dato-grid .ag-tool-panel-wrapper {
@@ -12680,7 +12678,7 @@ dato-input input:disabled:hover {
12680
12678
  }
12681
12679
 
12682
12680
  .dato-grid .ag-tool-panel-wrapper .ag-filter-panel .ag-filter-toolpanel-instance {
12683
- color: #333333;
12681
+ color: rgba(51, 51, 51, 0.54);
12684
12682
  font-weight: 600;
12685
12683
  flex: auto;
12686
12684
  flex-direction: column;
@@ -12705,11 +12703,11 @@ dato-input input:disabled:hover {
12705
12703
  border: 1px solid transparent;
12706
12704
  border-left: 0;
12707
12705
  border-right: 0;
12708
- padding: 4px 0;
12706
+ padding: 8px 0;
12709
12707
  }
12710
12708
 
12711
12709
  .dato-grid .ag-tool-panel-wrapper .ag-pivot-mode-panel {
12712
- height: 25px;
12710
+ height: 35px;
12713
12711
  display: flex;
12714
12712
  flex: none;
12715
12713
  }
@@ -12717,39 +12715,39 @@ dato-input input:disabled:hover {
12717
12715
  .dato-grid .ag-tool-panel-wrapper .ag-pivot-mode-panel .ag-pivot-mode-select {
12718
12716
  display: flex;
12719
12717
  align-items: center;
12720
- margin-left: 4px;
12718
+ margin-left: 8px;
12721
12719
  }
12722
12720
 
12723
12721
  .dato-grid .ag-tool-panel-wrapper .ag-column-select-panel {
12724
12722
  border-bottom: 1px solid transparent;
12725
- padding-bottom: 3px;
12723
+ padding-bottom: 7px;
12726
12724
  padding-top: 0;
12727
12725
  }
12728
12726
 
12729
12727
  .dato-grid .ag-tool-panel-wrapper .ag-column-drop {
12730
12728
  border-bottom: 1px solid transparent;
12731
- padding: 4px 0;
12732
- padding-bottom: 8px;
12729
+ padding: 8px 0;
12730
+ padding-bottom: 16px;
12733
12731
  }
12734
12732
 
12735
12733
  .dato-grid .ag-tool-panel-wrapper .ag-column-drop .ag-column-drop-empty-message {
12736
- color: rgba(0, 0, 0, 0.5);
12737
- font-weight: 400;
12738
- font-size: 14px;
12739
- font-family: "Helvetica Neue", sans-serif;
12740
- padding-left: 20px;
12741
- padding-right: 4px;
12742
- margin-top: 4px;
12734
+ color: rgba(0, 0, 0, 0.38);
12735
+ font-weight: 700;
12736
+ font-size: 12px;
12737
+ font-family: "Open Sans";
12738
+ padding-left: 34px;
12739
+ padding-right: 8px;
12740
+ margin-top: 8px;
12743
12741
  }
12744
12742
 
12745
12743
  .dato-grid .ag-tool-panel-wrapper .ag-column-drop .ag-column-drop-list {
12746
12744
  cursor: default;
12747
- margin-top: 4px;
12745
+ margin-top: 8px;
12748
12746
  }
12749
12747
 
12750
12748
  .dato-grid .ag-tool-panel-wrapper .ag-column-drop > div > :first-child {
12751
- padding-left: 4px;
12752
- padding-right: 4px;
12749
+ padding-left: 8px;
12750
+ padding-right: 8px;
12753
12751
  }
12754
12752
 
12755
12753
  .dato-grid .ag-tool-panel-wrapper .ag-column-drop:last-child {
@@ -12758,29 +12756,29 @@ dato-input input:disabled:hover {
12758
12756
 
12759
12757
  .dato-grid .ag-numeric-header .ag-header-cell-label .ag-header-icon {
12760
12758
  margin-left: 0;
12761
- margin-right: 4px;
12759
+ margin-right: 8px;
12762
12760
  }
12763
12761
 
12764
12762
  .dato-grid .ag-paging-panel {
12765
12763
  border-top: 1px solid transparent;
12766
- color: #333333;
12767
- height: 25px;
12764
+ color: rgba(51, 51, 51, 0.54);
12765
+ height: 35px;
12768
12766
  padding: 0 12px;
12769
12767
  }
12770
12768
 
12771
12769
  .dato-grid .ag-paging-panel > span {
12772
- margin-left: 16px;
12770
+ margin-left: 32px;
12773
12771
  }
12774
12772
 
12775
12773
  .dato-grid .ag-paging-page-summary-panel .ag-icon {
12776
- width: 12px;
12777
- height: 12px;
12774
+ width: 18px;
12775
+ height: 18px;
12778
12776
  cursor: pointer;
12779
12777
  }
12780
12778
 
12781
12779
  .dato-grid .ag-paging-page-summary-panel .ag-icon.ag-disabled {
12782
- color: rgba(0, 0, 0, 0.5);
12783
- opacity: 0.5;
12780
+ color: rgba(0, 0, 0, 0.38);
12781
+ opacity: 0.38;
12784
12782
  }
12785
12783
 
12786
12784
  .dato-grid .ag-paging-page-summary-panel .ag-icon button {
@@ -12790,7 +12788,7 @@ dato-input input:disabled:hover {
12790
12788
  }
12791
12789
 
12792
12790
  .dato-grid .ag-paging-page-summary-panel span {
12793
- margin: 0 4px;
12791
+ margin: 0 8px;
12794
12792
  }
12795
12793
 
12796
12794
  .dato-grid .ag-row-selected {
@@ -12818,7 +12816,7 @@ dato-input input:disabled:hover {
12818
12816
  }
12819
12817
 
12820
12818
  .dato-grid .ag-cell-range-selected:not(.ag-cell-focus) {
12821
- background-color: lightgray;
12819
+ background-color: rgba(120, 120, 120, 0.4);
12822
12820
  }
12823
12821
 
12824
12822
  .dato-grid .ag-cell-range-selected-1:not(.ag-cell-focus) {
@@ -12888,14 +12886,14 @@ dato-input input:disabled:hover {
12888
12886
 
12889
12887
  .dato-grid .ag-cell-inline-editing {
12890
12888
  padding: 12px;
12891
- height: 37px;
12889
+ height: 59px;
12892
12890
  }
12893
12891
 
12894
12892
  .dato-grid .ag-cell-inline-editing, .dato-grid .ag-popup-editor {
12895
12893
  background: themify(primary-0);
12896
12894
  border-radius: 2px;
12897
12895
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.2);
12898
- padding: 4px;
12896
+ padding: 8px;
12899
12897
  }
12900
12898
 
12901
12899
  .dato-grid .ag-popup-editor {
@@ -12909,17 +12907,17 @@ dato-input input:disabled:hover {
12909
12907
 
12910
12908
  .dato-grid .ag-rich-select .ag-rich-select-list {
12911
12909
  width: 200px;
12912
- height: 162.5px;
12910
+ height: 227.5px;
12913
12911
  }
12914
12912
 
12915
12913
  .dato-grid .ag-rich-select .ag-rich-select-value {
12916
- padding: 0 4px 0 12px;
12917
- height: 25px;
12914
+ padding: 0 8px 0 12px;
12915
+ height: 35px;
12918
12916
  }
12919
12917
 
12920
12918
  .dato-grid .ag-rich-select .ag-virtual-list-item {
12921
12919
  cursor: default;
12922
- height: 25px;
12920
+ height: 35px;
12923
12921
  }
12924
12922
 
12925
12923
  .dato-grid .ag-rich-select .ag-virtual-list-item:hover {
@@ -12935,16 +12933,16 @@ dato-input input:disabled:hover {
12935
12933
  }
12936
12934
 
12937
12935
  .dato-grid .ag-ltr .ag-floating-filter-button {
12938
- margin-left: 12px;
12936
+ margin-left: 24px;
12939
12937
  }
12940
12938
 
12941
12939
  .dato-grid .ag-floating-filter-button button {
12942
12940
  appearance: none;
12943
12941
  background: transparent;
12944
12942
  border: 0;
12945
- height: 12px;
12943
+ height: 18px;
12946
12944
  padding: 0;
12947
- width: 12px;
12945
+ width: 18px;
12948
12946
  }
12949
12947
 
12950
12948
  .dato-grid .ag-selection-checkbox ~ .ag-cell-value:not(:empty), .dato-grid .ag-selection-checkbox + .ag-group-value:not(:empty),
@@ -12974,7 +12972,7 @@ dato-input input:disabled:hover {
12974
12972
 
12975
12973
  .dato-grid .ag-column-drop-horizontal {
12976
12974
  background-color: themify(primary-0);
12977
- height: 25px;
12975
+ height: 35px;
12978
12976
  padding-left: 12px;
12979
12977
  }
12980
12978
 
@@ -12985,57 +12983,57 @@ dato-input input:disabled:hover {
12985
12983
 
12986
12984
  .dato-grid .ag-column-drop-horizontal .ag-left-arrow,
12987
12985
  .dato-grid .ag-column-drop-horizontal .ag-right-arrow {
12988
- margin: 0 4px;
12989
- opacity: 1;
12986
+ margin: 0 8px;
12987
+ opacity: 0.54;
12990
12988
  }
12991
12989
 
12992
12990
  .dato-grid .ag-column-drop-horizontal .ag-column-drop-empty-message {
12993
- opacity: 0.5;
12991
+ opacity: 0.38;
12994
12992
  }
12995
12993
 
12996
12994
  .dato-grid .ag-column-drop-cell {
12997
12995
  background: #ecf0f1;
12998
- border-radius: 16px;
12999
- min-height: 16px;
13000
- padding: 0 2px;
12996
+ border-radius: 32px;
12997
+ min-height: 32px;
12998
+ padding: 0 4px;
13001
12999
  }
13002
13000
 
13003
13001
  .dato-grid .ag-column-drop-cell .ag-column-drop-cell-text {
13004
- margin: 0 4px;
13002
+ margin: 0 8px;
13005
13003
  }
13006
13004
 
13007
13005
  .dato-grid .ag-column-drop-cell .ag-column-drop-cell-button {
13008
- min-width: 16px;
13009
- margin: 0 2px;
13010
- opacity: 1;
13006
+ min-width: 32px;
13007
+ margin: 0 4px;
13008
+ opacity: 0.54;
13011
13009
  }
13012
13010
 
13013
13011
  .dato-grid .ag-column-drop-cell .ag-column-drop-cell-button:hover {
13014
- opacity: 1;
13012
+ opacity: 0.87;
13015
13013
  }
13016
13014
 
13017
13015
  .dato-grid .ag-column-drop-cell .ag-column-drag {
13018
- margin-left: 8px;
13016
+ margin-left: 16px;
13019
13017
  }
13020
13018
 
13021
13019
  .dato-grid .ag-column-drop-vertical .ag-column-drop-cell {
13022
- margin-top: 4px;
13020
+ margin-top: 8px;
13023
13021
  }
13024
13022
 
13025
13023
  .dato-grid .ag-select-agg-func-popup {
13026
13024
  background: themify(primary-0);
13027
13025
  border-radius: 2px;
13028
13026
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.2);
13029
- padding: 4px;
13027
+ padding: 8px;
13030
13028
  background: #fff;
13031
- height: 70px;
13029
+ height: 140px;
13032
13030
  padding: 0;
13033
13031
  }
13034
13032
 
13035
13033
  .dato-grid .ag-select-agg-func-popup .ag-virtual-list-item {
13036
13034
  cursor: default;
13037
- line-height: 20px;
13038
- padding-left: 8px;
13035
+ line-height: 40px;
13036
+ padding-left: 16px;
13039
13037
  }
13040
13038
 
13041
13039
  .dato-grid .ag-select-agg-func-popup .ag-virtual-list-item:hover {
@@ -13048,7 +13046,7 @@ dato-input input:disabled:hover {
13048
13046
  }
13049
13047
 
13050
13048
  .dato-grid .ag-column-drop-vertical > .ag-column-drop-cell {
13051
- margin-left: 4px;
13049
+ margin-left: 8px;
13052
13050
  margin-top: 0;
13053
13051
  }
13054
13052
 
@@ -13067,7 +13065,7 @@ dato-input input:disabled:hover {
13067
13065
 
13068
13066
  .dato-grid .ag-stub-cell {
13069
13067
  padding-left: 12px;
13070
- padding-top: 4px;
13068
+ padding-top: 8px;
13071
13069
  }
13072
13070
 
13073
13071
  .dato-grid .ag-stub-cell .ag-loading-icon {
@@ -13087,8 +13085,8 @@ dato-input input:disabled:hover {
13087
13085
  }
13088
13086
 
13089
13087
  .dato-grid .ag-stub-cell .ag-loading-text {
13090
- margin-left: 4px;
13091
- margin-top: 4px;
13088
+ margin-left: 8px;
13089
+ margin-top: 8px;
13092
13090
  }
13093
13091
 
13094
13092
  .dato-grid .ag-floating-top {
@@ -13111,17 +13109,17 @@ dato-input input:disabled:hover {
13111
13109
  background: #fff;
13112
13110
  border: 1px solid transparent;
13113
13111
  border-top-width: 0;
13114
- color: rgba(0, 0, 0, 0.5);
13115
- font-weight: 400;
13116
- font-size: 14px;
13117
- font-family: "Helvetica Neue", sans-serif;
13118
- padding-right: 16px;
13119
- padding-left: 16px;
13112
+ color: rgba(0, 0, 0, 0.38);
13113
+ font-weight: 700;
13114
+ font-size: 12px;
13115
+ font-family: "Open Sans";
13116
+ padding-right: 32px;
13117
+ padding-left: 32px;
13120
13118
  line-height: 1.5;
13121
13119
  }
13122
13120
 
13123
13121
  .dato-grid .ag-name-value-value {
13124
- color: #000;
13122
+ color: themify(primary-600);
13125
13123
  }
13126
13124
 
13127
13125
  .dato-grid .ag-status-bar-center {
@@ -13129,14 +13127,14 @@ dato-input input:disabled:hover {
13129
13127
  }
13130
13128
 
13131
13129
  .dato-grid .ag-name-value {
13132
- margin-left: 4px;
13133
- margin-right: 4px;
13134
- padding-top: 8px;
13135
- padding-bottom: 8px;
13130
+ margin-left: 8px;
13131
+ margin-right: 8px;
13132
+ padding-top: 16px;
13133
+ padding-bottom: 16px;
13136
13134
  }
13137
13135
 
13138
13136
  .dato-grid .ag-details-row {
13139
- padding: 20px;
13137
+ padding: 40px;
13140
13138
  }
13141
13139
 
13142
13140
  .dato-grid .ag-overlay-loading-wrapper {
@@ -13147,7 +13145,7 @@ dato-input input:disabled:hover {
13147
13145
  background: themify(primary-0);
13148
13146
  border-radius: 2px;
13149
13147
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.2);
13150
- padding: 4px;
13148
+ padding: 8px;
13151
13149
  }
13152
13150
 
13153
13151
  .dato-grid .ag-side-bar {
@@ -13158,20 +13156,20 @@ dato-input input:disabled:hover {
13158
13156
  }
13159
13157
 
13160
13158
  .dato-grid .ag-side-bar .ag-side-buttons {
13161
- padding-top: 16px;
13159
+ padding-top: 32px;
13162
13160
  background: #fff;
13163
- width: 16px;
13161
+ width: 22px;
13164
13162
  position: relative;
13165
13163
  }
13166
13164
 
13167
13165
  .dato-grid .ag-side-bar .ag-side-buttons .ag-side-button button {
13168
13166
  background: transparent;
13169
13167
  border: 0;
13170
- color: #000;
13171
- padding: 8px 0 8px 0;
13168
+ color: themify(primary-600);
13169
+ padding: 16px 0 16px 0;
13172
13170
  width: 100%;
13173
13171
  margin: 0;
13174
- min-height: 72px;
13172
+ min-height: 144px;
13175
13173
  border-width: 1px 0 1px 0;
13176
13174
  border-style: solid;
13177
13175
  border-color: transparent;
@@ -13200,8 +13198,8 @@ dato-input input:disabled:hover {
13200
13198
  }
13201
13199
 
13202
13200
  .dato-grid .ag-primary-cols-filter-wrapper {
13203
- margin-left: 4px;
13204
- margin-right: 4px;
13201
+ margin-left: 8px;
13202
+ margin-right: 8px;
13205
13203
  }
13206
13204
 
13207
13205
  .dato-grid .ag-group-component {
@@ -13256,7 +13254,7 @@ dato-input input:disabled:hover {
13256
13254
 
13257
13255
  .dato-grid .ag-dialog .ag-message-box .ag-message-box-button-bar {
13258
13256
  height: 30px;
13259
- background-color: #fff;
13257
+ background-color: themify(primary-0);
13260
13258
  padding: 2px;
13261
13259
  }
13262
13260
 
@@ -13289,7 +13287,7 @@ dato-input input:disabled:hover {
13289
13287
  }
13290
13288
 
13291
13289
  .dato-grid .ag-chart-tabbed-menu .ag-chart-settings .ag-chart-settings-nav-bar .ag-nav-card-selector .ag-nav-card-item {
13292
- color: #000;
13290
+ color: themify(primary-600);
13293
13291
  font-size: 12px;
13294
13292
  }
13295
13293
 
@@ -13301,8 +13299,8 @@ dato-input input:disabled:hover {
13301
13299
  /* use !important to prevent issues with browser extensions that change fonts */
13302
13300
  font-family: "agGridClassic";
13303
13301
  speak: none;
13304
- font-size: 12px;
13305
- color: lightgray;
13302
+ font-size: 18px;
13303
+ color: #333333;
13306
13304
  font-style: normal;
13307
13305
  font-weight: normal;
13308
13306
  font-variant: normal;
@@ -13335,8 +13333,8 @@ dato-input input:disabled:hover {
13335
13333
  .dato-grid .ag-icon-checkbox-checked,
13336
13334
  .dato-grid .ag-icon-checkbox-indeterminate,
13337
13335
  .dato-grid .ag-icon-checkbox-unchecked {
13338
- background-color: #fff;
13339
- line-height: 12px;
13336
+ background-color: #F7F8FA;
13337
+ line-height: 18px;
13340
13338
  border-radius: 3px;
13341
13339
  }
13342
13340
 
@@ -13344,11 +13342,11 @@ dato-input input:disabled:hover {
13344
13342
  .dato-grid .ag-icon-checkbox-indeterminate-readonly,
13345
13343
  .dato-grid .ag-icon-checkbox-unchecked-readonly {
13346
13344
  cursor: default;
13347
- opacity: 0.5;
13345
+ opacity: 0.38;
13348
13346
  }
13349
13347
 
13350
13348
  .dato-grid .ag-icon-checkbox-checked {
13351
- color: transparent;
13349
+ color: black;
13352
13350
  }
13353
13351
 
13354
13352
  .dato-grid .ag-icon-checkbox-checked:before, .dato-grid .ag-icon-checkbox-checked-readonly:before {
@@ -13496,7 +13494,7 @@ dato-input input:disabled:hover {
13496
13494
  }
13497
13495
 
13498
13496
  .dato-grid .ag-icon-radio-button-on {
13499
- color: transparent;
13497
+ color: black;
13500
13498
  }
13501
13499
 
13502
13500
  .dato-grid .ag-icon-radio-button-on:before {
@@ -13552,30 +13550,30 @@ dato-input input:disabled:hover {
13552
13550
  }
13553
13551
 
13554
13552
  .dato-grid .ag-rtl .ag-radio-button-label, .dato-grid .ag-rtl .ag-checkbox-label {
13555
- margin-right: 4px;
13553
+ margin-right: 8px;
13556
13554
  margin-left: 0;
13557
13555
  }
13558
13556
 
13559
13557
  .dato-grid .ag-rtl .ag-tool-panel-wrapper .ag-pivot-mode-panel .ag-pivot-mode-select {
13560
- margin-right: 4px;
13558
+ margin-right: 8px;
13561
13559
  }
13562
13560
 
13563
13561
  .dato-grid .ag-rtl .ag-tool-panel-wrapper .ag-column-drop .ag-column-drop-empty-message {
13564
- padding-left: 4px;
13565
- padding-right: 16px;
13562
+ padding-left: 8px;
13563
+ padding-right: 32px;
13566
13564
  }
13567
13565
 
13568
13566
  .dato-grid .ag-rtl .ag-column-select-panel .ag-column-tool-panel-column-group .ag-column-select-checkbox,
13569
13567
  .dato-grid .ag-rtl .ag-column-select-panel .ag-column-tool-panel-column-group .ag-column-group-icons,
13570
13568
  .dato-grid .ag-rtl .ag-column-select-panel .ag-column-tool-panel-column .ag-column-select-checkbox,
13571
13569
  .dato-grid .ag-rtl .ag-column-select-panel .ag-column-tool-panel-column .ag-column-group-icons {
13572
- margin-left: 4px;
13573
- margin-right: 4px;
13570
+ margin-left: 8px;
13571
+ margin-right: 8px;
13574
13572
  }
13575
13573
 
13576
13574
  .dato-grid .ag-rtl .ag-column-select-panel .ag-column-tool-panel-column.ag-toolpanel-add-group-indent {
13577
13575
  margin-left: 0;
13578
- margin-right: 20px;
13576
+ margin-right: 34px;
13579
13577
  }
13580
13578
 
13581
13579
  .dato-grid .ag-rtl .ag-header-select-all {
@@ -13625,7 +13623,7 @@ dato-input input:disabled:hover {
13625
13623
  }
13626
13624
 
13627
13625
  .dato-grid .ag-rtl .ag-floating-filter-button {
13628
- margin-right: 12px;
13626
+ margin-right: 24px;
13629
13627
  }
13630
13628
 
13631
13629
  .dato-grid .ag-rtl .ag-set-filter-item > div, .dato-grid .ag-rtl .ag-set-filter-item > span {
@@ -13648,7 +13646,7 @@ dato-input input:disabled:hover {
13648
13646
  }
13649
13647
 
13650
13648
  .dato-grid .sass-variables::after {
13651
- content: '{ "autoSizePadding": "12px", "headerHeight": "25px", "groupPaddingSize": "24px", "footerPaddingAddition": "16px", "virtualItemHeight": "20px", "aggFuncPopupHeight": "70px", "checkboxIndentWidth": "16px", "leafNodePadding": "12px", "rowHeight": "25px", "gridSize": "4px", "iconSize": "12px" }';
13649
+ content: '{ "autoSizePadding": "24px", "headerHeight": "35px", "groupPaddingSize": "42px", "footerPaddingAddition": "32px", "virtualItemHeight": "40px", "aggFuncPopupHeight": "140px", "checkboxIndentWidth": "26px", "leafNodePadding": "24px", "rowHeight": "35px", "gridSize": "8px", "iconSize": "18px" }';
13652
13650
  display: none;
13653
13651
  }
13654
13652
 
@@ -13806,7 +13804,7 @@ dato-input input:disabled:hover {
13806
13804
  }
13807
13805
 
13808
13806
  .dato-grid .ag-header-cell-resize {
13809
- right: -3px;
13807
+ right: -7px;
13810
13808
  border-right: solid 1px themify(primary-300, 0.5);
13811
13809
  padding: 0 2px;
13812
13810
  width: 6px;
@@ -13962,19 +13960,19 @@ dato-input input:disabled:hover {
13962
13960
  }
13963
13961
 
13964
13962
  .dato-grid .ag-cell-range-selected-1:not(.ag-cell-focus) {
13965
- background-color: lightgray;
13963
+ background-color: rgba(120, 120, 120, 0.4);
13966
13964
  }
13967
13965
 
13968
13966
  .dato-grid .ag-cell-range-selected-2:not(.ag-cell-focus) {
13969
- background-color: #c9c9c9;
13967
+ background-color: rgba(110, 110, 110, 0.4);
13970
13968
  }
13971
13969
 
13972
13970
  .dato-grid .ag-cell-range-selected-3:not(.ag-cell-focus) {
13973
- background-color: #bfbfbf;
13971
+ background-color: rgba(100, 100, 100, 0.4);
13974
13972
  }
13975
13973
 
13976
13974
  .dato-grid .ag-cell-range-selected-4:not(.ag-cell-focus) {
13977
- background-color: #b4b4b4;
13975
+ background-color: rgba(89, 89, 89, 0.4);
13978
13976
  }
13979
13977
 
13980
13978
  .dato-grid .ag-ltr .ag-has-focus .ag-cell-focus {
@@ -14137,6 +14135,7 @@ dato-input input:disabled:hover {
14137
14135
 
14138
14136
  .dato-grid.pivot-style .ag-header .ag-header-row .ag-header-group-cell .ag-header-group-cell-label {
14139
14137
  align-items: center;
14138
+ width: 100%;
14140
14139
  }
14141
14140
 
14142
14141
  .dato-grid.pivot-style .ag-header .ag-header-row .ag-header-group-cell .ag-header-group-cell-label span {