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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (93) hide show
  1. package/dist/all.css +746 -799
  2. package/dist/all.scss +1296 -1170
  3. package/modules/@progress/kendo-theme-default/package.json +2 -2
  4. package/modules/@progress/kendo-theme-default/scss/adaptive/_layout.scss +40 -86
  5. package/modules/@progress/kendo-theme-default/scss/adaptive/_theme.scss +0 -9
  6. package/modules/@progress/kendo-theme-default/scss/appbar/_variables.scss +1 -1
  7. package/modules/@progress/kendo-theme-default/scss/autocomplete/_theme.scss +20 -39
  8. package/modules/@progress/kendo-theme-default/scss/autocomplete/_variables.scss +0 -19
  9. package/modules/@progress/kendo-theme-default/scss/avatar/_variables.scss +11 -1
  10. package/modules/@progress/kendo-theme-default/scss/button/_layout.scss +2 -2
  11. package/modules/@progress/kendo-theme-default/scss/button/_variables.scss +3 -3
  12. package/modules/@progress/kendo-theme-default/scss/calendar/_layout.scss +2 -14
  13. package/modules/@progress/kendo-theme-default/scss/card/_variables.scss +4 -4
  14. package/modules/@progress/kendo-theme-default/scss/chat/_layout.scss +3 -9
  15. package/modules/@progress/kendo-theme-default/scss/chat/_theme.scss +0 -21
  16. package/modules/@progress/kendo-theme-default/scss/chat/_variables.scss +0 -7
  17. package/modules/@progress/kendo-theme-default/scss/checkbox/_layout.scss +78 -145
  18. package/modules/@progress/kendo-theme-default/scss/checkbox/_theme.scss +6 -2
  19. package/modules/@progress/kendo-theme-default/scss/checkbox/_variables.scss +87 -18
  20. package/modules/@progress/kendo-theme-default/scss/daterangepicker/_index.scss +10 -0
  21. package/modules/@progress/kendo-theme-default/scss/daterangepicker/_layout.scss +27 -0
  22. package/modules/@progress/kendo-theme-default/scss/daterangepicker/_theme.scss +3 -0
  23. package/modules/@progress/kendo-theme-default/scss/daterangepicker/_variables.scss +1 -0
  24. package/modules/@progress/kendo-theme-default/scss/editor/_layout.scss +2 -10
  25. package/modules/@progress/kendo-theme-default/scss/forms/_layout.scss +7 -9
  26. package/modules/@progress/kendo-theme-default/scss/gantt/_layout.scss +1 -1
  27. package/modules/@progress/kendo-theme-default/scss/grid/_layout.scss +128 -97
  28. package/modules/@progress/kendo-theme-default/scss/grid/_variables.scss +1 -3
  29. package/modules/@progress/kendo-theme-default/scss/index.scss +1 -0
  30. package/modules/@progress/kendo-theme-default/scss/input/_layout.scss +1 -1
  31. package/modules/@progress/kendo-theme-default/scss/input/_variables.scss +5 -5
  32. package/modules/@progress/kendo-theme-default/scss/list/_layout.scss +9 -41
  33. package/modules/@progress/kendo-theme-default/scss/list/_theme.scss +4 -3
  34. package/modules/@progress/kendo-theme-default/scss/list/_variables.scss +64 -8
  35. package/modules/@progress/kendo-theme-default/scss/listbox/_variables.scss +1 -1
  36. package/modules/@progress/kendo-theme-default/scss/listview/_layout.scss +2 -9
  37. package/modules/@progress/kendo-theme-default/scss/map/_layout.scss +5 -0
  38. package/modules/@progress/kendo-theme-default/scss/menu/_layout.scss +48 -5
  39. package/modules/@progress/kendo-theme-default/scss/menu/_theme.scss +6 -2
  40. package/modules/@progress/kendo-theme-default/scss/menu/_variables.scss +1 -1
  41. package/modules/@progress/kendo-theme-default/scss/numerictextbox/_layout.scss +9 -27
  42. package/modules/@progress/kendo-theme-default/scss/numerictextbox/_theme.scss +64 -84
  43. package/modules/@progress/kendo-theme-default/scss/numerictextbox/_variables.scss +0 -27
  44. package/modules/@progress/kendo-theme-default/scss/orgchart/_variables.scss +2 -2
  45. package/modules/@progress/kendo-theme-default/scss/pager/_variables.scss +1 -1
  46. package/modules/@progress/kendo-theme-default/scss/pdf-viewer/_layout.scss +20 -29
  47. package/modules/@progress/kendo-theme-default/scss/pdf-viewer/_variables.scss +2 -5
  48. package/modules/@progress/kendo-theme-default/scss/radio/_layout.scss +89 -136
  49. package/modules/@progress/kendo-theme-default/scss/radio/_theme.scss +2 -2
  50. package/modules/@progress/kendo-theme-default/scss/radio/_variables.scss +88 -26
  51. package/modules/@progress/kendo-theme-default/scss/scheduler/_layout.scss +25 -12
  52. package/modules/@progress/kendo-theme-default/scss/searchbox/_layout.scss +22 -8
  53. package/modules/@progress/kendo-theme-default/scss/searchbox/_theme.scss +16 -25
  54. package/modules/@progress/kendo-theme-default/scss/searchbox/_variables.scss +0 -20
  55. package/modules/@progress/kendo-theme-default/scss/skeleton/_layout.scss +1 -1
  56. package/modules/@progress/kendo-theme-default/scss/spreadsheet/_layout.scss +27 -15
  57. package/modules/@progress/kendo-theme-default/scss/table/_layout.scss +29 -6
  58. package/modules/@progress/kendo-theme-default/scss/table/_theme.scss +3 -2
  59. package/modules/@progress/kendo-theme-default/scss/table/_variables.scss +3 -3
  60. package/modules/@progress/kendo-theme-default/scss/timeselector/_layout.scss +2 -2
  61. package/modules/@progress/kendo-theme-default/scss/toolbar/_layout.scss +21 -2
  62. package/modules/@progress/kendo-theme-default/scss/toolbar/_theme.scss +35 -7
  63. package/modules/@progress/kendo-theme-default/scss/treeview/_layout.scss +130 -110
  64. package/modules/@progress/kendo-theme-default/scss/treeview/_theme.scss +36 -25
  65. package/modules/@progress/kendo-theme-default/scss/treeview/_variables.scss +67 -13
  66. package/modules/@progress/kendo-theme-default/scss/typography/_variables.scss +3 -3
  67. package/modules/@progress/kendo-theme-default/scss/window/_variables.scss +1 -1
  68. package/package.json +3 -3
  69. package/scss/appbar/_variables.scss +1 -1
  70. package/scss/autocomplete/_variables.scss +0 -19
  71. package/scss/avatar/_variables.scss +13 -2
  72. package/scss/card/_variables.scss +4 -4
  73. package/scss/chat/_variables.scss +0 -7
  74. package/scss/checkbox/_variables.scss +88 -19
  75. package/scss/daterangepicker/_index.scss +10 -0
  76. package/scss/daterangepicker/_layout.scss +1 -0
  77. package/scss/daterangepicker/_theme.scss +1 -0
  78. package/scss/daterangepicker/_variables.scss +1 -0
  79. package/scss/grid/_variables.scss +1 -3
  80. package/scss/index.scss +1 -0
  81. package/scss/input/_variables.scss +5 -5
  82. package/scss/list/_variables.scss +64 -8
  83. package/scss/listbox/_variables.scss +1 -1
  84. package/scss/menu/_variables.scss +1 -1
  85. package/scss/numerictextbox/_variables.scss +0 -27
  86. package/scss/orgchart/_variables.scss +2 -2
  87. package/scss/pager/_variables.scss +1 -1
  88. package/scss/pdf-viewer/_variables.scss +2 -5
  89. package/scss/radio/_variables.scss +86 -27
  90. package/scss/searchbox/_variables.scss +0 -20
  91. package/scss/table/_variables.scss +3 -3
  92. package/scss/treeview/_variables.scss +70 -16
  93. package/scss/typography/_variables.scss +3 -3
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;
@@ -1309,7 +1308,7 @@ kendo-sortable {
1309
1308
  }
1310
1309
 
