@progress/kendo-theme-default 5.0.0-beta.3 → 5.0.0-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (64) hide show
  1. package/dist/all.css +981 -1029
  2. package/dist/all.scss +1122 -1263
  3. package/dist/default-dataviz-v4.scss +8 -0
  4. package/dist/default-main.scss +6 -6
  5. package/lib/swatches/default-dataviz-v4.json +51 -0
  6. package/lib/swatches/default-main.json +6 -6
  7. package/package.json +2 -2
  8. package/scss/adaptive/_layout.scss +47 -68
  9. package/scss/adaptive/_theme.scss +0 -9
  10. package/scss/appbar/_layout.scss +4 -1
  11. package/scss/appbar/_variables.scss +1 -1
  12. package/scss/autocomplete/_theme.scss +1 -1
  13. package/scss/autocomplete/_variables.scss +0 -19
  14. package/scss/button/_layout.scss +84 -98
  15. package/scss/button/_theme.scss +175 -204
  16. package/scss/button/_variables.scss +58 -31
  17. package/scss/calendar/_layout.scss +2 -2
  18. package/scss/chat/_layout.scss +8 -6
  19. package/scss/chat/_theme.scss +0 -13
  20. package/scss/chat/_variables.scss +0 -5
  21. package/scss/checkbox/_layout.scss +73 -141
  22. package/scss/checkbox/_theme.scss +6 -4
  23. package/scss/checkbox/_variables.scss +63 -66
  24. package/scss/chip/_variables.scss +1 -1
  25. package/scss/colorgradient/_layout.scss +0 -4
  26. package/scss/colorpicker/_layout.scss +6 -1
  27. package/scss/colorpicker/_theme.scss +1 -1
  28. package/scss/common/_loading.scss +1 -13
  29. package/scss/daterangepicker/_layout.scss +15 -0
  30. package/scss/dropdownlist/_layout.scss +15 -0
  31. package/scss/editor/_layout.scss +2 -6
  32. package/scss/filter/_layout.scss +4 -0
  33. package/scss/forms/_layout.scss +7 -8
  34. package/scss/gantt/_layout.scss +1 -1
  35. package/scss/grid/_layout.scss +43 -11
  36. package/scss/grid/_theme.scss +0 -6
  37. package/scss/grid/_variables.scss +2 -2
  38. package/scss/input/_layout.scss +19 -1
  39. package/scss/input/_theme.scss +30 -4
  40. package/scss/list/_layout.scss +10 -7
  41. package/scss/list/_variables.scss +19 -19
  42. package/scss/listbox/_layout.scss +9 -0
  43. package/scss/mediaplayer/_layout.scss +8 -1
  44. package/scss/menu/_variables.scss +44 -46
  45. package/scss/numerictextbox/_variables.scss +1 -1
  46. package/scss/radio/_layout.scss +84 -142
  47. package/scss/radio/_theme.scss +4 -4
  48. package/scss/radio/_variables.scss +67 -82
  49. package/scss/scheduler/_layout.scss +25 -12
  50. package/scss/skeleton/_layout.scss +1 -1
  51. package/scss/slider/_layout.scss +69 -127
  52. package/scss/slider/_theme.scss +0 -6
  53. package/scss/spreadsheet/_layout.scss +6 -2
  54. package/scss/table/_layout.scss +1 -1
  55. package/scss/table/_variables.scss +8 -8
  56. package/scss/tabstrip/_layout.scss +5 -1
  57. package/scss/textarea/_layout.scss +3 -1
  58. package/scss/timeselector/_layout.scss +3 -2
  59. package/scss/toolbar/_layout.scss +5 -1
  60. package/scss/treelist/_layout.scss +4 -0
  61. package/scss/treeview/_layout.scss +21 -25
  62. package/scss/treeview/_theme.scss +1 -0
  63. package/scss/treeview/_variables.scss +44 -45
  64. package/scss/window/_layout.scss +12 -2
package/dist/all.css CHANGED
@@ -1,4 +1,3 @@
1
- @charset "UTF-8";
2
1
  .k-theme-test-class,
