@progress/kendo-theme-material 4.43.1-dev.4 → 4.43.1-dev.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (100) hide show
  1. package/README.md +0 -3
  2. package/dist/all.css +825 -904
  3. package/dist/all.scss +1369 -1194
  4. package/modules/@progress/kendo-theme-default/package.json +2 -2
  5. package/modules/@progress/kendo-theme-default/scss/adaptive/_layout.scss +40 -86
  6. package/modules/@progress/kendo-theme-default/scss/adaptive/_theme.scss +0 -9
  7. package/modules/@progress/kendo-theme-default/scss/appbar/_variables.scss +1 -1
  8. package/modules/@progress/kendo-theme-default/scss/autocomplete/_theme.scss +20 -39
  9. package/modules/@progress/kendo-theme-default/scss/autocomplete/_variables.scss +0 -19
  10. package/modules/@progress/kendo-theme-default/scss/avatar/_variables.scss +11 -1
  11. package/modules/@progress/kendo-theme-default/scss/button/_layout.scss +2 -2
  12. package/modules/@progress/kendo-theme-default/scss/button/_variables.scss +3 -3
  13. package/modules/@progress/kendo-theme-default/scss/calendar/_layout.scss +2 -14
  14. package/modules/@progress/kendo-theme-default/scss/card/_variables.scss +4 -4
  15. package/modules/@progress/kendo-theme-default/scss/chat/_layout.scss +3 -9
  16. package/modules/@progress/kendo-theme-default/scss/chat/_theme.scss +0 -21
  17. package/modules/@progress/kendo-theme-default/scss/chat/_variables.scss +0 -7
  18. package/modules/@progress/kendo-theme-default/scss/checkbox/_layout.scss +78 -145
  19. package/modules/@progress/kendo-theme-default/scss/checkbox/_theme.scss +6 -2
  20. package/modules/@progress/kendo-theme-default/scss/checkbox/_variables.scss +87 -18
  21. package/modules/@progress/kendo-theme-default/scss/daterangepicker/_index.scss +10 -0
  22. package/modules/@progress/kendo-theme-default/scss/daterangepicker/_layout.scss +27 -0
  23. package/modules/@progress/kendo-theme-default/scss/daterangepicker/_theme.scss +3 -0
  24. package/modules/@progress/kendo-theme-default/scss/daterangepicker/_variables.scss +1 -0
  25. package/modules/@progress/kendo-theme-default/scss/editor/_layout.scss +2 -10
  26. package/modules/@progress/kendo-theme-default/scss/forms/_layout.scss +7 -9
  27. package/modules/@progress/kendo-theme-default/scss/gantt/_layout.scss +1 -1
  28. package/modules/@progress/kendo-theme-default/scss/grid/_layout.scss +128 -97
  29. package/modules/@progress/kendo-theme-default/scss/grid/_variables.scss +1 -3
  30. package/modules/@progress/kendo-theme-default/scss/index.scss +1 -0
  31. package/modules/@progress/kendo-theme-default/scss/input/_layout.scss +1 -1
  32. package/modules/@progress/kendo-theme-default/scss/input/_variables.scss +5 -5
  33. package/modules/@progress/kendo-theme-default/scss/list/_layout.scss +9 -41
  34. package/modules/@progress/kendo-theme-default/scss/list/_theme.scss +4 -3
  35. package/modules/@progress/kendo-theme-default/scss/list/_variables.scss +64 -8
  36. package/modules/@progress/kendo-theme-default/scss/listbox/_variables.scss +1 -1
  37. package/modules/@progress/kendo-theme-default/scss/listview/_layout.scss +2 -9
  38. package/modules/@progress/kendo-theme-default/scss/map/_layout.scss +5 -0
  39. package/modules/@progress/kendo-theme-default/scss/menu/_layout.scss +48 -5
  40. package/modules/@progress/kendo-theme-default/scss/menu/_theme.scss +6 -2
  41. package/modules/@progress/kendo-theme-default/scss/menu/_variables.scss +1 -1
  42. package/modules/@progress/kendo-theme-default/scss/numerictextbox/_layout.scss +9 -27
  43. package/modules/@progress/kendo-theme-default/scss/numerictextbox/_theme.scss +64 -84
  44. package/modules/@progress/kendo-theme-default/scss/numerictextbox/_variables.scss +0 -27
  45. package/modules/@progress/kendo-theme-default/scss/orgchart/_variables.scss +2 -2
  46. package/modules/@progress/kendo-theme-default/scss/pager/_variables.scss +1 -1
  47. package/modules/@progress/kendo-theme-default/scss/pdf-viewer/_layout.scss +20 -29
  48. package/modules/@progress/kendo-theme-default/scss/pdf-viewer/_variables.scss +2 -5
  49. package/modules/@progress/kendo-theme-default/scss/radio/_layout.scss +89 -136
  50. package/modules/@progress/kendo-theme-default/scss/radio/_theme.scss +2 -2
  51. package/modules/@progress/kendo-theme-default/scss/radio/_variables.scss +88 -26
  52. package/modules/@progress/kendo-theme-default/scss/scheduler/_layout.scss +25 -12
  53. package/modules/@progress/kendo-theme-default/scss/searchbox/_layout.scss +22 -8
  54. package/modules/@progress/kendo-theme-default/scss/searchbox/_theme.scss +16 -25
  55. package/modules/@progress/kendo-theme-default/scss/searchbox/_variables.scss +0 -20
  56. package/modules/@progress/kendo-theme-default/scss/skeleton/_layout.scss +1 -1
  57. package/modules/@progress/kendo-theme-default/scss/spreadsheet/_layout.scss +27 -15
  58. package/modules/@progress/kendo-theme-default/scss/table/_layout.scss +29 -6
  59. package/modules/@progress/kendo-theme-default/scss/table/_theme.scss +3 -2
  60. package/modules/@progress/kendo-theme-default/scss/table/_variables.scss +3 -3
  61. package/modules/@progress/kendo-theme-default/scss/timeselector/_layout.scss +2 -2
  62. package/modules/@progress/kendo-theme-default/scss/toolbar/_layout.scss +21 -2
  63. package/modules/@progress/kendo-theme-default/scss/toolbar/_theme.scss +35 -7
  64. package/modules/@progress/kendo-theme-default/scss/treeview/_layout.scss +130 -110
  65. package/modules/@progress/kendo-theme-default/scss/treeview/_theme.scss +36 -25
  66. package/modules/@progress/kendo-theme-default/scss/treeview/_variables.scss +67 -13
  67. package/modules/@progress/kendo-theme-default/scss/typography/_variables.scss +3 -3
  68. package/modules/@progress/kendo-theme-default/scss/window/_variables.scss +1 -1
  69. package/package.json +3 -3
  70. package/scss/appbar/_variables.scss +1 -1
  71. package/scss/autocomplete/_variables.scss +0 -19
  72. package/scss/avatar/_variables.scss +11 -1
  73. package/scss/chat/_variables.scss +0 -7
  74. package/scss/checkbox/_theme.scss +2 -9
  75. package/scss/checkbox/_variables.scss +89 -19
  76. package/scss/daterangepicker/_index.scss +10 -0
  77. package/scss/daterangepicker/_layout.scss +1 -0
  78. package/scss/daterangepicker/_theme.scss +1 -0
  79. package/scss/daterangepicker/_variables.scss +1 -0
  80. package/scss/grid/_layout.scss +0 -8
  81. package/scss/grid/_variables.scss +1 -3
  82. package/scss/index.scss +1 -0
  83. package/scss/input/_variables.scss +5 -5
  84. package/scss/list/_variables.scss +64 -8
  85. package/scss/listbox/_variables.scss +5 -5
  86. package/scss/menu/_theme.scss +2 -0
  87. package/scss/menu/_variables.scss +3 -3
  88. package/scss/numerictextbox/_layout.scss +4 -5
  89. package/scss/numerictextbox/_variables.scss +0 -27
  90. package/scss/orgchart/_variables.scss +2 -2
  91. package/scss/pager/_variables.scss +1 -1
  92. package/scss/pdf-viewer/_variables.scss +2 -5
  93. package/scss/radio/_theme.scss +2 -9
  94. package/scss/radio/_variables.scss +83 -23
  95. package/scss/scheduler/_layout.scss +0 -16
  96. package/scss/searchbox/_variables.scss +0 -20
  97. package/scss/table/_variables.scss +3 -3
  98. package/scss/toolbar/_layout.scss +7 -1
  99. package/scss/treeview/_theme.scss +29 -22
  100. package/scss/treeview/_variables.scss +70 -16
package/dist/all.css CHANGED
@@ -10505,9 +10505,7 @@ kendo-sortable {
10505
10505
  }
10506
10506
 
10507
10507
  .k-checkbox:disabled,
