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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/all.css CHANGED
@@ -1,4 +1,3 @@
1
- @charset "UTF-8";
2
1
  .k-theme-test-class,
3
2
  .k-common-test-class {
4
3
  opacity: 0;
@@ -967,16 +966,6 @@ kendo-sortable {
967
966
  bottom: -4px;
968
967
  }
969
968
 
970
- .k-loading {
971
- width: 64px;
972
- height: 64px;
973
- display: block;
974
- }
975
-
976
- .k-loading .animate {
977
- animation: loading 2s infinite linear;
978
- }
979
-
980
969
  .k-loading-mask,
981
970
  .k-loading-image,
982
971
  .k-loading-color {
@@ -1063,7 +1052,7 @@ kendo-sortable {
1063
1052
  .k-loading-image::after {
1064
1053
  content: "";
1065
1054
  border-width: 1px;
1066
- border-width: max( 1px, .015em );
1055
+ border-width: clamp(0.015em, 1px, 1px);
1067
1056
  font-size: 4em;
1068
1057
  }
1069
1058
 
@@ -10493,99 +10482,18 @@ kendo-sortable {
10493
10482
  -webkit-appearance: none;
10494
10483
  }
10495
10484
 
10496
- .k-checkbox-sm {
10497
- width: 12px;
10498
- height: 12px;
10499
- }
10500
-
10501
- .k-checkbox-sm + .k-checkbox-label .k-ripple {
10502
- top: 6px;
10503
- left: 6px;
10504
- width: 30px;
10505
- height: 30px;
10506
- }
10507
-
10508
- .k-checkbox-sm::before {
10509
- content: "";
10510
- width: 10px;
10511
- height: 10px;
10512
- font-size: 10px;
10513
- font-family: "WebComponentsIcons", monospace;
10514
- line-height: 1;
10515
- transform: scale(0) translate(-50%, -50%);
10516
- overflow: hidden;
10517
- position: absolute;
10518
- top: 50%;
10519
- left: 50%;
10520
- }
10521
-
10522
- .k-checkbox-md {
10523
- width: 16px;
10524
- height: 16px;
10525
- }
10526
-
10527
- .k-checkbox-md + .k-checkbox-label .k-ripple {
10528
- top: 8px;
10529
- left: 8px;
10530
- width: 40px;
10531
- height: 40px;
10532
- }
10533
-
10534
- .k-checkbox-md::before {
10535
- content: "";
10536
- width: 14px;
10537
- height: 14px;
10538
- font-size: 14px;
10539
- font-family: "WebComponentsIcons", monospace;
10540
- line-height: 1;
10541
- transform: scale(0) translate(-50%, -50%);
10542
- overflow: hidden;
10543
- position: absolute;
10544
- top: 50%;
10545
- left: 50%;
10546
- }
10547
-
10548
- .k-checkbox-lg {
10549
- width: 24px;
10550
- height: 24px;
10551
- }
10552
-
10553
- .k-checkbox-lg + .k-checkbox-label .k-ripple {
10554
- top: 12px;
10555
- left: 12px;
10556
- width: 60px;
10557
- height: 60px;
10558
- }
10559
-
10560
- .k-checkbox-lg::before {
10561
- content: "";
10562
- width: 22px;
10563
- height: 22px;
10564
- font-size: 22px;
10565
- font-family: "WebComponentsIcons", monospace;
10566
- line-height: 1;
10567
- transform: scale(0) translate(-50%, -50%);
10568
- overflow: hidden;
10569
- position: absolute;
10570
- top: 50%;
10571
- left: 50%;
10572
- }
10573
-
10574
- .k-checkbox:checked::before,
10575
- .k-checkbox.k-checked::before {
10576
- transform: scale(1) translate(-50%, -50%);
10485
+ .k-checkbox:checked,
10486
+ .k-checkbox.k-checked {
10487
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M3,8 l3,3 l7-7'/%3e%3c/svg%3e");
10577
10488
  }
10578
10489
 
10579
- .k-checkbox:indeterminate::before,
10580
- .k-checkbox.k-indeterminate::before {
10581
- content: "";
10582
- transform: scale(1) translate(-50%, -50%);
10490
+ .k-checkbox:indeterminate,
10491
+ .k-checkbox.k-indeterminate {
10492
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23f35800' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M4,8 h8'/%3e%3c/svg%3e");
10583
10493
  }
10584
10494
 
10585
10495
  .k-checkbox:disabled,
10586
- .k-checkbox.k-disabled,
10587
- .k-checkbox:disabled + .k-checkbox-label,
10588
- .k-checkbox.k-disabled + .k-checkbox-label {
10496
+ .k-checkbox.k-disabled {
10589
10497
  outline: none;
10590
10498
  cursor: default;
10591
10499
  opacity: 0.6;
@@ -10600,6 +10508,9 @@ kendo-sortable {
10600
10508
  flex-flow: row nowrap;
10601
10509
  gap: 0;
10602
10510
  align-items: center;
10511
+ align-self: flex-start;
10512
+ vertical-align: middle;
10513
+ position: relative;
10603
10514
  }
10604
10515
 
10605
10516
  .k-checkbox-wrap::before {
@@ -10614,57 +10525,24 @@ kendo-sortable {
10614
10525
  .k-checkbox-label {
10615
10526
  margin: 0;
10616
10527
  padding: 0;
10617
- line-height: 17px;
10618
10528
  display: inline-flex;
10619
10529
  align-items: flex-start;
10530
+ gap: 4px;
10620
10531
  vertical-align: middle;
10621
10532
  position: relative;
10622
10533
  cursor: pointer;
10623
10534
  }
10624
10535
 
10625
- .k-checkbox-label .k-label {
10626
- cursor: pointer;
10627
- }
10628
-
10629
10536
  .k-checkbox-label .k-ripple {
10630
- right: auto;
10631
- bottom: auto;
10632
- transform: translate(-50%, -50%);
10633
- border-radius: 50%;
10634
10537
  visibility: hidden !important;
10635
10538
  }
10636
10539
 
10637
- .k-checkbox-label .k-ripple-blob {
10638
- top: 50% !important;
10639
- left: 50% !important;
10640
- width: 200% !important;
10641
- height: 200% !important;
10642
- }
10643
-
10644
- .k-checkbox + .k-checkbox-label {
10645
- display: inline;
10646
- }
10647
-
10540
+ .k-checkbox + .k-label,
10541
+ .k-checkbox-wrap + .k-label,
10648
10542
  .k-checkbox + .k-checkbox-label,
10649
- .k-checkbox-label + .k-checkbox {
10650
- margin-left: 4px;
10651
- }
10652
-
10653
- .k-checkbox-label > .k-checkbox {
10654
- margin-right: 4px;
10655
- flex-shrink: 0;
10656
- }
10657
-
10658
- kendo-label.k-checkbox-label > .k-checkbox:last-child {
10659
- margin-right: 0;
10660
- }
10661
-
10662
- kendo-label.k-checkbox-label > .k-label:first-child {
10663
- margin-right: 4px;
10664
- }
10665
-
10666
- kendo-label.k-checkbox-label > .k-label {
10543
+ .k-checkbox-wrap + .k-checkbox-label {
10667
10544
  display: inline;
10545
+ margin-inline-start: 4px;
10668
10546
  }
10669
10547
 
10670
10548
  .k-checkbox-label:empty {
@@ -10696,7 +10574,7 @@ kendo-label.k-checkbox-label > .k-label {
10696
10574
 
10697
10575
  .k-checkbox-item .k-checkbox-label,
10698
10576
  .k-checkbox-list-item .k-checkbox-label {
10699
- line-height: inherit;
10577
+ margin: 0;
10700
10578
  }
10701
10579
 
10702
10580
  .k-checkbox-list-horizontal,
@@ -10706,89 +10584,78 @@ kendo-label.k-checkbox-label > .k-label {
10706
10584
  gap: 16px;
10707
10585
  }
10708
10586
 
10709
- [dir="rtl"] .k-checkbox + .k-checkbox-label,
10710
- [dir="rtl"] .k-checkbox-label + .k-checkbox {
10711
- margin-left: 0;
10712
- margin-right: 4px;
10587
+ .k-ripple-container .k-checkbox::after {
10588
+ content: "";
10589
+ display: block;
10590
+ position: absolute;
10591
+ left: 50%;
10592
+ top: 50%;
10593
+ border-radius: 100%;
10594
+ z-index: -1;
10595
+ transition: opacity 100ms linear, transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
10596
+ transform: translate(-50%, -50%) scale(0);
10597
+ transform-origin: center center;
10713
10598
  }
10714
10599
 
10715
- [dir="rtl"] .k-checkbox-label > .k-checkbox {
10716
- margin-right: 0;
10717
- margin-left: 4px;
10600
+ .k-ripple-container .k-checkbox:focus,
10601
+ .k-ripple-container .k-checkbox.k-focus {
10602
+ box-shadow: none !important;
10718
10603
  }
10719
10604
 
10720
- [dir="rtl"] kendo-label.k-checkbox-label > .k-checkbox:last-child {
10721
- margin-left: 0;
10605
+ .k-ripple-container .k-checkbox:focus::after,
10606
+ .k-ripple-container .k-checkbox.k-focus::after {
10607
+ transform: translate(-50%, -50%) scale(1);
10722
10608
  }
10723
10609
 
10724
- [dir="rtl"] kendo-label.k-checkbox-label > .k-label:first-child {
10725
- margin-right: 0;
10726
- margin-left: 4px;
10610
+ .k-ripple-container .k-checkbox:disabled::after,
10611
+ .k-ripple-container .k-checkbox.k-disabled::after {
10612
+ display: none;
10727
10613
  }
10728
10614
 
10729
- .k-ripple-container .k-checkbox-sm::after {
10730
- content: "";
10731
- display: block;
10732
- position: absolute;
10733
- left: 0;
10734
- top: 0;
10615
+ .k-checkbox-sm {
10616
+ width: 12px;
10617
+ height: 12px;
10618
+ }
10619
+
10620
+ .k-checkbox-sm::before {
10621
+ font-size: 10px;
10622
+ }
10623
+
10624
+ .k-ripple-container .k-checkbox-size::after {
10735
10625
  width: 36px;
10736
10626
  height: 36px;
10737
- margin-left: -14px;
10738
- margin-top: -14px;
10739
- border-radius: 100%;
10740
- z-index: 1;
10741
- transform: scale(0);
10742
10627
  }
10743
10628
 
10744
- .k-ripple-container .k-checkbox:disabled::after,
10745
- .k-ripple-container .k-checkbox.k-disabled::after {
10746
- display: none;
10629
+ .k-checkbox-md {
10630
+ width: 16px;
10631
+ height: 16px;
10747
10632
  }
10748
10633
 
10749
- .k-ripple-container .k-checkbox-md::after {
10750
- content: "";
10751
- display: block;
10752
- position: absolute;
10753
- left: 0;
10754
- top: 0;
10634
+ .k-checkbox-md::before {
10635
+ font-size: 14px;
10636
+ }
10637
+
10638
+ .k-ripple-container .k-checkbox-size::after {
10755
10639
  width: 48px;
10756
10640
  height: 48px;
10757
- margin-left: -18px;
10758
- margin-top: -18px;
10759
- border-radius: 100%;
10760
- z-index: 1;
10761
- transform: scale(0);
10762
10641
  }
10763
10642
 
10764
- .k-ripple-container .k-checkbox:disabled::after,
10765
- .k-ripple-container .k-checkbox.k-disabled::after {
10766
- display: none;
10643
+ .k-checkbox-lg {
10644
+ width: 20px;
10645
+ height: 20px;
10767
10646
  }
10768
10647
 
10769
- .k-ripple-container .k-checkbox-lg::after {
10770
- content: "";
10771
- display: block;
10772
- position: absolute;
10773
- left: 0;
10774
- top: 0;
10775
- width: 72px;
10776
- height: 72px;
10777
- margin-left: -26px;
10778
- margin-top: -26px;
10779
- border-radius: 100%;
10780
- z-index: 1;
10781
- transform: scale(0);
10648
+ .k-checkbox-lg::before {
10649
+ font-size: 18px;
10782
10650
  }
10783
10651
 
10784
- .k-ripple-container .k-checkbox:disabled::after,
10785
- .k-ripple-container .k-checkbox.k-disabled::after {
10786
- display: none;
10652
+ .k-ripple-container .k-checkbox-size::after {
10653
+ width: 60px;
10654
+ height: 60px;
10787
10655
  }
10788
10656
 
10789
10657
  .k-checkbox {
10790
10658
  border-color: #cacaca;
10791
- color: transparent;
10792
10659
  background-color: #ffffff;
10793
10660
  }
10794
10661
 
@@ -10816,19 +10683,22 @@ kendo-label.k-checkbox-label > .k-label {
10816
10683
  box-shadow: 0 0 0 2px rgba(243, 88, 0, 0.3);
10817
10684
  }
10818
10685
 
10819
- .k-checkbox:invalid,
10820
10686
  .k-checkbox.k-invalid {
10821
10687
  border-color: rgba(217, 40, 0, 0.5);
10822
10688
  }
10823
10689
 
10824
- .k-checkbox:invalid + .k-checkbox-label,
10825
10690
  .k-checkbox.k-invalid + .k-checkbox-label {
10826
10691
  color: #d92800;
10827
10692
  }
10828
10693
 
10694
+ .k-checkbox-wrap .k-ripple-blob {
10695
+ color: #f35800;
10696
+ opacity: 0.25;
10697
+ }
10698
+
10829
10699
  .k-ripple-container .k-checkbox::after {
10830
10700
  background: #f35800;
10831
- opacity: 0.3;
10701
+ opacity: 0.25;
10832
10702
  }
10833
10703
 
10834
10704
  .k-list {
@@ -10846,7 +10716,7 @@ kendo-label.k-checkbox-label > .k-label {
10846
10716
  border-width: 0;
10847
10717
  }
10848
10718
 
10849
- .k-list-group-sticky-header {
10719
+ .k-list-group-sticky-header, .k-list-optionlabel {
10850
10720
  border-width: 0;
10851
10721
  border-width: 0 0 1px;
10852
10722
  border-style: solid;
@@ -10857,6 +10727,7 @@ kendo-label.k-checkbox-label > .k-label {
10857
10727
  flex: none;
10858
10728
  overflow: hidden;
10859
10729
  text-overflow: ellipsis;
10730
+ cursor: pointer;
10860
10731
  }
10861
10732
 
10862
10733
  .k-list-content {
@@ -10877,7 +10748,7 @@ kendo-label.k-checkbox-label > .k-label {
10877
10748
  list-style: none;
10878
10749
  }
10879
10750
 
10880
- .k-list-item, .k-list-optionlabel {
10751
+ .k-list-item {
10881
10752
  border: 0;
10882
10753
  outline: none;
10883
10754
  cursor: pointer;
@@ -10892,11 +10763,7 @@ kendo-label.k-checkbox-label > .k-label {
10892
10763
  transition-timing-function: ease;
10893
10764
  }
10894
10765
 
10895
- .k-list-item .k-checkbox-wrap, .k-list-optionlabel .k-checkbox-wrap {
10896
- align-self: flex-start;
10897
- }
10898
-
10899
- .k-list-item.k-first::before, .k-first.k-list-optionlabel::before {
10766
+ .k-list-item.k-first::before {
10900
10767
  content: "";
10901
10768
  border-width: 1px 0 0;
10902
10769
  border-style: solid;
@@ -10941,10 +10808,9 @@ kendo-label.k-checkbox-label > .k-label {
10941
10808
  overflow-y: scroll;
10942
10809
  }
10943
10810
 
10944
- .k-virtual-list .k-list-item, .k-virtual-list .k-list-optionlabel,
10811
+ .k-virtual-list .k-list-item,
10945
10812
  .k-virtual-list .k-list-group-item,
10946
10813
  .k-virtual-content .k-list-item,
10947
- .k-virtual-content .k-list-optionlabel,
10948
10814
  .k-virtual-content .k-list-group-item {
10949
10815
  position: absolute;
10950
10816
  width: 100%;
@@ -10966,30 +10832,30 @@ kendo-label.k-checkbox-label > .k-label {
10966
10832
  }
10967
10833
 
10968
10834
  .k-list-sm {
10969
- font-size: 12px;
10835
+ font-size: 14px;
10970
10836
  }
10971
10837
 
10972
- .k-list-sm .k-list-group-sticky-header {
10973
- padding: 3px 6px;
10838
+ .k-list-sm .k-list-group-sticky-header, .k-list-sm .k-list-optionlabel {
10839
+ padding: 2px 8px;
10974
10840
  }
10975
10841
 
10976
- .k-list-sm .k-list-item, .k-list-sm .k-list-optionlabel {
10977
- padding: 3px 6px;
10842
+ .k-list-sm .k-list-item {
10843
+ padding: 2px 8px;
10978
10844
  }
10979
10845
 
10980
10846
  .k-list-sm .k-list-group-item {
10981
- padding: 3px 6px;
10847
+ padding: 2px 8px;
10982
10848
  }
10983
10849
 
10984
10850
  .k-list-md {
10985
10851
  font-size: 14px;
10986
10852
  }
10987
10853
 
10988
- .k-list-md .k-list-group-sticky-header {
10854
+ .k-list-md .k-list-group-sticky-header, .k-list-md .k-list-optionlabel {
10989
10855
  padding: 4px 8px;
10990
10856
  }
10991
10857
 
10992
- .k-list-md .k-list-item, .k-list-md .k-list-optionlabel {
10858
+ .k-list-md .k-list-item {
10993
10859
  padding: 4px 8px;
10994
10860
  }
10995
10861
 
@@ -11001,19 +10867,19 @@ kendo-label.k-checkbox-label > .k-label {
11001
10867
  font-size: 14px;
11002
10868
  }
11003
10869
 
11004
- .k-list-lg .k-list-group-sticky-header {
11005
- padding: 5px 10px;
10870
+ .k-list-lg .k-list-group-sticky-header, .k-list-lg .k-list-optionlabel {
10871
+ padding: 6px 8px;
11006
10872
  }
11007
10873
 
11008
- .k-list-lg .k-list-item, .k-list-lg .k-list-optionlabel {
11009
- padding: 5px 10px;
10874
+ .k-list-lg .k-list-item {
10875
+ padding: 6px 8px;
11010
10876
  }
11011
10877
 
11012
10878
  .k-list-lg .k-list-group-item {
11013
- padding: 5px 10px;
10879
+ padding: 6px 8px;
11014
10880
  }
11015
10881
 
11016
- .k-no-data {
10882
+ .k-no-data, .k-nodata {
11017
10883
  min-height: 138px;
11018
10884
  display: flex;
11019
10885
  align-items: center;
@@ -11029,25 +10895,25 @@ kendo-label.k-checkbox-label > .k-label {
11029
10895
  background-color: #ffffff;
11030
10896
  }
11031
10897
 
11032
- .k-list-group-sticky-header {
10898
+ .k-list-group-sticky-header, .k-list-optionlabel {
11033
10899
  border-color: inherit;
11034
10900
  }
11035
10901
 
11036
- .k-list-item:hover, .k-list-optionlabel:hover, .k-list-item.k-hover, .k-hover.k-list-optionlabel {
10902
+ .k-list-item:hover, .k-list-item.k-hover {
11037
10903
  color: #272727;
11038
10904
  background-color: #dddddd;
11039
10905
  }
11040
10906
 
11041
- .k-list-item:focus, .k-list-optionlabel:focus, .k-list-item.k-focus, .k-focus.k-list-optionlabel {
10907
+ .k-list-item:focus, .k-list-item.k-focus {
11042
10908
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
11043
10909
  }
11044
10910
 
11045
- .k-list-item.k-selected, .k-selected.k-list-optionlabel {
10911
+ .k-list-item.k-selected {
11046
10912
  color: white;
11047
10913
  background-color: #f35800;
11048
10914
  }
11049
10915
 
11050
- .k-list-item.k-selected:hover, .k-selected.k-list-optionlabel:hover, .k-list-item.k-selected.k-hover, .k-selected.k-hover.k-list-optionlabel {
10916
+ .k-list-item.k-selected:hover, .k-list-item.k-selected.k-hover {
11051
10917
  color: white;
11052
10918
  background-color: #e05100;
11053
10919
  }
@@ -11061,7 +10927,7 @@ kendo-label.k-checkbox-label > .k-label {
11061
10927
  background-color: #272727;
11062
10928
  }
11063
10929
 
11064
- .k-no-data {
10930
+ .k-no-data, .k-nodata {
11065
10931
  color: #646464;
11066
10932
  }
11067
10933
 
@@ -11765,6 +11631,7 @@ kendo-badge-container {
11765
11631
  outline: none;
11766
11632
  -webkit-appearance: none;
11767
11633
  position: relative;
11634
+ transition: color 0.2s ease-in-out;
11768
11635
  }
11769
11636
 
11770
11637
  .k-button:disabled, .k-button.k-disabled {
@@ -11798,10 +11665,29 @@ kendo-badge-container {
11798
11665
  position: relative;
11799
11666
  }
11800
11667
 
11668
+ .k-button-arrow {
11669
+ padding-left: 4px;
11670
+ padding-right: 4px;
11671
+ flex: none;
11672
+ display: inline-flex;
11673
+ align-items: center;
11674
+ justify-content: center;
11675
+ }
11676
+
11677
+ .k-button > .k-button-arrow {
11678
+ margin-inline-start: -4px;
11679
+ margin-inline-end: -8px;
11680
+ }
11681
+
11682
+ .k-icon-button > .k-button-arrow {
11683
+ margin-inline-start: 0;
11684
+ margin-inline-end: -4px;
11685
+ }
11686
+
11801
11687
  .k-button-sm {
11802
- padding: 2px 4px;
11803
- font-size: 12px;
11804
- line-height: 1.5;
11688
+ padding: 2px 8px;
11689
+ font-size: 14px;
11690
+ line-height: 1.4285714286;
11805
11691
  }
11806
11692
 
11807
11693
  .k-button-md {
@@ -11811,9 +11697,9 @@ kendo-badge-container {
11811
11697
  }
11812
11698
 
11813
11699
  .k-button-lg {
11814
- padding: 6px 12px;
11815
- font-size: 16px;
11816
- line-height: 1.5;
11700
+ padding: 6px 8px;
11701
+ font-size: 14px;
11702
+ line-height: 1.4285714286;
11817
11703
  }
11818
11704
 
11819
11705
  .k-icon-button.k-button-sm {
@@ -11821,8 +11707,8 @@ kendo-badge-container {
11821
11707
  }
11822
11708
 
11823
11709
  .k-icon-button.k-button-sm > .k-button-icon {
11824
- min-width: 18px;
11825
- min-height: 18px;
11710
+ min-width: 20.0000000004px;
11711
+ min-height: 20.0000000004px;
11826
11712
  }
11827
11713
 
11828
11714
  .k-icon-button.k-button-md {
@@ -11839,8 +11725,8 @@ kendo-badge-container {
11839
11725
  }
11840
11726
 
11841
11727
  .k-icon-button.k-button-lg > .k-button-icon {
11842
- min-width: 24px;
11843
- min-height: 24px;
11728
+ min-width: 20.0000000004px;
11729
+ min-height: 20.0000000004px;
11844
11730
  }
11845
11731
 
11846
11732
  .k-button-square {
@@ -11870,67 +11756,66 @@ kendo-badge-container {
11870
11756
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
11871
11757
  }
11872
11758
 
11873
- .k-button-group .k-button:not(:first-child):not(:last-child) {
11874
- border-radius: 0;
11875
- }
11876
-
11877
- .k-button-group .k-button ~ .k-button {
11759
+ .k-button-group > .k-button + .k-button {
11878
11760
  margin-inline-start: -1px;
11879
11761
  }
11880
11762
 
11881
- .k-button-group .k-button:hover,
11882
- .k-button-group .k-button.k-hover,
11883
- .k-button-group .k-button:active,
11884
- .k-button-group .k-button.k-active,
11885
- .k-button-group .k-button.k-selected,
11886
- .k-button-group .k-button:focus,
11887
- .k-button-group .k-button.k-focus {
11763
+ .k-button-group > .k-button:hover,
11764
+ .k-button-group > .k-button.k-hover,
11765
+ .k-button-group > .k-button:focus,
11766
+ .k-button-group > .k-button.k-focus,
11767
+ .k-button-group > .k-button:active,
11768
+ .k-button-group > .k-button.k-active,
11769
+ .k-button-group > .k-button.k-selected {
11888
11770
  z-index: 2;
11889
11771
  }
11890
11772
 
11891
- .k-button-group .k-group-start:not(:only-child),
11892
- .k-button-group .k-button:first-child:not(:only-child) {
11893
- border-top-right-radius: 0;
11894
- border-bottom-right-radius: 0;
11773
+ .k-button-group .k-button:not(:first-child):not(:last-child) {
11774
+ border-start-end-radius: 0;
11775
+ border-end-end-radius: 0;
11776
+ border-start-start-radius: 0;
11777
+ border-end-start-radius: 0;
11895
11778
  }
11896
11779
 
11897
- .k-button-group .k-group-end:not(:only-child),
11898
- .k-button-group .k-button:last-child:not(:only-child) {
11899
- border-top-left-radius: 0;
11900
- border-bottom-left-radius: 0;
11780
+ .k-button-group > .k-button:first-child:not(:only-child) {
11781
+ border-start-end-radius: 0;
11782
+ border-end-end-radius: 0;
11901
11783
  }
11902
11784
 
11903
- .k-button-group-stretched {
11904
- display: flex;
11785
+ .k-button-group > .k-button:last-child:not(:only-child) {
11786
+ border-start-start-radius: 0;
11787
+ border-end-start-radius: 0;
11905
11788
  }
11906
11789
 
11907
- .k-button-group-stretched .k-button {
11908
- display: inline-block;
11909
- flex: 1 0 0%;
11910
- overflow: hidden;
11911
- text-overflow: ellipsis;
11790
+ .k-button-group:disabled, .k-button-group[disabled], .k-button-group.k-disabled {
11791
+ opacity: 1;
11792
+ filter: none;
11912
11793
  }
11913
11794
 
11914
- .k-button-group-stretched .k-button > .k-icon {
11915
- vertical-align: text-bottom;
11795
+ .k-button-group-stretched {
11796
+ width: 100%;
11916
11797
  }
11917
11798
 
11918
- .k-split-button {
11919
- border-radius: 0;
11799
+ .k-button-group-stretched > * {
11800
+ flex: 1 0 0%;
11801
+ overflow: hidden;
11920
11802
  }
11921
11803
 
11922
- .k-split-button > .k-button:first-child {
11923
- border-top-right-radius: 0;
11924
- border-bottom-right-radius: 0;
11804
+ .k-split-button .k-split-button-arrow {
11805
+ padding: 4px 4px;
11806
+ width: auto;
11807
+ flex: none;
11925
11808
  }
11926
11809
 
11927
- .k-split-button > .k-button:last-child {
11928
- border-top-left-radius: 0;
11929
- border-bottom-left-radius: 0;
11810
+ .k-split-button .k-split-button-arrow .k-button-icon {
11811
+ min-width: 0;
11930
11812
  }
11931
11813
 
11932
11814
  .k-button-flat {
11933
- transition: color 0.2s ease-in-out;
11815
+ border-color: transparent !important;
11816
+ color: inherit;
11817
+ background: none !important;
11818
+ box-shadow: none !important;
11934
11819
  }
11935
11820
 
11936
11821
  .k-button-flat::before {
@@ -11938,6 +11823,7 @@ kendo-badge-container {
11938
11823
  }
11939
11824
 
11940
11825
  .k-button-flat::after {
11826
+ box-shadow: inset 0 0 0 2px currentColor;
11941
11827
  display: block !important;
11942
11828
  }
11943
11829
 
@@ -11945,65 +11831,28 @@ kendo-badge-container {
11945
11831
  opacity: .12;
11946
11832
  }
11947
11833
 
11948
- .k-button-link, .k-button-link:hover, .k-button-link.k-hover, .k-button-link:focus, .k-button-link.k-focus {
11949
- text-decoration: underline;
11950
- }
11951
-
11952
- .k-button-link::after {
11953
- display: block !important;
11954
- }
11955
-
11956
- .k-button-link:focus::after, .k-button-link.k-focus::after {
11957
- opacity: .12;
11958
- }
11959
-
11960
- .k-rtl .k-button-group .k-button,
11961
- [dir="rtl"] .k-button-group .k-button {
11962
- border-radius: 0;
11963
- }
11964
-
11965
- .k-rtl .k-button-group .k-group-start,
11966
- .k-rtl .k-button-group .k-button:first-child,
11967
- [dir="rtl"] .k-button-group .k-group-start,
11968
- [dir="rtl"] .k-button-group .k-button:first-child {
11969
- border-top-right-radius: 2px;
11970
- border-bottom-right-radius: 2px;
11834
+ .k-button-outline {
11835
+ border-color: currentColor;
11836
+ color: inherit;
11837
+ background: none;
11971
11838
  }
11972
11839
 
11973
- .k-rtl .k-button-group .k-group-end,
11974
- .k-rtl .k-button-group .k-button:last-child,
11975
- [dir="rtl"] .k-button-group .k-group-end,
11976
- [dir="rtl"] .k-button-group .k-button:last-child {
11977
- border-top-left-radius: 2px;
11978
- border-bottom-left-radius: 2px;
11840
+ .k-button-link {
11841
+ border-color: transparent;
11842
+ color: inherit;
11843
+ text-decoration: none;
11844
+ background: none;
11979
11845
  }
11980
11846
 
11981
- .k-rtl .k-button-group .k-group-start.k-group-end,
11982
- .k-rtl .k-button-group .k-button:first-child:last-child,
11983
- [dir="rtl"] .k-button-group .k-group-start.k-group-end,
11984
- [dir="rtl"] .k-button-group .k-button:first-child:last-child {
11985
- border-radius: 2px;
11847
+ .k-button-link:hover, .k-button-link.k-hover {
11848
+ text-decoration: underline;
11986
11849
  }
11987
11850
 
11988
- .k-rtl .k-split-button .k-button,
11989
- [dir="rtl"] .k-split-button .k-button {
11851
+ .k-ie .k-button-group .k-button,
11852
+ .k-ie .k-split-button .k-button {
11990
11853
  border-radius: 0;
11991
11854
  }
11992
11855
 
11993
- .k-rtl .k-split-button > .k-button:first-child,
11994
- [dir="rtl"] .k-split-button > .k-button:first-child {
11995
- border-top-right-radius: 2px;
11996
- border-bottom-right-radius: 2px;
11997
- }
11998
-
11999
- .k-rtl .k-split-button > .k-split-button-arrow,
12000
- .k-rtl .k-split-button > .k-button:last-child,
12001
- [dir="rtl"] .k-split-button > .k-split-button-arrow,
12002
- [dir="rtl"] .k-split-button > .k-button:last-child {
12003
- border-top-left-radius: 2px;
12004
- border-bottom-left-radius: 2px;
12005
- }
12006
-
12007
11856
  .k-button-overlay, .k-button::before {
12008
11857
  border-radius: inherit;
12009
11858
  content: "";
@@ -12063,7 +11912,7 @@ kendo-badge-container {
12063
11912
  }
12064
11913
 
12065
11914
  .k-button-solid-base:hover, .k-button-solid-base.k-hover {
12066
- border-color: #bababa;
11915
+ border-color: #b6b6b6;
12067
11916
  background-color: #dddddd;
12068
11917
  }
12069
11918
 
@@ -12072,309 +11921,281 @@ kendo-badge-container {
12072
11921
  }
12073
11922
 
12074
11923
  .k-button-solid-base:active, .k-button-solid-base.k-active {
12075
- border-color: #aaaaaa;
11924
+ border-color: #a3a3a3;
12076
11925
  background-color: #cacaca;
12077
11926
  }
12078
11927
 
12079
11928
  .k-button-solid-base.k-selected {
12080
- border-color: #aaaaaa;
12081
- background-color: #cacaca;
11929
+ border-color: #f35800;
11930
+ color: white;
11931
+ background-color: #f35800;
12082
11932
  }
12083
11933
 
12084
11934
  .k-button-solid-primary {
11935
+ border-color: #cc4a00;
12085
11936
  color: white;
12086
11937
  background-color: #f35800;
12087
- border-color: #f35800;
12088
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
11938
+ background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
12089
11939
  }
12090
11940
 
12091
11941
  .k-button-solid-primary:hover, .k-button-solid-primary.k-hover {
12092
- background-color: #e95400;
12093
- border-color: #f35800;
11942
+ border-color: #b94300;
11943
+ background-color: #e05100;
12094
11944
  }
12095
11945
 
12096
11946
  .k-button-solid-primary:focus, .k-button-solid-primary.k-focus {
12097
- box-shadow: 0 0 0 2px rgba(243, 88, 0, 0.3);
11947
+ box-shadow: 0 0 4px 0px rgba(204, 74, 0, 0.75);
12098
11948
  }
12099
11949
 
12100
11950
  .k-button-solid-primary:active, .k-button-solid-primary.k-active {
12101
- background-color: #d64d00;
12102
- border-color: #d64d00;
11951
+ border-color: #a53c00;
11952
+ background-color: #cc4a00;
12103
11953
  }
12104
11954
 
12105
11955
  .k-button-solid-primary.k-selected {
12106
- background-color: #d64d00;
12107
- border-color: #d64d00;
11956
+ border-color: #a53c00;
11957
+ background-color: #cc4a00;
12108
11958
  }
12109
11959
 
12110
11960
  .k-button-solid-secondary {
11961
+ border-color: #c4c4c4;
12111
11962
  color: black;
12112
11963
  background-color: #e9e9e9;
12113
- border-color: #e9e9e9;
12114
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
11964
+ background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
12115
11965
  }
12116
11966
 
12117
11967
  .k-button-solid-secondary:hover, .k-button-solid-secondary.k-hover {
12118
- background-color: #e0e0e0;
12119
- border-color: #e9e9e9;
11968
+ border-color: #b1b1b1;
11969
+ background-color: #d6d6d6;
12120
11970
  }
12121
11971
 
12122
11972
  .k-button-solid-secondary:focus, .k-button-solid-secondary.k-focus {
12123
- box-shadow: 0 0 0 2px rgba(233, 233, 233, 0.3);
11973
+ box-shadow: 0 0 4px 0px rgba(196, 196, 196, 0.75);
12124
11974
  }
12125
11975
 
12126
11976
  .k-button-solid-secondary:active, .k-button-solid-secondary.k-active {
12127
- background-color: #cdcdcd;
12128
- border-color: #cdcdcd;
11977
+ border-color: #9e9e9e;
11978
+ background-color: #c4c4c4;
12129
11979
  }
12130
11980
 
12131
11981
  .k-button-solid-secondary.k-selected {
12132
- background-color: #cdcdcd;
12133
- border-color: #cdcdcd;
11982
+ border-color: #9e9e9e;
11983
+ background-color: #c4c4c4;
12134
11984
  }
12135
11985
 
12136
11986
  .k-button-solid-tertiary {
11987
+ border-color: #038ecd;
12137
11988
  color: white;
12138
11989
  background-color: #03a9f4;
12139
- border-color: #03a9f4;
12140
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
11990
+ background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
12141
11991
  }
12142
11992
 
12143
11993
  .k-button-solid-tertiary:hover, .k-button-solid-tertiary.k-hover {
12144
- background-color: #03a2ea;
12145
- border-color: #03a9f4;
11994
+ border-color: #0280b9;
11995
+ background-color: #039be0;
12146
11996
  }
12147
11997
 
12148
11998
  .k-button-solid-tertiary:focus, .k-button-solid-tertiary.k-focus {
12149
- box-shadow: 0 0 0 2px rgba(3, 169, 244, 0.3);
11999
+ box-shadow: 0 0 4px 0px rgba(3, 142, 205, 0.75);
12150
12000
  }
12151
12001
 
12152
12002
  .k-button-solid-tertiary:active, .k-button-solid-tertiary.k-active {
12153
- background-color: #0395d7;
12154
- border-color: #0395d7;
12003
+ border-color: #0273a6;
12004
+ background-color: #038ecd;
12155
12005
  }
12156
12006
 
12157
12007
  .k-button-solid-tertiary.k-selected {
12158
- background-color: #0395d7;
12159
- border-color: #0395d7;
12008
+ border-color: #0273a6;
12009
+ background-color: #038ecd;
12160
12010
  }
12161
12011
 
12162
12012
  .k-button-solid-info {
12013
+ border-color: #1e809e;
12163
12014
  color: white;
12164
12015
  background-color: #2498bc;
12165
- border-color: #2498bc;
12166
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
12016
+ background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
12167
12017
  }
12168
12018
 
12169
12019
  .k-button-solid-info:hover, .k-button-solid-info.k-hover {
12170
- background-color: #2392b4;
12171
- border-color: #2498bc;
12020
+ border-color: #1b748f;
12021
+ background-color: #218cad;
12172
12022
  }
12173
12023
 
12174
12024
  .k-button-solid-info:focus, .k-button-solid-info.k-focus {
12175
- box-shadow: 0 0 0 2px rgba(36, 152, 188, 0.3);
12025
+ box-shadow: 0 0 4px 0px rgba(30, 128, 158, 0.75);
12176
12026
  }
12177
12027
 
12178
12028
  .k-button-solid-info:active, .k-button-solid-info.k-active {
12179
- background-color: #2086a5;
12180
- border-color: #2086a5;
12029
+ border-color: #186780;
12030
+ background-color: #1e809e;
12181
12031
  }
12182
12032
 
12183
12033
  .k-button-solid-info.k-selected {
12184
- background-color: #2086a5;
12185
- border-color: #2086a5;
12034
+ border-color: #186780;
12035
+ background-color: #1e809e;
12186
12036
  }
12187
12037
 
12188
12038
  .k-button-solid-success {
12039
+ border-color: #348a42;
12189
12040
  color: white;
12190
12041
  background-color: #3ea44e;
12191
- border-color: #3ea44e;
12192
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
12042
+ background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
12193
12043
  }
12194
12044
 
12195
12045
  .k-button-solid-success:hover, .k-button-solid-success.k-hover {
12196
- background-color: #3c9d4b;
12197
- border-color: #3ea44e;
12046
+ border-color: #2f7d3b;
12047
+ background-color: #399748;
12198
12048
  }
12199
12049
 
12200
12050
  .k-button-solid-success:focus, .k-button-solid-success.k-focus {
12201
- box-shadow: 0 0 0 2px rgba(62, 164, 78, 0.3);
12051
+ box-shadow: 0 0 4px 0px rgba(52, 138, 66, 0.75);
12202
12052
  }
12203
12053
 
12204
12054
  .k-button-solid-success:active, .k-button-solid-success.k-active {
12205
- background-color: #379045;
12206
- border-color: #379045;
12055
+ border-color: #2a7035;
12056
+ background-color: #348a42;
12207
12057
  }
12208
12058
 
12209
12059
  .k-button-solid-success.k-selected {
12210
- background-color: #379045;
12211
- border-color: #379045;
12060
+ border-color: #2a7035;
12061
+ background-color: #348a42;
12212
12062
  }
12213
12063
 
12214
12064
  .k-button-solid-warning {
12065
+ border-color: #d68000;
12215
12066
  color: white;
12216
12067
  background-color: #ff9800;
12217
- border-color: #ff9800;
12218
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
12068
+ background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
12219
12069
  }
12220
12070
 
12221
12071
  .k-button-solid-warning:hover, .k-button-solid-warning.k-hover {
12222
- background-color: #f59200;
12223
- border-color: #ff9800;
12072
+ border-color: #c27400;
12073
+ background-color: #eb8c00;
12224
12074
  }
12225
12075
 
12226
12076
  .k-button-solid-warning:focus, .k-button-solid-warning.k-focus {
12227
- box-shadow: 0 0 0 2px rgba(255, 152, 0, 0.3);
12077
+ box-shadow: 0 0 4px 0px rgba(214, 128, 0, 0.75);
12228
12078
  }
12229
12079
 
12230
12080
  .k-button-solid-warning:active, .k-button-solid-warning.k-active {
12231
- background-color: #e08600;
12232
- border-color: #e08600;
12081
+ border-color: #ad6700;
12082
+ background-color: #d68000;
12233
12083
  }
12234
12084
 
12235
12085
  .k-button-solid-warning.k-selected {
12236
- background-color: #e08600;
12237
- border-color: #e08600;
12086
+ border-color: #ad6700;
12087
+ background-color: #d68000;
12238
12088
  }
12239
12089
 
12240
12090
  .k-button-solid-error {
12091
+ border-color: #b62200;
12241
12092
  color: white;
12242
12093
  background-color: #d92800;
12243
- border-color: #d92800;
12244
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
12094
+ background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
12245
12095
  }
12246
12096
 
12247
12097
  .k-button-solid-error:hover, .k-button-solid-error.k-hover {
12248
- background-color: #d02600;
12249
- border-color: #d92800;
12098
+ border-color: #a51e00;
12099
+ background-color: #c82500;
12250
12100
  }
12251
12101
 
12252
12102
  .k-button-solid-error:focus, .k-button-solid-error.k-focus {
12253
- box-shadow: 0 0 0 2px rgba(217, 40, 0, 0.3);
12103
+ box-shadow: 0 0 4px 0px rgba(182, 34, 0, 0.75);
12254
12104
  }
12255
12105
 
12256
12106
  .k-button-solid-error:active, .k-button-solid-error.k-active {
12257
- background-color: #bf2300;
12258
- border-color: #bf2300;
12107
+ border-color: #941b00;
12108
+ background-color: #b62200;
12259
12109
  }
12260
12110
 
12261
12111
  .k-button-solid-error.k-selected {
12262
- background-color: #bf2300;
12263
- border-color: #bf2300;
12112
+ border-color: #941b00;
12113
+ background-color: #b62200;
12264
12114
  }
12265
12115
 
12266
12116
  .k-button-solid-dark {
12117
+ border-color: #363636;
12267
12118
  color: white;
12268
12119
  background-color: #404040;
12269
- border-color: #404040;
12270
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
12120
+ background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
12271
12121
  }
12272
12122
 
12273
12123
  .k-button-solid-dark:hover, .k-button-solid-dark.k-hover {
12274
- background-color: #3d3d3d;
12275
- border-color: #404040;
12124
+ border-color: #313131;
12125
+ background-color: #3b3b3b;
12276
12126
  }
12277
12127
 
12278
12128
  .k-button-solid-dark:focus, .k-button-solid-dark.k-focus {
12279
- box-shadow: 0 0 0 2px rgba(64, 64, 64, 0.3);
12129
+ box-shadow: 0 0 4px 0px rgba(54, 54, 54, 0.75);
12280
12130
  }
12281
12131
 
12282
12132
  .k-button-solid-dark:active, .k-button-solid-dark.k-active {
12283
- background-color: #383838;
12284
- border-color: #383838;
12133
+ border-color: #2c2c2c;
12134
+ background-color: #363636;
12285
12135
  }
12286
12136
 
12287
12137
  .k-button-solid-dark.k-selected {
12288
- background-color: #383838;
12289
- border-color: #383838;
12138
+ border-color: #2c2c2c;
12139
+ background-color: #363636;
12290
12140
  }
12291
12141
 
12292
12142
  .k-button-solid-light {
12143
+ border-color: #c5c5c5;
12293
12144
  color: black;
12294
12145
  background-color: #ebebeb;
12295
- border-color: #ebebeb;
12296
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
12146
+ background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
12297
12147
  }
12298
12148
 
12299
12149
  .k-button-solid-light:hover, .k-button-solid-light.k-hover {
12300
- background-color: #e2e2e2;
12301
- border-color: #ebebeb;
12150
+ border-color: #b3b3b3;
12151
+ background-color: #d8d8d8;
12302
12152
  }
12303
12153
 
12304
12154
  .k-button-solid-light:focus, .k-button-solid-light.k-focus {
12305
- box-shadow: 0 0 0 2px rgba(235, 235, 235, 0.3);
12155
+ box-shadow: 0 0 4px 0px rgba(197, 197, 197, 0.75);
12306
12156
  }
12307
12157
 
12308
12158
  .k-button-solid-light:active, .k-button-solid-light.k-active {
12309
- background-color: #cfcfcf;
12310
- border-color: #cfcfcf;
12159
+ border-color: #a0a0a0;
12160
+ background-color: #c5c5c5;
12311
12161
  }
12312
12162
 
12313
12163
  .k-button-solid-light.k-selected {
12314
- background-color: #cfcfcf;
12315
- border-color: #cfcfcf;
12164
+ border-color: #a0a0a0;
12165
+ background-color: #c5c5c5;
12316
12166
  }
12317
12167
 
12318
12168
  .k-button-solid-inverse {
12169
+ border-color: #363636;
12319
12170
  color: white;
12320
12171
  background-color: #404040;
12321
- border-color: #404040;
12322
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
12172
+ background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
12323
12173
  }
12324
12174
 
12325
12175
  .k-button-solid-inverse:hover, .k-button-solid-inverse.k-hover {
12326
- background-color: #3d3d3d;
12327
- border-color: #404040;
12176
+ border-color: #313131;
12177
+ background-color: #3b3b3b;
12328
12178
  }
12329
12179
 
12330
12180
  .k-button-solid-inverse:focus, .k-button-solid-inverse.k-focus {
12331
- box-shadow: 0 0 0 2px rgba(64, 64, 64, 0.3);
12181
+ box-shadow: 0 0 4px 0px rgba(54, 54, 54, 0.75);
12332
12182
  }
12333
12183
 
12334
12184
  .k-button-solid-inverse:active, .k-button-solid-inverse.k-active {
12335
- background-color: #383838;
12336
- border-color: #383838;
12185
+ border-color: #2c2c2c;
12186
+ background-color: #363636;
12337
12187
  }
12338
12188
 
12339
12189
  .k-button-solid-inverse.k-selected {
12340
- background-color: #383838;
12341
- border-color: #383838;
12190
+ border-color: #2c2c2c;
12191
+ background-color: #363636;
12342
12192
  }
12343
12193
 
12344
- .k-button-outline {
12194
+ .k-button-outline-primary {
12345
12195
  box-shadow: none;
12346
12196
  border-color: currentColor;
12347
- background: none;
12348
- }
12349
-
12350
- .k-button-outline-base {
12351
- color: #272727;
12352
- }
12353
-
12354
- .k-button-outline-base:hover, .k-button-outline-base.k-hover {
12355
- border-color: #272727;
12356
- color: white;
12357
- background-color: #272727;
12358
- }
12359
-
12360
- .k-button-outline-base:focus, .k-button-outline-base.k-focus {
12361
- box-shadow: 0 0 4px 0 rgba(202, 202, 202, 0.75);
12362
- }
12363
-
12364
- .k-button-outline-base:active, .k-button-outline-base.k-active {
12365
- border-color: #272727;
12366
- color: white;
12367
- background-color: #272727;
12368
- }
12369
-
12370
- .k-button-outline-base.k-selected {
12371
- border-color: #272727;
12372
- color: white;
12373
- background-color: #272727;
12374
- }
12375
-
12376
- .k-button-outline-primary {
12377
12197
  color: #f35800;
12198
+ background-color: transparent;
12378
12199
  }
12379
12200
 
12380
12201
  .k-button-outline-primary:hover, .k-button-outline-primary.k-hover {
@@ -12384,7 +12205,7 @@ kendo-badge-container {
12384
12205
  }
12385
12206
 
12386
12207
  .k-button-outline-primary:focus, .k-button-outline-primary.k-focus {
12387
- box-shadow: 0 0 0 2px rgba(243, 88, 0, 0.3);
12208
+ box-shadow: 0 0 4px 0px rgba(243, 88, 0, 0.75);
12388
12209
  }
12389
12210
 
12390
12211
  .k-button-outline-primary:active, .k-button-outline-primary.k-active {
@@ -12400,7 +12221,10 @@ kendo-badge-container {
12400
12221
  }
12401
12222
 
12402
12223
  .k-button-outline-secondary {
12224
+ box-shadow: none;
12225
+ border-color: currentColor;
12403
12226
  color: #e9e9e9;
12227
+ background-color: transparent;
12404
12228
  }
12405
12229
 
12406
12230
  .k-button-outline-secondary:hover, .k-button-outline-secondary.k-hover {
@@ -12410,7 +12234,7 @@ kendo-badge-container {
12410
12234
  }
12411
12235
 
12412
12236
  .k-button-outline-secondary:focus, .k-button-outline-secondary.k-focus {
12413
- box-shadow: 0 0 0 2px rgba(233, 233, 233, 0.3);
12237
+ box-shadow: 0 0 4px 0px rgba(233, 233, 233, 0.75);
12414
12238
  }
12415
12239
 
12416
12240
  .k-button-outline-secondary:active, .k-button-outline-secondary.k-active {
@@ -12426,7 +12250,10 @@ kendo-badge-container {
12426
12250
  }
12427
12251
 
12428
12252
  .k-button-outline-tertiary {
12253
+ box-shadow: none;
12254
+ border-color: currentColor;
12429
12255
  color: #03a9f4;
12256
+ background-color: transparent;
12430
12257
  }
12431
12258
 
12432
12259
  .k-button-outline-tertiary:hover, .k-button-outline-tertiary.k-hover {
@@ -12436,7 +12263,7 @@ kendo-badge-container {
12436
12263
  }
12437
12264
 
12438
12265
  .k-button-outline-tertiary:focus, .k-button-outline-tertiary.k-focus {
12439
- box-shadow: 0 0 0 2px rgba(3, 169, 244, 0.3);
12266
+ box-shadow: 0 0 4px 0px rgba(3, 169, 244, 0.75);
12440
12267
  }
12441
12268
 
12442
12269
  .k-button-outline-tertiary:active, .k-button-outline-tertiary.k-active {
@@ -12452,7 +12279,10 @@ kendo-badge-container {
12452
12279
  }
12453
12280
 
12454
12281
  .k-button-outline-info {
12282
+ box-shadow: none;
12283
+ border-color: currentColor;
12455
12284
  color: #2498bc;
12285
+ background-color: transparent;
12456
12286
  }
12457
12287
 
12458
12288
  .k-button-outline-info:hover, .k-button-outline-info.k-hover {
@@ -12462,7 +12292,7 @@ kendo-badge-container {
12462
12292
  }
12463
12293
 
12464
12294
  .k-button-outline-info:focus, .k-button-outline-info.k-focus {
12465
- box-shadow: 0 0 0 2px rgba(36, 152, 188, 0.3);
12295
+ box-shadow: 0 0 4px 0px rgba(36, 152, 188, 0.75);
12466
12296
  }
12467
12297
 
12468
12298
  .k-button-outline-info:active, .k-button-outline-info.k-active {
@@ -12478,7 +12308,10 @@ kendo-badge-container {
12478
12308
  }
12479
12309
 
12480
12310
  .k-button-outline-success {
12311
+ box-shadow: none;
12312
+ border-color: currentColor;
12481
12313
  color: #3ea44e;
12314
+ background-color: transparent;
12482
12315
  }
12483
12316
 
12484
12317
  .k-button-outline-success:hover, .k-button-outline-success.k-hover {
@@ -12488,7 +12321,7 @@ kendo-badge-container {
12488
12321
  }
12489
12322
 
12490
12323
  .k-button-outline-success:focus, .k-button-outline-success.k-focus {
12491
- box-shadow: 0 0 0 2px rgba(62, 164, 78, 0.3);
12324
+ box-shadow: 0 0 4px 0px rgba(62, 164, 78, 0.75);
12492
12325
  }
12493
12326
 
12494
12327
  .k-button-outline-success:active, .k-button-outline-success.k-active {
@@ -12504,7 +12337,10 @@ kendo-badge-container {
12504
12337
  }
12505
12338
 
12506
12339
  .k-button-outline-warning {
12340
+ box-shadow: none;
12341
+ border-color: currentColor;
12507
12342
  color: #ff9800;
12343
+ background-color: transparent;
12508
12344
  }
12509
12345
 
12510
12346
  .k-button-outline-warning:hover, .k-button-outline-warning.k-hover {
@@ -12514,7 +12350,7 @@ kendo-badge-container {
12514
12350
  }
12515
12351
 
12516
12352
  .k-button-outline-warning:focus, .k-button-outline-warning.k-focus {
12517
- box-shadow: 0 0 0 2px rgba(255, 152, 0, 0.3);
12353
+ box-shadow: 0 0 4px 0px rgba(255, 152, 0, 0.75);
12518
12354
  }
12519
12355
 
12520
12356
  .k-button-outline-warning:active, .k-button-outline-warning.k-active {
@@ -12530,7 +12366,10 @@ kendo-badge-container {
12530
12366
  }
12531
12367
 
12532
12368
  .k-button-outline-error {
12369
+ box-shadow: none;
12370
+ border-color: currentColor;
12533
12371
  color: #d92800;
12372
+ background-color: transparent;
12534
12373
  }
12535
12374
 
12536
12375
  .k-button-outline-error:hover, .k-button-outline-error.k-hover {
@@ -12540,7 +12379,7 @@ kendo-badge-container {
12540
12379
  }
12541
12380
 
12542
12381
  .k-button-outline-error:focus, .k-button-outline-error.k-focus {
12543
- box-shadow: 0 0 0 2px rgba(217, 40, 0, 0.3);
12382
+ box-shadow: 0 0 4px 0px rgba(217, 40, 0, 0.75);
12544
12383
  }
12545
12384
 
12546
12385
  .k-button-outline-error:active, .k-button-outline-error.k-active {
@@ -12556,7 +12395,10 @@ kendo-badge-container {
12556
12395
  }
12557
12396
 
12558
12397
  .k-button-outline-dark {
12398
+ box-shadow: none;
12399
+ border-color: currentColor;
12559
12400
  color: #404040;
12401
+ background-color: transparent;
12560
12402
  }
12561
12403
 
12562
12404
  .k-button-outline-dark:hover, .k-button-outline-dark.k-hover {
@@ -12566,7 +12408,7 @@ kendo-badge-container {
12566
12408
  }
12567
12409
 
12568
12410
  .k-button-outline-dark:focus, .k-button-outline-dark.k-focus {
12569
- box-shadow: 0 0 0 2px rgba(64, 64, 64, 0.3);
12411
+ box-shadow: 0 0 4px 0px rgba(64, 64, 64, 0.75);
12570
12412
  }
12571
12413
 
12572
12414
  .k-button-outline-dark:active, .k-button-outline-dark.k-active {
@@ -12582,7 +12424,10 @@ kendo-badge-container {
12582
12424
  }
12583
12425
 
12584
12426
  .k-button-outline-light {
12427
+ box-shadow: none;
12428
+ border-color: currentColor;
12585
12429
  color: #ebebeb;
12430
+ background-color: transparent;
12586
12431
  }
12587
12432
 
12588
12433
  .k-button-outline-light:hover, .k-button-outline-light.k-hover {
@@ -12592,7 +12437,7 @@ kendo-badge-container {
12592
12437
  }
12593
12438
 
12594
12439
  .k-button-outline-light:focus, .k-button-outline-light.k-focus {
12595
- box-shadow: 0 0 0 2px rgba(235, 235, 235, 0.3);
12440
+ box-shadow: 0 0 4px 0px rgba(235, 235, 235, 0.75);
12596
12441
  }
12597
12442
 
12598
12443
  .k-button-outline-light:active, .k-button-outline-light.k-active {
@@ -12608,7 +12453,10 @@ kendo-badge-container {
12608
12453
  }
12609
12454
 
12610
12455
  .k-button-outline-inverse {
12456
+ box-shadow: none;
12457
+ border-color: currentColor;
12611
12458
  color: #404040;
12459
+ background-color: transparent;
12612
12460
  }
12613
12461
 
12614
12462
  .k-button-outline-inverse:hover, .k-button-outline-inverse.k-hover {
@@ -12618,7 +12466,7 @@ kendo-badge-container {
12618
12466
  }
12619
12467
 
12620
12468
  .k-button-outline-inverse:focus, .k-button-outline-inverse.k-focus {
12621
- box-shadow: 0 0 0 2px rgba(64, 64, 64, 0.3);
12469
+ box-shadow: 0 0 4px 0px rgba(64, 64, 64, 0.75);
12622
12470
  }
12623
12471
 
12624
12472
  .k-button-outline-inverse:active, .k-button-outline-inverse.k-active {
@@ -12633,18 +12481,33 @@ kendo-badge-container {
12633
12481
  background-color: #404040;
12634
12482
  }
12635
12483
 
12636
- .k-button-flat {
12484
+ .k-button-outline-base {
12637
12485
  box-shadow: none;
12638
- border-color: transparent;
12639
- background: none;
12486
+ border-color: currentColor;
12487
+ color: #272727;
12488
+ background-color: transparent;
12640
12489
  }
12641
12490
 
12642
- .k-button-flat::after {
12643
- box-shadow: inset 0 0 0 2px currentColor;
12491
+ .k-button-outline-base:hover, .k-button-outline-base.k-hover {
12492
+ border-color: #272727;
12493
+ color: white;
12494
+ background-color: #272727;
12644
12495
  }
12645
12496
 
12646
- .k-button-flat-base {
12647
- color: inherit;
12497
+ .k-button-outline-base:focus, .k-button-outline-base.k-focus {
12498
+ box-shadow: 0 0 4px 0px rgba(39, 39, 39, 0.75);
12499
+ }
12500
+
12501
+ .k-button-outline-base:active, .k-button-outline-base.k-active {
12502
+ border-color: #272727;
12503
+ color: white;
12504
+ background-color: #272727;
12505
+ }
12506
+
12507
+ .k-button-outline-base.k-selected {
12508
+ border-color: #272727;
12509
+ color: white;
12510
+ background-color: #272727;
12648
12511
  }
12649
12512
 
12650
12513
  .k-button-flat-primary {
@@ -12687,60 +12550,230 @@ kendo-badge-container {
12687
12550
  color: #404040;
12688
12551
  }
12689
12552
 
12690
- .k-button-link {
12691
- box-shadow: none;
12692
- border-color: transparent;
12693
- background: none;
12553
+ .k-button-flat-base {
12554
+ color: inherit;
12694
12555
  }
12695
12556
 
12696
- .k-button-link::after {
12697
- box-shadow: inset 0 0 0 2px currentColor;
12557
+ .k-button-link-primary {
12558
+ color: #f35800;
12698
12559
  }
12699
12560
 
12700
- .k-button-link-base {
12701
- color: inherit;
12561
+ .k-button-link-primary:hover, .k-button-link-primary.k-hover {
12562
+ color: #cc4a00;
12702
12563
  }
12703
12564
 
12704
- .k-button-link-primary {
12705
- color: #f35800;
12565
+ .k-button-link-primary:focus, .k-button-link-primary.k-focus {
12566
+ box-shadow: 0 0 4px 0px rgba(243, 88, 0, 0.75);
12567
+ }
12568
+
12569
+ .k-button-link-primary:active, .k-button-link-primary.k-active {
12570
+ color: #cc4a00;
12571
+ }
12572
+
12573
+ .k-button-link-primary.k-selected {
12574
+ color: #cc4a00;
12706
12575
  }
12707
12576
 
12708
12577
  .k-button-link-secondary {
12709
12578
  color: #e9e9e9;
12710
12579
  }
12711
12580
 
12581
+ .k-button-link-secondary:hover, .k-button-link-secondary.k-hover {
12582
+ color: #c4c4c4;
12583
+ }
12584
+
12585
+ .k-button-link-secondary:focus, .k-button-link-secondary.k-focus {
12586
+ box-shadow: 0 0 4px 0px rgba(233, 233, 233, 0.75);
12587
+ }
12588
+
12589
+ .k-button-link-secondary:active, .k-button-link-secondary.k-active {
12590
+ color: #c4c4c4;
12591
+ }
12592
+
12593
+ .k-button-link-secondary.k-selected {
12594
+ color: #c4c4c4;
12595
+ }
12596
+
12712
12597
  .k-button-link-tertiary {
12713
12598
  color: #03a9f4;
12714
12599
  }
12715
12600
 
12601
+ .k-button-link-tertiary:hover, .k-button-link-tertiary.k-hover {
12602
+ color: #038ecd;
12603
+ }
12604
+
12605
+ .k-button-link-tertiary:focus, .k-button-link-tertiary.k-focus {
12606
+ box-shadow: 0 0 4px 0px rgba(3, 169, 244, 0.75);
12607
+ }
12608
+
12609
+ .k-button-link-tertiary:active, .k-button-link-tertiary.k-active {
12610
+ color: #038ecd;
12611
+ }
12612
+
12613
+ .k-button-link-tertiary.k-selected {
12614
+ color: #038ecd;
12615
+ }
12616
+
12716
12617
  .k-button-link-info {
12717
12618
  color: #2498bc;
12718
12619
  }
12719
12620
 
12621
+ .k-button-link-info:hover, .k-button-link-info.k-hover {
12622
+ color: #1e809e;
12623
+ }
12624
+
12625
+ .k-button-link-info:focus, .k-button-link-info.k-focus {
12626
+ box-shadow: 0 0 4px 0px rgba(36, 152, 188, 0.75);
12627
+ }
12628
+
12629
+ .k-button-link-info:active, .k-button-link-info.k-active {
12630
+ color: #1e809e;
12631
+ }
12632
+
12633
+ .k-button-link-info.k-selected {
12634
+ color: #1e809e;
12635
+ }
12636
+
12720
12637
  .k-button-link-success {
12721
12638
  color: #3ea44e;
12722
12639
  }
12723
12640
 
12641
+ .k-button-link-success:hover, .k-button-link-success.k-hover {
12642
+ color: #348a42;
12643
+ }
12644
+
12645
+ .k-button-link-success:focus, .k-button-link-success.k-focus {
12646
+ box-shadow: 0 0 4px 0px rgba(62, 164, 78, 0.75);
12647
+ }
12648
+
12649
+ .k-button-link-success:active, .k-button-link-success.k-active {
12650
+ color: #348a42;
12651
+ }
12652
+
12653
+ .k-button-link-success.k-selected {
12654
+ color: #348a42;
12655
+ }
12656
+
12724
12657
  .k-button-link-warning {
12725
12658
  color: #ff9800;
12726
12659
  }
12727
12660
 
12661
+ .k-button-link-warning:hover, .k-button-link-warning.k-hover {
12662
+ color: #d68000;
12663
+ }
12664
+
12665
+ .k-button-link-warning:focus, .k-button-link-warning.k-focus {
12666
+ box-shadow: 0 0 4px 0px rgba(255, 152, 0, 0.75);
12667
+ }
12668
+
12669
+ .k-button-link-warning:active, .k-button-link-warning.k-active {
12670
+ color: #d68000;
12671
+ }
12672
+
12673
+ .k-button-link-warning.k-selected {
12674
+ color: #d68000;
12675
+ }
12676
+
12728
12677
  .k-button-link-error {
12729
12678
  color: #d92800;
12730
12679
  }
12731
12680
 
12681
+ .k-button-link-error:hover, .k-button-link-error.k-hover {
12682
+ color: #b62200;
12683
+ }
12684
+
12685
+ .k-button-link-error:focus, .k-button-link-error.k-focus {
12686
+ box-shadow: 0 0 4px 0px rgba(217, 40, 0, 0.75);
12687
+ }
12688
+
12689
+ .k-button-link-error:active, .k-button-link-error.k-active {
12690
+ color: #b62200;
12691
+ }
12692
+
12693
+ .k-button-link-error.k-selected {
12694
+ color: #b62200;
12695
+ }
12696
+
12732
12697
  .k-button-link-dark {
12733
12698
  color: #404040;
12734
12699
  }
12735
12700
 
12701
+ .k-button-link-dark:hover, .k-button-link-dark.k-hover {
12702
+ color: #363636;
12703
+ }
12704
+
12705
+ .k-button-link-dark:focus, .k-button-link-dark.k-focus {
12706
+ box-shadow: 0 0 4px 0px rgba(64, 64, 64, 0.75);
12707
+ }
12708
+
12709
+ .k-button-link-dark:active, .k-button-link-dark.k-active {
12710
+ color: #363636;
12711
+ }
12712
+
12713
+ .k-button-link-dark.k-selected {
12714
+ color: #363636;
12715
+ }
12716
+
12736
12717
  .k-button-link-light {
12737
12718
  color: #ebebeb;
12738
12719
  }
12739
12720
 
12721
+ .k-button-link-light:hover, .k-button-link-light.k-hover {
12722
+ color: #c5c5c5;
12723
+ }
12724
+
12725
+ .k-button-link-light:focus, .k-button-link-light.k-focus {
12726
+ box-shadow: 0 0 4px 0px rgba(235, 235, 235, 0.75);
12727
+ }
12728
+
12729
+ .k-button-link-light:active, .k-button-link-light.k-active {
12730
+ color: #c5c5c5;
12731
+ }
12732
+
12733
+ .k-button-link-light.k-selected {
12734
+ color: #c5c5c5;
12735
+ }
12736
+
12740
12737
  .k-button-link-inverse {
12741
12738
  color: #404040;
12742
12739
  }
12743
12740
 
12741
+ .k-button-link-inverse:hover, .k-button-link-inverse.k-hover {
12742
+ color: #363636;
12743
+ }
12744
+
12745
+ .k-button-link-inverse:focus, .k-button-link-inverse.k-focus {
12746
+ box-shadow: 0 0 4px 0px rgba(64, 64, 64, 0.75);
12747
+ }
12748
+
12749
+ .k-button-link-inverse:active, .k-button-link-inverse.k-active {
12750
+ color: #363636;
12751
+ }
12752
+
12753
+ .k-button-link-inverse.k-selected {
12754
+ color: #363636;
12755
+ }
12756
+
12757
+ .k-button-link-base {
12758
+ color: #272727;
12759
+ }
12760
+
12761
+ .k-button-link-base:hover, .k-button-link-base.k-hover {
12762
+ color: #212121;
12763
+ }
12764
+
12765
+ .k-button-link-base:focus, .k-button-link-base.k-focus {
12766
+ box-shadow: 0 0 4px 0px rgba(39, 39, 39, 0.75);
12767
+ }
12768
+
12769
+ .k-button-link-base:active, .k-button-link-base.k-active {
12770
+ color: #212121;
12771
+ }
12772
+
12773
+ .k-button-link-base.k-selected {
12774
+ color: #212121;
12775
+ }
12776
+
12744
12777
  .k-split-button:focus,
12745
12778
  .k-split-button.k-focus {
12746
12779
  box-shadow: 0 0 4px 0 rgba(202, 202, 202, 0.75);
@@ -12758,10 +12791,12 @@ kendo-badge-container {
12758
12791
  font-family: inherit;
12759
12792
  font-size: 14px;
12760
12793
  line-height: 1.4285714286;
12794
+ text-align: start;
12761
12795
  box-shadow: none;
12762
12796
  display: inline-flex;
12763
12797
  flex-flow: row nowrap;
12764
12798
  align-items: stretch;
12799
+ vertical-align: middle;
12765
12800
  position: relative;
12766
12801
  overflow: hidden;
12767
12802
  text-overflow: ellipsis;
@@ -12780,10 +12815,19 @@ kendo-badge-container {
12780
12815
  box-shadow: none;
12781
12816
  }
12782
12817
 
12818
+ .k-input > *,
12819
+ .k-picker > * {
12820
+ margin: 0;
12821
+ }
12822
+
12783
12823
  input.k-input {
12784
12824
  padding: 4px 8px;
12785
12825
  }
12786
12826
 
12827
+ .k-picker {
12828
+ cursor: pointer;
12829
+ }
12830
+
12787
12831
  select.k-picker {
12788
12832
  padding: 4px 8px;
12789
12833
  -webkit-appearance: auto;
@@ -12834,6 +12878,7 @@ select.k-picker {
12834
12878
  }
12835
12879
 
12836
12880
  span.k-input-inner {
12881
+ white-space: nowrap;
12837
12882
  display: flex;
12838
12883
  flex-flow: row nowrap;
12839
12884
  align-items: center;
@@ -12945,7 +12990,6 @@ textarea.k-input-inner {
12945
12990
 
12946
12991
  .k-input-button > .k-button-icon {
12947
12992
  min-width: auto !important;
12948
- min-height: auto !important;
12949
12993
  }
12950
12994
 
12951
12995
  .k-input-button:focus {
@@ -13161,7 +13205,7 @@ textarea.k-input-inner {
13161
13205
  }
13162
13206
 
13163
13207
  .k-input:hover, .k-input.k-hover {
13164
- border-color: #bababa;
13208
+ border-color: #b6b6b6;
13165
13209
  }
13166
13210
 
13167
13211
  .k-input:focus, .k-input.k-focus {
@@ -13169,11 +13213,16 @@ textarea.k-input-inner {
13169
13213
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
13170
13214
  }
13171
13215
 
13172
- .k-input:invalid, .k-input.k-invalid, .k-input.ng-invalid {
13216
+ .k-input:focus-within {
13217
+ border-color: rgba(0, 0, 0, 0.1);
13218
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
13219
+ }
13220
+
13221
+ .k-input.k-invalid, .k-input.ng-invalid.ng-touched, .k-input.ng-invalid.ng-dirty {
13173
13222
  border-color: rgba(217, 40, 0, 0.5);
13174
13223
  }
13175
13224
 
13176
- .k-input:invalid .k-input-validation-icon, .k-input.k-invalid .k-input-validation-icon, .k-input.ng-invalid .k-input-validation-icon {
13225
+ .k-input.k-invalid .k-input-validation-icon, .k-input.ng-invalid.ng-touched .k-input-validation-icon, .k-input.ng-invalid.ng-dirty .k-input-validation-icon {
13177
13226
  color: #d92800;
13178
13227
  }
13179
13228
 
@@ -13185,7 +13234,7 @@ textarea.k-input-inner {
13185
13234
  }
13186
13235
 
13187
13236
  .k-picker:hover, .k-picker.k-hover {
13188
- border-color: #bababa;
13237
+ border-color: #b6b6b6;
13189
13238
  background-color: #dddddd;
13190
13239
  }
13191
13240
 
@@ -13193,11 +13242,15 @@ textarea.k-input-inner {
13193
13242
  box-shadow: 0 0 4px 0 rgba(202, 202, 202, 0.75);
13194
13243
  }
13195
13244
 
13196
- .k-picker:invalid, .k-picker.k-invalid, .k-picker.ng-invalid {
13245
+ .k-picker:focus-within {
13246
+ box-shadow: 0 0 4px 0 rgba(202, 202, 202, 0.75);
13247
+ }
13248
+
13249
+ .k-picker.k-invalid, .k-picker.ng-invalid.ng-touched, .k-picker.ng-invalid.ng-dirty {
13197
13250
  border-color: rgba(217, 40, 0, 0.5);
13198
13251
  }
13199
13252
 
13200
- .k-picker:invalid .k-input-validation-icon, .k-picker.k-invalid .k-input-validation-icon, .k-picker.ng-invalid .k-input-validation-icon {
13253
+ .k-picker.k-invalid .k-input-validation-icon, .k-picker.ng-invalid.ng-touched .k-input-validation-icon, .k-picker.ng-invalid.ng-dirty .k-input-validation-icon {
13201
13254
  color: #d92800;
13202
13255
  }
13203
13256
 
@@ -13402,7 +13455,7 @@ textarea.k-input-inner {
13402
13455
  }
13403
13456
 
13404
13457
  .k-table-list .k-table-group-row::before {
13405
- content: ".";
13458
+ content: "\200b";
13406
13459
  padding: 0;
13407
13460
  width: 0;
13408
13461
  display: block;
@@ -13482,7 +13535,7 @@ textarea.k-input-inner {
13482
13535
 
13483
13536
  .k-table-sm .k-table-th,
13484
13537
  .k-table-sm .k-table-td {
13485
- padding: 4px 8px;
13538
+ padding: 10px 8px;
13486
13539
  }
13487
13540
 
13488
13541
  .k-table-sm .k-table-list .k-table-group-td > span {
@@ -13490,7 +13543,7 @@ textarea.k-input-inner {
13490
13543
  }
13491
13544
 
13492
13545
  .k-table-sm .k-table-list .k-table-group-row::before {
13493
- padding: 4px 0;
13546
+ padding: 10px 0;
13494
13547
  }
13495
13548
 
13496
13549
  .k-table-md {
@@ -13500,7 +13553,7 @@ textarea.k-input-inner {
13500
13553
 
13501
13554
  .k-table-md .k-table-th,
13502
13555
  .k-table-md .k-table-td {
13503
- padding: 8px 8px;
13556
+ padding: 10px 8px;
13504
13557
  }
13505
13558
 
13506
13559
  .k-table-md .k-table-list .k-table-group-td > span {
@@ -13508,7 +13561,7 @@ textarea.k-input-inner {
13508
13561
  }
13509
13562
 
13510
13563
  .k-table-md .k-table-list .k-table-group-row::before {
13511
- padding: 8px 0;
13564
+ padding: 10px 0;
13512
13565
  }
13513
13566
 
13514
13567
  .k-table-lg {
@@ -13518,7 +13571,7 @@ textarea.k-input-inner {
13518
13571
 
13519
13572
  .k-table-lg .k-table-th,
13520
13573
  .k-table-lg .k-table-td {
13521
- padding: 12px 8px;
13574
+ padding: 10px 8px;
13522
13575
  }
13523
13576
 
13524
13577
  .k-table-lg .k-table-list .k-table-group-td > span {
@@ -13526,7 +13579,7 @@ textarea.k-input-inner {
13526
13579
  }
13527
13580
 
13528
13581
  .k-table-lg .k-table-list .k-table-group-row::before {
13529
- padding: 12px 0;
13582
+ padding: 10px 0;
13530
13583
  }
13531
13584
 
13532
13585
  .k-rtl.k-table,
@@ -14694,7 +14747,7 @@ textarea.k-input-inner {
14694
14747
  }
14695
14748
 
14696
14749
  .k-skeleton-text:empty::before {
14697
- content: "\00a0";
14750
+ content: "\200b";
14698
14751
  }
14699
14752
 
14700
14753
  .k-skeleton-rect {
@@ -14802,10 +14855,14 @@ textarea.k-input-inner {
14802
14855
  }
14803
14856
 
14804
14857
  .k-toolbar .k-input,
14805
- .k-toolbar .k-picker:not(.k-colorpicker) {
14858
+ .k-toolbar .k-picker {
14806
14859
  width: 10em;
14807
14860
  }
14808
14861
 
14862
+ .k-toolbar .k-color-picker, .k-toolbar .k-colorpicker {
14863
+ width: min-content;
14864
+ }
14865
+
14809
14866
  .k-toolbar .k-overflow-anchor {
14810
14867
  border-radius: 0;
14811
14868
  margin: 0;
@@ -14924,6 +14981,7 @@ kendo-toolbar-renderer {
14924
14981
  .editorToolbarWindow.k-window-content .k-toolbar {
14925
14982
  padding: 0;
14926
14983
  border-width: 0;
14984
+ flex-shrink: 1;
14927
14985
  color: inherit;
14928
14986
  background: none;
14929
14987
  }
@@ -15093,11 +15151,6 @@ kendo-label > .k-label {
15093
15151
  flex-flow: row nowrap;
15094
15152
  }
15095
15153
 
15096
- .k-form .k-checkbox-label,
15097
- .k-form .k-radio-label {
15098
- display: inline-flex;
15099
- }
15100
-
15101
15154
  .k-form .k-label + .k-radio {
15102
15155
  margin-left: 0;
15103
15156
  }
@@ -15127,15 +15180,12 @@ kendo-label > .k-label {
15127
15180
  padding: 0;
15128
15181
  }
15129
15182
 
15130
- .k-form .k-form-field,
15131
- .k-form .k-daterangepicker .k-textbox-container {
15183
+ .k-form .k-form-field {
15132
15184
  margin-top: 1em;
15133
15185
  }
15134
15186
 
15135
15187
  .k-form > *:not(.k-hidden):first-child,
15136
- .k-form > *.k-hidden + :not(.k-hidden),
15137
- .k-form .k-daterangepicker .k-textbox-container:not(.k-hidden):first-child,
15138
- .k-form .k-daterangepicker .k-textbox-container.k-hidden + :not(.k-hidden) {
15188
+ .k-form > *.k-hidden + :not(.k-hidden) {
15139
15189
  margin-top: 0;
15140
15190
  }
15141
15191
 
@@ -15172,6 +15222,12 @@ kendo-label > .k-label {
15172
15222
  width: 100%;
15173
15223
  }
15174
15224
 
15225
+ .k-form .k-daterangepicker {
15226
+ width: 100%;
15227
+ flex-flow: column nowrap;
15228
+ gap: 0;
15229
+ }
15230
+
15175
15231
  .k-form-buttons {
15176
15232
  margin-top: 2em;
15177
15233
  padding: 0;
@@ -15588,6 +15644,10 @@ kendo-label > .k-label {
15588
15644
  max-width: 300px;
15589
15645
  }
15590
15646
 
15647
+ .k-textarea {
15648
+ display: flex;
15649
+ }
15650
+
15591
15651
  .k-listbox {
15592
15652
  width: 10em;
15593
15653
  height: 200px;
@@ -15653,11 +15713,20 @@ kendo-label > .k-label {
15653
15713
 
15654
15714
  .k-listbox .k-list-scroller {
15655
15715
  width: 100%;
15716
+ height: inherit;
15656
15717
  border-width: 1px;
15657
15718
  border-style: solid;
15658
15719
  box-sizing: border-box;
15659
15720
  }
15660
15721
 
15722
+ .k-listbox .k-list-scroller .k-list-scroller {
15723
+ border-width: 0;
15724
+ }
15725
+
15726
+ .k-listbox .k-list-scroller .k-list {
15727
+ height: inherit;
15728
+ }
15729
+
15661
15730
  .k-listbox .k-drop-hint {
15662
15731
  border-top-width: 1px;
15663
15732
  border-top-style: solid;
@@ -15963,90 +16032,13 @@ kendo-label > .k-label {
15963
16032
  -webkit-appearance: none;
15964
16033
  }
15965
16034
 
15966
- .k-radio-sm {
15967
- width: 12px;
15968
- height: 12px;
15969
- }
15970
-
15971
- .k-radio-sm + .k-radio-label .k-ripple {
15972
- top: 6px;
15973
- left: 6px;
15974
- width: 30px;
15975
- height: 30px;
15976
- }
15977
-
15978
- .k-radio-sm::before {
15979
- content: "";
15980
- width: 6px;
15981
- height: 6px;
15982
- border-radius: 50%;
15983
- background-color: currentColor;
15984
- transform: scale(0) translate(-50%, -50%);
15985
- overflow: hidden;
15986
- position: absolute;
15987
- top: 50%;
15988
- left: 50%;
15989
- }
15990
-
15991
- .k-radio-md {
15992
- width: 16px;
15993
- height: 16px;
15994
- }
15995
-
15996
- .k-radio-md + .k-radio-label .k-ripple {
15997
- top: 8px;
15998
- left: 8px;
15999
- width: 40px;
16000
- height: 40px;
16001
- }
16002
-
16003
- .k-radio-md::before {
16004
- content: "";
16005
- width: 8px;
16006
- height: 8px;
16007
- border-radius: 50%;
16008
- background-color: currentColor;
16009
- transform: scale(0) translate(-50%, -50%);
16010
- overflow: hidden;
16011
- position: absolute;
16012
- top: 50%;
16013
- left: 50%;
16014
- }
16015
-
16016
- .k-radio-lg {
16017
- width: 24px;
16018
- height: 24px;
16019
- }
16020
-
16021
- .k-radio-lg + .k-radio-label .k-ripple {
16022
- top: 12px;
16023
- left: 12px;
16024
- width: 60px;
16025
- height: 60px;
16026
- }
16027
-
16028
- .k-radio-lg::before {
16029
- content: "";
16030
- width: 12px;
16031
- height: 12px;
16032
- border-radius: 50%;
16033
- background-color: currentColor;
16034
- transform: scale(0) translate(-50%, -50%);
16035
- overflow: hidden;
16036
- position: absolute;
16037
- top: 50%;
16038
- left: 50%;
16039
- }
16040
-
16041
- .k-radio:checked::before,
16042
- .k-radio.k-checked::before {
16043
- transform: scale(1) translate(-50%, -50%);
16035
+ .k-radio:checked,
16036
+ .k-radio.k-checked {
16037
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3e%3ccircle cx='50%' cy='50%' r='4' fill='white'/%3e%3c/svg%3e");
16044
16038
  }
16045
16039
 
16046
16040
  .k-radio:disabled,
16047
- .k-radio.k-disabled,
16048
- .k-radio:disabled + .k-radio-label,
16049
- .k-radio.k-disabled + .k-radio-label {
16041
+ .k-radio.k-disabled {
16050
16042
  outline: none;
16051
16043
  cursor: default;
16052
16044
  opacity: 0.6;
@@ -16061,6 +16053,9 @@ kendo-label > .k-label {
16061
16053
  flex-flow: row nowrap;
16062
16054
  gap: 0;
16063
16055
  align-items: center;
16056
+ align-self: start;
16057
+ vertical-align: middle;
16058
+ position: relative;
16064
16059
  }
16065
16060
 
16066
16061
  .k-radio-wrap::before {
@@ -16072,57 +16067,35 @@ kendo-label > .k-label {
16072
16067
  vertical-align: top;
16073
16068
  }
16074
16069
 
16075
- .k-radio + .k-radio-label {
16076
- display: inline;
16077
- }
16078
-
16079
16070
  .k-radio-label {
16080
16071
  margin: 0;
16081
16072
  padding: 0;
16082
- line-height: 17px;
16083
16073
  display: inline-flex;
16084
16074
  align-items: flex-start;
16075
+ gap: 4px;
16085
16076
  vertical-align: middle;
16086
16077
  position: relative;
16087
16078
  cursor: pointer;
16088
16079
  }
16089
16080
 
16090
- .k-radio-label .k-label {
16091
- cursor: pointer;
16092
- }
16093
-
16094
- .k-radio-label:empty {
16095
- display: none !important;
16096
- }
16097
-
16098
16081
  .k-radio-label .k-ripple {
16099
- right: auto;
16100
- bottom: auto;
16101
- transform: translate(-50%, -50%);
16102
- border-radius: 50%;
16103
16082
  visibility: hidden !important;
16104
16083
  }
16105
16084
 
16106
- .k-radio-label .k-ripple-blob {
16107
- top: 50% !important;
16108
- left: 50% !important;
16109
- width: 200% !important;
16110
- height: 200% !important;
16111
- }
16112
-
16085
+ .k-radio + .k-label,
16086
+ .k-radio-wrap + .k-label,
16113
16087
  .k-radio + .k-radio-label,
16114
- .k-radio-label + .k-radio,
16115
- .k-label + .k-radio {
16116
- margin-left: 4px;
16088
+ .k-radio-wrap + .k-radio-label {
16089
+ display: inline;
16090
+ margin-inline-start: 4px;
16117
16091
  }
16118
16092
 
16119
- .k-radio-label > .k-radio {
16120
- margin-right: 4px;
16121
- flex-shrink: 0;
16093
+ .k-radio-label:empty {
16094
+ display: none !important;
16122
16095
  }
16123
16096
 
16124
- kendo-label.k-radio-label > .k-label {
16125
- display: inline;
16097
+ .k-radio-label.k-no-text {
16098
+ min-width: 1px;
16126
16099
  }
16127
16100
 
16128
16101
  .k-radio-list {
@@ -16146,7 +16119,7 @@ kendo-label.k-radio-label > .k-label {
16146
16119
 
16147
16120
  .k-radio-item .k-radio-label,
16148
16121
  .k-radio-list-item .k-radio-label {
16149
- line-height: inherit;
16122
+ margin: 0;
16150
16123
  }
16151
16124
 
16152
16125
  .k-radio-list-horizontal,
@@ -16156,99 +16129,83 @@ kendo-label.k-radio-label > .k-label {
16156
16129
  gap: 16px;
16157
16130
  }
16158
16131
 
16159
- .k-rtl .k-radio + .k-radio-label,
16160
- .k-rtl .k-radio-label + .k-radio,
16161
- .k-rtl .k-label + .k-radio,
16162
- [dir="rtl"] .k-radio + .k-radio-label,
16163
- [dir="rtl"] .k-radio-label + .k-radio,
16164
- [dir="rtl"] .k-label + .k-radio {
16165
- margin-left: 0;
16166
- margin-right: 4px;
16132
+ .k-ripple-container .k-radio::after {
16133
+ content: "";
16134
+ display: block;
16135
+ position: absolute;
16136
+ left: 50%;
16137
+ top: 50%;
16138
+ border-radius: 100%;
16139
+ z-index: -1;
16140
+ transition: opacity 100ms linear, transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
16141
+ transform: translate(-50%, -50%) scale(0);
16142
+ transform-origin: center center;
16167
16143
  }
16168
16144
 
16169
- .k-rtl .k-radio-label > .k-radio,
16170
- [dir="rtl"] .k-radio-label > .k-radio {
16171
- margin-right: 0;
16172
- margin-left: 4px;
16145
+ .k-ripple-container .k-radio:focus,
16146
+ .k-ripple-container .k-radio.k-state-focus {
16147
+ box-shadow: none !important;
16173
16148
  }
16174
16149
 
16175
- .k-rtl kendo-label.k-radio-label > .k-radio:last-child,
16176
- [dir="rtl"] kendo-label.k-radio-label > .k-radio:last-child {
16177
- margin-left: 0;
16150
+ .k-ripple-container .k-radio:focus::after,
16151
+ .k-ripple-container .k-radio.k-state-focus::after {
16152
+ transform: translate(-50%, -50%) scale(1);
16178
16153
  }
16179
16154
 
16180
- .k-rtl kendo-label.k-radio-label > .k-label:first-child,
16181
- [dir="rtl"] kendo-label.k-radio-label > .k-label:first-child {
16182
- margin-right: 0;
16183
- margin-left: 4px;
16155
+ .k-ripple-container .k-radio:disabled::after,
16156
+ .k-ripple-container .k-radio.k-disabled::after {
16157
+ display: none;
16158
+ }
16159
+
16160
+ .k-ripple-container .k-radio:disabled::after,
16161
+ .k-ripple-container .k-radio.k-disabled::after {
16162
+ display: none;
16163
+ }
16164
+
16165
+ .k-radio-sm {
16166
+ width: 12px;
16167
+ height: 12px;
16168
+ }
16169
+
16170
+ .k-radio-sm::before {
16171
+ font-size: 10px;
16184
16172
  }
16185
16173
 
16186
16174
  .k-ripple-container .k-radio-sm::after {
16187
- content: "";
16188
- display: block;
16189
- position: absolute;
16190
- left: 0;
16191
- top: 0;
16192
16175
  width: 36px;
16193
16176
  height: 36px;
16194
- margin-left: -14px;
16195
- margin-top: -14px;
16196
- border-radius: 100%;
16197
- z-index: 1;
16198
- transform: scale(0);
16177
+ }
16178
+
16179
+ .k-radio-md {
16180
+ width: 16px;
16181
+ height: 16px;
16182
+ }
16183
+
16184
+ .k-radio-md::before {
16185
+ font-size: 14px;
16199
16186
  }
16200
16187
 
16201
16188
  .k-ripple-container .k-radio-md::after {
16202
- content: "";
16203
- display: block;
16204
- position: absolute;
16205
- left: 0;
16206
- top: 0;
16207
16189
  width: 48px;
16208
16190
  height: 48px;
16209
- margin-left: -18px;
16210
- margin-top: -18px;
16211
- border-radius: 100%;
16212
- z-index: 1;
16213
- transform: scale(0);
16214
16191
  }
16215
16192
 
16216
- .k-ripple-container .k-radio-lg::after {
16217
- content: "";
16218
- display: block;
16219
- position: absolute;
16220
- left: 0;
16221
- top: 0;
16222
- width: 72px;
16223
- height: 72px;
16224
- margin-left: -26px;
16225
- margin-top: -26px;
16226
- border-radius: 100%;
16227
- z-index: 1;
16228
- transform: scale(0);
16229
- }
16230
-
16231
- .k-ripple-container .k-radio:disabled::after,
16232
- .k-ripple-container .k-radio.k-disabled::after {
16233
- display: none;
16193
+ .k-radio-lg {
16194
+ width: 20px;
16195
+ height: 20px;
16234
16196
  }
16235
16197
 
16236
- .k-radio::-ms-check {
16237
- border-width: 0;
16238
- border-color: inherit;
16239
- color: inherit;
16240
- background-color: inherit;
16198
+ .k-radio-lg::before {
16199
+ font-size: 18px;
16241
16200
  }
16242
16201
 
16243
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
16244
- .k-radio::-ms-check {
16245
- border-width: 1px;
16246
- }
16202
+ .k-ripple-container .k-radio-lg::after {
16203
+ width: 60px;
16204
+ height: 60px;
16247
16205
  }
16248
16206
 
16249
16207
  .k-radio {
16250
16208
  border-color: #cacaca;
16251
- color: transparent;
16252
16209
  background-color: #ffffff;
16253
16210
  }
16254
16211
 
@@ -16280,13 +16237,12 @@ kendo-label.k-radio-label > .k-label {
16280
16237
 
16281
16238
  .k-radio:checked:focus,
16282
16239
  .k-radio.k-checked.k-state-focus {
16283
- border-color: #f35800;
16284
16240
  box-shadow: 0 0 0 2px rgba(243, 88, 0, 0.3);
16285
16241
  }
16286
16242
 
16287
16243
  .k-ripple-container .k-radio::after {
16288
16244
  background: #f35800;
16289
- opacity: 0.3;
16245
+ opacity: 0.25;
16290
16246
  }
16291
16247
 
16292
16248
  .k-slider {
@@ -16298,24 +16254,12 @@ kendo-label.k-radio-label > .k-label {
16298
16254
  line-height: 1.4285714286;
16299
16255
  background: none;
16300
16256
  display: inline-flex;
16301
- align-items: stretch;
16257
+ align-items: center;
16302
16258
  position: relative;
16303
16259
  -webkit-touch-callout: none;
16304
16260
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
16305
16261
  }
16306
16262
 
16307
- .k-slider .k-button-increase {
16308
- position: absolute;
16309
- right: 0;
16310
- top: 0;
16311
- }
16312
-
16313
- .k-slider .k-button-decrease {
16314
- position: absolute;
16315
- left: 0;
16316
- top: 0;
16317
- }
16318
-
16319
16263
  .k-slider .k-label {
16320
16264
  width: auto;
16321
16265
  font-size: .92em;
@@ -16350,29 +16294,28 @@ kendo-label.k-radio-label > .k-label {
16350
16294
  right: 0;
16351
16295
  }
16352
16296
 
16353
- .k-rtl .k-slider .k-button-increase, .k-slider.k-rtl .k-button-increase,
16354
- [dir="rtl"] .k-slider .k-button-increase, .k-slider[dir="rtl"] .k-button-increase {
16355
- left: 0;
16356
- right: auto;
16357
- }
16358
-
16359
- .k-rtl .k-slider .k-button-decrease, .k-slider.k-rtl .k-button-decrease,
16360
- [dir="rtl"] .k-slider .k-button-decrease, .k-slider[dir="rtl"] .k-button-decrease {
16361
- right: 0;
16362
- left: auto;
16297
+ .k-slider-wrap {
16298
+ width: 100%;
16299
+ height: 100%;
16300
+ box-sizing: border-box;
16301
+ display: flex;
16302
+ flex-flow: inherit;
16303
+ align-items: inherit;
16304
+ gap: inherit;
16305
+ position: relative;
16363
16306
  }
16364
16307
 
16365
16308
  .k-slider {
16309
+ width: min-content;
16310
+ height: min-content;
16366
16311
  gap: 7px;
16367
16312
  }
16368
16313
 
16369
- .k-slider > .k-button {
16370
- position: relative;
16371
- flex-shrink: 0;
16372
- align-self: center;
16314
+ .k-slider .k-button {
16315
+ flex: none;
16373
16316
  }
16374
16317
 
16375
- .k-slider > .k-slider-track-wrap {
16318
+ .k-slider .k-slider-track-wrap {
16376
16319
  flex: 1 1 auto;
16377
16320
  display: flex;
16378
16321
  flex-flow: inherit;
@@ -16380,114 +16323,118 @@ kendo-label.k-radio-label > .k-label {
16380
16323
  touch-action: none;
16381
16324
  }
16382
16325
 
16383
- .k-slider > .k-slider-track-wrap .k-slider-items {
16326
+ .k-slider .k-slider-track-wrap .k-slider-items {
16327
+ margin: 0;
16328
+ padding: 0;
16329
+ list-style: none;
16384
16330
  flex: 1 1 100%;
16385
16331
  display: flex;
16386
16332
  flex-flow: inherit;
16387
16333
  justify-content: space-between;
16334
+ -webkit-user-select: none;
16335
+ -ms-user-select: none;
16336
+ user-select: none;
16388
16337
  }
16389
16338
 
16390
- .k-slider > .k-slider-track-wrap .k-slider-items::after {
16391
- display: none;
16392
- }
16393
-
16394
- .k-slider > .k-slider-track-wrap .k-tick {
16339
+ .k-slider .k-slider-track-wrap .k-tick {
16395
16340
  flex: 0 0 1px;
16396
16341
  }
16397
16342
 
16398
- .k-slider > .k-slider-track-wrap .k-draghandle {
16343
+ .k-slider .k-slider-track-wrap .k-draghandle {
16399
16344
  position: absolute;
16400
16345
  }
16401
16346
 
16402
- .k-slider-horizontal > .k-slider-track-wrap .k-slider-track {
16347
+ .k-slider-horizontal .k-slider-track-wrap {
16348
+ height: 26px;
16349
+ }
16350
+
16351
+ .k-slider-horizontal .k-slider-track-wrap .k-slider-track {
16403
16352
  width: 100%;
16404
16353
  }
16405
16354
 
16406
- .k-slider-horizontal > .k-slider-track-wrap .k-draghandle {
16355
+ .k-slider-horizontal .k-slider-track-wrap .k-draghandle {
16407
16356
  top: 50%;
16408
16357
  transform: translate(-50%, -50%);
16409
16358
  }
16410
16359
 
16411
- .k-slider-horizontal > .k-slider-track-wrap .k-draghandle:focus,
16412
- .k-slider-horizontal > .k-slider-track-wrap .k-draghandle:active {
16360
+ .k-slider-horizontal .k-slider-track-wrap .k-draghandle:focus,
16361
+ .k-slider-horizontal .k-slider-track-wrap .k-draghandle:active {
16413
16362
  transform: translate(-50%, -50%) scale(1);
16414
16363
  }
16415
16364
 
16416
- .k-slider-horizontal > .k-slider-track-wrap .k-slider-selection {
16365
+ .k-slider-horizontal .k-slider-track-wrap .k-slider-selection {
16417
16366
  width: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%);
16418
16367
  left: calc(var(--kendo-slider-start, 0)*1%);
16419
16368
  }
16420
16369
 
16421
- .k-slider-horizontal > .k-slider-track-wrap .k-draghandle-start {
16370
+ .k-slider-horizontal .k-slider-track-wrap .k-draghandle-start {
16422
16371
  left: calc(var(--kendo-slider-start, 0)*1%);
16423
16372
  }
16424
16373
 
16425
- .k-slider-horizontal > .k-slider-track-wrap .k-draghandle-end {
16374
+ .k-slider-horizontal .k-slider-track-wrap .k-draghandle-end {
16426
16375
  left: calc(var(--kendo-slider-end, 0)*1%);
16427
16376
  }
16428
16377
 
16429
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-slider-selection {
16378
+ [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-slider-selection {
16430
16379
  left: unset;
16431
16380
  right: calc(var(--kendo-slider-start, 0)*1%);
16432
16381
  }
16433
16382
 
16434
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle-start {
16383
+ [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle-start {
16435
16384
  left: unset;
16436
16385
  right: calc(var(--kendo-slider-start, 0)*1%);
16437
16386
  }
16438
16387
 
16439
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle-end {
16388
+ [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle-end {
16440
16389
  left: unset;
16441
16390
  right: calc(var(--kendo-slider-end, 0)*1%);
16442
16391
  }
16443
16392
 
16444
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle {
16393
+ [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle {
16445
16394
  transform: translate(50%, -50%);
16446
16395
  }
16447
16396
 
16448
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle:focus,
16449
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle:active {
16397
+ [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle:focus,
16398
+ [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle:active {
16450
16399
  transform: translate(50%, -50%) scale(1);
16451
16400
  }
16452
16401
 
16453
- .k-slider-vertical > .k-slider-track-wrap .k-slider-track {
16402
+ .k-slider-vertical .k-slider-track-wrap {
16403
+ width: 26px;
16404
+ }
16405
+
16406
+ .k-slider-vertical .k-slider-track-wrap .k-slider-track {
16454
16407
  height: 100%;
16455
16408
  }
16456
16409
 
16457
- .k-slider-vertical > .k-slider-track-wrap .k-draghandle {
16410
+ .k-slider-vertical .k-slider-track-wrap .k-draghandle {
16458
16411
  left: 50%;
16459
16412
  transform: translate(-50%, 50%);
16460
16413
  }
16461
16414
 
16462
- .k-slider-vertical > .k-slider-track-wrap .k-draghandle:focus,
16463
- .k-slider-vertical > .k-slider-track-wrap .k-draghandle:active {
16415
+ .k-slider-vertical .k-slider-track-wrap .k-draghandle:focus,
16416
+ .k-slider-vertical .k-slider-track-wrap .k-draghandle:active {
16464
16417
  transform: translate(-50%, 50%) scale(1);
16465
16418
  }
16466
16419
 
16467
- .k-slider-vertical > .k-slider-track-wrap .k-slider-selection {
16420
+ .k-slider-vertical .k-slider-track-wrap .k-slider-selection {
16468
16421
  bottom: calc(var(--kendo-slider-start, 0)*1%);
16469
16422
  height: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%);
16470
16423
  }
16471
16424
 
16472
- .k-slider-vertical > .k-slider-track-wrap .k-draghandle-start {
16425
+ .k-slider-vertical .k-slider-track-wrap .k-draghandle-start {
16473
16426
  bottom: calc(var(--kendo-slider-start, 0)*1%);
16474
16427
  }
16475
16428
 
16476
- .k-slider-vertical > .k-slider-track-wrap .k-draghandle-end {
16429
+ .k-slider-vertical .k-slider-track-wrap .k-draghandle-end {
16477
16430
  bottom: calc(var(--kendo-slider-end, 0)*1%);
16478
16431
  }
16479
16432
 
16480
16433
  .k-slider-vertical {
16481
16434
  height: 200px;
16482
- width: 30px;
16483
16435
  flex-flow: column-reverse nowrap;
16484
16436
  }
16485
16437
 
16486
- .k-slider-vertical .k-button-decrease {
16487
- bottom: 0;
16488
- top: auto;
16489
- }
16490
-
16491
16438
  .k-slider-vertical .k-tick {
16492
16439
  text-align: right;
16493
16440
  margin-left: 2px;
@@ -16498,77 +16445,77 @@ kendo-label.k-radio-label > .k-label {
16498
16445
  }
16499
16446
 
16500
16447
  .k-slider-vertical .k-tick {
16501
- background-position: -92px center;
16448
+ background-position: -94px center;
16502
16449
  }
16503
16450
 
16504
16451
  .k-slider-vertical .k-slider-topleft .k-tick {
16505
- background-position: -122px center;
16452
+ background-position: -124px center;
16506
16453
  }
16507
16454
 
16508
16455
  .k-slider-vertical .k-slider-bottomright .k-tick {
16509
- background-position: -152px center;
16456
+ background-position: -154px center;
16510
16457
  }
16511
16458
 
16512
16459
  .k-slider-vertical .k-tick-large {
16513
16460
  display: flex;
16514
16461
  align-items: center;
16515
- background-position: -2px center;
16462
+ background-position: -4px center;
16516
16463
  }
16517
16464
 
16518
16465
  .k-slider-vertical .k-slider-topleft .k-tick-large {
16519
- background-position: -32px center;
16466
+ background-position: -34px center;
16520
16467
  }
16521
16468
 
16522
16469
  .k-slider-vertical .k-slider-bottomright .k-tick-large {
16523
- background-position: -62px center;
16470
+ background-position: -64px center;
16524
16471
  }
16525
16472
 
16526
16473
  .k-slider-vertical .k-first {
16527
- background-position: -92px 100%;
16474
+ background-position: -94px 100%;
16528
16475
  }
16529
16476
 
16530
16477
  .k-slider-vertical .k-tick-large.k-first {
16531
- background-position: -2px 100%;
16478
+ background-position: -4px 100%;
16532
16479
  }
16533
16480
 
16534
16481
  .k-slider-vertical .k-slider-topleft .k-first {
16535
- background-position: -122px 100%;
16482
+ background-position: -124px 100%;
16536
16483
  }
16537
16484
 
16538
16485
  .k-slider-vertical .k-slider-topleft .k-tick-large.k-first {
16539
- background-position: -32px 100%;
16486
+ background-position: -34px 100%;
16540
16487
  }
16541
16488
 
16542
16489
  .k-slider-vertical .k-slider-bottomright .k-first {
16543
- background-position: -152px 100%;
16490
+ background-position: -154px 100%;
16544
16491
  }
16545
16492
 
16546
16493
  .k-slider-vertical .k-slider-bottomright .k-tick-large.k-first {
16547
- background-position: -62px 100%;
16494
+ background-position: -64px 100%;
16548
16495
  }
16549
16496
 
16550
16497
  .k-slider-vertical .k-last {
16551
- background-position: -92px 0;
16498
+ background-position: -94px 0;
16552
16499
  }
16553
16500
 
16554
16501
  .k-slider-vertical .k-tick-large.k-last {
16555
- background-position: -2px 0;
16502
+ background-position: -4px 0;
16556
16503
  }
16557
16504
 
16558
16505
  .k-slider-vertical .k-slider-topleft .k-last {
16559
- background-position: -122px 0;
16506
+ background-position: -124px 0;
16560
16507
  }
16561
16508
 
16562
16509
  .k-slider-vertical .k-slider-topleft .k-tick-large.k-last {
16563
- background-position: -32px 0;
16510
+ background-position: -34px 0;
16564
16511
  }
16565
16512
 
16566
16513
  .k-slider-vertical .k-slider-bottomright .k-last {
16567
- background-position: -152px 0;
16514
+ background-position: -154px 0;
16568
16515
  }
16569
16516
 
16570
16517
  .k-slider-vertical .k-slider-bottomright .k-tick-large.k-last {
16571
- background-position: -62px 0;
16518
+ background-position: -64px 0;
16572
16519
  }
16573
16520
 
16574
16521
  .k-slider-vertical .k-label {
@@ -16604,17 +16551,10 @@ kendo-label.k-radio-label > .k-label {
16604
16551
  }
16605
16552
 
16606
16553
  .k-slider-horizontal {
16607
- height: 30px;
16608
16554
  width: 200px;
16609
16555
  flex-flow: row nowrap;
16610
16556
  }
16611
16557
 
16612
- .k-slider-horizontal .k-tick {
16613
- float: left;
16614
- height: 100%;
16615
- text-align: center;
16616
- }
16617
-
16618
16558
  .k-slider-horizontal .k-tick {
16619
16559
  background-position: center -92px;
16620
16560
  }
@@ -16715,11 +16655,6 @@ kendo-label.k-radio-label > .k-label {
16715
16655
  left: auto;
16716
16656
  }
16717
16657
 
16718
- .k-rtl .k-slider-horizontal .k-slider-buttons .k-slider-track, .k-slider-horizontal.k-rtl .k-slider-buttons .k-slider-track,
16719
- [dir="rtl"] .k-slider-horizontal .k-slider-buttons .k-slider-track, .k-slider-horizontal[dir="rtl"] .k-slider-buttons .k-slider-track {
16720
- right: 38px;
16721
- }
16722
-
16723
16658
  .k-rtl .k-slider-horizontal .k-button .k-i-arrow-e,
16724
16659
  .k-rtl .k-slider-horizontal .k-button .k-i-arrow-w, .k-slider-horizontal.k-rtl .k-button .k-i-arrow-e,
16725
16660
  .k-slider-horizontal.k-rtl .k-button .k-i-arrow-w,
@@ -16729,11 +16664,6 @@ kendo-label.k-radio-label > .k-label {
16729
16664
  transform: scaleX(-1);
16730
16665
  }
16731
16666
 
16732
- .k-slider-wrap {
16733
- height: 100%;
16734
- width: 100%;
16735
- }
16736
-
16737
16667
  .k-slider-track,
16738
16668
  .k-slider-selection {
16739
16669
  margin: 0;
@@ -16757,14 +16687,6 @@ kendo-label.k-radio-label > .k-label {
16757
16687
  width: 4px;
16758
16688
  }
16759
16689
 
16760
- .k-slider-horizontal .k-slider-buttons .k-slider-track {
16761
- left: 38px;
16762
- }
16763
-
16764
- .k-slider-vertical .k-slider-buttons .k-slider-track {
16765
- bottom: 38px;
16766
- }
16767
-
16768
16690
  .k-draghandle {
16769
16691
  background-color: transparent;
16770
16692
  background-repeat: no-repeat;
@@ -16774,29 +16696,11 @@ kendo-label.k-radio-label > .k-label {
16774
16696
  position: absolute;
16775
16697
  text-align: center;
16776
16698
  text-decoration: none;
16777
- box-sizing: content-box;
16699
+ box-sizing: border-box;
16778
16700
  width: 14px;
16779
16701
  height: 14px;
16780
16702
  }
16781
16703
 
16782
- .k-slider-horizontal .k-draghandle {
16783
- top: 50%;
16784
- transform: translateY(-50%);
16785
- }
16786
-
16787
- .k-slider-horizontal .k-draghandle:active, .k-slider-horizontal .k-draghandle.k-pressed {
16788
- transform: translateY(-50%) scale(1);
16789
- }
16790
-
16791
- .k-slider-vertical .k-draghandle {
16792
- left: 50%;
16793
- transform: translateX(-50%);
16794
- }
16795
-
16796
- .k-slider-vertical .k-draghandle:active, .k-slider-vertical .k-draghandle.k-pressed {
16797
- transform: translateX(-50%) scale(1);
16798
- }
16799
-
16800
16704
  .k-slider-transitions.k-slider-horizontal .k-draghandle {
16801
16705
  transition: left 0.3s ease-out, background-color 0.3s ease-out, transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
16802
16706
  }
@@ -16821,35 +16725,11 @@ kendo-label.k-radio-label > .k-label {
16821
16725
  transition: none;
16822
16726
  }
16823
16727
 
16824
- .k-slider-items {
16825
- -webkit-user-select: none;
16826
- -ms-user-select: none;
16827
- user-select: none;
16828
- }
16829
-
16830
- .k-slider-buttons .k-slider-items {
16831
- margin-left: 38px;
16832
- }
16833
-
16834
- .k-slider-horizontal .k-slider-items {
16835
- height: 100%;
16836
- padding: 2px 0;
16837
- box-sizing: border-box;
16838
- }
16839
-
16840
- .k-slider-vertical .k-slider-items {
16841
- padding-top: 1px;
16842
- }
16843
-
16844
- .k-slider-vertical .k-slider-buttons .k-slider-items {
16845
- margin: 0;
16846
- padding-top: 38px;
16847
- }
16848
-
16849
- .k-slider-items::after {
16850
- content: "";
16851
- display: block;
16852
- clear: both;
16728
+ .k-slider.k-readonly .k-button,
16729
+ .k-slider.k-readonly .k-slider-track,
16730
+ .k-slider.k-readonly .k-tick,
16731
+ .k-slider.k-readonly .k-draghandle {
16732
+ pointer-events: none;
16853
16733
  }
16854
16734
 
16855
16735
  .k-slider-tooltip .k-callout-n,
@@ -16862,6 +16742,20 @@ kendo-label.k-radio-label > .k-label {
16862
16742
  margin-top: -3px;
16863
16743
  }
16864
16744
 
16745
+ .k-slider kendo-resize-sensor {
16746
+ position: absolute;
16747
+ }
16748
+
16749
+ .k-slider-horizontal .k-slider-wrap:not(.k-slider-buttons) {
16750
+ padding-left: 7px;
16751
+ padding-right: 7px;
16752
+ }
16753
+
16754
+ .k-slider-vertical .k-slider-wrap:not(.k-slider-buttons) {
16755
+ padding-top: 7px;
16756
+ padding-bottom: 7px;
16757
+ }
16758
+
16865
16759
  .k-slider {
16866
16760
  color: #272727;
16867
16761
  }
@@ -16904,10 +16798,6 @@ kendo-label.k-radio-label > .k-label {
16904
16798
  box-shadow: 0 0 4px 0 rgba(204, 74, 0, 0.75);
16905
16799
  }
16906
16800
 
16907
- .k-slider .k-slider-wrap:focus {
16908
- outline: none;
16909
- }
16910
-
16911
16801
  .k-slider-horizontal .k-tick {
16912
16802
  background-image: url(data:image/gif;base64,R0lGODlhAQC0AIABALi4uAAAACH5BAEAAAEALAAAAAABALQAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7);
16913
16803
  }
@@ -17170,7 +17060,7 @@ kendo-label.k-radio-label > .k-label {
17170
17060
  display: block;
17171
17061
  position: absolute;
17172
17062
  bottom: 0;
17173
- content: " ";
17063
+ content: "\200b";
17174
17064
  height: 0;
17175
17065
  line-height: 0;
17176
17066
  z-index: 1;
@@ -17204,7 +17094,7 @@ kendo-label.k-radio-label > .k-label {
17204
17094
  .k-calendar-navigation::before, .k-calendar-navigation::after {
17205
17095
  display: block;
17206
17096
  position: absolute;
17207
- content: " ";
17097
+ content: "\200b";
17208
17098
  height: 0;
17209
17099
  line-height: 0;
17210
17100
  z-index: 1;
@@ -17583,7 +17473,7 @@ kendo-label.k-radio-label > .k-label {
17583
17473
 
17584
17474
  .k-time-list-wrapper.k-state-focused::before, .k-time-list-wrapper.k-state-focused::after {
17585
17475
  display: block;
17586
- content: " ";
17476
+ content: "\200b";
17587
17477
  position: absolute;
17588
17478
  width: 100%;
17589
17479
  left: 0;
@@ -17609,13 +17499,14 @@ kendo-label.k-radio-label > .k-label {
17609
17499
  flex: 1;
17610
17500
  position: relative;
17611
17501
  z-index: 1;
17502
+ outline: 0;
17612
17503
  overflow: hidden;
17613
17504
  }
17614
17505
 
17615
17506
  .k-time-list::before, .k-time-list::after {
17616
17507
  display: block;
17617
17508
  position: absolute;
17618
- content: " ";
17509
+ content: "\200b";
17619
17510
  height: 0;
17620
17511
  line-height: 0;
17621
17512
  z-index: 1;
@@ -17943,10 +17834,6 @@ kendo-label.k-radio-label > .k-label {
17943
17834
  z-index: 1;
17944
17835
  }
17945
17836
 
17946
- .k-colorgradient-slider .k-slider-wrap > .k-slider-track {
17947
- height: 180px;
17948
- }
17949
-
17950
17837
  .k-colorgradient-slider .k-slider-selection {
17951
17838
  display: none;
17952
17839
  }
@@ -18145,7 +18032,7 @@ kendo-label.k-radio-label > .k-label {
18145
18032
  box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.3);
18146
18033
  }
18147
18034
 
18148
- .k-colorpicker {
18035
+ .k-color-picker, .k-colorpicker {
18149
18036
  width: min-content;
18150
18037
  }
18151
18038
 
@@ -18186,6 +18073,13 @@ kendo-label.k-radio-label > .k-label {
18186
18073
  gap: 8px;
18187
18074
  }
18188
18075
 
18076
+ .k-daterangepicker-wrap {
18077
+ display: inherit;
18078
+ flex-flow: inherit;
18079
+ align-items: inherit;
18080
+ gap: inherit;
18081
+ }
18082
+
18189
18083
  .k-dropdowngrid-popup {
18190
18084
  overflow: hidden;
18191
18085
  }
@@ -18472,6 +18366,16 @@ kendo-label.k-radio-label > .k-label {
18472
18366
 
18473
18367
  .k-dropdown-operator {
18474
18368
  width: min-content;
18369
+ flex: none;
18370
+ aspect-ratio: 1;
18371
+ }
18372
+
18373
+ .k-dropdown-operator .k-input-button {
18374
+ border-width: 0;
18375
+ }
18376
+
18377
+ .k-dropdown-operator .k-input-button .k-button-icon {
18378
+ width: auto;
18475
18379
  aspect-ratio: 1;
18476
18380
  }
18477
18381
 
@@ -18486,6 +18390,8 @@ kendo-label.k-radio-label > .k-label {
18486
18390
  box-sizing: border-box;
18487
18391
  outline: 0;
18488
18392
  font-family: inherit;
18393
+ font-size: 14px;
18394
+ line-height: 1.4285714286;
18489
18395
  display: block;
18490
18396
  cursor: default;
18491
18397
  overflow: auto;
@@ -18494,8 +18400,15 @@ kendo-label.k-radio-label > .k-label {
18494
18400
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
18495
18401
  }
18496
18402
 
18497
- .k-treeview-group,
18498
- .k-treeview .k-group {
18403
+ .k-treeview-filter {
18404
+ padding: 4px;
18405
+ box-sizing: border-box;
18406
+ display: block;
18407
+ position: relative;
18408
+ flex: none;
18409
+ }
18410
+
18411
+ .k-treeview-group {
18499
18412
  margin: 0;
18500
18413
  padding: 0;
18501
18414
  list-style: none;
@@ -18505,8 +18418,7 @@ kendo-label.k-radio-label > .k-label {
18505
18418
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
18506
18419
  }
18507
18420
 
18508
- .k-treeview-group.ng-animating,
18509
- .k-treeview .k-group.ng-animating {
18421
+ .k-treeview-group.ng-animating {
18510
18422
  overflow: hidden;
18511
18423
  }
18512
18424
 
@@ -18535,22 +18447,20 @@ kendo-label.k-radio-label > .k-label {
18535
18447
  cursor: pointer;
18536
18448
  }
18537
18449
 
18538
- .k-treeview-toggle + .k-checkbox-wrap,
18539
- .k-treeview-toggle + .k-checkbox-wrapper {
18540
- margin-left: 4px;
18541
- }
18542
-
18543
18450
  .k-treeview-loading {
18544
18451
  margin-right: 4px;
18545
18452
  }
18546
18453
 
18547
18454
  .k-treeview .k-checkbox-wrap,
18548
18455
  .k-treeview .k-checkbox-wrapper {
18456
+ margin-left: 4px;
18549
18457
  margin-right: 4px;
18458
+ align-self: center;
18550
18459
  }
18551
18460
 
18552
18461
  .k-treeview-leaf {
18553
18462
  border-radius: 4px;
18463
+ padding: 4px 8px;
18554
18464
  border: 0px solid transparent;
18555
18465
  text-decoration: none;
18556
18466
  display: inline-flex;
@@ -18566,7 +18476,7 @@ kendo-label.k-radio-label > .k-label {
18566
18476
  margin-right: 4px;
18567
18477
  }
18568
18478
 
18569
- .k-treeview-leaf.k-state-focus, .k-treeview-leaf.k-state-focused {
18479
+ .k-treeview-leaf.k-focus {
18570
18480
  z-index: 1;
18571
18481
  }
18572
18482
 
@@ -18574,7 +18484,7 @@ kendo-label.k-radio-label > .k-label {
18574
18484
  cursor: pointer;
18575
18485
  }
18576
18486
 
18577
- .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 {
18487
+ .k-treeview .k-treeview-load-more-button:hover, .k-treeview .k-treeview-load-more-button.k-hover, .k-treeview .k-treeview-load-more-button:focus, .k-treeview .k-treeview-load-more-button.k-focus {
18578
18488
  text-decoration: underline;
18579
18489
  }
18580
18490
 
@@ -18590,27 +18500,12 @@ kendo-label.k-radio-label > .k-label {
18590
18500
  margin-right: -16px;
18591
18501
  }
18592
18502
 
18593
- .k-rtl .k-treeview .k-treeview-toggle + .k-checkbox-wrap,
18594
- .k-rtl .k-treeview .k-treeview-toggle + .k-checkbox-wrapper,
18595
- .k-treeview[dir="rtl"] .k-treeview-toggle + .k-checkbox-wrap,
18596
- .k-treeview[dir="rtl"] .k-treeview-toggle + .k-checkbox-wrapper {
18597
- margin-right: 4px;
18598
- }
18599
-
18600
18503
  .k-rtl .k-treeview .k-treeview-loading,
18601
18504
  .k-treeview[dir="rtl"] .k-treeview-loading {
18602
18505
  margin-right: 0;
18603
18506
  margin-left: 4px;
18604
18507
  }
18605
18508
 
18606
- .k-rtl .k-treeview .k-checkbox-wrap,
18607
- .k-rtl .k-treeview .k-checkbox-wrapper,
18608
- .k-treeview[dir="rtl"] .k-checkbox-wrap,
18609
- .k-treeview[dir="rtl"] .k-checkbox-wrapper {
18610
- margin-right: 0;
18611
- margin-left: 4px;
18612
- }
18613
-
18614
18509
  .k-rtl .k-treeview .k-treeview-leaf .k-icon,
18615
18510
  .k-rtl .k-treeview .k-treeview-leaf .k-image,
18616
18511
  .k-rtl .k-treeview .k-treeview-leaf .k-sprite,
@@ -18628,12 +18523,12 @@ kendo-label.k-radio-label > .k-label {
18628
18523
  }
18629
18524
 
18630
18525
  .k-treeview-sm {
18631
- font-size: 12px;
18526
+ font-size: 14px;
18632
18527
  line-height: 1.4285714286;
18633
18528
  }
18634
18529
 
18635
18530
  .k-treeview-sm .k-treeview-leaf {
18636
- padding: 2px 4px;
18531
+ padding: 2px 8px;
18637
18532
  }
18638
18533
 
18639
18534
  .k-treeview-md {
@@ -18646,12 +18541,12 @@ kendo-label.k-radio-label > .k-label {
18646
18541
  }
18647
18542
 
18648
18543
  .k-treeview-lg {
18649
- font-size: 16px;
18544
+ font-size: 14px;
18650
18545
  line-height: 1.4285714286;
18651
18546
  }
18652
18547
 
18653
18548
  .k-treeview-lg .k-treeview-leaf {
18654
- padding: 8px 12px;
18549
+ padding: 6px 8px;
18655
18550
  }
18656
18551
 
18657
18552
  .k-treeview {
@@ -19649,7 +19544,7 @@ kendo-label.k-radio-label > .k-label {
19649
19544
  }
19650
19545
 
19651
19546
  .k-appbar {
19652
- padding: 8px 16px;
19547
+ padding: 8px 8px;
19653
19548
  border-width: 0px;
19654
19549
  border-style: solid;
19655
19550
  box-sizing: border-box;
@@ -19695,10 +19590,14 @@ kendo-label.k-radio-label > .k-label {
19695
19590
  }
19696
19591
 
19697
19592
  .k-appbar .k-input,
19698
- .k-appbar .k-picker:not(.k-colorpicker) {
19593
+ .k-appbar .k-picker {
19699
19594
  width: 10em;
19700
19595
  }
19701
19596
 
19597
+ .k-appbar .k-color-picker, .k-appbar .k-colorpicker {
19598
+ width: min-content;
19599
+ }
19600
+
19702
19601
  .k-appbar-static {
19703
19602
  position: static;
19704
19603
  }
@@ -20446,6 +20345,8 @@ kendo-label.k-radio-label > .k-label {
20446
20345
  }
20447
20346
 
20448
20347
  .k-menu-vertical > .k-menu-item > .k-menu-link {
20348
+ padding: 4px 8px;
20349
+ padding-right: 32px;
20449
20350
  }
20450
20351
 
20451
20352
  .k-menu-vertical .k-menu-expand-arrow {
@@ -20507,23 +20408,23 @@ kendo-label.k-radio-label > .k-label {
20507
20408
  }
20508
20409
 
20509
20410
  .k-menu-group-sm {
20510
- font-size: 12px;
20511
- line-height: 1.5;
20411
+ font-size: 14px;
20412
+ line-height: 1.4285714286;
20512
20413
  }
20513
20414
 
20514
20415
  .k-menu-group-sm .k-menu-item {
20515
- font-size: 12px;
20516
- line-height: 1.5;
20416
+ font-size: 14px;
20417
+ line-height: 1.4285714286;
20517
20418
  }
20518
20419
 
20519
20420
  .k-menu-group-sm .k-menu-link {
20520
- padding: 3px 6px;
20521
- padding-inline-end: 28px;
20421
+ padding: 2px 8px;
20422
+ padding-inline-end: 32px;
20522
20423
  }
20523
20424
 
20524
20425
  .k-menu-group-sm .k-menu-expand-arrow {
20525
- margin-inline-start: 6px;
20526
- margin-inline-end: -25px;
20426
+ margin-inline-start: 8px;
20427
+ margin-inline-end: -28px;
20527
20428
  }
20528
20429
 
20529
20430
  .k-menu-group-md {
@@ -20547,23 +20448,23 @@ kendo-label.k-radio-label > .k-label {
20547
20448
  }
20548
20449
 
20549
20450
  .k-menu-group-lg {
20550
- font-size: 16px;
20551
- line-height: 1.5;
20451
+ font-size: 14px;
20452
+ line-height: 1.4285714286;
20552
20453
  }
20553
20454
 
20554
20455
  .k-menu-group-lg .k-menu-item {
20555
- font-size: 16px;
20556
- line-height: 1.5;
20456
+ font-size: 14px;
20457
+ line-height: 1.4285714286;
20557
20458
  }
20558
20459
 
20559
20460
  .k-menu-group-lg .k-menu-link {
20560
- padding: 5px 10px;
20561
- padding-inline-end: 36px;
20461
+ padding: 6px 8px;
20462
+ padding-inline-end: 32px;
20562
20463
  }
20563
20464
 
20564
20465
  .k-menu-group-lg .k-menu-expand-arrow {
20565
- margin-inline-start: 10px;
20566
- margin-inline-end: -31px;
20466
+ margin-inline-start: 8px;
20467
+ margin-inline-end: -28px;
20567
20468
  }
20568
20469
 
20569
20470
  .k-popups-wrapper {
@@ -20659,6 +20560,18 @@ kendo-label.k-radio-label > .k-label {
20659
20560
  margin-left: 0;
20660
20561
  }
20661
20562
 
20563
+ .k-rtl .k-menu-vertical > .k-menu-item > .k-menu-link,
20564
+ [dir="rtl"] .k-menu-vertical > .k-menu-item > .k-menu-link {
20565
+ padding-right: 8px;
20566
+ padding-left: 32px;
20567
+ }
20568
+
20569
+ .k-rtl .k-menu-group .k-menu-link,
20570
+ [dir="rtl"] .k-menu-group .k-menu-link {
20571
+ padding-right: 8px;
20572
+ padding-left: 32px;
20573
+ }
20574
+
20662
20575
  .k-menu:not(.k-context-menu) {
20663
20576
  border-color: #cacaca;
20664
20577
  color: #272727;
@@ -20968,11 +20881,11 @@ kendo-label.k-radio-label > .k-label {
20968
20881
  }
20969
20882
 
20970
20883
  .k-window-content:first-child {
20971
- padding-top: max( 12px, 8px );
20884
+ padding-top: clamp(12px, 8px, 8px);
20972
20885
  }
20973
20886
 
20974
20887
  .k-window-content:last-child {
20975
- padding-bottom: max( 12px, 8px );
20888
+ padding-bottom: clamp(12px, 8px, 8px);
20976
20889
  }
20977
20890
 
20978
20891
  .k-window-iframecontent {
@@ -21002,6 +20915,10 @@ kendo-label.k-radio-label > .k-label {
21002
20915
  overflow: hidden;
21003
20916
  }
21004
20917
 
20918
+ .k-prompt-container > .k-textarea {
20919
+ width: 100%;
20920
+ }
20921
+
21005
20922
  .k-window .k-resize-n {
21006
20923
  top: 0;
21007
20924
  }
@@ -22664,7 +22581,8 @@ kendo-card-footer {
22664
22581
  position: relative;
22665
22582
  }
22666
22583
 
22667
- .k-pager-numbers-wrap select.k-dropdown-list {
22584
+ .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-numbers-wrap select.k-dropdown,
22585
+ .k-pager-numbers-wrap select.k-dropdownlist {
22668
22586
  cursor: pointer;
22669
22587
  display: none;
22670
22588
  }
@@ -22697,15 +22615,19 @@ kendo-card-footer {
22697
22615
  width: 5em;
22698
22616
  }
22699
22617
 
22700
- .k-pager-sizes .k-dropdown-list,
22618
+ .k-pager-sizes .k-dropdown-list, .k-pager-sizes .k-dropdown,
22619
+ .k-pager-sizes .k-dropdownlist,
22701
22620
  .k-pager-sizes > select {
22702
22621
  margin-right: 1ex;
22703
22622
  width: 5em;
22704
22623
  }
22705
22624
 
22706
- .k-rtl .k-pager-sizes .k-dropdown-list,
22625
+ .k-rtl .k-pager-sizes .k-dropdown-list, .k-rtl .k-pager-sizes .k-dropdown,
22626
+ .k-rtl .k-pager-sizes .k-dropdownlist,
22707
22627
  .k-rtl .k-pager-sizes > select,
22708
22628
  [dir="rtl"] .k-pager-sizes .k-dropdown-list,
22629
+ [dir="rtl"] .k-pager-sizes .k-dropdown,
22630
+ [dir="rtl"] .k-pager-sizes .k-dropdownlist,
22709
22631
  [dir="rtl"] .k-pager-sizes > select {
22710
22632
  margin-left: 1ex;
22711
22633
  margin-right: 0;
@@ -22733,7 +22655,8 @@ kendo-card-footer {
22733
22655
  overflow: visible;
22734
22656
  }
22735
22657
 
22736
- .k-pager-sm .k-pager-numbers-wrap select.k-dropdown-list {
22658
+ .k-pager-sm .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-sm .k-pager-numbers-wrap select.k-dropdown,
22659
+ .k-pager-sm .k-pager-numbers-wrap select.k-dropdownlist {
22737
22660
  width: 5em;
22738
22661
  display: flex;
22739
22662
  }
@@ -22813,7 +22736,7 @@ kendo-card-footer {
22813
22736
  .k-pager-md .k-pager-numbers .k-current-page .k-link:hover, .k-pager-md .k-pager-numbers .k-current-page .k-link.k-state-hover,
22814
22737
  .k-pager-sm .k-pager-numbers .k-current-page .k-link:hover,
22815
22738
  .k-pager-sm .k-pager-numbers .k-current-page .k-link.k-state-hover {
22816
- border-color: #bababa;
22739
+ border-color: #b6b6b6;
22817
22740
  background-color: #dddddd;
22818
22741
  }
22819
22742
 
@@ -23175,7 +23098,7 @@ kendo-card-footer {
23175
23098
  color: inherit;
23176
23099
  background-color: transparent;
23177
23100
  display: flex;
23178
- flex-direction: column;
23101
+ flex-flow: column nowrap;
23179
23102
  -webkit-touch-callout: none;
23180
23103
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
23181
23104
  }
@@ -23269,6 +23192,7 @@ kendo-card-footer {
23269
23192
  top: 0;
23270
23193
  left: 0;
23271
23194
  transition: width .2s linear;
23195
+ display: none;
23272
23196
  }
23273
23197
 
23274
23198
  .k-tabstrip-items .k-loading.k-complete {
@@ -23278,6 +23202,7 @@ kendo-card-footer {
23278
23202
 
23279
23203
  .k-tabstrip-scrollable > .k-tabstrip-items-wrapper > .k-tabstrip-items {
23280
23204
  flex: 1 1 auto;
23205
+ flex-wrap: nowrap;
23281
23206
  white-space: nowrap;
23282
23207
  overflow: hidden;
23283
23208
  }
@@ -24341,11 +24266,6 @@ kendo-card-footer {
24341
24266
  box-sizing: border-box;
24342
24267
  }
24343
24268
 
24344
- .k-pane-wrapper .k-grid-filter-menu .k-filter-selected-items {
24345
- margin: 1em;
24346
- font-weight: normal;
24347
- }
24348
-
24349
24269
  .k-pane-wrapper .k-grid-edit-form .k-popup-edit-form,
24350
24270
  .k-pane-wrapper .k-grid-edit-form .k-edit-form-container {
24351
24271
  width: auto;
@@ -24579,39 +24499,8 @@ kendo-card-footer {
24579
24499
  border-bottom-width: 0;
24580
24500
  }
24581
24501
 
24582
- .k-pane-wrapper .k-grid-edit-form > .k-header,
24583
- .k-pane-wrapper .k-grid-column-menu > .k-header,
24584
- .k-pane-wrapper .k-grid-filter-menu > .k-header,
24585
- .k-pane-wrapper .k-scheduler-edit-form > .k-header {
24586
- display: flex;
24587
- justify-content: space-between;
24588
- padding: .3em .6em;
24589
- width: auto;
24590
- line-height: 2em;
24591
- }
24592
-
24593
- .k-pane-wrapper .k-grid-edit-form > .k-header .k-header-done,
24594
- .k-pane-wrapper .k-grid-edit-form > .k-header .k-header-cancel,
24595
- .k-pane-wrapper .k-grid-column-menu > .k-header .k-header-done,
24596
- .k-pane-wrapper .k-grid-column-menu > .k-header .k-header-cancel,
24597
- .k-pane-wrapper .k-grid-filter-menu > .k-header .k-header-done,
24598
- .k-pane-wrapper .k-grid-filter-menu > .k-header .k-header-cancel,
24599
- .k-pane-wrapper .k-scheduler-edit-form > .k-header .k-header-done,
24600
- .k-pane-wrapper .k-scheduler-edit-form > .k-header .k-header-cancel {
24601
- display: flex;
24602
- flex-direction: row;
24603
- align-items: center;
24604
- }
24605
-
24606
- .k-pane-wrapper .k-grid-edit-form > .k-header .k-header-done .k-icon,
24607
- .k-pane-wrapper .k-grid-edit-form > .k-header .k-header-cancel .k-icon,
24608
- .k-pane-wrapper .k-grid-column-menu > .k-header .k-header-done .k-icon,
24609
- .k-pane-wrapper .k-grid-column-menu > .k-header .k-header-cancel .k-icon,
24610
- .k-pane-wrapper .k-grid-filter-menu > .k-header .k-header-done .k-icon,
24611
- .k-pane-wrapper .k-grid-filter-menu > .k-header .k-header-cancel .k-icon,
24612
- .k-pane-wrapper .k-scheduler-edit-form > .k-header .k-header-done .k-icon,
24613
- .k-pane-wrapper .k-scheduler-edit-form > .k-header .k-header-cancel .k-icon {
24614
- font-size: 1.5em;
24502
+ .k-pane-wrapper .k-appbar {
24503
+ padding: 4px;
24615
24504
  }
24616
24505
 
24617
24506
  .k-pane-wrapper .k-list-title,
@@ -24620,22 +24509,66 @@ kendo-card-footer {
24620
24509
  display: block;
24621
24510
  }
24622
24511
 
24512
+ .k-pane-wrapper .k-listgroup-title {
24513
+ padding: 8px 8px;
24514
+ font-weight: bold;
24515
+ text-transform: uppercase;
24516
+ }
24517
+
24623
24518
  .k-pane-wrapper .k-listgroup .k-listgroup-item {
24624
24519
  border-color: inherit;
24625
24520
  }
24626
24521
 
24627
24522
  .k-pane-wrapper .k-listgroup + .k-listgroup {
24628
- margin-top: 2em;
24523
+ margin-top: 16px;
24524
+ }
24525
+
24526
+ .k-pane-wrapper .k-column-menu {
24527
+ padding: 8px;
24528
+ display: flex;
24529
+ flex-flow: column nowrap;
24530
+ gap: 8px;
24629
24531
  }
24630
24532
 
24631
24533
  .k-pane-wrapper .k-column-menu .k-filter-item .k-filterable * {
24632
24534
  pointer-events: none;
24633
24535
  }
24634
24536
 
24537
+ .k-pane-wrapper .k-column-menu .k-list-title,
24538
+ .k-pane-wrapper .k-column-menu .k-listgroup-title {
24539
+ padding: 0;
24540
+ }
24541
+
24542
+ .k-pane-wrapper .k-column-menu .k-listgroup {
24543
+ margin-inline: -8px;
24544
+ }
24545
+
24546
+ .k-pane-wrapper .k-filter-menu {
24547
+ padding: 8px;
24548
+ display: flex;
24549
+ flex-flow: column nowrap;
24550
+ gap: 8px;
24551
+ }
24552
+
24553
+ .k-pane-wrapper .k-filter-menu .k-list-title {
24554
+ padding: 0;
24555
+ }
24556
+
24557
+ .k-pane-wrapper .k-filter-menu .k-list-filter {
24558
+ padding: 0;
24559
+ display: flex;
24560
+ flex-flow: column nowrap;
24561
+ gap: inherit;
24562
+ }
24563
+
24635
24564
  .k-pane-wrapper .k-filter-menu .k-filter-tools {
24636
- margin: 1em;
24637
24565
  display: flex;
24638
- justify-content: space-between;
24566
+ flex-flow: row nowrap;
24567
+ gap: inherit;
24568
+ }
24569
+
24570
+ .k-pane-wrapper .k-filter-menu .k-listgroup {
24571
+ margin-inline: -8px;
24639
24572
  }
24640
24573
 
24641
24574
  .k-pane-wrapper .k-popup-edit-form .k-recur-editor-wrap {
@@ -24662,27 +24595,12 @@ kendo-card-footer {
24662
24595
  display: none;
24663
24596
  }
24664
24597
 
24665
- .k-ie .k-pane-wrapper .k-scheduler .k-scheduler-toolbar,
24666
- .k-ie .k-pane-wrapper .k-scheduler .k-scheduler-footer {
24667
- line-height: 2em;
24668
- }
24669
-
24670
- .k-ie .k-pane-wrapper .k-grid .k-icon {
24671
- text-indent: 0;
24672
- }
24673
-
24674
- .k-rtl .k-pane-wrapper .k-grid-edit-form > .k-header,
24675
- .k-rtl .k-pane-wrapper .k-grid-column-menu > .k-header,
24676
- .k-rtl .k-pane-wrapper .k-grid-filter-menu > .k-header,
24677
- .k-rtl .k-pane-wrapper .k-scheduler-edit-form > .k-header, .k-pane-wrapper[dir="rtl"] .k-grid-edit-form > .k-header,
24678
- .k-pane-wrapper[dir="rtl"] .k-grid-column-menu > .k-header,
24679
- .k-pane-wrapper[dir="rtl"] .k-grid-filter-menu > .k-header,
24680
- .k-pane-wrapper[dir="rtl"] .k-scheduler-edit-form > .k-header,
24681
- [dir="rtl"] .k-pane-wrapper .k-grid-edit-form > .k-header,
24682
- [dir="rtl"] .k-pane-wrapper .k-grid-column-menu > .k-header,
24683
- [dir="rtl"] .k-pane-wrapper .k-grid-filter-menu > .k-header,
24684
- [dir="rtl"] .k-pane-wrapper .k-scheduler-edit-form > .k-header {
24685
- flex-direction: row-reverse;
24598
+ .k-rtl .k-pane-wrapper .k-header-cancel .k-i-arrow-chevron-left,
24599
+ .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,
24600
+ .k-pane-wrapper[dir="rtl"] .k-listgroup-item .k-select .k-i-arrow-chevron-right,
24601
+ [dir="rtl"] .k-pane-wrapper .k-header-cancel .k-i-arrow-chevron-left,
24602
+ [dir="rtl"] .k-pane-wrapper .k-listgroup-item .k-select .k-i-arrow-chevron-right {
24603
+ transform: scaleX(-1);
24686
24604
  }
24687
24605
 
24688
24606
  .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,
@@ -24704,11 +24622,6 @@ kendo-card-footer {
24704
24622
  margin-right: 0;
24705
24623
  }
24706
24624
 
24707
- .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,
24708
- [dir="rtl"] .k-pane-wrapper .k-scheduler-edit-form .k-item .k-i-arrow-chevron-right {
24709
- transform: scaleX(-1);
24710
- }
24711
-
24712
24625
  .k-pane-wrapper,
24713
24626
  .k-view {
24714
24627
  border-color: #cacaca;
@@ -24760,21 +24673,6 @@ kendo-card-footer {
24760
24673
  background-color: inherit;
24761
24674
  }
24762
24675
 
24763
- .k-pane-wrapper .k-pane .k-grid-edit-form .k-header,
24764
- .k-pane-wrapper .k-pane .k-grid-column-menu .k-header,
24765
- .k-pane-wrapper .k-pane .k-grid-filter-menu .k-header,
24766
- .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-header {
24767
- color: white;
24768
- background-color: #f35800;
24769
- }
24770
-
24771
- .k-pane-wrapper .k-pane .k-grid-edit-form .k-header .k-link,
24772
- .k-pane-wrapper .k-pane .k-grid-column-menu .k-header .k-link,
24773
- .k-pane-wrapper .k-pane .k-grid-filter-menu .k-header .k-link,
24774
- .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-header .k-link {
24775
- color: inherit;
24776
- }
24777
-
24778
24676
  .k-pane-wrapper .k-pane .k-grid-edit-form .k-item,
24779
24677
  .k-pane-wrapper .k-pane .k-grid-edit-form .k-link,
24780
24678
  .k-pane-wrapper .k-pane .k-grid-column-menu .k-item,
@@ -25558,6 +25456,7 @@ div.k-grid-footer {
25558
25456
 
25559
25457
  .k-filtercell > span,
25560
25458
  .k-filtercell .k-filtercell-wrapper {
25459
+ width: 100%;
25561
25460
  display: flex;
25562
25461
  flex-flow: row nowrap;
25563
25462
  align-items: center;
@@ -25570,6 +25469,18 @@ div.k-grid-footer {
25570
25469
  flex: none;
25571
25470
  }
25572
25471
 
25472
+ .k-filtercell .k-input,
25473
+ .k-filtercell .k-picker {
25474
+ width: auto;
25475
+ flex: 1 1 auto;
25476
+ }
25477
+
25478
+ .k-filtercell .k-color-picker, .k-filtercell .k-colorpicker,
25479
+ .k-filtercell .k-dropdown-operator {
25480
+ width: min-content;
25481
+ flex: none;
25482
+ }
25483
+
25573
25484
  .k-grid-content,
25574
25485
  .k-grid-content-locked {
25575
25486
  border-color: inherit;
@@ -25602,6 +25513,17 @@ div.k-grid-footer {
25602
25513
  position: relative;
25603
25514
  }
25604
25515
 
25516
+ .k-grid th > .k-radio,
25517
+ .k-grid th > .k-radio-wrap,
25518
+ .k-grid th > .k-checkbox,
25519
+ .k-grid th > .k-checkbox-wrap,
25520
+ .k-grid td > .k-radio,
25521
+ .k-grid td > .k-radio-wrap,
25522
+ .k-grid td > .k-checkbox,
25523
+ .k-grid td > .k-checkbox-wrap {
25524
+ vertical-align: top;
25525
+ }
25526
+
25605
25527
  .k-grid .k-edit-cell,
25606
25528
  .k-grid .k-command-cell,
25607
25529
  .k-grid .k-grid-edit-row td {
@@ -25620,6 +25542,17 @@ div.k-grid-footer {
25620
25542
  box-sizing: border-box;
25621
25543
  }
25622
25544
 
25545
+ .k-grid .k-edit-cell > .k-radio,
25546
+ .k-grid .k-edit-cell > .k-checkbox,
25547
+ .k-grid .k-edit-cell > .k-radio-wrap,
25548
+ .k-grid .k-edit-cell > .k-checkbox-wrap,
25549
+ .k-grid .k-grid-edit-row td > .k-radio,
25550
+ .k-grid .k-grid-edit-row td > .k-checkbox,
25551
+ .k-grid .k-grid-edit-row td > .k-radio-wrap,
25552
+ .k-grid .k-grid-edit-row td > .k-checkbox-wrap {
25553
+ vertical-align: middle;
25554
+ }
25555
+
25623
25556
  .k-grid .k-command-cell > .k-button {
25624
25557
  vertical-align: middle;
25625
25558
  }
@@ -26051,12 +25984,8 @@ div.k-grid-norecords {
26051
25984
  .k-popup .k-multicheck-wrap .k-item,
26052
25985
  .k-popup .k-multicheck-wrap .k-check-all-wrap {
26053
25986
  padding: 4px 8px;
26054
- }
26055
-
26056
- .k-popup .k-multicheck-wrap .k-item > .k-checkbox-label,
26057
- .k-popup .k-multicheck-wrap .k-check-all-wrap > .k-checkbox-label {
26058
- line-height: inherit;
26059
- display: block;
25987
+ display: flex;
25988
+ flex-flow: row nowrap;
26060
25989
  }
26061
25990
 
26062
25991
  .k-filter-selected-items {
@@ -26091,7 +26020,7 @@ div.k-grid-norecords {
26091
26020
 
26092
26021
  .k-popup > .k-column-menu-popup, .k-popup >
26093
26022
  .k-grid-columnmenu-popup {
26094
- width: 100%;
26023
+ max-width: 100%;
26095
26024
  }
26096
26025
 
26097
26026
  .k-column-menu-popup .k-actions, .k-column-menu-popup .k-edit-buttons,
@@ -26138,10 +26067,17 @@ div.k-grid-norecords {
26138
26067
  }
26139
26068
 
26140
26069
  .k-column-list-item {
26141
- position: relative;
26142
- display: block;
26143
26070
  margin: 0;
26071
+ display: flex;
26072
+ flex-flow: row nowrap;
26073
+ align-items: center;
26074
+ gap: 4px;
26144
26075
  cursor: pointer;
26076
+ position: relative;
26077
+ }
26078
+
26079
+ .k-column-list-item .k-checkbox-label {
26080
+ margin: 0;
26145
26081
  }
26146
26082
 
26147
26083
  .k-columns-items-wrap {
@@ -26354,11 +26290,6 @@ tbody .k-group-cell {
26354
26290
  background-color: rgba(188, 68, 0, 0.28);
26355
26291
  }
26356
26292
 
26357
- .k-grid .k-grid-content-locked .k-state-hover td,
26358
- .k-grid .k-grid-content-locked tr:hover td {
26359
- background-color: #ebebeb;
26360
- }
26361
-
26362
26293
  .k-grid .k-grid-content-locked .k-state-selected:hover td,
26363
26294
  .k-grid .k-grid-content-locked .k-state-selected.k-state-hover td {
26364
26295
  background-color: rgba(151, 55, 0, 0.31);
@@ -26826,10 +26757,14 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
26826
26757
  }
26827
26758
 
26828
26759
  .k-spreadsheet-toolbar .k-input,
26829
- .k-spreadsheet-toolbar .k-picker:not(.k-colorpicker) {
26760
+ .k-spreadsheet-toolbar .k-picker {
26830
26761
  width: 5em;
26831
26762
  }
26832
26763
 
26764
+ .k-spreadsheet-toolbar .k-color-picker, .k-spreadsheet-toolbar .k-colorpicker {
26765
+ width: min-content;
26766
+ }
26767
+
26833
26768
  .k-spreadsheet-action-bar {
26834
26769
  border-width: 0 0 1px;
26835
26770
  border-style: solid;
@@ -27757,12 +27692,12 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
27757
27692
  }
27758
27693
 
27759
27694
  .k-spreadsheet-filter:hover {
27760
- border-color: #bababa;
27695
+ border-color: #b6b6b6;
27761
27696
  background-color: #dddddd;
27762
27697
  }
27763
27698
 
27764
27699
  .k-spreadsheet-filter.k-state-active {
27765
- border-color: #aaaaaa;
27700
+ border-color: #a3a3a3;
27766
27701
  background-color: #cacaca;
27767
27702
  }
27768
27703
 
@@ -28062,7 +27997,8 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
28062
27997
  align-items: flex-start;
28063
27998
  }
28064
27999
 
28065
- .k-pivotgrid-configurator-content .k-form .k-dropdown-list {
28000
+ .k-pivotgrid-configurator-content .k-form .k-dropdown-list, .k-pivotgrid-configurator-content .k-form .k-dropdown,
28001
+ .k-pivotgrid-configurator-content .k-form .k-dropdownlist {
28066
28002
  max-width: 90px;
28067
28003
  }
28068
28004
 
@@ -28153,7 +28089,8 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
28153
28089
  margin-right: 8px;
28154
28090
  }
28155
28091
 
28156
- .k-calculated-field-actions .k-dropdown-list {
28092
+ .k-calculated-field-actions .k-dropdown-list, .k-calculated-field-actions .k-dropdown,
28093
+ .k-calculated-field-actions .k-dropdownlist {
28157
28094
  max-width: 100px;
28158
28095
  }
28159
28096
 
@@ -28604,12 +28541,12 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
28604
28541
  }
28605
28542
 
28606
28543
  .k-pivot-toolbar .k-button:hover, .k-pivot-toolbar .k-button.k-state-hover {
28607
- border-color: #bababa;
28544
+ border-color: #b6b6b6;
28608
28545
  background-color: #dddddd;
28609
28546
  }
28610
28547
 
28611
28548
  .k-pivot-toolbar .k-button:active, .k-pivot-toolbar .k-button.k-state-active {
28612
- border-color: #aaaaaa;
28549
+ border-color: #a3a3a3;
28613
28550
  background-color: #cacaca;
28614
28551
  }
28615
28552
 
@@ -28670,6 +28607,7 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
28670
28607
  .k-treelist .k-status .k-loading {
28671
28608
  vertical-align: baseline;
28672
28609
  margin-right: 5px;
28610
+ display: none;
28673
28611
  }
28674
28612
 
28675
28613
  .k-treelist tr.k-hidden {
@@ -28787,6 +28725,11 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
28787
28725
  border-style: solid;
28788
28726
  }
28789
28727
 
28728
+ .k-filter .k-filter-operator .k-dropdown-list, .k-filter .k-filter-operator .k-dropdown,
28729
+ .k-filter .k-filter-operator .k-dropdownlist {
28730
+ width: 15em;
28731
+ }
28732
+
28790
28733
  .k-filter .k-filter-item {
28791
28734
  position: relative;
28792
28735
  }
@@ -29689,10 +29632,6 @@ td.k-editor-content {
29689
29632
  padding: 10px 0 40px;
29690
29633
  }
29691
29634
 
29692
- .k-editor-find-replace .k-search-options > span {
29693
- padding-bottom: 4px;
29694
- }
29695
-
29696
29635
  .k-editor-find-replace .k-matches-container {
29697
29636
  position: absolute;
29698
29637
  bottom: 0;
@@ -29903,16 +29842,17 @@ td.k-editor-content {
29903
29842
  width: 10em;
29904
29843
  }
29905
29844
 
29906
- .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdown-list {
29845
+ .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdown-list, .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdown,
29846
+ .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdownlist {
29907
29847
  width: 5em;
29908
29848
  }
29909
29849
 
29910
- .k-editor-table-wizard-dialog .k-numerictextbox + .k-colorpicker,
29911
- .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdown-list {
29850
+ .k-editor-table-wizard-dialog .k-numerictextbox + .k-color-picker, .k-editor-table-wizard-dialog .k-numerictextbox + .k-colorpicker, .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdown-list, .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdown,
29851
+ .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdownlist {
29912
29852
  margin-left: 8px;
29913
29853
  }
29914
29854
 
29915
- .k-editor-table-wizard-dialog .k-colorpicker {
29855
+ .k-editor-table-wizard-dialog .k-color-picker, .k-editor-table-wizard-dialog .k-colorpicker {
29916
29856
  vertical-align: middle;
29917
29857
  }
29918
29858
 
@@ -30612,7 +30552,7 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
30612
30552
  }
30613
30553
 
30614
30554
  .k-gantt-tasks td::after {
30615
- content: "\a0";
30555
+ content: "\200b";
30616
30556
  }
30617
30557
 
30618
30558
  .k-task-wrap {
@@ -31906,7 +31846,7 @@ kendo-scheduler .k-event .k-event-bottom-actions,
31906
31846
  }
31907
31847
 
31908
31848
  .k-recurrence-editor {
31909
- display: inline-flex;
31849
+ display: flex;
31910
31850
  flex-direction: column;
31911
31851
  }
31912
31852
 
@@ -32115,7 +32055,7 @@ kendo-scheduler .k-recurrence-editor {
32115
32055
  }
32116
32056
 
32117
32057
  .k-scheduler-edit-form .k-edit-form-container {
32118
- width: 620px;
32058
+ width: 100%;
32119
32059
  }
32120
32060
 
32121
32061
  .k-scheduler-edit-form .k-edit-label {
@@ -32126,23 +32066,36 @@ kendo-scheduler .k-recurrence-editor {
32126
32066
  width: 77%;
32127
32067
  }
32128
32068
 
32129
- .k-scheduler-edit-form .k-scheduler-delete {
32130
- float: left;
32069
+ .k-scheduler-edit-form .k-edit-field > ul > li {
32070
+ display: flex;
32071
+ flex-flow: row nowrap;
32072
+ align-items: center;
32073
+ }
32074
+
32075
+ .k-scheduler-edit-form .k-recurrence-editor .k-radio-list .k-radio-wrap,
32076
+ .k-scheduler-edit-form .k-recurrence-editor .k-checkbox-list .k-checkbox-wrap {
32077
+ align-self: center;
32131
32078
  }
32132
32079
 
32133
- .k-scheduler-edit-form .k-widget.k-recur-interval,
32134
- .k-scheduler-edit-form .k-widget.k-recur-count,
32135
- .k-scheduler-edit-form .k-widget.k-recur-monthday {
32080
+ .k-scheduler-edit-form .k-recur-interval,
32081
+ .k-scheduler-edit-form .k-recur-count,
32082
+ .k-scheduler-edit-form .k-recur-monthday {
32136
32083
  width: 5em;
32137
32084
  }
32138
32085
 
32139
- .k-scheduler-edit-form .k-widget.k-recur-until,
32140
- .k-scheduler-edit-form .k-widget.k-recur-month,
32141
- .k-scheduler-edit-form .k-widget.k-recur-weekday,
32142
- .k-scheduler-edit-form .k-widget.k-recur-weekday-offset {
32086
+ .k-scheduler-edit-form .k-recur-until,
32087
+ .k-scheduler-edit-form .k-recur-month,
32088
+ .k-scheduler-edit-form .k-recur-weekday,
32089
+ .k-scheduler-edit-form .k-recur-weekday-offset {
32143
32090
  width: 10em;
32144
32091
  }
32145
32092
 
32093
+ .k-scheduler-edit-form .k-scheduler-datetime-picker {
32094
+ display: flex;
32095
+ flex-flow: row nowrap;
32096
+ gap: 8px;
32097
+ }
32098
+
32146
32099
  .k-rtl .k-scheduler-header th,
32147
32100
  .k-rtl .k-scheduler-table td {
32148
32101
  border-width: 0 1px 1px 0;
@@ -32658,7 +32611,8 @@ kendo-scheduler .k-recurrence-editor {
32658
32611
  box-sizing: border-box;
32659
32612
  border-width: 1px 0 0;
32660
32613
  border-style: solid;
32661
- border-radius: 0;
32614
+ border-color: inherit !important;
32615
+ border-radius: 0 !important;
32662
32616
  flex: none;
32663
32617
  display: flex;
32664
32618
  flex-flow: row nowrap;
@@ -32682,10 +32636,6 @@ kendo-scheduler .k-recurrence-editor {
32682
32636
  display: inline-block;
32683
32637
  }
32684
32638
 
32685
- .k-message-box .k-button::before, .k-message-box .k-button::after {
32686
- display: none;
32687
- }
32688
-
32689
32639
  .k-rtl .k-message-box .k-button, .k-message-box .k-button[dir="rtl"] {
32690
32640
  transform: scaleX(-1);
32691
32641
  }
@@ -32808,12 +32758,19 @@ kendo-scheduler .k-recurrence-editor {
32808
32758
  .k-chat-toolbar .k-scroll-button,
32809
32759
  .k-chat .k-toolbar-box .k-scroll-button {
32810
32760
  height: 100%;
32761
+ aspect-ratio: auto;
32811
32762
  position: absolute;
32812
32763
  z-index: 2;
32813
32764
  top: 50%;
32814
32765
  transform: translateY(-50%);
32815
32766
  }
32816
32767
 
32768
+ .k-chat-toolbar .k-scroll-button .k-button-icon,
32769
+ .k-chat .k-toolbar-box .k-scroll-button .k-button-icon {
32770
+ min-width: auto;
32771
+ min-height: auto;
32772
+ }
32773
+
32817
32774
  .k-chat-toolbar .k-scroll-button-left,
32818
32775
  .k-chat .k-toolbar-box .k-scroll-button-left {
32819
32776
  left: 0;
@@ -32964,16 +32921,6 @@ kendo-scheduler .k-recurrence-editor {
32964
32921
  background-color: #f35800;
32965
32922
  }
32966
32923
 
32967
- .k-chat .k-message-box {
32968
- border-color: inherit;
32969
- color: #272727;
32970
- background-color: #ffffff;
32971
- }
32972
-
32973
- .k-chat .k-message-box.k-state-focused {
32974
- box-shadow: 0 0 40px rgba(39, 39, 39, 0.1);
32975
- }
32976
-
32977
32924
  .k-chat-toolbar,
32978
32925
  .k-chat .k-toolbar-box {
32979
32926
  border-color: inherit;
@@ -33025,7 +32972,8 @@ kendo-scheduler .k-recurrence-editor {
33025
32972
  box-shadow: none;
33026
32973
  }
33027
32974
 
33028
- .k-mediaplayer-toolbar .k-dropdown-list {
32975
+ .k-mediaplayer-toolbar .k-dropdown-list, .k-mediaplayer-toolbar .k-dropdown,
32976
+ .k-mediaplayer-toolbar .k-dropdownlist {
33029
32977
  width: auto;
33030
32978
  }
33031
32979
 
@@ -33038,12 +32986,17 @@ kendo-scheduler .k-recurrence-editor {
33038
32986
  align-items: center;
33039
32987
  }
33040
32988
 
32989
+ .k-mediaplayer-volume {
32990
+ width: 100px;
32991
+ }
32992
+
33041
32993
  .k-slider.k-mediaplayer-seekbar {
33042
32994
  width: 100%;
33043
32995
  position: absolute;
33044
32996
  z-index: 3;
33045
- top: -17px;
32997
+ top: 0;
33046
32998
  left: 0;
32999
+ transform: translateY(-50%);
33047
33000
  }
33048
33001
 
33049
33002
  .k-mediaplayer-seekbar .k-slider-track {
@@ -33051,6 +33004,10 @@ kendo-scheduler .k-recurrence-editor {
33051
33004
  border-radius: 0;
33052
33005
  }
33053
33006
 
33007
+ .k-mediaplayer-seekbar .k-slider-selection {
33008
+ border-radius: 0;
33009
+ }
33010
+
33054
33011
  .k-mediaplayer-fullscreen {
33055
33012
  z-index: 10000;
33056
33013
  position: fixed;
@@ -34725,7 +34682,7 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
34725
34682
  }
34726
34683
 
34727
34684
  .k-handle:hover {
34728
- border-color: #bababa;
34685
+ border-color: #b6b6b6;
34729
34686
  background-color: #dddddd;
34730
34687
  }
34731
34688