1311
1310
  .k-h5 {
1312
- font-size: 18px;
1311
+ font-size: 16px;
1313
1312
  font-family: inherit;
1314
1313
  line-height: 26px;
1315
1314
  font-weight: 700;
@@ -5813,11 +5812,11 @@ kendo-sortable {
5813
5812
  }
5814
5813
 
5815
5814
  .k-fs-md {
5816
- font-size: 16px !important;
5815
+ font-size: 14px !important;
5817
5816
  }
5818
5817
 
5819
5818
  .k-fs-lg {
5820
- font-size: 18px !important;
5819
+ font-size: 16px !important;
5821
5820
  }
5822
5821
 
5823
5822
  .k-fs-xl {
@@ -10490,36 +10489,19 @@ kendo-sortable {
10490
10489
  -webkit-appearance: none;
10491
10490
  }
10492
10491
 
10493
- .k-checkbox::before {
10494
- content: "";
10495
- width: 12px;
10496
- height: 12px;
10497
- font-size: 12px;
10498
- font-family: "WebComponentsIcons", monospace;
10499
- line-height: 1;
10500
- transform: scale(0) translate(-50%, -50%);
10501
- overflow: hidden;
10502
- position: absolute;
10503
- top: 50%;
10504
- left: 50%;
10505
- }
10506
-
10507
- .k-checkbox:checked::before,
10508
- .k-checkbox.k-checked::before {
10509
- transform: scale(1) translate(-50%, -50%);
10492
+ .k-checkbox:checked,
10493
+ .k-checkbox.k-checked {
10494
+ 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");
10510
10495
  }
10511
10496
 
10512
- .k-checkbox:indeterminate::before,
10513
- .k-checkbox.k-indeterminate::before,
10514
- .k-checkbox.k-state-indeterminate::before {
10515
- content: "";
10516
- transform: scale(1) translate(-50%, -50%);
10497
+ .k-checkbox:indeterminate,
10498
+ .k-checkbox.k-indeterminate,
10499
+ .k-checkbox.k-state-indeterminate {
10500
+ 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='%23f35800' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M4,8 h8'/%3e%3c/svg%3e");
10517
10501
  }
10518
10502
 
10519
10503
  .k-checkbox:disabled,
10520
- .k-checkbox.k-disabled,
10521
- .k-checkbox:disabled + .k-checkbox-label,
10522
- .k-checkbox.k-disabled + .k-checkbox-label {
10504
+ .k-checkbox.k-disabled {
10523
10505
  outline: none;
10524
10506
  cursor: default;
10525
10507
  opacity: 0.6;
@@ -10528,64 +10510,47 @@ kendo-sortable {
10528
10510
  box-shadow: none;
10529
10511
  }
10530
10512
 
10513
+ .k-checkbox-wrap {
10514
+ flex: none;
10515
+ display: inline-flex;
10516
+ flex-flow: row nowrap;
10517
+ gap: 0;
10518
+ align-items: center;
10519
+ align-self: flex-start;
10520
+ vertical-align: middle;
10521
+ position: relative;
10522
+ }
10523
+
10524
+ .k-checkbox-wrap::before {
10525
+ content: "\200b";
10526
+ width: 0px;
10527
+ overflow: hidden;
10528
+ flex: none;
10529
+ display: inline-block;
10530
+ vertical-align: top;
10531
+ }
10532
+
10531
10533
  .k-checkbox-label {
10532
10534
  margin: 0;
10533
10535
  padding: 0;
10534
- line-height: 17px;
10535
10536
  display: inline-flex;
10536
10537
  align-items: flex-start;
10538
+ gap: 4px;
10537
10539
  vertical-align: middle;
10538
10540
  position: relative;
10539
10541
  cursor: pointer;
10540
10542
  }
10541
10543
 
10542
- .k-checkbox-label .k-label {
10543
- cursor: pointer;
10544
- }
10545
-
10546
10544
  .k-checkbox-label .k-ripple {
10547
- top: 8px;
10548
- left: 8px;
10549
- right: auto;
10550
- bottom: auto;
10551
- width: 40px;
10552
- height: 40px;
10553
- transform: translate(-50%, -50%);
10554
- border-radius: 50%;
10555
10545
  visibility: hidden !important;
10556
10546
  }
10557
10547
 
10558
- .k-checkbox-label .k-ripple-blob {
10559
- top: 50% !important;
10560
- left: 50% !important;
10561
- width: 200% !important;
10562
- height: 200% !important;
10563
- }
10564
-
10565
- .k-checkbox + .k-checkbox-label {
10566
- display: inline;
10567
- }
10568
-
10548
+ .k-checkbox + .k-label,
10549
+ .k-checkbox-wrap + .k-label,
10569
10550
  .k-checkbox + .k-checkbox-label,
10570
- .k-checkbox-label + .k-checkbox {
10571
- margin-left: 4px;
10572
- }
10573
-
10574
- .k-checkbox-label > .k-checkbox {
10575
- margin-right: 4px;
10576
- flex-shrink: 0;
10577
- }
10578
-
10579
- kendo-label.k-checkbox-label > .k-checkbox:last-child {
10580
- margin-right: 0;
10581
- }
10582
-
10583
- kendo-label.k-checkbox-label > .k-label:first-child {
10584
- margin-right: 4px;
10585
- }
10586
-
10587
- kendo-label.k-checkbox-label > .k-label {
10551
+ .k-checkbox-wrap + .k-checkbox-label {
10588
10552
  display: inline;
10553
+ margin-inline-start: 4px;
10589
10554
  }
10590
10555
 
10591
10556
  .k-checkbox-label:empty {
@@ -10597,73 +10562,64 @@ kendo-label.k-checkbox-label > .k-label {
10597
10562
  }
10598
10563
 
10599
10564
  .k-checkbox-list {
10600
- margin: 0px;
10601
- padding: 0px;
10565
+ margin: 0;
10566
+ padding: 0;
10567
+ display: flex;
10568
+ flex-flow: column nowrap;
10569
+ gap: 0;
10602
10570
  list-style: none;
10603
10571
  }
10604
10572
 
10605
- .k-checkbox-list .k-checkbox-item {
10573
+ .k-checkbox-item,
10574
+ .k-checkbox-list-item {
10606
10575
  padding: 4px 0px;
10576
+ display: flex;
10577
+ flex-flow: row nowrap;
10578
+ align-items: center;
10579
+ align-content: center;
10580
+ gap: 4px;
10607
10581
  }
10608
10582
 
10609
- .k-list-horizontal .k-checkbox-item {
10610
- display: inline-block;
10611
- margin: 0 32px 0 0;
10612
- }
10613
-
10614
- .k-list-horizontal .k-checkbox-item:last-child {
10615
- margin-right: 0;
10616
- }
10617
-
10618
- .k-rtl .k-checkbox + .k-checkbox-label,
10619
- .k-rtl .k-checkbox-label + .k-checkbox,
10620
- [dir="rtl"] .k-checkbox + .k-checkbox-label,
10621
- [dir="rtl"] .k-checkbox-label + .k-checkbox {
10622
- margin-left: 0;
10623
- margin-right: 4px;
10624
- }
10625
-
10626
- .k-rtl .k-checkbox-label > .k-checkbox,
10627
- [dir="rtl"] .k-checkbox-label > .k-checkbox {
10628
- margin-right: 0;
10629
- margin-left: 4px;
10630
- }
10631
-
10632
- .k-rtl kendo-label.k-checkbox-label > .k-checkbox:last-child,
10633
- [dir="rtl"] kendo-label.k-checkbox-label > .k-checkbox:last-child {
10634
- margin-left: 0;
10635
- }
10636
-
10637
- .k-rtl kendo-label.k-checkbox-label > .k-label:first-child,
10638
- [dir="rtl"] kendo-label.k-checkbox-label > .k-label:first-child {
10639
- margin-right: 0;
10640
- margin-left: 4px;
10583
+ .k-checkbox-item .k-checkbox-label,
10584
+ .k-checkbox-list-item .k-checkbox-label {
10585
+ margin: 0;
10641
10586
  }
10642
10587
 
10643
- .k-rtl .k-list-horizontal .k-checkbox-item,
10644
- [dir="rtl"] .k-list-horizontal .k-checkbox-item {
10645
- margin-right: 0;
10646
- margin-left: 32px;
10588
+ .k-checkbox-list-horizontal,
10589
+ .k-checkbox-list.k-list-horizontal {
10590
+ display: flex;
10591
+ flex-flow: row wrap;
10592
+ gap: 16px;
10647
10593
  }
10648
10594
 
10649
- .k-rtl .k-list-horizontal .k-checkbox-item:last-child,
10650
- [dir="rtl"] .k-list-horizontal .k-checkbox-item:last-child {
10651
- margin-left: 0;
10595
+ .k-checkbox-wrap .k-ripple-blob {
10596
+ width: 48px;
10597
+ height: 48px;
10652
10598
  }
10653
10599
 
10654
10600
  .k-ripple-container .k-checkbox::after {
10655
10601
  content: "";
10656
10602
  display: block;
10657
10603
  position: absolute;
10658
- left: 0;
10659
- top: 0;
10604
+ left: 50%;
10605
+ top: 50%;
10660
10606
  width: 48px;
10661
10607
  height: 48px;
10662
- margin-left: -18px;
10663
- margin-top: -18px;
10664
10608
  border-radius: 100%;
10665
- z-index: 1;
10666
- transform: scale(0);
10609
+ z-index: -1;
10610
+ transition: opacity 100ms linear, transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
10611
+ transform: translate(-50%, -50%) scale(0);
10612
+ transform-origin: center center;
10613
+ }
10614
+
10615
+ .k-ripple-container .k-checkbox:focus,
10616
+ .k-ripple-container .k-checkbox.k-state-focus {
10617
+ box-shadow: none !important;
10618
+ }
10619
+
10620
+ .k-ripple-container .k-checkbox:focus::after,
10621
+ .k-ripple-container .k-checkbox.k-state-focus::after {
10622
+ transform: translate(-50%, -50%) scale(1);
10667
10623
  }
10668
10624
 
10669
10625
  .k-ripple-container .k-checkbox:disabled::after,
@@ -10671,16 +10627,8 @@ kendo-label.k-checkbox-label > .k-label {
10671
10627
  display: none;
10672
10628
  }
10673
10629
 
10674
- .k-checkbox::-ms-check {
10675
- border-width: 1px;
10676
- border-color: inherit;
10677
- color: inherit;
10678
- background-color: inherit;
10679
- }
10680
-
10681
10630
  .k-checkbox {
10682
10631
  border-color: #cacaca;
10683
- color: transparent;
10684
10632
  background-color: #ffffff;
10685
10633
  }
10686
10634
 
@@ -10723,9 +10671,14 @@ kendo-label.k-checkbox-label > .k-label {
10723
10671
  color: #d92800;
10724
10672
  }
10725
10673
 
10674
+ .k-checkbox-wrap .k-ripple-blob {
10675
+ color: #f35800;
10676
+ opacity: 0.25;
10677
+ }
10678
+
10726
10679
  .k-ripple-container .k-checkbox::after {
10727
10680
  background: #f35800;
10728
- opacity: 0.3;
10681
+ opacity: 0.25;
10729
10682
  }
10730
10683
 
10731
10684
  .k-list,
@@ -10752,7 +10705,6 @@ kendo-label.k-checkbox-label > .k-label {
10752
10705
  kendo-list > .k-group-header,
10753
10706
  .k-virtual-wrap > .k-group-header {
10754
10707
  padding: 4px 8px;
10755
- min-height: 1.4285714286em;
10756
10708
  border-bottom-width: 1px;
10757
10709
  border-bottom-style: solid;
10758
10710
  font-size: 14px;
@@ -10789,7 +10741,6 @@ kendo-list > .k-group-header,
10789
10741
  .k-list__item, .k-list .k-item,
10790
10742
  .k-list-optionlabel {
10791
10743
  padding: 4px 8px;
10792
- min-height: 1.4285714286em;
10793
10744
  line-height: 1.4285714286;
10794
10745
  white-space: normal;
10795
10746
  display: flex;
@@ -10804,12 +10755,6 @@ kendo-list > .k-group-header,
10804
10755
  outline: none;
10805
10756
  }
10806
10757
 
10807
- .k-list__item .k-checkbox, .k-list .k-item .k-checkbox, .k-list-optionlabel .k-checkbox {
10808
- margin-top: calc(0.7142857143em - 8px);
10809
- font-size: inherit;
10810
- align-self: flex-start;
10811
- }
10812
-
10813
10758
  .k-list__item.k-first::before, .k-list .k-first.k-item::before,
10814
10759
  .k-first.k-list-optionlabel::before {
10815
10760
  content: "";
@@ -10880,31 +10825,7 @@ kendo-list > .k-group-header,
10880
10825
  text-overflow: ellipsis;
10881
10826
  }
10882
10827
 
10883
- .k-list-container .k-button {
10884
- border-radius: 0;
10885
- padding: 4px 8px;
10886
- border-width: 0;
10887
- color: inherit;
10888
- background-color: transparent;
10889
- background-image: none;
10890
- line-height: inherit;
10891
- display: flex;
10892
- justify-content: flex-start;
10893
- }
10894
-
10895
- .k-ie11 .k-list-container .k-button {
10896
- display: flex;
10897
- }
10898
-
10899
- .k-ie11 .k-list-container .k-button .k-icon {
10900
- margin: 0 4px 0 0;
10901
- }
10902
-
10903
- .k-list-container .k-button.k-state-disabled {
10904
- pointer-events: none;
10905
- }
10906
-
10907
- .k-list-container .k-nodata {
10828
+ .k-list-container .k-no-data, .k-list-container .k-nodata {
10908
10829
  min-height: 138px;
10909
10830
  width: 100%;
10910
10831
  display: flex;
@@ -10916,11 +10837,6 @@ kendo-list > .k-group-header,
10916
10837
  white-space: normal;
10917
10838
  }
10918
10839
 
10919
- .k-list-container .k-nodata .k-button {
10920
- display: inline-flex;
10921
- border-width: 1px;
10922
- }
10923
-
10924
10840
  .k-list__group-header, .k-outer-group-header,
10925
10841
  .k-list > .k-group-header,
10926
10842
  .k-list-container > .k-group-header,
@@ -10998,7 +10914,7 @@ kendo-list > .k-group-header,
10998
10914
  background: transparent;
10999
10915
  }
11000
10916
 
11001
- .k-list-container .k-nodata {
10917
+ .k-list-container .k-no-data, .k-list-container .k-nodata {
11002
10918
  color: #646464;
11003
10919
  }
11004
10920
 
@@ -11401,9 +11317,9 @@ kendo-list > .k-group-header,
11401
11317
  .k-input-prefix,
11402
11318
  .k-input-suffix {
11403
11319
  display: flex;
11320
+ flex-flow: row nowrap;
11404
11321
  align-items: center;
11405
11322
  flex-shrink: 0;
11406
- height: calc(1.4285714286em + 8px);
11407
11323
  }
11408
11324
 
11409
11325
  .k-input-prefix > *,
@@ -11575,7 +11491,7 @@ kendo-list > .k-group-header,
11575
11491
  .k-textbox-container,
11576
11492
  .k-floating-label-container {
11577
11493
  padding-top: 20.0000000004px;
11578
- width: 200px;
11494
+ width: 10em;
11579
11495
  display: inline-flex;
11580
11496
  vertical-align: middle;
11581
11497
  position: relative;
@@ -11674,7 +11590,7 @@ kendo-list > .k-group-header,
11674
11590
 
11675
11591
  .k-combobox {
11676
11592
  border-radius: 4px;
11677
- width: 200px;
11593
+ width: 10em;
11678
11594
  border-width: 1px;
11679
11595
  border-style: solid;
11680
11596
  box-sizing: border-box;
@@ -11786,13 +11702,11 @@ kendo-list > .k-group-header,
11786
11702
 
11787
11703
  .k-table-thead,
11788
11704
  .k-table-tbody,
11789
- .k-table-tfoot {
11790
- text-align: inherit;
11791
- }
11792
-
11705
+ .k-table-tfoot,
11793
11706
  .k-table-row,
11794
11707
  .k-table-alt-row {
11795
11708
  border-color: inherit;
11709
+ text-align: inherit;
11796
11710
  }
11797
11711
 
11798
11712
  .k-table-th,
@@ -11816,6 +11730,10 @@ kendo-list > .k-group-header,
11816
11730
  border-left-width: 0;
11817
11731
  }
11818
11732
 
11733
+ .k-table-th {
11734
+ border-bottom-width: 1px;
11735
+ }
11736
+
11819
11737
  .k-table-header {
11820
11738
  padding-inline-end: var(--kendo-scrollbar-width);
11821
11739
  border-width: 0 0 1px 0;
@@ -11832,9 +11750,28 @@ kendo-list > .k-group-header,
11832
11750
  width: 100%;
11833
11751
  border-width: 0 1px 0 0;
11834
11752
  border-style: solid;
11753
+ border-color: inherit;
11835
11754
  overflow: hidden;
11836
11755
  }
11837
11756
 
11757
+ .k-table-header > .k-table,
11758
+ .k-table-header-wrap > .k-table {
11759
+ margin-bottom: -1px;
11760
+ }
11761
+
11762
+ .k-table-group-sticky-header {
11763
+ font-size: 14px;
11764
+ line-height: 1.4285714286;
11765
+ flex: none;
11766
+ }
11767
+
11768
+ .k-table-group-sticky-header .k-table-th {
11769
+ display: flex;
11770
+ flex-flow: row nowrap;
11771
+ align-items: center;
11772
+ align-content: center;
11773
+ }
11774
+
11838
11775
  .k-table-list {
11839
11776
  margin: 0;
11840
11777
  padding: 0;
@@ -11868,7 +11805,7 @@ kendo-list > .k-group-header,
11868
11805
  }
11869
11806
 
11870
11807
  .k-table-list .k-table-group-row::before {
11871
- content: ".";
11808
+ content: "\200b";
11872
11809
  padding: 8px 0;
11873
11810
  width: 0;
11874
11811
  display: block;
@@ -11907,7 +11844,8 @@ kendo-list > .k-group-header,
11907
11844
  right: 0;
11908
11845
  }
11909
11846
 
11910
- .k-virtual-table .k-table-row {
11847
+ .k-virtual-table .k-table-row,
11848
+ .k-virtual-table .k-table-group-row {
11911
11849
  position: absolute;
11912
11850
  width: 100%;
11913
11851
  }
@@ -11937,6 +11875,7 @@ kendo-list > .k-group-header,
11937
11875
  width: 100%;
11938
11876
  border-width: 0 1px 0 0;
11939
11877
  border-style: solid;
11878
+ border-color: inherit;
11940
11879
  overflow: hidden;
11941
11880
  }
11942
11881
 
@@ -11998,7 +11937,8 @@ kendo-list > .k-group-header,
11998
11937
  }
11999
11938
 
12000
11939
  .k-table-thead,
12001
- .k-table-header {
11940
+ .k-table-header,
11941
+ .k-table-group-sticky-header {
12002
11942
  border-color: #cacaca;
12003
11943
  color: #272727;
12004
11944
  background-color: #f0f0f0;
@@ -12012,8 +11952,9 @@ kendo-list > .k-group-header,
12012
11952
  }
12013
11953
 
12014
11954
  .k-table-group-row {
11955
+ border-color: #cacaca;
12015
11956
  color: #272727;
12016
- background-color: #ebebeb;
11957
+ background-color: #f0f0f0;
12017
11958
  }
12018
11959
 
12019
11960
  .k-table-group-td > span {
@@ -13331,7 +13272,7 @@ kendo-badge-container {
13331
13272
  }
13332
13273
 
13333
13274
  .k-loader-container-md .k-loader-container-label {
13334
- font-size: 16px;
13275
+ font-size: 14px;
13335
13276
  }
13336
13277
 
13337
13278
  .k-loader-container-lg .k-loader-container-inner {
@@ -13340,7 +13281,7 @@ kendo-badge-container {
13340
13281
  }
13341
13282
 
13342
13283
  .k-loader-container-lg .k-loader-container-label {
13343
- font-size: 18px;
13284
+ font-size: 16px;
13344
13285
  }
13345
13286
 
13346
13287
  .k-loader-top .k-loader-container-inner {
@@ -13411,7 +13352,7 @@ kendo-badge-container {
13411
13352
  }
13412
13353
 
13413
13354
  .k-skeleton-text:empty::before {
13414
- content: "\00a0";
13355
+ content: "\200b";
13415
13356
  }
13416
13357
 
13417
13358
  .k-skeleton-rect {
@@ -13542,8 +13483,6 @@ kendo-badge-container {
13542
13483
  .k-icon-button,
13543
13484
  .k-button.k-button-icon {
13544
13485
  padding: 4px;
13545
- width: calc(1.4285714286em + 10px);
13546
- height: calc(1.4285714286em + 10px);
13547
13486
  gap: 0;
13548
13487
  }
13549
13488
 
@@ -13557,6 +13496,8 @@ kendo-badge-container {
13557
13496
  .k-icon-button .k-button-icon,
13558
13497
  .k-button.k-button-icon .k-button-icon {
13559
13498
  margin: 0;
13499
+ min-width: 20.0000000004px;
13500
+ min-height: 20.0000000004px;
13560
13501
  }
13561
13502
 
13562
13503
  .k-button.k-button-icon {
@@ -14044,8 +13985,9 @@ kendo-badge-container {
14044
13985
  border-radius: 0;
14045
13986
  margin: 0;
14046
13987
  padding: 8px;
14047
- width: calc(1.4285714286em + 26px);
13988
+ width: auto;
14048
13989
  height: 100%;
13990
+ aspect-ratio: 1;
14049
13991
  border-width: 0;
14050
13992
  border-color: inherit;
14051
13993
  box-sizing: border-box;
@@ -14102,17 +14044,35 @@ kendo-toolbar-renderer {
14102
14044
  border-color: inherit;
14103
14045
  }
14104
14046
 
14047
+ .k-overflow-container > .k-item {
14048
+ border-color: inherit;
14049
+ }
14050
+
14051
+ .k-overflow-container .k-separator {
14052
+ margin: 4px 0;
14053
+ }
14054
+
14105
14055
  .k-overflow-container .k-overflow-tool-group {
14106
14056
  display: block;
14107
14057
  }
14108
14058
 
14109
14059
  .k-overflow-container .k-overflow-button {
14060
+ border-radius: 0;
14061
+ padding: 4px 8px;
14110
14062
  width: 100%;
14063
+ border-width: 0;
14064
+ color: inherit;
14065
+ background-color: transparent;
14066
+ background-image: none;
14067
+ line-height: inherit;
14068
+ display: flex;
14069
+ justify-content: flex-start;
14111
14070
  }
14112
14071
 
14113
14072
  .k-overflow-container .k-button-group {
14073
+ box-shadow: none;
14114
14074
  display: flex;
14115
- flex-direction: column;
14075
+ flex-flow: column nowrap;
14116
14076
  }
14117
14077
 
14118
14078
  .k-overflow-container .k-button-group .k-button {
@@ -14169,15 +14129,29 @@ kendo-toolbar-renderer {
14169
14129
  background-color: #f0f0f0;
14170
14130
  }
14171
14131
 
14172
- .k-toolbar .k-overflow-anchor {
14173
- color: inherit;
14174
- background: transparent;
14175
- }
14176
-
14177
14132
  .k-toolbar .k-separator {
14178
14133
  border-color: inherit;
14179
14134
  }
14180
14135
 
14136
+ .k-overflow-container .k-button:hover, .k-overflow-container .k-button.k-state-hover {
14137
+ color: #272727;
14138
+ background: #dddddd;
14139
+ }
14140
+
14141
+ .k-overflow-container .k-button:active, .k-overflow-container .k-button.k-state-active {
14142
+ color: white;
14143
+ background: #f35800;
14144
+ }
14145
+
14146
+ .k-overflow-container .k-button .k-button:focus,
14147
+ .k-overflow-container .k-button .k-button.k-state-focused {
14148
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
14149
+ }
14150
+
14151
+ .k-overflow-container .k-button:disabled, .k-overflow-container .k-button.k-state-disabled {
14152
+ color: inherit;
14153
+ }
14154
+
14181
14155
  .k-floating-toolbar,
14182
14156
  .editorToolbarWindow.k-window-content {
14183
14157
  border-color: #cacaca;
@@ -14306,11 +14280,6 @@ kendo-label > .k-label {
14306
14280
  flex-flow: row nowrap;
14307
14281
  }
14308
14282
 
14309
- .k-form .k-checkbox-label,
14310
- .k-form .k-radio-label {
14311
- display: inline-flex;
14312
- }
14313
-
14314
14283
  .k-form .k-label + .k-radio {
14315
14284
  margin-left: 0;
14316
14285
  }
@@ -14340,15 +14309,12 @@ kendo-label > .k-label {
14340
14309
  padding: 0;
14341
14310
  }
14342
14311
 
14343
- .k-form .k-form-field,
14344
- .k-form .k-daterangepicker .k-textbox-container {
14312
+ .k-form .k-form-field {
14345
14313
  margin-top: 1em;
14346
14314
  }
14347
14315
 
14348
14316
  .k-form > *:not(.k-hidden):first-child,
14349
- .k-form > *.k-hidden + :not(.k-hidden),
14350
- .k-form .k-daterangepicker .k-textbox-container:not(.k-hidden):first-child,
14351
- .k-form .k-daterangepicker .k-textbox-container.k-hidden + :not(.k-hidden) {
14317
+ .k-form > *.k-hidden + :not(.k-hidden) {
14352
14318
  margin-top: 0;
14353
14319
  }
14354
14320
 
@@ -14390,7 +14356,6 @@ kendo-label > .k-label {
14390
14356
  .k-form .k-dateinput,
14391
14357
  .k-form .k-datepicker,
14392
14358
  .k-form .k-datetimepicker,
14393
- .k-form .k-daterangepicker-wrap,
14394
14359
  .k-form .k-timepicker,
14395
14360
  .k-form .k-numerictextbox,
14396
14361
  .k-form .k-maskedtextbox,
@@ -14400,6 +14365,12 @@ kendo-label > .k-label {
14400
14365
  width: 100%;
14401
14366
  }
14402
14367
 
14368
+ .k-form .k-daterangepicker {
14369
+ width: 100%;
14370
+ flex-flow: column nowrap;
14371
+ gap: 0;
14372
+ }
14373
+
14403
14374
  .k-form-buttons {
14404
14375
  margin-top: 2em;
14405
14376
  padding: 0;
@@ -14826,7 +14797,7 @@ kendo-label > .k-label {
14826
14797
  border-radius: 4px;
14827
14798
  margin: 0;
14828
14799
  padding: 0;
14829
- width: 200px;
14800
+ width: 10em;
14830
14801
  height: calc(1.4285714286em + 10px);
14831
14802
  border-width: 1px;
14832
14803
  border-style: solid;
@@ -15057,7 +15028,7 @@ textarea.k-textarea {
15057
15028
  }
15058
15029
 
15059
15030
  .k-listbox {
15060
- width: 12.4em;
15031
+ width: 10em;
15061
15032
  height: 200px;
15062
15033
  border-width: 0;
15063
15034
  outline: 0;
@@ -15433,28 +15404,13 @@ textarea.k-textarea {
15433
15404
  -webkit-appearance: none;
15434
15405
  }
15435
15406
 
15436
- .k-radio::before {
15437
- content: "";
15438
- width: 8px;
15439
- height: 8px;
15440
- border-radius: 50%;
15441
- background-color: currentColor;
15442
- transform: scale(0) translate(-50%, -50%);
15443
- overflow: hidden;
15444
- position: absolute;
15445
- top: 50%;
15446
- left: 50%;
15447
- }
15448
-
15449
- .k-radio:checked::before,
15450
- .k-radio.k-checked::before {
15451
- transform: scale(1) translate(-50%, -50%);
15407
+ .k-radio:checked,
15408
+ .k-radio.k-checked {
15409
+ 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");
15452
15410
  }
15453
15411
 
15454
15412
  .k-radio:disabled,
15455
- .k-radio.k-disabled,
15456
- .k-radio:disabled + .k-radio-label,
15457
- .k-radio.k-disabled + .k-radio-label {
15413
+ .k-radio.k-disabled {
15458
15414
  outline: none;
15459
15415
  cursor: default;
15460
15416
  opacity: 0.6;
@@ -15463,156 +15419,125 @@ textarea.k-textarea {
15463
15419
  box-shadow: none;
15464
15420
  }
15465
15421
 
15466
- .k-radio + .k-radio-label {
15467
- display: inline;
15422
+ .k-radio-wrap {
15423
+ flex: none;
15424
+ display: inline-flex;
15425
+ flex-flow: row nowrap;
15426
+ gap: 0;
15427
+ align-items: center;
15428
+ align-self: start;
15429
+ vertical-align: middle;
15430
+ position: relative;
15431
+ }
15432
+
15433
+ .k-radio-wrap::before {
15434
+ content: "\200b";
15435
+ width: 0px;
15436
+ overflow: hidden;
15437
+ flex: none;
15438
+ display: inline-block;
15439
+ vertical-align: top;
15468
15440
  }
15469
15441
 
15470
15442
  .k-radio-label {
15471
15443
  margin: 0;
15472
15444
  padding: 0;
15473
- line-height: 17px;
15474
15445
  display: inline-flex;
15475
15446
  align-items: flex-start;
15447
+ gap: 4px;
15476
15448
  vertical-align: middle;
15477
15449
  position: relative;
15478
15450
  cursor: pointer;
15479
15451
  }
15480
15452
 
15481
- .k-radio-label .k-label {
15482
- cursor: pointer;
15483
- }
15484
-
15485
- .k-radio-label:empty {
15486
- display: none !important;
15487
- }
15488
-
15489
15453
  .k-radio-label .k-ripple {
15490
- top: 8px;
15491
- left: 8px;
15492
- right: auto;
15493
- bottom: auto;
15494
- width: 40px;
15495
- height: 40px;
15496
- transform: translate(-50%, -50%);
15497
- border-radius: 50%;
15498
15454
  visibility: hidden !important;
15499
15455
  }
15500
15456
 
15501
- .k-radio-label .k-ripple-blob {
15502
- top: 50% !important;
15503
- left: 50% !important;
15504
- width: 200% !important;
15505
- height: 200% !important;
15506
- }
15507
-
15457
+ .k-radio + .k-label,
15458
+ .k-radio-wrap + .k-label,
15508
15459
  .k-radio + .k-radio-label,
15509
- .k-radio-label + .k-radio,
15510
- .k-label + .k-radio {
15511
- margin-left: 4px;
15460
+ .k-radio-wrap + .k-radio-label {
15461
+ display: inline;
15462
+ margin-inline-start: 4px;
15512
15463
  }
15513
15464
 
15514
- .k-radio-label > .k-radio {
15515
- margin-right: 4px;
15516
- flex-shrink: 0;
15465
+ .k-radio-label:empty {
15466
+ display: none !important;
15517
15467
  }
15518
15468
 
15519
- kendo-label.k-radio-label > .k-label {
15520
- display: inline;
15469
+ .k-radio-label.k-no-text {
15470
+ min-width: 1px;
15521
15471
  }
15522
15472
 
15523
15473
  .k-radio-list {
15524
- margin: 0px;
15525
- padding: 0px;
15474
+ margin: 0;
15475
+ padding: 0;
15476
+ display: flex;
15477
+ flex-flow: column nowrap;
15478
+ gap: 0;
15526
15479
  list-style: none;
15527
15480
  }
15528
15481
 
15529
- .k-radio-list .k-radio-item {
15482
+ .k-radio-item,
15483
+ .k-radio-list-item {
15530
15484
  padding: 4px 0px;
15485
+ display: flex;
15486
+ flex-flow: row nowrap;
15487
+ align-items: center;
15488
+ align-content: center;
15489
+ gap: 4px;
15531
15490
  }
15532
15491
 
15533
- .k-list-horizontal .k-radio-item {
15534
- display: inline-block;
15535
- margin: 0 32px 0 0;
15536
- }
15537
-
15538
- .k-list-horizontal .k-radio-item:last-child {
15539
- margin-right: 0;
15540
- }
15541
-
15542
- .k-rtl .k-radio + .k-radio-label,
15543
- .k-rtl .k-radio-label + .k-radio,
15544
- .k-rtl .k-label + .k-radio,
15545
- [dir="rtl"] .k-radio + .k-radio-label,
15546
- [dir="rtl"] .k-radio-label + .k-radio,
15547
- [dir="rtl"] .k-label + .k-radio {
15548
- margin-left: 0;
15549
- margin-right: 4px;
15550
- }
15551
-
15552
- .k-rtl .k-radio-label > .k-radio,
15553
- [dir="rtl"] .k-radio-label > .k-radio {
15554
- margin-right: 0;
15555
- margin-left: 4px;
15556
- }
15557
-
15558
- .k-rtl kendo-label.k-radio-label > .k-radio:last-child,
15559
- [dir="rtl"] kendo-label.k-radio-label > .k-radio:last-child {
15560
- margin-left: 0;
15561
- }
15562
-
15563
- .k-rtl kendo-label.k-radio-label > .k-label:first-child,
15564
- [dir="rtl"] kendo-label.k-radio-label > .k-label:first-child {
15565
- margin-right: 0;
15566
- margin-left: 4px;
15492
+ .k-radio-item .k-radio-label,
15493
+ .k-radio-list-item .k-radio-label {
15494
+ margin: 0;
15567
15495
  }
15568
15496
 
15569
- .k-rtl .k-list-horizontal .k-radio-item,
15570
- [dir="rtl"] .k-list-horizontal .k-radio-item {
15571
- margin-right: 0;
15572
- margin-left: 32px;
15497
+ .k-radio-list-horizontal,
15498
+ .k-radio-list.k-list-horizontal {
15499
+ display: flex;
15500
+ flex-flow: row wrap;
15501
+ gap: 16px;
15573
15502
  }
15574
15503
 
15575
- .k-rtl .k-list-horizontal .k-radio-item:last-child,
15576
- [dir="rtl"] .k-list-horizontal .k-radio-item:last-child {
15577
- margin-left: 0;
15504
+ .k-radio-wrap .k-ripple-blob {
15505
+ width: 48px;
15506
+ height: 48px;
15578
15507
  }
15579
15508
 
15580
15509
  .k-ripple-container .k-radio::after {
15581
15510
  content: "";
15582
15511
  display: block;
15583
15512
  position: absolute;
15584
- left: 0;
15585
- top: 0;
15513
+ left: 50%;
15514
+ top: 50%;
15586
15515
  width: 48px;
15587
15516
  height: 48px;
15588
- margin-left: -18px;
15589
- margin-top: -18px;
15590
15517
  border-radius: 100%;
15591
- z-index: 1;
15592
- transform: scale(0);
15518
+ z-index: -1;
15519
+ transition: opacity 100ms linear, transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
15520
+ transform: translate(-50%, -50%) scale(0);
15521
+ transform-origin: center center;
15593
15522
  }
15594
15523
 
15595
- .k-ripple-container .k-radio:disabled::after,
15596
- .k-ripple-container .k-radio.k-disabled::after {
15597
- display: none;
15524
+ .k-ripple-container .k-radio:focus,
15525
+ .k-ripple-container .k-radio.k-state-focus {
15526
+ box-shadow: none !important;
15598
15527
  }
15599
15528
 
15600
- .k-radio::-ms-check {
15601
- border-width: 0;
15602
- border-color: inherit;
15603
- color: inherit;
15604
- background-color: inherit;
15529
+ .k-ripple-container .k-radio:focus::after,
15530
+ .k-ripple-container .k-radio.k-state-focus::after {
15531
+ transform: translate(-50%, -50%) scale(1);
15605
15532
  }
15606
15533
 
15607
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
15608
- .k-radio::-ms-check {
15609
- border-width: 1px;
15610
- }
15534
+ .k-ripple-container .k-radio:disabled::after,
15535
+ .k-ripple-container .k-radio.k-disabled::after {
15536
+ display: none;
15611
15537
  }
15612
15538
 
15613
15539
  .k-radio {
15614
15540
  border-color: #cacaca;
15615
- color: transparent;
15616
15541
  background-color: #ffffff;
15617
15542
  }
15618
15543
 
@@ -15650,7 +15575,7 @@ kendo-label.k-radio-label > .k-label {
15650
15575
 
15651
15576
  .k-ripple-container .k-radio::after {
15652
15577
  background: #f35800;
15653
- opacity: 0.3;
15578
+ opacity: 0.25;
15654
15579
  }
15655
15580
 
15656
15581
  .k-slider {
@@ -16557,7 +16482,7 @@ kendo-label.k-radio-label > .k-label {
16557
16482
  display: block;
16558
16483
  position: absolute;
16559
16484
  bottom: 0;
16560
- content: " ";
16485
+ content: "\200b";
16561
16486
  height: 0;
16562
16487
  line-height: 0;
16563
16488
  z-index: 1;
@@ -16591,7 +16516,7 @@ kendo-label.k-radio-label > .k-label {
16591
16516
  .k-calendar-navigation::before, .k-calendar-navigation::after {
16592
16517
  display: block;
16593
16518
  position: absolute;
16594
- content: " ";
16519
+ content: "\200b";
16595
16520
  height: 0;
16596
16521
  line-height: 0;
16597
16522
  z-index: 1;
@@ -16678,10 +16603,6 @@ kendo-label.k-radio-label > .k-label {
16678
16603
  border-radius: 0;
16679
16604
  }
16680
16605
 
16681
- .k-widget.k-daterangepicker {
16682
- border: 0;
16683
- }
16684
-
16685
16606
  .k-rtl .k-calendar .k-nav-prev,
16686
16607
  .k-rtl .k-calendar .k-nav-next,
16687
16608
  .k-rtl .k-calendar .k-prev-view,
@@ -16974,7 +16895,7 @@ kendo-label.k-radio-label > .k-label {
16974
16895
 
16975
16896
  .k-time-list-wrapper.k-state-focused::before, .k-time-list-wrapper.k-state-focused::after {
16976
16897
  display: block;
16977
- content: " ";
16898
+ content: "\200b";
16978
16899
  position: absolute;
16979
16900
  width: 100%;
16980
16901
  left: 0;
@@ -17006,7 +16927,7 @@ kendo-label.k-radio-label > .k-label {
17006
16927
  .k-time-list::before, .k-time-list::after {
17007
16928
  display: block;
17008
16929
  position: absolute;
17009
- content: " ";
16930
+ content: "\200b";
17010
16931
  height: 0;
17011
16932
  line-height: 0;
17012
16933
  z-index: 1;
@@ -17125,7 +17046,7 @@ kendo-label.k-radio-label > .k-label {
17125
17046
 
17126
17047
  .k-autocomplete {
17127
17048
  border-radius: 4px;
17128
- width: 200px;
17049
+ width: 10em;
17129
17050
  border-width: 1px;
17130
17051
  border-style: solid;
17131
17052
  box-sizing: border-box;
@@ -17150,45 +17071,31 @@ kendo-label.k-radio-label > .k-label {
17150
17071
  height: 28px;
17151
17072
  }
17152
17073
 
17153
- .k-autocomplete.k-header,
17154
17074
  .k-autocomplete {
17155
17075
  border-color: #cacaca;
17156
17076
  color: #272727;
17157
17077
  background-color: #ffffff;
17158
17078
  }
17159
17079
 
17160
- .k-autocomplete.k-header:hover, .k-autocomplete.k-header.k-state-hover,
17161
- .k-autocomplete:hover,
17162
- .k-autocomplete.k-state-hover {
17080
+ .k-autocomplete:hover, .k-autocomplete.k-state-hover {
17163
17081
  border-color: #bababa;
17164
17082
  }
17165
17083
 
17166
- .k-autocomplete.k-header.k-state-focused, .k-autocomplete.k-header.k-state-focus,
17167
- .k-autocomplete.k-state-focused,
17168
- .k-autocomplete.k-state-focus {
17084
+ .k-autocomplete:focus, .k-autocomplete.k-state-focus {
17169
17085
  border-color: rgba(0, 0, 0, 0.1);
17170
17086
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
17171
17087
  }
17172
17088
 
17173
- .k-autocomplete.k-header:focus-within,
17174
17089
  .k-autocomplete:focus-within {
17175
17090
  border-color: rgba(0, 0, 0, 0.1);
17176
17091
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
17177
17092
  }
17178
17093
 
17179
- .k-autocomplete.k-header.k-invalid, .k-autocomplete.k-header.k-state-invalid, .k-autocomplete.k-header.ng-invalid.ng-touched, .k-autocomplete.k-header.ng-invalid.ng-dirty,
17180
- .k-autocomplete.k-invalid,
17181
- .k-autocomplete.k-state-invalid,
17182
- .k-autocomplete.ng-invalid.ng-touched,
17183
- .k-autocomplete.ng-invalid.ng-dirty {
17094
+ .k-autocomplete.k-invalid, .k-autocomplete.ng-invalid, .k-autocomplete.k-state-invalid {
17184
17095
  border-color: rgba(217, 40, 0, 0.5);
17185
17096
  }
17186
17097
 
17187
- .k-autocomplete.k-header.k-invalid .k-input-validation-icon, .k-autocomplete.k-header.k-state-invalid .k-input-validation-icon, .k-autocomplete.k-header.ng-invalid.ng-touched .k-input-validation-icon, .k-autocomplete.k-header.ng-invalid.ng-dirty .k-input-validation-icon,
17188
- .k-autocomplete.k-invalid .k-input-validation-icon,
17189
- .k-autocomplete.k-state-invalid .k-input-validation-icon,
17190
- .k-autocomplete.ng-invalid.ng-touched .k-input-validation-icon,
17191
- .k-autocomplete.ng-invalid.ng-dirty .k-input-validation-icon {
17098
+ .k-autocomplete.k-invalid .k-input-validation-icon, .k-autocomplete.ng-invalid .k-input-validation-icon, .k-autocomplete.k-state-invalid .k-input-validation-icon {
17192
17099
  color: #d92800;
17193
17100
  }
17194
17101
 
@@ -17302,39 +17209,27 @@ kendo-label.k-radio-label > .k-label {
17302
17209
  }
17303
17210
 
17304
17211
  .k-numerictextbox {
17305
- width: 200px;
17306
- border-width: 0;
17212
+ border-radius: 4px;
17213
+ width: 10em;
17214
+ border-width: 1px;
17215
+ border-style: solid;
17307
17216
  box-sizing: border-box;
17308
17217
  outline: 0;
17309
- background: none;
17310
17218
  font-family: inherit;
17311
17219
  font-size: 14px;
17312
17220
  line-height: 1.4285714286;
17313
- text-align: left;
17221
+ text-align: start;
17314
17222
  white-space: nowrap;
17315
17223
  display: inline-flex;
17224
+ flex-flow: row nowrap;
17316
17225
  vertical-align: middle;
17317
17226
  position: relative;
17227
+ overflow: hidden;
17228
+ transition: all .1s ease;
17318
17229
  -webkit-touch-callout: none;
17319
17230
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
17320
17231
  }
17321
17232
 
17322
- .k-numerictextbox .k-numeric-wrap {
17323
- border-radius: 4px;
17324
- padding: 0;
17325
- width: 100%;
17326
- border-width: 1px;
17327
- border-style: solid;
17328
- box-sizing: border-box;
17329
- position: relative;
17330
- transition: all .1s ease;
17331
- cursor: default;
17332
- outline: 0;
17333
- display: flex;
17334
- flex-flow: row nowrap;
17335
- overflow: hidden;
17336
- }
17337
-
17338
17233
  .k-numerictextbox .k-input {
17339
17234
  text-overflow: clip;
17340
17235
  }
@@ -17345,6 +17240,7 @@ kendo-label.k-radio-label > .k-label {
17345
17240
  border-inline-start-width: 0px;
17346
17241
  border-style: solid;
17347
17242
  box-sizing: border-box;
17243
+ outline: 0;
17348
17244
  display: flex;
17349
17245
  flex-direction: column;
17350
17246
  align-items: stretch;
@@ -17378,34 +17274,31 @@ kendo-label.k-radio-label > .k-label {
17378
17274
  top: -2px;
17379
17275
  }
17380
17276
 
17381
- .k-rtl .k-numerictextbox, .k-numerictextbox[dir="rtl"] {
17382
- text-align: right;
17383
- }
17384
-
17385
- .k-numerictextbox .k-i-warning {
17386
- color: #d92800;
17387
- }
17388
-
17389
- .k-numerictextbox .k-numeric-wrap {
17277
+ .k-numerictextbox {
17390
17278
  border-color: #cacaca;
17391
17279
  color: #272727;
17392
17280
  background-color: #ffffff;
17393
17281
  }
17394
17282
 
17395
- .k-numerictextbox .k-numeric-wrap:hover, .k-numerictextbox .k-numeric-wrap.k-state-hover {
17283
+ .k-numerictextbox:hover, .k-numerictextbox.k-state-hover {
17396
17284
  border-color: #bababa;
17397
17285
  }
17398
17286
 
17399
- .k-numerictextbox .k-numeric-wrap.k-state-focused {
17287
+ .k-numerictextbox:focus, .k-numerictextbox.k-state-focus {
17400
17288
  border-color: rgba(0, 0, 0, 0.1);
17401
17289
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
17402
17290
  }
17403
17291
 
17404
- .k-numerictextbox .k-numeric-wrap.k-invalid, .k-numerictextbox .k-numeric-wrap.k-invalid:hover, .k-numerictextbox .k-numeric-wrap.k-state-invalid {
17292
+ .k-numerictextbox:focus-within {
17293
+ border-color: rgba(0, 0, 0, 0.1);
17294
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
17295
+ }
17296
+
17297
+ .k-numerictextbox.k-invalid, .k-numerictextbox.ng-invalid, .k-numerictextbox.k-state-invalid {
17405
17298
  border-color: rgba(217, 40, 0, 0.5);
17406
17299
  }
17407
17300
 
17408
- .k-numerictextbox .k-numeric-wrap.k-invalid .k-input-validation-icon, .k-numerictextbox .k-numeric-wrap.k-invalid:hover .k-input-validation-icon, .k-numerictextbox .k-numeric-wrap.k-state-invalid .k-input-validation-icon {
17301
+ .k-numerictextbox.k-invalid .k-input-validation-icon, .k-numerictextbox.ng-invalid .k-input-validation-icon, .k-numerictextbox.k-state-invalid .k-input-validation-icon {
17409
17302
  color: #d92800;
17410
17303
  }
17411
17304
 
@@ -17416,27 +17309,18 @@ kendo-label.k-radio-label > .k-label {
17416
17309
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
17417
17310
  }
17418
17311
 
17419
- .k-numerictextbox .k-select .k-link:hover,
17420
- .k-numerictextbox .k-select .k-link.k-state-hover {
17312
+ .k-numerictextbox .k-link:hover,
17313
+ .k-numerictextbox .k-link.k-state-hover {
17421
17314
  border-color: #bababa;
17422
17315
  background-color: #dddddd;
17423
17316
  }
17424
17317
 
17425
- .k-numerictextbox .k-select .k-link:active,
17426
- .k-numerictextbox .k-select .k-link.k-state-active,
17427
- .k-numerictextbox .k-select .k-link.k-state-selected {
17318
+ .k-numerictextbox .k-link:active,
17319
+ .k-numerictextbox .k-link.k-state-active {
17428
17320
  border-color: #aaaaaa;
17429
17321
  background-color: #cacaca;
17430
17322
  }
17431
17323
 
17432
- .k-numerictextbox.k-state-invalid .k-numeric-wrap, .k-numerictextbox.ng-invalid.ng-touched .k-numeric-wrap, .k-numerictextbox.ng-invalid.ng-dirty .k-numeric-wrap {
17433
- border-color: rgba(217, 40, 0, 0.5);
17434
- }
17435
-
17436
- .k-numerictextbox.k-state-invalid .k-numeric-wrap .k-input-validation-icon, .k-numerictextbox.ng-invalid.ng-touched .k-numeric-wrap .k-input-validation-icon, .k-numerictextbox.ng-invalid.ng-dirty .k-numeric-wrap .k-input-validation-icon {
17437
- color: #d92800;
17438
- }
17439
-
17440
17324
  .k-colorgradient {
17441
17325
  border-radius: 4px;
17442
17326
  width: 272px;
@@ -17873,7 +17757,7 @@ kendo-label.k-radio-label > .k-label {
17873
17757
 
17874
17758
  .k-dateinput {
17875
17759
  border-radius: 4px;
17876
- width: 200px;
17760
+ width: 10em;
17877
17761
  border-width: 1px;
17878
17762
  border-style: solid;
17879
17763
  box-sizing: border-box;
@@ -17991,7 +17875,7 @@ kendo-label.k-radio-label > .k-label {
17991
17875
 
17992
17876
  .k-datepicker {
17993
17877
  border-radius: 4px;
17994
- width: 200px;
17878
+ width: 10em;
17995
17879
  border-width: 1px;
17996
17880
  border-style: solid;
17997
17881
  box-sizing: border-box;
@@ -18075,7 +17959,7 @@ kendo-label.k-radio-label > .k-label {
18075
17959
 
18076
17960
  .k-timepicker {
18077
17961
  border-radius: 4px;
18078
- width: 200px;
17962
+ width: 10em;
18079
17963
  border-width: 1px;
18080
17964
  border-style: solid;
18081
17965
  box-sizing: border-box;
@@ -18159,7 +18043,7 @@ kendo-label.k-radio-label > .k-label {
18159
18043
 
18160
18044
  .k-datetimepicker {
18161
18045
  border-radius: 4px;
18162
- width: 200px;
18046
+ width: 10em;
18163
18047
  border-width: 1px;
18164
18048
  border-style: solid;
18165
18049
  box-sizing: border-box;
@@ -18308,6 +18192,21 @@ kendo-label.k-radio-label > .k-label {
18308
18192
  background-color: #cacaca;
18309
18193
  }
18310
18194
 
18195
+ .k-daterangepicker {
18196
+ border: 0;
18197
+ display: inline-flex;
18198
+ flex-flow: row nowrap;
18199
+ align-items: flex-start;
18200
+ gap: 8px;
18201
+ }
18202
+
18203
+ .k-daterangepicker-wrap {
18204
+ display: inherit;
18205
+ flex-flow: inherit;
18206
+ align-items: inherit;
18207
+ gap: inherit;
18208
+ }
18209
+
18311
18210
  .k-dropdowngrid-popup {
18312
18211
  overflow: hidden;
18313
18212
  }
@@ -18594,7 +18493,7 @@ kendo-label.k-radio-label > .k-label {
18594
18493
 
18595
18494
  .k-dropdown, .k-dropdowntree {
18596
18495
  border-radius: 4px;
18597
- width: 200px;
18496
+ width: 10em;
18598
18497
  border-width: 1px;
18599
18498
  border-style: solid;
18600
18499
  box-sizing: border-box;
@@ -18963,7 +18862,7 @@ select.k-dropdown, select.k-dropdowntree {
18963
18862
  }
18964
18863
 
18965
18864
  .k-treeview {
18966
- padding: 0px 0px;
18865
+ padding: 0;
18967
18866
  border-width: 0;
18968
18867
  background: none;
18969
18868
  box-sizing: border-box;
@@ -18979,30 +18878,28 @@ select.k-dropdown, select.k-dropdowntree {
18979
18878
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
18980
18879
  }
18981
18880
 
18982
- .k-treeview > .k-group {
18983
- outline: 0;
18984
- -webkit-touch-callout: none;
18985
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
18986
- }
18987
-
18988
- .k-treeview .k-content,
18989
- .k-treeview > .k-group,
18990
- .k-treeview .k-item > .k-group {
18881
+ .k-treeview-group,
18882
+ .k-treeview .k-group {
18991
18883
  margin: 0;
18992
18884
  padding: 0;
18993
18885
  background: none;
18994
18886
  list-style: none;
18995
18887
  position: relative;
18888
+ outline: 0;
18889
+ -webkit-touch-callout: none;
18890
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
18996
18891
  }
18997
18892
 
18998
- .k-treeview .k-content.ng-animating,
18999
- .k-treeview > .k-group.ng-animating,
19000
- .k-treeview .k-item > .k-group.ng-animating {
18893
+ .k-treeview-group.ng-animating,
18894
+ .k-treeview .k-group.ng-animating {
19001
18895
  overflow: hidden;
19002
18896
  }
19003
18897
 
18898
+ .k-treeview-top,
19004
18899
  .k-treeview .k-top,
18900
+ .k-treeview-mid,
19005
18901
  .k-treeview .k-mid,
18902
+ .k-treeview-bot,
19006
18903
  .k-treeview .k-bot {
19007
18904
  display: flex;
19008
18905
  flex-direction: row;
@@ -19010,6 +18907,7 @@ select.k-dropdown, select.k-dropdowntree {
19010
18907
  align-content: center;
19011
18908
  }
19012
18909
 
18910
+ .k-treeview-item,
19013
18911
  .k-treeview .k-item {
19014
18912
  outline-style: none;
19015
18913
  margin: 0;
@@ -19018,120 +18916,149 @@ select.k-dropdown, select.k-dropdowntree {
19018
18916
  display: block;
19019
18917
  }
19020
18918
 
19021
- .k-treeview .k-in {
19022
- border-radius: 4px;
19023
- margin: 0;
19024
- padding: 4px 8px;
19025
- border: 0px solid transparent;
19026
- text-decoration: none;
18919
+ .k-treeview-toggle {
18920
+ flex: none;
19027
18921
  display: inline-flex;
18922
+ flex-flow: row nowrap;
19028
18923
  align-items: center;
19029
- align-content: center;
19030
- vertical-align: middle;
19031
- position: relative;
19032
- }
19033
-
19034
- .k-treeview .k-in.k-state-focused {
19035
- z-index: 1;
19036
18924
  }
19037
18925
 
19038
- .k-treeview .k-treeview-load-more-button {
19039
- cursor: pointer;
19040
- }
19041
-
19042
- .k-treeview .k-treeview-load-more-button:hover, .k-treeview .k-treeview-load-more-button.k-state-hover, .k-treeview .k-treeview-load-more-button:focus, .k-treeview .k-treeview-load-more-button.k-state-focused {
19043
- text-decoration: underline;
19044
- }
19045
-
19046
- .k-treeview .k-treeview-load-more-checkboxes-container {
19047
- padding-left: 36px;
19048
- }
19049
-
19050
- .k-treeview .k-treeview-load-more-checkboxes-container .k-i-loading {
19051
- margin-left: -20px;
19052
- margin-right: 4px;
18926
+ .k-treeview-toggle .k-i-expand,
18927
+ .k-treeview-toggle .k-i-collapse {
18928
+ margin: 0 !important;
19053
18929
  }
19054
18930
 
18931
+ .k-treeview-toggle,
19055
18932
  .k-treeview .k-i-expand,
19056
18933
  .k-treeview .k-i-collapse {
19057
18934
  margin-left: -16px;
19058
18935
  cursor: pointer;
19059
18936
  }
19060
18937
 
18938
+ .k-treeview-toggle + .k-checkbox-wrap,
18939
+ .k-treeview-toggle + .k-checkbox-wrapper,
18940
+ .k-treeview .k-i-expand + .k-checkbox-wrap,
19061
18941
  .k-treeview .k-i-expand + .k-checkbox-wrapper,
18942
+ .k-treeview .k-i-collapse + .k-checkbox-wrap,
19062
18943
  .k-treeview .k-i-collapse + .k-checkbox-wrapper {
19063
18944
  margin-left: 4px;
19064
18945
  }
19065
18946
 
18947
+ .k-treeview-loading {
18948
+ margin-right: 4px;
18949
+ }
18950
+
18951
+ .k-treeview .k-checkbox-wrap,
19066
18952
  .k-treeview .k-checkbox-wrapper {
19067
18953
  margin-right: 4px;
18954
+ align-self: center;
19068
18955
  }
19069
18956
 
19070
- .k-treeview .k-i-drag-and-drop {
19071
- position: absolute;
19072
- transform: translate(-50%, -50%);
19073
- z-index: 1000;
18957
+ .k-treeview-leaf,
18958
+ .k-treeview .k-in {
18959
+ border-radius: 4px;
18960
+ margin: 0;
18961
+ padding: 4px 8px;
18962
+ border: 0px solid transparent;
18963
+ text-decoration: none;
18964
+ display: inline-flex;
18965
+ align-items: center;
18966
+ align-content: center;
18967
+ vertical-align: middle;
18968
+ position: relative;
19074
18969
  }
19075
18970
 
18971
+ .k-treeview-leaf .k-icon,
18972
+ .k-treeview-leaf .k-image,
18973
+ .k-treeview-leaf .k-sprite,
19076
18974
  .k-treeview .k-in .k-icon,
19077
18975
  .k-treeview .k-in .k-image,
19078
18976
  .k-treeview .k-in .k-sprite {
19079
18977
  margin-right: 4px;
19080
18978
  }
19081
18979
 
19082
- .k-rtl .k-treeview .k-item,
19083
- .k-treeview[dir="rtl"] .k-item {
19084
- padding-left: 0;
19085
- padding-right: 16px;
18980
+ .k-treeview-leaf.k-state-focus, .k-treeview-leaf.k-state-focused,
18981
+ .k-treeview .k-in.k-state-focus,
18982
+ .k-treeview .k-in.k-state-focused {
18983
+ z-index: 1;
19086
18984
  }
19087
18985
 
19088
- .k-rtl .k-treeview .k-treeview-load-more-checkboxes-container,
19089
- .k-treeview[dir="rtl"] .k-treeview-load-more-checkboxes-container {
19090
- padding-left: 0;
19091
- padding-right: 36px;
18986
+ .k-treeview .k-treeview-load-more-button {
18987
+ cursor: pointer;
19092
18988
  }
19093
18989
 
19094
- .k-rtl .k-treeview .k-treeview-load-more-checkboxes-container .k-i-loading,
19095
- .k-treeview[dir="rtl"] .k-treeview-load-more-checkboxes-container .k-i-loading {
19096
- margin-left: 4px;
19097
- margin-right: -20px;
18990
+ .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 {
18991
+ text-decoration: underline;
18992
+ }
18993
+
18994
+ .k-rtl .k-treeview .k-item,
18995
+ .k-rtl .k-treeview .k-treeview-item,
18996
+ .k-treeview[dir="rtl"] .k-item,
18997
+ .k-treeview[dir="rtl"] .k-treeview-item {
18998
+ padding-left: 0;
18999
+ padding-right: 16px;
19098
19000
  }
19099
19001
 
19100
19002
  .k-rtl .k-treeview .k-i-expand,
19101
19003
  .k-rtl .k-treeview .k-i-collapse,
19004
+ .k-rtl .k-treeview .k-treeview-toggle,
19102
19005
  .k-treeview[dir="rtl"] .k-i-expand,
19103
- .k-treeview[dir="rtl"] .k-i-collapse {
19006
+ .k-treeview[dir="rtl"] .k-i-collapse,
19007
+ .k-treeview[dir="rtl"] .k-treeview-toggle {
19104
19008
  margin-left: 0;
19105
19009
  margin-right: -16px;
19106
19010
  }
19107
19011
 
19012
+ .k-rtl .k-treeview .k-i-expand + .k-checkbox-wrap,
19108
19013
  .k-rtl .k-treeview .k-i-expand + .k-checkbox-wrapper,
19014
+ .k-rtl .k-treeview .k-i-collapse + .k-checkbox-wrap,
19109
19015
  .k-rtl .k-treeview .k-i-collapse + .k-checkbox-wrapper,
19016
+ .k-rtl .k-treeview .k-treeview-toggle + .k-checkbox-wrap,
19017
+ .k-rtl .k-treeview .k-treeview-toggle + .k-checkbox-wrapper,
19018
+ .k-treeview[dir="rtl"] .k-i-expand + .k-checkbox-wrap,
19110
19019
  .k-treeview[dir="rtl"] .k-i-expand + .k-checkbox-wrapper,
19111
- .k-treeview[dir="rtl"] .k-i-collapse + .k-checkbox-wrapper {
19020
+ .k-treeview[dir="rtl"] .k-i-collapse + .k-checkbox-wrap,
19021
+ .k-treeview[dir="rtl"] .k-i-collapse + .k-checkbox-wrapper,
19022
+ .k-treeview[dir="rtl"] .k-treeview-toggle + .k-checkbox-wrap,
19023
+ .k-treeview[dir="rtl"] .k-treeview-toggle + .k-checkbox-wrapper {
19112
19024
  margin-right: 4px;
19113
19025
  }
19114
19026
 
19027
+ .k-rtl .k-treeview .k-treeview-loading,
19028
+ .k-treeview[dir="rtl"] .k-treeview-loading {
19029
+ margin-right: 0;
19030
+ margin-left: 4px;
19031
+ }
19032
+
19033
+ .k-rtl .k-treeview .k-checkbox-wrap,
19115
19034
  .k-rtl .k-treeview .k-checkbox-wrapper,
19035
+ .k-treeview[dir="rtl"] .k-checkbox-wrap,
19116
19036
  .k-treeview[dir="rtl"] .k-checkbox-wrapper {
19117
19037
  margin-right: 0;
19118
19038
  margin-left: 4px;
19119
19039
  }
19120
19040
 
19041
+ .k-rtl .k-treeview .k-treeview-leaf .k-icon,
19042
+ .k-rtl .k-treeview .k-treeview-leaf .k-image,
19043
+ .k-rtl .k-treeview .k-treeview-leaf .k-sprite,
19121
19044
  .k-rtl .k-treeview .k-in .k-icon,
19122
19045
  .k-rtl .k-treeview .k-in .k-image,
19123
19046
  .k-rtl .k-treeview .k-in .k-sprite,
19047
+ .k-treeview[dir="rtl"] .k-treeview-leaf .k-icon,
19048
+ .k-treeview[dir="rtl"] .k-treeview-leaf .k-image,
19049
+ .k-treeview[dir="rtl"] .k-treeview-leaf .k-sprite,
19124
19050
  .k-treeview[dir="rtl"] .k-in .k-icon,
19125
19051
  .k-treeview[dir="rtl"] .k-in .k-image,
19126
19052
  .k-treeview[dir="rtl"] .k-in .k-sprite {
19127
- margin-left: 4px;
19128
19053
  margin-right: 0;
19054
+ margin-left: 4px;
19129
19055
  }
19130
19056
 
19131
19057
  .k-treeview {
19132
19058
  color: #272727;
19133
19059
  }
19134
19060
 
19061
+ .k-treeview-leaf:hover, .k-treeview-leaf.k-state-hover,
19135
19062
  .k-treeview .k-in:hover,
19136
19063
  .k-treeview .k-in.k-state-hover {
19137
19064
  border-color: #bababa;
@@ -19140,6 +19067,13 @@ select.k-dropdown, select.k-dropdowntree {
19140
19067
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
19141
19068
  }
19142
19069
 
19070
+ .k-treeview-leaf.k-state-focus, .k-treeview-leaf.k-state-focused,
19071
+ .k-treeview .k-in.k-state-focus,
19072
+ .k-treeview .k-in.k-state-focused {
19073
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
19074
+ }
19075
+
19076
+ .k-treeview-leaf.k-state-selected,
19143
19077
  .k-treeview .k-in.k-state-selected {
19144
19078
  border-color: #cc4a00;
19145
19079
  color: white;
@@ -19147,30 +19081,24 @@ select.k-dropdown, select.k-dropdowntree {
19147
19081
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
19148
19082
  }
19149
19083
 
19150
- .k-treeview .k-in.k-state-focused {
19151
- box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
19152
- }
19153
-
19154
19084
  .k-treeview .k-treeview-load-more-button {
19155
19085
  color: #f35800;
19156
19086
  background-color: transparent;
19157
19087
  }
19158
19088
 
19159
- .k-treeview .k-treeview-load-more-button:hover,
19160
- .k-treeview .k-treeview-load-more-button.k-state-hover {
19089
+ .k-treeview .k-treeview-load-more-button:hover, .k-treeview .k-treeview-load-more-button.k-state-hover {
19161
19090
  color: #cc4a00;
19162
19091
  background-color: transparent;
19163
19092
  }
19164
19093
 
19165
- .k-treeview .k-treeview-load-more-button:focus,
19166
- .k-treeview .k-treeview-load-more-button.k-state-focused {
19167
- color: #f35800;
19094
+ .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 {
19095
+ color: #cc4a00;
19168
19096
  background-color: transparent;
19169
- box-shadow: none;
19097
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
19170
19098
  }
19171
19099
 
19172
19100
  .k-dropdowntree {
19173
- width: 200px;
19101
+ width: 10em;
19174
19102
  }
19175
19103
 
19176
19104
  .k-popup-dropdowntree {
@@ -19187,7 +19115,7 @@ select.k-dropdown, select.k-dropdowntree {
19187
19115
 
19188
19116
  .k-maskedtextbox {
19189
19117
  border-radius: 4px;
19190
- width: 200px;
19118
+ width: 10em;
19191
19119
  border-width: 1px;
19192
19120
  border-style: solid;
19193
19121
  box-sizing: border-box;
@@ -19353,24 +19281,35 @@ select.k-dropdown, select.k-dropdowntree {
19353
19281
 
19354
19282
  .k-searchbox {
19355
19283
  border-radius: 4px;
19284
+ width: 10em;
19356
19285
  border-width: 1px;
19357
19286
  border-style: solid;
19358
19287
  box-sizing: border-box;
19288
+ outline: 0;
19359
19289
  font-family: inherit;
19360
19290
  font-size: 14px;
19361
19291
  line-height: 1.4285714286;
19292
+ text-align: start;
19293
+ white-space: nowrap;
19362
19294
  display: inline-flex;
19363
- align-items: center;
19364
- vertical-align: middle;
19365
19295
  flex-flow: row nowrap;
19296
+ vertical-align: middle;
19366
19297
  position: relative;
19367
19298
  overflow: hidden;
19299
+ transition: all .1s ease;
19300
+ -webkit-touch-callout: none;
19301
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
19368
19302
  }
19369
19303
 
19370
19304
  .k-searchbox > .k-input {
19371
19305
  padding: 4px 8px;
19372
19306
  }
19373
19307
 
19308
+ .k-searchbox .k-i-loading {
19309
+ width: 24px;
19310
+ height: 28px;
19311
+ }
19312
+
19374
19313
  .k-searchbox {
19375
19314
  border-color: #cacaca;
19376
19315
  color: #272727;
@@ -19391,20 +19330,11 @@ select.k-dropdown, select.k-dropdowntree {
19391
19330
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
19392
19331
  }
19393
19332
 
19394
- .k-searchbox:disabled, .k-searchbox.k-state-disabled {
19395
- outline: none;
19396
- cursor: default;
19397
- opacity: 0.6;
19398
- filter: grayscale(0.1);
19399
- pointer-events: none;
19400
- box-shadow: none;
19401
- }
19402
-
19403
- .k-searchbox.k-invalid, .k-searchbox.k-state-invalid {
19333
+ .k-searchbox.k-invalid, .k-searchbox.ng-invalid, .k-searchbox.k-state-invalid {
19404
19334
  border-color: rgba(217, 40, 0, 0.5);
19405
19335
  }
19406
19336
 
19407
- .k-searchbox.k-invalid .k-input-validation-icon, .k-searchbox.k-state-invalid .k-input-validation-icon {
19337
+ .k-searchbox.k-invalid .k-input-validation-icon, .k-searchbox.ng-invalid .k-input-validation-icon, .k-searchbox.k-state-invalid .k-input-validation-icon {
19408
19338
  color: #d92800;
19409
19339
  }
19410
19340
 
@@ -20153,7 +20083,7 @@ select.k-dropdown, select.k-dropdowntree {
20153
20083
  }
20154
20084
 
20155
20085
  .k-appbar {
20156
- padding: 8px 16px;
20086
+ padding: 8px 8px;
20157
20087
  border-width: 0px;
20158
20088
  border-style: solid;
20159
20089
  box-sizing: border-box;
@@ -20949,10 +20879,12 @@ select.k-dropdown, select.k-dropdowntree {
20949
20879
  }
20950
20880
 
20951
20881
  .k-menu-item {
20882
+ box-sizing: border-box;
20952
20883
  border-width: 0;
20953
20884
  outline: 0;
20954
20885
  display: flex;
20955
- flex: 0 0 auto;
20886
+ flex-flow: column nowrap;
20887
+ flex: none;
20956
20888
  position: relative;
20957
20889
  -webkit-user-select: none;
20958
20890
  -ms-user-select: none;
@@ -20964,7 +20896,7 @@ select.k-dropdown, select.k-dropdowntree {
20964
20896
  outline: 0;
20965
20897
  color: inherit;
20966
20898
  display: flex;
20967
- flex-direction: row;
20899
+ flex-flow: row nowrap;
20968
20900
  flex: 1 1 auto;
20969
20901
  align-items: center;
20970
20902
  position: relative;
@@ -20978,9 +20910,19 @@ select.k-dropdown, select.k-dropdowntree {
20978
20910
  margin-right: 4px;
20979
20911
  }
20980
20912
 
20913
+ .k-menu-link-text {
20914
+ flex: 1 1 auto;
20915
+ overflow: hidden;
20916
+ text-overflow: ellipsis;
20917
+ }
20918
+
20981
20919
  .k-menu-expand-arrow {
20982
20920
  margin-left: 4px;
20983
20921
  margin-right: -4px;
20922
+ display: inline-flex;
20923
+ flex-flow: row wrap;
20924
+ align-items: center;
20925
+ flex: none;
20984
20926
  position: relative;
20985
20927
  }
20986
20928
 
@@ -21005,7 +20947,7 @@ select.k-dropdown, select.k-dropdowntree {
21005
20947
  }
21006
20948
 
21007
20949
  .k-menu-horizontal > .k-separator {
21008
- margin: 0 2px;
20950
+ margin: 0 4px;
21009
20951
  width: 0;
21010
20952
  height: auto;
21011
20953
  border-width: 0 0 0 1px;
@@ -21021,8 +20963,16 @@ select.k-dropdown, select.k-dropdowntree {
21021
20963
  padding-right: 32px;
21022
20964
  }
21023
20965
 
20966
+ .k-menu-vertical > .k-menu-item > .k-menu-link .k-menu-expand-arrow {
20967
+ margin: 0;
20968
+ position: absolute;
20969
+ top: 50%;
20970
+ transform: translateY(-50%);
20971
+ right: 4px;
20972
+ }
20973
+
21024
20974
  .k-menu-vertical > .k-separator {
21025
- margin: 2px 0;
20975
+ margin: 4px 0;
21026
20976
  height: 0;
21027
20977
  border-width: 1px 0 0;
21028
20978
  border-style: solid;
@@ -21067,8 +21017,16 @@ select.k-dropdown, select.k-dropdowntree {
21067
21017
  padding-right: 32px;
21068
21018
  }
21069
21019
 
21020
+ .k-menu-group .k-menu-link .k-menu-expand-arrow {
21021
+ margin: 0;
21022
+ position: absolute;
21023
+ top: 50%;
21024
+ transform: translateY(-50%);
21025
+ right: 4px;
21026
+ }
21027
+
21070
21028
  .k-menu-group .k-separator {
21071
- margin: 2px 0;
21029
+ margin: 4px 0;
21072
21030
  height: 0;
21073
21031
  border-width: 1px 0 0;
21074
21032
  border-style: solid;
@@ -21099,9 +21057,13 @@ select.k-dropdown, select.k-dropdowntree {
21099
21057
  z-index: 12000;
21100
21058
  }
21101
21059
 
21102
- .k-context-menu-popup > .k-popup:not(.k-menu-popup),
21103
21060
  .k-context-menu-popup .k-context-menu {
21104
- border: 0;
21061
+ border-width: 0;
21062
+ }
21063
+
21064
+ .k-popup .k-context-menu,
21065
+ .k-context-menu-popup .k-context-menu {
21066
+ border-width: 0;
21105
21067
  }
21106
21068
 
21107
21069
  .k-menu-scroll-wrapper {
@@ -21185,12 +21147,24 @@ select.k-dropdown, select.k-dropdowntree {
21185
21147
  padding-left: 32px;
21186
21148
  }
21187
21149
 
21150
+ .k-rtl .k-menu-vertical > .k-menu-item > .k-menu-link .k-menu-expand-arrow,
21151
+ [dir="rtl"] .k-menu-vertical > .k-menu-item > .k-menu-link .k-menu-expand-arrow {
21152
+ right: auto;
21153
+ left: 4px;
21154
+ }
21155
+
21188
21156
  .k-rtl .k-menu-group .k-menu-link,
21189
21157
  [dir="rtl"] .k-menu-group .k-menu-link {
21190
21158
  padding-right: 8px;
21191
21159
  padding-left: 32px;
21192
21160
  }
21193
21161
 
21162
+ .k-rtl .k-menu-group .k-menu-link .k-menu-expand-arrow,
21163
+ [dir="rtl"] .k-menu-group .k-menu-link .k-menu-expand-arrow {
21164
+ right: auto;
21165
+ left: 4px;
21166
+ }
21167
+
21194
21168
  .k-menu:not(.k-context-menu) {
21195
21169
  border-color: #cacaca;
21196
21170
  color: #272727;
@@ -21209,11 +21183,11 @@ select.k-dropdown, select.k-dropdowntree {
21209
21183
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
21210
21184
  }
21211
21185
 
21212
- .k-menu:not(.k-context-menu) > .k-item > .k-state-active {
21186
+ .k-menu:not(.k-context-menu) > .k-item > .k-state-active, .k-menu:not(.k-context-menu) > .k-item.k-state-selected {
21213
21187
  color: #272727;
21214
21188
  }
21215
21189
 
21216
- .k-menu:not(.k-context-menu) > .k-item:focus, .k-menu:not(.k-context-menu) > .k-item.k-state-focused {
21190
+ .k-menu:not(.k-context-menu) > .k-item:focus, .k-menu:not(.k-context-menu) > .k-item.k-state-focus, .k-menu:not(.k-context-menu) > .k-item.k-state-focused {
21217
21191
  box-shadow: inset 0 0 3px 1px rgba(39, 39, 39, 0.25);
21218
21192
  }
21219
21193
 
@@ -21231,14 +21205,16 @@ select.k-dropdown, select.k-dropdowntree {
21231
21205
  background-color: #dddddd;
21232
21206
  }
21233
21207
 
21234
- .k-menu-group .k-item > .k-state-active,
21235
- .k-menu.k-context-menu .k-item > .k-state-active {
21208
+ .k-menu-group .k-item > .k-state-active, .k-menu-group .k-item.k-state-selected,
21209
+ .k-menu.k-context-menu .k-item > .k-state-active,
21210
+ .k-menu.k-context-menu .k-item.k-state-selected {
21236
21211
  color: white;
21237
21212
  background-color: #f35800;
21238
21213
  }
21239
21214
 
21240
- .k-menu-group .k-item:focus, .k-menu-group .k-item.k-state-focused,
21215
+ .k-menu-group .k-item:focus, .k-menu-group .k-item.k-state-focus, .k-menu-group .k-item.k-state-focused,
21241
21216
  .k-menu.k-context-menu .k-item:focus,
21217
+ .k-menu.k-context-menu .k-item.k-state-focus,
21242
21218
  .k-menu.k-context-menu .k-item.k-state-focused {
21243
21219
  box-shadow: inset 0 0 3px 1px rgba(39, 39, 39, 0.25);
21244
21220
  }
@@ -21451,7 +21427,7 @@ select.k-dropdown, select.k-dropdowntree {
21451
21427
  .k-window-title {
21452
21428
  padding: .5em 0;
21453
21429
  margin: -.5em 0;
21454
- font-size: 18px;
21430
+ font-size: 16px;
21455
21431
  line-height: 1.25;
21456
21432
  text-overflow: ellipsis;
21457
21433
  overflow: hidden;
@@ -22155,15 +22131,13 @@ kendo-card-footer {
22155
22131
  .k-card-title {
22156
22132
  margin: 0 0 8px;
22157
22133
  font-size: 16px;
22158
- font-family: inherit;
22159
- line-height: normal;
22134
+ line-height: 1.25;
22160
22135
  font-weight: 400;
22161
22136
  }
22162
22137
 
22163
22138
  .k-card-subtitle {
22164
22139
  margin: 0 0 8px;
22165
22140
  font-size: 12px;
22166
- font-family: inherit;
22167
22141
  line-height: normal;
22168
22142
  font-weight: 400;
22169
22143
  }
@@ -23246,7 +23220,7 @@ kendo-card-footer {
23246
23220
 
23247
23221
  .k-pager-input .k-textbox {
23248
23222
  margin: 0 1ex;
23249
- width: 3em;
23223
+ width: 5em;
23250
23224
  }
23251
23225
 
23252
23226
  .k-pager-sizes .k-dropdown, .k-pager-sizes .k-dropdowntree,
@@ -24894,21 +24868,12 @@ kendo-card-footer {
24894
24868
  box-sizing: border-box;
24895
24869
  }
24896
24870
 
24897
- .k-pane-wrapper .k-grid-filter-menu .k-filter-selected-items {
24898
- margin: 1em;
24899
- font-weight: normal;
24900
- }
24901
-
24902
24871
  .k-pane-wrapper .k-grid-edit-form .k-popup-edit-form,
24903
24872
  .k-pane-wrapper .k-grid-edit-form .k-edit-form-container {
24904
24873
  width: auto;
24905
24874
  min-width: auto;
24906
24875
  }
24907
24876
 
24908
- .k-pane-wrapper .k-grid .k-grid-search {
24909
- width: 100%;
24910
- }
24911
-
24912
24877
  .k-grid.k-grid-mobile {
24913
24878
  border-width: 0;
24914
24879
  }
@@ -25136,49 +25101,18 @@ kendo-card-footer {
25136
25101
  border-bottom-width: 0;
25137
25102
  }
25138
25103
 
25139
- .k-pane-wrapper .k-grid-edit-form > .k-header,
25140
- .k-pane-wrapper .k-grid-column-menu > .k-header,
25141
- .k-pane-wrapper .k-grid-filter-menu > .k-header,
25142
- .k-pane-wrapper .k-scheduler-edit-form > .k-header {
25143
- display: flex;
25144
- justify-content: space-between;
25145
- padding: .3em .6em;
25146
- width: auto;
25147
- line-height: 2em;
25148
- }
25149
-
25150
- .k-pane-wrapper .k-grid-edit-form > .k-header .k-header-done,
25151
- .k-pane-wrapper .k-grid-edit-form > .k-header .k-header-cancel,
25152
- .k-pane-wrapper .k-grid-column-menu > .k-header .k-header-done,
25153
- .k-pane-wrapper .k-grid-column-menu > .k-header .k-header-cancel,
25154
- .k-pane-wrapper .k-grid-filter-menu > .k-header .k-header-done,
25155
- .k-pane-wrapper .k-grid-filter-menu > .k-header .k-header-cancel,
25156
- .k-pane-wrapper .k-scheduler-edit-form > .k-header .k-header-done,
25157
- .k-pane-wrapper .k-scheduler-edit-form > .k-header .k-header-cancel {
25158
- display: flex;
25159
- flex-direction: row;
25160
- align-items: center;
25161
- }
25162
-
25163
- .k-pane-wrapper .k-grid-edit-form > .k-header .k-header-done .k-icon,
25164
- .k-pane-wrapper .k-grid-edit-form > .k-header .k-header-cancel .k-icon,
25165
- .k-pane-wrapper .k-grid-column-menu > .k-header .k-header-done .k-icon,
25166
- .k-pane-wrapper .k-grid-column-menu > .k-header .k-header-cancel .k-icon,
25167
- .k-pane-wrapper .k-grid-filter-menu > .k-header .k-header-done .k-icon,
25168
- .k-pane-wrapper .k-grid-filter-menu > .k-header .k-header-cancel .k-icon,
25169
- .k-pane-wrapper .k-scheduler-edit-form > .k-header .k-header-done .k-icon,
25170
- .k-pane-wrapper .k-scheduler-edit-form > .k-header .k-header-cancel .k-icon {
25171
- font-size: 1.5em;
25104
+ .k-pane-wrapper .k-appbar {
25105
+ padding: 4px;
25172
25106
  }
25173
25107
 
25174
25108
  .k-pane-wrapper .k-list-title,
25175
- .k-pane-wrapper .k-filter-help-text,
25176
- .k-pane-wrapper .k-list-group-header {
25109
+ .k-pane-wrapper .k-filter-help-text {
25177
25110
  padding: 8px 8px;
25178
25111
  display: block;
25179
25112
  }
25180
25113
 
25181
- .k-pane-wrapper .k-list-group-header {
25114
+ .k-pane-wrapper .k-listgroup-title {
25115
+ padding: 8px 8px;
25182
25116
  font-weight: bold;
25183
25117
  text-transform: uppercase;
25184
25118
  }
@@ -25188,24 +25122,55 @@ kendo-card-footer {
25188
25122
  }
25189
25123
 
25190
25124
  .k-pane-wrapper .k-listgroup + .k-listgroup {
25191
- margin-top: 2em;
25125
+ margin-top: 16px;
25126
+ }
25127
+
25128
+ .k-pane-wrapper .k-column-menu {
25129
+ padding: 8px;
25130
+ display: flex;
25131
+ flex-flow: column nowrap;
25132
+ gap: 8px;
25192
25133
  }
25193
25134
 
25194
25135
  .k-pane-wrapper .k-column-menu .k-filter-item .k-filterable * {
25195
25136
  pointer-events: none;
25196
25137
  }
25197
25138
 
25198
- .k-pane-wrapper .k-filter-menu .k-space-right {
25199
- margin: .5em 10px;
25200
- width: auto;
25139
+ .k-pane-wrapper .k-column-menu .k-list-title,
25140
+ .k-pane-wrapper .k-column-menu .k-listgroup-title {
25141
+ padding: 0;
25142
+ }
25143
+
25144
+ .k-pane-wrapper .k-column-menu .k-listgroup {
25145
+ margin-inline: -8px;
25146
+ }
25147
+
25148
+ .k-pane-wrapper .k-filter-menu {
25149
+ padding: 8px;
25201
25150
  display: flex;
25202
- align-items: center;
25151
+ flex-flow: column nowrap;
25152
+ gap: 8px;
25153
+ }
25154
+
25155
+ .k-pane-wrapper .k-filter-menu .k-list-title {
25156
+ padding: 0;
25157
+ }
25158
+
25159
+ .k-pane-wrapper .k-filter-menu .k-list-filter {
25160
+ padding: 0;
25161
+ display: flex;
25162
+ flex-flow: column nowrap;
25163
+ gap: inherit;
25203
25164
  }
25204
25165
 
25205
25166
  .k-pane-wrapper .k-filter-menu .k-filter-tools {
25206
- margin: 1em;
25207
25167
  display: flex;
25208
- justify-content: space-between;
25168
+ flex-flow: row nowrap;
25169
+ gap: inherit;
25170
+ }
25171
+
25172
+ .k-pane-wrapper .k-filter-menu .k-listgroup {
25173
+ margin-inline: -8px;
25209
25174
  }
25210
25175
 
25211
25176
  .k-pane-wrapper .k-popup-edit-form .k-recur-editor-wrap {
@@ -25232,33 +25197,12 @@ kendo-card-footer {
25232
25197
  display: none;
25233
25198
  }
25234
25199
 
25235
- .k-ie .k-pane-wrapper .k-scheduler .k-scheduler-toolbar,
25236
- .k-ie .k-pane-wrapper .k-scheduler .k-scheduler-footer {
25237
- line-height: 2em;
25238
- }
25239
-
25240
- .k-ie .k-pane-wrapper .k-grid .k-icon {
25241
- text-indent: 0;
25242
- }
25243
-
25244
- .k-rtl .k-pane-wrapper .k-grid-edit-form > .k-header,
25245
- .k-rtl .k-pane-wrapper .k-grid-column-menu > .k-header,
25246
- .k-rtl .k-pane-wrapper .k-grid-filter-menu > .k-header,
25247
- .k-rtl .k-pane-wrapper .k-scheduler-edit-form > .k-header, .k-pane-wrapper[dir="rtl"] .k-grid-edit-form > .k-header,
25248
- .k-pane-wrapper[dir="rtl"] .k-grid-column-menu > .k-header,
25249
- .k-pane-wrapper[dir="rtl"] .k-grid-filter-menu > .k-header,
25250
- .k-pane-wrapper[dir="rtl"] .k-scheduler-edit-form > .k-header,
25251
- [dir="rtl"] .k-pane-wrapper .k-grid-edit-form > .k-header,
25252
- [dir="rtl"] .k-pane-wrapper .k-grid-column-menu > .k-header,
25253
- [dir="rtl"] .k-pane-wrapper .k-grid-filter-menu > .k-header,
25254
- [dir="rtl"] .k-pane-wrapper .k-scheduler-edit-form > .k-header {
25255
- flex-direction: row-reverse;
25256
- }
25257
-
25258
- .k-rtl .k-pane-wrapper .k-filter-menu .k-space-right > .k-i-zoom, .k-pane-wrapper[dir="rtl"] .k-filter-menu .k-space-right > .k-i-zoom,
25259
- [dir="rtl"] .k-pane-wrapper .k-filter-menu .k-space-right > .k-i-zoom {
25260
- left: 15px;
25261
- right: auto;
25200
+ .k-rtl .k-pane-wrapper .k-header-cancel .k-i-arrow-chevron-left,
25201
+ .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,
25202
+ .k-pane-wrapper[dir="rtl"] .k-listgroup-item .k-select .k-i-arrow-chevron-right,
25203
+ [dir="rtl"] .k-pane-wrapper .k-header-cancel .k-i-arrow-chevron-left,
25204
+ [dir="rtl"] .k-pane-wrapper .k-listgroup-item .k-select .k-i-arrow-chevron-right {
25205
+ transform: scaleX(-1);
25262
25206
  }
25263
25207
 
25264
25208
  .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,
@@ -25280,11 +25224,6 @@ kendo-card-footer {
25280
25224
  margin-right: 0;
25281
25225
  }
25282
25226
 
25283
- .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,
25284
- [dir="rtl"] .k-pane-wrapper .k-scheduler-edit-form .k-item .k-i-arrow-chevron-right {
25285
- transform: scaleX(-1);
25286
- }
25287
-
25288
25227
  .k-pane-wrapper,
25289
25228
  .k-view {
25290
25229
  border-color: #cacaca;
@@ -25336,21 +25275,6 @@ kendo-card-footer {
25336
25275
  background-color: inherit;
25337
25276
  }
25338
25277
 
25339
- .k-pane-wrapper .k-pane .k-grid-edit-form .k-header,
25340
- .k-pane-wrapper .k-pane .k-grid-column-menu .k-header,
25341
- .k-pane-wrapper .k-pane .k-grid-filter-menu .k-header,
25342
- .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-header {
25343
- color: white;
25344
- background-color: #f35800;
25345
- }
25346
-
25347
- .k-pane-wrapper .k-pane .k-grid-edit-form .k-header .k-link,
25348
- .k-pane-wrapper .k-pane .k-grid-column-menu .k-header .k-link,
25349
- .k-pane-wrapper .k-pane .k-grid-filter-menu .k-header .k-link,
25350
- .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-header .k-link {
25351
- color: inherit;
25352
- }
25353
-
25354
25278
  .k-pane-wrapper .k-pane .k-grid-edit-form .k-item,
25355
25279
  .k-pane-wrapper .k-pane .k-grid-edit-form .k-link,
25356
25280
  .k-pane-wrapper .k-pane .k-grid-column-menu .k-item,
@@ -25818,10 +25742,6 @@ kendo-card-footer {
25818
25742
  border-width: 1px 0 0;
25819
25743
  }
25820
25744
 
25821
- .k-grid-search {
25822
- width: 200px;
25823
- }
25824
-
25825
25745
  .k-grouping-header {
25826
25746
  padding: 8px 8px;
25827
25747
  border-width: 0 0 1px;
@@ -26121,13 +26041,6 @@ div.k-grid-footer {
26121
26041
  padding: 4px 8px;
26122
26042
  }
26123
26043
 
26124
- .k-grid-columnmenu-popup {
26125
- width: 230px;
26126
- }
26127
-
26128
- .k-grid-columnmenu-popup.k-popup {
26129
- }
26130
-
26131
26044
  .k-filter-row {
26132
26045
  line-height: 1.4285714286;
26133
26046
  }
@@ -26215,6 +26128,17 @@ div.k-grid-footer {
26215
26128
  position: relative;
26216
26129
  }
26217
26130
 
26131
+ .k-grid th > .k-radio,
26132
+ .k-grid th > .k-radio-wrap,
26133
+ .k-grid th > .k-checkbox,
26134
+ .k-grid th > .k-checkbox-wrap,
26135
+ .k-grid td > .k-radio,
26136
+ .k-grid td > .k-radio-wrap,
26137
+ .k-grid td > .k-checkbox,
26138
+ .k-grid td > .k-checkbox-wrap {
26139
+ vertical-align: top;
26140
+ }
26141
+
26218
26142
  .k-grid .k-edit-cell,
26219
26143
  .k-grid .k-command-cell,
26220
26144
  .k-grid .k-grid-edit-row td {
@@ -26235,6 +26159,17 @@ div.k-grid-footer {
26235
26159
  box-sizing: border-box;
26236
26160
  }
26237
26161
 
26162
+ .k-grid .k-edit-cell > .k-radio,
26163
+ .k-grid .k-edit-cell > .k-checkbox,
26164
+ .k-grid .k-edit-cell > .k-radio-wrap,
26165
+ .k-grid .k-edit-cell > .k-checkbox-wrap,
26166
+ .k-grid .k-grid-edit-row td > .k-radio,
26167
+ .k-grid .k-grid-edit-row td > .k-checkbox,
26168
+ .k-grid .k-grid-edit-row td > .k-radio-wrap,
26169
+ .k-grid .k-grid-edit-row td > .k-checkbox-wrap {
26170
+ vertical-align: middle;
26171
+ }
26172
+
26238
26173
  .k-grid .k-command-cell > .k-button {
26239
26174
  vertical-align: middle;
26240
26175
  }
@@ -26593,80 +26528,95 @@ div.k-grid-norecords {
26593
26528
  padding: 0 !important;
26594
26529
  }
26595
26530
 
26596
- .k-filter-menu.k-popup .k-filter-menu-container,
26597
- .k-grid-filter-popup.k-popup .k-filter-menu-container {
26531
+ .k-filter-menu-popup {
26598
26532
  width: 230px;
26599
26533
  }
26600
26534
 
26601
- .k-filter-menu.k-popup .k-multicheck-wrap,
26602
- .k-grid-filter-popup.k-popup .k-multicheck-wrap,
26603
- .k-popup .k-filter-menu .k-multicheck-wrap,
26604
- .k-popup .k-grid-filter-popup .k-multicheck-wrap {
26605
- padding: 8px 8px 0;
26535
+ .k-filter-menu {
26536
+ box-sizing: border-box;
26606
26537
  }
26607
26538
 
26608
- .k-filter-menu.k-popup .k-multicheck-wrap .k-item,
26609
- .k-grid-filter-popup.k-popup .k-multicheck-wrap .k-item,
26610
- .k-popup .k-filter-menu .k-multicheck-wrap .k-item,
26611
- .k-popup .k-grid-filter-popup .k-multicheck-wrap .k-item {
26612
- padding: 4px 0;
26539
+ .k-filter-menu-container {
26540
+ padding: 8px;
26541
+ box-sizing: border-box;
26542
+ display: flex;
26543
+ flex-flow: column nowrap;
26544
+ align-items: stretch;
26545
+ gap: 8px;
26613
26546
  }
26614
26547
 
26615
- .k-filter-menu.k-popup .k-multicheck-wrap .k-check-all-wrap,
26616
- .k-grid-filter-popup.k-popup .k-multicheck-wrap .k-check-all-wrap,
26617
- .k-popup .k-filter-menu .k-multicheck-wrap .k-check-all-wrap,
26618
- .k-popup .k-grid-filter-popup .k-multicheck-wrap .k-check-all-wrap {
26619
- padding-bottom: 8px;
26620
- border-bottom-width: 1px;
26621
- border-bottom-style: solid;
26548
+ .k-filter-menu-container > * {
26549
+ width: 100%;
26622
26550
  }
26623
26551
 
26624
- .k-filter-menu.k-popup .k-filter-help-text,
26625
- .k-grid-filter-popup.k-popup .k-filter-help-text,
26626
- .k-popup .k-filter-menu .k-filter-help-text,
26627
- .k-popup .k-grid-filter-popup .k-filter-help-text {
26628
- padding: 8px 8px 0;
26552
+ .k-filter-menu-container .k-switch,
26553
+ .k-filter-menu-container .k-filter-and {
26554
+ width: min-content;
26555
+ align-self: start;
26629
26556
  }
26630
26557
 
26631
- .k-filter-menu.k-popup .k-filter-selected-items,
26632
- .k-grid-filter-popup.k-popup .k-filter-selected-items,
26633
- .k-popup .k-filter-menu .k-filter-selected-items,
26634
- .k-popup .k-grid-filter-popup .k-filter-selected-items {
26635
- padding: 8px 8px 0;
26558
+ .k-filter-menu-container .k-actions, .k-filter-menu-container .k-edit-buttons,
26559
+ .k-filter-menu-container .k-action-buttons,
26560
+ .k-filter-menu-container .k-columnmenu-actions, .k-filter-menu-container .k-form-buttons {
26561
+ margin: 0;
26562
+ padding: 0;
26636
26563
  }
26637
26564
 
26638
- .k-filter-menu .k-filter-menu-container {
26639
- box-sizing: border-box;
26565
+ .k-filter-menu-container kendo-numeric-filter-menu,
26566
+ .k-filter-menu-container kendo-grid-string-filter-menu,
26567
+ .k-filter-menu-container kendo-grid-date-filter-menu,
26568
+ .k-filter-menu-container kendo-grid-filter-menu-input-wrapper {
26569
+ display: flex;
26570
+ flex-flow: column nowrap;
26571
+ align-items: stretch;
26572
+ gap: 8px;
26640
26573
  }
26641
26574
 
26642
- .k-filter-menu .k-widget,
26643
- .k-filter-menu .k-radio-list,
26644
- .k-filter-menu .k-textbox,
26645
- .k-filter-menu .k-searchbox {
26646
- margin: 8px 8px 0;
26647
- width: calc(100% - 16px);
26648
- box-sizing: border-box;
26649
- display: flex;
26575
+ .k-filter-menu-container kendo-numeric-filter-menu > *,
26576
+ .k-filter-menu-container kendo-grid-string-filter-menu > *,
26577
+ .k-filter-menu-container kendo-grid-date-filter-menu > *,
26578
+ .k-filter-menu-container kendo-grid-filter-menu-input-wrapper > * {
26579
+ width: 100%;
26650
26580
  }
26651
26581
 
26652
- .k-filter-menu .k-widget.k-filter-and {
26653
- width: 6em;
26582
+ .k-ie .k-filter-menu-container > * {
26583
+ margin-top: 8px;
26654
26584
  }
26655
26585
 
26656
- .k-filter-menu .k-widget.k-button-group {
26657
- width: auto;
26658
- display: inline-flex;
26586
+ .k-ie .k-filter-menu-container > :first-child {
26587
+ margin-top: 0;
26659
26588
  }
26660
26589
 
26661
- .k-filter-menu .k-switch {
26662
- width: 60px;
26663
- display: inline-flex;
26590
+ .k-ie .k-filter-menu-container .k-filter-and,
26591
+ .k-ie .k-filter-menu-container kendo-grid-filter-menu-input-wrapper > * {
26592
+ margin-top: 8px;
26593
+ }
26594
+
26595
+ .k-ie .k-filter-menu-container kendo-grid-filter-menu-input-wrapper > :first-child {
26596
+ margin-top: 0;
26597
+ }
26598
+
26599
+ .k-filter-menu.k-popup .k-filter-menu-container,
26600
+ .k-grid-filter-popup.k-popup .k-filter-menu-container {
26601
+ width: 230px;
26664
26602
  }
26665
26603
 
26666
- .k-multicheck-wrap {
26604
+ .k-popup .k-multicheck-wrap {
26605
+ margin: 0;
26606
+ padding: 0;
26667
26607
  max-height: 300px;
26608
+ font-size: 14px;
26609
+ line-height: 1.4285714286;
26668
26610
  white-space: nowrap;
26669
26611
  overflow: auto;
26612
+ list-style: none;
26613
+ }
26614
+
26615
+ .k-popup .k-multicheck-wrap .k-item,
26616
+ .k-popup .k-multicheck-wrap .k-check-all-wrap {
26617
+ padding: 4px 8px;
26618
+ display: flex;
26619
+ flex-flow: row nowrap;
26670
26620
  }
26671
26621
 
26672
26622
  .k-filter-selected-items {
@@ -26695,6 +26645,50 @@ div.k-grid-norecords {
26695
26645
  width: 0 !important;
26696
26646
  }
26697
26647
 
26648
+ .k-column-menu-popup,
26649
+ .k-grid-columnmenu-popup {
26650
+ width: 230px;
26651
+ box-sizing: border-box;
26652
+ }
26653
+
26654
+ .k-column-menu-popup.k-popup,
26655
+ .k-grid-columnmenu-popup.k-popup {
26656
+ }
26657
+
26658
+ .k-popup > .k-column-menu-popup, .k-popup >
26659
+ .k-grid-columnmenu-popup {
26660
+ width: 100%;
26661
+ }
26662
+
26663
+ .k-column-menu-popup .k-actions, .k-column-menu-popup .k-edit-buttons,
26664
+ .k-column-menu-popup .k-action-buttons,
26665
+ .k-column-menu-popup .k-columnmenu-actions, .k-column-menu-popup .k-form-buttons,
26666
+ .k-grid-columnmenu-popup .k-actions,
26667
+ .k-grid-columnmenu-popup .k-edit-buttons,
26668
+ .k-grid-columnmenu-popup .k-action-buttons,
26669
+ .k-grid-columnmenu-popup .k-columnmenu-actions,
26670
+ .k-grid-columnmenu-popup .k-form-buttons {
26671
+ margin: 0;
26672
+ }
26673
+
26674
+ .k-column-menu {
26675
+ box-sizing: border-box;
26676
+ }
26677
+
26678
+ .k-column-menu .k-menu:not(.k-context-menu) {
26679
+ font-weight: 400;
26680
+ }
26681
+
26682
+ .k-column-menu .k-expander {
26683
+ border: 0;
26684
+ background: inherit;
26685
+ }
26686
+
26687
+ .k-column-menu .k-expander .k-columnmenu-item {
26688
+ display: flex;
26689
+ align-items: center;
26690
+ }
26691
+
26698
26692
  .k-column-list {
26699
26693
  padding: 0;
26700
26694
  margin: 0;
@@ -26710,10 +26704,17 @@ div.k-grid-norecords {
26710
26704
  }
26711
26705
 
26712
26706
  .k-column-list-item {
26713
- position: relative;
26714
- display: block;
26715
26707
  margin: 0;
26708
+ display: flex;
26709
+ flex-flow: row nowrap;
26710
+ align-items: center;
26711
+ gap: 4px;
26716
26712
  cursor: pointer;
26713
+ position: relative;
26714
+ }
26715
+
26716
+ .k-column-list-item .k-checkbox-label {
26717
+ margin: 0;
26717
26718
  }
26718
26719
 
26719
26720
  .k-columns-items-wrap {
@@ -26739,23 +26740,6 @@ div.k-grid-norecords {
26739
26740
  overflow: hidden;
26740
26741
  }
26741
26742
 
26742
- .k-filter-menu .k-actions, .k-filter-menu .k-edit-buttons,
26743
- .k-filter-menu .k-action-buttons,
26744
- .k-filter-menu .k-columnmenu-actions, .k-filter-menu .k-form-buttons,
26745
- .k-column-list-wrapper .k-actions,
26746
- .k-column-list-wrapper .k-edit-buttons,
26747
- .k-column-list-wrapper .k-action-buttons,
26748
- .k-column-list-wrapper .k-columnmenu-actions,
26749
- .k-column-list-wrapper .k-form-buttons,
26750
- .k-columnmenu-item-content .k-actions,
26751
- .k-columnmenu-item-content .k-edit-buttons,
26752
- .k-columnmenu-item-content .k-action-buttons,
26753
- .k-columnmenu-item-content .k-columnmenu-actions,
26754
- .k-columnmenu-item-content .k-form-buttons {
26755
- margin-top: 4px;
26756
- padding: 8px 8px;
26757
- }
26758
-
26759
26743
  .k-column-menu-group-header {
26760
26744
  padding: 4px 8px;
26761
26745
  display: flex;
@@ -26775,20 +26759,6 @@ div.k-grid-norecords {
26775
26759
  flex: 1 1 auto;
26776
26760
  }
26777
26761
 
26778
- .k-column-menu .k-menu:not(.k-context-menu) {
26779
- font-weight: 400;
26780
- }
26781
-
26782
- .k-column-menu .k-expander {
26783
- border: 0;
26784
- background: inherit;
26785
- }
26786
-
26787
- .k-column-menu .k-expander .k-columnmenu-item {
26788
- display: flex;
26789
- align-items: center;
26790
- }
26791
-
26792
26762
  [dir="rtl"] .k-columnmenu-item > .k-icon,
26793
26763
  .k-rtl .k-columnmenu-item > .k-icon {
26794
26764
  margin-left: 4px;
@@ -27205,7 +27175,7 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
27205
27175
  .k-listview {
27206
27176
  margin: 0;
27207
27177
  padding: 0;
27208
- border-width: 1px;
27178
+ border-width: 0;
27209
27179
  border-style: solid;
27210
27180
  box-sizing: border-box;
27211
27181
  outline: 0;
@@ -27224,7 +27194,6 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
27224
27194
 
27225
27195
  .k-listview-header {
27226
27196
  border-width: 0;
27227
- border-bottom-width: 1px;
27228
27197
  border-style: solid;
27229
27198
  border-color: inherit;
27230
27199
  }
@@ -27290,7 +27259,6 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
27290
27259
 
27291
27260
  .k-listview-footer {
27292
27261
  border-width: 0;
27293
- border-top-width: 1px;
27294
27262
  border-style: solid;
27295
27263
  border-color: inherit;
27296
27264
  }
@@ -27301,16 +27269,10 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
27301
27269
 
27302
27270
  .k-listview-pager {
27303
27271
  border-width: 0;
27304
- border-top-width: 1px;
27305
27272
  border-color: inherit;
27306
27273
  font: inherit;
27307
27274
  }
27308
27275
 
27309
- .k-listview-pager-top {
27310
- border-top-width: 0;
27311
- border-bottom-width: 1px;
27312
- }
27313
-
27314
27276
  .k-listview-bordered > .k-listview-pager-top {
27315
27277
  border-bottom-width: 1px;
27316
27278
  }
@@ -27616,6 +27578,7 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
27616
27578
  font-family: Arial, Verdana, Sans-serif;
27617
27579
  flex: 1;
27618
27580
  position: relative;
27581
+ overflow: hidden;
27619
27582
  }
27620
27583
 
27621
27584
  .k-spreadsheet-view .k-state-disabled {
@@ -27973,39 +27936,56 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
27973
27936
  overflow: visible;
27974
27937
  }
27975
27938
 
27976
- .k-spreadsheet-filter-menu .k-details {
27939
+ .k-spreadsheet-filter-menu .k-details,
27940
+ .k-spreadsheet-filter-menu .k-expander {
27977
27941
  padding: 0;
27978
27942
  border-width: 1px 0 0;
27979
27943
  border-style: solid;
27980
27944
  border-color: inherit;
27981
27945
  }
27982
27946
 
27983
- .k-spreadsheet-filter-menu .k-details-summary {
27984
- padding: 4px;
27947
+ .k-spreadsheet-filter-menu .k-expander {
27948
+ border: 0;
27949
+ background: inherit;
27950
+ }
27951
+
27952
+ .k-spreadsheet-filter-menu .k-details-summary,
27953
+ .k-spreadsheet-filter-menu .k-columnmenu-item {
27954
+ padding: 4px 8px;
27955
+ display: flex;
27956
+ align-items: center;
27985
27957
  cursor: pointer;
27986
27958
  }
27987
27959
 
27988
- .k-spreadsheet-filter-menu .k-details-summary > .k-icon {
27960
+ .k-spreadsheet-filter-menu .k-details-summary > .k-icon,
27961
+ .k-spreadsheet-filter-menu .k-columnmenu-item > .k-icon {
27989
27962
  margin-right: 4px;
27990
27963
  }
27991
27964
 
27992
- .k-spreadsheet-filter-menu .k-details-content {
27993
- padding: 4px 8px 4px 24px;
27965
+ .k-spreadsheet-filter-menu .k-details-content,
27966
+ .k-spreadsheet-filter-menu .k-columnmenu-item-content {
27967
+ padding: 8px;
27968
+ display: flex;
27969
+ flex-flow: column nowrap;
27970
+ gap: 8px;
27994
27971
  }
27995
27972
 
27996
- .k-spreadsheet-filter-menu .k-details-content > .k-textbox,
27997
- .k-spreadsheet-filter-menu .k-details-content > .k-widget {
27998
- width: 100%;
27999
- margin-bottom: 3px;
27973
+ .k-spreadsheet-filter-menu .k-details-content .k-filter-and,
27974
+ .k-spreadsheet-filter-menu .k-columnmenu-item-content .k-filter-and {
27975
+ width: min-content;
27976
+ align-self: flex-start;
28000
27977
  }
28001
27978
 
28002
- .k-spreadsheet-filter-menu .k-details-content .k-space-right {
28003
- background-image: none;
27979
+ .k-spreadsheet-filter-menu .k-details-content .k-searchbox,
27980
+ .k-spreadsheet-filter-menu .k-columnmenu-item-content .k-searchbox {
27981
+ width: 100%;
28004
27982
  }
28005
27983
 
28006
- .k-spreadsheet-filter-menu .k-details-content .k-filter-and {
28007
- width: 75px;
28008
- margin: 8px 0;
27984
+ .k-spreadsheet-filter-menu .k-actions, .k-spreadsheet-filter-menu .k-edit-buttons,
27985
+ .k-spreadsheet-filter-menu .k-action-buttons,
27986
+ .k-spreadsheet-filter-menu .k-columnmenu-actions, .k-spreadsheet-filter-menu .k-form-buttons {
27987
+ margin: 0;
27988
+ padding: 0;
28009
27989
  }
28010
27990
 
28011
27991
  .k-spreadsheet-popup {
@@ -30225,10 +30205,6 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
30225
30205
  }
30226
30206
 
30227
30207
  .k-editor-toolbar .k-overflow-tools .k-overflow-anchor {
30228
- border-width: 0;
30229
- padding: 8px;
30230
- width: calc(1.4285714286em + 26px);
30231
- height: calc(1.4285714286em + 26px);
30232
30208
  position: relative;
30233
30209
  }
30234
30210
 
@@ -30365,10 +30341,6 @@ td.k-editor-content {
30365
30341
  padding: 10px 0 40px;
30366
30342
  }
30367
30343
 
30368
- .k-editor-find-replace .k-search-options > span {
30369
- padding-bottom: 4px;
30370
- }
30371
-
30372
30344
  .k-editor-find-replace .k-matches-container {
30373
30345
  position: absolute;
30374
30346
  bottom: 0;
@@ -30580,11 +30552,11 @@ td.k-editor-content {
30580
30552
  }
30581
30553
 
30582
30554
  .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdown, .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdowntree {
30583
- width: 4em;
30555
+ width: 5em;
30584
30556
  }
30585
30557
 
30586
30558
  .k-editor-table-wizard-dialog .k-numerictextbox + .k-colorpicker, .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdown, .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdowntree {
30587
- margin-left: 4px;
30559
+ margin-left: 8px;
30588
30560
  }
30589
30561
 
30590
30562
  .k-editor-table-wizard-dialog .k-colorpicker {
@@ -31316,7 +31288,7 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
31316
31288
  }
31317
31289
 
31318
31290
  .k-gantt-tasks td::after {
31319
- content: "\a0";
31291
+ content: "\200b";
31320
31292
  }
31321
31293
 
31322
31294
  .k-task-wrap {
@@ -31561,7 +31533,7 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
31561
31533
  }
31562
31534
 
31563
31535
  .k-task-details strong {
31564
- font-size: 18px;
31536
+ font-size: 16px;
31565
31537
  font-weight: normal;
31566
31538
  display: block;
31567
31539
  }
@@ -32831,7 +32803,7 @@ kendo-scheduler .k-event .k-event-bottom-actions,
32831
32803
  }
32832
32804
 
32833
32805
  .k-recurrence-editor {
32834
- display: inline-flex;
32806
+ display: flex;
32835
32807
  flex-direction: column;
32836
32808
  }
32837
32809
 
@@ -33040,7 +33012,7 @@ kendo-scheduler .k-recurrence-editor {
33040
33012
  }
33041
33013
 
33042
33014
  .k-scheduler-edit-form .k-edit-form-container {
33043
- width: 620px;
33015
+ width: 100%;
33044
33016
  }
33045
33017
 
33046
33018
  .k-scheduler-edit-form .k-edit-label {
@@ -33051,23 +33023,36 @@ kendo-scheduler .k-recurrence-editor {
33051
33023
  width: 77%;
33052
33024
  }
33053
33025
 
33054
- .k-scheduler-edit-form .k-scheduler-delete {
33055
- float: left;
33026
+ .k-scheduler-edit-form .k-edit-field > ul > li {
33027
+ display: flex;
33028
+ flex-flow: row nowrap;
33029
+ align-items: center;
33030
+ }
33031
+
33032
+ .k-scheduler-edit-form .k-recurrence-editor .k-radio-list .k-radio-wrap,
33033
+ .k-scheduler-edit-form .k-recurrence-editor .k-checkbox-list .k-checkbox-wrap {
33034
+ align-self: center;
33056
33035
  }
33057
33036
 
33058
- .k-scheduler-edit-form .k-widget.k-recur-interval,
33059
- .k-scheduler-edit-form .k-widget.k-recur-count,
33060
- .k-scheduler-edit-form .k-widget.k-recur-monthday {
33037
+ .k-scheduler-edit-form .k-recur-interval,
33038
+ .k-scheduler-edit-form .k-recur-count,
33039
+ .k-scheduler-edit-form .k-recur-monthday {
33061
33040
  width: 5em;
33062
33041
  }
33063
33042
 
33064
- .k-scheduler-edit-form .k-widget.k-recur-until,
33065
- .k-scheduler-edit-form .k-widget.k-recur-month,
33066
- .k-scheduler-edit-form .k-widget.k-recur-weekday,
33067
- .k-scheduler-edit-form .k-widget.k-recur-weekday-offset {
33043
+ .k-scheduler-edit-form .k-recur-until,
33044
+ .k-scheduler-edit-form .k-recur-month,
33045
+ .k-scheduler-edit-form .k-recur-weekday,
33046
+ .k-scheduler-edit-form .k-recur-weekday-offset {
33068
33047
  width: 10em;
33069
33048
  }
33070
33049
 
33050
+ .k-scheduler-edit-form .k-scheduler-datetime-picker {
33051
+ display: flex;
33052
+ flex-flow: row nowrap;
33053
+ gap: 8px;
33054
+ }
33055
+
33071
33056
  .k-rtl .k-scheduler-header th,
33072
33057
  .k-rtl .k-scheduler-table td {
33073
33058
  border-width: 0 1px 1px 0;
@@ -33672,7 +33657,8 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
33672
33657
  box-sizing: border-box;
33673
33658
  border-width: 1px 0 0;
33674
33659
  border-style: solid;
33675
- border-radius: 0;
33660
+ border-color: inherit !important;
33661
+ border-radius: 0 !important;
33676
33662
  flex: none;
33677
33663
  display: flex;
33678
33664
  flex-flow: row nowrap;
@@ -33685,6 +33671,7 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
33685
33671
  }
33686
33672
 
33687
33673
  .k-message-box .k-button {
33674
+ border-width: 0;
33688
33675
  flex-shrink: 0;
33689
33676
  }
33690
33677
 
@@ -33695,10 +33682,6 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
33695
33682
  display: inline-block;
33696
33683
  }
33697
33684
 
33698
- .k-message-box .k-button::before, .k-message-box .k-button::after {
33699
- display: none;
33700
- }
33701
-
33702
33685
  .k-rtl .k-message-box .k-button, .k-message-box .k-button[dir="rtl"] {
33703
33686
  transform: scaleX(-1);
33704
33687
  }
@@ -33815,9 +33798,6 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
33815
33798
 
33816
33799
  .k-chat-toolbar .k-button,
33817
33800
  .k-chat .k-toolbar-box .k-button {
33818
- border-color: transparent;
33819
- color: inherit;
33820
- background: none;
33821
33801
  flex: none;
33822
33802
  }
33823
33803
 
@@ -33980,16 +33960,6 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
33980
33960
  background-color: #f35800;
33981
33961
  }
33982
33962
 
33983
- .k-chat .k-message-box {
33984
- border-color: inherit;
33985
- color: #272727;
33986
- background-color: #ffffff;
33987
- }
33988
-
33989
- .k-chat .k-message-box.k-state-focused {
33990
- box-shadow: 0 0 40px rgba(39, 39, 39, 0.1);
33991
- }
33992
-
33993
33963
  .k-chat-toolbar,
33994
33964
  .k-chat .k-toolbar-box {
33995
33965
  border-color: inherit;
@@ -33997,17 +33967,6 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
33997
33967
  background-color: #f0f0f0;
33998
33968
  }
33999
33969
 
34000
- .k-chat-toolbar .k-scroll-button,
34001
- .k-chat .k-toolbar-box .k-scroll-button {
34002
- background-color: #ffffff;
34003
- box-shadow: 0 0 20px 5px #ffffff;
34004
- }
34005
-
34006
- .k-chat-toolbar .k-scroll-button:hover,
34007
- .k-chat .k-toolbar-box .k-scroll-button:hover {
34008
- background-color: #ffffff;
34009
- }
34010
-
34011
33970
  .k-mediaplayer {
34012
33971
  border-width: 1px;
34013
33972
  border-style: solid;
@@ -34629,7 +34588,7 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
34629
34588
 
34630
34589
  .k-pdf-viewer .k-page .k-text-layer > span {
34631
34590
  position: absolute;
34632
- line-height: 1.2;
34591
+ line-height: 1.25;
34633
34592
  transform-origin: 0% 0%;
34634
34593
  color: transparent;
34635
34594
  }
@@ -34644,50 +34603,35 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
34644
34603
 
34645
34604
  .k-pdf-viewer-search-dialog .k-search-container {
34646
34605
  display: flex;
34606
+ gap: 8px;
34607
+ flex-flow: row nowrap;
34647
34608
  flex: 0 0 auto;
34648
34609
  justify-content: flex-start;
34649
34610
  align-items: center;
34650
34611
  }
34651
34612
 
34652
- .k-pdf-viewer-search-dialog .k-search-container .k-textbox {
34653
- display: inline-flex;
34654
- padding-right: 4px;
34655
- margin: 0 8px;
34656
- align-items: center;
34657
- background: none;
34658
- }
34659
-
34660
- .k-pdf-viewer-search-dialog .k-search-container .k-textbox .k-icon {
34661
- position: absolute;
34662
- font-size: inherit;
34613
+ .k-pdf-viewer-search-dialog .k-search-container .k-search-dialog-draghandle {
34614
+ cursor: move;
34615
+ margin-left: 0;
34663
34616
  }
34664
34617
 
34665
- .k-ie .k-pdf-viewer-search-dialog .k-search-container .k-textbox .k-icon {
34666
- position: relative;
34618
+ .k-pdf-viewer-search-dialog .k-search-container .k-textbox {
34619
+ width: 10em;
34620
+ flex: none;
34667
34621
  }
34668
34622
 
34669
- .k-pdf-viewer-search-dialog .k-search-container .k-match-case-button {
34670
- display: inline-flex;
34671
- height: 1.4285714286em;
34672
- justify-content: center;
34623
+ .k-pdf-viewer-search-dialog .k-search-container .k-textbox .k-button {
34624
+ border-width: 0;
34673
34625
  }
34674
34626
 
34675
34627
  .k-pdf-viewer-search-dialog .k-search-container .k-search-matches {
34676
- display: inline-block;
34677
- min-width: 4.5em;
34678
- margin: 0 8px 0 8px;
34679
- vertical-align: middle;
34628
+ flex: 1 1 auto;
34680
34629
  }
34681
34630
 
34682
- .k-pdf-viewer-search-dialog .k-search-container > .k-button {
34631
+ .k-ie .k-pdf-viewer-search-dialog .k-search-container > * + * {
34683
34632
  margin-left: 8px;
34684
34633
  }
34685
34634
 
34686
- .k-pdf-viewer-search-dialog .k-search-container .k-search-dialog-draghandle {
34687
- cursor: move;
34688
- margin-left: 0;
34689
- }
34690
-
34691
34635
  .k-pdf-viewer {
34692
34636
  border-color: #cacaca;
34693
34637
  color: #272727;
@@ -35882,6 +35826,11 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
35882
35826
  position: absolute;
35883
35827
  }
35884
35828
 
35829
+ .k-navigator .k-button .k-icon {
35830
+ min-width: 0;
35831
+ min-height: 0;
35832
+ }
35833
+
35885
35834
  .k-navigator .k-navigator-n,
35886
35835
  .k-navigator .k-navigator-up {
35887
35836
  transform: translateX(-50%);
@@ -35986,7 +35935,7 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
35986
35935
  .k-orgchart-node-group-title {
35987
35936
  margin: 0 0 6px;
35988
35937
  font-size: 20px;
35989
- line-height: 1.2;
35938
+ line-height: 1.25;
35990
35939
  }
35991
35940
 
35992
35941
  .k-orgchart-node-group-subtitle {
@@ -36001,12 +35950,10 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
36001
35950
 
36002
35951
  .k-orgchart-card .k-card-title {
36003
35952
  margin: 0 0 0px;
36004
- font-size: 20px;
36005
35953
  }
36006
35954
 
36007
35955
  .k-orgchart-card .k-card-subtitle {
36008
35956
  margin: 0 0 0px;
36009
- font-size: 16px;
36010
35957
  }
36011
35958
 
36012
35959
  .k-orgchart-card .k-card-body {