@progress/kendo-theme-bootstrap 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 (96) hide show
  1. package/dist/all.css +742 -820
  2. package/dist/all.scss +1284 -1214
  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 +11 -0
  72. package/scss/button/_variables.scss +3 -3
  73. package/scss/chat/_variables.scss +0 -7
  74. package/scss/checkbox/_variables.scss +81 -12
  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 +4 -4
  82. package/scss/list/_theme.scss +0 -24
  83. package/scss/list/_variables.scss +62 -6
  84. package/scss/listbox/_variables.scss +1 -1
  85. package/scss/menu/_theme.scss +0 -10
  86. package/scss/menu/_variables.scss +1 -1
  87. package/scss/numerictextbox/_layout.scss +2 -7
  88. package/scss/numerictextbox/_variables.scss +0 -27
  89. package/scss/orgchart/_variables.scss +2 -2
  90. package/scss/pdf-viewer/_variables.scss +2 -5
  91. package/scss/popup/_theme.scss +0 -9
  92. package/scss/radio/_variables.scss +86 -26
  93. package/scss/searchbox/_variables.scss +0 -20
  94. package/scss/table/_variables.scss +3 -3
  95. package/scss/treeview/_layout.scss +6 -15
  96. package/scss/treeview/_variables.scss +68 -14
package/dist/all.css CHANGED
@@ -10505,9 +10505,7 @@ kendo-sortable {
10505
10505
  }
10506
10506
 
10507
10507
  .k-checkbox:disabled,