3
2
  .k-common-test-class {
4
3
  opacity: 0;
@@ -966,16 +965,6 @@ kendo-sortable {
966
965
  bottom: -4px;
967
966
  }
968
967
 
969
- .k-loading {
970
- width: 64px;
971
- height: 64px;
972
- display: block;
973
- }
974
-
975
- .k-loading .animate {
976
- animation: loading 2s infinite linear;
977
- }
978
-
979
968
  .k-loading-mask,
980
969
  .k-loading-image,
981
970
  .k-loading-color {
@@ -1062,7 +1051,7 @@ kendo-sortable {
1062
1051
  .k-loading-image::after {
1063
1052
  content: "";
1064
1053
  border-width: 1px;
1065
- border-width: max( 1px, .015em );
1054
+ border-width: clamp(0.015em, 1px, 1px);
1066
1055
  font-size: 4em;
1067
1056
  }
1068
1057
 
@@ -10492,99 +10481,18 @@ kendo-sortable {
10492
10481
  -webkit-appearance: none;
10493
10482
  }
10494
10483
 
10495
- .k-checkbox-sm {
10496
- width: 12px;
10497
- height: 12px;
10498
- }
10499
-
10500
- .k-checkbox-sm + .k-checkbox-label .k-ripple {
10501
- top: 6px;
10502
- left: 6px;
10503
- width: 30px;
10504
- height: 30px;
10505
- }
10506
-
10507
- .k-checkbox-sm::before {
10508
- content: "";
10509
- width: 10px;
10510
- height: 10px;
10511
- font-size: 10px;
10512
- font-family: "WebComponentsIcons", monospace;
10513
- line-height: 1;
10514
- transform: scale(0) translate(-50%, -50%);
10515
- overflow: hidden;
10516
- position: absolute;
10517
- top: 50%;
10518
- left: 50%;
10519
- }
10520
-
10521
- .k-checkbox-md {
10522
- width: 16px;
10523
- height: 16px;
10524
- }
10525
-
10526
- .k-checkbox-md + .k-checkbox-label .k-ripple {
10527
- top: 8px;
10528
- left: 8px;
10529
- width: 40px;
10530
- height: 40px;
10531
- }
10532
-
10533
- .k-checkbox-md::before {
10534
- content: "";
10535
- width: 14px;
10536
- height: 14px;
10537
- font-size: 14px;
10538
- font-family: "WebComponentsIcons", monospace;
10539
- line-height: 1;
10540
- transform: scale(0) translate(-50%, -50%);
10541
- overflow: hidden;
10542
- position: absolute;
10543
- top: 50%;
10544
- left: 50%;
10545
- }
10546
-
10547
- .k-checkbox-lg {
10548
- width: 24px;
10549
- height: 24px;
10550
- }
10551
-
10552
- .k-checkbox-lg + .k-checkbox-label .k-ripple {
10553
- top: 12px;
10554
- left: 12px;
10555
- width: 60px;
10556
- height: 60px;
10557
- }
10558
-
10559
- .k-checkbox-lg::before {
10560
- content: "";
10561
- width: 22px;
10562
- height: 22px;
10563
- font-size: 22px;
10564
- font-family: "WebComponentsIcons", monospace;
10565
- line-height: 1;
10566
- transform: scale(0) translate(-50%, -50%);
10567
- overflow: hidden;
10568
- position: absolute;
10569
- top: 50%;
10570
- left: 50%;
10571
- }
10572
-
10573
- .k-checkbox:checked::before,
10574
- .k-checkbox.k-checked::before {
10575
- transform: scale(1) translate(-50%, -50%);
10484
+ .k-checkbox:checked,
10485
+ .k-checkbox.k-checked {
10486
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M3,8 l3,3 l7-7'/%3e%3c/svg%3e");
10576
10487
  }
10577
10488
 
10578
- .k-checkbox:indeterminate::before,
10579
- .k-checkbox.k-indeterminate::before {
10580
- content: "";
10581
- transform: scale(1) translate(-50%, -50%);
10489
+ .k-checkbox:indeterminate,
10490
+ .k-checkbox.k-indeterminate {
10491
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ff6358' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M4,8 h8'/%3e%3c/svg%3e");
10582
10492
  }
10583
10493
 
10584
10494
  .k-checkbox:disabled,
10585
- .k-checkbox.k-disabled,
10586
- .k-checkbox:disabled + .k-checkbox-label,
10587
- .k-checkbox.k-disabled + .k-checkbox-label {
10495
+ .k-checkbox.k-disabled {
10588
10496
  outline: none;
10589
10497
  cursor: default;
10590
10498
  opacity: 0.6;
@@ -10599,6 +10507,9 @@ kendo-sortable {
10599
10507
  flex-flow: row nowrap;
10600
10508
  gap: 0;
10601
10509
  align-items: center;
10510
+ align-self: flex-start;
10511
+ vertical-align: middle;
10512
+ position: relative;
10602
10513
  }
10603
10514
 
10604
10515
  .k-checkbox-wrap::before {
@@ -10613,57 +10524,24 @@ kendo-sortable {
10613
10524
  .k-checkbox-label {
10614
10525
  margin: 0;
10615
10526
  padding: 0;
10616
- line-height: 17px;
10617
10527
  display: inline-flex;
10618
10528
  align-items: flex-start;
10529
+ gap: 4px;
10619
10530
  vertical-align: middle;
10620
10531
  position: relative;
10621
10532
  cursor: pointer;
10622
10533
  }
10623
10534
 
10624
- .k-checkbox-label .k-label {
10625
- cursor: pointer;
10626
- }
10627
-
10628
10535
  .k-checkbox-label .k-ripple {
10629
- right: auto;
10630
- bottom: auto;
10631
- transform: translate(-50%, -50%);
10632
- border-radius: 50%;
10633
10536
  visibility: hidden !important;
10634
10537
  }
10635
10538
 
10636
- .k-checkbox-label .k-ripple-blob {
10637
- top: 50% !important;
10638
- left: 50% !important;
10639
- width: 200% !important;
10640
- height: 200% !important;
10641
- }
10642
-
10643
- .k-checkbox + .k-checkbox-label {
10644
- display: inline;
10645
- }
10646
-
10539
+ .k-checkbox + .k-label,
10540
+ .k-checkbox-wrap + .k-label,
10647
10541
  .k-checkbox + .k-checkbox-label,
10648
- .k-checkbox-label + .k-checkbox {
10649
- margin-left: 4px;
10650
- }
10651
-
10652
- .k-checkbox-label > .k-checkbox {
10653
- margin-right: 4px;
10654
- flex-shrink: 0;
10655
- }
10656
-
10657
- kendo-label.k-checkbox-label > .k-checkbox:last-child {
10658
- margin-right: 0;
10659
- }
10660
-
10661
- kendo-label.k-checkbox-label > .k-label:first-child {
10662
- margin-right: 4px;
10663
- }
10664
-
10665
- kendo-label.k-checkbox-label > .k-label {
10542
+ .k-checkbox-wrap + .k-checkbox-label {
10666
10543
  display: inline;
10544
+ margin-inline-start: 4px;
10667
10545
  }
10668
10546
 
10669
10547
  .k-checkbox-label:empty {
@@ -10695,7 +10573,7 @@ kendo-label.k-checkbox-label > .k-label {
10695
10573
 
10696
10574
  .k-checkbox-item .k-checkbox-label,
10697
10575
  .k-checkbox-list-item .k-checkbox-label {
10698
- line-height: inherit;
10576
+ margin: 0;
10699
10577
  }
10700
10578
 
10701
10579
  .k-checkbox-list-horizontal,
@@ -10705,89 +10583,78 @@ kendo-label.k-checkbox-label > .k-label {
10705
10583
  gap: 16px;
10706
10584
  }
10707
10585
 
10708
- [dir="rtl"] .k-checkbox + .k-checkbox-label,
10709
- [dir="rtl"] .k-checkbox-label + .k-checkbox {
10710
- margin-left: 0;
10711
- margin-right: 4px;
10586
+ .k-ripple-container .k-checkbox::after {
10587
+ content: "";
10588
+ display: block;
10589
+ position: absolute;
10590
+ left: 50%;
10591
+ top: 50%;
10592
+ border-radius: 100%;
10593
+ z-index: -1;
10594
+ transition: opacity 100ms linear, transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
10595
+ transform: translate(-50%, -50%) scale(0);
10596
+ transform-origin: center center;
10712
10597
  }
10713
10598
 
10714
- [dir="rtl"] .k-checkbox-label > .k-checkbox {
10715
- margin-right: 0;
10716
- margin-left: 4px;
10599
+ .k-ripple-container .k-checkbox:focus,
10600
+ .k-ripple-container .k-checkbox.k-focus {
10601
+ box-shadow: none !important;
10717
10602
  }
10718
10603
 
10719
- [dir="rtl"] kendo-label.k-checkbox-label > .k-checkbox:last-child {
10720
- margin-left: 0;
10604
+ .k-ripple-container .k-checkbox:focus::after,
10605
+ .k-ripple-container .k-checkbox.k-focus::after {
10606
+ transform: translate(-50%, -50%) scale(1);
10721
10607
  }
10722
10608
 
10723
- [dir="rtl"] kendo-label.k-checkbox-label > .k-label:first-child {
10724
- margin-right: 0;
10725
- margin-left: 4px;
10609
+ .k-ripple-container .k-checkbox:disabled::after,
10610
+ .k-ripple-container .k-checkbox.k-disabled::after {
10611
+ display: none;
10726
10612
  }
10727
10613
 
10728
- .k-ripple-container .k-checkbox-sm::after {
10729
- content: "";
10730
- display: block;
10731
- position: absolute;
10732
- left: 0;
10733
- top: 0;
10614
+ .k-checkbox-sm {
10615
+ width: 12px;
10616
+ height: 12px;
10617
+ }
10618
+
10619
+ .k-checkbox-sm::before {
10620
+ font-size: 10px;
10621
+ }
10622
+
10623
+ .k-ripple-container .k-checkbox-size::after {
10734
10624
  width: 36px;
10735
10625
  height: 36px;
10736
- margin-left: -14px;
10737
- margin-top: -14px;
10738
- border-radius: 100%;
10739
- z-index: 1;
10740
- transform: scale(0);
10741
10626
  }
10742
10627
 
10743
- .k-ripple-container .k-checkbox:disabled::after,
10744
- .k-ripple-container .k-checkbox.k-disabled::after {
10745
- display: none;
10628
+ .k-checkbox-md {
10629
+ width: 16px;
10630
+ height: 16px;
10746
10631
  }
10747
10632
 
10748
- .k-ripple-container .k-checkbox-md::after {
10749
- content: "";
10750
- display: block;
10751
- position: absolute;
10752
- left: 0;
10753
- top: 0;
10633
+ .k-checkbox-md::before {
10634
+ font-size: 14px;
10635
+ }
10636
+
10637
+ .k-ripple-container .k-checkbox-size::after {
10754
10638
  width: 48px;
10755
10639
  height: 48px;
10756
- margin-left: -18px;
10757
- margin-top: -18px;
10758
- border-radius: 100%;
10759
- z-index: 1;
10760
- transform: scale(0);
10761
10640
  }
10762
10641
 
10763
- .k-ripple-container .k-checkbox:disabled::after,
10764
- .k-ripple-container .k-checkbox.k-disabled::after {
10765
- display: none;
10642
+ .k-checkbox-lg {
10643
+ width: 20px;
10644
+ height: 20px;
10766
10645
  }
10767
10646
 
10768
- .k-ripple-container .k-checkbox-lg::after {
10769
- content: "";
10770
- display: block;
10771
- position: absolute;
10772
- left: 0;
10773
- top: 0;
10774
- width: 72px;
10775
- height: 72px;
10776
- margin-left: -26px;
10777
- margin-top: -26px;
10778
- border-radius: 100%;
10779
- z-index: 1;
10780
- transform: scale(0);
10647
+ .k-checkbox-lg::before {
10648
+ font-size: 18px;
10781
10649
  }
10782
10650
 
10783
- .k-ripple-container .k-checkbox:disabled::after,
10784
- .k-ripple-container .k-checkbox.k-disabled::after {
10785
- display: none;
10651
+ .k-ripple-container .k-checkbox-size::after {
10652
+ width: 60px;
10653
+ height: 60px;
10786
10654
  }
10787
10655
 
10788
10656
  .k-checkbox {
10789
10657
  border-color: rgba(0, 0, 0, 0.08);
10790
- color: transparent;
10791
10658
  background-color: #ffffff;
10792
10659
  }
10793
10660
 
@@ -10815,19 +10682,22 @@ kendo-label.k-checkbox-label > .k-label {
10815
10682
  box-shadow: 0 0 0 2px rgba(255, 99, 88, 0.3);
10816
10683
  }
10817
10684
 
10818
- .k-checkbox:invalid,
10819
10685
  .k-checkbox.k-invalid {
10820
10686
  border-color: rgba(243, 23, 0, 0.5);
10821
10687
  }
10822
10688
 
10823
- .k-checkbox:invalid + .k-checkbox-label,
10824
10689
  .k-checkbox.k-invalid + .k-checkbox-label {
10825
10690
  color: #f31700;
10826
10691
  }
10827
10692
 
10693
+ .k-checkbox-wrap .k-ripple-blob {
10694
+ color: #ff6358;
10695
+ opacity: 0.25;
10696
+ }
10697
+
10828
10698
  .k-ripple-container .k-checkbox::after {
10829
10699
  background: #ff6358;
10830
- opacity: 0.3;
10700
+ opacity: 0.25;
10831
10701
  }
10832
10702
 
10833
10703
  .k-list {
@@ -10845,7 +10715,7 @@ kendo-label.k-checkbox-label > .k-label {
10845
10715
  border-width: 0;
10846
10716
  }
10847
10717
 
10848
- .k-list-group-sticky-header {
10718
+ .k-list-group-sticky-header, .k-list-optionlabel {
10849
10719
  border-width: 0;
10850
10720
  border-width: 0 0 1px;
10851
10721
  border-style: solid;
@@ -10856,6 +10726,7 @@ kendo-label.k-checkbox-label > .k-label {
10856
10726
  flex: none;
10857
10727
  overflow: hidden;
10858
10728
  text-overflow: ellipsis;
10729
+ cursor: pointer;
10859
10730
  }
10860
10731
 
10861
10732
  .k-list-content {
@@ -10876,7 +10747,7 @@ kendo-label.k-checkbox-label > .k-label {
10876
10747
  list-style: none;
10877
10748
  }
10878
10749
 
10879
- .k-list-item, .k-list-optionlabel {
10750
+ .k-list-item {
10880
10751
  border: 0;
10881
10752
  outline: none;
10882
10753
  cursor: pointer;
@@ -10891,11 +10762,7 @@ kendo-label.k-checkbox-label > .k-label {
10891
10762
  transition-timing-function: ease;
10892
10763
  }
10893
10764
 
10894
- .k-list-item .k-checkbox-wrap, .k-list-optionlabel .k-checkbox-wrap {
10895
- align-self: flex-start;
10896
- }
10897
-
10898
- .k-list-item.k-first::before, .k-first.k-list-optionlabel::before {
10765
+ .k-list-item.k-first::before {
10899
10766
  content: "";
10900
10767
  border-width: 1px 0 0;
10901
10768
  border-style: solid;
@@ -10940,10 +10807,9 @@ kendo-label.k-checkbox-label > .k-label {
10940
10807
  overflow-y: scroll;
10941
10808
  }
10942
10809
 
10943
- .k-virtual-list .k-list-item, .k-virtual-list .k-list-optionlabel,
10810
+ .k-virtual-list .k-list-item,
10944
10811
  .k-virtual-list .k-list-group-item,
10945
10812
  .k-virtual-content .k-list-item,
10946
- .k-virtual-content .k-list-optionlabel,
10947
10813
  .k-virtual-content .k-list-group-item {
10948
10814
  position: absolute;
10949
10815
  width: 100%;
@@ -10965,30 +10831,30 @@ kendo-label.k-checkbox-label > .k-label {
10965
10831
  }
10966
10832
 
10967
10833
  .k-list-sm {
10968
- font-size: 12px;
10834
+ font-size: 14px;
10969
10835
  }
10970
10836
 
10971
- .k-list-sm .k-list-group-sticky-header {
10972
- padding: 3px 6px;
10837
+ .k-list-sm .k-list-group-sticky-header, .k-list-sm .k-list-optionlabel {
10838
+ padding: 2px 8px;
10973
10839
  }
10974
10840
 
10975
- .k-list-sm .k-list-item, .k-list-sm .k-list-optionlabel {
10976
- padding: 3px 6px;
10841
+ .k-list-sm .k-list-item {
10842
+ padding: 2px 8px;
10977
10843
  }
10978
10844
 
10979
10845
  .k-list-sm .k-list-group-item {
10980
- padding: 3px 6px;
10846
+ padding: 2px 8px;
10981
10847
  }
10982
10848
 
10983
10849
  .k-list-md {
10984
10850
  font-size: 14px;
10985
10851
  }
10986
10852
 
10987
- .k-list-md .k-list-group-sticky-header {
10853
+ .k-list-md .k-list-group-sticky-header, .k-list-md .k-list-optionlabel {
10988
10854
  padding: 4px 8px;
10989
10855
  }
10990
10856
 
10991
- .k-list-md .k-list-item, .k-list-md .k-list-optionlabel {
10857
+ .k-list-md .k-list-item {
10992
10858
  padding: 4px 8px;
10993
10859
  }
10994
10860
 
@@ -11000,19 +10866,19 @@ kendo-label.k-checkbox-label > .k-label {
11000
10866
  font-size: 14px;
11001
10867
  }
11002
10868
 
11003
- .k-list-lg .k-list-group-sticky-header {
11004
- padding: 5px 10px;
10869
+ .k-list-lg .k-list-group-sticky-header, .k-list-lg .k-list-optionlabel {
10870
+ padding: 6px 8px;
11005
10871
  }
11006
10872
 
11007
- .k-list-lg .k-list-item, .k-list-lg .k-list-optionlabel {
11008
- padding: 5px 10px;
10873
+ .k-list-lg .k-list-item {
10874
+ padding: 6px 8px;
11009
10875
  }
11010
10876
 
11011
10877
  .k-list-lg .k-list-group-item {
11012
- padding: 5px 10px;
10878
+ padding: 6px 8px;
11013
10879
  }
11014
10880
 
11015
- .k-no-data {
10881
+ .k-no-data, .k-nodata {
11016
10882
  min-height: 138px;
11017
10883
  display: flex;
11018
10884
  align-items: center;
@@ -11028,26 +10894,26 @@ kendo-label.k-checkbox-label > .k-label {
11028
10894
  background-color: #ffffff;
11029
10895
  }
11030
10896
 
11031
- .k-list-group-sticky-header {
10897
+ .k-list-group-sticky-header, .k-list-optionlabel {
11032
10898
  border-color: inherit;
11033
10899
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.06);
11034
10900
  }
11035
10901
 
11036
- .k-list-item:hover, .k-list-optionlabel:hover, .k-list-item.k-hover, .k-hover.k-list-optionlabel {
10902
+ .k-list-item:hover, .k-list-item.k-hover {
11037
10903
  color: #424242;
11038
10904
  background-color: #f0f0f0;
11039
10905
  }
11040
10906
 
11041
- .k-list-item:focus, .k-list-optionlabel:focus, .k-list-item.k-focus, .k-focus.k-list-optionlabel {
10907
+ .k-list-item:focus, .k-list-item.k-focus {
11042
10908
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
11043
10909
  }
11044
10910
 
11045
- .k-list-item.k-selected, .k-selected.k-list-optionlabel {
10911
+ .k-list-item.k-selected {
11046
10912
  color: white;
11047
10913
  background-color: #ff6358;
11048
10914
  }
11049
10915
 
11050
- .k-list-item.k-selected:hover, .k-selected.k-list-optionlabel:hover, .k-list-item.k-selected.k-hover, .k-selected.k-hover.k-list-optionlabel {
10916
+ .k-list-item.k-selected:hover, .k-list-item.k-selected.k-hover {
11051
10917
  color: white;
11052
10918
  background-color: #eb5b51;
11053
10919
  }
@@ -11061,7 +10927,7 @@ kendo-label.k-checkbox-label > .k-label {
11061
10927
  background-color: #424242;
11062
10928
  }
11063
10929
 
11064
- .k-no-data {
10930
+ .k-no-data, .k-nodata {
11065
10931
  color: #666666;
11066
10932
  }
11067
10933
 
@@ -11765,6 +11631,7 @@ kendo-badge-container {
11765
11631
  outline: none;
11766
11632
  -webkit-appearance: none;
11767
11633
  position: relative;
11634
+ transition: color 0.2s ease-in-out;
11768
11635
  }
11769
11636
 
11770
11637
  .k-button:disabled, .k-button.k-disabled {
@@ -11798,10 +11665,29 @@ kendo-badge-container {
11798
11665
  position: relative;
11799
11666
  }
11800
11667
 
11668
+ .k-button-arrow {
11669
+ padding-left: 4px;
11670
+ padding-right: 4px;
11671
+ flex: none;
11672
+ display: inline-flex;
11673
+ align-items: center;
11674
+ justify-content: center;
11675
+ }
11676
+
11677
+ .k-button > .k-button-arrow {
11678
+ margin-inline-start: -4px;
11679
+ margin-inline-end: -8px;
11680
+ }
11681
+
11682
+ .k-icon-button > .k-button-arrow {
11683
+ margin-inline-start: 0;
11684
+ margin-inline-end: -4px;
11685
+ }
11686
+
11801
11687
  .k-button-sm {
11802
- padding: 2px 4px;
11803
- font-size: 12px;
11804
- line-height: 1.5;
11688
+ padding: 2px 8px;
11689
+ font-size: 14px;
11690
+ line-height: 1.4285714286;
11805
11691
  }
11806
11692
 
11807
11693
  .k-button-md {
@@ -11811,9 +11697,9 @@ kendo-badge-container {
11811
11697
  }
11812
11698
 
11813
11699
  .k-button-lg {
11814
- padding: 6px 12px;
11815
- font-size: 16px;
11816
- line-height: 1.5;
11700
+ padding: 6px 8px;
11701
+ font-size: 14px;
11702
+ line-height: 1.4285714286;
11817
11703
  }
11818
11704
 
11819
11705
  .k-icon-button.k-button-sm {
@@ -11821,8 +11707,8 @@ kendo-badge-container {
11821
11707
  }
11822
11708
 
11823
11709
  .k-icon-button.k-button-sm > .k-button-icon {
11824
- min-width: 18px;
11825
- min-height: 18px;
11710
+ min-width: 20.0000000004px;
11711
+ min-height: 20.0000000004px;
11826
11712
  }
11827
11713
 
11828
11714
  .k-icon-button.k-button-md {
@@ -11839,8 +11725,8 @@ kendo-badge-container {
11839
11725
  }
11840
11726
 
11841
11727
  .k-icon-button.k-button-lg > .k-button-icon {
11842
- min-width: 24px;
11843
- min-height: 24px;
11728
+ min-width: 20.0000000004px;
11729
+ min-height: 20.0000000004px;
11844
11730
  }
11845
11731
 
11846
11732
  .k-button-square {
@@ -11870,67 +11756,66 @@ kendo-badge-container {
11870
11756
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
11871
11757
  }
11872
11758
 
11873
- .k-button-group .k-button:not(:first-child):not(:last-child) {
11874
- border-radius: 0;
11875
- }
11876
-
11877
- .k-button-group .k-button ~ .k-button {
11759
+ .k-button-group > .k-button + .k-button {
11878
11760
  margin-inline-start: -1px;
11879
11761
  }
11880
11762
 
11881
- .k-button-group .k-button:hover,
11882
- .k-button-group .k-button.k-hover,
11883
- .k-button-group .k-button:active,
11884
- .k-button-group .k-button.k-active,
11885
- .k-button-group .k-button.k-selected,
11886
- .k-button-group .k-button:focus,
11887
- .k-button-group .k-button.k-focus {
11763
+ .k-button-group > .k-button:hover,
11764
+ .k-button-group > .k-button.k-hover,
11765
+ .k-button-group > .k-button:focus,
11766
+ .k-button-group > .k-button.k-focus,
11767
+ .k-button-group > .k-button:active,
11768
+ .k-button-group > .k-button.k-active,
11769
+ .k-button-group > .k-button.k-selected {
11888
11770
  z-index: 2;
11889
11771
  }
11890
11772
 
11891
- .k-button-group .k-group-start:not(:only-child),
11892
- .k-button-group .k-button:first-child:not(:only-child) {
11893
- border-top-right-radius: 0;
11894
- border-bottom-right-radius: 0;
11773
+ .k-button-group .k-button:not(:first-child):not(:last-child) {
11774
+ border-start-end-radius: 0;
11775
+ border-end-end-radius: 0;
11776
+ border-start-start-radius: 0;
11777
+ border-end-start-radius: 0;
11895
11778
  }
11896
11779
 
11897
- .k-button-group .k-group-end:not(:only-child),
11898
- .k-button-group .k-button:last-child:not(:only-child) {
11899
- border-top-left-radius: 0;
11900
- border-bottom-left-radius: 0;
11780
+ .k-button-group > .k-button:first-child:not(:only-child) {
11781
+ border-start-end-radius: 0;
11782
+ border-end-end-radius: 0;
11901
11783
  }
11902
11784
 
11903
- .k-button-group-stretched {
11904
- display: flex;
11785
+ .k-button-group > .k-button:last-child:not(:only-child) {
11786
+ border-start-start-radius: 0;
11787
+ border-end-start-radius: 0;
11905
11788
  }
11906
11789
 
11907
- .k-button-group-stretched .k-button {
11908
- display: inline-block;
11909
- flex: 1 0 0%;
11910
- overflow: hidden;
11911
- text-overflow: ellipsis;
11790
+ .k-button-group:disabled, .k-button-group[disabled], .k-button-group.k-disabled {
11791
+ opacity: 1;
11792
+ filter: none;
11912
11793
  }
11913
11794
 
11914
- .k-button-group-stretched .k-button > .k-icon {
11915
- vertical-align: text-bottom;
11795
+ .k-button-group-stretched {
11796
+ width: 100%;
11916
11797
  }
11917
11798
 
11918
- .k-split-button {
11919
- border-radius: 0;
11799
+ .k-button-group-stretched > * {
11800
+ flex: 1 0 0%;
11801
+ overflow: hidden;
11920
11802
  }
11921
11803
 
11922
- .k-split-button > .k-button:first-child {
11923
- border-top-right-radius: 0;
11924
- border-bottom-right-radius: 0;
11804
+ .k-split-button .k-split-button-arrow {
11805
+ padding: 4px 4px;
11806
+ width: auto;
11807
+ flex: none;
11925
11808
  }
11926
11809
 
11927
- .k-split-button > .k-button:last-child {
11928
- border-top-left-radius: 0;
11929
- border-bottom-left-radius: 0;
11810
+ .k-split-button .k-split-button-arrow .k-button-icon {
11811
+ min-width: 0;
11930
11812
  }
11931
11813
 
11932
11814
  .k-button-flat {
11933
- transition: color 0.2s ease-in-out;
11815
+ border-color: transparent !important;
11816
+ color: inherit;
11817
+ background: none !important;
11818
+ box-shadow: none !important;
11934
11819
  }
11935
11820
 
11936
11821
  .k-button-flat::before {
@@ -11938,6 +11823,7 @@ kendo-badge-container {
11938
11823
  }
11939
11824
 
11940
11825
  .k-button-flat::after {
11826
+ box-shadow: inset 0 0 0 2px currentColor;
11941
11827
  display: block !important;
11942
11828
  }
11943
11829
 
@@ -11945,65 +11831,28 @@ kendo-badge-container {
11945
11831
  opacity: .12;
11946
11832
  }
11947
11833
 
11948
- .k-button-link, .k-button-link:hover, .k-button-link.k-hover, .k-button-link:focus, .k-button-link.k-focus {
11949
- text-decoration: underline;
11950
- }
11951
-
11952
- .k-button-link::after {
11953
- display: block !important;
11954
- }
11955
-
11956
- .k-button-link:focus::after, .k-button-link.k-focus::after {
11957
- opacity: .12;
11958
- }
11959
-
11960
- .k-rtl .k-button-group .k-button,
11961
- [dir="rtl"] .k-button-group .k-button {
11962
- border-radius: 0;
11963
- }
11964
-
11965
- .k-rtl .k-button-group .k-group-start,
11966
- .k-rtl .k-button-group .k-button:first-child,
11967
- [dir="rtl"] .k-button-group .k-group-start,
11968
- [dir="rtl"] .k-button-group .k-button:first-child {
11969
- border-top-right-radius: 2px;
11970
- border-bottom-right-radius: 2px;
11834
+ .k-button-outline {
11835
+ border-color: currentColor;
11836
+ color: inherit;
11837
+ background: none;
11971
11838
  }
11972
11839
 
11973
- .k-rtl .k-button-group .k-group-end,
11974
- .k-rtl .k-button-group .k-button:last-child,
11975
- [dir="rtl"] .k-button-group .k-group-end,
11976
- [dir="rtl"] .k-button-group .k-button:last-child {
11977
- border-top-left-radius: 2px;
11978
- border-bottom-left-radius: 2px;
11840
+ .k-button-link {
11841
+ border-color: transparent;
11842
+ color: inherit;
11843
+ text-decoration: none;
11844
+ background: none;
11979
11845
  }
11980
11846
 
11981
- .k-rtl .k-button-group .k-group-start.k-group-end,
11982
- .k-rtl .k-button-group .k-button:first-child:last-child,
11983
- [dir="rtl"] .k-button-group .k-group-start.k-group-end,
11984
- [dir="rtl"] .k-button-group .k-button:first-child:last-child {
11985
- border-radius: 2px;
11847
+ .k-button-link:hover, .k-button-link.k-hover {
11848
+ text-decoration: underline;
11986
11849
  }
11987
11850
 
11988
- .k-rtl .k-split-button .k-button,
11989
- [dir="rtl"] .k-split-button .k-button {
11851
+ .k-ie .k-button-group .k-button,
11852
+ .k-ie .k-split-button .k-button {
11990
11853
  border-radius: 0;
11991
11854
  }
11992
11855
 
11993
- .k-rtl .k-split-button > .k-button:first-child,
11994
- [dir="rtl"] .k-split-button > .k-button:first-child {
11995
- border-top-right-radius: 2px;
11996
- border-bottom-right-radius: 2px;
11997
- }
11998
-
11999
- .k-rtl .k-split-button > .k-split-button-arrow,
12000
- .k-rtl .k-split-button > .k-button:last-child,
12001
- [dir="rtl"] .k-split-button > .k-split-button-arrow,
12002
- [dir="rtl"] .k-split-button > .k-button:last-child {
12003
- border-top-left-radius: 2px;
12004
- border-bottom-left-radius: 2px;
12005
- }
12006
-
12007
11856
  .k-button-overlay, .k-button::before {
12008
11857
  border-radius: inherit;
12009
11858
  content: "";
@@ -12071,303 +11920,276 @@ kendo-badge-container {
12071
11920
  }
12072
11921
 
12073
11922
  .k-button-solid-base.k-selected {
12074
- background-color: #d8d8d8;
11923
+ border-color: #ff6358;
11924
+ color: white;
11925
+ background-color: #ff6358;
12075
11926
  }
12076
11927
 
12077
11928
  .k-button-solid-primary {
11929
+ border-color: #ff6358;
12078
11930
  color: white;
12079
11931
  background-color: #ff6358;
12080
- border-color: #ff6358;
12081
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
11932
+ background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
12082
11933
  }
12083
11934
 
12084
11935
  .k-button-solid-primary:hover, .k-button-solid-primary.k-hover {
11936
+ border-color: #f55f54;
12085
11937
  background-color: #f55f54;
12086
- border-color: #ff6358;
12087
11938
  }
12088
11939
 
12089
11940
  .k-button-solid-primary:focus, .k-button-solid-primary.k-focus {
12090
- box-shadow: 0 0 0 2px rgba(255, 99, 88, 0.3);
11941
+ box-shadow: 0 0 0px 2px rgba(255, 99, 88, 0.3);
12091
11942
  }
12092
11943
 
12093
11944
  .k-button-solid-primary:active, .k-button-solid-primary.k-active {
12094
- background-color: #e0574d;
12095
11945
  border-color: #e0574d;
11946
+ background-color: #e0574d;
12096
11947
  }
12097
11948
 
12098
11949
  .k-button-solid-primary.k-selected {
12099
- background-color: #e0574d;
12100
11950
  border-color: #e0574d;
11951
+ background-color: #e0574d;
12101
11952
  }
12102
11953
 
12103
11954
  .k-button-solid-secondary {
11955
+ border-color: #666666;
12104
11956
  color: white;
12105
11957
  background-color: #666666;
12106
- border-color: #666666;
12107
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
11958
+ background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
12108
11959
  }
12109
11960
 
12110
11961
  .k-button-solid-secondary:hover, .k-button-solid-secondary.k-hover {
11962
+ border-color: #626262;
12111
11963
  background-color: #626262;
12112
- border-color: #666666;
12113
11964
  }
12114
11965
 
12115
11966
  .k-button-solid-secondary:focus, .k-button-solid-secondary.k-focus {
12116
- box-shadow: 0 0 0 2px rgba(102, 102, 102, 0.3);
11967
+ box-shadow: 0 0 0px 2px rgba(102, 102, 102, 0.3);
12117
11968
  }
12118
11969
 
12119
11970
  .k-button-solid-secondary:active, .k-button-solid-secondary.k-active {
12120
- background-color: #5a5a5a;
12121
11971
  border-color: #5a5a5a;
11972
+ background-color: #5a5a5a;
12122
11973
  }
12123
11974
 
12124
11975
  .k-button-solid-secondary.k-selected {
12125
- background-color: #5a5a5a;
12126
11976
  border-color: #5a5a5a;
11977
+ background-color: #5a5a5a;
12127
11978
  }
12128
11979
 
12129
11980
  .k-button-solid-tertiary {
11981
+ border-color: #03a9f4;
12130
11982
  color: white;
12131
11983
  background-color: #03a9f4;
12132
- border-color: #03a9f4;
12133
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
11984
+ background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
12134
11985
  }
12135
11986
 
12136
11987
  .k-button-solid-tertiary:hover, .k-button-solid-tertiary.k-hover {
11988
+ border-color: #03a2ea;
12137
11989
  background-color: #03a2ea;
12138
- border-color: #03a9f4;
12139
11990
  }
12140
11991
 
12141
11992
  .k-button-solid-tertiary:focus, .k-button-solid-tertiary.k-focus {
12142
- box-shadow: 0 0 0 2px rgba(3, 169, 244, 0.3);
11993
+ box-shadow: 0 0 0px 2px rgba(3, 169, 244, 0.3);
12143
11994
  }
12144
11995
 
12145
11996
  .k-button-solid-tertiary:active, .k-button-solid-tertiary.k-active {
12146
- background-color: #0395d7;
12147
11997
  border-color: #0395d7;
11998
+ background-color: #0395d7;
12148
11999
  }
12149
12000
 
12150
12001
  .k-button-solid-tertiary.k-selected {
12151
- background-color: #0395d7;
12152
12002
  border-color: #0395d7;
12003
+ background-color: #0395d7;
12153
12004
  }
12154
12005
 
12155
12006
  .k-button-solid-info {
12007
+ border-color: #0058e9;
12156
12008
  color: white;
12157
12009
  background-color: #0058e9;
12158
- border-color: #0058e9;
12159
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
12010
+ background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
12160
12011
  }
12161
12012
 
12162
12013
  .k-button-solid-info:hover, .k-button-solid-info.k-hover {
12014
+ border-color: #0054e0;
12163
12015
  background-color: #0054e0;
12164
- border-color: #0058e9;
12165
12016
  }
12166
12017
 
12167
12018
  .k-button-solid-info:focus, .k-button-solid-info.k-focus {
12168
- box-shadow: 0 0 0 2px rgba(0, 88, 233, 0.3);
12019
+ box-shadow: 0 0 0px 2px rgba(0, 88, 233, 0.3);
12169
12020
  }
12170
12021
 
12171
12022
  .k-button-solid-info:active, .k-button-solid-info.k-active {
12172
- background-color: #004dcd;
12173
12023
  border-color: #004dcd;
12024
+ background-color: #004dcd;
12174
12025
  }
12175
12026
 
12176
12027
  .k-button-solid-info.k-selected {
12177
- background-color: #004dcd;
12178
12028
  border-color: #004dcd;
12029
+ background-color: #004dcd;
12179
12030
  }
12180
12031
 
12181
12032
  .k-button-solid-success {
12033
+ border-color: #37b400;
12182
12034
  color: white;
12183
12035
  background-color: #37b400;
12184
- border-color: #37b400;
12185
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
12036
+ background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
12186
12037
  }
12187
12038
 
12188
12039
  .k-button-solid-success:hover, .k-button-solid-success.k-hover {
12040
+ border-color: #35ad00;
12189
12041
  background-color: #35ad00;
12190
- border-color: #37b400;
12191
12042
  }
12192
12043
 
12193
12044
  .k-button-solid-success:focus, .k-button-solid-success.k-focus {
12194
- box-shadow: 0 0 0 2px rgba(55, 180, 0, 0.3);
12045
+ box-shadow: 0 0 0px 2px rgba(55, 180, 0, 0.3);
12195
12046
  }
12196
12047
 
12197
12048
  .k-button-solid-success:active, .k-button-solid-success.k-active {
12198
- background-color: #309e00;
12199
12049
  border-color: #309e00;
12050
+ background-color: #309e00;
12200
12051
  }
12201
12052
 
12202
12053
  .k-button-solid-success.k-selected {
12203
- background-color: #309e00;
12204
12054
  border-color: #309e00;
12055
+ background-color: #309e00;
12205
12056
  }
12206
12057
 
12207
12058
  .k-button-solid-warning {
12059
+ border-color: #ffc000;
12208
12060
  color: black;
12209
12061
  background-color: #ffc000;
12210
- border-color: #ffc000;
12211
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
12062
+ background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
12212
12063
  }
12213
12064
 
12214
12065
  .k-button-solid-warning:hover, .k-button-solid-warning.k-hover {
12066
+ border-color: #f5b800;
12215
12067
  background-color: #f5b800;
12216
- border-color: #ffc000;
12217
12068
  }
12218
12069
 
12219
12070
  .k-button-solid-warning:focus, .k-button-solid-warning.k-focus {
12220
- box-shadow: 0 0 0 2px rgba(255, 192, 0, 0.3);
12071
+ box-shadow: 0 0 0px 2px rgba(255, 192, 0, 0.3);
12221
12072
  }
12222
12073
 
12223
12074
  .k-button-solid-warning:active, .k-button-solid-warning.k-active {
12224
- background-color: #e0a900;
12225
12075
  border-color: #e0a900;
12076
+ background-color: #e0a900;
12226
12077
  }
12227
12078
 
12228
12079
  .k-button-solid-warning.k-selected {
12229
- background-color: #e0a900;
12230
12080
  border-color: #e0a900;
12081
+ background-color: #e0a900;
12231
12082
  }
12232
12083
 
12233
12084
  .k-button-solid-error {
12085
+ border-color: #f31700;
12234
12086
  color: white;
12235
12087
  background-color: #f31700;
12236
- border-color: #f31700;
12237
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
12088
+ background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
12238
12089
  }
12239
12090
 
12240
12091
  .k-button-solid-error:hover, .k-button-solid-error.k-hover {
12092
+ border-color: #e91600;
12241
12093
  background-color: #e91600;
12242
- border-color: #f31700;
12243
12094
  }
12244
12095
 
12245
12096
  .k-button-solid-error:focus, .k-button-solid-error.k-focus {
12246
- box-shadow: 0 0 0 2px rgba(243, 23, 0, 0.3);
12097
+ box-shadow: 0 0 0px 2px rgba(243, 23, 0, 0.3);
12247
12098
  }
12248
12099
 
12249
12100
  .k-button-solid-error:active, .k-button-solid-error.k-active {
12250
- background-color: #d61400;
12251
12101
  border-color: #d61400;
12102
+ background-color: #d61400;
12252
12103
  }
12253
12104
 
12254
12105
  .k-button-solid-error.k-selected {
12255
- background-color: #d61400;
12256
12106
  border-color: #d61400;
12107
+ background-color: #d61400;
12257
12108
  }
12258
12109
 
12259
12110
  .k-button-solid-dark {
12111
+ border-color: #424242;
12260
12112
  color: white;
12261
12113
  background-color: #424242;
12262
- border-color: #424242;
12263
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
12114
+ background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
12264
12115
  }
12265
12116
 
12266
12117
  .k-button-solid-dark:hover, .k-button-solid-dark.k-hover {
12118
+ border-color: #3f3f3f;
12267
12119
  background-color: #3f3f3f;
12268
- border-color: #424242;
12269
12120
  }
12270
12121
 
12271
12122
  .k-button-solid-dark:focus, .k-button-solid-dark.k-focus {
12272
- box-shadow: 0 0 0 2px rgba(66, 66, 66, 0.3);
12123
+ box-shadow: 0 0 0px 2px rgba(66, 66, 66, 0.3);
12273
12124
  }
12274
12125
 
12275
12126
  .k-button-solid-dark:active, .k-button-solid-dark.k-active {
12276
- background-color: #3a3a3a;
12277
12127
  border-color: #3a3a3a;
12128
+ background-color: #3a3a3a;
12278
12129
  }
12279
12130
 
12280
12131
  .k-button-solid-dark.k-selected {
12281
- background-color: #3a3a3a;
12282
12132
  border-color: #3a3a3a;
12133
+ background-color: #3a3a3a;
12283
12134
  }
12284
12135
 
12285
12136
  .k-button-solid-light {
12137
+ border-color: #ebebeb;
12286
12138
  color: black;
12287
12139
  background-color: #ebebeb;
12288
- border-color: #ebebeb;
12289
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
12140
+ background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
12290
12141
  }
12291
12142
 
12292
12143
  .k-button-solid-light:hover, .k-button-solid-light.k-hover {
12144
+ border-color: #e2e2e2;
12293
12145
  background-color: #e2e2e2;
12294
- border-color: #ebebeb;
12295
12146
  }
12296
12147
 
12297
12148
  .k-button-solid-light:focus, .k-button-solid-light.k-focus {
12298
- box-shadow: 0 0 0 2px rgba(235, 235, 235, 0.3);
12149
+ box-shadow: 0 0 0px 2px rgba(235, 235, 235, 0.3);
12299
12150
  }
12300
12151
 
12301
12152
  .k-button-solid-light:active, .k-button-solid-light.k-active {
12302
- background-color: #cfcfcf;
12303
12153
  border-color: #cfcfcf;
12154
+ background-color: #cfcfcf;
12304
12155
  }
12305
12156
 
12306
12157
  .k-button-solid-light.k-selected {
12307
- background-color: #cfcfcf;
12308
12158
  border-color: #cfcfcf;
12159
+ background-color: #cfcfcf;
12309
12160
  }
12310
12161
 
12311
12162
  .k-button-solid-inverse {
12163
+ border-color: #424242;
12312
12164
  color: white;
12313
12165
  background-color: #424242;
12314
- border-color: #424242;
12315
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
12166
+ background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
12316
12167
  }
12317
12168
 
12318
12169
  .k-button-solid-inverse:hover, .k-button-solid-inverse.k-hover {
12170
+ border-color: #3f3f3f;
12319
12171
  background-color: #3f3f3f;
12320
- border-color: #424242;
12321
12172
  }
12322
12173
 
12323
12174
  .k-button-solid-inverse:focus, .k-button-solid-inverse.k-focus {
12324
- box-shadow: 0 0 0 2px rgba(66, 66, 66, 0.3);
12175
+ box-shadow: 0 0 0px 2px rgba(66, 66, 66, 0.3);
12325
12176
  }
12326
12177
 
12327
12178
  .k-button-solid-inverse:active, .k-button-solid-inverse.k-active {
12328
- background-color: #3a3a3a;
12329
12179
  border-color: #3a3a3a;
12180
+ background-color: #3a3a3a;
12330
12181
  }
12331
12182
 
12332
12183
  .k-button-solid-inverse.k-selected {
12333
- background-color: #3a3a3a;
12334
12184
  border-color: #3a3a3a;
12185
+ background-color: #3a3a3a;
12335
12186
  }
12336
12187
 
12337
- .k-button-outline {
12188
+ .k-button-outline-primary {
12338
12189
  box-shadow: none;
12339
12190
  border-color: currentColor;
12340
- background: none;
12341
- }
12342
-
12343
- .k-button-outline-base {
12344
- color: #424242;
12345
- }
12346
-
12347
- .k-button-outline-base:hover, .k-button-outline-base.k-hover {
12348
- border-color: #424242;
12349
- color: white;
12350
- background-color: #424242;
12351
- }
12352
-
12353
- .k-button-outline-base:focus, .k-button-outline-base.k-focus {
12354
- box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
12355
- }
12356
-
12357
- .k-button-outline-base:active, .k-button-outline-base.k-active {
12358
- border-color: #424242;
12359
- color: white;
12360
- background-color: #424242;
12361
- }
12362
-
12363
- .k-button-outline-base.k-selected {
12364
- border-color: #424242;
12365
- color: white;
12366
- background-color: #424242;
12367
- }
12368
-
12369
- .k-button-outline-primary {
12370
12191
  color: #ff6358;
12192
+ background-color: transparent;
12371
12193
  }
12372
12194
 
12373
12195
  .k-button-outline-primary:hover, .k-button-outline-primary.k-hover {
@@ -12377,7 +12199,7 @@ kendo-badge-container {
12377
12199
  }
12378
12200
 
12379
12201
  .k-button-outline-primary:focus, .k-button-outline-primary.k-focus {
12380
- box-shadow: 0 0 0 2px rgba(255, 99, 88, 0.3);
12202
+ box-shadow: 0 0 0px 2px rgba(255, 99, 88, 0.3);
12381
12203
  }
12382
12204
 
12383
12205
  .k-button-outline-primary:active, .k-button-outline-primary.k-active {
@@ -12393,7 +12215,10 @@ kendo-badge-container {
12393
12215
  }
12394
12216
 
12395
12217
  .k-button-outline-secondary {
12218
+ box-shadow: none;
12219
+ border-color: currentColor;
12396
12220
  color: #666666;
12221
+ background-color: transparent;
12397
12222
  }
12398
12223
 
12399
12224
  .k-button-outline-secondary:hover, .k-button-outline-secondary.k-hover {
@@ -12403,7 +12228,7 @@ kendo-badge-container {
12403
12228
  }
12404
12229
 
12405
12230
  .k-button-outline-secondary:focus, .k-button-outline-secondary.k-focus {
12406
- box-shadow: 0 0 0 2px rgba(102, 102, 102, 0.3);
12231
+ box-shadow: 0 0 0px 2px rgba(102, 102, 102, 0.3);
12407
12232
  }
12408
12233
 
12409
12234
  .k-button-outline-secondary:active, .k-button-outline-secondary.k-active {
@@ -12419,7 +12244,10 @@ kendo-badge-container {
12419
12244
  }
12420
12245
 
12421
12246
  .k-button-outline-tertiary {
12247
+ box-shadow: none;
12248
+ border-color: currentColor;
12422
12249
  color: #03a9f4;
12250
+ background-color: transparent;
12423
12251
  }
12424
12252
 
12425
12253
  .k-button-outline-tertiary:hover, .k-button-outline-tertiary.k-hover {
@@ -12429,7 +12257,7 @@ kendo-badge-container {
12429
12257
  }
12430
12258
 
12431
12259
  .k-button-outline-tertiary:focus, .k-button-outline-tertiary.k-focus {
12432
- box-shadow: 0 0 0 2px rgba(3, 169, 244, 0.3);
12260
+ box-shadow: 0 0 0px 2px rgba(3, 169, 244, 0.3);
12433
12261
  }
12434
12262
 
12435
12263
  .k-button-outline-tertiary:active, .k-button-outline-tertiary.k-active {
@@ -12445,7 +12273,10 @@ kendo-badge-container {
12445
12273
  }
12446
12274
 
12447
12275
  .k-button-outline-info {
12276
+ box-shadow: none;
12277
+ border-color: currentColor;
12448
12278
  color: #0058e9;
12279
+ background-color: transparent;
12449
12280
  }
12450
12281
 
12451
12282
  .k-button-outline-info:hover, .k-button-outline-info.k-hover {
@@ -12455,7 +12286,7 @@ kendo-badge-container {
12455
12286
  }
12456
12287
 
12457
12288
  .k-button-outline-info:focus, .k-button-outline-info.k-focus {
12458
- box-shadow: 0 0 0 2px rgba(0, 88, 233, 0.3);
12289
+ box-shadow: 0 0 0px 2px rgba(0, 88, 233, 0.3);
12459
12290
  }
12460
12291
 
12461
12292
  .k-button-outline-info:active, .k-button-outline-info.k-active {
@@ -12471,7 +12302,10 @@ kendo-badge-container {
12471
12302
  }
12472
12303
 
12473
12304
  .k-button-outline-success {
12305
+ box-shadow: none;
12306
+ border-color: currentColor;
12474
12307
  color: #37b400;
12308
+ background-color: transparent;
12475
12309
  }
12476
12310
 
12477
12311
  .k-button-outline-success:hover, .k-button-outline-success.k-hover {
@@ -12481,7 +12315,7 @@ kendo-badge-container {
12481
12315
  }
12482
12316
 
12483
12317
  .k-button-outline-success:focus, .k-button-outline-success.k-focus {
12484
- box-shadow: 0 0 0 2px rgba(55, 180, 0, 0.3);
12318
+ box-shadow: 0 0 0px 2px rgba(55, 180, 0, 0.3);
12485
12319
  }
12486
12320
 
12487
12321
  .k-button-outline-success:active, .k-button-outline-success.k-active {
@@ -12497,7 +12331,10 @@ kendo-badge-container {
12497
12331
  }
12498
12332
 
12499
12333
  .k-button-outline-warning {
12334
+ box-shadow: none;
12335
+ border-color: currentColor;
12500
12336
  color: #ffc000;
12337
+ background-color: transparent;
12501
12338
  }
12502
12339
 
12503
12340
  .k-button-outline-warning:hover, .k-button-outline-warning.k-hover {
@@ -12507,7 +12344,7 @@ kendo-badge-container {
12507
12344
  }
12508
12345
 
12509
12346
  .k-button-outline-warning:focus, .k-button-outline-warning.k-focus {
12510
- box-shadow: 0 0 0 2px rgba(255, 192, 0, 0.3);
12347
+ box-shadow: 0 0 0px 2px rgba(255, 192, 0, 0.3);
12511
12348
  }
12512
12349
 
12513
12350
  .k-button-outline-warning:active, .k-button-outline-warning.k-active {
@@ -12523,7 +12360,10 @@ kendo-badge-container {
12523
12360
  }
12524
12361
 
12525
12362
  .k-button-outline-error {
12363
+ box-shadow: none;
12364
+ border-color: currentColor;
12526
12365
  color: #f31700;
12366
+ background-color: transparent;
12527
12367
  }
12528
12368
 
12529
12369
  .k-button-outline-error:hover, .k-button-outline-error.k-hover {
@@ -12533,7 +12373,7 @@ kendo-badge-container {
12533
12373
  }
12534
12374
 
12535
12375
  .k-button-outline-error:focus, .k-button-outline-error.k-focus {
12536
- box-shadow: 0 0 0 2px rgba(243, 23, 0, 0.3);
12376
+ box-shadow: 0 0 0px 2px rgba(243, 23, 0, 0.3);
12537
12377
  }
12538
12378
 
12539
12379
  .k-button-outline-error:active, .k-button-outline-error.k-active {
@@ -12549,7 +12389,10 @@ kendo-badge-container {
12549
12389
  }
12550
12390
 
12551
12391
  .k-button-outline-dark {
12392
+ box-shadow: none;
12393
+ border-color: currentColor;
12552
12394
  color: #424242;
12395
+ background-color: transparent;
12553
12396
  }
12554
12397
 
12555
12398
  .k-button-outline-dark:hover, .k-button-outline-dark.k-hover {
@@ -12559,7 +12402,7 @@ kendo-badge-container {
12559
12402
  }
12560
12403
 
12561
12404
  .k-button-outline-dark:focus, .k-button-outline-dark.k-focus {
12562
- box-shadow: 0 0 0 2px rgba(66, 66, 66, 0.3);
12405
+ box-shadow: 0 0 0px 2px rgba(66, 66, 66, 0.3);
12563
12406
  }
12564
12407
 
12565
12408
  .k-button-outline-dark:active, .k-button-outline-dark.k-active {
@@ -12575,7 +12418,10 @@ kendo-badge-container {
12575
12418
  }
12576
12419
 
12577
12420
  .k-button-outline-light {
12421
+ box-shadow: none;
12422
+ border-color: currentColor;
12578
12423
  color: #ebebeb;
12424
+ background-color: transparent;
12579
12425
  }
12580
12426
 
12581
12427
  .k-button-outline-light:hover, .k-button-outline-light.k-hover {
@@ -12585,7 +12431,7 @@ kendo-badge-container {
12585
12431
  }
12586
12432
 
12587
12433
  .k-button-outline-light:focus, .k-button-outline-light.k-focus {
12588
- box-shadow: 0 0 0 2px rgba(235, 235, 235, 0.3);
12434
+ box-shadow: 0 0 0px 2px rgba(235, 235, 235, 0.3);
12589
12435
  }
12590
12436
 
12591
12437
  .k-button-outline-light:active, .k-button-outline-light.k-active {
@@ -12601,7 +12447,10 @@ kendo-badge-container {
12601
12447
  }
12602
12448
 
12603
12449
  .k-button-outline-inverse {
12450
+ box-shadow: none;
12451
+ border-color: currentColor;
12604
12452
  color: #424242;
12453
+ background-color: transparent;
12605
12454
  }
12606
12455
 
12607
12456
  .k-button-outline-inverse:hover, .k-button-outline-inverse.k-hover {
@@ -12611,7 +12460,7 @@ kendo-badge-container {
12611
12460
  }
12612
12461
 
12613
12462
  .k-button-outline-inverse:focus, .k-button-outline-inverse.k-focus {
12614
- box-shadow: 0 0 0 2px rgba(66, 66, 66, 0.3);
12463
+ box-shadow: 0 0 0px 2px rgba(66, 66, 66, 0.3);
12615
12464
  }
12616
12465
 
12617
12466
  .k-button-outline-inverse:active, .k-button-outline-inverse.k-active {
@@ -12626,18 +12475,33 @@ kendo-badge-container {
12626
12475
  background-color: #424242;
12627
12476
  }
12628
12477
 
12629
- .k-button-flat {
12478
+ .k-button-outline-base {
12630
12479
  box-shadow: none;
12631
- border-color: transparent;
12632
- background: none;
12480
+ border-color: currentColor;
12481
+ color: #424242;
12482
+ background-color: transparent;
12633
12483
  }
12634
12484
 
12635
- .k-button-flat::after {
12636
- box-shadow: inset 0 0 0 2px currentColor;
12485
+ .k-button-outline-base:hover, .k-button-outline-base.k-hover {
12486
+ border-color: #424242;
12487
+ color: white;
12488
+ background-color: #424242;
12637
12489
  }
12638
12490
 
12639
- .k-button-flat-base {
12640
- color: inherit;
12491
+ .k-button-outline-base:focus, .k-button-outline-base.k-focus {
12492
+ box-shadow: 0 0 0px 2px rgba(66, 66, 66, 0.3);
12493
+ }
12494
+
12495
+ .k-button-outline-base:active, .k-button-outline-base.k-active {
12496
+ border-color: #424242;
12497
+ color: white;
12498
+ background-color: #424242;
12499
+ }
12500
+
12501
+ .k-button-outline-base.k-selected {
12502
+ border-color: #424242;
12503
+ color: white;
12504
+ background-color: #424242;
12641
12505
  }
12642
12506
 
12643
12507
  .k-button-flat-primary {
@@ -12680,17 +12544,7 @@ kendo-badge-container {
12680
12544
  color: #424242;
12681
12545
  }
12682
12546
 
12683
- .k-button-link {
12684
- box-shadow: none;
12685
- border-color: transparent;
12686
- background: none;
12687
- }
12688
-
12689
- .k-button-link::after {
12690
- box-shadow: inset 0 0 0 2px currentColor;
12691
- }
12692
-
12693
- .k-button-link-base {
12547
+ .k-button-flat-base {
12694
12548
  color: inherit;
12695
12549
  }
12696
12550
 
@@ -12698,47 +12552,220 @@ kendo-badge-container {
12698
12552
  color: #ff6358;
12699
12553
  }
12700
12554
 
12701
- .k-button-link-secondary {
12702
- color: #666666;
12555
+ .k-button-link-primary:hover, .k-button-link-primary.k-hover {
12556
+ color: #d6534a;
12703
12557
  }
12704
12558
 
12705
- .k-button-link-tertiary {
12706
- color: #03a9f4;
12559
+ .k-button-link-primary:focus, .k-button-link-primary.k-focus {
12560
+ box-shadow: 0 0 0px 2px rgba(255, 99, 88, 0.3);
12707
12561
  }
12708
12562
 
12709
- .k-button-link-info {
12710
- color: #0058e9;
12563
+ .k-button-link-primary:active, .k-button-link-primary.k-active {
12564
+ color: #d6534a;
12711
12565
  }
12712
12566
 
12713
- .k-button-link-success {
12714
- color: #37b400;
12567
+ .k-button-link-primary.k-selected {
12568
+ color: #d6534a;
12715
12569
  }
12716
12570
 
12717
- .k-button-link-warning {
12718
- color: #ffc000;
12571
+ .k-button-link-secondary {
12572
+ color: #666666;
12719
12573
  }
12720
12574
 
12721
- .k-button-link-error {
12722
- color: #f31700;
12575
+ .k-button-link-secondary:hover, .k-button-link-secondary.k-hover {
12576
+ color: #565656;
12723
12577
  }
12724
12578
 
12725
- .k-button-link-dark {
12726
- color: #424242;
12579
+ .k-button-link-secondary:focus, .k-button-link-secondary.k-focus {
12580
+ box-shadow: 0 0 0px 2px rgba(102, 102, 102, 0.3);
12727
12581
  }
12728
12582
 
12729
- .k-button-link-light {
12730
- color: #ebebeb;
12583
+ .k-button-link-secondary:active, .k-button-link-secondary.k-active {
12584
+ color: #565656;
12731
12585
  }
12732
12586
 
12733
- .k-button-link-inverse {
12734
- color: #424242;
12587
+ .k-button-link-secondary.k-selected {
12588
+ color: #565656;
12735
12589
  }
12736
12590
 
12737
- .k-button-group .k-button:focus,
12738
- .k-button-group .k-button.k-focus,
12739
- .k-button-group .k-button-outline:focus,
12740
- .k-button-group .k-button-outline.k-focus {
12741
- box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.16);
12591
+ .k-button-link-tertiary {
12592
+ color: #03a9f4;
12593
+ }
12594
+
12595
+ .k-button-link-tertiary:hover, .k-button-link-tertiary.k-hover {
12596
+ color: #038ecd;
12597
+ }
12598
+
12599
+ .k-button-link-tertiary:focus, .k-button-link-tertiary.k-focus {
12600
+ box-shadow: 0 0 0px 2px rgba(3, 169, 244, 0.3);
12601
+ }
12602
+
12603
+ .k-button-link-tertiary:active, .k-button-link-tertiary.k-active {
12604
+ color: #038ecd;
12605
+ }
12606
+
12607
+ .k-button-link-tertiary.k-selected {
12608
+ color: #038ecd;
12609
+ }
12610
+
12611
+ .k-button-link-info {
12612
+ color: #0058e9;
12613
+ }
12614
+
12615
+ .k-button-link-info:hover, .k-button-link-info.k-hover {
12616
+ color: #004ac4;
12617
+ }
12618
+
12619
+ .k-button-link-info:focus, .k-button-link-info.k-focus {
12620
+ box-shadow: 0 0 0px 2px rgba(0, 88, 233, 0.3);
12621
+ }
12622
+
12623
+ .k-button-link-info:active, .k-button-link-info.k-active {
12624
+ color: #004ac4;
12625
+ }
12626
+
12627
+ .k-button-link-info.k-selected {
12628
+ color: #004ac4;
12629
+ }
12630
+
12631
+ .k-button-link-success {
12632
+ color: #37b400;
12633
+ }
12634
+
12635
+ .k-button-link-success:hover, .k-button-link-success.k-hover {
12636
+ color: #2e9700;
12637
+ }
12638
+
12639
+ .k-button-link-success:focus, .k-button-link-success.k-focus {
12640
+ box-shadow: 0 0 0px 2px rgba(55, 180, 0, 0.3);
12641
+ }
12642
+
12643
+ .k-button-link-success:active, .k-button-link-success.k-active {
12644
+ color: #2e9700;
12645
+ }
12646
+
12647
+ .k-button-link-success.k-selected {
12648
+ color: #2e9700;
12649
+ }
12650
+
12651
+ .k-button-link-warning {
12652
+ color: #ffc000;
12653
+ }
12654
+
12655
+ .k-button-link-warning:hover, .k-button-link-warning.k-hover {
12656
+ color: #d6a100;
12657
+ }
12658
+
12659
+ .k-button-link-warning:focus, .k-button-link-warning.k-focus {
12660
+ box-shadow: 0 0 0px 2px rgba(255, 192, 0, 0.3);
12661
+ }
12662
+
12663
+ .k-button-link-warning:active, .k-button-link-warning.k-active {
12664
+ color: #d6a100;
12665
+ }
12666
+
12667
+ .k-button-link-warning.k-selected {
12668
+ color: #d6a100;
12669
+ }
12670
+
12671
+ .k-button-link-error {
12672
+ color: #f31700;
12673
+ }
12674
+
12675
+ .k-button-link-error:hover, .k-button-link-error.k-hover {
12676
+ color: #cc1300;
12677
+ }
12678
+
12679
+ .k-button-link-error:focus, .k-button-link-error.k-focus {
12680
+ box-shadow: 0 0 0px 2px rgba(243, 23, 0, 0.3);
12681
+ }
12682
+
12683
+ .k-button-link-error:active, .k-button-link-error.k-active {
12684
+ color: #cc1300;
12685
+ }
12686
+
12687
+ .k-button-link-error.k-selected {
12688
+ color: #cc1300;
12689
+ }
12690
+
12691
+ .k-button-link-dark {
12692
+ color: #424242;
12693
+ }
12694
+
12695
+ .k-button-link-dark:hover, .k-button-link-dark.k-hover {
12696
+ color: #373737;
12697
+ }
12698
+
12699
+ .k-button-link-dark:focus, .k-button-link-dark.k-focus {
12700
+ box-shadow: 0 0 0px 2px rgba(66, 66, 66, 0.3);
12701
+ }
12702
+
12703
+ .k-button-link-dark:active, .k-button-link-dark.k-active {
12704
+ color: #373737;
12705
+ }
12706
+
12707
+ .k-button-link-dark.k-selected {
12708
+ color: #373737;
12709
+ }
12710
+
12711
+ .k-button-link-light {
12712
+ color: #ebebeb;
12713
+ }
12714
+
12715
+ .k-button-link-light:hover, .k-button-link-light.k-hover {
12716
+ color: #c5c5c5;
12717
+ }
12718
+
12719
+ .k-button-link-light:focus, .k-button-link-light.k-focus {
12720
+ box-shadow: 0 0 0px 2px rgba(235, 235, 235, 0.3);
12721
+ }
12722
+
12723
+ .k-button-link-light:active, .k-button-link-light.k-active {
12724
+ color: #c5c5c5;
12725
+ }
12726
+
12727
+ .k-button-link-light.k-selected {
12728
+ color: #c5c5c5;
12729
+ }
12730
+
12731
+ .k-button-link-inverse {
12732
+ color: #424242;
12733
+ }
12734
+
12735
+ .k-button-link-inverse:hover, .k-button-link-inverse.k-hover {
12736
+ color: #373737;
12737
+ }
12738
+
12739
+ .k-button-link-inverse:focus, .k-button-link-inverse.k-focus {
12740
+ box-shadow: 0 0 0px 2px rgba(66, 66, 66, 0.3);
12741
+ }
12742
+
12743
+ .k-button-link-inverse:active, .k-button-link-inverse.k-active {
12744
+ color: #373737;
12745
+ }
12746
+
12747
+ .k-button-link-inverse.k-selected {
12748
+ color: #373737;
12749
+ }
12750
+
12751
+ .k-button-link-base {
12752
+ color: #424242;
12753
+ }
12754
+
12755
+ .k-button-link-base:hover, .k-button-link-base.k-hover {
12756
+ color: #373737;
12757
+ }
12758
+
12759
+ .k-button-link-base:focus, .k-button-link-base.k-focus {
12760
+ box-shadow: 0 0 0px 2px rgba(66, 66, 66, 0.3);
12761
+ }
12762
+
12763
+ .k-button-link-base:active, .k-button-link-base.k-active {
12764
+ color: #373737;
12765
+ }
12766
+
12767
+ .k-button-link-base.k-selected {
12768
+ color: #373737;
12742
12769
  }
12743
12770
 
12744
12771
  .k-split-button:focus,
@@ -12758,10 +12785,12 @@ kendo-badge-container {
12758
12785
  font-family: inherit;
12759
12786
  font-size: 14px;
12760
12787
  line-height: 1.4285714286;
12788
+ text-align: start;
12761
12789
  box-shadow: none;
12762
12790
  display: inline-flex;
12763
12791
  flex-flow: row nowrap;
12764
12792
  align-items: stretch;
12793
+ vertical-align: middle;
12765
12794
  position: relative;
12766
12795
  overflow: hidden;
12767
12796
  text-overflow: ellipsis;
@@ -12780,10 +12809,19 @@ kendo-badge-container {
12780
12809
  box-shadow: none;
12781
12810
  }
12782
12811
 
12812
+ .k-input > *,
12813
+ .k-picker > * {
12814
+ margin: 0;
12815
+ }
12816
+
12783
12817
  input.k-input {
12784
12818
  padding: 4px 8px;
12785
12819
  }
12786
12820
 
12821
+ .k-picker {
12822
+ cursor: pointer;
12823
+ }
12824
+
12787
12825
  select.k-picker {
12788
12826
  padding: 4px 8px;
12789
12827
  -webkit-appearance: auto;
@@ -12834,6 +12872,7 @@ select.k-picker {
12834
12872
  }
12835
12873
 
12836
12874
  span.k-input-inner {
12875
+ white-space: nowrap;
12837
12876
  display: flex;
12838
12877
  flex-flow: row nowrap;
12839
12878
  align-items: center;
@@ -12945,7 +12984,6 @@ textarea.k-input-inner {
12945
12984
 
12946
12985
  .k-input-button > .k-button-icon {
12947
12986
  min-width: auto !important;
12948
- min-height: auto !important;
12949
12987
  }
12950
12988
 
12951
12989
  .k-input-button:focus {
@@ -13169,11 +13207,16 @@ textarea.k-input-inner {
13169
13207
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
13170
13208
  }
13171
13209
 
13172
- .k-input:invalid, .k-input.k-invalid, .k-input.ng-invalid {
13210
+ .k-input:focus-within {
13211
+ border-color: rgba(0, 0, 0, 0.16);
13212
+ box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
13213
+ }
13214
+
13215
+ .k-input.k-invalid, .k-input.ng-invalid.ng-touched, .k-input.ng-invalid.ng-dirty {
13173
13216
  border-color: rgba(243, 23, 0, 0.5);
13174
13217
  }
13175
13218
 
13176
- .k-input:invalid .k-input-validation-icon, .k-input.k-invalid .k-input-validation-icon, .k-input.ng-invalid .k-input-validation-icon {
13219
+ .k-input.k-invalid .k-input-validation-icon, .k-input.ng-invalid.ng-touched .k-input-validation-icon, .k-input.ng-invalid.ng-dirty .k-input-validation-icon {
13177
13220
  color: #f31700;
13178
13221
  }
13179
13222
 
@@ -13192,11 +13235,15 @@ textarea.k-input-inner {
13192
13235
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
13193
13236
  }
13194
13237
 
13195
- .k-picker:invalid, .k-picker.k-invalid, .k-picker.ng-invalid {
13238
+ .k-picker:focus-within {
13239
+ box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
13240
+ }
13241
+
13242
+ .k-picker.k-invalid, .k-picker.ng-invalid.ng-touched, .k-picker.ng-invalid.ng-dirty {
13196
13243
  border-color: rgba(243, 23, 0, 0.5);
13197
13244
  }
13198
13245
 
13199
- .k-picker:invalid .k-input-validation-icon, .k-picker.k-invalid .k-input-validation-icon, .k-picker.ng-invalid .k-input-validation-icon {
13246
+ .k-picker.k-invalid .k-input-validation-icon, .k-picker.ng-invalid.ng-touched .k-input-validation-icon, .k-picker.ng-invalid.ng-dirty .k-input-validation-icon {
13200
13247
  color: #f31700;
13201
13248
  }
13202
13249
 
@@ -13401,7 +13448,7 @@ textarea.k-input-inner {
13401
13448
  }
13402
13449
 
13403
13450
  .k-table-list .k-table-group-row::before {
13404
- content: ".";
13451
+ content: "\200b";
13405
13452
  padding: 0;
13406
13453
  width: 0;
13407
13454
  display: block;
@@ -13481,7 +13528,7 @@ textarea.k-input-inner {
13481
13528
 
13482
13529
  .k-table-sm .k-table-th,
13483
13530
  .k-table-sm .k-table-td {
13484
- padding: 4px 8px;
13531
+ padding: 6px 8px;
13485
13532
  }
13486
13533
 
13487
13534
  .k-table-sm .k-table-list .k-table-group-td > span {
@@ -13489,7 +13536,7 @@ textarea.k-input-inner {
13489
13536
  }
13490
13537
 
13491
13538
  .k-table-sm .k-table-list .k-table-group-row::before {
13492
- padding: 4px 0;
13539
+ padding: 6px 0;
13493
13540
  }
13494
13541
 
13495
13542
  .k-table-md {
@@ -13517,7 +13564,7 @@ textarea.k-input-inner {
13517
13564
 
13518
13565
  .k-table-lg .k-table-th,
13519
13566
  .k-table-lg .k-table-td {
13520
- padding: 12px 8px;
13567
+ padding: 10px 8px;
13521
13568
  }
13522
13569
 
13523
13570
  .k-table-lg .k-table-list .k-table-group-td > span {
@@ -13525,7 +13572,7 @@ textarea.k-input-inner {
13525
13572
  }
13526
13573
 
13527
13574
  .k-table-lg .k-table-list .k-table-group-row::before {
13528
- padding: 12px 0;
13575
+ padding: 10px 0;
13529
13576
  }
13530
13577
 
13531
13578
  .k-rtl.k-table,
@@ -14693,7 +14740,7 @@ textarea.k-input-inner {
14693
14740
  }
14694
14741
 
14695
14742
  .k-skeleton-text:empty::before {
14696
- content: "\00a0";
14743
+ content: "\200b";
14697
14744
  }
14698
14745
 
14699
14746
  .k-skeleton-rect {
@@ -14801,10 +14848,14 @@ textarea.k-input-inner {
14801
14848
  }
14802
14849
 
14803
14850
  .k-toolbar .k-input,
14804
- .k-toolbar .k-picker:not(.k-colorpicker) {
14851
+ .k-toolbar .k-picker {
14805
14852
  width: 10em;
14806
14853
  }
14807
14854
 
14855
+ .k-toolbar .k-color-picker, .k-toolbar .k-colorpicker {
14856
+ width: min-content;
14857
+ }
14858
+
14808
14859
  .k-toolbar .k-overflow-anchor {
14809
14860
  border-radius: 0;
14810
14861
  margin: 0;
@@ -14923,6 +14974,7 @@ kendo-toolbar-renderer {
14923
14974
  .editorToolbarWindow.k-window-content .k-toolbar {
14924
14975
  padding: 0;
14925
14976
  border-width: 0;
14977
+ flex-shrink: 1;
14926
14978
  color: inherit;
14927
14979
  background: none;
14928
14980
  }
@@ -15092,11 +15144,6 @@ kendo-label > .k-label {
15092
15144
  flex-flow: row nowrap;
15093
15145
  }
15094
15146
 
15095
- .k-form .k-checkbox-label,
15096
- .k-form .k-radio-label {
15097
- display: inline-flex;
15098
- }
15099
-
15100
15147
  .k-form .k-label + .k-radio {
15101
15148
  margin-left: 0;
15102
15149
  }
@@ -15126,15 +15173,12 @@ kendo-label > .k-label {
15126
15173
  padding: 0;
15127
15174
  }
15128
15175
 
15129
- .k-form .k-form-field,
15130
- .k-form .k-daterangepicker .k-textbox-container {
15176
+ .k-form .k-form-field {
15131
15177
  margin-top: 1em;
15132
15178
  }
15133
15179
 
15134
15180
  .k-form > *:not(.k-hidden):first-child,
15135
- .k-form > *.k-hidden + :not(.k-hidden),
15136
- .k-form .k-daterangepicker .k-textbox-container:not(.k-hidden):first-child,
15137
- .k-form .k-daterangepicker .k-textbox-container.k-hidden + :not(.k-hidden) {
15181
+ .k-form > *.k-hidden + :not(.k-hidden) {
15138
15182
  margin-top: 0;
15139
15183
  }
15140
15184
 
@@ -15171,6 +15215,12 @@ kendo-label > .k-label {
15171
15215
  width: 100%;
15172
15216
  }
15173
15217
 
15218
+ .k-form .k-daterangepicker {
15219
+ width: 100%;
15220
+ flex-flow: column nowrap;
15221
+ gap: 0;
15222
+ }
15223
+
15174
15224
  .k-form-buttons {
15175
15225
  margin-top: 2em;
15176
15226
  padding: 0;
@@ -15587,6 +15637,10 @@ kendo-label > .k-label {
15587
15637
  max-width: 300px;
15588
15638
  }
15589
15639
 
15640
+ .k-textarea {
15641
+ display: flex;
15642
+ }
15643
+
15590
15644
  .k-listbox {
15591
15645
  width: 10em;
15592
15646
  height: 200px;
@@ -15652,11 +15706,20 @@ kendo-label > .k-label {
15652
15706
 
15653
15707
  .k-listbox .k-list-scroller {
15654
15708
  width: 100%;
15709
+ height: inherit;
15655
15710
  border-width: 1px;
15656
15711
  border-style: solid;
15657
15712
  box-sizing: border-box;
15658
15713
  }
15659
15714
 
15715
+ .k-listbox .k-list-scroller .k-list-scroller {
15716
+ border-width: 0;
15717
+ }
15718
+
15719
+ .k-listbox .k-list-scroller .k-list {
15720
+ height: inherit;
15721
+ }
15722
+
15660
15723
  .k-listbox .k-drop-hint {
15661
15724
  border-top-width: 1px;
15662
15725
  border-top-style: solid;
@@ -15962,90 +16025,13 @@ kendo-label > .k-label {
15962
16025
  -webkit-appearance: none;
15963
16026
  }
15964
16027
 
15965
- .k-radio-sm {
15966
- width: 12px;
15967
- height: 12px;
15968
- }
15969
-
15970
- .k-radio-sm + .k-radio-label .k-ripple {
15971
- top: 6px;
15972
- left: 6px;
15973
- width: 30px;
15974
- height: 30px;
15975
- }
15976
-
15977
- .k-radio-sm::before {
15978
- content: "";
15979
- width: 6px;
15980
- height: 6px;
15981
- border-radius: 50%;
15982
- background-color: currentColor;
15983
- transform: scale(0) translate(-50%, -50%);
15984
- overflow: hidden;
15985
- position: absolute;
15986
- top: 50%;
15987
- left: 50%;
15988
- }
15989
-
15990
- .k-radio-md {
15991
- width: 16px;
15992
- height: 16px;
15993
- }
15994
-
15995
- .k-radio-md + .k-radio-label .k-ripple {
15996
- top: 8px;
15997
- left: 8px;
15998
- width: 40px;
15999
- height: 40px;
16000
- }
16001
-
16002
- .k-radio-md::before {
16003
- content: "";
16004
- width: 8px;
16005
- height: 8px;
16006
- border-radius: 50%;
16007
- background-color: currentColor;
16008
- transform: scale(0) translate(-50%, -50%);
16009
- overflow: hidden;
16010
- position: absolute;
16011
- top: 50%;
16012
- left: 50%;
16013
- }
16014
-
16015
- .k-radio-lg {
16016
- width: 24px;
16017
- height: 24px;
16018
- }
16019
-
16020
- .k-radio-lg + .k-radio-label .k-ripple {
16021
- top: 12px;
16022
- left: 12px;
16023
- width: 60px;
16024
- height: 60px;
16025
- }
16026
-
16027
- .k-radio-lg::before {
16028
- content: "";
16029
- width: 12px;
16030
- height: 12px;
16031
- border-radius: 50%;
16032
- background-color: currentColor;
16033
- transform: scale(0) translate(-50%, -50%);
16034
- overflow: hidden;
16035
- position: absolute;
16036
- top: 50%;
16037
- left: 50%;
16038
- }
16039
-
16040
- .k-radio:checked::before,
16041
- .k-radio.k-checked::before {
16042
- transform: scale(1) translate(-50%, -50%);
16028
+ .k-radio:checked,
16029
+ .k-radio.k-checked {
16030
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3e%3ccircle cx='50%' cy='50%' r='4' fill='white'/%3e%3c/svg%3e");
16043
16031
  }
16044
16032
 
16045
16033
  .k-radio:disabled,
16046
- .k-radio.k-disabled,
16047
- .k-radio:disabled + .k-radio-label,
16048
- .k-radio.k-disabled + .k-radio-label {
16034
+ .k-radio.k-disabled {
16049
16035
  outline: none;
16050
16036
  cursor: default;
16051
16037
  opacity: 0.6;
@@ -16060,6 +16046,9 @@ kendo-label > .k-label {
16060
16046
  flex-flow: row nowrap;
16061
16047
  gap: 0;
16062
16048
  align-items: center;
16049
+ align-self: start;
16050
+ vertical-align: middle;
16051
+ position: relative;
16063
16052
  }
16064
16053
 
16065
16054
  .k-radio-wrap::before {
@@ -16071,57 +16060,35 @@ kendo-label > .k-label {
16071
16060
  vertical-align: top;
16072
16061
  }
16073
16062
 
16074
- .k-radio + .k-radio-label {
16075
- display: inline;
16076
- }
16077
-
16078
16063
  .k-radio-label {
16079
16064
  margin: 0;
16080
16065
  padding: 0;
16081
- line-height: 17px;
16082
16066
  display: inline-flex;
16083
16067
  align-items: flex-start;
16068
+ gap: 4px;
16084
16069
  vertical-align: middle;
16085
16070
  position: relative;
16086
16071
  cursor: pointer;
16087
16072
  }
16088
16073
 
16089
- .k-radio-label .k-label {
16090
- cursor: pointer;
16091
- }
16092
-
16093
- .k-radio-label:empty {
16094
- display: none !important;
16095
- }
16096
-
16097
16074
  .k-radio-label .k-ripple {
16098
- right: auto;
16099
- bottom: auto;
16100
- transform: translate(-50%, -50%);
16101
- border-radius: 50%;
16102
16075
  visibility: hidden !important;
16103
16076
  }
16104
16077
 
16105
- .k-radio-label .k-ripple-blob {
16106
- top: 50% !important;
16107
- left: 50% !important;
16108
- width: 200% !important;
16109
- height: 200% !important;
16110
- }
16111
-
16078
+ .k-radio + .k-label,
16079
+ .k-radio-wrap + .k-label,
16112
16080
  .k-radio + .k-radio-label,
16113
- .k-radio-label + .k-radio,
16114
- .k-label + .k-radio {
16115
- margin-left: 4px;
16081
+ .k-radio-wrap + .k-radio-label {
16082
+ display: inline;
16083
+ margin-inline-start: 4px;
16116
16084
  }
16117
16085
 
16118
- .k-radio-label > .k-radio {
16119
- margin-right: 4px;
16120
- flex-shrink: 0;
16086
+ .k-radio-label:empty {
16087
+ display: none !important;
16121
16088
  }
16122
16089
 
16123
- kendo-label.k-radio-label > .k-label {
16124
- display: inline;
16090
+ .k-radio-label.k-no-text {
16091
+ min-width: 1px;
16125
16092
  }
16126
16093
 
16127
16094
  .k-radio-list {
@@ -16145,7 +16112,7 @@ kendo-label.k-radio-label > .k-label {
16145
16112
 
16146
16113
  .k-radio-item .k-radio-label,
16147
16114
  .k-radio-list-item .k-radio-label {
16148
- line-height: inherit;
16115
+ margin: 0;
16149
16116
  }
16150
16117
 
16151
16118
  .k-radio-list-horizontal,
@@ -16155,99 +16122,83 @@ kendo-label.k-radio-label > .k-label {
16155
16122
  gap: 16px;
16156
16123
  }
16157
16124
 
16158
- .k-rtl .k-radio + .k-radio-label,
16159
- .k-rtl .k-radio-label + .k-radio,
16160
- .k-rtl .k-label + .k-radio,
16161
- [dir="rtl"] .k-radio + .k-radio-label,
16162
- [dir="rtl"] .k-radio-label + .k-radio,
16163
- [dir="rtl"] .k-label + .k-radio {
16164
- margin-left: 0;
16165
- margin-right: 4px;
16125
+ .k-ripple-container .k-radio::after {
16126
+ content: "";
16127
+ display: block;
16128
+ position: absolute;
16129
+ left: 50%;
16130
+ top: 50%;
16131
+ border-radius: 100%;
16132
+ z-index: -1;
16133
+ transition: opacity 100ms linear, transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
16134
+ transform: translate(-50%, -50%) scale(0);
16135
+ transform-origin: center center;
16166
16136
  }
16167
16137
 
16168
- .k-rtl .k-radio-label > .k-radio,
16169
- [dir="rtl"] .k-radio-label > .k-radio {
16170
- margin-right: 0;
16171
- margin-left: 4px;
16138
+ .k-ripple-container .k-radio:focus,
16139
+ .k-ripple-container .k-radio.k-state-focus {
16140
+ box-shadow: none !important;
16172
16141
  }
16173
16142
 
16174
- .k-rtl kendo-label.k-radio-label > .k-radio:last-child,
16175
- [dir="rtl"] kendo-label.k-radio-label > .k-radio:last-child {
16176
- margin-left: 0;
16143
+ .k-ripple-container .k-radio:focus::after,
16144
+ .k-ripple-container .k-radio.k-state-focus::after {
16145
+ transform: translate(-50%, -50%) scale(1);
16177
16146
  }
16178
16147
 
16179
- .k-rtl kendo-label.k-radio-label > .k-label:first-child,
16180
- [dir="rtl"] kendo-label.k-radio-label > .k-label:first-child {
16181
- margin-right: 0;
16182
- margin-left: 4px;
16148
+ .k-ripple-container .k-radio:disabled::after,
16149
+ .k-ripple-container .k-radio.k-disabled::after {
16150
+ display: none;
16151
+ }
16152
+
16153
+ .k-ripple-container .k-radio:disabled::after,
16154
+ .k-ripple-container .k-radio.k-disabled::after {
16155
+ display: none;
16156
+ }
16157
+
16158
+ .k-radio-sm {
16159
+ width: 12px;
16160
+ height: 12px;
16161
+ }
16162
+
16163
+ .k-radio-sm::before {
16164
+ font-size: 10px;
16183
16165
  }
16184
16166
 
16185
16167
  .k-ripple-container .k-radio-sm::after {
16186
- content: "";
16187
- display: block;
16188
- position: absolute;
16189
- left: 0;
16190
- top: 0;
16191
16168
  width: 36px;
16192
16169
  height: 36px;
16193
- margin-left: -14px;
16194
- margin-top: -14px;
16195
- border-radius: 100%;
16196
- z-index: 1;
16197
- transform: scale(0);
16170
+ }
16171
+
16172
+ .k-radio-md {
16173
+ width: 16px;
16174
+ height: 16px;
16175
+ }
16176
+
16177
+ .k-radio-md::before {
16178
+ font-size: 14px;
16198
16179
  }
16199
16180
 
16200
16181
  .k-ripple-container .k-radio-md::after {
16201
- content: "";
16202
- display: block;
16203
- position: absolute;
16204
- left: 0;
16205
- top: 0;
16206
16182
  width: 48px;
16207
16183
  height: 48px;
16208
- margin-left: -18px;
16209
- margin-top: -18px;
16210
- border-radius: 100%;
16211
- z-index: 1;
16212
- transform: scale(0);
16213
- }
16214
-
16215
- .k-ripple-container .k-radio-lg::after {
16216
- content: "";
16217
- display: block;
16218
- position: absolute;
16219
- left: 0;
16220
- top: 0;
16221
- width: 72px;
16222
- height: 72px;
16223
- margin-left: -26px;
16224
- margin-top: -26px;
16225
- border-radius: 100%;
16226
- z-index: 1;
16227
- transform: scale(0);
16228
16184
  }
16229
16185
 
16230
- .k-ripple-container .k-radio:disabled::after,
16231
- .k-ripple-container .k-radio.k-disabled::after {
16232
- display: none;
16186
+ .k-radio-lg {
16187
+ width: 20px;
16188
+ height: 20px;
16233
16189
  }
16234
16190
 
16235
- .k-radio::-ms-check {
16236
- border-width: 0;
16237
- border-color: inherit;
16238
- color: inherit;
16239
- background-color: inherit;
16191
+ .k-radio-lg::before {
16192
+ font-size: 18px;
16240
16193
  }
16241
16194
 
16242
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
16243
- .k-radio::-ms-check {
16244
- border-width: 1px;
16245
- }
16195
+ .k-ripple-container .k-radio-lg::after {
16196
+ width: 60px;
16197
+ height: 60px;
16246
16198
  }
16247
16199
 
16248
16200
  .k-radio {
16249
16201
  border-color: rgba(0, 0, 0, 0.08);
16250
- color: transparent;
16251
16202
  background-color: #ffffff;
16252
16203
  }
16253
16204
 
@@ -16279,13 +16230,12 @@ kendo-label.k-radio-label > .k-label {
16279
16230
 
16280
16231
  .k-radio:checked:focus,
16281
16232
  .k-radio.k-checked.k-state-focus {
16282
- border-color: #ff6358;
16283
16233
  box-shadow: 0 0 0 2px rgba(255, 99, 88, 0.3);
16284
16234
  }
16285
16235
 
16286
16236
  .k-ripple-container .k-radio::after {
16287
16237
  background: #ff6358;
16288
- opacity: 0.3;
16238
+ opacity: 0.25;
16289
16239
  }
16290
16240
 
16291
16241
  .k-slider {
@@ -16297,24 +16247,12 @@ kendo-label.k-radio-label > .k-label {
16297
16247
  line-height: 1.4285714286;
16298
16248
  background: none;
16299
16249
  display: inline-flex;
16300
- align-items: stretch;
16250
+ align-items: center;
16301
16251
  position: relative;
16302
16252
  -webkit-touch-callout: none;
16303
16253
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
16304
16254
  }
16305
16255
 
16306
- .k-slider .k-button-increase {
16307
- position: absolute;
16308
- right: 0;
16309
- top: 0;
16310
- }
16311
-
16312
- .k-slider .k-button-decrease {
16313
- position: absolute;
16314
- left: 0;
16315
- top: 0;
16316
- }
16317
-
16318
16256
  .k-slider .k-label {
16319
16257
  width: auto;
16320
16258
  font-size: .92em;
@@ -16349,29 +16287,28 @@ kendo-label.k-radio-label > .k-label {
16349
16287
  right: 0;
16350
16288
  }
16351
16289
 
16352
- .k-rtl .k-slider .k-button-increase, .k-slider.k-rtl .k-button-increase,
16353
- [dir="rtl"] .k-slider .k-button-increase, .k-slider[dir="rtl"] .k-button-increase {
16354
- left: 0;
16355
- right: auto;
16356
- }
16357
-
16358
- .k-rtl .k-slider .k-button-decrease, .k-slider.k-rtl .k-button-decrease,
16359
- [dir="rtl"] .k-slider .k-button-decrease, .k-slider[dir="rtl"] .k-button-decrease {
16360
- right: 0;
16361
- left: auto;
16290
+ .k-slider-wrap {
16291
+ width: 100%;
16292
+ height: 100%;
16293
+ box-sizing: border-box;
16294
+ display: flex;
16295
+ flex-flow: inherit;
16296
+ align-items: inherit;
16297
+ gap: inherit;
16298
+ position: relative;
16362
16299
  }
16363
16300
 
16364
16301
  .k-slider {
16302
+ width: min-content;
16303
+ height: min-content;
16365
16304
  gap: 7px;
16366
16305
  }
16367
16306
 
16368
- .k-slider > .k-button {
16369
- position: relative;
16370
- flex-shrink: 0;
16371
- align-self: center;
16307
+ .k-slider .k-button {
16308
+ flex: none;
16372
16309
  }
16373
16310
 
16374
- .k-slider > .k-slider-track-wrap {
16311
+ .k-slider .k-slider-track-wrap {
16375
16312
  flex: 1 1 auto;
16376
16313
  display: flex;
16377
16314
  flex-flow: inherit;
@@ -16379,114 +16316,118 @@ kendo-label.k-radio-label > .k-label {
16379
16316
  touch-action: none;
16380
16317
  }
16381
16318
 
16382
- .k-slider > .k-slider-track-wrap .k-slider-items {
16319
+ .k-slider .k-slider-track-wrap .k-slider-items {
16320
+ margin: 0;
16321
+ padding: 0;
16322
+ list-style: none;
16383
16323
  flex: 1 1 100%;
16384
16324
  display: flex;
16385
16325
  flex-flow: inherit;
16386
16326
  justify-content: space-between;
16327
+ -webkit-user-select: none;
16328
+ -ms-user-select: none;
16329
+ user-select: none;
16387
16330
  }
16388
16331
 
16389
- .k-slider > .k-slider-track-wrap .k-slider-items::after {
16390
- display: none;
16391
- }
16392
-
16393
- .k-slider > .k-slider-track-wrap .k-tick {
16332
+ .k-slider .k-slider-track-wrap .k-tick {
16394
16333
  flex: 0 0 1px;
16395
16334
  }
16396
16335
 
16397
- .k-slider > .k-slider-track-wrap .k-draghandle {
16336
+ .k-slider .k-slider-track-wrap .k-draghandle {
16398
16337
  position: absolute;
16399
16338
  }
16400
16339
 
16401
- .k-slider-horizontal > .k-slider-track-wrap .k-slider-track {
16340
+ .k-slider-horizontal .k-slider-track-wrap {
16341
+ height: 26px;
16342
+ }
16343
+
16344
+ .k-slider-horizontal .k-slider-track-wrap .k-slider-track {
16402
16345
  width: 100%;
16403
16346
  }
16404
16347
 
16405
- .k-slider-horizontal > .k-slider-track-wrap .k-draghandle {
16348
+ .k-slider-horizontal .k-slider-track-wrap .k-draghandle {
16406
16349
  top: 50%;
16407
16350
  transform: translate(-50%, -50%);
16408
16351
  }
16409
16352
 
16410
- .k-slider-horizontal > .k-slider-track-wrap .k-draghandle:focus,
16411
- .k-slider-horizontal > .k-slider-track-wrap .k-draghandle:active {
16353
+ .k-slider-horizontal .k-slider-track-wrap .k-draghandle:focus,
16354
+ .k-slider-horizontal .k-slider-track-wrap .k-draghandle:active {
16412
16355
  transform: translate(-50%, -50%) scale(1);
16413
16356
  }
16414
16357
 
16415
- .k-slider-horizontal > .k-slider-track-wrap .k-slider-selection {
16358
+ .k-slider-horizontal .k-slider-track-wrap .k-slider-selection {
16416
16359
  width: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%);
16417
16360
  left: calc(var(--kendo-slider-start, 0)*1%);
16418
16361
  }
16419
16362
 
16420
- .k-slider-horizontal > .k-slider-track-wrap .k-draghandle-start {
16363
+ .k-slider-horizontal .k-slider-track-wrap .k-draghandle-start {
16421
16364
  left: calc(var(--kendo-slider-start, 0)*1%);
16422
16365
  }
16423
16366
 
16424
- .k-slider-horizontal > .k-slider-track-wrap .k-draghandle-end {
16367
+ .k-slider-horizontal .k-slider-track-wrap .k-draghandle-end {
16425
16368
  left: calc(var(--kendo-slider-end, 0)*1%);
16426
16369
  }
16427
16370
 
16428
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-slider-selection {
16371
+ [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-slider-selection {
16429
16372
  left: unset;
16430
16373
  right: calc(var(--kendo-slider-start, 0)*1%);
16431
16374
  }
16432
16375
 
16433
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle-start {
16376
+ [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle-start {
16434
16377
  left: unset;
16435
16378
  right: calc(var(--kendo-slider-start, 0)*1%);
16436
16379
  }
16437
16380
 
16438
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle-end {
16381
+ [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle-end {
16439
16382
  left: unset;
16440
16383
  right: calc(var(--kendo-slider-end, 0)*1%);
16441
16384
  }
16442
16385
 
16443
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle {
16386
+ [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle {
16444
16387
  transform: translate(50%, -50%);
16445
16388
  }
16446
16389
 
16447
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle:focus,
16448
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle:active {
16390
+ [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle:focus,
16391
+ [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle:active {
16449
16392
  transform: translate(50%, -50%) scale(1);
16450
16393
  }
16451
16394
 
16452
- .k-slider-vertical > .k-slider-track-wrap .k-slider-track {
16395
+ .k-slider-vertical .k-slider-track-wrap {
16396
+ width: 26px;
16397
+ }
16398
+
16399
+ .k-slider-vertical .k-slider-track-wrap .k-slider-track {
16453
16400
  height: 100%;
16454
16401
  }
16455
16402
 
16456
- .k-slider-vertical > .k-slider-track-wrap .k-draghandle {
16403
+ .k-slider-vertical .k-slider-track-wrap .k-draghandle {
16457
16404
  left: 50%;
16458
16405
  transform: translate(-50%, 50%);
16459
16406
  }
16460
16407
 
16461
- .k-slider-vertical > .k-slider-track-wrap .k-draghandle:focus,
16462
- .k-slider-vertical > .k-slider-track-wrap .k-draghandle:active {
16408
+ .k-slider-vertical .k-slider-track-wrap .k-draghandle:focus,
16409
+ .k-slider-vertical .k-slider-track-wrap .k-draghandle:active {
16463
16410
  transform: translate(-50%, 50%) scale(1);
16464
16411
  }
16465
16412
 
16466
- .k-slider-vertical > .k-slider-track-wrap .k-slider-selection {
16413
+ .k-slider-vertical .k-slider-track-wrap .k-slider-selection {
16467
16414
  bottom: calc(var(--kendo-slider-start, 0)*1%);
16468
16415
  height: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%);
16469
16416
  }
16470
16417
 
16471
- .k-slider-vertical > .k-slider-track-wrap .k-draghandle-start {
16418
+ .k-slider-vertical .k-slider-track-wrap .k-draghandle-start {
16472
16419
  bottom: calc(var(--kendo-slider-start, 0)*1%);
16473
16420
  }
16474
16421
 
16475
- .k-slider-vertical > .k-slider-track-wrap .k-draghandle-end {
16422
+ .k-slider-vertical .k-slider-track-wrap .k-draghandle-end {
16476
16423
  bottom: calc(var(--kendo-slider-end, 0)*1%);
16477
16424
  }
16478
16425
 
16479
16426
  .k-slider-vertical {
16480
16427
  height: 200px;
16481
- width: 30px;
16482
16428
  flex-flow: column-reverse nowrap;
16483
16429
  }
16484
16430
 
16485
- .k-slider-vertical .k-button-decrease {
16486
- bottom: 0;
16487
- top: auto;
16488
- }
16489
-
16490
16431
  .k-slider-vertical .k-tick {
16491
16432
  text-align: right;
16492
16433
  margin-left: 2px;
@@ -16497,77 +16438,77 @@ kendo-label.k-radio-label > .k-label {
16497
16438
  }
16498
16439
 
16499
16440
  .k-slider-vertical .k-tick {
16500
- background-position: -92px center;
16441
+ background-position: -94px center;
16501
16442
  }
16502
16443
 
16503
16444
  .k-slider-vertical .k-slider-topleft .k-tick {
16504
- background-position: -122px center;
16445
+ background-position: -124px center;
16505
16446
  }
16506
16447
 
16507
16448
  .k-slider-vertical .k-slider-bottomright .k-tick {
16508
- background-position: -152px center;
16449
+ background-position: -154px center;
16509
16450
  }
16510
16451
 
16511
16452
  .k-slider-vertical .k-tick-large {
16512
16453
  display: flex;
16513
16454
  align-items: center;
16514
- background-position: -2px center;
16455
+ background-position: -4px center;
16515
16456
  }
16516
16457
 
16517
16458
  .k-slider-vertical .k-slider-topleft .k-tick-large {
16518
- background-position: -32px center;
16459
+ background-position: -34px center;
16519
16460
  }
16520
16461
 
16521
16462
  .k-slider-vertical .k-slider-bottomright .k-tick-large {
16522
- background-position: -62px center;
16463
+ background-position: -64px center;
16523
16464
  }
16524
16465
 
16525
16466
  .k-slider-vertical .k-first {
16526
- background-position: -92px 100%;
16467
+ background-position: -94px 100%;
16527
16468
  }
16528
16469
 
16529
16470
  .k-slider-vertical .k-tick-large.k-first {
16530
- background-position: -2px 100%;
16471
+ background-position: -4px 100%;
16531
16472
  }
16532
16473
 
16533
16474
  .k-slider-vertical .k-slider-topleft .k-first {
16534
- background-position: -122px 100%;
16475
+ background-position: -124px 100%;
16535
16476
  }
16536
16477
 
16537
16478
  .k-slider-vertical .k-slider-topleft .k-tick-large.k-first {
16538
- background-position: -32px 100%;
16479
+ background-position: -34px 100%;
16539
16480
  }
16540
16481
 
16541
16482
  .k-slider-vertical .k-slider-bottomright .k-first {
16542
- background-position: -152px 100%;
16483
+ background-position: -154px 100%;
16543
16484
  }
16544
16485
 
16545
16486
  .k-slider-vertical .k-slider-bottomright .k-tick-large.k-first {
16546
- background-position: -62px 100%;
16487
+ background-position: -64px 100%;
16547
16488
  }
16548
16489
 
16549
16490
  .k-slider-vertical .k-last {
16550
- background-position: -92px 0;
16491
+ background-position: -94px 0;
16551
16492
  }
16552
16493
 
16553
16494
  .k-slider-vertical .k-tick-large.k-last {
16554
- background-position: -2px 0;
16495
+ background-position: -4px 0;
16555
16496
  }
16556
16497
 
16557
16498
  .k-slider-vertical .k-slider-topleft .k-last {
16558
- background-position: -122px 0;
16499
+ background-position: -124px 0;
16559
16500
  }
16560
16501
 
16561
16502
  .k-slider-vertical .k-slider-topleft .k-tick-large.k-last {
16562
- background-position: -32px 0;
16503
+ background-position: -34px 0;
16563
16504
  }
16564
16505
 
16565
16506
  .k-slider-vertical .k-slider-bottomright .k-last {
16566
- background-position: -152px 0;
16507
+ background-position: -154px 0;
16567
16508
  }
16568
16509
 
16569
16510
  .k-slider-vertical .k-slider-bottomright .k-tick-large.k-last {
16570
- background-position: -62px 0;
16511
+ background-position: -64px 0;
16571
16512
  }
16572
16513
 
16573
16514
  .k-slider-vertical .k-label {
@@ -16603,17 +16544,10 @@ kendo-label.k-radio-label > .k-label {
16603
16544
  }
16604
16545
 
16605
16546
  .k-slider-horizontal {
16606
- height: 30px;
16607
16547
  width: 200px;
16608
16548
  flex-flow: row nowrap;
16609
16549
  }
16610
16550
 
16611
- .k-slider-horizontal .k-tick {
16612
- float: left;
16613
- height: 100%;
16614
- text-align: center;
16615
- }
16616
-
16617
16551
  .k-slider-horizontal .k-tick {
16618
16552
  background-position: center -92px;
16619
16553
  }
@@ -16714,11 +16648,6 @@ kendo-label.k-radio-label > .k-label {
16714
16648
  left: auto;
16715
16649
  }
16716
16650
 
16717
- .k-rtl .k-slider-horizontal .k-slider-buttons .k-slider-track, .k-slider-horizontal.k-rtl .k-slider-buttons .k-slider-track,
16718
- [dir="rtl"] .k-slider-horizontal .k-slider-buttons .k-slider-track, .k-slider-horizontal[dir="rtl"] .k-slider-buttons .k-slider-track {
16719
- right: 38px;
16720
- }
16721
-
16722
16651
  .k-rtl .k-slider-horizontal .k-button .k-i-arrow-e,
16723
16652
  .k-rtl .k-slider-horizontal .k-button .k-i-arrow-w, .k-slider-horizontal.k-rtl .k-button .k-i-arrow-e,
16724
16653
  .k-slider-horizontal.k-rtl .k-button .k-i-arrow-w,
@@ -16728,11 +16657,6 @@ kendo-label.k-radio-label > .k-label {
16728
16657
  transform: scaleX(-1);
16729
16658
  }
16730
16659
 
16731
- .k-slider-wrap {
16732
- height: 100%;
16733
- width: 100%;
16734
- }
16735
-
16736
16660
  .k-slider-track,
16737
16661
  .k-slider-selection {
16738
16662
  margin: 0;
@@ -16756,14 +16680,6 @@ kendo-label.k-radio-label > .k-label {
16756
16680
  width: 4px;
16757
16681
  }
16758
16682
 
16759
- .k-slider-horizontal .k-slider-buttons .k-slider-track {
16760
- left: 38px;
16761
- }
16762
-
16763
- .k-slider-vertical .k-slider-buttons .k-slider-track {
16764
- bottom: 38px;
16765
- }
16766
-
16767
16683
  .k-draghandle {
16768
16684
  background-color: transparent;
16769
16685
  background-repeat: no-repeat;
@@ -16773,29 +16689,11 @@ kendo-label.k-radio-label > .k-label {
16773
16689
  position: absolute;
16774
16690
  text-align: center;
16775
16691
  text-decoration: none;
16776
- box-sizing: content-box;
16692
+ box-sizing: border-box;
16777
16693
  width: 14px;
16778
16694
  height: 14px;
16779
16695
  }
16780
16696
 
16781
- .k-slider-horizontal .k-draghandle {
16782
- top: 50%;
16783
- transform: translateY(-50%);
16784
- }
16785
-
16786
- .k-slider-horizontal .k-draghandle:active, .k-slider-horizontal .k-draghandle.k-pressed {
16787
- transform: translateY(-50%) scale(1);
16788
- }
16789
-
16790
- .k-slider-vertical .k-draghandle {
16791
- left: 50%;
16792
- transform: translateX(-50%);
16793
- }
16794
-
16795
- .k-slider-vertical .k-draghandle:active, .k-slider-vertical .k-draghandle.k-pressed {
16796
- transform: translateX(-50%) scale(1);
16797
- }
16798
-
16799
16697
  .k-slider-transitions.k-slider-horizontal .k-draghandle {
16800
16698
  transition: left 0.3s ease-out, background-color 0.3s ease-out, transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
16801
16699
  }
@@ -16820,45 +16718,35 @@ kendo-label.k-radio-label > .k-label {
16820
16718
  transition: none;
16821
16719
  }
16822
16720
 
16823
- .k-slider-items {
16824
- -webkit-user-select: none;
16825
- -ms-user-select: none;
16826
- user-select: none;
16827
- }
16828
-
16829
- .k-slider-buttons .k-slider-items {
16830
- margin-left: 38px;
16831
- }
16832
-
16833
- .k-slider-horizontal .k-slider-items {
16834
- height: 100%;
16835
- padding: 2px 0;
16836
- box-sizing: border-box;
16721
+ .k-slider.k-readonly .k-button,
16722
+ .k-slider.k-readonly .k-slider-track,
16723
+ .k-slider.k-readonly .k-tick,
16724
+ .k-slider.k-readonly .k-draghandle {
16725
+ pointer-events: none;
16837
16726
  }
16838
16727
 
16839
- .k-slider-vertical .k-slider-items {
16840
- padding-top: 1px;
16728
+ .k-slider-tooltip .k-callout-n,
16729
+ .k-slider-tooltip .k-callout-s {
16730
+ margin-left: -3px;
16841
16731
  }
16842
16732
 
16843
- .k-slider-vertical .k-slider-buttons .k-slider-items {
16844
- margin: 0;
16845
- padding-top: 38px;
16733
+ .k-slider-tooltip .k-callout-w,
16734
+ .k-slider-tooltip .k-callout-e {
16735
+ margin-top: -3px;
16846
16736
  }
16847
16737
 
16848
- .k-slider-items::after {
16849
- content: "";
16850
- display: block;
16851
- clear: both;
16738
+ .k-slider kendo-resize-sensor {
16739
+ position: absolute;
16852
16740
  }
16853
-
16854
- .k-slider-tooltip .k-callout-n,
16855
- .k-slider-tooltip .k-callout-s {
16856
- margin-left: -3px;
16741
+
16742
+ .k-slider-horizontal .k-slider-wrap:not(.k-slider-buttons) {
16743
+ padding-left: 7px;
16744
+ padding-right: 7px;
16857
16745
  }
16858
16746
 
16859
- .k-slider-tooltip .k-callout-w,
16860
- .k-slider-tooltip .k-callout-e {
16861
- margin-top: -3px;
16747
+ .k-slider-vertical .k-slider-wrap:not(.k-slider-buttons) {
16748
+ padding-top: 7px;
16749
+ padding-bottom: 7px;
16862
16750
  }
16863
16751
 
16864
16752
  .k-slider {
@@ -16903,10 +16791,6 @@ kendo-label.k-radio-label > .k-label {
16903
16791
  box-shadow: 0 0 0 2px rgba(255, 99, 88, 0.3);
16904
16792
  }
16905
16793
 
16906
- .k-slider .k-slider-wrap:focus {
16907
- outline: none;
16908
- }
16909
-
16910
16794
  .k-slider-horizontal .k-tick {
16911
16795
  background-image: url(data:image/gif;base64,R0lGODlhAQC0AIABALi4uAAAACH5BAEAAAEALAAAAAABALQAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7);
16912
16796
  }
@@ -17169,7 +17053,7 @@ kendo-label.k-radio-label > .k-label {
17169
17053
  display: block;
17170
17054
  position: absolute;
17171
17055
  bottom: 0;
17172
- content: " ";
17056
+ content: "\200b";
17173
17057
  height: 0;
17174
17058
  line-height: 0;
17175
17059
  z-index: 1;
@@ -17203,7 +17087,7 @@ kendo-label.k-radio-label > .k-label {
17203
17087
  .k-calendar-navigation::before, .k-calendar-navigation::after {
17204
17088
  display: block;
17205
17089
  position: absolute;
17206
- content: " ";
17090
+ content: "\200b";
17207
17091
  height: 0;
17208
17092
  line-height: 0;
17209
17093
  z-index: 1;
@@ -17585,7 +17469,7 @@ kendo-label.k-radio-label > .k-label {
17585
17469
 
17586
17470
  .k-time-list-wrapper.k-state-focused::before, .k-time-list-wrapper.k-state-focused::after {
17587
17471
  display: block;
17588
- content: " ";
17472
+ content: "\200b";
17589
17473
  position: absolute;
17590
17474
  width: 100%;
17591
17475
  left: 0;
@@ -17611,13 +17495,14 @@ kendo-label.k-radio-label > .k-label {
17611
17495
  flex: 1;
17612
17496
  position: relative;
17613
17497
  z-index: 1;
17498
+ outline: 0;
17614
17499
  overflow: hidden;
17615
17500
  }
17616
17501
 
17617
17502
  .k-time-list::before, .k-time-list::after {
17618
17503
  display: block;
17619
17504
  position: absolute;
17620
- content: " ";
17505
+ content: "\200b";
17621
17506
  height: 0;
17622
17507
  line-height: 0;
17623
17508
  z-index: 1;
@@ -17945,10 +17830,6 @@ kendo-label.k-radio-label > .k-label {
17945
17830
  z-index: 1;
17946
17831
  }
17947
17832
 
17948
- .k-colorgradient-slider .k-slider-wrap > .k-slider-track {
17949
- height: 180px;
17950
- }
17951
-
17952
17833
  .k-colorgradient-slider .k-slider-selection {
17953
17834
  display: none;
17954
17835
  }
@@ -18147,7 +18028,7 @@ kendo-label.k-radio-label > .k-label {
18147
18028
  box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.3);
18148
18029
  }
18149
18030
 
18150
- .k-colorpicker {
18031
+ .k-color-picker, .k-colorpicker {
18151
18032
  width: min-content;
18152
18033
  }
18153
18034
 
@@ -18188,6 +18069,13 @@ kendo-label.k-radio-label > .k-label {
18188
18069
  gap: 8px;
18189
18070
  }
18190
18071
 
18072
+ .k-daterangepicker-wrap {
18073
+ display: inherit;
18074
+ flex-flow: inherit;
18075
+ align-items: inherit;
18076
+ gap: inherit;
18077
+ }
18078
+
18191
18079
  .k-dropdowngrid-popup {
18192
18080
  overflow: hidden;
18193
18081
  }
@@ -18474,6 +18362,16 @@ kendo-label.k-radio-label > .k-label {
18474
18362
 
18475
18363
  .k-dropdown-operator {
18476
18364
  width: min-content;
18365
+ flex: none;
18366
+ aspect-ratio: 1;
18367
+ }
18368
+
18369
+ .k-dropdown-operator .k-input-button {
18370
+ border-width: 0;
18371
+ }
18372
+
18373
+ .k-dropdown-operator .k-input-button .k-button-icon {
18374
+ width: auto;
18477
18375
  aspect-ratio: 1;
18478
18376
  }
18479
18377
 
@@ -18488,6 +18386,8 @@ kendo-label.k-radio-label > .k-label {
18488
18386
  box-sizing: border-box;
18489
18387
  outline: 0;
18490
18388
  font-family: inherit;
18389
+ font-size: 14px;
18390
+ line-height: 1.4285714286;
18491
18391
  display: block;
18492
18392
  cursor: default;
18493
18393
  overflow: auto;
@@ -18496,8 +18396,15 @@ kendo-label.k-radio-label > .k-label {
18496
18396
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
18497
18397
  }
18498
18398
 
18499
- .k-treeview-group,
18500
- .k-treeview .k-group {
18399
+ .k-treeview-filter {
18400
+ padding: 4px;
18401
+ box-sizing: border-box;
18402
+ display: block;
18403
+ position: relative;
18404
+ flex: none;
18405
+ }
18406
+
18407
+ .k-treeview-group {
18501
18408
  margin: 0;
18502
18409
  padding: 0;
18503
18410
  list-style: none;
@@ -18507,8 +18414,7 @@ kendo-label.k-radio-label > .k-label {
18507
18414
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
18508
18415
  }
18509
18416
 
18510
- .k-treeview-group.ng-animating,
18511
- .k-treeview .k-group.ng-animating {
18417
+ .k-treeview-group.ng-animating {
18512
18418
  overflow: hidden;
18513
18419
  }
18514
18420
 
@@ -18537,21 +18443,20 @@ kendo-label.k-radio-label > .k-label {
18537
18443
  cursor: pointer;
18538
18444
  }
18539
18445
 
18540
- .k-treeview-toggle + .k-checkbox-wrap,
18541
- .k-treeview-toggle + .k-checkbox-wrapper {
18542
- margin-left: 4px;
18543
- }
18544
-
18545
18446
  .k-treeview-loading {
18546
18447
  margin-right: 4px;
18547
18448
  }
18548
18449
 
18549
18450
  .k-treeview .k-checkbox-wrap,
18550
18451
  .k-treeview .k-checkbox-wrapper {
18452
+ margin-left: 4px;
18551
18453
  margin-right: 4px;
18454
+ align-self: center;
18552
18455
  }
18553
18456
 
18554
18457
  .k-treeview-leaf {
18458
+ border-radius: 2px;
18459
+ padding: 4px 8px;
18555
18460
  border: 0px solid transparent;
18556
18461
  text-decoration: none;
18557
18462
  display: inline-flex;
@@ -18567,7 +18472,7 @@ kendo-label.k-radio-label > .k-label {
18567
18472
  margin-right: 4px;
18568
18473
  }
18569
18474
 
18570
- .k-treeview-leaf.k-state-focus, .k-treeview-leaf.k-state-focused {
18475
+ .k-treeview-leaf.k-focus {
18571
18476
  z-index: 1;
18572
18477
  }
18573
18478
 
@@ -18575,7 +18480,7 @@ kendo-label.k-radio-label > .k-label {
18575
18480
  cursor: pointer;
18576
18481
  }
18577
18482
 
18578
- .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 {
18483
+ .k-treeview .k-treeview-load-more-button:hover, .k-treeview .k-treeview-load-more-button.k-hover, .k-treeview .k-treeview-load-more-button:focus, .k-treeview .k-treeview-load-more-button.k-focus {
18579
18484
  text-decoration: underline;
18580
18485
  }
18581
18486
 
@@ -18591,27 +18496,12 @@ kendo-label.k-radio-label > .k-label {
18591
18496
  margin-right: -16px;
18592
18497
  }
18593
18498
 
18594
- .k-rtl .k-treeview .k-treeview-toggle + .k-checkbox-wrap,
18595
- .k-rtl .k-treeview .k-treeview-toggle + .k-checkbox-wrapper,
18596
- .k-treeview[dir="rtl"] .k-treeview-toggle + .k-checkbox-wrap,
18597
- .k-treeview[dir="rtl"] .k-treeview-toggle + .k-checkbox-wrapper {
18598
- margin-right: 4px;
18599
- }
18600
-
18601
18499
  .k-rtl .k-treeview .k-treeview-loading,
18602
18500
  .k-treeview[dir="rtl"] .k-treeview-loading {
18603
18501
  margin-right: 0;
18604
18502
  margin-left: 4px;
18605
18503
  }
18606
18504
 
18607
- .k-rtl .k-treeview .k-checkbox-wrap,
18608
- .k-rtl .k-treeview .k-checkbox-wrapper,
18609
- .k-treeview[dir="rtl"] .k-checkbox-wrap,
18610
- .k-treeview[dir="rtl"] .k-checkbox-wrapper {
18611
- margin-right: 0;
18612
- margin-left: 4px;
18613
- }
18614
-
18615
18505
  .k-rtl .k-treeview .k-treeview-leaf .k-icon,
18616
18506
  .k-rtl .k-treeview .k-treeview-leaf .k-image,
18617
18507
  .k-rtl .k-treeview .k-treeview-leaf .k-sprite,
@@ -18629,12 +18519,12 @@ kendo-label.k-radio-label > .k-label {
18629
18519
  }
18630
18520
 
18631
18521
  .k-treeview-sm {
18632
- font-size: 12px;
18522
+ font-size: 14px;
18633
18523
  line-height: 1.4285714286;
18634
18524
  }
18635
18525
 
18636
18526
  .k-treeview-sm .k-treeview-leaf {
18637
- padding: 2px 4px;
18527
+ padding: 2px 8px;
18638
18528
  }
18639
18529
 
18640
18530
  .k-treeview-md {
@@ -18647,12 +18537,12 @@ kendo-label.k-radio-label > .k-label {
18647
18537
  }
18648
18538
 
18649
18539
  .k-treeview-lg {
18650
- font-size: 16px;
18540
+ font-size: 14px;
18651
18541
  line-height: 1.4285714286;
18652
18542
  }
18653
18543
 
18654
18544
  .k-treeview-lg .k-treeview-leaf {
18655
- padding: 8px 12px;
18545
+ padding: 6px 8px;
18656
18546
  }
18657
18547
 
18658
18548
  .k-treeview {
@@ -19647,7 +19537,7 @@ kendo-label.k-radio-label > .k-label {
19647
19537
  }
19648
19538
 
19649
19539
  .k-appbar {
19650
- padding: 8px 16px;
19540
+ padding: 8px 8px;
19651
19541
  border-width: 0px;
19652
19542
  border-style: solid;
19653
19543
  box-sizing: border-box;
@@ -19693,10 +19583,14 @@ kendo-label.k-radio-label > .k-label {
19693
19583
  }
19694
19584
 
19695
19585
  .k-appbar .k-input,
19696
- .k-appbar .k-picker:not(.k-colorpicker) {
19586
+ .k-appbar .k-picker {
19697
19587
  width: 10em;
19698
19588
  }
19699
19589
 
19590
+ .k-appbar .k-color-picker, .k-appbar .k-colorpicker {
19591
+ width: min-content;
19592
+ }
19593
+
19700
19594
  .k-appbar-static {
19701
19595
  position: static;
19702
19596
  }
@@ -20452,6 +20346,8 @@ kendo-label.k-radio-label > .k-label {
20452
20346
  }
20453
20347
 
20454
20348
  .k-menu-vertical > .k-menu-item > .k-menu-link {
20349
+ padding: 4px 8px;
20350
+ padding-right: 32px;
20455
20351
  }
20456
20352
 
20457
20353
  .k-menu-vertical .k-menu-expand-arrow {
@@ -20513,23 +20409,23 @@ kendo-label.k-radio-label > .k-label {
20513
20409
  }
20514
20410
 
20515
20411
  .k-menu-group-sm {
20516
- font-size: 12px;
20517
- line-height: 1.5;
20412
+ font-size: 14px;
20413
+ line-height: 1.4285714286;
20518
20414
  }
20519
20415
 
20520
20416
  .k-menu-group-sm .k-menu-item {
20521
- font-size: 12px;
20522
- line-height: 1.5;
20417
+ font-size: 14px;
20418
+ line-height: 1.4285714286;
20523
20419
  }
20524
20420
 
20525
20421
  .k-menu-group-sm .k-menu-link {
20526
- padding: 3px 6px;
20527
- padding-inline-end: 28px;
20422
+ padding: 2px 8px;
20423
+ padding-inline-end: 32px;
20528
20424
  }
20529
20425
 
20530
20426
  .k-menu-group-sm .k-menu-expand-arrow {
20531
- margin-inline-start: 6px;
20532
- margin-inline-end: -25px;
20427
+ margin-inline-start: 8px;
20428
+ margin-inline-end: -28px;
20533
20429
  }
20534
20430
 
20535
20431
  .k-menu-group-md {
@@ -20554,22 +20450,22 @@ kendo-label.k-radio-label > .k-label {
20554
20450
 
20555
20451
  .k-menu-group-lg {
20556
20452
  font-size: 16px;
20557
- line-height: 1.5;
20453
+ line-height: 1.4285714286;
20558
20454
  }
20559
20455
 
20560
20456
  .k-menu-group-lg .k-menu-item {
20561
20457
  font-size: 16px;
20562
- line-height: 1.5;
20458
+ line-height: 1.4285714286;
20563
20459
  }
20564
20460
 
20565
20461
  .k-menu-group-lg .k-menu-link {
20566
- padding: 5px 10px;
20567
- padding-inline-end: 36px;
20462
+ padding: 6px 8px;
20463
+ padding-inline-end: 32px;
20568
20464
  }
20569
20465
 
20570
20466
  .k-menu-group-lg .k-menu-expand-arrow {
20571
- margin-inline-start: 10px;
20572
- margin-inline-end: -31px;
20467
+ margin-inline-start: 8px;
20468
+ margin-inline-end: -28px;
20573
20469
  }
20574
20470
 
20575
20471
  .k-popups-wrapper {
@@ -20666,6 +20562,18 @@ kendo-label.k-radio-label > .k-label {
20666
20562
  margin-left: 0;
20667
20563
  }
20668
20564
 
20565
+ .k-rtl .k-menu-vertical > .k-menu-item > .k-menu-link,
20566
+ [dir="rtl"] .k-menu-vertical > .k-menu-item > .k-menu-link {
20567
+ padding-right: 8px;
20568
+ padding-left: 32px;
20569
+ }
20570
+
20571
+ .k-rtl .k-menu-group .k-menu-link,
20572
+ [dir="rtl"] .k-menu-group .k-menu-link {
20573
+ padding-right: 8px;
20574
+ padding-left: 32px;
20575
+ }
20576
+
20669
20577
  .k-menu:not(.k-context-menu) {
20670
20578
  color: #424242;
20671
20579
  background-color: transparent;
@@ -20970,11 +20878,11 @@ kendo-label.k-radio-label > .k-label {
20970
20878
  }
20971
20879
 
20972
20880
  .k-window-content:first-child {
20973
- padding-top: max( 16px, 12px );
20881
+ padding-top: clamp(16px, 12px, 12px);
20974
20882
  }
20975
20883
 
20976
20884
  .k-window-content:last-child {
20977
- padding-bottom: max( 16px, 12px );
20885
+ padding-bottom: clamp(16px, 12px, 12px);
20978
20886
  }
20979
20887
 
20980
20888
  .k-window-iframecontent {
@@ -21004,6 +20912,10 @@ kendo-label.k-radio-label > .k-label {
21004
20912
  overflow: hidden;
21005
20913
  }
21006
20914
 
20915
+ .k-prompt-container > .k-textarea {
20916
+ width: 100%;
20917
+ }
20918
+
21007
20919
  .k-window .k-resize-n {
21008
20920
  top: 0;
21009
20921
  }
@@ -22683,7 +22595,8 @@ kendo-card-footer {
22683
22595
  position: relative;
22684
22596
  }
22685
22597
 
22686
- .k-pager-numbers-wrap select.k-dropdown-list {
22598
+ .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-numbers-wrap select.k-dropdown,
22599
+ .k-pager-numbers-wrap select.k-dropdownlist {
22687
22600
  cursor: pointer;
22688
22601
  display: none;
22689
22602
  }
@@ -22716,15 +22629,19 @@ kendo-card-footer {
22716
22629
  width: 5em;
22717
22630
  }
22718
22631
 
22719
- .k-pager-sizes .k-dropdown-list,
22632
+ .k-pager-sizes .k-dropdown-list, .k-pager-sizes .k-dropdown,
22633
+ .k-pager-sizes .k-dropdownlist,
22720
22634
  .k-pager-sizes > select {
22721
22635
  margin-right: 1ex;
22722
22636
  width: 5em;
22723
22637
  }
22724
22638
 
22725
- .k-rtl .k-pager-sizes .k-dropdown-list,
22639
+ .k-rtl .k-pager-sizes .k-dropdown-list, .k-rtl .k-pager-sizes .k-dropdown,
22640
+ .k-rtl .k-pager-sizes .k-dropdownlist,
22726
22641
  .k-rtl .k-pager-sizes > select,
22727
22642
  [dir="rtl"] .k-pager-sizes .k-dropdown-list,
22643
+ [dir="rtl"] .k-pager-sizes .k-dropdown,
22644
+ [dir="rtl"] .k-pager-sizes .k-dropdownlist,
22728
22645
  [dir="rtl"] .k-pager-sizes > select {
22729
22646
  margin-left: 1ex;
22730
22647
  margin-right: 0;
@@ -22752,7 +22669,8 @@ kendo-card-footer {
22752
22669
  overflow: visible;
22753
22670
  }
22754
22671
 
22755
- .k-pager-sm .k-pager-numbers-wrap select.k-dropdown-list {
22672
+ .k-pager-sm .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-sm .k-pager-numbers-wrap select.k-dropdown,
22673
+ .k-pager-sm .k-pager-numbers-wrap select.k-dropdownlist {
22756
22674
  width: 5em;
22757
22675
  display: flex;
22758
22676
  }
@@ -23197,7 +23115,7 @@ kendo-card-footer {
23197
23115
  color: inherit;
23198
23116
  background-color: transparent;
23199
23117
  display: flex;
23200
- flex-direction: column;
23118
+ flex-flow: column nowrap;
23201
23119
  -webkit-touch-callout: none;
23202
23120
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
23203
23121
  }
@@ -23291,6 +23209,7 @@ kendo-card-footer {
23291
23209
  top: 0;
23292
23210
  left: 0;
23293
23211
  transition: width .2s linear;
23212
+ display: none;
23294
23213
  }
23295
23214
 
23296
23215
  .k-tabstrip-items .k-loading.k-complete {
@@ -23300,6 +23219,7 @@ kendo-card-footer {
23300
23219
 
23301
23220
  .k-tabstrip-scrollable > .k-tabstrip-items-wrapper > .k-tabstrip-items {
23302
23221
  flex: 1 1 auto;
23222
+ flex-wrap: nowrap;
23303
23223
  white-space: nowrap;
23304
23224
  overflow: hidden;
23305
23225
  }
@@ -24353,11 +24273,6 @@ kendo-card-footer {
24353
24273
  box-sizing: border-box;
24354
24274
  }
24355
24275
 
24356
- .k-pane-wrapper .k-grid-filter-menu .k-filter-selected-items {
24357
- margin: 1em;
24358
- font-weight: normal;
24359
- }
24360
-
24361
24276
  .k-pane-wrapper .k-grid-edit-form .k-popup-edit-form,
24362
24277
  .k-pane-wrapper .k-grid-edit-form .k-edit-form-container {
24363
24278
  width: auto;
@@ -24591,39 +24506,8 @@ kendo-card-footer {
24591
24506
  border-bottom-width: 0;
24592
24507
  }
24593
24508
 
24594
- .k-pane-wrapper .k-grid-edit-form > .k-header,
24595
- .k-pane-wrapper .k-grid-column-menu > .k-header,
24596
- .k-pane-wrapper .k-grid-filter-menu > .k-header,
24597
- .k-pane-wrapper .k-scheduler-edit-form > .k-header {
24598
- display: flex;
24599
- justify-content: space-between;
24600
- padding: .3em .6em;
24601
- width: auto;
24602
- line-height: 2em;
24603
- }
24604
-
24605
- .k-pane-wrapper .k-grid-edit-form > .k-header .k-header-done,
24606
- .k-pane-wrapper .k-grid-edit-form > .k-header .k-header-cancel,
24607
- .k-pane-wrapper .k-grid-column-menu > .k-header .k-header-done,
24608
- .k-pane-wrapper .k-grid-column-menu > .k-header .k-header-cancel,
24609
- .k-pane-wrapper .k-grid-filter-menu > .k-header .k-header-done,
24610
- .k-pane-wrapper .k-grid-filter-menu > .k-header .k-header-cancel,
24611
- .k-pane-wrapper .k-scheduler-edit-form > .k-header .k-header-done,
24612
- .k-pane-wrapper .k-scheduler-edit-form > .k-header .k-header-cancel {
24613
- display: flex;
24614
- flex-direction: row;
24615
- align-items: center;
24616
- }
24617
-
24618
- .k-pane-wrapper .k-grid-edit-form > .k-header .k-header-done .k-icon,
24619
- .k-pane-wrapper .k-grid-edit-form > .k-header .k-header-cancel .k-icon,
24620
- .k-pane-wrapper .k-grid-column-menu > .k-header .k-header-done .k-icon,
24621
- .k-pane-wrapper .k-grid-column-menu > .k-header .k-header-cancel .k-icon,
24622
- .k-pane-wrapper .k-grid-filter-menu > .k-header .k-header-done .k-icon,
24623
- .k-pane-wrapper .k-grid-filter-menu > .k-header .k-header-cancel .k-icon,
24624
- .k-pane-wrapper .k-scheduler-edit-form > .k-header .k-header-done .k-icon,
24625
- .k-pane-wrapper .k-scheduler-edit-form > .k-header .k-header-cancel .k-icon {
24626
- font-size: 1.5em;
24509
+ .k-pane-wrapper .k-appbar {
24510
+ padding: 4px;
24627
24511
  }
24628
24512
 
24629
24513
  .k-pane-wrapper .k-list-title,
@@ -24632,22 +24516,66 @@ kendo-card-footer {
24632
24516
  display: block;
24633
24517
  }
24634
24518
 
24519
+ .k-pane-wrapper .k-listgroup-title {
24520
+ padding: 8px 8px;
24521
+ font-weight: bold;
24522
+ text-transform: uppercase;
24523
+ }
24524
+
24635
24525
  .k-pane-wrapper .k-listgroup .k-listgroup-item {
24636
24526
  border-color: inherit;
24637
24527
  }
24638
24528
 
24639
24529
  .k-pane-wrapper .k-listgroup + .k-listgroup {
24640
- margin-top: 2em;
24530
+ margin-top: 16px;
24531
+ }
24532
+
24533
+ .k-pane-wrapper .k-column-menu {
24534
+ padding: 8px;
24535
+ display: flex;
24536
+ flex-flow: column nowrap;
24537
+ gap: 8px;
24641
24538
  }
24642
24539
 
24643
24540
  .k-pane-wrapper .k-column-menu .k-filter-item .k-filterable * {
24644
24541
  pointer-events: none;
24645
24542
  }
24646
24543
 
24544
+ .k-pane-wrapper .k-column-menu .k-list-title,
24545
+ .k-pane-wrapper .k-column-menu .k-listgroup-title {
24546
+ padding: 0;
24547
+ }
24548
+
24549
+ .k-pane-wrapper .k-column-menu .k-listgroup {
24550
+ margin-inline: -8px;
24551
+ }
24552
+
24553
+ .k-pane-wrapper .k-filter-menu {
24554
+ padding: 8px;
24555
+ display: flex;
24556
+ flex-flow: column nowrap;
24557
+ gap: 8px;
24558
+ }
24559
+
24560
+ .k-pane-wrapper .k-filter-menu .k-list-title {
24561
+ padding: 0;
24562
+ }
24563
+
24564
+ .k-pane-wrapper .k-filter-menu .k-list-filter {
24565
+ padding: 0;
24566
+ display: flex;
24567
+ flex-flow: column nowrap;
24568
+ gap: inherit;
24569
+ }
24570
+
24647
24571
  .k-pane-wrapper .k-filter-menu .k-filter-tools {
24648
- margin: 1em;
24649
24572
  display: flex;
24650
- justify-content: space-between;
24573
+ flex-flow: row nowrap;
24574
+ gap: inherit;
24575
+ }
24576
+
24577
+ .k-pane-wrapper .k-filter-menu .k-listgroup {
24578
+ margin-inline: -8px;
24651
24579
  }
24652
24580
 
24653
24581
  .k-pane-wrapper .k-popup-edit-form .k-recur-editor-wrap {
@@ -24674,27 +24602,12 @@ kendo-card-footer {
24674
24602
  display: none;
24675
24603
  }
24676
24604
 
24677
- .k-ie .k-pane-wrapper .k-scheduler .k-scheduler-toolbar,
24678
- .k-ie .k-pane-wrapper .k-scheduler .k-scheduler-footer {
24679
- line-height: 2em;
24680
- }
24681
-
24682
- .k-ie .k-pane-wrapper .k-grid .k-icon {
24683
- text-indent: 0;
24684
- }
24685
-
24686
- .k-rtl .k-pane-wrapper .k-grid-edit-form > .k-header,
24687
- .k-rtl .k-pane-wrapper .k-grid-column-menu > .k-header,
24688
- .k-rtl .k-pane-wrapper .k-grid-filter-menu > .k-header,
24689
- .k-rtl .k-pane-wrapper .k-scheduler-edit-form > .k-header, .k-pane-wrapper[dir="rtl"] .k-grid-edit-form > .k-header,
24690
- .k-pane-wrapper[dir="rtl"] .k-grid-column-menu > .k-header,
24691
- .k-pane-wrapper[dir="rtl"] .k-grid-filter-menu > .k-header,
24692
- .k-pane-wrapper[dir="rtl"] .k-scheduler-edit-form > .k-header,
24693
- [dir="rtl"] .k-pane-wrapper .k-grid-edit-form > .k-header,
24694
- [dir="rtl"] .k-pane-wrapper .k-grid-column-menu > .k-header,
24695
- [dir="rtl"] .k-pane-wrapper .k-grid-filter-menu > .k-header,
24696
- [dir="rtl"] .k-pane-wrapper .k-scheduler-edit-form > .k-header {
24697
- flex-direction: row-reverse;
24605
+ .k-rtl .k-pane-wrapper .k-header-cancel .k-i-arrow-chevron-left,
24606
+ .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,
24607
+ .k-pane-wrapper[dir="rtl"] .k-listgroup-item .k-select .k-i-arrow-chevron-right,
24608
+ [dir="rtl"] .k-pane-wrapper .k-header-cancel .k-i-arrow-chevron-left,
24609
+ [dir="rtl"] .k-pane-wrapper .k-listgroup-item .k-select .k-i-arrow-chevron-right {
24610
+ transform: scaleX(-1);
24698
24611
  }
24699
24612
 
24700
24613
  .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,
@@ -24716,11 +24629,6 @@ kendo-card-footer {
24716
24629
  margin-right: 0;
24717
24630
  }
24718
24631
 
24719
- .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,
24720
- [dir="rtl"] .k-pane-wrapper .k-scheduler-edit-form .k-item .k-i-arrow-chevron-right {
24721
- transform: scaleX(-1);
24722
- }
24723
-
24724
24632
  .k-pane-wrapper,
24725
24633
  .k-view {
24726
24634
  border-color: rgba(0, 0, 0, 0.08);
@@ -24772,21 +24680,6 @@ kendo-card-footer {
24772
24680
  background-color: inherit;
24773
24681
  }
24774
24682
 
24775
- .k-pane-wrapper .k-pane .k-grid-edit-form .k-header,
24776
- .k-pane-wrapper .k-pane .k-grid-column-menu .k-header,
24777
- .k-pane-wrapper .k-pane .k-grid-filter-menu .k-header,
24778
- .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-header {
24779
- color: white;
24780
- background-color: #ff6358;
24781
- }
24782
-
24783
- .k-pane-wrapper .k-pane .k-grid-edit-form .k-header .k-link,
24784
- .k-pane-wrapper .k-pane .k-grid-column-menu .k-header .k-link,
24785
- .k-pane-wrapper .k-pane .k-grid-filter-menu .k-header .k-link,
24786
- .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-header .k-link {
24787
- color: inherit;
24788
- }
24789
-
24790
24683
  .k-pane-wrapper .k-pane .k-grid-edit-form .k-item,
24791
24684
  .k-pane-wrapper .k-pane .k-grid-edit-form .k-link,
24792
24685
  .k-pane-wrapper .k-pane .k-grid-column-menu .k-item,
@@ -25570,6 +25463,7 @@ div.k-grid-footer {
25570
25463
 
25571
25464
  .k-filtercell > span,
25572
25465
  .k-filtercell .k-filtercell-wrapper {
25466
+ width: 100%;
25573
25467
  display: flex;
25574
25468
  flex-flow: row nowrap;
25575
25469
  align-items: center;
@@ -25582,6 +25476,18 @@ div.k-grid-footer {
25582
25476
  flex: none;
25583
25477
  }
25584
25478
 
25479
+ .k-filtercell .k-input,
25480
+ .k-filtercell .k-picker {
25481
+ width: auto;
25482
+ flex: 1 1 auto;
25483
+ }
25484
+
25485
+ .k-filtercell .k-color-picker, .k-filtercell .k-colorpicker,
25486
+ .k-filtercell .k-dropdown-operator {
25487
+ width: min-content;
25488
+ flex: none;
25489
+ }
25490
+
25585
25491
  .k-grid-content,
25586
25492
  .k-grid-content-locked {
25587
25493
  border-color: inherit;
@@ -25614,6 +25520,17 @@ div.k-grid-footer {
25614
25520
  position: relative;
25615
25521
  }
25616
25522
 
25523
+ .k-grid th > .k-radio,
25524
+ .k-grid th > .k-radio-wrap,
25525
+ .k-grid th > .k-checkbox,
25526
+ .k-grid th > .k-checkbox-wrap,
25527
+ .k-grid td > .k-radio,
25528
+ .k-grid td > .k-radio-wrap,
25529
+ .k-grid td > .k-checkbox,
25530
+ .k-grid td > .k-checkbox-wrap {
25531
+ vertical-align: top;
25532
+ }
25533
+
25617
25534
  .k-grid .k-edit-cell,
25618
25535
  .k-grid .k-command-cell,
25619
25536
  .k-grid .k-grid-edit-row td {
@@ -25632,6 +25549,17 @@ div.k-grid-footer {
25632
25549
  box-sizing: border-box;
25633
25550
  }
25634
25551
 
25552
+ .k-grid .k-edit-cell > .k-radio,
25553
+ .k-grid .k-edit-cell > .k-checkbox,
25554
+ .k-grid .k-edit-cell > .k-radio-wrap,
25555
+ .k-grid .k-edit-cell > .k-checkbox-wrap,
25556
+ .k-grid .k-grid-edit-row td > .k-radio,
25557
+ .k-grid .k-grid-edit-row td > .k-checkbox,
25558
+ .k-grid .k-grid-edit-row td > .k-radio-wrap,
25559
+ .k-grid .k-grid-edit-row td > .k-checkbox-wrap {
25560
+ vertical-align: middle;
25561
+ }
25562
+
25635
25563
  .k-grid .k-command-cell > .k-button {
25636
25564
  vertical-align: middle;
25637
25565
  }
@@ -26063,12 +25991,8 @@ div.k-grid-norecords {
26063
25991
  .k-popup .k-multicheck-wrap .k-item,
26064
25992
  .k-popup .k-multicheck-wrap .k-check-all-wrap {
26065
25993
  padding: 4px 8px;
26066
- }
26067
-
26068
- .k-popup .k-multicheck-wrap .k-item > .k-checkbox-label,
26069
- .k-popup .k-multicheck-wrap .k-check-all-wrap > .k-checkbox-label {
26070
- line-height: inherit;
26071
- display: block;
25994
+ display: flex;
25995
+ flex-flow: row nowrap;
26072
25996
  }
26073
25997
 
26074
25998
  .k-filter-selected-items {
@@ -26103,7 +26027,7 @@ div.k-grid-norecords {
26103
26027
 
26104
26028
  .k-popup > .k-column-menu-popup, .k-popup >
26105
26029
  .k-grid-columnmenu-popup {
26106
- width: 100%;
26030
+ max-width: 100%;
26107
26031
  }
26108
26032
 
26109
26033
  .k-column-menu-popup .k-actions, .k-column-menu-popup .k-edit-buttons,
@@ -26150,10 +26074,17 @@ div.k-grid-norecords {
26150
26074
  }
26151
26075
 
26152
26076
  .k-column-list-item {
26153
- position: relative;
26154
- display: block;
26155
26077
  margin: 0;
26078
+ display: flex;
26079
+ flex-flow: row nowrap;
26080
+ align-items: center;
26081
+ gap: 4px;
26156
26082
  cursor: pointer;
26083
+ position: relative;
26084
+ }
26085
+
26086
+ .k-column-list-item .k-checkbox-label {
26087
+ margin: 0;
26157
26088
  }
26158
26089
 
26159
26090
  .k-columns-items-wrap {
@@ -26367,11 +26298,6 @@ tbody .k-group-cell {
26367
26298
  background-color: #f7d1ce;
26368
26299
  }
26369
26300
 
26370
- .k-grid .k-grid-content-locked .k-state-hover td,
26371
- .k-grid .k-grid-content-locked tr:hover td {
26372
- background-color: #ebebeb;
26373
- }
26374
-
26375
26301
  .k-grid .k-grid-content-locked .k-state-selected:hover td,
26376
26302
  .k-grid .k-grid-content-locked .k-state-selected.k-state-hover td {
26377
26303
  background-color: #f1ccc9;
@@ -26839,10 +26765,14 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
26839
26765
  }
26840
26766
 
26841
26767
  .k-spreadsheet-toolbar .k-input,
26842
- .k-spreadsheet-toolbar .k-picker:not(.k-colorpicker) {
26768
+ .k-spreadsheet-toolbar .k-picker {
26843
26769
  width: 5em;
26844
26770
  }
26845
26771
 
26772
+ .k-spreadsheet-toolbar .k-color-picker, .k-spreadsheet-toolbar .k-colorpicker {
26773
+ width: min-content;
26774
+ }
26775
+
26846
26776
  .k-spreadsheet-action-bar {
26847
26777
  border-width: 0 0 1px;
26848
26778
  border-style: solid;
@@ -28072,7 +28002,8 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
28072
28002
  align-items: flex-start;
28073
28003
  }
28074
28004
 
28075
- .k-pivotgrid-configurator-content .k-form .k-dropdown-list {
28005
+ .k-pivotgrid-configurator-content .k-form .k-dropdown-list, .k-pivotgrid-configurator-content .k-form .k-dropdown,
28006
+ .k-pivotgrid-configurator-content .k-form .k-dropdownlist {
28076
28007
  max-width: 90px;
28077
28008
  }
28078
28009
 
@@ -28163,7 +28094,8 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
28163
28094
  margin-right: 8px;
28164
28095
  }
28165
28096
 
28166
- .k-calculated-field-actions .k-dropdown-list {
28097
+ .k-calculated-field-actions .k-dropdown-list, .k-calculated-field-actions .k-dropdown,
28098
+ .k-calculated-field-actions .k-dropdownlist {
28167
28099
  max-width: 100px;
28168
28100
  }
28169
28101
 
@@ -28678,6 +28610,7 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
28678
28610
  .k-treelist .k-status .k-loading {
28679
28611
  vertical-align: baseline;
28680
28612
  margin-right: 5px;
28613
+ display: none;
28681
28614
  }
28682
28615
 
28683
28616
  .k-treelist tr.k-hidden {
@@ -28795,6 +28728,11 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
28795
28728
  border-style: solid;
28796
28729
  }
28797
28730
 
28731
+ .k-filter .k-filter-operator .k-dropdown-list, .k-filter .k-filter-operator .k-dropdown,
28732
+ .k-filter .k-filter-operator .k-dropdownlist {
28733
+ width: 15em;
28734
+ }
28735
+
28798
28736
  .k-filter .k-filter-item {
28799
28737
  position: relative;
28800
28738
  }
@@ -29697,10 +29635,6 @@ td.k-editor-content {
29697
29635
  padding: 10px 0 40px;
29698
29636
  }
29699
29637
 
29700
- .k-editor-find-replace .k-search-options > span {
29701
- padding-bottom: 4px;
29702
- }
29703
-
29704
29638
  .k-editor-find-replace .k-matches-container {
29705
29639
  position: absolute;
29706
29640
  bottom: 0;
@@ -29911,16 +29845,17 @@ td.k-editor-content {
29911
29845
  width: 10em;
29912
29846
  }
29913
29847
 
29914
- .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdown-list {
29848
+ .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdown-list, .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdown,
29849
+ .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdownlist {
29915
29850
  width: 5em;
29916
29851
  }
29917
29852
 
29918
- .k-editor-table-wizard-dialog .k-numerictextbox + .k-colorpicker,
29919
- .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdown-list {
29853
+ .k-editor-table-wizard-dialog .k-numerictextbox + .k-color-picker, .k-editor-table-wizard-dialog .k-numerictextbox + .k-colorpicker, .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdown-list, .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdown,
29854
+ .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdownlist {
29920
29855
  margin-left: 8px;
29921
29856
  }
29922
29857
 
29923
- .k-editor-table-wizard-dialog .k-colorpicker {
29858
+ .k-editor-table-wizard-dialog .k-color-picker, .k-editor-table-wizard-dialog .k-colorpicker {
29924
29859
  vertical-align: middle;
29925
29860
  }
29926
29861
 
@@ -30620,7 +30555,7 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
30620
30555
  }
30621
30556
 
30622
30557
  .k-gantt-tasks td::after {
30623
- content: "\a0";
30558
+ content: "\200b";
30624
30559
  }
30625
30560
 
30626
30561
  .k-task-wrap {
@@ -31914,7 +31849,7 @@ kendo-scheduler .k-event .k-event-bottom-actions,
31914
31849
  }
31915
31850
 
31916
31851
  .k-recurrence-editor {
31917
- display: inline-flex;
31852
+ display: flex;
31918
31853
  flex-direction: column;
31919
31854
  }
31920
31855
 
@@ -32123,7 +32058,7 @@ kendo-scheduler .k-recurrence-editor {
32123
32058
  }
32124
32059
 
32125
32060
  .k-scheduler-edit-form .k-edit-form-container {
32126
- width: 620px;
32061
+ width: 100%;
32127
32062
  }
32128
32063
 
32129
32064
  .k-scheduler-edit-form .k-edit-label {
@@ -32134,23 +32069,36 @@ kendo-scheduler .k-recurrence-editor {
32134
32069
  width: 77%;
32135
32070
  }
32136
32071
 
32137
- .k-scheduler-edit-form .k-scheduler-delete {
32138
- float: left;
32072
+ .k-scheduler-edit-form .k-edit-field > ul > li {
32073
+ display: flex;
32074
+ flex-flow: row nowrap;
32075
+ align-items: center;
32076
+ }
32077
+
32078
+ .k-scheduler-edit-form .k-recurrence-editor .k-radio-list .k-radio-wrap,
32079
+ .k-scheduler-edit-form .k-recurrence-editor .k-checkbox-list .k-checkbox-wrap {
32080
+ align-self: center;
32139
32081
  }
32140
32082
 
32141
- .k-scheduler-edit-form .k-widget.k-recur-interval,
32142
- .k-scheduler-edit-form .k-widget.k-recur-count,
32143
- .k-scheduler-edit-form .k-widget.k-recur-monthday {
32083
+ .k-scheduler-edit-form .k-recur-interval,
32084
+ .k-scheduler-edit-form .k-recur-count,
32085
+ .k-scheduler-edit-form .k-recur-monthday {
32144
32086
  width: 5em;
32145
32087
  }
32146
32088
 
32147
- .k-scheduler-edit-form .k-widget.k-recur-until,
32148
- .k-scheduler-edit-form .k-widget.k-recur-month,
32149
- .k-scheduler-edit-form .k-widget.k-recur-weekday,
32150
- .k-scheduler-edit-form .k-widget.k-recur-weekday-offset {
32089
+ .k-scheduler-edit-form .k-recur-until,
32090
+ .k-scheduler-edit-form .k-recur-month,
32091
+ .k-scheduler-edit-form .k-recur-weekday,
32092
+ .k-scheduler-edit-form .k-recur-weekday-offset {
32151
32093
  width: 10em;
32152
32094
  }
32153
32095
 
32096
+ .k-scheduler-edit-form .k-scheduler-datetime-picker {
32097
+ display: flex;
32098
+ flex-flow: row nowrap;
32099
+ gap: 8px;
32100
+ }
32101
+
32154
32102
  .k-rtl .k-scheduler-header th,
32155
32103
  .k-rtl .k-scheduler-table td {
32156
32104
  border-width: 0 1px 1px 0;
@@ -32666,7 +32614,8 @@ kendo-scheduler .k-recurrence-editor {
32666
32614
  box-sizing: border-box;
32667
32615
  border-width: 1px 0 0;
32668
32616
  border-style: solid;
32669
- border-radius: 0;
32617
+ border-color: inherit !important;
32618
+ border-radius: 0 !important;
32670
32619
  flex: none;
32671
32620
  display: flex;
32672
32621
  flex-flow: row nowrap;
@@ -32690,10 +32639,6 @@ kendo-scheduler .k-recurrence-editor {
32690
32639
  display: inline-block;
32691
32640
  }
32692
32641
 
32693
- .k-message-box .k-button::before, .k-message-box .k-button::after {
32694
- display: none;
32695
- }
32696
-
32697
32642
  .k-rtl .k-message-box .k-button, .k-message-box .k-button[dir="rtl"] {
32698
32643
  transform: scaleX(-1);
32699
32644
  }
@@ -32816,12 +32761,19 @@ kendo-scheduler .k-recurrence-editor {
32816
32761
  .k-chat-toolbar .k-scroll-button,
32817
32762
  .k-chat .k-toolbar-box .k-scroll-button {
32818
32763
  height: 100%;
32764
+ aspect-ratio: auto;
32819
32765
  position: absolute;
32820
32766
  z-index: 2;
32821
32767
  top: 50%;
32822
32768
  transform: translateY(-50%);
32823
32769
  }
32824
32770
 
32771
+ .k-chat-toolbar .k-scroll-button .k-button-icon,
32772
+ .k-chat .k-toolbar-box .k-scroll-button .k-button-icon {
32773
+ min-width: auto;
32774
+ min-height: auto;
32775
+ }
32776
+
32825
32777
  .k-chat-toolbar .k-scroll-button-left,
32826
32778
  .k-chat .k-toolbar-box .k-scroll-button-left {
32827
32779
  left: 0;
@@ -32972,16 +32924,6 @@ kendo-scheduler .k-recurrence-editor {
32972
32924
  background-color: #ff6358;
32973
32925
  }
32974
32926
 
32975
- .k-chat .k-message-box {
32976
- border-color: inherit;
32977
- color: #424242;
32978
- background-color: #ffffff;
32979
- }
32980
-
32981
- .k-chat .k-message-box.k-state-focused {
32982
- box-shadow: 0 0 40px rgba(66, 66, 66, 0.1);
32983
- }
32984
-
32985
32927
  .k-chat-toolbar,
32986
32928
  .k-chat .k-toolbar-box {
32987
32929
  border-color: inherit;
@@ -33033,7 +32975,8 @@ kendo-scheduler .k-recurrence-editor {
33033
32975
  box-shadow: none;
33034
32976
  }
33035
32977
 
33036
- .k-mediaplayer-toolbar .k-dropdown-list {
32978
+ .k-mediaplayer-toolbar .k-dropdown-list, .k-mediaplayer-toolbar .k-dropdown,
32979
+ .k-mediaplayer-toolbar .k-dropdownlist {
33037
32980
  width: auto;
33038
32981
  }
33039
32982
 
@@ -33046,12 +32989,17 @@ kendo-scheduler .k-recurrence-editor {
33046
32989
  align-items: center;
33047
32990
  }
33048
32991
 
32992
+ .k-mediaplayer-volume {
32993
+ width: 100px;
32994
+ }
32995
+
33049
32996
  .k-slider.k-mediaplayer-seekbar {
33050
32997
  width: 100%;
33051
32998
  position: absolute;
33052
32999
  z-index: 3;
33053
- top: -17px;
33000
+ top: 0;
33054
33001
  left: 0;
33002
+ transform: translateY(-50%);
33055
33003
  }
33056
33004
 
33057
33005
  .k-mediaplayer-seekbar .k-slider-track {
@@ -33059,6 +33007,10 @@ kendo-scheduler .k-recurrence-editor {
33059
33007
  border-radius: 0;
33060
33008
  }
33061
33009
 
33010
+ .k-mediaplayer-seekbar .k-slider-selection {
33011
+ border-radius: 0;
33012
+ }
33013
+
33062
33014
  .k-mediaplayer-fullscreen {
33063
33015
  z-index: 10000;
33064
33016
  position: fixed;