10508
- .k-checkbox.k-disabled,
10509
- .k-checkbox:disabled + .k-checkbox-label,
10510
- .k-checkbox.k-disabled + .k-checkbox-label {
10508
+ .k-checkbox.k-disabled {
10511
10509
  outline: none;
10512
10510
  cursor: default;
10513
10511
  opacity: 0.6;
@@ -10516,64 +10514,47 @@ kendo-sortable {
10516
10514
  box-shadow: none;
10517
10515
  }
10518
10516
 
10517
+ .k-checkbox-wrap {
10518
+ flex: none;
10519
+ display: inline-flex;
10520
+ flex-flow: row nowrap;
10521
+ gap: 0;
10522
+ align-items: center;
10523
+ align-self: flex-start;
10524
+ vertical-align: middle;
10525
+ position: relative;
10526
+ }
10527
+
10528
+ .k-checkbox-wrap::before {
10529
+ content: "\200b";
10530
+ width: 0px;
10531
+ overflow: hidden;
10532
+ flex: none;
10533
+ display: inline-block;
10534
+ vertical-align: top;
10535
+ }
10536
+
10519
10537
  .k-checkbox-label {
10520
10538
  margin: 0;
10521
10539
  padding: 0;
10522
- line-height: 18px;
10523
10540
  display: inline-flex;
10524
10541
  align-items: flex-start;
10542
+ gap: 4px;
10525
10543
  vertical-align: middle;
10526
10544
  position: relative;
10527
10545
  cursor: pointer;
10528
10546
  }
10529
10547
 
10530
- .k-checkbox-label .k-label {
10531
- cursor: pointer;
10532
- }
10533
-
10534
10548
  .k-checkbox-label .k-ripple {
10535
- top: 8px;
10536
- left: 8px;
10537
- right: auto;
10538
- bottom: auto;
10539
- width: 40px;
10540
- height: 40px;
10541
- transform: translate(-50%, -50%);
10542
- border-radius: 50%;
10543
10549
  visibility: hidden !important;
10544
10550
  }
10545
10551
 
10546
- .k-checkbox-label .k-ripple-blob {
10547
- top: 50% !important;
10548
- left: 50% !important;
10549
- width: 200% !important;
10550
- height: 200% !important;
10551
- }
10552
-
10553
- .k-checkbox + .k-checkbox-label {
10554
- display: inline;
10555
- }
10556
-
10552
+ .k-checkbox + .k-label,
10553
+ .k-checkbox-wrap + .k-label,
10557
10554
  .k-checkbox + .k-checkbox-label,
10558
- .k-checkbox-label + .k-checkbox {
10559
- margin-left: 4px;
10560
- }
10561
-
10562
- .k-checkbox-label > .k-checkbox {
10563
- margin-right: 4px;
10564
- flex-shrink: 0;
10565
- }
10566
-
10567
- kendo-label.k-checkbox-label > .k-checkbox:last-child {
10568
- margin-right: 0;
10569
- }
10570
-
10571
- kendo-label.k-checkbox-label > .k-label:first-child {
10572
- margin-right: 4px;
10573
- }
10574
-
10575
- kendo-label.k-checkbox-label > .k-label {
10555
+ .k-checkbox-wrap + .k-checkbox-label {
10576
10556
  display: inline;
10557
+ margin-inline-start: 4px;
10577
10558
  }
10578
10559
 
10579
10560
  .k-checkbox-label:empty {
@@ -10585,101 +10566,73 @@ kendo-label.k-checkbox-label > .k-label {
10585
10566
  }
10586
10567
 
10587
10568
  .k-checkbox-list {
10588
- margin: 0px;
10589
- padding: 0px;
10569
+ margin: 0;
10570
+ padding: 0;
10571
+ display: flex;
10572
+ flex-flow: column nowrap;
10573
+ gap: 0;
10590
10574
  list-style: none;
10591
10575
  }
10592
10576
 
10593
- .k-checkbox-list .k-checkbox-item {
10594
- padding: 4px 0px;
10595
- }
10596
-
10597
- .k-list-horizontal .k-checkbox-item {
10598
- display: inline-block;
10599
- margin: 0 32px 0 0;
10600
- }
10601
-
10602
- .k-list-horizontal .k-checkbox-item:last-child {
10603
- margin-right: 0;
10604
- }
10605
-
10606
- .k-rtl .k-checkbox + .k-checkbox-label,
10607
- .k-rtl .k-checkbox-label + .k-checkbox,
10608
- [dir="rtl"] .k-checkbox + .k-checkbox-label,
10609
- [dir="rtl"] .k-checkbox-label + .k-checkbox {
10610
- margin-left: 0;
10611
- margin-right: 4px;
10612
- }
10613
-
10614
- .k-rtl .k-checkbox-label > .k-checkbox,
10615
- [dir="rtl"] .k-checkbox-label > .k-checkbox {
10616
- margin-right: 0;
10617
- margin-left: 4px;
10618
- }
10619
-
10620
- .k-rtl kendo-label.k-checkbox-label > .k-checkbox:last-child,
10621
- [dir="rtl"] kendo-label.k-checkbox-label > .k-checkbox:last-child {
10622
- margin-left: 0;
10577
+ .k-checkbox-item,
10578
+ .k-checkbox-list-item {
10579
+ padding: 8px 0px;
10580
+ display: flex;
10581
+ flex-flow: row nowrap;
10582
+ align-items: center;
10583
+ align-content: center;
10584
+ gap: 4px;
10623
10585
  }
10624
10586
 
10625
- .k-rtl kendo-label.k-checkbox-label > .k-label:first-child,
10626
- [dir="rtl"] kendo-label.k-checkbox-label > .k-label:first-child {
10627
- margin-right: 0;
10628
- margin-left: 4px;
10587
+ .k-checkbox-item .k-checkbox-label,
10588
+ .k-checkbox-list-item .k-checkbox-label {
10589
+ margin: 0;
10629
10590
  }
10630
10591
 
10631
- .k-rtl .k-list-horizontal .k-checkbox-item,
10632
- [dir="rtl"] .k-list-horizontal .k-checkbox-item {
10633
- margin-right: 0;
10634
- margin-left: 32px;
10592
+ .k-checkbox-list-horizontal,
10593
+ .k-checkbox-list.k-list-horizontal {
10594
+ display: flex;
10595
+ flex-flow: row wrap;
10596
+ gap: 16px;
10635
10597
  }
10636
10598
 
10637
- .k-rtl .k-list-horizontal .k-checkbox-item:last-child,
10638
- [dir="rtl"] .k-list-horizontal .k-checkbox-item:last-child {
10639
- margin-left: 0;
10599
+ .k-checkbox-wrap .k-ripple-blob {
10600
+ width: 48px;
10601
+ height: 48px;
10640
10602
  }
10641
10603
 
10642
10604
  .k-ripple-container .k-checkbox::after {
10643
10605
  content: "";
10644
10606
  display: block;
10645
10607
  position: absolute;
10646
- left: 0;
10647
- top: 0;
10608
+ left: 50%;
10609
+ top: 50%;
10648
10610
  width: 48px;
10649
10611
  height: 48px;
10650
- margin-left: -18px;
10651
- margin-top: -18px;
10652
10612
  border-radius: 100%;
10653
- z-index: 1;
10654
- transform: scale(0);
10655
- }
10656
-
10657
- .k-ripple-container .k-checkbox:disabled::after,
10658
- .k-ripple-container .k-checkbox.k-disabled::after {
10659
- display: none;
10613
+ z-index: -1;
10614
+ transition: opacity 100ms linear, transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
10615
+ transform: translate(-50%, -50%) scale(0);
10616
+ transform-origin: center center;
10660
10617
  }
10661
10618
 
10662
- .k-checkbox::-ms-check {
10663
- border-width: 1px;
10664
- border-color: inherit;
10665
- color: inherit;
10666
- background-color: inherit;
10619
+ .k-ripple-container .k-checkbox:focus,
10620
+ .k-ripple-container .k-checkbox.k-state-focus {
10621
+ box-shadow: none !important;
10667
10622
  }
10668
10623
 
10669
- .k-checkbox {
10670
- border-color: rgba(0, 0, 0, 0.54);
10671
- color: transparent;
10624
+ .k-ripple-container .k-checkbox:focus::after,
10625
+ .k-ripple-container .k-checkbox.k-state-focus::after {
10626
+ transform: translate(-50%, -50%) scale(1);
10672
10627
  }
10673
10628
 
10674
- .k-checkbox:hover,
10675
- .k-checkbox.k-state-hover {
10676
- border-color: rgba(0, 0, 0, 0.87);
10629
+ .k-ripple-container .k-checkbox:disabled::after,
10630
+ .k-ripple-container .k-checkbox.k-disabled::after {
10631
+ display: none;
10677
10632
  }
10678
10633
 
10679
- .k-checkbox:focus,
10680
- .k-checkbox.k-state-focus {
10634
+ .k-checkbox {
10681
10635
  border-color: rgba(0, 0, 0, 0.54);
10682
- box-shadow: none;
10683
10636
  }
10684
10637
 
10685
10638
  .k-checkbox:indeterminate,
@@ -10697,12 +10650,6 @@ kendo-label.k-checkbox-label > .k-label {
10697
10650
  background-color: #3f51b5;
10698
10651
  }
10699
10652
 
10700
- .k-checkbox:checked:focus,
10701
- .k-checkbox.k-checked.k-state-focus {
10702
- border-color: #3f51b5;
10703
- box-shadow: none;
10704
- }
10705
-
10706
10653
  .k-checkbox:disabled,
10707
10654
  .k-checkbox.k-disabled {
10708
10655
  border-color: #adadad;
@@ -10732,9 +10679,14 @@ kendo-label.k-checkbox-label > .k-label {
10732
10679
  color: #f31700;
10733
10680
  }
10734
10681
 
10682
+ .k-checkbox-wrap .k-ripple-blob {
10683
+ color: #3f51b5;
10684
+ opacity: 0.2;
10685
+ }
10686
+
10735
10687
  .k-ripple-container .k-checkbox::after {
10736
10688
  background: #3f51b5;
10737
- opacity: 0.38;
10689
+ opacity: 0.2;
10738
10690
  }
10739
10691
 
10740
10692
  .k-checkbox:disabled + .k-checkbox-label {
@@ -10743,15 +10695,10 @@ kendo-label.k-checkbox-label > .k-label {
10743
10695
  filter: none;
10744
10696
  }
10745
10697
 
10746
- .k-checkbox-label .k-ripple-blob {
10747
- opacity: .2;
10748
- background-color: #3f51b5;
10749
- }
10750
-
10751
10698
  .k-list,
10752
10699
  .k-list-container {
10753
- font-size: 14px;
10754
- line-height: 1.5;
10700
+ font-size: 16px;
10701
+ line-height: 1.25;
10755
10702
  }
10756
10703
 
10757
10704
  .k-list-scroller {
@@ -10771,11 +10718,10 @@ kendo-label.k-checkbox-label > .k-label {
10771
10718
  .k-list-container > .k-group-header,
10772
10719
  kendo-list > .k-group-header,
10773
10720
  .k-virtual-wrap > .k-group-header {
10774
- padding: 4px 16px;
10775
- min-height: 1.5em;
10721
+ padding: 8px 16px;
10776
10722
  border-bottom-width: 1px;
10777
10723
  border-bottom-style: solid;
10778
- font-size: 14px;
10724
+ font-size: 16px;
10779
10725
  white-space: normal;
10780
10726
  position: relative;
10781
10727
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
@@ -10808,9 +10754,8 @@ kendo-list > .k-group-header,
10808
10754
 
10809
10755
  .k-list__item, .k-list .k-item,
10810
10756
  .k-list-optionlabel {
10811
- padding: 4px 16px;
10812
- min-height: 1.5em;
10813
- line-height: 1.5;
10757
+ padding: 8px 16px;
10758
+ line-height: 1.25;
10814
10759
  white-space: normal;
10815
10760
  display: flex;
10816
10761
  align-items: center;
@@ -10824,12 +10769,6 @@ kendo-list > .k-group-header,
10824
10769
  outline: none;
10825
10770
  }
10826
10771
 
10827
- .k-list__item .k-checkbox, .k-list .k-item .k-checkbox, .k-list-optionlabel .k-checkbox {
10828
- margin-top: calc(0.75em - 8px);
10829
- font-size: inherit;
10830
- align-self: flex-start;
10831
- }
10832
-
10833
10772
  .k-list__item.k-first::before, .k-list .k-first.k-item::before,
10834
10773
  .k-first.k-list-optionlabel::before {
10835
10774
  content: "";
@@ -10900,31 +10839,7 @@ kendo-list > .k-group-header,
10900
10839
  text-overflow: ellipsis;
10901
10840
  }
10902
10841
 
10903
- .k-list-container .k-button {
10904
- border-radius: 0;
10905
- padding: 4px 16px;
10906
- border-width: 0;
10907
- color: inherit;
10908
- background-color: transparent;
10909
- background-image: none;
10910
- line-height: inherit;
10911
- display: flex;
10912
- justify-content: flex-start;
10913
- }
10914
-
10915
- .k-ie11 .k-list-container .k-button {
10916
- display: flex;
10917
- }
10918
-
10919
- .k-ie11 .k-list-container .k-button .k-icon {
10920
- margin: 0 8px 0 0;
10921
- }
10922
-
10923
- .k-list-container .k-button.k-state-disabled {
10924
- pointer-events: none;
10925
- }
10926
-
10927
- .k-list-container .k-nodata {
10842
+ .k-list-container .k-no-data, .k-list-container .k-nodata {
10928
10843
  min-height: 138px;
10929
10844
  width: 100%;
10930
10845
  display: flex;
@@ -10936,11 +10851,6 @@ kendo-list > .k-group-header,
10936
10851
  white-space: normal;
10937
10852
  }
10938
10853
 
10939
- .k-list-container .k-nodata .k-button {
10940
- display: inline-flex;
10941
- border-width: 1px;
10942
- }
10943
-
10944
10854
  .k-list-container .k-button {
10945
10855
  box-shadow: none;
10946
10856
  }
@@ -11021,7 +10931,7 @@ kendo-list > .k-group-header,
11021
10931
  background: transparent;
11022
10932
  }
11023
10933
 
11024
- .k-list-container .k-nodata {
10934
+ .k-list-container .k-no-data, .k-list-container .k-nodata {
11025
10935
  color: rgba(0, 0, 0, 0.54);
11026
10936
  }
11027
10937
 
@@ -11409,7 +11319,7 @@ kendo-list > .k-group-header,
11409
11319
  padding: 8px 16px;
11410
11320
  width: 100%;
11411
11321
  min-width: 0;
11412
- height: calc(1.4285714286em + 16px);
11322
+ height: calc(1.25em + 16px);
11413
11323
  border: 0;
11414
11324
  outline: 0;
11415
11325
  box-sizing: border-box;
@@ -11456,9 +11366,9 @@ kendo-list > .k-group-header,
11456
11366
  .k-input-prefix,
11457
11367
  .k-input-suffix {
11458
11368
  display: flex;
11369
+ flex-flow: row nowrap;
11459
11370
  align-items: center;
11460
11371
  flex-shrink: 0;
11461
- height: calc(1.4285714286em + 16px);
11462
11372
  }
11463
11373
 
11464
11374
  .k-input-prefix > *,
@@ -11658,8 +11568,8 @@ kendo-list > .k-group-header,
11658
11568
 
11659
11569
  .k-textbox-container,
11660
11570
  .k-floating-label-container {
11661
- padding-top: 20.0000000004px;
11662
- width: 200px;
11571
+ padding-top: 20px;
11572
+ width: 10em;
11663
11573
  display: inline-flex;
11664
11574
  vertical-align: middle;
11665
11575
  position: relative;
@@ -11670,12 +11580,12 @@ kendo-list > .k-group-header,
11670
11580
  .k-textbox-container > .k-label,
11671
11581
  .k-floating-label-container > .k-label {
11672
11582
  max-width: 90%;
11673
- font-size: 14px;
11674
- line-height: 1.4285714286;
11583
+ font-size: 16px;
11584
+ line-height: 1.25;
11675
11585
  white-space: nowrap;
11676
11586
  text-overflow: ellipsis;
11677
11587
  position: absolute;
11678
- top: 29.0000000004px;
11588
+ top: 29px;
11679
11589
  overflow: hidden;
11680
11590
  cursor: text;
11681
11591
  transform-origin: left center;
@@ -11693,7 +11603,7 @@ kendo-list > .k-group-header,
11693
11603
 
11694
11604
  .k-textbox-container.k-state-empty > .k-label,
11695
11605
  .k-floating-label-container.k-state-empty > .k-label {
11696
- top: 29.0000000004px;
11606
+ top: 29px;
11697
11607
  transform: scale(1);
11698
11608
  }
11699
11609
 
@@ -11785,14 +11695,14 @@ kendo-list > .k-group-header,
11785
11695
 
11786
11696
  .k-combobox {
11787
11697
  border-radius: 4px;
11788
- width: 200px;
11698
+ width: 10em;
11789
11699
  border-width: 1px;
11790
11700
  border-style: solid;
11791
11701
  box-sizing: border-box;
11792
11702
  outline: 0;
11793
11703
  font-family: Roboto, "Helvetica Neue", sans-serif;
11794
- font-size: 14px;
11795
- line-height: 1.4285714286;
11704
+ font-size: 16px;
11705
+ line-height: 1.25;
11796
11706
  text-align: start;
11797
11707
  white-space: nowrap;
11798
11708
  display: inline-flex;
@@ -11883,13 +11793,11 @@ kendo-list > .k-group-header,
11883
11793
 
11884
11794
  .k-table-thead,
11885
11795
  .k-table-tbody,
11886
- .k-table-tfoot {
11887
- text-align: inherit;
11888
- }
11889
-
11796
+ .k-table-tfoot,
11890
11797
  .k-table-row,
11891
11798
  .k-table-alt-row {
11892
11799
  border-color: inherit;
11800
+ text-align: inherit;
11893
11801
  }
11894
11802
 
11895
11803
  .k-table-th,
@@ -11913,6 +11821,10 @@ kendo-list > .k-group-header,
11913
11821
  border-left-width: 0;
11914
11822
  }
11915
11823
 
11824
+ .k-table-th {
11825
+ border-bottom-width: 1px;
11826
+ }
11827
+
11916
11828
  .k-table-header {
11917
11829
  padding-inline-end: var(--kendo-scrollbar-width);
11918
11830
  border-width: 0 0 1px 0;
@@ -11929,9 +11841,28 @@ kendo-list > .k-group-header,
11929
11841
  width: 100%;
11930
11842
  border-width: 0 1px 0 0;
11931
11843
  border-style: solid;
11844
+ border-color: inherit;
11932
11845
  overflow: hidden;
11933
11846
  }
11934
11847
 
11848
+ .k-table-header > .k-table,
11849
+ .k-table-header-wrap > .k-table {
11850
+ margin-bottom: -1px;
11851
+ }
11852
+
11853
+ .k-table-group-sticky-header {
11854
+ font-size: 14px;
11855
+ line-height: 2;
11856
+ flex: none;
11857
+ }
11858
+
11859
+ .k-table-group-sticky-header .k-table-th {
11860
+ display: flex;
11861
+ flex-flow: row nowrap;
11862
+ align-items: center;
11863
+ align-content: center;
11864
+ }
11865
+
11935
11866
  .k-table-list {
11936
11867
  margin: 0;
11937
11868
  padding: 0;
@@ -11965,7 +11896,7 @@ kendo-list > .k-group-header,
11965
11896
  }
11966
11897
 
11967
11898
  .k-table-list .k-table-group-row::before {
11968
- content: ".";
11899
+ content: "\200b";
11969
11900
  padding: 10px 0;
11970
11901
  width: 0;
11971
11902
  display: block;
@@ -12004,7 +11935,8 @@ kendo-list > .k-group-header,
12004
11935
  right: 0;
12005
11936
  }
12006
11937
 
12007
- .k-virtual-table .k-table-row {
11938
+ .k-virtual-table .k-table-row,
11939
+ .k-virtual-table .k-table-group-row {
12008
11940
  position: absolute;
12009
11941
  width: 100%;
12010
11942
  }
@@ -12034,6 +11966,7 @@ kendo-list > .k-group-header,
12034
11966
  width: 100%;
12035
11967
  border-width: 0 1px 0 0;
12036
11968
  border-style: solid;
11969
+ border-color: inherit;
12037
11970
  overflow: hidden;
12038
11971
  }
12039
11972
 
@@ -12095,7 +12028,8 @@ kendo-list > .k-group-header,
12095
12028
  }
12096
12029
 
12097
12030
  .k-table-thead,
12098
- .k-table-header {
12031
+ .k-table-header,
12032
+ .k-table-group-sticky-header {
12099
12033
  border-color: rgba(0, 0, 0, 0.12);
12100
12034
  color: rgba(0, 0, 0, 0.54);
12101
12035
  background-color: white;
@@ -12109,8 +12043,9 @@ kendo-list > .k-group-header,
12109
12043
  }
12110
12044
 
12111
12045
  .k-table-group-row {
12112
- color: rgba(0, 0, 0, 0.87);
12113
- background-color: transparent;
12046
+ border-color: rgba(0, 0, 0, 0.12);
12047
+ color: rgba(0, 0, 0, 0.54);
12048
+ background-color: white;
12114
12049
  }
12115
12050
 
12116
12051
  .k-table-group-td > span {
@@ -13509,7 +13444,7 @@ kendo-badge-container {
13509
13444
  }
13510
13445
 
13511
13446
  .k-skeleton-text:empty::before {
13512
- content: "\00a0";
13447
+ content: "\200b";
13513
13448
  }
13514
13449
 
13515
13450
  .k-skeleton-rect {
@@ -13640,8 +13575,6 @@ kendo-badge-container {
13640
13575
  .k-icon-button,
13641
13576
  .k-button.k-button-icon {
13642
13577
  padding: 8px;
13643
- width: calc(1.4285714286em + 16px);
13644
- height: calc(1.4285714286em + 16px);
13645
13578
  gap: 0;
13646
13579
  }
13647
13580
 
@@ -13655,6 +13588,8 @@ kendo-badge-container {
13655
13588
  .k-icon-button .k-button-icon,
13656
13589
  .k-button.k-button-icon .k-button-icon {
13657
13590
  margin: 0;
13591
+ min-width: 20.0000000004px;
13592
+ min-height: 20.0000000004px;
13658
13593
  }
13659
13594
 
13660
13595
  .k-button.k-button-icon {
@@ -14305,8 +14240,9 @@ kendo-scheduler .k-scheduler-footer li .k-primary.k-state-disabled.k-link {
14305
14240
  border-radius: 0;
14306
14241
  margin: 0;
14307
14242
  padding: 8px;
14308
- width: calc(1.4285714286em + 32px);
14243
+ width: auto;
14309
14244
  height: 100%;
14245
+ aspect-ratio: 1;
14310
14246
  border-width: 0;
14311
14247
  border-color: inherit;
14312
14248
  box-sizing: border-box;
@@ -14363,17 +14299,35 @@ kendo-toolbar-renderer {
14363
14299
  border-color: inherit;
14364
14300
  }
14365
14301
 
14302
+ .k-overflow-container > .k-item {
14303
+ border-color: inherit;
14304
+ }
14305
+
14306
+ .k-overflow-container .k-separator {
14307
+ margin: 4px 0;
14308
+ }
14309
+
14366
14310
  .k-overflow-container .k-overflow-tool-group {
14367
14311
  display: block;
14368
14312
  }
14369
14313
 
14370
14314
  .k-overflow-container .k-overflow-button {
14315
+ border-radius: 0;
14316
+ padding: 8px 16px;
14371
14317
  width: 100%;
14318
+ border-width: 0;
14319
+ color: inherit;
14320
+ background-color: transparent;
14321
+ background-image: none;
14322
+ line-height: inherit;
14323
+ display: flex;
14324
+ justify-content: flex-start;
14372
14325
  }
14373
14326
 
14374
14327
  .k-overflow-container .k-button-group {
14328
+ box-shadow: none;
14375
14329
  display: flex;
14376
- flex-direction: column;
14330
+ flex-flow: column nowrap;
14377
14331
  }
14378
14332
 
14379
14333
  .k-overflow-container .k-split-button {
@@ -14436,8 +14390,10 @@ kendo-toolbar-renderer {
14436
14390
  font-size: 10px;
14437
14391
  }
14438
14392
 
14439
- .k-overflow-container .k-button-group {
14393
+ .k-overflow-container .k-button {
14440
14394
  box-shadow: none;
14395
+ font-weight: normal;
14396
+ text-transform: unset;
14441
14397
  }
14442
14398
 
14443
14399
  .k-toolbar {
@@ -14446,15 +14402,24 @@ kendo-toolbar-renderer {
14446
14402
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
14447
14403
  }
14448
14404
 
14449
- .k-toolbar .k-overflow-anchor {
14450
- color: inherit;
14451
- background: transparent;
14452
- }
14453
-
14454
14405
  .k-toolbar .k-separator {
14455
14406
  border-color: rgba(0, 0, 0, 0.12);
14456
14407
  }
14457
14408
 
14409
+ .k-overflow-container .k-button:hover, .k-overflow-container .k-button.k-state-hover {
14410
+ color: rgba(0, 0, 0, 0.87);
14411
+ background: rgba(0, 0, 0, 0.04);
14412
+ }
14413
+
14414
+ .k-overflow-container .k-button:active, .k-overflow-container .k-button.k-state-active {
14415
+ color: #e51a5f;
14416
+ background: white;
14417
+ }
14418
+
14419
+ .k-overflow-container .k-button:disabled, .k-overflow-container .k-button.k-state-disabled {
14420
+ color: inherit;
14421
+ }
14422
+
14458
14423
  .k-floating-toolbar,
14459
14424
  .editorToolbarWindow.k-window-content {
14460
14425
  color: rgba(0, 0, 0, 0.87);
@@ -14611,11 +14576,6 @@ kendo-label > .k-label {
14611
14576
  flex-flow: row nowrap;
14612
14577
  }
14613
14578
 
14614
- .k-form .k-checkbox-label,
14615
- .k-form .k-radio-label {
14616
- display: inline-flex;
14617
- }
14618
-
14619
14579
  .k-form .k-label + .k-radio {
14620
14580
  margin-left: 0;
14621
14581
  }
@@ -14645,15 +14605,12 @@ kendo-label > .k-label {
14645
14605
  padding: 0;
14646
14606
  }
14647
14607
 
14648
- .k-form .k-form-field,
14649
- .k-form .k-daterangepicker .k-textbox-container {
14608
+ .k-form .k-form-field {
14650
14609
  margin-top: 1em;
14651
14610
  }
14652
14611
 
14653
14612
  .k-form > *:not(.k-hidden):first-child,
14654
- .k-form > *.k-hidden + :not(.k-hidden),
14655
- .k-form .k-daterangepicker .k-textbox-container:not(.k-hidden):first-child,
14656
- .k-form .k-daterangepicker .k-textbox-container.k-hidden + :not(.k-hidden) {
14613
+ .k-form > *.k-hidden + :not(.k-hidden) {
14657
14614
  margin-top: 0;
14658
14615
  }
14659
14616
 
@@ -14695,7 +14652,6 @@ kendo-label > .k-label {
14695
14652
  .k-form .k-dateinput,
14696
14653
  .k-form .k-datepicker,
14697
14654
  .k-form .k-datetimepicker,
14698
- .k-form .k-daterangepicker-wrap,
14699
14655
  .k-form .k-timepicker,
14700
14656
  .k-form .k-numerictextbox,
14701
14657
  .k-form .k-maskedtextbox,
@@ -14705,6 +14661,12 @@ kendo-label > .k-label {
14705
14661
  width: 100%;
14706
14662
  }
14707
14663
 
14664
+ .k-form .k-daterangepicker {
14665
+ width: 100%;
14666
+ flex-flow: column nowrap;
14667
+ gap: 0;
14668
+ }
14669
+
14708
14670
  .k-form-buttons {
14709
14671
  margin-top: 2em;
14710
14672
  padding: 0;
@@ -15172,14 +15134,14 @@ kendo-label > .k-label {
15172
15134
  border-radius: 4px;
15173
15135
  margin: 0;
15174
15136
  padding: 0;
15175
- width: 200px;
15176
- height: calc(1.4285714286em + 18px);
15137
+ width: 10em;
15138
+ height: calc(1.25em + 18px);
15177
15139
  border-width: 1px;
15178
15140
  border-style: solid;
15179
15141
  outline: 0;
15180
15142
  font-family: Roboto, "Helvetica Neue", sans-serif;
15181
- font-size: 14px;
15182
- line-height: 1.4285714286;
15143
+ font-size: 16px;
15144
+ line-height: 1.25;
15183
15145
  box-sizing: border-box;
15184
15146
  box-shadow: none;
15185
15147
  background: none;
@@ -15299,8 +15261,8 @@ input.k-textbox {
15299
15261
  border-style: solid;
15300
15262
  outline: 0;
15301
15263
  font-family: Roboto, "Helvetica Neue", sans-serif;
15302
- font-size: 14px;
15303
- line-height: 1.4285714286;
15264
+ font-size: 16px;
15265
+ line-height: 1.25;
15304
15266
  box-sizing: border-box;
15305
15267
  box-shadow: none;
15306
15268
  background: none;
@@ -15333,7 +15295,7 @@ input.k-textbox {
15333
15295
  .k-textarea > .k-input {
15334
15296
  padding: 8px 16px;
15335
15297
  height: auto;
15336
- min-height: calc(1.4285714286em + 18px);
15298
+ min-height: calc(1.25em + 18px);
15337
15299
  overflow-y: auto;
15338
15300
  resize: vertical;
15339
15301
  }
@@ -15358,7 +15320,7 @@ input.k-textbox {
15358
15320
 
15359
15321
  textarea.k-textarea {
15360
15322
  padding: 8px 16px;
15361
- min-height: calc(1.4285714286em + 18px);
15323
+ min-height: calc(1.25em + 18px);
15362
15324
  display: inline-block;
15363
15325
  resize: both;
15364
15326
  }
@@ -15389,12 +15351,12 @@ textarea.k-textarea {
15389
15351
  .k-floating-label-container.k-textarea-container .k-textarea .k-input,
15390
15352
  .k-textbox-container.k-textarea-container textarea.k-textarea,
15391
15353
  .k-textbox-container.k-textarea-container .k-textarea .k-input {
15392
- padding-top: calc(8px + 1.4285714286em);
15354
+ padding-top: calc(8px + 1.25em);
15393
15355
  }
15394
15356
 
15395
15357
  .k-floating-label-container.k-textarea-container .k-label,
15396
15358
  .k-textbox-container.k-textarea-container .k-label {
15397
- font-size: 14px;
15359
+ font-size: 16px;
15398
15360
  transform: none;
15399
15361
  top: 8px;
15400
15362
  left: 16px;
@@ -15443,7 +15405,7 @@ textarea.k-textarea {
15443
15405
 
15444
15406
  .k-textbox-container.k-textarea-wrapper .k-label,
15445
15407
  .k-floating-label-container.k-textarea-wrapper .k-label {
15446
- font-size: 14px;
15408
+ font-size: 16px;
15447
15409
  transform: none;
15448
15410
  top: 8px;
15449
15411
  left: 16px;
@@ -15502,13 +15464,13 @@ textarea.k-textarea {
15502
15464
  }
15503
15465
 
15504
15466
  .k-listbox {
15505
- width: 12.4em;
15467
+ width: 10em;
15506
15468
  height: 200px;
15507
15469
  border-width: 0;
15508
15470
  outline: 0;
15509
15471
  font-family: Roboto, "Helvetica Neue", sans-serif;
15510
- font-size: 14px;
15511
- line-height: 2;
15472
+ font-size: 16px;
15473
+ line-height: 1.25;
15512
15474
  vertical-align: top;
15513
15475
  background-color: transparent;
15514
15476
  display: inline-flex;
@@ -15603,7 +15565,7 @@ textarea.k-textarea {
15603
15565
  }
15604
15566
 
15605
15567
  .k-listbox .k-item {
15606
- padding: 2px 24px;
15568
+ padding: 8px 16px;
15607
15569
  }
15608
15570
 
15609
15571
  .k-listbox .k-list-scroller {
@@ -15995,28 +15957,13 @@ textarea.k-textarea {
15995
15957
  -webkit-appearance: none;
15996
15958
  }
15997
15959
 
15998
- .k-radio::before {
15999
- content: "";
16000
- width: 8px;
16001
- height: 8px;
16002
- border-radius: 50%;
16003
- background-color: currentColor;
16004
- transform: scale(0) translate(-50%, -50%);
16005
- overflow: hidden;
16006
- position: absolute;
16007
- top: 50%;
16008
- left: 50%;
16009
- }
16010
-
16011
- .k-radio:checked::before,
16012
- .k-radio.k-checked::before {
16013
- transform: scale(1) translate(-50%, -50%);
15960
+ .k-radio:checked,
15961
+ .k-radio.k-checked {
15962
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3ccircle cx='50%' cy='50%' r='4' fill='%233f51b5'/%3e%3c/svg%3e");
16014
15963
  }
16015
15964
 
16016
15965
  .k-radio:disabled,
16017
- .k-radio.k-disabled,
16018
- .k-radio:disabled + .k-radio-label,
16019
- .k-radio.k-disabled + .k-radio-label {
15966
+ .k-radio.k-disabled {
16020
15967
  outline: none;
16021
15968
  cursor: default;
16022
15969
  opacity: 0.6;
@@ -16025,151 +15972,126 @@ textarea.k-textarea {
16025
15972
  box-shadow: none;
16026
15973
  }
16027
15974
 
16028
- .k-radio + .k-radio-label {
16029
- display: inline;
15975
+ .k-radio:disabled:checked,
15976
+ .k-radio.k-disabled.k-checked {
15977
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3ccircle cx='50%' cy='50%' r='4' fill='%23adadad'/%3e%3c/svg%3e");
15978
+ }
15979
+
15980
+ .k-radio-wrap {
15981
+ flex: none;
15982
+ display: inline-flex;
15983
+ flex-flow: row nowrap;
15984
+ gap: 0;
15985
+ align-items: center;
15986
+ align-self: start;
15987
+ vertical-align: middle;
15988
+ position: relative;
15989
+ }
15990
+
15991
+ .k-radio-wrap::before {
15992
+ content: "\200b";
15993
+ width: 0px;
15994
+ overflow: hidden;
15995
+ flex: none;
15996
+ display: inline-block;
15997
+ vertical-align: top;
16030
15998
  }
16031
15999
 
16032
16000
  .k-radio-label {
16033
16001
  margin: 0;
16034
16002
  padding: 0;
16035
- line-height: 18px;
16036
16003
  display: inline-flex;
16037
16004
  align-items: flex-start;
16005
+ gap: 4px;
16038
16006
  vertical-align: middle;
16039
16007
  position: relative;
16040
16008
  cursor: pointer;
16041
16009
  }
16042
16010
 
16043
- .k-radio-label .k-label {
16044
- cursor: pointer;
16045
- }
16046
-
16047
- .k-radio-label:empty {
16048
- display: none !important;
16049
- }
16050
-
16051
16011
  .k-radio-label .k-ripple {
16052
- top: 8px;
16053
- left: 8px;
16054
- right: auto;
16055
- bottom: auto;
16056
- width: 40px;
16057
- height: 40px;
16058
- transform: translate(-50%, -50%);
16059
- border-radius: 50%;
16060
16012
  visibility: hidden !important;
16061
16013
  }
16062
16014
 
16063
- .k-radio-label .k-ripple-blob {
16064
- top: 50% !important;
16065
- left: 50% !important;
16066
- width: 200% !important;
16067
- height: 200% !important;
16068
- }
16069
-
16015
+ .k-radio + .k-label,
16016
+ .k-radio-wrap + .k-label,
16070
16017
  .k-radio + .k-radio-label,
16071
- .k-radio-label + .k-radio,
16072
- .k-label + .k-radio {
16073
- margin-left: 4px;
16018
+ .k-radio-wrap + .k-radio-label {
16019
+ display: inline;
16020
+ margin-inline-start: 4px;
16074
16021
  }
16075
16022
 
16076
- .k-radio-label > .k-radio {
16077
- margin-right: 4px;
16078
- flex-shrink: 0;
16023
+ .k-radio-label:empty {
16024
+ display: none !important;
16079
16025
  }
16080
16026
 
16081
- kendo-label.k-radio-label > .k-label {
16082
- display: inline;
16027
+ .k-radio-label.k-no-text {
16028
+ min-width: 1px;
16083
16029
  }
16084
16030
 
16085
16031
  .k-radio-list {
16086
- margin: 0px;
16087
- padding: 0px;
16032
+ margin: 0;
16033
+ padding: 0;
16034
+ display: flex;
16035
+ flex-flow: column nowrap;
16036
+ gap: 0;
16088
16037
  list-style: none;
16089
16038
  }
16090
16039
 
16091
- .k-radio-list .k-radio-item {
16092
- padding: 4px 0px;
16093
- }
16094
-
16095
- .k-list-horizontal .k-radio-item {
16096
- display: inline-block;
16097
- margin: 0 32px 0 0;
16098
- }
16099
-
16100
- .k-list-horizontal .k-radio-item:last-child {
16101
- margin-right: 0;
16102
- }
16103
-
16104
- .k-rtl .k-radio + .k-radio-label,
16105
- .k-rtl .k-radio-label + .k-radio,
16106
- .k-rtl .k-label + .k-radio,
16107
- [dir="rtl"] .k-radio + .k-radio-label,
16108
- [dir="rtl"] .k-radio-label + .k-radio,
16109
- [dir="rtl"] .k-label + .k-radio {
16110
- margin-left: 0;
16111
- margin-right: 4px;
16112
- }
16113
-
16114
- .k-rtl .k-radio-label > .k-radio,
16115
- [dir="rtl"] .k-radio-label > .k-radio {
16116
- margin-right: 0;
16117
- margin-left: 4px;
16118
- }
16119
-
16120
- .k-rtl kendo-label.k-radio-label > .k-radio:last-child,
16121
- [dir="rtl"] kendo-label.k-radio-label > .k-radio:last-child {
16122
- margin-left: 0;
16040
+ .k-radio-item,
16041
+ .k-radio-list-item {
16042
+ padding: 8px 0px;
16043
+ display: flex;
16044
+ flex-flow: row nowrap;
16045
+ align-items: center;
16046
+ align-content: center;
16047
+ gap: 4px;
16123
16048
  }
16124
16049
 
16125
- .k-rtl kendo-label.k-radio-label > .k-label:first-child,
16126
- [dir="rtl"] kendo-label.k-radio-label > .k-label:first-child {
16127
- margin-right: 0;
16128
- margin-left: 4px;
16050
+ .k-radio-item .k-radio-label,
16051
+ .k-radio-list-item .k-radio-label {
16052
+ margin: 0;
16129
16053
  }
16130
16054
 
16131
- .k-rtl .k-list-horizontal .k-radio-item,
16132
- [dir="rtl"] .k-list-horizontal .k-radio-item {
16133
- margin-right: 0;
16134
- margin-left: 32px;
16055
+ .k-radio-list-horizontal,
16056
+ .k-radio-list.k-list-horizontal {
16057
+ display: flex;
16058
+ flex-flow: row wrap;
16059
+ gap: 16px;
16135
16060
  }
16136
16061
 
16137
- .k-rtl .k-list-horizontal .k-radio-item:last-child,
16138
- [dir="rtl"] .k-list-horizontal .k-radio-item:last-child {
16139
- margin-left: 0;
16062
+ .k-radio-wrap .k-ripple-blob {
16063
+ width: 48px;
16064
+ height: 48px;
16140
16065
  }
16141
16066
 
16142
16067
  .k-ripple-container .k-radio::after {
16143
16068
  content: "";
16144
16069
  display: block;
16145
16070
  position: absolute;
16146
- left: 0;
16147
- top: 0;
16071
+ left: 50%;
16072
+ top: 50%;
16148
16073
  width: 48px;
16149
16074
  height: 48px;
16150
- margin-left: -18px;
16151
- margin-top: -18px;
16152
16075
  border-radius: 100%;
16153
- z-index: 1;
16154
- transform: scale(0);
16076
+ z-index: -1;
16077
+ transition: opacity 100ms linear, transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
16078
+ transform: translate(-50%, -50%) scale(0);
16079
+ transform-origin: center center;
16155
16080
  }
16156
16081
 
16157
- .k-ripple-container .k-radio:disabled::after,
16158
- .k-ripple-container .k-radio.k-disabled::after {
16159
- display: none;
16082
+ .k-ripple-container .k-radio:focus,
16083
+ .k-ripple-container .k-radio.k-state-focus {
16084
+ box-shadow: none !important;
16160
16085
  }
16161
16086
 
16162
- .k-radio::-ms-check {
16163
- border-width: 0;
16164
- border-color: inherit;
16165
- color: inherit;
16166
- background-color: inherit;
16087
+ .k-ripple-container .k-radio:focus::after,
16088
+ .k-ripple-container .k-radio.k-state-focus::after {
16089
+ transform: translate(-50%, -50%) scale(1);
16167
16090
  }
16168
16091
 
16169
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
16170
- .k-radio::-ms-check {
16171
- border-width: 1px;
16172
- }
16092
+ .k-ripple-container .k-radio:disabled::after,
16093
+ .k-ripple-container .k-radio.k-disabled::after {
16094
+ display: none;
16173
16095
  }
16174
16096
 
16175
16097
  .k-radio::before {
@@ -16179,18 +16101,6 @@ kendo-label.k-radio-label > .k-label {
16179
16101
 
16180
16102
  .k-radio {
16181
16103
  border-color: rgba(0, 0, 0, 0.54);
16182
- color: transparent;
16183
- }
16184
-
16185
- .k-radio:hover,
16186
- .k-radio.k-state-hover {
16187
- border-color: rgba(0, 0, 0, 0.87);
16188
- }
16189
-
16190
- .k-radio:focus,
16191
- .k-radio.k-state-focus {
16192
- border-color: rgba(0, 0, 0, 0.54);
16193
- box-shadow: none;
16194
16104
  }
16195
16105
 
16196
16106
  .k-radio.k-invalid,
@@ -16216,7 +16126,6 @@ kendo-label.k-radio-label > .k-label {
16216
16126
  .k-radio:checked:focus,
16217
16127
  .k-radio.k-checked.k-state-focus {
16218
16128
  border-color: #3f51b5;
16219
- box-shadow: none;
16220
16129
  }
16221
16130
 
16222
16131
  .k-radio:disabled,
@@ -16232,7 +16141,7 @@ kendo-label.k-radio-label > .k-label {
16232
16141
 
16233
16142
  .k-ripple-container .k-radio::after {
16234
16143
  background: #3f51b5;
16235
- opacity: 0.38;
16144
+ opacity: 0.2;
16236
16145
  }
16237
16146
 
16238
16147
  .k-radio:disabled + .k-radio-label {
@@ -16241,10 +16150,6 @@ kendo-label.k-radio-label > .k-label {
16241
16150
  filter: none;
16242
16151
  }
16243
16152
 
16244
- .k-radio-label .k-ripple-blob {
16245
- opacity: .2;
16246
- }
16247
-
16248
16153
  .k-slider {
16249
16154
  border: 0;
16250
16155
  box-sizing: border-box;
@@ -17211,7 +17116,7 @@ kendo-label.k-radio-label > .k-label {
17211
17116
  display: block;
17212
17117
  position: absolute;
17213
17118
  bottom: 0;
17214
- content: " ";
17119
+ content: "\200b";
17215
17120
  height: 0;
17216
17121
  line-height: 0;
17217
17122
  z-index: 1;
@@ -17245,7 +17150,7 @@ kendo-label.k-radio-label > .k-label {
17245
17150
  .k-calendar-navigation::before, .k-calendar-navigation::after {
17246
17151
  display: block;
17247
17152
  position: absolute;
17248
- content: " ";
17153
+ content: "\200b";
17249
17154
  height: 0;
17250
17155
  line-height: 0;
17251
17156
  z-index: 1;
@@ -17332,10 +17237,6 @@ kendo-label.k-radio-label > .k-label {
17332
17237
  border-radius: 0;
17333
17238
  }
17334
17239
 
17335
- .k-widget.k-daterangepicker {
17336
- border: 0;
17337
- }
17338
-
17339
17240
  .k-rtl .k-calendar .k-nav-prev,
17340
17241
  .k-rtl .k-calendar .k-nav-next,
17341
17242
  .k-rtl .k-calendar .k-prev-view,
@@ -17616,7 +17517,7 @@ kendo-label.k-radio-label > .k-label {
17616
17517
  .k-time-highlight,
17617
17518
  .k-time-list-highlight {
17618
17519
  width: 100%;
17619
- height: 28px;
17520
+ height: 36px;
17620
17521
  border-width: 1px 0px;
17621
17522
  border-style: solid;
17622
17523
  box-sizing: border-box;
@@ -17652,12 +17553,12 @@ kendo-label.k-radio-label > .k-label {
17652
17553
 
17653
17554
  .k-time-list-wrapper.k-state-focused::before, .k-time-list-wrapper.k-state-focused::after {
17654
17555
  display: block;
17655
- content: " ";
17556
+ content: "\200b";
17656
17557
  position: absolute;
17657
17558
  width: 100%;
17658
17559
  left: 0;
17659
17560
  pointer-events: none;
17660
- height: calc(50% - 14px);
17561
+ height: calc(50% - 18px);
17661
17562
  box-sizing: border-box;
17662
17563
  border-width: 0;
17663
17564
  border-style: solid;
@@ -17684,7 +17585,7 @@ kendo-label.k-radio-label > .k-label {
17684
17585
  .k-time-list::before, .k-time-list::after {
17685
17586
  display: block;
17686
17587
  position: absolute;
17687
- content: " ";
17588
+ content: "\200b";
17688
17589
  height: 0;
17689
17590
  line-height: 0;
17690
17591
  z-index: 1;
@@ -17741,12 +17642,12 @@ kendo-label.k-radio-label > .k-label {
17741
17642
 
17742
17643
  .k-time-list-item,
17743
17644
  .k-time-list .k-item {
17744
- padding: 4px 16px;
17645
+ padding: 8px 16px;
17745
17646
  }
17746
17647
 
17747
17648
  .k-time-separator {
17748
17649
  width: 0;
17749
- height: 28px;
17650
+ height: 36px;
17750
17651
  align-self: center;
17751
17652
  display: inline-flex;
17752
17653
  justify-content: center;
@@ -17804,14 +17705,14 @@ kendo-label.k-radio-label > .k-label {
17804
17705
 
17805
17706
  .k-autocomplete {
17806
17707
  border-radius: 4px;
17807
- width: 200px;
17708
+ width: 10em;
17808
17709
  border-width: 1px;
17809
17710
  border-style: solid;
17810
17711
  box-sizing: border-box;
17811
17712
  outline: 0;
17812
17713
  font-family: Roboto, "Helvetica Neue", sans-serif;
17813
- font-size: 14px;
17814
- line-height: 1.4285714286;
17714
+ font-size: 16px;
17715
+ line-height: 1.25;
17815
17716
  text-align: start;
17816
17717
  white-space: nowrap;
17817
17718
  display: inline-flex;
@@ -17836,43 +17737,29 @@ kendo-label.k-radio-label > .k-label {
17836
17737
  border-top-color: transparent !important;
17837
17738
  }
17838
17739
 
17839
- .k-autocomplete.k-header,
17840
17740
  .k-autocomplete {
17841
17741
  border-color: rgba(0, 0, 0, 0.12);
17842
17742
  color: rgba(0, 0, 0, 0.87);
17843
17743
  background-color: whitesmoke;
17844
17744
  }
17845
17745
 
17846
- .k-autocomplete.k-header:hover, .k-autocomplete.k-header.k-state-hover,
17847
- .k-autocomplete:hover,
17848
- .k-autocomplete.k-state-hover {
17746
+ .k-autocomplete:hover, .k-autocomplete.k-state-hover {
17849
17747
  border-color: rgba(0, 0, 0, 0.87);
17850
17748
  }
17851
17749
 
17852
- .k-autocomplete.k-header.k-state-focused, .k-autocomplete.k-header.k-state-focus,
17853
- .k-autocomplete.k-state-focused,
17854
- .k-autocomplete.k-state-focus {
17750
+ .k-autocomplete:focus, .k-autocomplete.k-state-focus {
17855
17751
  border-color: #3f51b5;
17856
17752
  }
17857
17753
 
17858
- .k-autocomplete.k-header:focus-within,
17859
17754
  .k-autocomplete:focus-within {
17860
17755
  border-color: #3f51b5;
17861
17756
  }
17862
17757
 
17863
- .k-autocomplete.k-header.k-invalid, .k-autocomplete.k-header.k-state-invalid, .k-autocomplete.k-header.ng-invalid.ng-touched, .k-autocomplete.k-header.ng-invalid.ng-dirty,
17864
- .k-autocomplete.k-invalid,
17865
- .k-autocomplete.k-state-invalid,
17866
- .k-autocomplete.ng-invalid.ng-touched,
17867
- .k-autocomplete.ng-invalid.ng-dirty {
17758
+ .k-autocomplete.k-invalid, .k-autocomplete.ng-invalid, .k-autocomplete.k-state-invalid {
17868
17759
  border-color: #f31700;
17869
17760
  }
17870
17761
 
17871
- .k-autocomplete.k-header.k-invalid .k-input-validation-icon, .k-autocomplete.k-header.k-state-invalid .k-input-validation-icon, .k-autocomplete.k-header.ng-invalid.ng-touched .k-input-validation-icon, .k-autocomplete.k-header.ng-invalid.ng-dirty .k-input-validation-icon,
17872
- .k-autocomplete.k-invalid .k-input-validation-icon,
17873
- .k-autocomplete.k-state-invalid .k-input-validation-icon,
17874
- .k-autocomplete.ng-invalid.ng-touched .k-input-validation-icon,
17875
- .k-autocomplete.ng-invalid.ng-dirty .k-input-validation-icon {
17762
+ .k-autocomplete.k-invalid .k-input-validation-icon, .k-autocomplete.ng-invalid .k-input-validation-icon, .k-autocomplete.k-state-invalid .k-input-validation-icon {
17876
17763
  color: #f31700;
17877
17764
  }
17878
17765
 
@@ -17986,39 +17873,27 @@ kendo-label.k-radio-label > .k-label {
17986
17873
  }
17987
17874
 
17988
17875
  .k-numerictextbox {
17989
- width: 200px;
17990
- border-width: 0;
17876
+ border-radius: 4px;
17877
+ width: 10em;
17878
+ border-width: 1px;
17879
+ border-style: solid;
17991
17880
  box-sizing: border-box;
17992
17881
  outline: 0;
17993
- background: none;
17994
17882
  font-family: Roboto, "Helvetica Neue", sans-serif;
17995
- font-size: 14px;
17996
- line-height: 1.4285714286;
17997
- text-align: left;
17883
+ font-size: 16px;
17884
+ line-height: 1.25;
17885
+ text-align: start;
17998
17886
  white-space: nowrap;
17999
17887
  display: inline-flex;
17888
+ flex-flow: row nowrap;
18000
17889
  vertical-align: middle;
18001
17890
  position: relative;
17891
+ overflow: hidden;
17892
+ transition: all .1s ease;
18002
17893
  -webkit-touch-callout: none;
18003
17894
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
18004
17895
  }
18005
17896
 
18006
- .k-numerictextbox .k-numeric-wrap {
18007
- border-radius: 4px;
18008
- padding: 0;
18009
- width: 100%;
18010
- border-width: 1px;
18011
- border-style: solid;
18012
- box-sizing: border-box;
18013
- position: relative;
18014
- transition: all .1s ease;
18015
- cursor: default;
18016
- outline: 0;
18017
- display: flex;
18018
- flex-flow: row nowrap;
18019
- overflow: hidden;
18020
- }
18021
-
18022
17897
  .k-numerictextbox .k-input {
18023
17898
  text-overflow: clip;
18024
17899
  }
@@ -18029,6 +17904,7 @@ kendo-label.k-radio-label > .k-label {
18029
17904
  border-inline-start-width: 0px;
18030
17905
  border-style: solid;
18031
17906
  box-sizing: border-box;
17907
+ outline: 0;
18032
17908
  display: flex;
18033
17909
  flex-direction: column;
18034
17910
  align-items: stretch;
@@ -18062,63 +17938,36 @@ kendo-label.k-radio-label > .k-label {
18062
17938
  top: -2px;
18063
17939
  }
18064
17940
 
18065
- .k-rtl .k-numerictextbox, .k-numerictextbox[dir="rtl"] {
18066
- text-align: right;
18067
- }
18068
-
18069
- .k-numerictextbox .k-numeric-wrap {
17941
+ .k-numerictextbox {
18070
17942
  border-bottom-right-radius: 0 !important;
18071
17943
  border-bottom-left-radius: 0 !important;
18072
17944
  border-width: 1px 0;
18073
17945
  border-top-color: transparent !important;
18074
17946
  }
18075
17947
 
18076
- .k-numerictextbox .k-i-warning {
18077
- color: #f31700;
18078
- }
18079
-
18080
- .k-numerictextbox .k-numeric-wrap {
17948
+ .k-numerictextbox {
18081
17949
  border-color: rgba(0, 0, 0, 0.12);
18082
17950
  color: rgba(0, 0, 0, 0.87);
18083
17951
  background-color: whitesmoke;
18084
17952
  }
18085
17953
 
18086
- .k-numerictextbox .k-numeric-wrap:hover, .k-numerictextbox .k-numeric-wrap.k-state-hover {
17954
+ .k-numerictextbox:hover, .k-numerictextbox.k-state-hover {
18087
17955
  border-color: rgba(0, 0, 0, 0.87);
18088
17956
  }
18089
17957
 
18090
- .k-numerictextbox .k-numeric-wrap.k-state-focused {
17958
+ .k-numerictextbox:focus, .k-numerictextbox.k-state-focus {
18091
17959
  border-color: #3f51b5;
18092
17960
  }
18093
17961
 
18094
- .k-numerictextbox .k-numeric-wrap.k-invalid, .k-numerictextbox .k-numeric-wrap.k-invalid:hover, .k-numerictextbox .k-numeric-wrap.k-state-invalid {
18095
- border-color: #f31700;
18096
- }
18097
-
18098
- .k-numerictextbox .k-numeric-wrap.k-invalid .k-input-validation-icon, .k-numerictextbox .k-numeric-wrap.k-invalid:hover .k-input-validation-icon, .k-numerictextbox .k-numeric-wrap.k-state-invalid .k-input-validation-icon {
18099
- color: #f31700;
18100
- }
18101
-
18102
- .k-numerictextbox .k-select {
18103
- color: rgba(0, 0, 0, 0.54);
18104
- }
18105
-
18106
- .k-numerictextbox .k-select .k-link:hover,
18107
- .k-numerictextbox .k-select .k-link.k-state-hover {
18108
- color: rgba(0, 0, 0, 0.87);
18109
- }
18110
-
18111
- .k-numerictextbox .k-select .k-link:active,
18112
- .k-numerictextbox .k-select .k-link.k-state-active,
18113
- .k-numerictextbox .k-select .k-link.k-state-selected {
18114
- color: #3f51b5;
17962
+ .k-numerictextbox:focus-within {
17963
+ border-color: #3f51b5;
18115
17964
  }
18116
17965
 
18117
- .k-numerictextbox.k-state-invalid .k-numeric-wrap, .k-numerictextbox.ng-invalid.ng-touched .k-numeric-wrap, .k-numerictextbox.ng-invalid.ng-dirty .k-numeric-wrap {
17966
+ .k-numerictextbox.k-invalid, .k-numerictextbox.ng-invalid, .k-numerictextbox.k-state-invalid {
18118
17967
  border-color: #f31700;
18119
17968
  }
18120
17969
 
18121
- .k-numerictextbox.k-state-invalid .k-numeric-wrap .k-input-validation-icon, .k-numerictextbox.ng-invalid.ng-touched .k-numeric-wrap .k-input-validation-icon, .k-numerictextbox.ng-invalid.ng-dirty .k-numeric-wrap .k-input-validation-icon {
17970
+ .k-numerictextbox.k-invalid .k-input-validation-icon, .k-numerictextbox.ng-invalid .k-input-validation-icon, .k-numerictextbox.k-state-invalid .k-input-validation-icon {
18122
17971
  color: #f31700;
18123
17972
  }
18124
17973
 
@@ -18565,14 +18414,14 @@ kendo-label.k-radio-label > .k-label {
18565
18414
 
18566
18415
  .k-dateinput {
18567
18416
  border-radius: 4px;
18568
- width: 200px;
18417
+ width: 10em;
18569
18418
  border-width: 1px;
18570
18419
  border-style: solid;
18571
18420
  box-sizing: border-box;
18572
18421
  outline: 0;
18573
18422
  font-family: Roboto, "Helvetica Neue", sans-serif;
18574
- font-size: 14px;
18575
- line-height: 1.4285714286;
18423
+ font-size: 16px;
18424
+ line-height: 1.25;
18576
18425
  text-align: start;
18577
18426
  white-space: nowrap;
18578
18427
  display: inline-flex;
@@ -18669,14 +18518,14 @@ kendo-label.k-radio-label > .k-label {
18669
18518
 
18670
18519
  .k-datepicker {
18671
18520
  border-radius: 4px;
18672
- width: 200px;
18521
+ width: 10em;
18673
18522
  border-width: 1px;
18674
18523
  border-style: solid;
18675
18524
  box-sizing: border-box;
18676
18525
  outline: 0;
18677
18526
  font-family: Roboto, "Helvetica Neue", sans-serif;
18678
- font-size: 14px;
18679
- line-height: 1.4285714286;
18527
+ font-size: 16px;
18528
+ line-height: 1.25;
18680
18529
  text-align: start;
18681
18530
  white-space: nowrap;
18682
18531
  display: inline-flex;
@@ -18739,14 +18588,14 @@ kendo-label.k-radio-label > .k-label {
18739
18588
 
18740
18589
  .k-timepicker {
18741
18590
  border-radius: 4px;
18742
- width: 200px;
18591
+ width: 10em;
18743
18592
  border-width: 1px;
18744
18593
  border-style: solid;
18745
18594
  box-sizing: border-box;
18746
18595
  outline: 0;
18747
18596
  font-family: Roboto, "Helvetica Neue", sans-serif;
18748
- font-size: 14px;
18749
- line-height: 1.4285714286;
18597
+ font-size: 16px;
18598
+ line-height: 1.25;
18750
18599
  text-align: start;
18751
18600
  white-space: nowrap;
18752
18601
  display: inline-flex;
@@ -18809,14 +18658,14 @@ kendo-label.k-radio-label > .k-label {
18809
18658
 
18810
18659
  .k-datetimepicker {
18811
18660
  border-radius: 4px;
18812
- width: 200px;
18661
+ width: 10em;
18813
18662
  border-width: 1px;
18814
18663
  border-style: solid;
18815
18664
  box-sizing: border-box;
18816
18665
  outline: 0;
18817
18666
  font-family: Roboto, "Helvetica Neue", sans-serif;
18818
- font-size: 14px;
18819
- line-height: 1.4285714286;
18667
+ font-size: 16px;
18668
+ line-height: 1.25;
18820
18669
  text-align: start;
18821
18670
  white-space: nowrap;
18822
18671
  display: inline-flex;
@@ -18943,6 +18792,21 @@ kendo-label.k-radio-label > .k-label {
18943
18792
  color: #f31700;
18944
18793
  }
18945
18794
 
18795
+ .k-daterangepicker {
18796
+ border: 0;
18797
+ display: inline-flex;
18798
+ flex-flow: row nowrap;
18799
+ align-items: flex-start;
18800
+ gap: 8px;
18801
+ }
18802
+
18803
+ .k-daterangepicker-wrap {
18804
+ display: inherit;
18805
+ flex-flow: inherit;
18806
+ align-items: inherit;
18807
+ gap: inherit;
18808
+ }
18809
+
18946
18810
  .k-dropdowngrid-popup {
18947
18811
  overflow: hidden;
18948
18812
  }
@@ -19228,14 +19092,14 @@ kendo-label.k-radio-label > .k-label {
19228
19092
 
19229
19093
  .k-dropdown, .k-dropdowntree {
19230
19094
  border-radius: 4px;
19231
- width: 200px;
19095
+ width: 10em;
19232
19096
  border-width: 1px;
19233
19097
  border-style: solid;
19234
19098
  box-sizing: border-box;
19235
19099
  outline: 0;
19236
19100
  font-family: Roboto, "Helvetica Neue", sans-serif;
19237
- font-size: 14px;
19238
- line-height: 1.4285714286;
19101
+ font-size: 16px;
19102
+ line-height: 1.25;
19239
19103
  text-align: start;
19240
19104
  white-space: nowrap;
19241
19105
  display: inline-flex;
@@ -19336,8 +19200,8 @@ select.k-dropdown, select.k-dropdowntree {
19336
19200
  outline: 0;
19337
19201
  background: none;
19338
19202
  font-family: Roboto, "Helvetica Neue", sans-serif;
19339
- font-size: 14px;
19340
- line-height: 1.4285714286;
19203
+ font-size: 16px;
19204
+ line-height: 1.25;
19341
19205
  text-align: left;
19342
19206
  white-space: nowrap;
19343
19207
  display: inline-flex;
@@ -19371,7 +19235,7 @@ select.k-dropdown, select.k-dropdowntree {
19371
19235
  .k-multiselect .k-multiselect-wrap::before, .k-dropdowntree .k-multiselect-wrap::before {
19372
19236
  content: "";
19373
19237
  width: 0;
19374
- height: calc(1.4285714286em + 16px);
19238
+ height: calc(1.25em + 16px);
19375
19239
  float: left;
19376
19240
  }
19377
19241
 
@@ -19668,14 +19532,14 @@ select.k-dropdown, select.k-dropdowntree {
19668
19532
  }
19669
19533
 
19670
19534
  .k-treeview {
19671
- padding: 0px 0px;
19535
+ padding: 0;
19672
19536
  border-width: 0;
19673
19537
  background: none;
19674
19538
  box-sizing: border-box;
19675
19539
  outline: 0;
19676
19540
  font-family: Roboto, "Helvetica Neue", sans-serif;
19677
- font-size: 14px;
19678
- line-height: 1.4285714286;
19541
+ font-size: 16px;
19542
+ line-height: 1.25;
19679
19543
  display: block;
19680
19544
  cursor: default;
19681
19545
  overflow: auto;
@@ -19684,173 +19548,231 @@ select.k-dropdown, select.k-dropdowntree {
19684
19548
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
19685
19549
  }
19686
19550
 
19687
- .k-treeview > .k-group {
19688
- outline: 0;
19689
- -webkit-touch-callout: none;
19690
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
19691
- }
19692
-
19693
- .k-treeview .k-content,
19694
- .k-treeview > .k-group,
19695
- .k-treeview .k-item > .k-group {
19551
+ .k-treeview-group,
19552
+ .k-treeview .k-group {
19696
19553
  margin: 0;
19697
19554
  padding: 0;
19698
19555
  background: none;
19699
19556
  list-style: none;
19700
19557
  position: relative;
19558
+ outline: 0;
19559
+ -webkit-touch-callout: none;
19560
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
19701
19561
  }
19702
19562
 
19703
- .k-treeview .k-content.ng-animating,
19704
- .k-treeview > .k-group.ng-animating,
19705
- .k-treeview .k-item > .k-group.ng-animating {
19563
+ .k-treeview-group.ng-animating,
19564
+ .k-treeview .k-group.ng-animating {
19706
19565
  overflow: hidden;
19707
19566
  }
19708
19567
 
19568
+ .k-treeview-top,
19709
19569
  .k-treeview .k-top,
19570
+ .k-treeview-mid,
19710
19571
  .k-treeview .k-mid,
19572
+ .k-treeview-bot,
19711
19573
  .k-treeview .k-bot {
19712
19574
  display: flex;
19713
19575
  flex-direction: row;
19714
19576
  align-items: center;
19715
- align-content: center;
19716
- }
19717
-
19718
- .k-treeview .k-item {
19719
- outline-style: none;
19720
- margin: 0;
19721
- padding: 0 0 0 16px;
19722
- border-width: 0;
19723
- display: block;
19724
- }
19725
-
19726
- .k-treeview .k-in {
19727
- margin: 0;
19728
- padding: 6px 8px;
19729
- border: 0px solid transparent;
19730
- text-decoration: none;
19731
- display: inline-flex;
19732
- align-items: center;
19733
- align-content: center;
19734
- vertical-align: middle;
19735
- position: relative;
19736
- }
19737
-
19738
- .k-treeview .k-in.k-state-focused {
19739
- z-index: 1;
19740
- }
19741
-
19742
- .k-treeview .k-treeview-load-more-button {
19743
- cursor: pointer;
19577
+ align-content: center;
19744
19578
  }
19745
19579
 
19746
- .k-treeview .k-treeview-load-more-button:hover, .k-treeview .k-treeview-load-more-button.k-state-hover, .k-treeview .k-treeview-load-more-button:focus, .k-treeview .k-treeview-load-more-button.k-state-focused {
19747
- text-decoration: underline;
19580
+ .k-treeview-item,
19581
+ .k-treeview .k-item {
19582
+ outline-style: none;
19583
+ margin: 0;
19584
+ padding: 0 0 0 16px;
19585
+ border-width: 0;
19586
+ display: block;
19748
19587
  }
19749
19588
 
19750
- .k-treeview .k-treeview-load-more-checkboxes-container {
19751
- padding-left: 40px;
19589
+ .k-treeview-toggle {
19590
+ flex: none;
19591
+ display: inline-flex;
19592
+ flex-flow: row nowrap;
19593
+ align-items: center;
19752
19594
  }
19753
19595
 
19754
- .k-treeview .k-treeview-load-more-checkboxes-container .k-i-loading {
19755
- margin-left: -24px;
19756
- margin-right: 8px;
19596
+ .k-treeview-toggle .k-i-expand,
19597
+ .k-treeview-toggle .k-i-collapse {
19598
+ margin: 0 !important;
19757
19599
  }
19758
19600
 
19601
+ .k-treeview-toggle,
19759
19602
  .k-treeview .k-i-expand,
19760
19603
  .k-treeview .k-i-collapse {
19761
19604
  margin-left: -16px;
19762
19605
  cursor: pointer;
19763
19606
  }
19764
19607
 
19608
+ .k-treeview-toggle + .k-checkbox-wrap,
19609
+ .k-treeview-toggle + .k-checkbox-wrapper,
19610
+ .k-treeview .k-i-expand + .k-checkbox-wrap,
19765
19611
  .k-treeview .k-i-expand + .k-checkbox-wrapper,
19612
+ .k-treeview .k-i-collapse + .k-checkbox-wrap,
19766
19613
  .k-treeview .k-i-collapse + .k-checkbox-wrapper {
19767
19614
  margin-left: 8px;
19768
19615
  }
19769
19616
 
19617
+ .k-treeview-loading {
19618
+ margin-right: 8px;
19619
+ }
19620
+
19621
+ .k-treeview .k-checkbox-wrap,
19770
19622
  .k-treeview .k-checkbox-wrapper {
19771
19623
  margin-right: 8px;
19624
+ align-self: center;
19772
19625
  }
19773
19626
 
19774
- .k-treeview .k-i-drag-and-drop {
19775
- position: absolute;
19776
- transform: translate(-50%, -50%);
19777
- z-index: 1000;
19627
+ .k-treeview-leaf,
19628
+ .k-treeview .k-in {
19629
+ margin: 0;
19630
+ padding: 8px 16px;
19631
+ border: 0px solid transparent;
19632
+ text-decoration: none;
19633
+ display: inline-flex;
19634
+ align-items: center;
19635
+ align-content: center;
19636
+ vertical-align: middle;
19637
+ position: relative;
19778
19638
  }
19779
19639
 
19640
+ .k-treeview-leaf .k-icon,
19641
+ .k-treeview-leaf .k-image,
19642
+ .k-treeview-leaf .k-sprite,
19780
19643
  .k-treeview .k-in .k-icon,
19781
19644
  .k-treeview .k-in .k-image,
19782
19645
  .k-treeview .k-in .k-sprite {
19783
19646
  margin-right: 8px;
19784
19647
  }
19785
19648
 
19786
- .k-rtl .k-treeview .k-item,
19787
- .k-treeview[dir="rtl"] .k-item {
19788
- padding-left: 0;
19789
- padding-right: 16px;
19649
+ .k-treeview-leaf.k-state-focus, .k-treeview-leaf.k-state-focused,
19650
+ .k-treeview .k-in.k-state-focus,
19651
+ .k-treeview .k-in.k-state-focused {
19652
+ z-index: 1;
19790
19653
  }
19791
19654
 
19792
- .k-rtl .k-treeview .k-treeview-load-more-checkboxes-container,
19793
- .k-treeview[dir="rtl"] .k-treeview-load-more-checkboxes-container {
19794
- padding-left: 0;
19795
- padding-right: 40px;
19655
+ .k-treeview .k-treeview-load-more-button {
19656
+ cursor: pointer;
19796
19657
  }
19797
19658
 
19798
- .k-rtl .k-treeview .k-treeview-load-more-checkboxes-container .k-i-loading,
19799
- .k-treeview[dir="rtl"] .k-treeview-load-more-checkboxes-container .k-i-loading {
19800
- margin-left: 8px;
19801
- margin-right: -24px;
19659
+ .k-treeview .k-treeview-load-more-button:hover, .k-treeview .k-treeview-load-more-button.k-state-hover, .k-treeview .k-treeview-load-more-button:focus, .k-treeview .k-treeview-load-more-button.k-state-focus, .k-treeview .k-treeview-load-more-button.k-state-focused {
19660
+ text-decoration: underline;
19661
+ }
19662
+
19663
+ .k-rtl .k-treeview .k-item,
19664
+ .k-rtl .k-treeview .k-treeview-item,
19665
+ .k-treeview[dir="rtl"] .k-item,
19666
+ .k-treeview[dir="rtl"] .k-treeview-item {
19667
+ padding-left: 0;
19668
+ padding-right: 16px;
19802
19669
  }
19803
19670
 
19804
19671
  .k-rtl .k-treeview .k-i-expand,
19805
19672
  .k-rtl .k-treeview .k-i-collapse,
19673
+ .k-rtl .k-treeview .k-treeview-toggle,
19806
19674
  .k-treeview[dir="rtl"] .k-i-expand,
19807
- .k-treeview[dir="rtl"] .k-i-collapse {
19675
+ .k-treeview[dir="rtl"] .k-i-collapse,
19676
+ .k-treeview[dir="rtl"] .k-treeview-toggle {
19808
19677
  margin-left: 0;
19809
19678
  margin-right: -16px;
19810
19679
  }
19811
19680
 
19681
+ .k-rtl .k-treeview .k-i-expand + .k-checkbox-wrap,
19812
19682
  .k-rtl .k-treeview .k-i-expand + .k-checkbox-wrapper,
19683
+ .k-rtl .k-treeview .k-i-collapse + .k-checkbox-wrap,
19813
19684
  .k-rtl .k-treeview .k-i-collapse + .k-checkbox-wrapper,
19685
+ .k-rtl .k-treeview .k-treeview-toggle + .k-checkbox-wrap,
19686
+ .k-rtl .k-treeview .k-treeview-toggle + .k-checkbox-wrapper,
19687
+ .k-treeview[dir="rtl"] .k-i-expand + .k-checkbox-wrap,
19814
19688
  .k-treeview[dir="rtl"] .k-i-expand + .k-checkbox-wrapper,
19815
- .k-treeview[dir="rtl"] .k-i-collapse + .k-checkbox-wrapper {
19689
+ .k-treeview[dir="rtl"] .k-i-collapse + .k-checkbox-wrap,
19690
+ .k-treeview[dir="rtl"] .k-i-collapse + .k-checkbox-wrapper,
19691
+ .k-treeview[dir="rtl"] .k-treeview-toggle + .k-checkbox-wrap,
19692
+ .k-treeview[dir="rtl"] .k-treeview-toggle + .k-checkbox-wrapper {
19816
19693
  margin-right: 8px;
19817
19694
  }
19818
19695
 
19696
+ .k-rtl .k-treeview .k-treeview-loading,
19697
+ .k-treeview[dir="rtl"] .k-treeview-loading {
19698
+ margin-right: 0;
19699
+ margin-left: 8px;
19700
+ }
19701
+
19702
+ .k-rtl .k-treeview .k-checkbox-wrap,
19819
19703
  .k-rtl .k-treeview .k-checkbox-wrapper,
19704
+ .k-treeview[dir="rtl"] .k-checkbox-wrap,
19820
19705
  .k-treeview[dir="rtl"] .k-checkbox-wrapper {
19821
19706
  margin-right: 0;
19822
19707
  margin-left: 8px;
19823
19708
  }
19824
19709
 
19710
+ .k-rtl .k-treeview .k-treeview-leaf .k-icon,
19711
+ .k-rtl .k-treeview .k-treeview-leaf .k-image,
19712
+ .k-rtl .k-treeview .k-treeview-leaf .k-sprite,
19825
19713
  .k-rtl .k-treeview .k-in .k-icon,
19826
19714
  .k-rtl .k-treeview .k-in .k-image,
19827
19715
  .k-rtl .k-treeview .k-in .k-sprite,
19716
+ .k-treeview[dir="rtl"] .k-treeview-leaf .k-icon,
19717
+ .k-treeview[dir="rtl"] .k-treeview-leaf .k-image,
19718
+ .k-treeview[dir="rtl"] .k-treeview-leaf .k-sprite,
19828
19719
  .k-treeview[dir="rtl"] .k-in .k-icon,
19829
19720
  .k-treeview[dir="rtl"] .k-in .k-image,
19830
19721
  .k-treeview[dir="rtl"] .k-in .k-sprite {
19831
- margin-left: 8px;
19832
19722
  margin-right: 0;
19723
+ margin-left: 8px;
19833
19724
  }
19834
19725
 
19835
19726
  .k-treeview {
19836
19727
  color: rgba(0, 0, 0, 0.87);
19837
19728
  }
19838
19729
 
19730
+ .k-treeview-leaf:hover, .k-treeview-leaf.k-state-hover,
19839
19731
  .k-treeview .k-in:hover,
19840
19732
  .k-treeview .k-in.k-state-hover {
19841
19733
  background-color: rgba(0, 0, 0, 0.07);
19842
19734
  }
19843
19735
 
19736
+ .k-treeview-leaf.k-state-selected,
19844
19737
  .k-treeview .k-in.k-state-selected {
19845
19738
  color: #e51a5f;
19846
19739
  }
19847
19740
 
19741
+ .k-treeview .k-treeview-load-more-button {
19742
+ color: inherit;
19743
+ background-color: transparent;
19744
+ }
19745
+
19746
+ .k-treeview .k-treeview-load-more-button:hover, .k-treeview .k-treeview-load-more-button.k-state-hover {
19747
+ color: inherit;
19748
+ background-color: transparent;
19749
+ }
19750
+
19751
+ .k-treeview .k-treeview-load-more-button:focus, .k-treeview .k-treeview-load-more-button.k-state-focus, .k-treeview .k-treeview-load-more-button.k-state-focused {
19752
+ color: inherit;
19753
+ background-color: transparent;
19754
+ }
19755
+
19756
+ .k-treeview-leaf:hover, .k-treeview-leaf.k-state-hover,
19757
+ .k-treeview .k-in:hover,
19758
+ .k-treeview .k-in.k-state-hover {
19759
+ background-color: rgba(0, 0, 0, 0.07);
19760
+ }
19761
+
19762
+ .k-treeview-leaf:focus, .k-treeview-leaf.k-state-focus, .k-treeview-leaf.k-state-focused,
19763
+ .k-treeview .k-in:focus,
19764
+ .k-treeview .k-in.k-state-focus,
19848
19765
  .k-treeview .k-in.k-state-focused {
19849
19766
  background-color: rgba(0, 0, 0, 0.07);
19850
19767
  }
19851
19768
 
19769
+ .k-treeview-leaf.k-state-selected,
19770
+ .k-treeview .k-in.k-state-selected {
19771
+ color: #e51a5f;
19772
+ }
19773
+
19852
19774
  .k-dropdowntree {
19853
- width: 200px;
19775
+ width: 10em;
19854
19776
  }
19855
19777
 
19856
19778
  .k-popup-dropdowntree {
@@ -19867,14 +19789,14 @@ select.k-dropdown, select.k-dropdowntree {
19867
19789
 
19868
19790
  .k-maskedtextbox {
19869
19791
  border-radius: 4px;
19870
- width: 200px;
19792
+ width: 10em;
19871
19793
  border-width: 1px;
19872
19794
  border-style: solid;
19873
19795
  box-sizing: border-box;
19874
19796
  outline: 0;
19875
19797
  font-family: Roboto, "Helvetica Neue", sans-serif;
19876
- font-size: 14px;
19877
- line-height: 1.4285714286;
19798
+ font-size: 16px;
19799
+ line-height: 1.25;
19878
19800
  text-align: start;
19879
19801
  white-space: nowrap;
19880
19802
  display: inline-flex;
@@ -20031,24 +19953,35 @@ select.k-dropdown, select.k-dropdowntree {
20031
19953
 
20032
19954
  .k-searchbox {
20033
19955
  border-radius: 4px;
19956
+ width: 10em;
20034
19957
  border-width: 1px;
20035
19958
  border-style: solid;
20036
19959
  box-sizing: border-box;
19960
+ outline: 0;
20037
19961
  font-family: Roboto, "Helvetica Neue", sans-serif;
20038
- font-size: 14px;
20039
- line-height: 1.4285714286;
19962
+ font-size: 16px;
19963
+ line-height: 1.25;
19964
+ text-align: start;
19965
+ white-space: nowrap;
20040
19966
  display: inline-flex;
20041
- align-items: center;
20042
- vertical-align: middle;
20043
19967
  flex-flow: row nowrap;
19968
+ vertical-align: middle;
20044
19969
  position: relative;
20045
19970
  overflow: hidden;
19971
+ transition: all .1s ease;
19972
+ -webkit-touch-callout: none;
19973
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
20046
19974
  }
20047
19975
 
20048
19976
  .k-searchbox > .k-input {
20049
19977
  padding: 8px 16px;
20050
19978
  }
20051
19979
 
19980
+ .k-searchbox .k-i-loading {
19981
+ width: 32px;
19982
+ height: 36px;
19983
+ }
19984
+
20052
19985
  .k-searchbox {
20053
19986
  border-bottom-right-radius: 0 !important;
20054
19987
  border-bottom-left-radius: 0 !important;
@@ -20074,20 +20007,11 @@ select.k-dropdown, select.k-dropdowntree {
20074
20007
  border-color: #3f51b5;
20075
20008
  }
20076
20009
 
20077
- .k-searchbox:disabled, .k-searchbox.k-state-disabled {
20078
- outline: none;
20079
- cursor: default;
20080
- opacity: 0.6;
20081
- filter: grayscale(0.1);
20082
- pointer-events: none;
20083
- box-shadow: none;
20084
- }
20085
-
20086
- .k-searchbox.k-invalid, .k-searchbox.k-state-invalid {
20010
+ .k-searchbox.k-invalid, .k-searchbox.ng-invalid, .k-searchbox.k-state-invalid {
20087
20011
  border-color: #f31700;
20088
20012
  }
20089
20013
 
20090
- .k-searchbox.k-invalid .k-input-validation-icon, .k-searchbox.k-state-invalid .k-input-validation-icon {
20014
+ .k-searchbox.k-invalid .k-input-validation-icon, .k-searchbox.ng-invalid .k-input-validation-icon, .k-searchbox.k-state-invalid .k-input-validation-icon {
20091
20015
  color: #f31700;
20092
20016
  }
20093
20017
 
@@ -20832,7 +20756,7 @@ select.k-dropdown, select.k-dropdowntree {
20832
20756
  }
20833
20757
 
20834
20758
  .k-appbar {
20835
- padding: 8px 24px;
20759
+ padding: 8px 8px;
20836
20760
  border-width: 0px;
20837
20761
  border-style: solid;
20838
20762
  box-sizing: border-box;
@@ -21620,10 +21544,12 @@ select.k-dropdown, select.k-dropdowntree {
21620
21544
  }
21621
21545
 
21622
21546
  .k-menu-item {
21547
+ box-sizing: border-box;
21623
21548
  border-width: 0;
21624
21549
  outline: 0;
21625
21550
  display: flex;
21626
- flex: 0 0 auto;
21551
+ flex-flow: column nowrap;
21552
+ flex: none;
21627
21553
  position: relative;
21628
21554
  -webkit-user-select: none;
21629
21555
  -ms-user-select: none;
@@ -21635,7 +21561,7 @@ select.k-dropdown, select.k-dropdowntree {
21635
21561
  outline: 0;
21636
21562
  color: inherit;
21637
21563
  display: flex;
21638
- flex-direction: row;
21564
+ flex-flow: row nowrap;
21639
21565
  flex: 1 1 auto;
21640
21566
  align-items: center;
21641
21567
  position: relative;
@@ -21649,9 +21575,19 @@ select.k-dropdown, select.k-dropdowntree {
21649
21575
  margin-right: 8px;
21650
21576
  }
21651
21577
 
21578
+ .k-menu-link-text {
21579
+ flex: 1 1 auto;
21580
+ overflow: hidden;
21581
+ text-overflow: ellipsis;
21582
+ }
21583
+
21652
21584
  .k-menu-expand-arrow {
21653
21585
  margin-left: 8px;
21654
21586
  margin-right: -8px;
21587
+ display: inline-flex;
21588
+ flex-flow: row wrap;
21589
+ align-items: center;
21590
+ flex: none;
21655
21591
  position: relative;
21656
21592
  }
21657
21593
 
@@ -21680,7 +21616,7 @@ select.k-dropdown, select.k-dropdowntree {
21680
21616
  }
21681
21617
 
21682
21618
  .k-menu-horizontal > .k-separator {
21683
- margin: 0 2px;
21619
+ margin: 0 4px;
21684
21620
  width: 0;
21685
21621
  height: auto;
21686
21622
  border-width: 0 0 0 1px;
@@ -21696,12 +21632,20 @@ select.k-dropdown, select.k-dropdowntree {
21696
21632
  }
21697
21633
 
21698
21634
  .k-menu-vertical > .k-menu-item > .k-menu-link {
21699
- padding: 4px 16px;
21635
+ padding: 8px 16px;
21700
21636
  padding-right: 48px;
21701
21637
  }
21702
21638
 
21639
+ .k-menu-vertical > .k-menu-item > .k-menu-link .k-menu-expand-arrow {
21640
+ margin: 0;
21641
+ position: absolute;
21642
+ top: 50%;
21643
+ transform: translateY(-50%);
21644
+ right: 8px;
21645
+ }
21646
+
21703
21647
  .k-menu-vertical > .k-separator {
21704
- margin: 2px 0;
21648
+ margin: 4px 0;
21705
21649
  height: 0;
21706
21650
  border-width: 1px 0 0;
21707
21651
  border-style: solid;
@@ -21719,8 +21663,8 @@ select.k-dropdown, select.k-dropdowntree {
21719
21663
  .k-menu-group {
21720
21664
  margin: 0;
21721
21665
  padding: 0;
21722
- font-size: 14px;
21723
- line-height: 2;
21666
+ font-size: 16px;
21667
+ line-height: 1.25;
21724
21668
  list-style: none;
21725
21669
  display: none;
21726
21670
  position: absolute;
@@ -21733,8 +21677,8 @@ select.k-dropdown, select.k-dropdowntree {
21733
21677
  }
21734
21678
 
21735
21679
  .k-menu-group .k-menu-item {
21736
- font-size: 14px;
21737
- line-height: 2;
21680
+ font-size: 16px;
21681
+ line-height: 1.25;
21738
21682
  }
21739
21683
 
21740
21684
  .k-menu-group .k-menu-item + .k-menu-item {
@@ -21742,12 +21686,20 @@ select.k-dropdown, select.k-dropdowntree {
21742
21686
  }
21743
21687
 
21744
21688
  .k-menu-group .k-menu-link {
21745
- padding: 4px 16px;
21689
+ padding: 8px 16px;
21746
21690
  padding-right: 48px;
21747
21691
  }
21748
21692
 
21693
+ .k-menu-group .k-menu-link .k-menu-expand-arrow {
21694
+ margin: 0;
21695
+ position: absolute;
21696
+ top: 50%;
21697
+ transform: translateY(-50%);
21698
+ right: 8px;
21699
+ }
21700
+
21749
21701
  .k-menu-group .k-separator {
21750
- margin: 2px 0;
21702
+ margin: 4px 0;
21751
21703
  height: 0;
21752
21704
  border-width: 1px 0 0;
21753
21705
  border-style: solid;
@@ -21778,9 +21730,13 @@ select.k-dropdown, select.k-dropdowntree {
21778
21730
  z-index: 12000;
21779
21731
  }
21780
21732
 
21781
- .k-context-menu-popup > .k-popup:not(.k-menu-popup),
21782
21733
  .k-context-menu-popup .k-context-menu {
21783
- border: 0;
21734
+ border-width: 0;
21735
+ }
21736
+
21737
+ .k-popup .k-context-menu,
21738
+ .k-context-menu-popup .k-context-menu {
21739
+ border-width: 0;
21784
21740
  }
21785
21741
 
21786
21742
  .k-menu-scroll-wrapper {
@@ -21865,12 +21821,24 @@ select.k-dropdown, select.k-dropdowntree {
21865
21821
  padding-left: 48px;
21866
21822
  }
21867
21823
 
21824
+ .k-rtl .k-menu-vertical > .k-menu-item > .k-menu-link .k-menu-expand-arrow,
21825
+ [dir="rtl"] .k-menu-vertical > .k-menu-item > .k-menu-link .k-menu-expand-arrow {
21826
+ right: auto;
21827
+ left: 8px;
21828
+ }
21829
+
21868
21830
  .k-rtl .k-menu-group .k-menu-link,
21869
21831
  [dir="rtl"] .k-menu-group .k-menu-link {
21870
21832
  padding-right: 16px;
21871
21833
  padding-left: 48px;
21872
21834
  }
21873
21835
 
21836
+ .k-rtl .k-menu-group .k-menu-link .k-menu-expand-arrow,
21837
+ [dir="rtl"] .k-menu-group .k-menu-link .k-menu-expand-arrow {
21838
+ right: auto;
21839
+ left: 8px;
21840
+ }
21841
+
21874
21842
  .k-menu:not(.k-context-menu) > .k-menu-item {
21875
21843
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
21876
21844
  }
@@ -21900,7 +21868,7 @@ select.k-dropdown, select.k-dropdowntree {
21900
21868
  background-color: rgba(0, 0, 0, 0.0696);
21901
21869
  }
21902
21870
 
21903
- .k-menu:not(.k-context-menu) > .k-item > .k-state-active {
21871
+ .k-menu:not(.k-context-menu) > .k-item > .k-state-active, .k-menu:not(.k-context-menu) > .k-item.k-state-selected {
21904
21872
  background-color: rgba(0, 0, 0, 0.1392);
21905
21873
  }
21906
21874
 
@@ -21918,8 +21886,9 @@ select.k-dropdown, select.k-dropdowntree {
21918
21886
  background-color: rgba(0, 0, 0, 0.04);
21919
21887
  }
21920
21888
 
21921
- .k-menu-group .k-item > .k-state-active,
21922
- .k-menu.k-context-menu .k-item > .k-state-active {
21889
+ .k-menu-group .k-item > .k-state-active, .k-menu-group .k-item.k-state-selected,
21890
+ .k-menu.k-context-menu .k-item > .k-state-active,
21891
+ .k-menu.k-context-menu .k-item.k-state-selected {
21923
21892
  color: #e51a5f;
21924
21893
  background-color: white;
21925
21894
  }
@@ -21938,12 +21907,13 @@ select.k-dropdown, select.k-dropdowntree {
21938
21907
  opacity: 0;
21939
21908
  }
21940
21909
 
21941
- .k-menu:not(.k-context-menu) > .k-menu-item:focus, .k-menu:not(.k-context-menu) > .k-menu-item.k-state-focused {
21910
+ .k-menu:not(.k-context-menu) > .k-menu-item:focus, .k-menu:not(.k-context-menu) > .k-menu-item.k-state-focus, .k-menu:not(.k-context-menu) > .k-menu-item.k-state-focused {
21942
21911
  background-color: rgba(0, 0, 0, 0.0696);
21943
21912
  }
21944
21913
 
21945
- .k-menu-group .k-menu-item:focus, .k-menu-group .k-menu-item.k-state-focused,
21914
+ .k-menu-group .k-menu-item:focus, .k-menu-group .k-menu-item.k-state-focus, .k-menu-group .k-menu-item.k-state-focused,
21946
21915
  .k-context-menu .k-menu-item:focus,
21916
+ .k-context-menu .k-menu-item.k-state-focus,
21947
21917
  .k-context-menu .k-menu-item.k-state-focused {
21948
21918
  color: rgba(0, 0, 0, 0.87);
21949
21919
  background-color: rgba(0, 0, 0, 0.04);
@@ -24015,7 +23985,7 @@ kendo-card-footer {
24015
23985
 
24016
23986
  .k-pager-input .k-textbox {
24017
23987
  margin: 0 1ex;
24018
- width: 3em;
23988
+ width: 5em;
24019
23989
  }
24020
23990
 
24021
23991
  .k-pager-sizes .k-dropdown, .k-pager-sizes .k-dropdowntree,
@@ -25786,21 +25756,12 @@ kendo-card-footer {
25786
25756
  box-sizing: border-box;
25787
25757
  }
25788
25758
 
25789
- .k-pane-wrapper .k-grid-filter-menu .k-filter-selected-items {
25790
- margin: 1em;
25791
- font-weight: normal;
25792
- }
25793
-
25794
25759
  .k-pane-wrapper .k-grid-edit-form .k-popup-edit-form,
25795
25760
  .k-pane-wrapper .k-grid-edit-form .k-edit-form-container {
25796
25761
  width: auto;
25797
25762
  min-width: auto;
25798
25763
  }
25799
25764
 
25800
- .k-pane-wrapper .k-grid .k-grid-search {
25801
- width: 100%;
25802
- }
25803
-
25804
25765
  .k-grid.k-grid-mobile {
25805
25766
  border-width: 0;
25806
25767
  }
@@ -26028,49 +25989,18 @@ kendo-card-footer {
26028
25989
  border-bottom-width: 0;
26029
25990
  }
26030
25991
 
26031
- .k-pane-wrapper .k-grid-edit-form > .k-header,
26032
- .k-pane-wrapper .k-grid-column-menu > .k-header,
26033
- .k-pane-wrapper .k-grid-filter-menu > .k-header,
26034
- .k-pane-wrapper .k-scheduler-edit-form > .k-header {
26035
- display: flex;
26036
- justify-content: space-between;
26037
- padding: .3em .6em;
26038
- width: auto;
26039
- line-height: 2em;
26040
- }
26041
-
26042
- .k-pane-wrapper .k-grid-edit-form > .k-header .k-header-done,
26043
- .k-pane-wrapper .k-grid-edit-form > .k-header .k-header-cancel,
26044
- .k-pane-wrapper .k-grid-column-menu > .k-header .k-header-done,
26045
- .k-pane-wrapper .k-grid-column-menu > .k-header .k-header-cancel,
26046
- .k-pane-wrapper .k-grid-filter-menu > .k-header .k-header-done,
26047
- .k-pane-wrapper .k-grid-filter-menu > .k-header .k-header-cancel,
26048
- .k-pane-wrapper .k-scheduler-edit-form > .k-header .k-header-done,
26049
- .k-pane-wrapper .k-scheduler-edit-form > .k-header .k-header-cancel {
26050
- display: flex;
26051
- flex-direction: row;
26052
- align-items: center;
26053
- }
26054
-
26055
- .k-pane-wrapper .k-grid-edit-form > .k-header .k-header-done .k-icon,
26056
- .k-pane-wrapper .k-grid-edit-form > .k-header .k-header-cancel .k-icon,
26057
- .k-pane-wrapper .k-grid-column-menu > .k-header .k-header-done .k-icon,
26058
- .k-pane-wrapper .k-grid-column-menu > .k-header .k-header-cancel .k-icon,
26059
- .k-pane-wrapper .k-grid-filter-menu > .k-header .k-header-done .k-icon,
26060
- .k-pane-wrapper .k-grid-filter-menu > .k-header .k-header-cancel .k-icon,
26061
- .k-pane-wrapper .k-scheduler-edit-form > .k-header .k-header-done .k-icon,
26062
- .k-pane-wrapper .k-scheduler-edit-form > .k-header .k-header-cancel .k-icon {
26063
- font-size: 1.5em;
25992
+ .k-pane-wrapper .k-appbar {
25993
+ padding: 4px;
26064
25994
  }
26065
25995
 
26066
25996
  .k-pane-wrapper .k-list-title,
26067
- .k-pane-wrapper .k-filter-help-text,
26068
- .k-pane-wrapper .k-list-group-header {
25997
+ .k-pane-wrapper .k-filter-help-text {
26069
25998
  padding: 8px 8px;
26070
25999
  display: block;
26071
26000
  }
26072
26001
 
26073
- .k-pane-wrapper .k-list-group-header {
26002
+ .k-pane-wrapper .k-listgroup-title {
26003
+ padding: 8px 8px;
26074
26004
  font-weight: bold;
26075
26005
  text-transform: uppercase;
26076
26006
  }
@@ -26080,24 +26010,55 @@ kendo-card-footer {
26080
26010
  }
26081
26011
 
26082
26012
  .k-pane-wrapper .k-listgroup + .k-listgroup {
26083
- margin-top: 2em;
26013
+ margin-top: 16px;
26014
+ }
26015
+
26016
+ .k-pane-wrapper .k-column-menu {
26017
+ padding: 8px;
26018
+ display: flex;
26019
+ flex-flow: column nowrap;
26020
+ gap: 8px;
26084
26021
  }
26085
26022
 
26086
26023
  .k-pane-wrapper .k-column-menu .k-filter-item .k-filterable * {
26087
26024
  pointer-events: none;
26088
26025
  }
26089
26026
 
26090
- .k-pane-wrapper .k-filter-menu .k-space-right {
26091
- margin: .5em 10px;
26092
- width: auto;
26027
+ .k-pane-wrapper .k-column-menu .k-list-title,
26028
+ .k-pane-wrapper .k-column-menu .k-listgroup-title {
26029
+ padding: 0;
26030
+ }
26031
+
26032
+ .k-pane-wrapper .k-column-menu .k-listgroup {
26033
+ margin-inline: -8px;
26034
+ }
26035
+
26036
+ .k-pane-wrapper .k-filter-menu {
26037
+ padding: 8px;
26093
26038
  display: flex;
26094
- align-items: center;
26039
+ flex-flow: column nowrap;
26040
+ gap: 8px;
26041
+ }
26042
+
26043
+ .k-pane-wrapper .k-filter-menu .k-list-title {
26044
+ padding: 0;
26045
+ }
26046
+
26047
+ .k-pane-wrapper .k-filter-menu .k-list-filter {
26048
+ padding: 0;
26049
+ display: flex;
26050
+ flex-flow: column nowrap;
26051
+ gap: inherit;
26095
26052
  }
26096
26053
 
26097
26054
  .k-pane-wrapper .k-filter-menu .k-filter-tools {
26098
- margin: 1em;
26099
26055
  display: flex;
26100
- justify-content: space-between;
26056
+ flex-flow: row nowrap;
26057
+ gap: inherit;
26058
+ }
26059
+
26060
+ .k-pane-wrapper .k-filter-menu .k-listgroup {
26061
+ margin-inline: -8px;
26101
26062
  }
26102
26063
 
26103
26064
  .k-pane-wrapper .k-popup-edit-form .k-recur-editor-wrap {
@@ -26124,33 +26085,12 @@ kendo-card-footer {
26124
26085
  display: none;
26125
26086
  }
26126
26087
 
26127
- .k-ie .k-pane-wrapper .k-scheduler .k-scheduler-toolbar,
26128
- .k-ie .k-pane-wrapper .k-scheduler .k-scheduler-footer {
26129
- line-height: 2em;
26130
- }
26131
-
26132
- .k-ie .k-pane-wrapper .k-grid .k-icon {
26133
- text-indent: 0;
26134
- }
26135
-
26136
- .k-rtl .k-pane-wrapper .k-grid-edit-form > .k-header,
26137
- .k-rtl .k-pane-wrapper .k-grid-column-menu > .k-header,
26138
- .k-rtl .k-pane-wrapper .k-grid-filter-menu > .k-header,
26139
- .k-rtl .k-pane-wrapper .k-scheduler-edit-form > .k-header, .k-pane-wrapper[dir="rtl"] .k-grid-edit-form > .k-header,
26140
- .k-pane-wrapper[dir="rtl"] .k-grid-column-menu > .k-header,
26141
- .k-pane-wrapper[dir="rtl"] .k-grid-filter-menu > .k-header,
26142
- .k-pane-wrapper[dir="rtl"] .k-scheduler-edit-form > .k-header,
26143
- [dir="rtl"] .k-pane-wrapper .k-grid-edit-form > .k-header,
26144
- [dir="rtl"] .k-pane-wrapper .k-grid-column-menu > .k-header,
26145
- [dir="rtl"] .k-pane-wrapper .k-grid-filter-menu > .k-header,
26146
- [dir="rtl"] .k-pane-wrapper .k-scheduler-edit-form > .k-header {
26147
- flex-direction: row-reverse;
26148
- }
26149
-
26150
- .k-rtl .k-pane-wrapper .k-filter-menu .k-space-right > .k-i-zoom, .k-pane-wrapper[dir="rtl"] .k-filter-menu .k-space-right > .k-i-zoom,
26151
- [dir="rtl"] .k-pane-wrapper .k-filter-menu .k-space-right > .k-i-zoom {
26152
- left: 15px;
26153
- right: auto;
26088
+ .k-rtl .k-pane-wrapper .k-header-cancel .k-i-arrow-chevron-left,
26089
+ .k-rtl .k-pane-wrapper .k-listgroup-item .k-select .k-i-arrow-chevron-right, .k-pane-wrapper[dir="rtl"] .k-header-cancel .k-i-arrow-chevron-left,
26090
+ .k-pane-wrapper[dir="rtl"] .k-listgroup-item .k-select .k-i-arrow-chevron-right,
26091
+ [dir="rtl"] .k-pane-wrapper .k-header-cancel .k-i-arrow-chevron-left,
26092
+ [dir="rtl"] .k-pane-wrapper .k-listgroup-item .k-select .k-i-arrow-chevron-right {
26093
+ transform: scaleX(-1);
26154
26094
  }
26155
26095
 
26156
26096
  .k-rtl .k-pane-wrapper .k-scheduler-mobile .k-scheduler-toolbar > ul > li, .k-pane-wrapper[dir="rtl"] .k-scheduler-mobile .k-scheduler-toolbar > ul > li,
@@ -26172,11 +26112,6 @@ kendo-card-footer {
26172
26112
  margin-right: 0;
26173
26113
  }
26174
26114
 
26175
- .k-rtl .k-pane-wrapper .k-scheduler-edit-form .k-item .k-i-arrow-chevron-right, .k-pane-wrapper[dir="rtl"] .k-scheduler-edit-form .k-item .k-i-arrow-chevron-right,
26176
- [dir="rtl"] .k-pane-wrapper .k-scheduler-edit-form .k-item .k-i-arrow-chevron-right {
26177
- transform: scaleX(-1);
26178
- }
26179
-
26180
26115
  .k-pane-wrapper,
26181
26116
  .k-view {
26182
26117
  border-color: rgba(0, 0, 0, 0.12);
@@ -26228,21 +26163,6 @@ kendo-card-footer {
26228
26163
  background-color: inherit;
26229
26164
  }
26230
26165
 
26231
- .k-pane-wrapper .k-pane .k-grid-edit-form .k-header,
26232
- .k-pane-wrapper .k-pane .k-grid-column-menu .k-header,
26233
- .k-pane-wrapper .k-pane .k-grid-filter-menu .k-header,
26234
- .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-header {
26235
- color: white;
26236
- background-color: #3f51b5;
26237
- }
26238
-
26239
- .k-pane-wrapper .k-pane .k-grid-edit-form .k-header .k-link,
26240
- .k-pane-wrapper .k-pane .k-grid-column-menu .k-header .k-link,
26241
- .k-pane-wrapper .k-pane .k-grid-filter-menu .k-header .k-link,
26242
- .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-header .k-link {
26243
- color: inherit;
26244
- }
26245
-
26246
26166
  .k-pane-wrapper .k-pane .k-grid-edit-form .k-item,
26247
26167
  .k-pane-wrapper .k-pane .k-grid-edit-form .k-link,
26248
26168
  .k-pane-wrapper .k-pane .k-grid-column-menu .k-item,
@@ -26721,10 +26641,6 @@ kendo-scheduler .k-scheduler-footer li .k-rtl .k-grid .k-group-indicator .k-link
26721
26641
  border-width: 1px 0 0;
26722
26642
  }
26723
26643
 
26724
- .k-grid-search {
26725
- width: 200px;
26726
- }
26727
-
26728
26644
  .k-grouping-header {
26729
26645
  padding: 8px 8px;
26730
26646
  border-width: 0 0 1px;
@@ -27050,13 +26966,6 @@ div.k-grid-footer {
27050
26966
  padding: 4px 8px;
27051
26967
  }
27052
26968
 
27053
- .k-grid-columnmenu-popup {
27054
- width: 230px;
27055
- }
27056
-
27057
- .k-grid-columnmenu-popup.k-popup {
27058
- }
27059
-
27060
26969
  .k-filter-row {
27061
26970
  line-height: 2;
27062
26971
  }
@@ -27144,6 +27053,17 @@ div.k-grid-footer {
27144
27053
  position: relative;
27145
27054
  }
27146
27055
 
27056
+ .k-grid th > .k-radio,
27057
+ .k-grid th > .k-radio-wrap,
27058
+ .k-grid th > .k-checkbox,
27059
+ .k-grid th > .k-checkbox-wrap,
27060
+ .k-grid td > .k-radio,
27061
+ .k-grid td > .k-radio-wrap,
27062
+ .k-grid td > .k-checkbox,
27063
+ .k-grid td > .k-checkbox-wrap {
27064
+ vertical-align: top;
27065
+ }
27066
+
27147
27067
  .k-grid .k-edit-cell,
27148
27068
  .k-grid .k-command-cell,
27149
27069
  .k-grid .k-grid-edit-row td {
@@ -27164,6 +27084,17 @@ div.k-grid-footer {
27164
27084
  box-sizing: border-box;
27165
27085
  }
27166
27086
 
27087
+ .k-grid .k-edit-cell > .k-radio,
27088
+ .k-grid .k-edit-cell > .k-checkbox,
27089
+ .k-grid .k-edit-cell > .k-radio-wrap,
27090
+ .k-grid .k-edit-cell > .k-checkbox-wrap,
27091
+ .k-grid .k-grid-edit-row td > .k-radio,
27092
+ .k-grid .k-grid-edit-row td > .k-checkbox,
27093
+ .k-grid .k-grid-edit-row td > .k-radio-wrap,
27094
+ .k-grid .k-grid-edit-row td > .k-checkbox-wrap {
27095
+ vertical-align: middle;
27096
+ }
27097
+
27167
27098
  .k-grid .k-command-cell > .k-button {
27168
27099
  vertical-align: middle;
27169
27100
  }
@@ -27522,80 +27453,95 @@ div.k-grid-norecords {
27522
27453
  padding: 0 !important;
27523
27454
  }
27524
27455
 
27525
- .k-filter-menu.k-popup .k-filter-menu-container,
27526
- .k-grid-filter-popup.k-popup .k-filter-menu-container {
27456
+ .k-filter-menu-popup {
27527
27457
  width: 250px;
27528
27458
  }
27529
27459
 
27530
- .k-filter-menu.k-popup .k-multicheck-wrap,
27531
- .k-grid-filter-popup.k-popup .k-multicheck-wrap,
27532
- .k-popup .k-filter-menu .k-multicheck-wrap,
27533
- .k-popup .k-grid-filter-popup .k-multicheck-wrap {
27534
- padding: 8px 16px 0;
27460
+ .k-filter-menu {
27461
+ box-sizing: border-box;
27535
27462
  }
27536
27463
 
27537
- .k-filter-menu.k-popup .k-multicheck-wrap .k-item,
27538
- .k-grid-filter-popup.k-popup .k-multicheck-wrap .k-item,
27539
- .k-popup .k-filter-menu .k-multicheck-wrap .k-item,
27540
- .k-popup .k-grid-filter-popup .k-multicheck-wrap .k-item {
27541
- padding: 4px 0;
27464
+ .k-filter-menu-container {
27465
+ padding: 8px;
27466
+ box-sizing: border-box;
27467
+ display: flex;
27468
+ flex-flow: column nowrap;
27469
+ align-items: stretch;
27470
+ gap: 8px;
27542
27471
  }
27543
27472
 
27544
- .k-filter-menu.k-popup .k-multicheck-wrap .k-check-all-wrap,
27545
- .k-grid-filter-popup.k-popup .k-multicheck-wrap .k-check-all-wrap,
27546
- .k-popup .k-filter-menu .k-multicheck-wrap .k-check-all-wrap,
27547
- .k-popup .k-grid-filter-popup .k-multicheck-wrap .k-check-all-wrap {
27548
- padding-bottom: 8px;
27549
- border-bottom-width: 0;
27550
- border-bottom-style: solid;
27473
+ .k-filter-menu-container > * {
27474
+ width: 100%;
27551
27475
  }
27552
27476
 
27553
- .k-filter-menu.k-popup .k-filter-help-text,
27554
- .k-grid-filter-popup.k-popup .k-filter-help-text,
27555
- .k-popup .k-filter-menu .k-filter-help-text,
27556
- .k-popup .k-grid-filter-popup .k-filter-help-text {
27557
- padding: 8px 16px 0;
27477
+ .k-filter-menu-container .k-switch,
27478
+ .k-filter-menu-container .k-filter-and {
27479
+ width: min-content;
27480
+ align-self: start;
27558
27481
  }
27559
27482
 
27560
- .k-filter-menu.k-popup .k-filter-selected-items,
27561
- .k-grid-filter-popup.k-popup .k-filter-selected-items,
27562
- .k-popup .k-filter-menu .k-filter-selected-items,
27563
- .k-popup .k-grid-filter-popup .k-filter-selected-items {
27564
- padding: 8px 16px 0;
27483
+ .k-filter-menu-container .k-actions, .k-filter-menu-container .k-edit-buttons,
27484
+ .k-filter-menu-container .k-action-buttons,
27485
+ .k-filter-menu-container .k-columnmenu-actions, .k-filter-menu-container .k-form-buttons {
27486
+ margin: 0;
27487
+ padding: 0;
27565
27488
  }
27566
27489
 
27567
- .k-filter-menu .k-filter-menu-container {
27568
- box-sizing: border-box;
27490
+ .k-filter-menu-container kendo-numeric-filter-menu,
27491
+ .k-filter-menu-container kendo-grid-string-filter-menu,
27492
+ .k-filter-menu-container kendo-grid-date-filter-menu,
27493
+ .k-filter-menu-container kendo-grid-filter-menu-input-wrapper {
27494
+ display: flex;
27495
+ flex-flow: column nowrap;
27496
+ align-items: stretch;
27497
+ gap: 8px;
27569
27498
  }
27570
27499
 
27571
- .k-filter-menu .k-widget,
27572
- .k-filter-menu .k-radio-list,
27573
- .k-filter-menu .k-textbox,
27574
- .k-filter-menu .k-searchbox {
27575
- margin: 8px 16px 0;
27576
- width: calc(100% - 32px);
27577
- box-sizing: border-box;
27578
- display: flex;
27500
+ .k-filter-menu-container kendo-numeric-filter-menu > *,
27501
+ .k-filter-menu-container kendo-grid-string-filter-menu > *,
27502
+ .k-filter-menu-container kendo-grid-date-filter-menu > *,
27503
+ .k-filter-menu-container kendo-grid-filter-menu-input-wrapper > * {
27504
+ width: 100%;
27579
27505
  }
27580
27506
 
27581
- .k-filter-menu .k-widget.k-filter-and {
27582
- width: 6em;
27507
+ .k-ie .k-filter-menu-container > * {
27508
+ margin-top: 8px;
27583
27509
  }
27584
27510
 
27585
- .k-filter-menu .k-widget.k-button-group {
27586
- width: auto;
27587
- display: inline-flex;
27511
+ .k-ie .k-filter-menu-container > :first-child {
27512
+ margin-top: 0;
27588
27513
  }
27589
27514
 
27590
- .k-filter-menu .k-switch {
27591
- width: 32px;
27592
- display: inline-flex;
27515
+ .k-ie .k-filter-menu-container .k-filter-and,
27516
+ .k-ie .k-filter-menu-container kendo-grid-filter-menu-input-wrapper > * {
27517
+ margin-top: 8px;
27518
+ }
27519
+
27520
+ .k-ie .k-filter-menu-container kendo-grid-filter-menu-input-wrapper > :first-child {
27521
+ margin-top: 0;
27522
+ }
27523
+
27524
+ .k-filter-menu.k-popup .k-filter-menu-container,
27525
+ .k-grid-filter-popup.k-popup .k-filter-menu-container {
27526
+ width: 250px;
27593
27527
  }
27594
27528
 
27595
- .k-multicheck-wrap {
27529
+ .k-popup .k-multicheck-wrap {
27530
+ margin: 0;
27531
+ padding: 0;
27596
27532
  max-height: 300px;
27533
+ font-size: 16px;
27534
+ line-height: 1.25;
27597
27535
  white-space: nowrap;
27598
27536
  overflow: auto;
27537
+ list-style: none;
27538
+ }
27539
+
27540
+ .k-popup .k-multicheck-wrap .k-item,
27541
+ .k-popup .k-multicheck-wrap .k-check-all-wrap {
27542
+ padding: 8px 16px;
27543
+ display: flex;
27544
+ flex-flow: row nowrap;
27599
27545
  }
27600
27546
 
27601
27547
  .k-filter-selected-items {
@@ -27624,6 +27570,50 @@ div.k-grid-norecords {
27624
27570
  width: 0 !important;
27625
27571
  }
27626
27572
 
27573
+ .k-column-menu-popup,
27574
+ .k-grid-columnmenu-popup {
27575
+ width: 250px;
27576
+ box-sizing: border-box;
27577
+ }
27578
+
27579
+ .k-column-menu-popup.k-popup,
27580
+ .k-grid-columnmenu-popup.k-popup {
27581
+ }
27582
+
27583
+ .k-popup > .k-column-menu-popup, .k-popup >
27584
+ .k-grid-columnmenu-popup {
27585
+ width: 100%;
27586
+ }
27587
+
27588
+ .k-column-menu-popup .k-actions, .k-column-menu-popup .k-edit-buttons,
27589
+ .k-column-menu-popup .k-action-buttons,
27590
+ .k-column-menu-popup .k-columnmenu-actions, .k-column-menu-popup .k-form-buttons,
27591
+ .k-grid-columnmenu-popup .k-actions,
27592
+ .k-grid-columnmenu-popup .k-edit-buttons,
27593
+ .k-grid-columnmenu-popup .k-action-buttons,
27594
+ .k-grid-columnmenu-popup .k-columnmenu-actions,
27595
+ .k-grid-columnmenu-popup .k-form-buttons {
27596
+ margin: 0;
27597
+ }
27598
+
27599
+ .k-column-menu {
27600
+ box-sizing: border-box;
27601
+ }
27602
+
27603
+ .k-column-menu .k-menu:not(.k-context-menu) {
27604
+ font-weight: 400;
27605
+ }
27606
+
27607
+ .k-column-menu .k-expander {
27608
+ border: 0;
27609
+ background: inherit;
27610
+ }
27611
+
27612
+ .k-column-menu .k-expander .k-columnmenu-item {
27613
+ display: flex;
27614
+ align-items: center;
27615
+ }
27616
+
27627
27617
  .k-column-list {
27628
27618
  padding: 0;
27629
27619
  margin: 0;
@@ -27635,14 +27625,21 @@ div.k-grid-norecords {
27635
27625
 
27636
27626
  .k-column-chooser-title,
27637
27627
  .k-column-list-item {
27638
- padding: 4px 16px;
27628
+ padding: 8px 16px;
27639
27629
  }
27640
27630
 
27641
27631
  .k-column-list-item {
27642
- position: relative;
27643
- display: block;
27644
27632
  margin: 0;
27633
+ display: flex;
27634
+ flex-flow: row nowrap;
27635
+ align-items: center;
27636
+ gap: 4px;
27645
27637
  cursor: pointer;
27638
+ position: relative;
27639
+ }
27640
+
27641
+ .k-column-list-item .k-checkbox-label {
27642
+ margin: 0;
27646
27643
  }
27647
27644
 
27648
27645
  .k-columns-items-wrap {
@@ -27650,7 +27647,7 @@ div.k-grid-norecords {
27650
27647
  }
27651
27648
 
27652
27649
  .k-columnmenu-item {
27653
- padding: 4px 16px;
27650
+ padding: 8px 16px;
27654
27651
  outline: 0;
27655
27652
  cursor: pointer;
27656
27653
  }
@@ -27668,25 +27665,8 @@ div.k-grid-norecords {
27668
27665
  overflow: hidden;
27669
27666
  }
27670
27667
 
27671
- .k-filter-menu .k-actions, .k-filter-menu .k-edit-buttons,
27672
- .k-filter-menu .k-action-buttons,
27673
- .k-filter-menu .k-columnmenu-actions, .k-filter-menu .k-form-buttons,
27674
- .k-column-list-wrapper .k-actions,
27675
- .k-column-list-wrapper .k-edit-buttons,
27676
- .k-column-list-wrapper .k-action-buttons,
27677
- .k-column-list-wrapper .k-columnmenu-actions,
27678
- .k-column-list-wrapper .k-form-buttons,
27679
- .k-columnmenu-item-content .k-actions,
27680
- .k-columnmenu-item-content .k-edit-buttons,
27681
- .k-columnmenu-item-content .k-action-buttons,
27682
- .k-columnmenu-item-content .k-columnmenu-actions,
27683
- .k-columnmenu-item-content .k-form-buttons {
27684
- margin-top: 4px;
27685
- padding: 8px 16px;
27686
- }
27687
-
27688
27668
  .k-column-menu-group-header {
27689
- padding: 4px 16px;
27669
+ padding: 8px 16px;
27690
27670
  display: flex;
27691
27671
  flex: 0 0 auto;
27692
27672
  position: relative;
@@ -27705,20 +27685,6 @@ div.k-grid-norecords {
27705
27685
  flex: 1 1 auto;
27706
27686
  }
27707
27687
 
27708
- .k-column-menu .k-menu:not(.k-context-menu) {
27709
- font-weight: 400;
27710
- }
27711
-
27712
- .k-column-menu .k-expander {
27713
- border: 0;
27714
- background: inherit;
27715
- }
27716
-
27717
- .k-column-menu .k-expander .k-columnmenu-item {
27718
- display: flex;
27719
- align-items: center;
27720
- }
27721
-
27722
27688
  [dir="rtl"] .k-columnmenu-item > .k-icon,
27723
27689
  .k-rtl .k-columnmenu-item > .k-icon {
27724
27690
  margin-left: 8px;
@@ -27764,11 +27730,6 @@ div.k-grid-norecords {
27764
27730
  padding-left: 17px;
27765
27731
  }
27766
27732
 
27767
- .k-grid .k-checkbox-label,
27768
- .k-grid .k-radio-label {
27769
- line-height: normal;
27770
- }
27771
-
27772
27733
  .k-grid .k-button,
27773
27734
  .k-grid .k-button:active {
27774
27735
  box-shadow: none;
@@ -28474,7 +28435,7 @@ thead.k-grid-header > tr:not(:only-child) > th {
28474
28435
  .k-listview {
28475
28436
  margin: 0;
28476
28437
  padding: 0;
28477
- border-width: 1px;
28438
+ border-width: 0;
28478
28439
  border-style: solid;
28479
28440
  box-sizing: border-box;
28480
28441
  outline: 0;
@@ -28493,7 +28454,6 @@ thead.k-grid-header > tr:not(:only-child) > th {
28493
28454
 
28494
28455
  .k-listview-header {
28495
28456
  border-width: 0;
28496
- border-bottom-width: 1px;
28497
28457
  border-style: solid;
28498
28458
  border-color: inherit;
28499
28459
  }
@@ -28559,7 +28519,6 @@ thead.k-grid-header > tr:not(:only-child) > th {
28559
28519
 
28560
28520
  .k-listview-footer {
28561
28521
  border-width: 0;
28562
- border-top-width: 1px;
28563
28522
  border-style: solid;
28564
28523
  border-color: inherit;
28565
28524
  }
@@ -28570,16 +28529,10 @@ thead.k-grid-header > tr:not(:only-child) > th {
28570
28529
 
28571
28530
  .k-listview-pager {
28572
28531
  border-width: 0;
28573
- border-top-width: 1px;
28574
28532
  border-color: inherit;
28575
28533
  font: inherit;
28576
28534
  }
28577
28535
 
28578
- .k-listview-pager-top {
28579
- border-top-width: 0;
28580
- border-bottom-width: 1px;
28581
- }
28582
-
28583
28536
  .k-listview-bordered > .k-listview-pager-top {
28584
28537
  border-bottom-width: 1px;
28585
28538
  }
@@ -28779,7 +28732,7 @@ thead.k-grid-header > tr:not(:only-child) > th {
28779
28732
 
28780
28733
  .k-spreadsheet-formula-bar .k-spreadsheet-formula-input {
28781
28734
  padding: 8px 16px;
28782
- line-height: 1.4285714286;
28735
+ line-height: 1.25;
28783
28736
  }
28784
28737
 
28785
28738
  .k-spreadsheet-formula-bar .k-spreadsheet-formula-input.k-spreadsheet-array-formula::before {
@@ -28819,7 +28772,7 @@ thead.k-grid-header > tr:not(:only-child) > th {
28819
28772
  }
28820
28773
 
28821
28774
  .k-spreadsheet-formula-list .k-item {
28822
- padding: 4px 16px;
28775
+ padding: 8px 16px;
28823
28776
  }
28824
28777
 
28825
28778
  .k-syntax-func,
@@ -28889,6 +28842,7 @@ thead.k-grid-header > tr:not(:only-child) > th {
28889
28842
  font-family: Arial, Verdana, Sans-serif;
28890
28843
  flex: 1;
28891
28844
  position: relative;
28845
+ overflow: hidden;
28892
28846
  }
28893
28847
 
28894
28848
  .k-spreadsheet-view .k-state-disabled {
@@ -29246,39 +29200,56 @@ thead.k-grid-header > tr:not(:only-child) > th {
29246
29200
  overflow: visible;
29247
29201
  }
29248
29202
 
29249
- .k-spreadsheet-filter-menu .k-details {
29203
+ .k-spreadsheet-filter-menu .k-details,
29204
+ .k-spreadsheet-filter-menu .k-expander {
29250
29205
  padding: 0;
29251
29206
  border-width: 1px 0 0;
29252
29207
  border-style: solid;
29253
29208
  border-color: inherit;
29254
29209
  }
29255
29210
 
29256
- .k-spreadsheet-filter-menu .k-details-summary {
29257
- padding: 4px;
29211
+ .k-spreadsheet-filter-menu .k-expander {
29212
+ border: 0;
29213
+ background: inherit;
29214
+ }
29215
+
29216
+ .k-spreadsheet-filter-menu .k-details-summary,
29217
+ .k-spreadsheet-filter-menu .k-columnmenu-item {
29218
+ padding: 8px 16px;
29219
+ display: flex;
29220
+ align-items: center;
29258
29221
  cursor: pointer;
29259
29222
  }
29260
29223
 
29261
- .k-spreadsheet-filter-menu .k-details-summary > .k-icon {
29224
+ .k-spreadsheet-filter-menu .k-details-summary > .k-icon,
29225
+ .k-spreadsheet-filter-menu .k-columnmenu-item > .k-icon {
29262
29226
  margin-right: 4px;
29263
29227
  }
29264
29228
 
29265
- .k-spreadsheet-filter-menu .k-details-content {
29266
- padding: 4px 16px 4px 24px;
29229
+ .k-spreadsheet-filter-menu .k-details-content,
29230
+ .k-spreadsheet-filter-menu .k-columnmenu-item-content {
29231
+ padding: 8px;
29232
+ display: flex;
29233
+ flex-flow: column nowrap;
29234
+ gap: 8px;
29267
29235
  }
29268
29236
 
29269
- .k-spreadsheet-filter-menu .k-details-content > .k-textbox,
29270
- .k-spreadsheet-filter-menu .k-details-content > .k-widget {
29271
- width: 100%;
29272
- margin-bottom: 3px;
29237
+ .k-spreadsheet-filter-menu .k-details-content .k-filter-and,
29238
+ .k-spreadsheet-filter-menu .k-columnmenu-item-content .k-filter-and {
29239
+ width: min-content;
29240
+ align-self: flex-start;
29273
29241
  }
29274
29242
 
29275
- .k-spreadsheet-filter-menu .k-details-content .k-space-right {
29276
- background-image: none;
29243
+ .k-spreadsheet-filter-menu .k-details-content .k-searchbox,
29244
+ .k-spreadsheet-filter-menu .k-columnmenu-item-content .k-searchbox {
29245
+ width: 100%;
29277
29246
  }
29278
29247
 
29279
- .k-spreadsheet-filter-menu .k-details-content .k-filter-and {
29280
- width: 75px;
29281
- margin: 8px 0;
29248
+ .k-spreadsheet-filter-menu .k-actions, .k-spreadsheet-filter-menu .k-edit-buttons,
29249
+ .k-spreadsheet-filter-menu .k-action-buttons,
29250
+ .k-spreadsheet-filter-menu .k-columnmenu-actions, .k-spreadsheet-filter-menu .k-form-buttons {
29251
+ margin: 0;
29252
+ padding: 0;
29282
29253
  }
29283
29254
 
29284
29255
  .k-spreadsheet-popup {
@@ -31368,7 +31339,7 @@ thead.k-grid-header > tr:not(:only-child) > th {
31368
31339
  }
31369
31340
 
31370
31341
  .k-taskboard-column-new {
31371
- max-height: calc(1.4285714286em + 34px);
31342
+ max-height: calc(1.25em + 34px);
31372
31343
  }
31373
31344
 
31374
31345
  .k-taskboard-column-new .k-taskboard-column-header,
@@ -31754,10 +31725,6 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
31754
31725
  }
31755
31726
 
31756
31727
  .k-editor-toolbar .k-overflow-tools .k-overflow-anchor {
31757
- border-width: 0;
31758
- padding: 8px;
31759
- width: calc(1.4285714286em + 32px);
31760
- height: calc(1.4285714286em + 32px);
31761
31728
  position: relative;
31762
31729
  }
31763
31730
 
@@ -31894,10 +31861,6 @@ td.k-editor-content {
31894
31861
  padding: 10px 0 40px;
31895
31862
  }
31896
31863
 
31897
- .k-editor-find-replace .k-search-options > span {
31898
- padding-bottom: 4px;
31899
- }
31900
-
31901
31864
  .k-editor-find-replace .k-matches-container {
31902
31865
  position: absolute;
31903
31866
  bottom: 0;
@@ -32109,7 +32072,7 @@ td.k-editor-content {
32109
32072
  }
32110
32073
 
32111
32074
  .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdown, .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdowntree {
32112
- width: 4em;
32075
+ width: 5em;
32113
32076
  }
32114
32077
 
32115
32078
  .k-editor-table-wizard-dialog .k-numerictextbox + .k-colorpicker, .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdown, .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdowntree {
@@ -32895,7 +32858,7 @@ td.k-editor-content {
32895
32858
  }
32896
32859
 
32897
32860
  .k-gantt-tasks td::after {
32898
- content: "\a0";
32861
+ content: "\200b";
32899
32862
  }
32900
32863
 
32901
32864
  .k-task-wrap {
@@ -34422,7 +34385,7 @@ kendo-scheduler .k-event .k-event-bottom-actions,
34422
34385
  }
34423
34386
 
34424
34387
  .k-recurrence-editor {
34425
- display: inline-flex;
34388
+ display: flex;
34426
34389
  flex-direction: column;
34427
34390
  }
34428
34391
 
@@ -34631,7 +34594,7 @@ kendo-scheduler .k-recurrence-editor {
34631
34594
  }
34632
34595
 
34633
34596
  .k-scheduler-edit-form .k-edit-form-container {
34634
- width: 620px;
34597
+ width: 100%;
34635
34598
  }
34636
34599
 
34637
34600
  .k-scheduler-edit-form .k-edit-label {
@@ -34642,23 +34605,36 @@ kendo-scheduler .k-recurrence-editor {
34642
34605
  width: 77%;
34643
34606
  }
34644
34607
 
34645
- .k-scheduler-edit-form .k-scheduler-delete {
34646
- float: left;
34608
+ .k-scheduler-edit-form .k-edit-field > ul > li {
34609
+ display: flex;
34610
+ flex-flow: row nowrap;
34611
+ align-items: center;
34647
34612
  }
34648
34613
 
34649
- .k-scheduler-edit-form .k-widget.k-recur-interval,
34650
- .k-scheduler-edit-form .k-widget.k-recur-count,
34651
- .k-scheduler-edit-form .k-widget.k-recur-monthday {
34614
+ .k-scheduler-edit-form .k-recurrence-editor .k-radio-list .k-radio-wrap,
34615
+ .k-scheduler-edit-form .k-recurrence-editor .k-checkbox-list .k-checkbox-wrap {
34616
+ align-self: center;
34617
+ }
34618
+
34619
+ .k-scheduler-edit-form .k-recur-interval,
34620
+ .k-scheduler-edit-form .k-recur-count,
34621
+ .k-scheduler-edit-form .k-recur-monthday {
34652
34622
  width: 5em;
34653
34623
  }
34654
34624
 
34655
- .k-scheduler-edit-form .k-widget.k-recur-until,
34656
- .k-scheduler-edit-form .k-widget.k-recur-month,
34657
- .k-scheduler-edit-form .k-widget.k-recur-weekday,
34658
- .k-scheduler-edit-form .k-widget.k-recur-weekday-offset {
34625
+ .k-scheduler-edit-form .k-recur-until,
34626
+ .k-scheduler-edit-form .k-recur-month,
34627
+ .k-scheduler-edit-form .k-recur-weekday,
34628
+ .k-scheduler-edit-form .k-recur-weekday-offset {
34659
34629
  width: 10em;
34660
34630
  }
34661
34631
 
34632
+ .k-scheduler-edit-form .k-scheduler-datetime-picker {
34633
+ display: flex;
34634
+ flex-flow: row nowrap;
34635
+ gap: 8px;
34636
+ }
34637
+
34662
34638
  .k-rtl .k-scheduler-header th,
34663
34639
  .k-rtl .k-scheduler-table td {
34664
34640
  border-width: 0 1px 1px 0;
@@ -34873,8 +34849,8 @@ ul.k-scheduler-views.k-state-expanded li + li {
34873
34849
  }
34874
34850
 
34875
34851
  ul.k-scheduler-views.k-state-expanded .k-current-view ~ li a {
34876
- padding-top: 4px;
34877
- padding-bottom: 4px;
34852
+ padding-top: 8px;
34853
+ padding-bottom: 8px;
34878
34854
  line-height: 2;
34879
34855
  }
34880
34856
 
@@ -34963,10 +34939,6 @@ kendo-scheduler .k-event .k-event-actions,
34963
34939
  height: 85px;
34964
34940
  }
34965
34941
 
34966
- .k-scheduler-edit-form .k-edit-form-container {
34967
- width: 390px;
34968
- }
34969
-
34970
34942
  .k-scheduler-edit-form .k-edit-label {
34971
34943
  width: auto;
34972
34944
  margin-bottom: .5em;
@@ -35014,19 +34986,6 @@ kendo-scheduler .k-event .k-event-actions,
35014
34986
  width: 45%;
35015
34987
  }
35016
34988
 
35017
- .k-edit-field .k-recur-interval,
35018
- .k-edit-field .k-recur-count,
35019
- .k-edit-field .k-recur-month,
35020
- .k-edit-field .k-recur-monthday,
35021
- .k-edit-field .k-recur-weekday-offset,
35022
- .k-edit-field .k-recur-weekday {
35023
- width: 28%;
35024
- }
35025
-
35026
- .k-edit-field .k-recur-until {
35027
- width: 66%;
35028
- }
35029
-
35030
34989
  .k-scheduler {
35031
34990
  border-color: rgba(0, 0, 0, 0.12);
35032
34991
  color: rgba(0, 0, 0, 0.87);
@@ -35466,7 +35425,8 @@ ul.k-scheduler-views li {
35466
35425
  box-sizing: border-box;
35467
35426
  border-width: 1px 0 0;
35468
35427
  border-style: solid;
35469
- border-radius: 0;
35428
+ border-color: inherit !important;
35429
+ border-radius: 0 !important;
35470
35430
  flex: none;
35471
35431
  display: flex;
35472
35432
  flex-flow: row nowrap;
@@ -35479,6 +35439,7 @@ ul.k-scheduler-views li {
35479
35439
  }
35480
35440
 
35481
35441
  .k-message-box .k-button {
35442
+ border-width: 0;
35482
35443
  flex-shrink: 0;
35483
35444
  }
35484
35445
 
@@ -35489,10 +35450,6 @@ ul.k-scheduler-views li {
35489
35450
  display: inline-block;
35490
35451
  }
35491
35452
 
35492
- .k-message-box .k-button::before, .k-message-box .k-button::after {
35493
- display: none;
35494
- }
35495
-
35496
35453
  .k-rtl .k-message-box .k-button, .k-message-box .k-button[dir="rtl"] {
35497
35454
  transform: scaleX(-1);
35498
35455
  }
@@ -35609,9 +35566,6 @@ ul.k-scheduler-views li {
35609
35566
 
35610
35567
  .k-chat-toolbar .k-button,
35611
35568
  .k-chat .k-toolbar-box .k-button {
35612
- border-color: transparent;
35613
- color: inherit;
35614
- background: none;
35615
35569
  flex: none;
35616
35570
  }
35617
35571
 
@@ -35774,16 +35728,6 @@ ul.k-scheduler-views li {
35774
35728
  background-color: #3f51b5;
35775
35729
  }
35776
35730
 
35777
- .k-chat .k-message-box {
35778
- border-color: inherit;
35779
- color: rgba(0, 0, 0, 0.87);
35780
- background-color: white;
35781
- }
35782
-
35783
- .k-chat .k-message-box.k-state-focused {
35784
- box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
35785
- }
35786
-
35787
35731
  .k-chat-toolbar,
35788
35732
  .k-chat .k-toolbar-box {
35789
35733
  border-color: inherit;
@@ -35791,17 +35735,6 @@ ul.k-scheduler-views li {
35791
35735
  background-color: whitesmoke;
35792
35736
  }
35793
35737
 
35794
- .k-chat-toolbar .k-scroll-button,
35795
- .k-chat .k-toolbar-box .k-scroll-button {
35796
- background-color: white;
35797
- box-shadow: 0 0 20px 5px white;
35798
- }
35799
-
35800
- .k-chat-toolbar .k-scroll-button:hover,
35801
- .k-chat .k-toolbar-box .k-scroll-button:hover {
35802
- background-color: white;
35803
- }
35804
-
35805
35738
  .k-mediaplayer {
35806
35739
  border-width: 1px;
35807
35740
  border-style: solid;
@@ -36450,53 +36383,38 @@ ul.k-scheduler-views li {
36450
36383
  }
36451
36384
 
36452
36385
  .k-pdf-viewer-search-dialog {
36453
- padding: 6px;
36386
+ padding: 8px;
36454
36387
  }
36455
36388
 
36456
36389
  .k-pdf-viewer-search-dialog .k-search-container {
36457
36390
  display: flex;
36391
+ gap: 8px;
36392
+ flex-flow: row nowrap;
36458
36393
  flex: 0 0 auto;
36459
36394
  justify-content: flex-start;
36460
36395
  align-items: center;
36461
36396
  }
36462
36397
 
36463
- .k-pdf-viewer-search-dialog .k-search-container .k-textbox {
36464
- display: inline-flex;
36465
- padding-right: 8px;
36466
- margin: 0 6px;
36467
- align-items: center;
36468
- background: none;
36469
- }
36470
-
36471
- .k-pdf-viewer-search-dialog .k-search-container .k-textbox .k-icon {
36472
- position: absolute;
36473
- font-size: inherit;
36398
+ .k-pdf-viewer-search-dialog .k-search-container .k-search-dialog-draghandle {
36399
+ cursor: move;
36400
+ margin-left: 0;
36474
36401
  }
36475
36402
 
36476
- .k-ie .k-pdf-viewer-search-dialog .k-search-container .k-textbox .k-icon {
36477
- position: relative;
36403
+ .k-pdf-viewer-search-dialog .k-search-container .k-textbox {
36404
+ width: 10em;
36405
+ flex: none;
36478
36406
  }
36479
36407
 
36480
- .k-pdf-viewer-search-dialog .k-search-container .k-match-case-button {
36481
- display: inline-flex;
36482
- height: 2em;
36483
- justify-content: center;
36408
+ .k-pdf-viewer-search-dialog .k-search-container .k-textbox .k-button {
36409
+ border-width: 0;
36484
36410
  }
36485
36411
 
36486
36412
  .k-pdf-viewer-search-dialog .k-search-container .k-search-matches {
36487
- display: inline-block;
36488
- min-width: 4.5em;
36489
- margin: 0 6px 0 0px;
36490
- vertical-align: middle;
36491
- }
36492
-
36493
- .k-pdf-viewer-search-dialog .k-search-container > .k-button {
36494
- margin-left: 0px;
36413
+ flex: 1 1 auto;
36495
36414
  }
36496
36415
 
36497
- .k-pdf-viewer-search-dialog .k-search-container .k-search-dialog-draghandle {
36498
- cursor: move;
36499
- margin-left: 0;
36416
+ .k-ie .k-pdf-viewer-search-dialog .k-search-container > * + * {
36417
+ margin-left: 8px;
36500
36418
  }
36501
36419
 
36502
36420
  .k-pdf-viewer {
@@ -37690,6 +37608,11 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
37690
37608
  position: absolute;
37691
37609
  }
37692
37610
 
37611
+ .k-navigator .k-button .k-icon {
37612
+ min-width: 0;
37613
+ min-height: 0;
37614
+ }
37615
+
37693
37616
  .k-navigator .k-navigator-n,
37694
37617
  .k-navigator .k-navigator-up {
37695
37618
  transform: translateX(-50%);
@@ -37809,12 +37732,10 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
37809
37732
 
37810
37733
  .k-orgchart-card .k-card-title {
37811
37734
  margin: 0 0 0px;
37812
- font-size: 20px;
37813
37735
  }
37814
37736
 
37815
37737
  .k-orgchart-card .k-card-subtitle {
37816
37738
  margin: 0 0 0px;
37817
- font-size: 14px;
37818
37739
  }
37819
37740
 
37820
37741
  .k-orgchart-card .k-card-body {