10508
- .k-checkbox.k-disabled,
10509
- .k-checkbox:disabled + .k-checkbox-label,
10510
- .k-checkbox.k-disabled + .k-checkbox-label {
10508
+ .k-checkbox.k-disabled {
10511
10509
  outline: none;
10512
10510
  cursor: default;
10513
10511
  opacity: 0.65;
@@ -10516,64 +10514,47 @@ kendo-sortable {
10516
10514
  box-shadow: none;
10517
10515
  }
10518
10516
 
10517
+ .k-checkbox-wrap {
10518
+ flex: none;
10519
+ display: inline-flex;
10520
+ flex-flow: row nowrap;
10521
+ gap: 0;
10522
+ align-items: center;
10523
+ align-self: flex-start;
10524
+ vertical-align: middle;
10525
+ position: relative;
10526
+ }
10527
+
10528
+ .k-checkbox-wrap::before {
10529
+ content: "\200b";
10530
+ width: 0px;
10531
+ overflow: hidden;
10532
+ flex: none;
10533
+ display: inline-block;
10534
+ vertical-align: top;
10535
+ }
10536
+
10519
10537
  .k-checkbox-label {
10520
10538
  margin: 0;
10521
10539
  padding: 0;
10522
- line-height: calc(1rem + 1px);
10523
10540
  display: inline-flex;
10524
10541
  align-items: flex-start;
10542
+ gap: 0.25rem;
10525
10543
  vertical-align: middle;
10526
10544
  position: relative;
10527
10545
  cursor: pointer;
10528
10546
  }
10529
10547
 
10530
- .k-checkbox-label .k-label {
10531
- cursor: pointer;
10532
- }
10533
-
10534
10548
  .k-checkbox-label .k-ripple {
10535
- top: 0.5rem;
10536
- left: 0.5rem;
10537
- right: auto;
10538
- bottom: auto;
10539
- width: 2.5rem;
10540
- height: 2.5rem;
10541
- transform: translate(-50%, -50%);
10542
- border-radius: 50%;
10543
10549
  visibility: hidden !important;
10544
10550
  }
10545
10551
 
10546
- .k-checkbox-label .k-ripple-blob {
10547
- top: 50% !important;
10548
- left: 50% !important;
10549
- width: 200% !important;
10550
- height: 200% !important;
10551
- }
10552
-
10553
- .k-checkbox + .k-checkbox-label {
10554
- display: inline;
10555
- }
10556
-
10552
+ .k-checkbox + .k-label,
10553
+ .k-checkbox-wrap + .k-label,
10557
10554
  .k-checkbox + .k-checkbox-label,
10558
- .k-checkbox-label + .k-checkbox {
10559
- margin-left: 0.25rem;
10560
- }
10561
-
10562
- .k-checkbox-label > .k-checkbox {
10563
- margin-right: 0.25rem;
10564
- flex-shrink: 0;
10565
- }
10566
-
10567
- kendo-label.k-checkbox-label > .k-checkbox:last-child {
10568
- margin-right: 0;
10569
- }
10570
-
10571
- kendo-label.k-checkbox-label > .k-label:first-child {
10572
- margin-right: 0.25rem;
10573
- }
10574
-
10575
- kendo-label.k-checkbox-label > .k-label {
10555
+ .k-checkbox-wrap + .k-checkbox-label {
10576
10556
  display: inline;
10557
+ margin-inline-start: 0.25rem;
10577
10558
  }
10578
10559
 
10579
10560
  .k-checkbox-label:empty {
@@ -10585,73 +10566,64 @@ kendo-label.k-checkbox-label > .k-label {
10585
10566
  }
10586
10567
 
10587
10568
  .k-checkbox-list {
10588
- margin: 0px;
10589
- padding: 0px;
10569
+ margin: 0;
10570
+ padding: 0;
10571
+ display: flex;
10572
+ flex-flow: column nowrap;
10573
+ gap: 0;
10590
10574
  list-style: none;
10591
10575
  }
10592
10576
 
10593
- .k-checkbox-list .k-checkbox-item {
10577
+ .k-checkbox-item,
10578
+ .k-checkbox-list-item {
10594
10579
  padding: 0.25rem 0px;
10580
+ display: flex;
10581
+ flex-flow: row nowrap;
10582
+ align-items: center;
10583
+ align-content: center;
10584
+ gap: 0.25rem;
10595
10585
  }
10596
10586
 
10597
- .k-list-horizontal .k-checkbox-item {
10598
- display: inline-block;
10599
- margin: 0 32px 0 0;
10600
- }
10601
-
10602
- .k-list-horizontal .k-checkbox-item:last-child {
10603
- margin-right: 0;
10604
- }
10605
-
10606
- .k-rtl .k-checkbox + .k-checkbox-label,
10607
- .k-rtl .k-checkbox-label + .k-checkbox,
10608
- [dir="rtl"] .k-checkbox + .k-checkbox-label,
10609
- [dir="rtl"] .k-checkbox-label + .k-checkbox {
10610
- margin-left: 0;
10611
- margin-right: 0.25rem;
10612
- }
10613
-
10614
- .k-rtl .k-checkbox-label > .k-checkbox,
10615
- [dir="rtl"] .k-checkbox-label > .k-checkbox {
10616
- margin-right: 0;
10617
- margin-left: 0.25rem;
10618
- }
10619
-
10620
- .k-rtl kendo-label.k-checkbox-label > .k-checkbox:last-child,
10621
- [dir="rtl"] kendo-label.k-checkbox-label > .k-checkbox:last-child {
10622
- margin-left: 0;
10623
- }
10624
-
10625
- .k-rtl kendo-label.k-checkbox-label > .k-label:first-child,
10626
- [dir="rtl"] kendo-label.k-checkbox-label > .k-label:first-child {
10627
- margin-right: 0;
10628
- margin-left: 0.25rem;
10587
+ .k-checkbox-item .k-checkbox-label,
10588
+ .k-checkbox-list-item .k-checkbox-label {
10589
+ margin: 0;
10629
10590
  }
10630
10591
 
10631
- .k-rtl .k-list-horizontal .k-checkbox-item,
10632
- [dir="rtl"] .k-list-horizontal .k-checkbox-item {
10633
- margin-right: 0;
10634
- margin-left: 32px;
10592
+ .k-checkbox-list-horizontal,
10593
+ .k-checkbox-list.k-list-horizontal {
10594
+ display: flex;
10595
+ flex-flow: row wrap;
10596
+ gap: 1rem;
10635
10597
  }
10636
10598
 
10637
- .k-rtl .k-list-horizontal .k-checkbox-item:last-child,
10638
- [dir="rtl"] .k-list-horizontal .k-checkbox-item:last-child {
10639
- margin-left: 0;
10599
+ .k-checkbox-wrap .k-ripple-blob {
10600
+ width: 3rem;
10601
+ height: 3rem;
10640
10602
  }
10641
10603
 
10642
10604
  .k-ripple-container .k-checkbox::after {
10643
10605
  content: "";
10644
10606
  display: block;
10645
10607
  position: absolute;
10646
- left: 0;
10647
- top: 0;
10608
+ left: 50%;
10609
+ top: 50%;
10648
10610
  width: 3rem;
10649
10611
  height: 3rem;
10650
- margin-left: calc(-1rem + -1px);
10651
- margin-top: calc(-1rem + -1px);
10652
10612
  border-radius: 100%;
10653
- z-index: 1;
10654
- transform: scale(0);
10613
+ z-index: -1;
10614
+ transition: opacity 100ms linear, transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
10615
+ transform: translate(-50%, -50%) scale(0);
10616
+ transform-origin: center center;
10617
+ }
10618
+
10619
+ .k-ripple-container .k-checkbox:focus,
10620
+ .k-ripple-container .k-checkbox.k-state-focus {
10621
+ box-shadow: none !important;
10622
+ }
10623
+
10624
+ .k-ripple-container .k-checkbox:focus::after,
10625
+ .k-ripple-container .k-checkbox.k-state-focus::after {
10626
+ transform: translate(-50%, -50%) scale(1);
10655
10627
  }
10656
10628
 
10657
10629
  .k-ripple-container .k-checkbox:disabled::after,
@@ -10659,13 +10631,6 @@ kendo-label.k-checkbox-label > .k-label {
10659
10631
  display: none;
10660
10632
  }
10661
10633
 
10662
- .k-checkbox::-ms-check {
10663
- border-width: 1px;
10664
- border-color: inherit;
10665
- color: inherit;
10666
- background-color: inherit;
10667
- }
10668
-
10669
10634
  .k-checkbox {
10670
10635
  border-color: #ced4da;
10671
10636
  background-color: #ffffff;
@@ -10712,9 +10677,14 @@ kendo-label.k-checkbox-label > .k-label {
10712
10677
  color: #dc3545;
10713
10678
  }
10714
10679
 
10680
+ .k-checkbox-wrap .k-ripple-blob {
10681
+ color: #0d6efd;
10682
+ opacity: 0.25;
10683
+ }
10684
+
10715
10685
  .k-ripple-container .k-checkbox::after {
10716
10686
  background: #0d6efd;
10717
- opacity: 0.3;
10687
+ opacity: 0.25;
10718
10688
  }
10719
10689
 
10720
10690
  .k-list,
@@ -10741,7 +10711,6 @@ kendo-label.k-checkbox-label > .k-label {
10741
10711
  kendo-list > .k-group-header,
10742
10712
  .k-virtual-wrap > .k-group-header {
10743
10713
  padding: 0.25rem 1rem;
10744
- min-height: 1.5em;
10745
10714
  border-bottom-width: 1px;
10746
10715
  border-bottom-style: solid;
10747
10716
  font-size: 1rem;
@@ -10778,7 +10747,6 @@ kendo-list > .k-group-header,
10778
10747
  .k-list__item, .k-list .k-item,
10779
10748
  .k-list-optionlabel {
10780
10749
  padding: 0.25rem 1rem;
10781
- min-height: 1.5em;
10782
10750
  line-height: 1.5;
10783
10751
  white-space: normal;
10784
10752
  display: flex;
@@ -10793,12 +10761,6 @@ kendo-list > .k-group-header,
10793
10761
  outline: none;
10794
10762
  }
10795
10763
 
10796
- .k-list__item .k-checkbox, .k-list .k-item .k-checkbox, .k-list-optionlabel .k-checkbox {
10797
- margin-top: calc(0.75em - 0.5rem);
10798
- font-size: inherit;
10799
- align-self: flex-start;
10800
- }
10801
-
10802
10764
  .k-list__item.k-first::before, .k-list .k-first.k-item::before,
10803
10765
  .k-first.k-list-optionlabel::before {
10804
10766
  content: "";
@@ -10869,31 +10831,7 @@ kendo-list > .k-group-header,
10869
10831
  text-overflow: ellipsis;
10870
10832
  }
10871
10833
 
10872
- .k-list-container .k-button {
10873
- border-radius: 0;
10874
- padding: 0.25rem 1rem;
10875
- border-width: 0;
10876
- color: inherit;
10877
- background-color: transparent;
10878
- background-image: none;
10879
- line-height: inherit;
10880
- display: flex;
10881
- justify-content: flex-start;
10882
- }
10883
-
10884
- .k-ie11 .k-list-container .k-button {
10885
- display: flex;
10886
- }
10887
-
10888
- .k-ie11 .k-list-container .k-button .k-icon {
10889
- margin: 0 0.5rem 0 0;
10890
- }
10891
-
10892
- .k-list-container .k-button.k-state-disabled {
10893
- pointer-events: none;
10894
- }
10895
-
10896
- .k-list-container .k-nodata {
10834
+ .k-list-container .k-no-data, .k-list-container .k-nodata {
10897
10835
  min-height: 138px;
10898
10836
  width: 100%;
10899
10837
  display: flex;
@@ -10905,11 +10843,6 @@ kendo-list > .k-group-header,
10905
10843
  white-space: normal;
10906
10844
  }
10907
10845
 
10908
- .k-list-container .k-nodata .k-button {
10909
- display: inline-flex;
10910
- border-width: 1px;
10911
- }
10912
-
10913
10846
  .k-list__group-header, .k-outer-group-header,
10914
10847
  .k-list > .k-group-header,
10915
10848
  .k-list-container > .k-group-header,
@@ -10997,7 +10930,7 @@ kendo-list > .k-group-header,
10997
10930
  background: transparent;
10998
10931
  }
10999
10932
 
11000
- .k-list-container .k-nodata {
10933
+ .k-list-container .k-no-data, .k-list-container .k-nodata {
11001
10934
  color: #6c757d;
11002
10935
  }
11003
10936
 
@@ -11029,23 +10962,6 @@ kendo-list > .k-group-header,
11029
10962
  box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.15);
11030
10963
  }
11031
10964
 
11032
- .k-list-container .k-button:focus,
11033
- .k-list-container .k-button.k-state-focused {
11034
- box-shadow: inset 0 0 0 3px rgba(33, 37, 41, 0.15);
11035
- }
11036
-
11037
- .k-list-container .k-button:focus:hover, .k-list-container .k-button:focus.k-state-hover,
11038
- .k-list-container .k-button.k-state-focused:hover,
11039
- .k-list-container .k-button.k-state-focused.k-state-hover {
11040
- box-shadow: inset 0 0 0 3px rgba(33, 37, 41, 0.15);
11041
- }
11042
-
11043
- .k-list-container .k-button:focus:active, .k-list-container .k-button:focus.k-state-active,
11044
- .k-list-container .k-button.k-state-focused:active,
11045
- .k-list-container .k-button.k-state-focused.k-state-active {
11046
- box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.15);
11047
- }
11048
-
11049
10965
  .k-listgroup {
11050
10966
  border-radius: 0.25rem;
11051
10967
  margin: 0;
@@ -11351,11 +11267,6 @@ kendo-list > .k-group-header,
11351
11267
  background: transparent;
11352
11268
  }
11353
11269
 
11354
- .k-animation-container-shown,
11355
- .k-animation-container > .k-popup {
11356
- box-shadow: none;
11357
- }
11358
-
11359
11270
  .k-ripple-target {
11360
11271
  position: relative;
11361
11272
  }
@@ -11456,9 +11367,9 @@ kendo-list > .k-group-header,
11456
11367
  .k-input-prefix,
11457
11368
  .k-input-suffix {
11458
11369
  display: flex;
11370
+ flex-flow: row nowrap;
11459
11371
  align-items: center;
11460
11372
  flex-shrink: 0;
11461
- height: calc(1.5em + 0.75rem);
11462
11373
  }
11463
11374
 
11464
11375
  .k-input-prefix > *,
@@ -11634,7 +11545,7 @@ kendo-list > .k-group-header,
11634
11545
  .k-textbox-container,
11635
11546
  .k-floating-label-container {
11636
11547
  padding-top: 1.5rem;
11637
- width: 200px;
11548
+ width: 10em;
11638
11549
  display: inline-flex;
11639
11550
  vertical-align: middle;
11640
11551
  position: relative;
@@ -11733,7 +11644,7 @@ kendo-list > .k-group-header,
11733
11644
 
11734
11645
  .k-combobox {
11735
11646
  border-radius: 0.25rem;
11736
- width: 200px;
11647
+ width: 10em;
11737
11648
  border-width: 1px;
11738
11649
  border-style: solid;
11739
11650
  box-sizing: border-box;
@@ -11856,13 +11767,11 @@ kendo-list > .k-group-header,
11856
11767
 
11857
11768
  .k-table-thead,
11858
11769
  .k-table-tbody,
11859
- .k-table-tfoot {
11860
- text-align: inherit;
11861
- }
11862
-
11770
+ .k-table-tfoot,
11863
11771
  .k-table-row,
11864
11772
  .k-table-alt-row {
11865
11773
  border-color: inherit;
11774
+ text-align: inherit;
11866
11775
  }
11867
11776
 
11868
11777
  .k-table-th,
@@ -11886,6 +11795,10 @@ kendo-list > .k-group-header,
11886
11795
  border-left-width: 0;
11887
11796
  }
11888
11797
 
11798
+ .k-table-th {
11799
+ border-bottom-width: 1px;
11800
+ }
11801
+
11889
11802
  .k-table-header {
11890
11803
  padding-inline-end: var(--kendo-scrollbar-width);
11891
11804
  border-width: 0 0 1px 0;
@@ -11902,9 +11815,28 @@ kendo-list > .k-group-header,
11902
11815
  width: 100%;
11903
11816
  border-width: 0 1px 0 0;
11904
11817
  border-style: solid;
11818
+ border-color: inherit;
11905
11819
  overflow: hidden;
11906
11820
  }
11907
11821
 
11822
+ .k-table-header > .k-table,
11823
+ .k-table-header-wrap > .k-table {
11824
+ margin-bottom: -1px;
11825
+ }
11826
+
11827
+ .k-table-group-sticky-header {
11828
+ font-size: 1rem;
11829
+ line-height: 1.5;
11830
+ flex: none;
11831
+ }
11832
+
11833
+ .k-table-group-sticky-header .k-table-th {
11834
+ display: flex;
11835
+ flex-flow: row nowrap;
11836
+ align-items: center;
11837
+ align-content: center;
11838
+ }
11839
+
11908
11840
  .k-table-list {
11909
11841
  margin: 0;
11910
11842
  padding: 0;
@@ -11938,7 +11870,7 @@ kendo-list > .k-group-header,
11938
11870
  }
11939
11871
 
11940
11872
  .k-table-list .k-table-group-row::before {
11941
- content: ".";
11873
+ content: "\200b";
11942
11874
  padding: 0.5rem 0;
11943
11875
  width: 0;
11944
11876
  display: block;
@@ -11977,7 +11909,8 @@ kendo-list > .k-group-header,
11977
11909
  right: 0;
11978
11910
  }
11979
11911
 
11980
- .k-virtual-table .k-table-row {
11912
+ .k-virtual-table .k-table-row,
11913
+ .k-virtual-table .k-table-group-row {
11981
11914
  position: absolute;
11982
11915
  width: 100%;
11983
11916
  }
@@ -12007,6 +11940,7 @@ kendo-list > .k-group-header,
12007
11940
  width: 100%;
12008
11941
  border-width: 0 1px 0 0;
12009
11942
  border-style: solid;
11943
+ border-color: inherit;
12010
11944
  overflow: hidden;
12011
11945
  }
12012
11946
 
@@ -12068,7 +12002,8 @@ kendo-list > .k-group-header,
12068
12002
  }
12069
12003
 
12070
12004
  .k-table-thead,
12071
- .k-table-header {
12005
+ .k-table-header,
12006
+ .k-table-group-sticky-header {
12072
12007
  border-color: #dee2e6;
12073
12008
  color: #212529;
12074
12009
  background-color: #f8f9fa;
@@ -12082,8 +12017,9 @@ kendo-list > .k-group-header,
12082
12017
  }
12083
12018
 
12084
12019
  .k-table-group-row {
12020
+ border-color: #dee2e6;
12085
12021
  color: #212529;
12086
- background-color: #ebebeb;
12022
+ background-color: #f8f9fa;
12087
12023
  }
12088
12024
 
12089
12025
  .k-table-group-td > span {
@@ -13483,7 +13419,7 @@ kendo-badge-container {
13483
13419
  }
13484
13420
 
13485
13421
  .k-skeleton-text:empty::before {
13486
- content: "\00a0";
13422
+ content: "\200b";
13487
13423
  }
13488
13424
 
13489
13425
  .k-skeleton-rect {
@@ -13614,8 +13550,6 @@ kendo-badge-container {
13614
13550
  .k-icon-button,
13615
13551
  .k-button.k-button-icon {
13616
13552
  padding: 0.375rem;
13617
- width: calc(1.5em + 0.75rem + 2px);
13618
- height: calc(1.5em + 0.75rem + 2px);
13619
13553
  gap: 0;
13620
13554
  }
13621
13555
 
@@ -13629,6 +13563,8 @@ kendo-badge-container {
13629
13563
  .k-icon-button .k-button-icon,
13630
13564
  .k-button.k-button-icon .k-button-icon {
13631
13565
  margin: 0;
13566
+ min-width: 1.5rem;
13567
+ min-height: 1.5rem;
13632
13568
  }
13633
13569
 
13634
13570
  .k-button.k-button-icon {
@@ -13930,9 +13866,8 @@ kendo-badge-container {
13930
13866
 
13931
13867
  .k-button.k-state-selected,
13932
13868
  .k-button-secondary.k-state-selected {
13933
- border-color: #0252c9;
13934
- color: white;
13935
- background-color: #0257d5;
13869
+ border-color: #bfc6d0;
13870
+ background-color: #c7cdd5;
13936
13871
  }
13937
13872
 
13938
13873
  .k-button-primary, .k-button.k-primary {
@@ -14113,8 +14048,9 @@ kendo-badge-container {
14113
14048
  border-radius: 0;
14114
14049
  margin: 0;
14115
14050
  padding: 0.5rem;
14116
- width: calc(1.5em + 1.75rem + 2px);
14051
+ width: auto;
14117
14052
  height: 100%;
14053
+ aspect-ratio: 1;
14118
14054
  border-width: 0;
14119
14055
  border-color: inherit;
14120
14056
  box-sizing: border-box;
@@ -14171,17 +14107,35 @@ kendo-toolbar-renderer {
14171
14107
  border-color: inherit;
14172
14108
  }
14173
14109
 
14110
+ .k-overflow-container > .k-item {
14111
+ border-color: inherit;
14112
+ }
14113
+
14114
+ .k-overflow-container .k-separator {
14115
+ margin: 0.25rem 0;
14116
+ }
14117
+
14174
14118
  .k-overflow-container .k-overflow-tool-group {
14175
14119
  display: block;
14176
14120
  }
14177
14121
 
14178
14122
  .k-overflow-container .k-overflow-button {
14123
+ border-radius: 0;
14124
+ padding: 0.25rem 1rem;
14179
14125
  width: 100%;
14126
+ border-width: 0;
14127
+ color: inherit;
14128
+ background-color: transparent;
14129
+ background-image: none;
14130
+ line-height: inherit;
14131
+ display: flex;
14132
+ justify-content: flex-start;
14180
14133
  }
14181
14134
 
14182
14135
  .k-overflow-container .k-button-group {
14136
+ box-shadow: none;
14183
14137
  display: flex;
14184
- flex-direction: column;
14138
+ flex-flow: column nowrap;
14185
14139
  }
14186
14140
 
14187
14141
  .k-overflow-container .k-button-group .k-button {
@@ -14238,15 +14192,29 @@ kendo-toolbar-renderer {
14238
14192
  background-color: #f8f9fa;
14239
14193
  }
14240
14194
 
14241
- .k-toolbar .k-overflow-anchor {
14242
- color: inherit;
14243
- background: transparent;
14244
- }
14245
-
14246
14195
  .k-toolbar .k-separator {
14247
14196
  border-color: inherit;
14248
14197
  }
14249
14198
 
14199
+ .k-overflow-container .k-button:hover, .k-overflow-container .k-button.k-state-hover {
14200
+ color: #212529;
14201
+ background: #e9ecef;
14202
+ }
14203
+
14204
+ .k-overflow-container .k-button:active, .k-overflow-container .k-button.k-state-active {
14205
+ color: white;
14206
+ background: #0d6efd;
14207
+ }
14208
+
14209
+ .k-overflow-container .k-button .k-button:focus,
14210
+ .k-overflow-container .k-button .k-button.k-state-focused {
14211
+ box-shadow: inset 0 0 0 3px rgba(33, 37, 41, 0.15);
14212
+ }
14213
+
14214
+ .k-overflow-container .k-button:disabled, .k-overflow-container .k-button.k-state-disabled {
14215
+ color: inherit;
14216
+ }
14217
+
14250
14218
  .k-floating-toolbar,
14251
14219
  .editorToolbarWindow.k-window-content {
14252
14220
  border-color: #dee2e6;
@@ -14375,11 +14343,6 @@ kendo-label > .k-label {
14375
14343
  flex-flow: row nowrap;
14376
14344
  }
14377
14345
 
14378
- .k-form .k-checkbox-label,
14379
- .k-form .k-radio-label {
14380
- display: inline-flex;
14381
- }
14382
-
14383
14346
  .k-form .k-label + .k-radio {
14384
14347
  margin-left: 0;
14385
14348
  }
@@ -14409,15 +14372,12 @@ kendo-label > .k-label {
14409
14372
  padding: 0;
14410
14373
  }
14411
14374
 
14412
- .k-form .k-form-field,
14413
- .k-form .k-daterangepicker .k-textbox-container {
14375
+ .k-form .k-form-field {
14414
14376
  margin-top: 1rem;
14415
14377
  }
14416
14378
 
14417
14379
  .k-form > *:not(.k-hidden):first-child,
14418
- .k-form > *.k-hidden + :not(.k-hidden),
14419
- .k-form .k-daterangepicker .k-textbox-container:not(.k-hidden):first-child,
14420
- .k-form .k-daterangepicker .k-textbox-container.k-hidden + :not(.k-hidden) {
14380
+ .k-form > *.k-hidden + :not(.k-hidden) {
14421
14381
  margin-top: 0;
14422
14382
  }
14423
14383
 
@@ -14459,7 +14419,6 @@ kendo-label > .k-label {
14459
14419
  .k-form .k-dateinput,
14460
14420
  .k-form .k-datepicker,
14461
14421
  .k-form .k-datetimepicker,
14462
- .k-form .k-daterangepicker-wrap,
14463
14422
  .k-form .k-timepicker,
14464
14423
  .k-form .k-numerictextbox,
14465
14424
  .k-form .k-maskedtextbox,
@@ -14469,6 +14428,12 @@ kendo-label > .k-label {
14469
14428
  width: 100%;
14470
14429
  }
14471
14430
 
14431
+ .k-form .k-daterangepicker {
14432
+ width: 100%;
14433
+ flex-flow: column nowrap;
14434
+ gap: 0;
14435
+ }
14436
+
14472
14437
  .k-form-buttons {
14473
14438
  margin-top: 2rem;
14474
14439
  padding: 0;
@@ -14924,7 +14889,7 @@ kendo-label > .k-label {
14924
14889
  border-radius: 0.25rem;
14925
14890
  margin: 0;
14926
14891
  padding: 0;
14927
- width: 200px;
14892
+ width: 10em;
14928
14893
  height: calc(1.5em + 0.75rem + 2px);
14929
14894
  border-width: 1px;
14930
14895
  border-style: solid;
@@ -15163,7 +15128,7 @@ textarea.k-textarea {
15163
15128
  }
15164
15129
 
15165
15130
  .k-listbox {
15166
- width: 12.4em;
15131
+ width: 10em;
15167
15132
  height: 200px;
15168
15133
  border-width: 0;
15169
15134
  outline: 0;
@@ -15542,9 +15507,7 @@ textarea.k-textarea {
15542
15507
  }
15543
15508
 
15544
15509
  .k-radio:disabled,
15545
- .k-radio.k-disabled,
15546
- .k-radio:disabled + .k-radio-label,
15547
- .k-radio.k-disabled + .k-radio-label {
15510
+ .k-radio.k-disabled {
15548
15511
  outline: none;
15549
15512
  cursor: default;
15550
15513
  opacity: 0.65;
@@ -15553,151 +15516,121 @@ textarea.k-textarea {
15553
15516
  box-shadow: none;
15554
15517
  }
15555
15518
 
15556
- .k-radio + .k-radio-label {
15557
- display: inline;
15519
+ .k-radio-wrap {
15520
+ flex: none;
15521
+ display: inline-flex;
15522
+ flex-flow: row nowrap;
15523
+ gap: 0;
15524
+ align-items: center;
15525
+ align-self: start;
15526
+ vertical-align: middle;
15527
+ position: relative;
15528
+ }
15529
+
15530
+ .k-radio-wrap::before {
15531
+ content: "\200b";
15532
+ width: 0px;
15533
+ overflow: hidden;
15534
+ flex: none;
15535
+ display: inline-block;
15536
+ vertical-align: top;
15558
15537
  }
15559
15538
 
15560
15539
  .k-radio-label {
15561
15540
  margin: 0;
15562
15541
  padding: 0;
15563
- line-height: calc(1rem + 1px);
15564
15542
  display: inline-flex;
15565
15543
  align-items: flex-start;
15544
+ gap: 0.25rem;
15566
15545
  vertical-align: middle;
15567
15546
  position: relative;
15568
15547
  cursor: pointer;
15569
15548
  }
15570
15549
 
15571
- .k-radio-label .k-label {
15572
- cursor: pointer;
15573
- }
15574
-
15575
- .k-radio-label:empty {
15576
- display: none !important;
15577
- }
15578
-
15579
15550
  .k-radio-label .k-ripple {
15580
- top: 0.5rem;
15581
- left: 0.5rem;
15582
- right: auto;
15583
- bottom: auto;
15584
- width: 2.5rem;
15585
- height: 2.5rem;
15586
- transform: translate(-50%, -50%);
15587
- border-radius: 50%;
15588
15551
  visibility: hidden !important;
15589
15552
  }
15590
15553
 
15591
- .k-radio-label .k-ripple-blob {
15592
- top: 50% !important;
15593
- left: 50% !important;
15594
- width: 200% !important;
15595
- height: 200% !important;
15596
- }
15597
-
15554
+ .k-radio + .k-label,
15555
+ .k-radio-wrap + .k-label,
15598
15556
  .k-radio + .k-radio-label,
15599
- .k-radio-label + .k-radio,
15600
- .k-label + .k-radio {
15601
- margin-left: 0.25rem;
15557
+ .k-radio-wrap + .k-radio-label {
15558
+ display: inline;
15559
+ margin-inline-start: 0.25rem;
15602
15560
  }
15603
15561
 
15604
- .k-radio-label > .k-radio {
15605
- margin-right: 0.25rem;
15606
- flex-shrink: 0;
15562
+ .k-radio-label:empty {
15563
+ display: none !important;
15607
15564
  }
15608
15565
 
15609
- kendo-label.k-radio-label > .k-label {
15610
- display: inline;
15566
+ .k-radio-label.k-no-text {
15567
+ min-width: 1px;
15611
15568
  }
15612
15569
 
15613
15570
  .k-radio-list {
15614
- margin: 0px;
15615
- padding: 0px;
15571
+ margin: 0;
15572
+ padding: 0;
15573
+ display: flex;
15574
+ flex-flow: column nowrap;
15575
+ gap: 0;
15616
15576
  list-style: none;
15617
15577
  }
15618
15578
 
15619
- .k-radio-list .k-radio-item {
15579
+ .k-radio-item,
15580
+ .k-radio-list-item {
15620
15581
  padding: 0.25rem 0px;
15582
+ display: flex;
15583
+ flex-flow: row nowrap;
15584
+ align-items: center;
15585
+ align-content: center;
15586
+ gap: 0.25rem;
15621
15587
  }
15622
15588
 
15623
- .k-list-horizontal .k-radio-item {
15624
- display: inline-block;
15625
- margin: 0 32px 0 0;
15626
- }
15627
-
15628
- .k-list-horizontal .k-radio-item:last-child {
15629
- margin-right: 0;
15630
- }
15631
-
15632
- .k-rtl .k-radio + .k-radio-label,
15633
- .k-rtl .k-radio-label + .k-radio,
15634
- .k-rtl .k-label + .k-radio,
15635
- [dir="rtl"] .k-radio + .k-radio-label,
15636
- [dir="rtl"] .k-radio-label + .k-radio,
15637
- [dir="rtl"] .k-label + .k-radio {
15638
- margin-left: 0;
15639
- margin-right: 0.25rem;
15640
- }
15641
-
15642
- .k-rtl .k-radio-label > .k-radio,
15643
- [dir="rtl"] .k-radio-label > .k-radio {
15644
- margin-right: 0;
15645
- margin-left: 0.25rem;
15646
- }
15647
-
15648
- .k-rtl kendo-label.k-radio-label > .k-radio:last-child,
15649
- [dir="rtl"] kendo-label.k-radio-label > .k-radio:last-child {
15650
- margin-left: 0;
15651
- }
15652
-
15653
- .k-rtl kendo-label.k-radio-label > .k-label:first-child,
15654
- [dir="rtl"] kendo-label.k-radio-label > .k-label:first-child {
15655
- margin-right: 0;
15656
- margin-left: 0.25rem;
15589
+ .k-radio-item .k-radio-label,
15590
+ .k-radio-list-item .k-radio-label {
15591
+ margin: 0;
15657
15592
  }
15658
15593
 
15659
- .k-rtl .k-list-horizontal .k-radio-item,
15660
- [dir="rtl"] .k-list-horizontal .k-radio-item {
15661
- margin-right: 0;
15662
- margin-left: 32px;
15594
+ .k-radio-list-horizontal,
15595
+ .k-radio-list.k-list-horizontal {
15596
+ display: flex;
15597
+ flex-flow: row wrap;
15598
+ gap: 1rem;
15663
15599
  }
15664
15600
 
15665
- .k-rtl .k-list-horizontal .k-radio-item:last-child,
15666
- [dir="rtl"] .k-list-horizontal .k-radio-item:last-child {
15667
- margin-left: 0;
15601
+ .k-radio-wrap .k-ripple-blob {
15602
+ width: 3rem;
15603
+ height: 3rem;
15668
15604
  }
15669
15605
 
15670
15606
  .k-ripple-container .k-radio::after {
15671
15607
  content: "";
15672
15608
  display: block;
15673
15609
  position: absolute;
15674
- left: 0;
15675
- top: 0;
15610
+ left: 50%;
15611
+ top: 50%;
15676
15612
  width: 3rem;
15677
15613
  height: 3rem;
15678
- margin-left: calc(-1rem + -2px);
15679
- margin-top: calc(-1rem + -2px);
15680
15614
  border-radius: 100%;
15681
- z-index: 1;
15682
- transform: scale(0);
15615
+ z-index: -1;
15616
+ transition: opacity 100ms linear, transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
15617
+ transform: translate(-50%, -50%) scale(0);
15618
+ transform-origin: center center;
15683
15619
  }
15684
15620
 
15685
- .k-ripple-container .k-radio:disabled::after,
15686
- .k-ripple-container .k-radio.k-disabled::after {
15687
- display: none;
15621
+ .k-ripple-container .k-radio:focus,
15622
+ .k-ripple-container .k-radio.k-state-focus {
15623
+ box-shadow: none !important;
15688
15624
  }
15689
15625
 
15690
- .k-radio::-ms-check {
15691
- border-width: 0;
15692
- border-color: inherit;
15693
- color: inherit;
15694
- background-color: inherit;
15626
+ .k-ripple-container .k-radio:focus::after,
15627
+ .k-ripple-container .k-radio.k-state-focus::after {
15628
+ transform: translate(-50%, -50%) scale(1);
15695
15629
  }
15696
15630
 
15697
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
15698
- .k-radio::-ms-check {
15699
- border-width: 1px;
15700
- }
15631
+ .k-ripple-container .k-radio:disabled::after,
15632
+ .k-ripple-container .k-radio.k-disabled::after {
15633
+ display: none;
15701
15634
  }
15702
15635
 
15703
15636
  .k-radio {
@@ -15707,7 +15640,6 @@ kendo-label.k-radio-label > .k-label {
15707
15640
 
15708
15641
  .k-radio:focus,
15709
15642
  .k-radio.k-state-focus {
15710
- border-color: #86b7fe;
15711
15643
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
15712
15644
  }
15713
15645
 
@@ -15740,7 +15672,7 @@ kendo-label.k-radio-label > .k-label {
15740
15672
 
15741
15673
  .k-ripple-container .k-radio::after {
15742
15674
  background: #0d6efd;
15743
- opacity: 0.3;
15675
+ opacity: 0.25;
15744
15676
  }
15745
15677
 
15746
15678
  .k-slider {
@@ -16649,7 +16581,7 @@ kendo-label.k-radio-label > .k-label {
16649
16581
  display: block;
16650
16582
  position: absolute;
16651
16583
  bottom: 0;
16652
- content: " ";
16584
+ content: "\200b";
16653
16585
  height: 0;
16654
16586
  line-height: 0;
16655
16587
  z-index: 1;
@@ -16683,7 +16615,7 @@ kendo-label.k-radio-label > .k-label {
16683
16615
  .k-calendar-navigation::before, .k-calendar-navigation::after {
16684
16616
  display: block;
16685
16617
  position: absolute;
16686
- content: " ";
16618
+ content: "\200b";
16687
16619
  height: 0;
16688
16620
  line-height: 0;
16689
16621
  z-index: 1;
@@ -16770,10 +16702,6 @@ kendo-label.k-radio-label > .k-label {
16770
16702
  border-radius: 0;
16771
16703
  }
16772
16704
 
16773
- .k-widget.k-daterangepicker {
16774
- border: 0;
16775
- }
16776
-
16777
16705
  .k-rtl .k-calendar .k-nav-prev,
16778
16706
  .k-rtl .k-calendar .k-nav-next,
16779
16707
  .k-rtl .k-calendar .k-prev-view,
@@ -17074,7 +17002,7 @@ kendo-label.k-radio-label > .k-label {
17074
17002
 
17075
17003
  .k-time-list-wrapper.k-state-focused::before, .k-time-list-wrapper.k-state-focused::after {
17076
17004
  display: block;
17077
- content: " ";
17005
+ content: "\200b";
17078
17006
  position: absolute;
17079
17007
  width: 100%;
17080
17008
  left: 0;
@@ -17106,7 +17034,7 @@ kendo-label.k-radio-label > .k-label {
17106
17034
  .k-time-list::before, .k-time-list::after {
17107
17035
  display: block;
17108
17036
  position: absolute;
17109
- content: " ";
17037
+ content: "\200b";
17110
17038
  height: 0;
17111
17039
  line-height: 0;
17112
17040
  z-index: 1;
@@ -17225,7 +17153,7 @@ kendo-label.k-radio-label > .k-label {
17225
17153
 
17226
17154
  .k-autocomplete {
17227
17155
  border-radius: 0.25rem;
17228
- width: 200px;
17156
+ width: 10em;
17229
17157
  border-width: 1px;
17230
17158
  border-style: solid;
17231
17159
  box-sizing: border-box;
@@ -17250,24 +17178,19 @@ kendo-label.k-radio-label > .k-label {
17250
17178
  height: 2.25rem;
17251
17179
  }
17252
17180
 
17253
- .k-autocomplete.k-header,
17254
17181
  .k-autocomplete {
17255
17182
  border-color: #ced4da;
17256
17183
  color: #495057;
17257
17184
  background-color: #ffffff;
17258
- box-shadow: none;
17259
17185
  }
17260
17186
 
17261
- .k-autocomplete.k-header.k-state-focused, .k-autocomplete.k-header.k-state-focus,
17262
- .k-autocomplete.k-state-focused,
17263
- .k-autocomplete.k-state-focus {
17187
+ .k-autocomplete:focus, .k-autocomplete.k-state-focus {
17264
17188
  border-color: #86b7fe;
17265
17189
  color: #495057;
17266
17190
  background-color: #ffffff;
17267
17191
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
17268
17192
  }
17269
17193
 
17270
- .k-autocomplete.k-header:focus-within,
17271
17194
  .k-autocomplete:focus-within {
17272
17195
  border-color: #86b7fe;
17273
17196
  color: #495057;
@@ -17275,39 +17198,15 @@ kendo-label.k-radio-label > .k-label {
17275
17198
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
17276
17199
  }
17277
17200
 
17278
- .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,
17279
- .k-autocomplete.k-invalid,
17280
- .k-autocomplete.k-state-invalid,
17281
- .k-autocomplete.ng-invalid.ng-touched,
17282
- .k-autocomplete.ng-invalid.ng-dirty {
17201
+ .k-autocomplete.k-invalid, .k-autocomplete.ng-invalid, .k-autocomplete.k-state-invalid {
17283
17202
  border-color: #dc3545;
17284
17203
  }
17285
17204
 
17286
- .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,
17287
- .k-autocomplete.k-invalid .k-input-validation-icon,
17288
- .k-autocomplete.k-state-invalid .k-input-validation-icon,
17289
- .k-autocomplete.ng-invalid.ng-touched .k-input-validation-icon,
17290
- .k-autocomplete.ng-invalid.ng-dirty .k-input-validation-icon {
17205
+ .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 {
17291
17206
  color: #dc3545;
17292
17207
  }
17293
17208
 
17294
- .k-autocomplete.k-header.k-invalid.k-state-focused, .k-autocomplete.k-header.k-invalid.k-state-focus, .k-autocomplete.k-header.k-state-invalid.k-state-focused, .k-autocomplete.k-header.k-state-invalid.k-state-focus, .k-autocomplete.k-header.ng-invalid.ng-touched.k-state-focused, .k-autocomplete.k-header.ng-invalid.ng-touched.k-state-focus, .k-autocomplete.k-header.ng-invalid.ng-dirty.k-state-focused, .k-autocomplete.k-header.ng-invalid.ng-dirty.k-state-focus,
17295
- .k-autocomplete.k-invalid.k-state-focused,
17296
- .k-autocomplete.k-invalid.k-state-focus,
17297
- .k-autocomplete.k-state-invalid.k-state-focused,
17298
- .k-autocomplete.k-state-invalid.k-state-focus,
17299
- .k-autocomplete.ng-invalid.ng-touched.k-state-focused,
17300
- .k-autocomplete.ng-invalid.ng-touched.k-state-focus,
17301
- .k-autocomplete.ng-invalid.ng-dirty.k-state-focused,
17302
- .k-autocomplete.ng-invalid.ng-dirty.k-state-focus {
17303
- box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
17304
- }
17305
-
17306
- .k-autocomplete.k-header.k-invalid:focus-within, .k-autocomplete.k-header.k-state-invalid:focus-within, .k-autocomplete.k-header.ng-invalid.ng-touched:focus-within, .k-autocomplete.k-header.ng-invalid.ng-dirty:focus-within,
17307
- .k-autocomplete.k-invalid:focus-within,
17308
- .k-autocomplete.k-state-invalid:focus-within,
17309
- .k-autocomplete.ng-invalid.ng-touched:focus-within,
17310
- .k-autocomplete.ng-invalid.ng-dirty:focus-within {
17209
+ .k-autocomplete.k-invalid:focus-within, .k-autocomplete.k-invalid.k-state-focus, .k-autocomplete.ng-invalid:focus-within, .k-autocomplete.ng-invalid.k-state-focus, .k-autocomplete.k-state-invalid:focus-within, .k-autocomplete.k-state-invalid.k-state-focus {
17311
17210
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
17312
17211
  }
17313
17212
 
@@ -17421,39 +17320,27 @@ kendo-label.k-radio-label > .k-label {
17421
17320
  }
17422
17321
 
17423
17322
  .k-numerictextbox {
17424
- width: 200px;
17425
- border-width: 0;
17323
+ border-radius: 0.25rem;
17324
+ width: 10em;
17325
+ border-width: 1px;
17326
+ border-style: solid;
17426
17327
  box-sizing: border-box;
17427
17328
  outline: 0;
17428
- background: none;
17429
17329
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
17430
17330
  font-size: 1rem;
17431
17331
  line-height: 1.5;
17432
- text-align: left;
17332
+ text-align: start;
17433
17333
  white-space: nowrap;
17434
17334
  display: inline-flex;
17335
+ flex-flow: row nowrap;
17435
17336
  vertical-align: middle;
17436
17337
  position: relative;
17338
+ overflow: hidden;
17339
+ transition: all .1s ease;
17437
17340
  -webkit-touch-callout: none;
17438
17341
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
17439
17342
  }
17440
17343
 
17441
- .k-numerictextbox .k-numeric-wrap {
17442
- border-radius: 0.25rem;
17443
- padding: 0;
17444
- width: 100%;
17445
- border-width: 1px;
17446
- border-style: solid;
17447
- box-sizing: border-box;
17448
- position: relative;
17449
- transition: all .1s ease;
17450
- cursor: default;
17451
- outline: 0;
17452
- display: flex;
17453
- flex-flow: row nowrap;
17454
- overflow: hidden;
17455
- }
17456
-
17457
17344
  .k-numerictextbox .k-input {
17458
17345
  text-overflow: clip;
17459
17346
  }
@@ -17464,6 +17351,7 @@ kendo-label.k-radio-label > .k-label {
17464
17351
  border-inline-start-width: 1px;
17465
17352
  border-style: solid;
17466
17353
  box-sizing: border-box;
17354
+ outline: 0;
17467
17355
  display: flex;
17468
17356
  flex-direction: column;
17469
17357
  align-items: stretch;
@@ -17497,73 +17385,58 @@ kendo-label.k-radio-label > .k-label {
17497
17385
  top: -1px;
17498
17386
  }
17499
17387
 
17500
- .k-rtl .k-numerictextbox, .k-numerictextbox[dir="rtl"] {
17501
- text-align: right;
17502
- }
17503
-
17504
- .k-numerictextbox .k-select,
17505
- .k-numerictextbox .k-numeric-wrap {
17388
+ .k-numerictextbox {
17506
17389
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
17507
17390
  }
17508
17391
 
17509
- .k-numerictextbox .k-i-warning {
17510
- color: #dc3545;
17392
+ .k-numerictextbox {
17393
+ border-color: #ced4da;
17394
+ color: #495057;
17395
+ background-color: #ffffff;
17511
17396
  }
17512
17397
 
17513
- .k-numerictextbox .k-numeric-wrap {
17514
- border-color: #ced4da;
17398
+ .k-numerictextbox:focus, .k-numerictextbox.k-state-focus {
17399
+ border-color: #86b7fe;
17515
17400
  color: #495057;
17516
17401
  background-color: #ffffff;
17402
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
17517
17403
  }
17518
17404
 
17519
- .k-numerictextbox .k-numeric-wrap.k-state-focused {
17405
+ .k-numerictextbox:focus-within {
17520
17406
  border-color: #86b7fe;
17521
17407
  color: #495057;
17522
17408
  background-color: #ffffff;
17523
17409
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
17524
17410
  }
17525
17411
 
17526
- .k-numerictextbox .k-numeric-wrap.k-invalid, .k-numerictextbox .k-numeric-wrap.k-invalid:hover, .k-numerictextbox .k-numeric-wrap.k-state-invalid {
17412
+ .k-numerictextbox.k-invalid, .k-numerictextbox.ng-invalid, .k-numerictextbox.k-state-invalid {
17527
17413
  border-color: #dc3545;
17528
17414
  }
17529
17415
 
17530
- .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 {
17416
+ .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 {
17531
17417
  color: #dc3545;
17532
17418
  }
17533
17419
 
17534
- .k-numerictextbox .k-numeric-wrap.k-invalid:focus, .k-numerictextbox .k-numeric-wrap.k-invalid.k-state-focused, .k-numerictextbox .k-numeric-wrap.k-invalid:hover:focus, .k-numerictextbox .k-numeric-wrap.k-invalid:hover.k-state-focused, .k-numerictextbox .k-numeric-wrap.k-state-invalid:focus, .k-numerictextbox .k-numeric-wrap.k-state-invalid.k-state-focused {
17420
+ .k-numerictextbox.k-invalid:focus-within, .k-numerictextbox.k-invalid.k-state-focus, .k-numerictextbox.ng-invalid:focus-within, .k-numerictextbox.ng-invalid.k-state-focus, .k-numerictextbox.k-state-invalid:focus-within, .k-numerictextbox.k-state-invalid.k-state-focus {
17535
17421
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
17536
17422
  }
17537
17423
 
17538
17424
  .k-numerictextbox .k-select {
17539
17425
  border-color: #e4e7eb;
17540
- color: #212529;
17541
- background-color: #e4e7eb;
17542
- }
17543
-
17544
- .k-numerictextbox .k-select .k-link:hover,
17545
- .k-numerictextbox .k-select .k-link.k-state-hover {
17546
- border-color: #c7cdd5;
17547
- background-color: #ced3db;
17548
- }
17549
-
17550
- .k-numerictextbox .k-select .k-link:active,
17551
- .k-numerictextbox .k-select .k-link.k-state-active,
17552
- .k-numerictextbox .k-select .k-link.k-state-selected {
17553
- border-color: #bfc6d0;
17554
- background-color: #c7cdd5;
17555
- }
17556
-
17557
- .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 {
17558
- border-color: #dc3545;
17426
+ color: #212529;
17427
+ background-color: #e4e7eb;
17559
17428
  }
17560
17429
 
17561
- .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 {
17562
- color: #dc3545;
17430
+ .k-numerictextbox .k-link:hover,
17431
+ .k-numerictextbox .k-link.k-state-hover {
17432
+ border-color: #c7cdd5;
17433
+ background-color: #ced3db;
17563
17434
  }
17564
17435
 
17565
- .k-numerictextbox.k-state-invalid .k-numeric-wrap.k-state-focused, .k-numerictextbox.ng-invalid.ng-touched .k-numeric-wrap.k-state-focused, .k-numerictextbox.ng-invalid.ng-dirty .k-numeric-wrap.k-state-focused {
17566
- box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
17436
+ .k-numerictextbox .k-link:active,
17437
+ .k-numerictextbox .k-link.k-state-active {
17438
+ border-color: #bfc6d0;
17439
+ background-color: #c7cdd5;
17567
17440
  }
17568
17441
 
17569
17442
  .k-colorgradient {
@@ -18013,7 +17886,7 @@ kendo-label.k-radio-label > .k-label {
18013
17886
 
18014
17887
  .k-dateinput {
18015
17888
  border-radius: 0.25rem;
18016
- width: 200px;
17889
+ width: 10em;
18017
17890
  border-width: 1px;
18018
17891
  border-style: solid;
18019
17892
  box-sizing: border-box;
@@ -18138,7 +18011,7 @@ kendo-label.k-radio-label > .k-label {
18138
18011
 
18139
18012
  .k-datepicker {
18140
18013
  border-radius: 0.25rem;
18141
- width: 200px;
18014
+ width: 10em;
18142
18015
  border-width: 1px;
18143
18016
  border-style: solid;
18144
18017
  box-sizing: border-box;
@@ -18229,7 +18102,7 @@ kendo-label.k-radio-label > .k-label {
18229
18102
 
18230
18103
  .k-timepicker {
18231
18104
  border-radius: 0.25rem;
18232
- width: 200px;
18105
+ width: 10em;
18233
18106
  border-width: 1px;
18234
18107
  border-style: solid;
18235
18108
  box-sizing: border-box;
@@ -18320,7 +18193,7 @@ kendo-label.k-radio-label > .k-label {
18320
18193
 
18321
18194
  .k-datetimepicker {
18322
18195
  border-radius: 0.25rem;
18323
- width: 200px;
18196
+ width: 10em;
18324
18197
  border-width: 1px;
18325
18198
  border-style: solid;
18326
18199
  box-sizing: border-box;
@@ -18476,6 +18349,21 @@ kendo-label.k-radio-label > .k-label {
18476
18349
  background-color: #c7cdd5;
18477
18350
  }
18478
18351
 
18352
+ .k-daterangepicker {
18353
+ border: 0;
18354
+ display: inline-flex;
18355
+ flex-flow: row nowrap;
18356
+ align-items: flex-start;
18357
+ gap: 0.5rem;
18358
+ }
18359
+
18360
+ .k-daterangepicker-wrap {
18361
+ display: inherit;
18362
+ flex-flow: inherit;
18363
+ align-items: inherit;
18364
+ gap: inherit;
18365
+ }
18366
+
18479
18367
  .k-dropdowngrid-popup {
18480
18368
  overflow: hidden;
18481
18369
  }
@@ -18764,7 +18652,7 @@ kendo-label.k-radio-label > .k-label {
18764
18652
 
18765
18653
  .k-dropdown, .k-dropdowntree {
18766
18654
  border-radius: 0.25rem;
18767
- width: 200px;
18655
+ width: 10em;
18768
18656
  border-width: 1px;
18769
18657
  border-style: solid;
18770
18658
  box-sizing: border-box;
@@ -19162,7 +19050,7 @@ select.k-dropdown, select.k-dropdowntree {
19162
19050
  }
19163
19051
 
19164
19052
  .k-treeview {
19165
- padding: 2px 2px;
19053
+ padding: 0;
19166
19054
  border-width: 0;
19167
19055
  background: none;
19168
19056
  box-sizing: border-box;
@@ -19178,30 +19066,28 @@ select.k-dropdown, select.k-dropdowntree {
19178
19066
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
19179
19067
  }
19180
19068
 
19181
- .k-treeview > .k-group {
19182
- outline: 0;
19183
- -webkit-touch-callout: none;
19184
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
19185
- }
19186
-
19187
- .k-treeview .k-content,
19188
- .k-treeview > .k-group,
19189
- .k-treeview .k-item > .k-group {
19069
+ .k-treeview-group,
19070
+ .k-treeview .k-group {
19190
19071
  margin: 0;
19191
19072
  padding: 0;
19192
19073
  background: none;
19193
19074
  list-style: none;
19194
19075
  position: relative;
19076
+ outline: 0;
19077
+ -webkit-touch-callout: none;
19078
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
19195
19079
  }
19196
19080
 
19197
- .k-treeview .k-content.ng-animating,
19198
- .k-treeview > .k-group.ng-animating,
19199
- .k-treeview .k-item > .k-group.ng-animating {
19081
+ .k-treeview-group.ng-animating,
19082
+ .k-treeview .k-group.ng-animating {
19200
19083
  overflow: hidden;
19201
19084
  }
19202
19085
 
19086
+ .k-treeview-top,
19203
19087
  .k-treeview .k-top,
19088
+ .k-treeview-mid,
19204
19089
  .k-treeview .k-mid,
19090
+ .k-treeview-bot,
19205
19091
  .k-treeview .k-bot {
19206
19092
  display: flex;
19207
19093
  flex-direction: row;
@@ -19209,6 +19095,7 @@ select.k-dropdown, select.k-dropdowntree {
19209
19095
  align-content: center;
19210
19096
  }
19211
19097
 
19098
+ .k-treeview-item,
19212
19099
  .k-treeview .k-item {
19213
19100
  outline-style: none;
19214
19101
  margin: 0;
@@ -19217,124 +19104,146 @@ select.k-dropdown, select.k-dropdowntree {
19217
19104
  display: block;
19218
19105
  }
19219
19106
 
19220
- .k-treeview .k-in {
19221
- border-radius: 0.25rem;
19222
- margin: 0;
19223
- padding: 0.375rem 0.75rem;
19224
- border: 1px solid transparent;
19225
- text-decoration: none;
19107
+ .k-treeview-toggle {
19108
+ flex: none;
19226
19109
  display: inline-flex;
19110
+ flex-flow: row nowrap;
19227
19111
  align-items: center;
19228
- align-content: center;
19229
- vertical-align: middle;
19230
- position: relative;
19231
- }
19232
-
19233
- .k-treeview .k-in.k-state-focused {
19234
- z-index: 1;
19235
- }
19236
-
19237
- .k-treeview .k-treeview-load-more-button {
19238
- cursor: pointer;
19239
- }
19240
-
19241
- .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 {
19242
- text-decoration: underline;
19243
- }
19244
-
19245
- .k-treeview .k-treeview-load-more-checkboxes-container {
19246
- padding-left: calc(1.5rem + 16px);
19247
19112
  }
19248
19113
 
19249
- .k-treeview .k-treeview-load-more-checkboxes-container .k-i-loading {
19250
- margin-left: calc(-0.5rem + -16px);
19251
- margin-right: 0.5rem;
19114
+ .k-treeview-toggle .k-i-expand,
19115
+ .k-treeview-toggle .k-i-collapse {
19116
+ margin: 0 !important;
19252
19117
  }
19253
19118
 
19119
+ .k-treeview-toggle,
19254
19120
  .k-treeview .k-i-expand,
19255
19121
  .k-treeview .k-i-collapse {
19256
19122
  margin-left: -16px;
19257
19123
  cursor: pointer;
19258
19124
  }
19259
19125
 
19126
+ .k-treeview-toggle + .k-checkbox-wrap,
19127
+ .k-treeview-toggle + .k-checkbox-wrapper,
19128
+ .k-treeview .k-i-expand + .k-checkbox-wrap,
19260
19129
  .k-treeview .k-i-expand + .k-checkbox-wrapper,
19130
+ .k-treeview .k-i-collapse + .k-checkbox-wrap,
19261
19131
  .k-treeview .k-i-collapse + .k-checkbox-wrapper {
19262
19132
  margin-left: 0.5rem;
19263
19133
  }
19264
19134
 
19135
+ .k-treeview-loading {
19136
+ margin-right: 0.5rem;
19137
+ }
19138
+
19139
+ .k-treeview .k-checkbox-wrap,
19265
19140
  .k-treeview .k-checkbox-wrapper {
19266
19141
  margin-right: 0.5rem;
19142
+ align-self: center;
19267
19143
  }
19268
19144
 
19269
- .k-treeview .k-i-drag-and-drop {
19270
- position: absolute;
19271
- transform: translate(-50%, -50%);
19272
- z-index: 1000;
19145
+ .k-treeview-leaf,
19146
+ .k-treeview .k-in {
19147
+ border-radius: 0.25rem;
19148
+ margin: 0;
19149
+ padding: 0.25rem 0.75rem;
19150
+ border: 0px solid transparent;
19151
+ text-decoration: none;
19152
+ display: inline-flex;
19153
+ align-items: center;
19154
+ align-content: center;
19155
+ vertical-align: middle;
19156
+ position: relative;
19273
19157
  }
19274
19158
 
19159
+ .k-treeview-leaf .k-icon,
19160
+ .k-treeview-leaf .k-image,
19161
+ .k-treeview-leaf .k-sprite,
19275
19162
  .k-treeview .k-in .k-icon,
19276
19163
  .k-treeview .k-in .k-image,
19277
19164
  .k-treeview .k-in .k-sprite {
19278
19165
  margin-right: 0.5rem;
19279
19166
  }
19280
19167
 
19281
- .k-rtl .k-treeview .k-item,
19282
- .k-treeview[dir="rtl"] .k-item {
19283
- padding-left: 0;
19284
- padding-right: 16px;
19168
+ .k-treeview-leaf.k-state-focus, .k-treeview-leaf.k-state-focused,
19169
+ .k-treeview .k-in.k-state-focus,
19170
+ .k-treeview .k-in.k-state-focused {
19171
+ z-index: 1;
19285
19172
  }
19286
19173
 
19287
- .k-rtl .k-treeview .k-treeview-load-more-checkboxes-container,
19288
- .k-treeview[dir="rtl"] .k-treeview-load-more-checkboxes-container {
19289
- padding-left: 0;
19290
- padding-right: calc(1.5rem + 16px);
19174
+ .k-treeview .k-treeview-load-more-button {
19175
+ cursor: pointer;
19291
19176
  }
19292
19177
 
19293
- .k-rtl .k-treeview .k-treeview-load-more-checkboxes-container .k-i-loading,
19294
- .k-treeview[dir="rtl"] .k-treeview-load-more-checkboxes-container .k-i-loading {
19295
- margin-left: 0.5rem;
19296
- margin-right: calc(-0.5rem + -16px);
19178
+ .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 {
19179
+ text-decoration: underline;
19180
+ }
19181
+
19182
+ .k-rtl .k-treeview .k-item,
19183
+ .k-rtl .k-treeview .k-treeview-item,
19184
+ .k-treeview[dir="rtl"] .k-item,
19185
+ .k-treeview[dir="rtl"] .k-treeview-item {
19186
+ padding-left: 0;
19187
+ padding-right: 16px;
19297
19188
  }
19298
19189
 
19299
19190
  .k-rtl .k-treeview .k-i-expand,
19300
19191
  .k-rtl .k-treeview .k-i-collapse,
19192
+ .k-rtl .k-treeview .k-treeview-toggle,
19301
19193
  .k-treeview[dir="rtl"] .k-i-expand,
19302
- .k-treeview[dir="rtl"] .k-i-collapse {
19194
+ .k-treeview[dir="rtl"] .k-i-collapse,
19195
+ .k-treeview[dir="rtl"] .k-treeview-toggle {
19303
19196
  margin-left: 0;
19304
19197
  margin-right: -16px;
19305
19198
  }
19306
19199
 
19200
+ .k-rtl .k-treeview .k-i-expand + .k-checkbox-wrap,
19307
19201
  .k-rtl .k-treeview .k-i-expand + .k-checkbox-wrapper,
19202
+ .k-rtl .k-treeview .k-i-collapse + .k-checkbox-wrap,
19308
19203
  .k-rtl .k-treeview .k-i-collapse + .k-checkbox-wrapper,
19204
+ .k-rtl .k-treeview .k-treeview-toggle + .k-checkbox-wrap,
19205
+ .k-rtl .k-treeview .k-treeview-toggle + .k-checkbox-wrapper,
19206
+ .k-treeview[dir="rtl"] .k-i-expand + .k-checkbox-wrap,
19309
19207
  .k-treeview[dir="rtl"] .k-i-expand + .k-checkbox-wrapper,
19310
- .k-treeview[dir="rtl"] .k-i-collapse + .k-checkbox-wrapper {
19208
+ .k-treeview[dir="rtl"] .k-i-collapse + .k-checkbox-wrap,
19209
+ .k-treeview[dir="rtl"] .k-i-collapse + .k-checkbox-wrapper,
19210
+ .k-treeview[dir="rtl"] .k-treeview-toggle + .k-checkbox-wrap,
19211
+ .k-treeview[dir="rtl"] .k-treeview-toggle + .k-checkbox-wrapper {
19311
19212
  margin-right: 0.5rem;
19312
19213
  }
19313
19214
 
19215
+ .k-rtl .k-treeview .k-treeview-loading,
19216
+ .k-treeview[dir="rtl"] .k-treeview-loading {
19217
+ margin-right: 0;
19218
+ margin-left: 0.5rem;
19219
+ }
19220
+
19221
+ .k-rtl .k-treeview .k-checkbox-wrap,
19314
19222
  .k-rtl .k-treeview .k-checkbox-wrapper,
19223
+ .k-treeview[dir="rtl"] .k-checkbox-wrap,
19315
19224
  .k-treeview[dir="rtl"] .k-checkbox-wrapper {
19316
19225
  margin-right: 0;
19317
19226
  margin-left: 0.5rem;
19318
19227
  }
19319
19228
 
19229
+ .k-rtl .k-treeview .k-treeview-leaf .k-icon,
19230
+ .k-rtl .k-treeview .k-treeview-leaf .k-image,
19231
+ .k-rtl .k-treeview .k-treeview-leaf .k-sprite,
19320
19232
  .k-rtl .k-treeview .k-in .k-icon,
19321
19233
  .k-rtl .k-treeview .k-in .k-image,
19322
19234
  .k-rtl .k-treeview .k-in .k-sprite,
19235
+ .k-treeview[dir="rtl"] .k-treeview-leaf .k-icon,
19236
+ .k-treeview[dir="rtl"] .k-treeview-leaf .k-image,
19237
+ .k-treeview[dir="rtl"] .k-treeview-leaf .k-sprite,
19323
19238
  .k-treeview[dir="rtl"] .k-in .k-icon,
19324
19239
  .k-treeview[dir="rtl"] .k-in .k-image,
19325
19240
  .k-treeview[dir="rtl"] .k-in .k-sprite {
19326
- margin-left: 0.5rem;
19327
19241
  margin-right: 0;
19242
+ margin-left: 0.5rem;
19328
19243
  }
19329
19244
 
19330
- .k-treeview .k-top,
19331
- .k-treeview .k-mid,
19332
- .k-treeview .k-bot {
19333
- padding-top: 2px;
19334
- padding-bottom: 2px;
19335
- }
19336
-
19337
- .k-treeview .k-in {
19245
+ .k-treeview-item,
19246
+ .k-treeview .k-item {
19338
19247
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
19339
19248
  }
19340
19249
 
@@ -19342,6 +19251,7 @@ select.k-dropdown, select.k-dropdowntree {
19342
19251
  color: #212529;
19343
19252
  }
19344
19253
 
19254
+ .k-treeview-leaf:hover, .k-treeview-leaf.k-state-hover,
19345
19255
  .k-treeview .k-in:hover,
19346
19256
  .k-treeview .k-in.k-state-hover {
19347
19257
  border-color: #e9ecef;
@@ -19349,40 +19259,37 @@ select.k-dropdown, select.k-dropdowntree {
19349
19259
  background-color: #e9ecef;
19350
19260
  }
19351
19261
 
19262
+ .k-treeview-leaf.k-state-focus, .k-treeview-leaf.k-state-focused,
19263
+ .k-treeview .k-in.k-state-focus,
19264
+ .k-treeview .k-in.k-state-focused {
19265
+ box-shadow: inset 0 0 0 2px rgba(33, 37, 41, 0.15);
19266
+ }
19267
+
19268
+ .k-treeview-leaf.k-state-selected,
19352
19269
  .k-treeview .k-in.k-state-selected {
19353
19270
  border-color: #0d6efd;
19354
19271
  color: white;
19355
19272
  background-color: #0d6efd;
19356
19273
  }
19357
19274
 
19358
- .k-treeview .k-in.k-state-focused {
19359
- box-shadow: 0 0 0 2px #dee2e6;
19360
- }
19361
-
19362
- .k-treeview .k-in.k-state-selected.k-state-focused {
19363
- box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.5);
19364
- }
19365
-
19366
19275
  .k-treeview .k-treeview-load-more-button {
19367
19276
  color: #0d6efd;
19368
19277
  background-color: transparent;
19369
19278
  }
19370
19279
 
19371
- .k-treeview .k-treeview-load-more-button:hover,
19372
- .k-treeview .k-treeview-load-more-button.k-state-hover {
19280
+ .k-treeview .k-treeview-load-more-button:hover, .k-treeview .k-treeview-load-more-button.k-state-hover {
19373
19281
  color: #0a58ca;
19374
19282
  background-color: transparent;
19375
19283
  }
19376
19284
 
19377
- .k-treeview .k-treeview-load-more-button:focus,
19378
- .k-treeview .k-treeview-load-more-button.k-state-focused {
19379
- color: #0d6efd;
19285
+ .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 {
19286
+ color: #0a58ca;
19380
19287
  background-color: transparent;
19381
- box-shadow: none;
19288
+ box-shadow: inset 0 0 0 2px rgba(33, 37, 41, 0.15);
19382
19289
  }
19383
19290
 
19384
19291
  .k-dropdowntree {
19385
- width: 200px;
19292
+ width: 10em;
19386
19293
  }
19387
19294
 
19388
19295
  .k-popup-dropdowntree {
@@ -19399,7 +19306,7 @@ select.k-dropdown, select.k-dropdowntree {
19399
19306
 
19400
19307
  .k-maskedtextbox {
19401
19308
  border-radius: 0.25rem;
19402
- width: 200px;
19309
+ width: 10em;
19403
19310
  border-width: 1px;
19404
19311
  border-style: solid;
19405
19312
  box-sizing: border-box;
@@ -19569,24 +19476,35 @@ select.k-dropdown, select.k-dropdowntree {
19569
19476
 
19570
19477
  .k-searchbox {
19571
19478
  border-radius: 0.25rem;
19479
+ width: 10em;
19572
19480
  border-width: 1px;
19573
19481
  border-style: solid;
19574
19482
  box-sizing: border-box;
19483
+ outline: 0;
19575
19484
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
19576
19485
  font-size: 1rem;
19577
19486
  line-height: 1.5;
19487
+ text-align: start;
19488
+ white-space: nowrap;
19578
19489
  display: inline-flex;
19579
- align-items: center;
19580
- vertical-align: middle;
19581
19490
  flex-flow: row nowrap;
19491
+ vertical-align: middle;
19582
19492
  position: relative;
19583
19493
  overflow: hidden;
19494
+ transition: all .1s ease;
19495
+ -webkit-touch-callout: none;
19496
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
19584
19497
  }
19585
19498
 
19586
19499
  .k-searchbox > .k-input {
19587
19500
  padding: 0.375rem 0.75rem;
19588
19501
  }
19589
19502
 
19503
+ .k-searchbox .k-i-loading {
19504
+ width: calc(16px + 0.75rem);
19505
+ height: 2.25rem;
19506
+ }
19507
+
19590
19508
  .k-searchbox {
19591
19509
  border-color: #ced4da;
19592
19510
  color: #495057;
@@ -19607,24 +19525,15 @@ select.k-dropdown, select.k-dropdowntree {
19607
19525
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
19608
19526
  }
19609
19527
 
19610
- .k-searchbox:disabled, .k-searchbox.k-state-disabled {
19611
- outline: none;
19612
- cursor: default;
19613
- opacity: 0.65;
19614
- filter: grayscale(0.1);
19615
- pointer-events: none;
19616
- box-shadow: none;
19617
- }
19618
-
19619
- .k-searchbox.k-invalid, .k-searchbox.k-state-invalid {
19528
+ .k-searchbox.k-invalid, .k-searchbox.ng-invalid, .k-searchbox.k-state-invalid {
19620
19529
  border-color: #dc3545;
19621
19530
  }
19622
19531
 
19623
- .k-searchbox.k-invalid .k-input-validation-icon, .k-searchbox.k-state-invalid .k-input-validation-icon {
19532
+ .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 {
19624
19533
  color: #dc3545;
19625
19534
  }
19626
19535
 
19627
- .k-searchbox.k-invalid:focus, .k-searchbox.k-invalid.k-state-focus, .k-searchbox.k-state-invalid:focus, .k-searchbox.k-state-invalid.k-state-focus {
19536
+ .k-searchbox.k-invalid:focus-within, .k-searchbox.k-invalid.k-state-focus, .k-searchbox.ng-invalid:focus-within, .k-searchbox.ng-invalid.k-state-focus, .k-searchbox.k-state-invalid:focus-within, .k-searchbox.k-state-invalid.k-state-focus {
19628
19537
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
19629
19538
  }
19630
19539
 
@@ -20358,7 +20267,7 @@ select.k-dropdown, select.k-dropdowntree {
20358
20267
  }
20359
20268
 
20360
20269
  .k-appbar {
20361
- padding: 0.5rem 1rem;
20270
+ padding: 0.5rem 0.5rem;
20362
20271
  border-width: 0px;
20363
20272
  border-style: solid;
20364
20273
  box-sizing: border-box;
@@ -21178,10 +21087,12 @@ select.k-dropdown, select.k-dropdowntree {
21178
21087
  }
21179
21088
 
21180
21089
  .k-menu-item {
21090
+ box-sizing: border-box;
21181
21091
  border-width: 0;
21182
21092
  outline: 0;
21183
21093
  display: flex;
21184
- flex: 0 0 auto;
21094
+ flex-flow: column nowrap;
21095
+ flex: none;
21185
21096
  position: relative;
21186
21097
  -webkit-user-select: none;
21187
21098
  -ms-user-select: none;
@@ -21193,7 +21104,7 @@ select.k-dropdown, select.k-dropdowntree {
21193
21104
  outline: 0;
21194
21105
  color: inherit;
21195
21106
  display: flex;
21196
- flex-direction: row;
21107
+ flex-flow: row nowrap;
21197
21108
  flex: 1 1 auto;
21198
21109
  align-items: center;
21199
21110
  position: relative;
@@ -21207,9 +21118,19 @@ select.k-dropdown, select.k-dropdowntree {
21207
21118
  margin-right: 0.5rem;
21208
21119
  }
21209
21120
 
21121
+ .k-menu-link-text {
21122
+ flex: 1 1 auto;
21123
+ overflow: hidden;
21124
+ text-overflow: ellipsis;
21125
+ }
21126
+
21210
21127
  .k-menu-expand-arrow {
21211
21128
  margin-left: 0.5rem;
21212
21129
  margin-right: -0.5rem;
21130
+ display: inline-flex;
21131
+ flex-flow: row wrap;
21132
+ align-items: center;
21133
+ flex: none;
21213
21134
  position: relative;
21214
21135
  }
21215
21136
 
@@ -21238,7 +21159,7 @@ select.k-dropdown, select.k-dropdowntree {
21238
21159
  }
21239
21160
 
21240
21161
  .k-menu-horizontal > .k-separator {
21241
- margin: 0 2px;
21162
+ margin: 0 0.25rem;
21242
21163
  width: 0;
21243
21164
  height: auto;
21244
21165
  border-width: 0 0 0 1px;
@@ -21258,8 +21179,16 @@ select.k-dropdown, select.k-dropdowntree {
21258
21179
  padding-right: calc(2rem + 16px);
21259
21180
  }
21260
21181
 
21182
+ .k-menu-vertical > .k-menu-item > .k-menu-link .k-menu-expand-arrow {
21183
+ margin: 0;
21184
+ position: absolute;
21185
+ top: 50%;
21186
+ transform: translateY(-50%);
21187
+ right: 0.5rem;
21188
+ }
21189
+
21261
21190
  .k-menu-vertical > .k-separator {
21262
- margin: 2px 0;
21191
+ margin: 0.25rem 0;
21263
21192
  height: 0;
21264
21193
  border-width: 1px 0 0;
21265
21194
  border-style: solid;
@@ -21304,8 +21233,16 @@ select.k-dropdown, select.k-dropdowntree {
21304
21233
  padding-right: calc(2rem + 16px);
21305
21234
  }
21306
21235
 
21236
+ .k-menu-group .k-menu-link .k-menu-expand-arrow {
21237
+ margin: 0;
21238
+ position: absolute;
21239
+ top: 50%;
21240
+ transform: translateY(-50%);
21241
+ right: 0.5rem;
21242
+ }
21243
+
21307
21244
  .k-menu-group .k-separator {
21308
- margin: 2px 0;
21245
+ margin: 0.25rem 0;
21309
21246
  height: 0;
21310
21247
  border-width: 1px 0 0;
21311
21248
  border-style: solid;
@@ -21336,9 +21273,13 @@ select.k-dropdown, select.k-dropdowntree {
21336
21273
  z-index: 12000;
21337
21274
  }
21338
21275
 
21339
- .k-context-menu-popup > .k-popup:not(.k-menu-popup),
21340
21276
  .k-context-menu-popup .k-context-menu {
21341
- border: 0;
21277
+ border-width: 0;
21278
+ }
21279
+
21280
+ .k-popup .k-context-menu,
21281
+ .k-context-menu-popup .k-context-menu {
21282
+ border-width: 0;
21342
21283
  }
21343
21284
 
21344
21285
  .k-menu-scroll-wrapper {
@@ -21423,12 +21364,24 @@ select.k-dropdown, select.k-dropdowntree {
21423
21364
  padding-left: calc(2rem + 16px);
21424
21365
  }
21425
21366
 
21367
+ .k-rtl .k-menu-vertical > .k-menu-item > .k-menu-link .k-menu-expand-arrow,
21368
+ [dir="rtl"] .k-menu-vertical > .k-menu-item > .k-menu-link .k-menu-expand-arrow {
21369
+ right: auto;
21370
+ left: 0.5rem;
21371
+ }
21372
+
21426
21373
  .k-rtl .k-menu-group .k-menu-link,
21427
21374
  [dir="rtl"] .k-menu-group .k-menu-link {
21428
21375
  padding-right: 1rem;
21429
21376
  padding-left: calc(2rem + 16px);
21430
21377
  }
21431
21378
 
21379
+ .k-rtl .k-menu-group .k-menu-link .k-menu-expand-arrow,
21380
+ [dir="rtl"] .k-menu-group .k-menu-link .k-menu-expand-arrow {
21381
+ right: auto;
21382
+ left: 0.5rem;
21383
+ }
21384
+
21432
21385
  .k-menu.k-menu-horizontal:not(.k-context-menu) {
21433
21386
  padding: 0.5rem;
21434
21387
  }
@@ -21469,11 +21422,11 @@ select.k-dropdown, select.k-dropdowntree {
21469
21422
  color: rgba(33, 37, 41, 0.7);
21470
21423
  }
21471
21424
 
21472
- .k-menu:not(.k-context-menu) > .k-item > .k-state-active {
21425
+ .k-menu:not(.k-context-menu) > .k-item > .k-state-active, .k-menu:not(.k-context-menu) > .k-item.k-state-selected {
21473
21426
  color: rgba(33, 37, 41, 0.9);
21474
21427
  }
21475
21428
 
21476
- .k-menu:not(.k-context-menu) > .k-item:focus, .k-menu:not(.k-context-menu) > .k-item.k-state-focused {
21429
+ .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 {
21477
21430
  box-shadow: inset 0 0 0 3px rgba(33, 37, 41, 0.15);
21478
21431
  }
21479
21432
 
@@ -21491,14 +21444,16 @@ select.k-dropdown, select.k-dropdowntree {
21491
21444
  background-color: #e9ecef;
21492
21445
  }
21493
21446
 
21494
- .k-menu-group .k-item > .k-state-active,
21495
- .k-menu.k-context-menu .k-item > .k-state-active {
21447
+ .k-menu-group .k-item > .k-state-active, .k-menu-group .k-item.k-state-selected,
21448
+ .k-menu.k-context-menu .k-item > .k-state-active,
21449
+ .k-menu.k-context-menu .k-item.k-state-selected {
21496
21450
  color: white;
21497
21451
  background-color: #0d6efd;
21498
21452
  }
21499
21453
 
21500
- .k-menu-group .k-item:focus, .k-menu-group .k-item.k-state-focused,
21454
+ .k-menu-group .k-item:focus, .k-menu-group .k-item.k-state-focus, .k-menu-group .k-item.k-state-focused,
21501
21455
  .k-menu.k-context-menu .k-item:focus,
21456
+ .k-menu.k-context-menu .k-item.k-state-focus,
21502
21457
  .k-menu.k-context-menu .k-item.k-state-focused {
21503
21458
  box-shadow: inset 0 0 0 3px rgba(33, 37, 41, 0.15);
21504
21459
  }
@@ -21517,10 +21472,6 @@ select.k-dropdown, select.k-dropdowntree {
21517
21472
  opacity: 0;
21518
21473
  }
21519
21474
 
21520
- .k-context-menu-popup .k-header {
21521
- color: inherit;
21522
- }
21523
-
21524
21475
  .k-actionsheet-container {
21525
21476
  width: 100vw;
21526
21477
  height: 100vh;
@@ -25279,21 +25230,12 @@ kendo-card-footer {
25279
25230
  box-sizing: border-box;
25280
25231
  }
25281
25232
 
25282
- .k-pane-wrapper .k-grid-filter-menu .k-filter-selected-items {
25283
- margin: 1em;
25284
- font-weight: normal;
25285
- }
25286
-
25287
25233
  .k-pane-wrapper .k-grid-edit-form .k-popup-edit-form,
25288
25234
  .k-pane-wrapper .k-grid-edit-form .k-edit-form-container {
25289
25235
  width: auto;
25290
25236
  min-width: auto;
25291
25237
  }
25292
25238
 
25293
- .k-pane-wrapper .k-grid .k-grid-search {
25294
- width: 100%;
25295
- }
25296
-
25297
25239
  .k-grid.k-grid-mobile {
25298
25240
  border-width: 0;
25299
25241
  }
@@ -25521,49 +25463,18 @@ kendo-card-footer {
25521
25463
  border-bottom-width: 0;
25522
25464
  }
25523
25465
 
25524
- .k-pane-wrapper .k-grid-edit-form > .k-header,
25525
- .k-pane-wrapper .k-grid-column-menu > .k-header,
25526
- .k-pane-wrapper .k-grid-filter-menu > .k-header,
25527
- .k-pane-wrapper .k-scheduler-edit-form > .k-header {
25528
- display: flex;
25529
- justify-content: space-between;
25530
- padding: .3em .6em;
25531
- width: auto;
25532
- line-height: 2em;
25533
- }
25534
-
25535
- .k-pane-wrapper .k-grid-edit-form > .k-header .k-header-done,
25536
- .k-pane-wrapper .k-grid-edit-form > .k-header .k-header-cancel,
25537
- .k-pane-wrapper .k-grid-column-menu > .k-header .k-header-done,
25538
- .k-pane-wrapper .k-grid-column-menu > .k-header .k-header-cancel,
25539
- .k-pane-wrapper .k-grid-filter-menu > .k-header .k-header-done,
25540
- .k-pane-wrapper .k-grid-filter-menu > .k-header .k-header-cancel,
25541
- .k-pane-wrapper .k-scheduler-edit-form > .k-header .k-header-done,
25542
- .k-pane-wrapper .k-scheduler-edit-form > .k-header .k-header-cancel {
25543
- display: flex;
25544
- flex-direction: row;
25545
- align-items: center;
25546
- }
25547
-
25548
- .k-pane-wrapper .k-grid-edit-form > .k-header .k-header-done .k-icon,
25549
- .k-pane-wrapper .k-grid-edit-form > .k-header .k-header-cancel .k-icon,
25550
- .k-pane-wrapper .k-grid-column-menu > .k-header .k-header-done .k-icon,
25551
- .k-pane-wrapper .k-grid-column-menu > .k-header .k-header-cancel .k-icon,
25552
- .k-pane-wrapper .k-grid-filter-menu > .k-header .k-header-done .k-icon,
25553
- .k-pane-wrapper .k-grid-filter-menu > .k-header .k-header-cancel .k-icon,
25554
- .k-pane-wrapper .k-scheduler-edit-form > .k-header .k-header-done .k-icon,
25555
- .k-pane-wrapper .k-scheduler-edit-form > .k-header .k-header-cancel .k-icon {
25556
- font-size: 1.5em;
25466
+ .k-pane-wrapper .k-appbar {
25467
+ padding: 0.25rem;
25557
25468
  }
25558
25469
 
25559
25470
  .k-pane-wrapper .k-list-title,
25560
- .k-pane-wrapper .k-filter-help-text,
25561
- .k-pane-wrapper .k-list-group-header {
25471
+ .k-pane-wrapper .k-filter-help-text {
25562
25472
  padding: 0.5rem 1rem;
25563
25473
  display: block;
25564
25474
  }
25565
25475
 
25566
- .k-pane-wrapper .k-list-group-header {
25476
+ .k-pane-wrapper .k-listgroup-title {
25477
+ padding: 0.5rem 1rem;
25567
25478
  font-weight: bold;
25568
25479
  text-transform: uppercase;
25569
25480
  }
@@ -25573,24 +25484,55 @@ kendo-card-footer {
25573
25484
  }
25574
25485
 
25575
25486
  .k-pane-wrapper .k-listgroup + .k-listgroup {
25576
- margin-top: 2em;
25487
+ margin-top: 1rem;
25488
+ }
25489
+
25490
+ .k-pane-wrapper .k-column-menu {
25491
+ padding: 0.5rem;
25492
+ display: flex;
25493
+ flex-flow: column nowrap;
25494
+ gap: 0.5rem;
25577
25495
  }
25578
25496
 
25579
25497
  .k-pane-wrapper .k-column-menu .k-filter-item .k-filterable * {
25580
25498
  pointer-events: none;
25581
25499
  }
25582
25500
 
25583
- .k-pane-wrapper .k-filter-menu .k-space-right {
25584
- margin: .5em 10px;
25585
- width: auto;
25501
+ .k-pane-wrapper .k-column-menu .k-list-title,
25502
+ .k-pane-wrapper .k-column-menu .k-listgroup-title {
25503
+ padding: 0;
25504
+ }
25505
+
25506
+ .k-pane-wrapper .k-column-menu .k-listgroup {
25507
+ margin-inline: -0.5rem;
25508
+ }
25509
+
25510
+ .k-pane-wrapper .k-filter-menu {
25511
+ padding: 0.5rem;
25586
25512
  display: flex;
25587
- align-items: center;
25513
+ flex-flow: column nowrap;
25514
+ gap: 0.5rem;
25515
+ }
25516
+
25517
+ .k-pane-wrapper .k-filter-menu .k-list-title {
25518
+ padding: 0;
25519
+ }
25520
+
25521
+ .k-pane-wrapper .k-filter-menu .k-list-filter {
25522
+ padding: 0;
25523
+ display: flex;
25524
+ flex-flow: column nowrap;
25525
+ gap: inherit;
25588
25526
  }
25589
25527
 
25590
25528
  .k-pane-wrapper .k-filter-menu .k-filter-tools {
25591
- margin: 1em;
25592
25529
  display: flex;
25593
- justify-content: space-between;
25530
+ flex-flow: row nowrap;
25531
+ gap: inherit;
25532
+ }
25533
+
25534
+ .k-pane-wrapper .k-filter-menu .k-listgroup {
25535
+ margin-inline: -0.5rem;
25594
25536
  }
25595
25537
 
25596
25538
  .k-pane-wrapper .k-popup-edit-form .k-recur-editor-wrap {
@@ -25614,36 +25556,15 @@ kendo-card-footer {
25614
25556
  }
25615
25557
 
25616
25558
  .k-pane-wrapper .k-pager-wrap.k-pager-sm .k-pager-refresh {
25617
- display: none;
25618
- }
25619
-
25620
- .k-ie .k-pane-wrapper .k-scheduler .k-scheduler-toolbar,
25621
- .k-ie .k-pane-wrapper .k-scheduler .k-scheduler-footer {
25622
- line-height: 2em;
25623
- }
25624
-
25625
- .k-ie .k-pane-wrapper .k-grid .k-icon {
25626
- text-indent: 0;
25627
- }
25628
-
25629
- .k-rtl .k-pane-wrapper .k-grid-edit-form > .k-header,
25630
- .k-rtl .k-pane-wrapper .k-grid-column-menu > .k-header,
25631
- .k-rtl .k-pane-wrapper .k-grid-filter-menu > .k-header,
25632
- .k-rtl .k-pane-wrapper .k-scheduler-edit-form > .k-header, .k-pane-wrapper[dir="rtl"] .k-grid-edit-form > .k-header,
25633
- .k-pane-wrapper[dir="rtl"] .k-grid-column-menu > .k-header,
25634
- .k-pane-wrapper[dir="rtl"] .k-grid-filter-menu > .k-header,
25635
- .k-pane-wrapper[dir="rtl"] .k-scheduler-edit-form > .k-header,
25636
- [dir="rtl"] .k-pane-wrapper .k-grid-edit-form > .k-header,
25637
- [dir="rtl"] .k-pane-wrapper .k-grid-column-menu > .k-header,
25638
- [dir="rtl"] .k-pane-wrapper .k-grid-filter-menu > .k-header,
25639
- [dir="rtl"] .k-pane-wrapper .k-scheduler-edit-form > .k-header {
25640
- flex-direction: row-reverse;
25559
+ display: none;
25641
25560
  }
25642
25561
 
25643
- .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,
25644
- [dir="rtl"] .k-pane-wrapper .k-filter-menu .k-space-right > .k-i-zoom {
25645
- left: 15px;
25646
- right: auto;
25562
+ .k-rtl .k-pane-wrapper .k-header-cancel .k-i-arrow-chevron-left,
25563
+ .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,
25564
+ .k-pane-wrapper[dir="rtl"] .k-listgroup-item .k-select .k-i-arrow-chevron-right,
25565
+ [dir="rtl"] .k-pane-wrapper .k-header-cancel .k-i-arrow-chevron-left,
25566
+ [dir="rtl"] .k-pane-wrapper .k-listgroup-item .k-select .k-i-arrow-chevron-right {
25567
+ transform: scaleX(-1);
25647
25568
  }
25648
25569
 
25649
25570
  .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,
@@ -25665,11 +25586,6 @@ kendo-card-footer {
25665
25586
  margin-right: 0;
25666
25587
  }
25667
25588
 
25668
- .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,
25669
- [dir="rtl"] .k-pane-wrapper .k-scheduler-edit-form .k-item .k-i-arrow-chevron-right {
25670
- transform: scaleX(-1);
25671
- }
25672
-
25673
25589
  .k-pane-wrapper,
25674
25590
  .k-view {
25675
25591
  border-color: #dee2e6;
@@ -25721,21 +25637,6 @@ kendo-card-footer {
25721
25637
  background-color: inherit;
25722
25638
  }
25723
25639
 
25724
- .k-pane-wrapper .k-pane .k-grid-edit-form .k-header,
25725
- .k-pane-wrapper .k-pane .k-grid-column-menu .k-header,
25726
- .k-pane-wrapper .k-pane .k-grid-filter-menu .k-header,
25727
- .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-header {
25728
- color: white;
25729
- background-color: #0d6efd;
25730
- }
25731
-
25732
- .k-pane-wrapper .k-pane .k-grid-edit-form .k-header .k-link,
25733
- .k-pane-wrapper .k-pane .k-grid-column-menu .k-header .k-link,
25734
- .k-pane-wrapper .k-pane .k-grid-filter-menu .k-header .k-link,
25735
- .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-header .k-link {
25736
- color: inherit;
25737
- }
25738
-
25739
25640
  .k-pane-wrapper .k-pane .k-grid-edit-form .k-item,
25740
25641
  .k-pane-wrapper .k-pane .k-grid-edit-form .k-link,
25741
25642
  .k-pane-wrapper .k-pane .k-grid-column-menu .k-item,
@@ -26203,10 +26104,6 @@ kendo-card-footer {
26203
26104
  border-width: 1px 0 0;
26204
26105
  }
26205
26106
 
26206
- .k-grid-search {
26207
- width: 200px;
26208
- }
26209
-
26210
26107
  .k-grouping-header {
26211
26108
  padding: 0.5rem 0.5rem;
26212
26109
  border-width: 0 0 1px;
@@ -26506,13 +26403,6 @@ div.k-grid-footer {
26506
26403
  padding: 4px 8px;
26507
26404
  }
26508
26405
 
26509
- .k-grid-columnmenu-popup {
26510
- width: 230px;
26511
- }
26512
-
26513
- .k-grid-columnmenu-popup.k-popup {
26514
- }
26515
-
26516
26406
  .k-filter-row {
26517
26407
  line-height: 1.5;
26518
26408
  }
@@ -26600,6 +26490,17 @@ div.k-grid-footer {
26600
26490
  position: relative;
26601
26491
  }
26602
26492
 
26493
+ .k-grid th > .k-radio,
26494
+ .k-grid th > .k-radio-wrap,
26495
+ .k-grid th > .k-checkbox,
26496
+ .k-grid th > .k-checkbox-wrap,
26497
+ .k-grid td > .k-radio,
26498
+ .k-grid td > .k-radio-wrap,
26499
+ .k-grid td > .k-checkbox,
26500
+ .k-grid td > .k-checkbox-wrap {
26501
+ vertical-align: top;
26502
+ }
26503
+
26603
26504
  .k-grid .k-edit-cell,
26604
26505
  .k-grid .k-command-cell,
26605
26506
  .k-grid .k-grid-edit-row td {
@@ -26620,6 +26521,17 @@ div.k-grid-footer {
26620
26521
  box-sizing: border-box;
26621
26522
  }
26622
26523
 
26524
+ .k-grid .k-edit-cell > .k-radio,
26525
+ .k-grid .k-edit-cell > .k-checkbox,
26526
+ .k-grid .k-edit-cell > .k-radio-wrap,
26527
+ .k-grid .k-edit-cell > .k-checkbox-wrap,
26528
+ .k-grid .k-grid-edit-row td > .k-radio,
26529
+ .k-grid .k-grid-edit-row td > .k-checkbox,
26530
+ .k-grid .k-grid-edit-row td > .k-radio-wrap,
26531
+ .k-grid .k-grid-edit-row td > .k-checkbox-wrap {
26532
+ vertical-align: middle;
26533
+ }
26534
+
26623
26535
  .k-grid .k-command-cell > .k-button {
26624
26536
  vertical-align: middle;
26625
26537
  }
@@ -26978,80 +26890,95 @@ div.k-grid-norecords {
26978
26890
  padding: 0 !important;
26979
26891
  }
26980
26892
 
26981
- .k-filter-menu.k-popup .k-filter-menu-container,
26982
- .k-grid-filter-popup.k-popup .k-filter-menu-container {
26893
+ .k-filter-menu-popup {
26983
26894
  width: 250px;
26984
26895
  }
26985
26896
 
26986
- .k-filter-menu.k-popup .k-multicheck-wrap,
26987
- .k-grid-filter-popup.k-popup .k-multicheck-wrap,
26988
- .k-popup .k-filter-menu .k-multicheck-wrap,
26989
- .k-popup .k-grid-filter-popup .k-multicheck-wrap {
26990
- padding: 0.5rem 1.5rem 0;
26897
+ .k-filter-menu {
26898
+ box-sizing: border-box;
26899
+ }
26900
+
26901
+ .k-filter-menu-container {
26902
+ padding: 0.5rem;
26903
+ box-sizing: border-box;
26904
+ display: flex;
26905
+ flex-flow: column nowrap;
26906
+ align-items: stretch;
26907
+ gap: 0.5rem;
26908
+ }
26909
+
26910
+ .k-filter-menu-container > * {
26911
+ width: 100%;
26991
26912
  }
26992
26913
 
26993
- .k-filter-menu.k-popup .k-multicheck-wrap .k-item,
26994
- .k-grid-filter-popup.k-popup .k-multicheck-wrap .k-item,
26995
- .k-popup .k-filter-menu .k-multicheck-wrap .k-item,
26996
- .k-popup .k-grid-filter-popup .k-multicheck-wrap .k-item {
26997
- padding: 0.25rem 0;
26914
+ .k-filter-menu-container .k-switch,
26915
+ .k-filter-menu-container .k-filter-and {
26916
+ width: min-content;
26917
+ align-self: start;
26998
26918
  }
26999
26919
 
27000
- .k-filter-menu.k-popup .k-multicheck-wrap .k-check-all-wrap,
27001
- .k-grid-filter-popup.k-popup .k-multicheck-wrap .k-check-all-wrap,
27002
- .k-popup .k-filter-menu .k-multicheck-wrap .k-check-all-wrap,
27003
- .k-popup .k-grid-filter-popup .k-multicheck-wrap .k-check-all-wrap {
27004
- padding-bottom: 0.5rem;
27005
- border-bottom-width: 1px;
27006
- border-bottom-style: solid;
26920
+ .k-filter-menu-container .k-actions, .k-filter-menu-container .k-edit-buttons,
26921
+ .k-filter-menu-container .k-action-buttons,
26922
+ .k-filter-menu-container .k-columnmenu-actions, .k-filter-menu-container .k-form-buttons {
26923
+ margin: 0;
26924
+ padding: 0;
27007
26925
  }
27008
26926
 
27009
- .k-filter-menu.k-popup .k-filter-help-text,
27010
- .k-grid-filter-popup.k-popup .k-filter-help-text,
27011
- .k-popup .k-filter-menu .k-filter-help-text,
27012
- .k-popup .k-grid-filter-popup .k-filter-help-text {
27013
- padding: 0.5rem 1.5rem 0;
26927
+ .k-filter-menu-container kendo-numeric-filter-menu,
26928
+ .k-filter-menu-container kendo-grid-string-filter-menu,
26929
+ .k-filter-menu-container kendo-grid-date-filter-menu,
26930
+ .k-filter-menu-container kendo-grid-filter-menu-input-wrapper {
26931
+ display: flex;
26932
+ flex-flow: column nowrap;
26933
+ align-items: stretch;
26934
+ gap: 0.5rem;
27014
26935
  }
27015
26936
 
27016
- .k-filter-menu.k-popup .k-filter-selected-items,
27017
- .k-grid-filter-popup.k-popup .k-filter-selected-items,
27018
- .k-popup .k-filter-menu .k-filter-selected-items,
27019
- .k-popup .k-grid-filter-popup .k-filter-selected-items {
27020
- padding: 0.5rem 1.5rem 0;
26937
+ .k-filter-menu-container kendo-numeric-filter-menu > *,
26938
+ .k-filter-menu-container kendo-grid-string-filter-menu > *,
26939
+ .k-filter-menu-container kendo-grid-date-filter-menu > *,
26940
+ .k-filter-menu-container kendo-grid-filter-menu-input-wrapper > * {
26941
+ width: 100%;
27021
26942
  }
27022
26943
 
27023
- .k-filter-menu .k-filter-menu-container {
27024
- box-sizing: border-box;
26944
+ .k-ie .k-filter-menu-container > * {
26945
+ margin-top: 0.5rem;
27025
26946
  }
27026
26947
 
27027
- .k-filter-menu .k-widget,
27028
- .k-filter-menu .k-radio-list,
27029
- .k-filter-menu .k-textbox,
27030
- .k-filter-menu .k-searchbox {
27031
- margin: 0.5rem 1.5rem 0;
27032
- width: calc(100% - 3rem);
27033
- box-sizing: border-box;
27034
- display: flex;
26948
+ .k-ie .k-filter-menu-container > :first-child {
26949
+ margin-top: 0;
27035
26950
  }
27036
26951
 
27037
- .k-filter-menu .k-widget.k-filter-and {
27038
- width: 6em;
26952
+ .k-ie .k-filter-menu-container .k-filter-and,
26953
+ .k-ie .k-filter-menu-container kendo-grid-filter-menu-input-wrapper > * {
26954
+ margin-top: 0.5rem;
27039
26955
  }
27040
26956
 
27041
- .k-filter-menu .k-widget.k-button-group {
27042
- width: auto;
27043
- display: inline-flex;
26957
+ .k-ie .k-filter-menu-container kendo-grid-filter-menu-input-wrapper > :first-child {
26958
+ margin-top: 0;
27044
26959
  }
27045
26960
 
27046
- .k-filter-menu .k-switch {
27047
- width: 56px;
27048
- display: inline-flex;
26961
+ .k-filter-menu.k-popup .k-filter-menu-container,
26962
+ .k-grid-filter-popup.k-popup .k-filter-menu-container {
26963
+ width: 250px;
27049
26964
  }
27050
26965
 
27051
- .k-multicheck-wrap {
26966
+ .k-popup .k-multicheck-wrap {
26967
+ margin: 0;
26968
+ padding: 0;
27052
26969
  max-height: 300px;
26970
+ font-size: 1rem;
26971
+ line-height: 1.5;
27053
26972
  white-space: nowrap;
27054
26973
  overflow: auto;
26974
+ list-style: none;
26975
+ }
26976
+
26977
+ .k-popup .k-multicheck-wrap .k-item,
26978
+ .k-popup .k-multicheck-wrap .k-check-all-wrap {
26979
+ padding: 0.25rem 1rem;
26980
+ display: flex;
26981
+ flex-flow: row nowrap;
27055
26982
  }
27056
26983
 
27057
26984
  .k-filter-selected-items {
@@ -27080,6 +27007,50 @@ div.k-grid-norecords {
27080
27007
  width: 0 !important;
27081
27008
  }
27082
27009
 
27010
+ .k-column-menu-popup,
27011
+ .k-grid-columnmenu-popup {
27012
+ width: 250px;
27013
+ box-sizing: border-box;
27014
+ }
27015
+
27016
+ .k-column-menu-popup.k-popup,
27017
+ .k-grid-columnmenu-popup.k-popup {
27018
+ }
27019
+
27020
+ .k-popup > .k-column-menu-popup, .k-popup >
27021
+ .k-grid-columnmenu-popup {
27022
+ width: 100%;
27023
+ }
27024
+
27025
+ .k-column-menu-popup .k-actions, .k-column-menu-popup .k-edit-buttons,
27026
+ .k-column-menu-popup .k-action-buttons,
27027
+ .k-column-menu-popup .k-columnmenu-actions, .k-column-menu-popup .k-form-buttons,
27028
+ .k-grid-columnmenu-popup .k-actions,
27029
+ .k-grid-columnmenu-popup .k-edit-buttons,
27030
+ .k-grid-columnmenu-popup .k-action-buttons,
27031
+ .k-grid-columnmenu-popup .k-columnmenu-actions,
27032
+ .k-grid-columnmenu-popup .k-form-buttons {
27033
+ margin: 0;
27034
+ }
27035
+
27036
+ .k-column-menu {
27037
+ box-sizing: border-box;
27038
+ }
27039
+
27040
+ .k-column-menu .k-menu:not(.k-context-menu) {
27041
+ font-weight: 400;
27042
+ }
27043
+
27044
+ .k-column-menu .k-expander {
27045
+ border: 0;
27046
+ background: inherit;
27047
+ }
27048
+
27049
+ .k-column-menu .k-expander .k-columnmenu-item {
27050
+ display: flex;
27051
+ align-items: center;
27052
+ }
27053
+
27083
27054
  .k-column-list {
27084
27055
  padding: 0;
27085
27056
  margin: 0;
@@ -27095,10 +27066,17 @@ div.k-grid-norecords {
27095
27066
  }
27096
27067
 
27097
27068
  .k-column-list-item {
27098
- position: relative;
27099
- display: block;
27100
27069
  margin: 0;
27070
+ display: flex;
27071
+ flex-flow: row nowrap;
27072
+ align-items: center;
27073
+ gap: 4px;
27101
27074
  cursor: pointer;
27075
+ position: relative;
27076
+ }
27077
+
27078
+ .k-column-list-item .k-checkbox-label {
27079
+ margin: 0;
27102
27080
  }
27103
27081
 
27104
27082
  .k-columns-items-wrap {
@@ -27124,23 +27102,6 @@ div.k-grid-norecords {
27124
27102
  overflow: hidden;
27125
27103
  }
27126
27104
 
27127
- .k-filter-menu .k-actions, .k-filter-menu .k-edit-buttons,
27128
- .k-filter-menu .k-action-buttons,
27129
- .k-filter-menu .k-columnmenu-actions, .k-filter-menu .k-form-buttons,
27130
- .k-column-list-wrapper .k-actions,
27131
- .k-column-list-wrapper .k-edit-buttons,
27132
- .k-column-list-wrapper .k-action-buttons,
27133
- .k-column-list-wrapper .k-columnmenu-actions,
27134
- .k-column-list-wrapper .k-form-buttons,
27135
- .k-columnmenu-item-content .k-actions,
27136
- .k-columnmenu-item-content .k-edit-buttons,
27137
- .k-columnmenu-item-content .k-action-buttons,
27138
- .k-columnmenu-item-content .k-columnmenu-actions,
27139
- .k-columnmenu-item-content .k-form-buttons {
27140
- margin-top: 0.25rem;
27141
- padding: 0.5rem 1.5rem;
27142
- }
27143
-
27144
27105
  .k-column-menu-group-header {
27145
27106
  padding: 0.25rem 1rem;
27146
27107
  display: flex;
@@ -27161,20 +27122,6 @@ div.k-grid-norecords {
27161
27122
  flex: 1 1 auto;
27162
27123
  }
27163
27124
 
27164
- .k-column-menu .k-menu:not(.k-context-menu) {
27165
- font-weight: 400;
27166
- }
27167
-
27168
- .k-column-menu .k-expander {
27169
- border: 0;
27170
- background: inherit;
27171
- }
27172
-
27173
- .k-column-menu .k-expander .k-columnmenu-item {
27174
- display: flex;
27175
- align-items: center;
27176
- }
27177
-
27178
27125
  [dir="rtl"] .k-columnmenu-item > .k-icon,
27179
27126
  .k-rtl .k-columnmenu-item > .k-icon {
27180
27127
  margin-left: 0.5rem;
@@ -27591,7 +27538,7 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
27591
27538
  .k-listview {
27592
27539
  margin: 0;
27593
27540
  padding: 0;
27594
- border-width: 1px;
27541
+ border-width: 0;
27595
27542
  border-style: solid;
27596
27543
  box-sizing: border-box;
27597
27544
  outline: 0;
@@ -27610,7 +27557,6 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
27610
27557
 
27611
27558
  .k-listview-header {
27612
27559
  border-width: 0;
27613
- border-bottom-width: 1px;
27614
27560
  border-style: solid;
27615
27561
  border-color: inherit;
27616
27562
  }
@@ -27676,7 +27622,6 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
27676
27622
 
27677
27623
  .k-listview-footer {
27678
27624
  border-width: 0;
27679
- border-top-width: 1px;
27680
27625
  border-style: solid;
27681
27626
  border-color: inherit;
27682
27627
  }
@@ -27687,16 +27632,10 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
27687
27632
 
27688
27633
  .k-listview-pager {
27689
27634
  border-width: 0;
27690
- border-top-width: 1px;
27691
27635
  border-color: inherit;
27692
27636
  font: inherit;
27693
27637
  }
27694
27638
 
27695
- .k-listview-pager-top {
27696
- border-top-width: 0;
27697
- border-bottom-width: 1px;
27698
- }
27699
-
27700
27639
  .k-listview-bordered > .k-listview-pager-top {
27701
27640
  border-bottom-width: 1px;
27702
27641
  }
@@ -28002,6 +27941,7 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
28002
27941
  font-family: Arial, Verdana, Sans-serif;
28003
27942
  flex: 1;
28004
27943
  position: relative;
27944
+ overflow: hidden;
28005
27945
  }
28006
27946
 
28007
27947
  .k-spreadsheet-view .k-state-disabled {
@@ -28359,39 +28299,56 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
28359
28299
  overflow: visible;
28360
28300
  }
28361
28301
 
28362
- .k-spreadsheet-filter-menu .k-details {
28302
+ .k-spreadsheet-filter-menu .k-details,
28303
+ .k-spreadsheet-filter-menu .k-expander {
28363
28304
  padding: 0;
28364
28305
  border-width: 1px 0 0;
28365
28306
  border-style: solid;
28366
28307
  border-color: inherit;
28367
28308
  }
28368
28309
 
28369
- .k-spreadsheet-filter-menu .k-details-summary {
28370
- padding: 0.5rem;
28310
+ .k-spreadsheet-filter-menu .k-expander {
28311
+ border: 0;
28312
+ background: inherit;
28313
+ }
28314
+
28315
+ .k-spreadsheet-filter-menu .k-details-summary,
28316
+ .k-spreadsheet-filter-menu .k-columnmenu-item {
28317
+ padding: 0.25rem 1rem;
28318
+ display: flex;
28319
+ align-items: center;
28371
28320
  cursor: pointer;
28372
28321
  }
28373
28322
 
28374
- .k-spreadsheet-filter-menu .k-details-summary > .k-icon {
28323
+ .k-spreadsheet-filter-menu .k-details-summary > .k-icon,
28324
+ .k-spreadsheet-filter-menu .k-columnmenu-item > .k-icon {
28375
28325
  margin-right: 0.5rem;
28376
28326
  }
28377
28327
 
28378
- .k-spreadsheet-filter-menu .k-details-content {
28379
- padding: 0.5rem 1rem 0.5rem calc(16px + 1rem);
28328
+ .k-spreadsheet-filter-menu .k-details-content,
28329
+ .k-spreadsheet-filter-menu .k-columnmenu-item-content {
28330
+ padding: 0.5rem;
28331
+ display: flex;
28332
+ flex-flow: column nowrap;
28333
+ gap: 0.5rem;
28380
28334
  }
28381
28335
 
28382
- .k-spreadsheet-filter-menu .k-details-content > .k-textbox,
28383
- .k-spreadsheet-filter-menu .k-details-content > .k-widget {
28384
- width: 100%;
28385
- margin-bottom: 3px;
28336
+ .k-spreadsheet-filter-menu .k-details-content .k-filter-and,
28337
+ .k-spreadsheet-filter-menu .k-columnmenu-item-content .k-filter-and {
28338
+ width: min-content;
28339
+ align-self: flex-start;
28386
28340
  }
28387
28341
 
28388
- .k-spreadsheet-filter-menu .k-details-content .k-space-right {
28389
- background-image: none;
28342
+ .k-spreadsheet-filter-menu .k-details-content .k-searchbox,
28343
+ .k-spreadsheet-filter-menu .k-columnmenu-item-content .k-searchbox {
28344
+ width: 100%;
28390
28345
  }
28391
28346
 
28392
- .k-spreadsheet-filter-menu .k-details-content .k-filter-and {
28393
- width: 75px;
28394
- margin: 8px 0;
28347
+ .k-spreadsheet-filter-menu .k-actions, .k-spreadsheet-filter-menu .k-edit-buttons,
28348
+ .k-spreadsheet-filter-menu .k-action-buttons,
28349
+ .k-spreadsheet-filter-menu .k-columnmenu-actions, .k-spreadsheet-filter-menu .k-form-buttons {
28350
+ margin: 0;
28351
+ padding: 0;
28395
28352
  }
28396
28353
 
28397
28354
  .k-spreadsheet-popup {
@@ -29766,9 +29723,8 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
29766
29723
 
29767
29724
  .k-pivot-toolbar .k-button.k-state-selected,
29768
29725
  .k-fieldselector .k-list li.k-item.k-state-selected {
29769
- border-color: #0252c9;
29770
- color: white;
29771
- background-color: #0257d5;
29726
+ border-color: #bfc6d0;
29727
+ background-color: #c7cdd5;
29772
29728
  }
29773
29729
 
29774
29730
  .k-pivot-toolbar .k-button:focus, .k-pivot-toolbar .k-button.k-state-focus, .k-pivot-toolbar .k-button.k-state-focused,
@@ -30734,10 +30690,6 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
30734
30690
  }
30735
30691
 
30736
30692
  .k-editor-toolbar .k-overflow-tools .k-overflow-anchor {
30737
- border-width: 0;
30738
- padding: 0.5rem;
30739
- width: calc(1.5em + 1.75rem + 2px);
30740
- height: calc(1.5em + 1.75rem + 2px);
30741
30693
  position: relative;
30742
30694
  }
30743
30695
 
@@ -30874,10 +30826,6 @@ td.k-editor-content {
30874
30826
  padding: 10px 0 40px;
30875
30827
  }
30876
30828
 
30877
- .k-editor-find-replace .k-search-options > span {
30878
- padding-bottom: 0.5rem;
30879
- }
30880
-
30881
30829
  .k-editor-find-replace .k-matches-container {
30882
30830
  position: absolute;
30883
30831
  bottom: 0;
@@ -31089,7 +31037,7 @@ td.k-editor-content {
31089
31037
  }
31090
31038
 
31091
31039
  .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdown, .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdowntree {
31092
- width: 4em;
31040
+ width: 5em;
31093
31041
  }
31094
31042
 
31095
31043
  .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 {
@@ -31824,7 +31772,7 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
31824
31772
  }
31825
31773
 
31826
31774
  .k-gantt-tasks td::after {
31827
- content: "\a0";
31775
+ content: "\200b";
31828
31776
  }
31829
31777
 
31830
31778
  .k-task-wrap {
@@ -33341,7 +33289,7 @@ kendo-scheduler .k-event .k-event-bottom-actions,
33341
33289
  }
33342
33290
 
33343
33291
  .k-recurrence-editor {
33344
- display: inline-flex;
33292
+ display: flex;
33345
33293
  flex-direction: column;
33346
33294
  }
33347
33295
 
@@ -33550,7 +33498,7 @@ kendo-scheduler .k-recurrence-editor {
33550
33498
  }
33551
33499
 
33552
33500
  .k-scheduler-edit-form .k-edit-form-container {
33553
- width: 620px;
33501
+ width: 100%;
33554
33502
  }
33555
33503
 
33556
33504
  .k-scheduler-edit-form .k-edit-label {
@@ -33561,23 +33509,36 @@ kendo-scheduler .k-recurrence-editor {
33561
33509
  width: 77%;
33562
33510
  }
33563
33511
 
33564
- .k-scheduler-edit-form .k-scheduler-delete {
33565
- float: left;
33512
+ .k-scheduler-edit-form .k-edit-field > ul > li {
33513
+ display: flex;
33514
+ flex-flow: row nowrap;
33515
+ align-items: center;
33516
+ }
33517
+
33518
+ .k-scheduler-edit-form .k-recurrence-editor .k-radio-list .k-radio-wrap,
33519
+ .k-scheduler-edit-form .k-recurrence-editor .k-checkbox-list .k-checkbox-wrap {
33520
+ align-self: center;
33566
33521
  }
33567
33522
 
33568
- .k-scheduler-edit-form .k-widget.k-recur-interval,
33569
- .k-scheduler-edit-form .k-widget.k-recur-count,
33570
- .k-scheduler-edit-form .k-widget.k-recur-monthday {
33523
+ .k-scheduler-edit-form .k-recur-interval,
33524
+ .k-scheduler-edit-form .k-recur-count,
33525
+ .k-scheduler-edit-form .k-recur-monthday {
33571
33526
  width: 5em;
33572
33527
  }
33573
33528
 
33574
- .k-scheduler-edit-form .k-widget.k-recur-until,
33575
- .k-scheduler-edit-form .k-widget.k-recur-month,
33576
- .k-scheduler-edit-form .k-widget.k-recur-weekday,
33577
- .k-scheduler-edit-form .k-widget.k-recur-weekday-offset {
33529
+ .k-scheduler-edit-form .k-recur-until,
33530
+ .k-scheduler-edit-form .k-recur-month,
33531
+ .k-scheduler-edit-form .k-recur-weekday,
33532
+ .k-scheduler-edit-form .k-recur-weekday-offset {
33578
33533
  width: 10em;
33579
33534
  }
33580
33535
 
33536
+ .k-scheduler-edit-form .k-scheduler-datetime-picker {
33537
+ display: flex;
33538
+ flex-flow: row nowrap;
33539
+ gap: 0.5rem;
33540
+ }
33541
+
33581
33542
  .k-rtl .k-scheduler-header th,
33582
33543
  .k-rtl .k-scheduler-table td {
33583
33544
  border-width: 0 1px 1px 0;
@@ -33818,9 +33779,8 @@ ul.k-scheduler-views li:hover, ul.k-scheduler-views li.k-state-hover {
33818
33779
  }
33819
33780
 
33820
33781
  ul.k-scheduler-views li.k-state-selected {
33821
- border-color: #0252c9;
33822
- color: white;
33823
- background-color: #0257d5;
33782
+ border-color: #bfc6d0;
33783
+ background-color: #c7cdd5;
33824
33784
  }
33825
33785
 
33826
33786
  ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-scheduler-views li.k-state-focused {
@@ -34202,7 +34162,8 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
34202
34162
  box-sizing: border-box;
34203
34163
  border-width: 1px 0 0;
34204
34164
  border-style: solid;
34205
- border-radius: 0;
34165
+ border-color: inherit !important;
34166
+ border-radius: 0 !important;
34206
34167
  flex: none;
34207
34168
  display: flex;
34208
34169
  flex-flow: row nowrap;
@@ -34215,6 +34176,7 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
34215
34176
  }
34216
34177
 
34217
34178
  .k-message-box .k-button {
34179
+ border-width: 0;
34218
34180
  flex-shrink: 0;
34219
34181
  }
34220
34182
 
@@ -34225,10 +34187,6 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
34225
34187
  display: inline-block;
34226
34188
  }
34227
34189
 
34228
- .k-message-box .k-button::before, .k-message-box .k-button::after {
34229
- display: none;
34230
- }
34231
-
34232
34190
  .k-rtl .k-message-box .k-button, .k-message-box .k-button[dir="rtl"] {
34233
34191
  transform: scaleX(-1);
34234
34192
  }
@@ -34345,9 +34303,6 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
34345
34303
 
34346
34304
  .k-chat-toolbar .k-button,
34347
34305
  .k-chat .k-toolbar-box .k-button {
34348
- border-color: transparent;
34349
- color: inherit;
34350
- background: none;
34351
34306
  flex: none;
34352
34307
  }
34353
34308
 
@@ -34510,16 +34465,6 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
34510
34465
  background-color: #0d6efd;
34511
34466
  }
34512
34467
 
34513
- .k-chat .k-message-box {
34514
- border-color: inherit;
34515
- color: #495057;
34516
- background-color: #ffffff;
34517
- }
34518
-
34519
- .k-chat .k-message-box.k-state-focused {
34520
- box-shadow: 0 0 40px rgba(73, 80, 87, 0.1);
34521
- }
34522
-
34523
34468
  .k-chat-toolbar,
34524
34469
  .k-chat .k-toolbar-box {
34525
34470
  border-color: inherit;
@@ -34527,17 +34472,6 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
34527
34472
  background-color: #f8f9fa;
34528
34473
  }
34529
34474
 
34530
- .k-chat-toolbar .k-scroll-button,
34531
- .k-chat .k-toolbar-box .k-scroll-button {
34532
- background-color: #fafafa;
34533
- box-shadow: 0 0 20px 5px #fafafa;
34534
- }
34535
-
34536
- .k-chat-toolbar .k-scroll-button:hover,
34537
- .k-chat .k-toolbar-box .k-scroll-button:hover {
34538
- background-color: #fafafa;
34539
- }
34540
-
34541
34475
  .k-mediaplayer {
34542
34476
  border-width: 1px;
34543
34477
  border-style: solid;
@@ -35178,50 +35112,35 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
35178
35112
 
35179
35113
  .k-pdf-viewer-search-dialog .k-search-container {
35180
35114
  display: flex;
35115
+ gap: 0.5rem;
35116
+ flex-flow: row nowrap;
35181
35117
  flex: 0 0 auto;
35182
35118
  justify-content: flex-start;
35183
35119
  align-items: center;
35184
35120
  }
35185
35121
 
35186
- .k-pdf-viewer-search-dialog .k-search-container .k-textbox {
35187
- display: inline-flex;
35188
- padding-right: 0.375rem;
35189
- margin: 0 0.5rem;
35190
- align-items: center;
35191
- background: none;
35192
- }
35193
-
35194
- .k-pdf-viewer-search-dialog .k-search-container .k-textbox .k-icon {
35195
- position: absolute;
35196
- font-size: inherit;
35122
+ .k-pdf-viewer-search-dialog .k-search-container .k-search-dialog-draghandle {
35123
+ cursor: move;
35124
+ margin-left: 0;
35197
35125
  }
35198
35126
 
35199
- .k-ie .k-pdf-viewer-search-dialog .k-search-container .k-textbox .k-icon {
35200
- position: relative;
35127
+ .k-pdf-viewer-search-dialog .k-search-container .k-textbox {
35128
+ width: 10em;
35129
+ flex: none;
35201
35130
  }
35202
35131
 
35203
- .k-pdf-viewer-search-dialog .k-search-container .k-match-case-button {
35204
- display: inline-flex;
35205
- height: 1.5em;
35206
- justify-content: center;
35132
+ .k-pdf-viewer-search-dialog .k-search-container .k-textbox .k-button {
35133
+ border-width: 0;
35207
35134
  }
35208
35135
 
35209
35136
  .k-pdf-viewer-search-dialog .k-search-container .k-search-matches {
35210
- display: inline-block;
35211
- min-width: 4.5em;
35212
- margin: 0 0.5rem 0 0.5rem;
35213
- vertical-align: middle;
35137
+ flex: 1 1 auto;
35214
35138
  }
35215
35139
 
35216
- .k-pdf-viewer-search-dialog .k-search-container > .k-button {
35140
+ .k-ie .k-pdf-viewer-search-dialog .k-search-container > * + * {
35217
35141
  margin-left: 0.5rem;
35218
35142
  }
35219
35143
 
35220
- .k-pdf-viewer-search-dialog .k-search-container .k-search-dialog-draghandle {
35221
- cursor: move;
35222
- margin-left: 0;
35223
- }
35224
-
35225
35144
  .k-pdf-viewer {
35226
35145
  border-color: #dee2e6;
35227
35146
  color: #212529;
@@ -36402,6 +36321,11 @@ kendo-scrollview.k-scrollview-wrap.k-scrollview-light .k-scrollview-nav-wrap,
36402
36321
  position: absolute;
36403
36322
  }
36404
36323
 
36324
+ .k-navigator .k-button .k-icon {
36325
+ min-width: 0;
36326
+ min-height: 0;
36327
+ }
36328
+
36405
36329
  .k-navigator .k-navigator-n,
36406
36330
  .k-navigator .k-navigator-up {
36407
36331
  transform: translateX(-50%);
@@ -36520,12 +36444,10 @@ kendo-scrollview.k-scrollview-wrap.k-scrollview-light .k-scrollview-nav-wrap,
36520
36444
 
36521
36445
  .k-orgchart-card .k-card-title {
36522
36446
  margin: 0 0 0px;
36523
- font-size: 1rem;
36524
36447
  }
36525
36448
 
36526
36449
  .k-orgchart-card .k-card-subtitle {
36527
36450
  margin: 0 0 0px;
36528
- font-size: 1rem;
36529
36451
  }
36530
36452
 
36531
36453
  .k-orgchart-card .k-card-body {