@progress/kendo-theme-material 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
@@ -963,16 +963,6 @@ kendo-sortable {
963
963
  bottom: -4px;
964
964
  }
965
965
 
966
- .k-loading {
967
- width: 64px;
968
- height: 64px;
969
- display: block;
970
- }
971
-
972
- .k-loading .animate {
973
- animation: loading 2s infinite linear;
974
- }
975
-
976
966
  .k-loading-mask,
977
967
  .k-loading-image,
978
968
  .k-loading-color {
@@ -1059,7 +1049,7 @@ kendo-sortable {
1059
1049
  .k-loading-image::after {
1060
1050
  content: "";
1061
1051
  border-width: 1px;
1062
- border-width: max( 1px, .015em );
1052
+ border-width: clamp(0.015em, 1px, 1px);
1063
1053
  font-size: 4em;
1064
1054
  }
1065
1055
 
@@ -10496,42 +10486,6 @@ kendo-sortable {
10496
10486
  -webkit-appearance: none;
10497
10487
  }
10498
10488
 
10499
- .k-checkbox-sm {
10500
- width: 12px;
10501
- height: 12px;
10502
- }
10503
-
10504
- .k-checkbox-sm + .k-checkbox-label .k-ripple {
10505
- top: 6px;
10506
- left: 6px;
10507
- width: 30px;
10508
- height: 30px;
10509
- }
10510
-
10511
- .k-checkbox-md {
10512
- width: 16px;
10513
- height: 16px;
10514
- }
10515
-
10516
- .k-checkbox-md + .k-checkbox-label .k-ripple {
10517
- top: 8px;
10518
- left: 8px;
10519
- width: 40px;
10520
- height: 40px;
10521
- }
10522
-
10523
- .k-checkbox-lg {
10524
- width: 24px;
10525
- height: 24px;
10526
- }
10527
-
10528
- .k-checkbox-lg + .k-checkbox-label .k-ripple {
10529
- top: 12px;
10530
- left: 12px;
10531
- width: 60px;
10532
- height: 60px;
10533
- }
10534
-
10535
10489
  .k-checkbox:checked,
10536
10490
  .k-checkbox.k-checked {
10537
10491
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='none' stroke='white' stroke-width='3' d='M4.1,12.7 9,17.6 20.3,6.3'/%3e%3c/svg%3e");
@@ -10543,9 +10497,7 @@ kendo-sortable {
10543
10497
  }
10544
10498
 
10545
10499
  .k-checkbox:disabled,
10546
- .k-checkbox.k-disabled,
10547
- .k-checkbox:disabled + .k-checkbox-label,
10548
- .k-checkbox.k-disabled + .k-checkbox-label {
10500
+ .k-checkbox.k-disabled {
10549
10501
  outline: none;
10550
10502
  cursor: default;
10551
10503
  opacity: 0.6;
@@ -10560,6 +10512,9 @@ kendo-sortable {
10560
10512
  flex-flow: row nowrap;
10561
10513
  gap: 0;
10562
10514
  align-items: center;
10515
+ align-self: flex-start;
10516
+ vertical-align: middle;
10517
+ position: relative;
10563
10518
  }
10564
10519
 
10565
10520
  .k-checkbox-wrap::before {
@@ -10574,57 +10529,24 @@ kendo-sortable {
10574
10529
  .k-checkbox-label {
10575
10530
  margin: 0;
10576
10531
  padding: 0;
10577
- line-height: 18px;
10578
10532
  display: inline-flex;
10579
10533
  align-items: flex-start;
10534
+ gap: 4px;
10580
10535
  vertical-align: middle;
10581
10536
  position: relative;
10582
10537
  cursor: pointer;
10583
10538
  }
10584
10539
 
10585
- .k-checkbox-label .k-label {
10586
- cursor: pointer;
10587
- }
10588
-
10589
10540
  .k-checkbox-label .k-ripple {
10590
- right: auto;
10591
- bottom: auto;
10592
- transform: translate(-50%, -50%);
10593
- border-radius: 50%;
10594
10541
  visibility: hidden !important;
10595
10542
  }
10596
10543
 
10597
- .k-checkbox-label .k-ripple-blob {
10598
- top: 50% !important;
10599
- left: 50% !important;
10600
- width: 200% !important;
10601
- height: 200% !important;
10602
- }
10603
-
10604
- .k-checkbox + .k-checkbox-label {
10605
- display: inline;
10606
- }
10607
-
10544
+ .k-checkbox + .k-label,
10545
+ .k-checkbox-wrap + .k-label,
10608
10546
  .k-checkbox + .k-checkbox-label,
10609
- .k-checkbox-label + .k-checkbox {
10610
- margin-left: 4px;
10611
- }
10612
-
10613
- .k-checkbox-label > .k-checkbox {
10614
- margin-right: 4px;
10615
- flex-shrink: 0;
10616
- }
10617
-
10618
- kendo-label.k-checkbox-label > .k-checkbox:last-child {
10619
- margin-right: 0;
10620
- }
10621
-
10622
- kendo-label.k-checkbox-label > .k-label:first-child {
10623
- margin-right: 4px;
10624
- }
10625
-
10626
- kendo-label.k-checkbox-label > .k-label {
10547
+ .k-checkbox-wrap + .k-checkbox-label {
10627
10548
  display: inline;
10549
+ margin-inline-start: 4px;
10628
10550
  }
10629
10551
 
10630
10552
  .k-checkbox-label:empty {
@@ -10646,7 +10568,7 @@ kendo-label.k-checkbox-label > .k-label {
10646
10568
 
10647
10569
  .k-checkbox-item,
10648
10570
  .k-checkbox-list-item {
10649
- padding: 4px 0px;
10571
+ padding: 8px 0px;
10650
10572
  display: flex;
10651
10573
  flex-flow: row nowrap;
10652
10574
  align-items: center;
@@ -10656,7 +10578,7 @@ kendo-label.k-checkbox-label > .k-label {
10656
10578
 
10657
10579
  .k-checkbox-item .k-checkbox-label,
10658
10580
  .k-checkbox-list-item .k-checkbox-label {
10659
- line-height: inherit;
10581
+ margin: 0;
10660
10582
  }
10661
10583
 
10662
10584
  .k-checkbox-list-horizontal,
@@ -10666,100 +10588,78 @@ kendo-label.k-checkbox-label > .k-label {
10666
10588
  gap: 16px;
10667
10589
  }
10668
10590
 
10669
- [dir="rtl"] .k-checkbox + .k-checkbox-label,
10670
- [dir="rtl"] .k-checkbox-label + .k-checkbox {
10671
- margin-left: 0;
10672
- margin-right: 4px;
10591
+ .k-ripple-container .k-checkbox::after {
10592
+ content: "";
10593
+ display: block;
10594
+ position: absolute;
10595
+ left: 50%;
10596
+ top: 50%;
10597
+ border-radius: 100%;
10598
+ z-index: -1;
10599
+ transition: opacity 100ms linear, transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
10600
+ transform: translate(-50%, -50%) scale(0);
10601
+ transform-origin: center center;
10673
10602
  }
10674
10603
 
10675
- [dir="rtl"] .k-checkbox-label > .k-checkbox {
10676
- margin-right: 0;
10677
- margin-left: 4px;
10604
+ .k-ripple-container .k-checkbox:focus,
10605
+ .k-ripple-container .k-checkbox.k-focus {
10606
+ box-shadow: none !important;
10678
10607
  }
10679
10608
 
10680
- [dir="rtl"] kendo-label.k-checkbox-label > .k-checkbox:last-child {
10681
- margin-left: 0;
10609
+ .k-ripple-container .k-checkbox:focus::after,
10610
+ .k-ripple-container .k-checkbox.k-focus::after {
10611
+ transform: translate(-50%, -50%) scale(1);
10682
10612
  }
10683
10613
 
10684
- [dir="rtl"] kendo-label.k-checkbox-label > .k-label:first-child {
10685
- margin-right: 0;
10686
- margin-left: 4px;
10614
+ .k-ripple-container .k-checkbox:disabled::after,
10615
+ .k-ripple-container .k-checkbox.k-disabled::after {
10616
+ display: none;
10687
10617
  }
10688
10618
 
10689
- .k-ripple-container .k-checkbox-sm::after {
10690
- content: "";
10691
- display: block;
10692
- position: absolute;
10693
- left: 0;
10694
- top: 0;
10619
+ .k-checkbox-sm {
10620
+ width: 12px;
10621
+ height: 12px;
10622
+ }
10623
+
10624
+ .k-checkbox-sm::before {
10625
+ font-size: 10px;
10626
+ }
10627
+
10628
+ .k-ripple-container .k-checkbox-size::after {
10695
10629
  width: 36px;
10696
10630
  height: 36px;
10697
- margin-left: -14px;
10698
- margin-top: -14px;
10699
- border-radius: 100%;
10700
- z-index: 1;
10701
- transform: scale(0);
10702
10631
  }
10703
10632
 
10704
- .k-ripple-container .k-checkbox:disabled::after,
10705
- .k-ripple-container .k-checkbox.k-disabled::after {
10706
- display: none;
10633
+ .k-checkbox-md {
10634
+ width: 16px;
10635
+ height: 16px;
10707
10636
  }
10708
10637
 
10709
- .k-ripple-container .k-checkbox-md::after {
10710
- content: "";
10711
- display: block;
10712
- position: absolute;
10713
- left: 0;
10714
- top: 0;
10638
+ .k-checkbox-md::before {
10639
+ font-size: 14px;
10640
+ }
10641
+
10642
+ .k-ripple-container .k-checkbox-size::after {
10715
10643
  width: 48px;
10716
10644
  height: 48px;
10717
- margin-left: -18px;
10718
- margin-top: -18px;
10719
- border-radius: 100%;
10720
- z-index: 1;
10721
- transform: scale(0);
10722
10645
  }
10723
10646
 
10724
- .k-ripple-container .k-checkbox:disabled::after,
10725
- .k-ripple-container .k-checkbox.k-disabled::after {
10726
- display: none;
10647
+ .k-checkbox-lg {
10648
+ width: 20px;
10649
+ height: 20px;
10727
10650
  }
10728
10651
 
10729
- .k-ripple-container .k-checkbox-lg::after {
10730
- content: "";
10731
- display: block;
10732
- position: absolute;
10733
- left: 0;
10734
- top: 0;
10735
- width: 72px;
10736
- height: 72px;
10737
- margin-left: -26px;
10738
- margin-top: -26px;
10739
- border-radius: 100%;
10740
- z-index: 1;
10741
- transform: scale(0);
10652
+ .k-checkbox-lg::before {
10653
+ font-size: 18px;
10742
10654
  }
10743
10655
 
10744
- .k-ripple-container .k-checkbox:disabled::after,
10745
- .k-ripple-container .k-checkbox.k-disabled::after {
10746
- display: none;
10656
+ .k-ripple-container .k-checkbox-size::after {
10657
+ width: 60px;
10658
+ height: 60px;
10747
10659
  }
10748
10660
 
10749
10661
  .k-checkbox {
10750
10662
  border-color: rgba(0, 0, 0, 0.54);
10751
- color: transparent;
10752
- }
10753
-
10754
- .k-checkbox:hover,
10755
- .k-checkbox.k-hover {
10756
- border-color: rgba(0, 0, 0, 0.87);
10757
- }
10758
-
10759
- .k-checkbox:focus,
10760
- .k-checkbox.k-focus {
10761
- border-color: rgba(0, 0, 0, 0.54);
10762
- box-shadow: none;
10763
10663
  }
10764
10664
 
10765
10665
  .k-checkbox:indeterminate,
@@ -10776,12 +10676,6 @@ kendo-label.k-checkbox-label > .k-label {
10776
10676
  background-color: #3f51b5;
10777
10677
  }
10778
10678
 
10779
- .k-checkbox:checked:focus,
10780
- .k-checkbox.k-checked.k-focus {
10781
- border-color: #3f51b5;
10782
- box-shadow: none;
10783
- }
10784
-
10785
10679
  .k-checkbox:disabled,
10786
10680
  .k-checkbox.k-disabled {
10787
10681
  border-color: #adadad;
@@ -10796,19 +10690,22 @@ kendo-label.k-checkbox-label > .k-label {
10796
10690
  background-color: #adadad;
10797
10691
  }
10798
10692
 
10799
- .k-checkbox:invalid,
10800
10693
  .k-checkbox.k-invalid {
10801
10694
  border-color: #f31700;
10802
10695
  }
10803
10696
 
10804
- .k-checkbox:invalid + .k-checkbox-label,
10805
10697
  .k-checkbox.k-invalid + .k-checkbox-label {
10806
10698
  color: #f31700;
10807
10699
  }
10808
10700
 
10701
+ .k-checkbox-wrap .k-ripple-blob {
10702
+ color: #3f51b5;
10703
+ opacity: 0.2;
10704
+ }
10705
+
10809
10706
  .k-ripple-container .k-checkbox::after {
10810
10707
  background: #3f51b5;
10811
- opacity: 0.38;
10708
+ opacity: 0.2;
10812
10709
  }
10813
10710
 
10814
10711
  .k-checkbox:disabled + .k-checkbox-label {
@@ -10817,11 +10714,6 @@ kendo-label.k-checkbox-label > .k-label {
10817
10714
  filter: none;
10818
10715
  }
10819
10716
 
10820
- .k-checkbox-label .k-ripple-blob {
10821
- opacity: .2;
10822
- background-color: #3f51b5;
10823
- }
10824
-
10825
10717
  .k-list {
10826
10718
  margin: 0;
10827
10719
  padding: 0;
@@ -10837,7 +10729,7 @@ kendo-label.k-checkbox-label > .k-label {
10837
10729
  border-width: 0;
10838
10730
  }
10839
10731
 
10840
- .k-list-group-sticky-header {
10732
+ .k-list-group-sticky-header, .k-list-optionlabel {
10841
10733
  border-width: 0;
10842
10734
  border-width: 0 0 1px;
10843
10735
  border-style: solid;
@@ -10848,6 +10740,7 @@ kendo-label.k-checkbox-label > .k-label {
10848
10740
  flex: none;
10849
10741
  overflow: hidden;
10850
10742
  text-overflow: ellipsis;
10743
+ cursor: pointer;
10851
10744
  }
10852
10745
 
10853
10746
  .k-list-content {
@@ -10868,7 +10761,7 @@ kendo-label.k-checkbox-label > .k-label {
10868
10761
  list-style: none;
10869
10762
  }
10870
10763
 
10871
- .k-list-item, .k-list-optionlabel {
10764
+ .k-list-item {
10872
10765
  border: 0;
10873
10766
  outline: none;
10874
10767
  cursor: pointer;
@@ -10883,11 +10776,7 @@ kendo-label.k-checkbox-label > .k-label {
10883
10776
  transition-timing-function: ease;
10884
10777
  }
10885
10778
 
10886
- .k-list-item .k-checkbox-wrap, .k-list-optionlabel .k-checkbox-wrap {
10887
- align-self: flex-start;
10888
- }
10889
-
10890
- .k-list-item.k-first::before, .k-first.k-list-optionlabel::before {
10779
+ .k-list-item.k-first::before {
10891
10780
  content: "";
10892
10781
  border-width: 1px 0 0;
10893
10782
  border-style: solid;
@@ -10932,10 +10821,9 @@ kendo-label.k-checkbox-label > .k-label {
10932
10821
  overflow-y: scroll;
10933
10822
  }
10934
10823
 
10935
- .k-virtual-list .k-list-item, .k-virtual-list .k-list-optionlabel,
10824
+ .k-virtual-list .k-list-item,
10936
10825
  .k-virtual-list .k-list-group-item,
10937
10826
  .k-virtual-content .k-list-item,
10938
- .k-virtual-content .k-list-optionlabel,
10939
10827
  .k-virtual-content .k-list-group-item {
10940
10828
  position: absolute;
10941
10829
  width: 100%;
@@ -10957,57 +10845,57 @@ kendo-label.k-checkbox-label > .k-label {
10957
10845
  }
10958
10846
 
10959
10847
  .k-list-sm {
10960
- font-size: 12px;
10961
- line-height: 1.5;
10848
+ font-size: 16px;
10849
+ line-height: 1.25;
10962
10850
  }
10963
10851
 
10964
- .k-list-sm .k-list-group-sticky-header {
10965
- padding: 3px 12px;
10852
+ .k-list-sm .k-list-group-sticky-header, .k-list-sm .k-list-optionlabel {
10853
+ padding: 6px 16px;
10966
10854
  }
10967
10855
 
10968
- .k-list-sm .k-list-item, .k-list-sm .k-list-optionlabel {
10969
- padding: 3px 12px;
10856
+ .k-list-sm .k-list-item {
10857
+ padding: 6px 16px;
10970
10858
  }
10971
10859
 
10972
10860
  .k-list-sm .k-list-group-item {
10973
- padding: 3px 12px;
10861
+ padding: 6px 16px;
10974
10862
  }
10975
10863
 
10976
10864
  .k-list-md {
10977
- font-size: 14px;
10978
- line-height: 1.5;
10865
+ font-size: 16px;
10866
+ line-height: 1.25;
10979
10867
  }
10980
10868
 
10981
- .k-list-md .k-list-group-sticky-header {
10982
- padding: 4px 16px;
10869
+ .k-list-md .k-list-group-sticky-header, .k-list-md .k-list-optionlabel {
10870
+ padding: 8px 16px;
10983
10871
  }
10984
10872
 
10985
- .k-list-md .k-list-item, .k-list-md .k-list-optionlabel {
10986
- padding: 4px 16px;
10873
+ .k-list-md .k-list-item {
10874
+ padding: 8px 16px;
10987
10875
  }
10988
10876
 
10989
10877
  .k-list-md .k-list-group-item {
10990
- padding: 4px 16px;
10878
+ padding: 8px 16px;
10991
10879
  }
10992
10880
 
10993
10881
  .k-list-lg {
10994
- font-size: 14px;
10995
- line-height: 1.5;
10882
+ font-size: 16px;
10883
+ line-height: 1.25;
10996
10884
  }
10997
10885
 
10998
- .k-list-lg .k-list-group-sticky-header {
10999
- padding: 5px 20px;
10886
+ .k-list-lg .k-list-group-sticky-header, .k-list-lg .k-list-optionlabel {
10887
+ padding: 10px 16px;
11000
10888
  }
11001
10889
 
11002
- .k-list-lg .k-list-item, .k-list-lg .k-list-optionlabel {
11003
- padding: 5px 20px;
10890
+ .k-list-lg .k-list-item {
10891
+ padding: 10px 16px;
11004
10892
  }
11005
10893
 
11006
10894
  .k-list-lg .k-list-group-item {
11007
- padding: 5px 20px;
10895
+ padding: 10px 16px;
11008
10896
  }
11009
10897
 
11010
- .k-no-data {
10898
+ .k-no-data, .k-nodata {
11011
10899
  min-height: 138px;
11012
10900
  display: flex;
11013
10901
  align-items: center;
@@ -11023,25 +10911,25 @@ kendo-label.k-checkbox-label > .k-label {
11023
10911
  background-color: white;
11024
10912
  }
11025
10913
 
11026
- .k-list-group-sticky-header {
10914
+ .k-list-group-sticky-header, .k-list-optionlabel {
11027
10915
  border-color: inherit;
11028
10916
  }
11029
10917
 
11030
- .k-list-item:hover, .k-list-optionlabel:hover, .k-list-item.k-hover, .k-hover.k-list-optionlabel {
10918
+ .k-list-item:hover, .k-list-item.k-hover {
11031
10919
  color: rgba(0, 0, 0, 0.87);
11032
10920
  background-color: rgba(0, 0, 0, 0.04);
11033
10921
  }
11034
10922
 
11035
- .k-list-item:focus, .k-list-optionlabel:focus, .k-list-item.k-focus, .k-focus.k-list-optionlabel {
10923
+ .k-list-item:focus, .k-list-item.k-focus {
11036
10924
  background-color: rgba(0, 0, 0, 0.04);
11037
10925
  }
11038
10926
 
11039
- .k-list-item.k-selected, .k-selected.k-list-optionlabel {
10927
+ .k-list-item.k-selected {
11040
10928
  color: #e51a5f;
11041
10929
  background-color: white;
11042
10930
  }
11043
10931
 
11044
- .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 {
10932
+ .k-list-item.k-selected:hover, .k-list-item.k-selected.k-hover {
11045
10933
  color: #e51a5f;
11046
10934
  background-color: #ebebeb;
11047
10935
  }
@@ -11055,7 +10943,7 @@ kendo-label.k-checkbox-label > .k-label {
11055
10943
  background-color: rgba(0, 0, 0, 0.87);
11056
10944
  }
11057
10945
 
11058
- .k-no-data {
10946
+ .k-no-data, .k-nodata {
11059
10947
  color: rgba(0, 0, 0, 0.54);
11060
10948
  }
11061
10949
 
@@ -11741,7 +11629,7 @@ kendo-badge-container {
11741
11629
 
11742
11630
  .k-button {
11743
11631
  box-sizing: border-box;
11744
- border-width: 0px;
11632
+ border-width: 1px;
11745
11633
  border-style: solid;
11746
11634
  font-family: Roboto, "Helvetica Neue", sans-serif;
11747
11635
  text-align: center;
@@ -11759,6 +11647,7 @@ kendo-badge-container {
11759
11647
  outline: none;
11760
11648
  -webkit-appearance: none;
11761
11649
  position: relative;
11650
+ transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
11762
11651
  }
11763
11652
 
11764
11653
  .k-button:disabled, .k-button.k-disabled {
@@ -11792,9 +11681,28 @@ kendo-badge-container {
11792
11681
  position: relative;
11793
11682
  }
11794
11683
 
11684
+ .k-button-arrow {
11685
+ padding-left: 4px;
11686
+ padding-right: 4px;
11687
+ flex: none;
11688
+ display: inline-flex;
11689
+ align-items: center;
11690
+ justify-content: center;
11691
+ }
11692
+
11693
+ .k-button > .k-button-arrow {
11694
+ margin-inline-start: -4px;
11695
+ margin-inline-end: -16px;
11696
+ }
11697
+
11698
+ .k-icon-button > .k-button-arrow {
11699
+ margin-inline-start: 0;
11700
+ margin-inline-end: -8px;
11701
+ }
11702
+
11795
11703
  .k-button-sm {
11796
- padding: 4px 8px;
11797
- font-size: 12px;
11704
+ padding: 6px 16px;
11705
+ font-size: 14px;
11798
11706
  line-height: 1.4285714286;
11799
11707
  }
11800
11708
 
@@ -11805,18 +11713,18 @@ kendo-badge-container {
11805
11713
  }
11806
11714
 
11807
11715
  .k-button-lg {
11808
- padding: 12px 24px;
11809
- font-size: 16px;
11810
- line-height: 1.5;
11716
+ padding: 10px 16px;
11717
+ font-size: 14px;
11718
+ line-height: 1.4285714286;
11811
11719
  }
11812
11720
 
11813
11721
  .k-icon-button.k-button-sm {
11814
- padding: 4px;
11722
+ padding: 6px;
11815
11723
  }
11816
11724
 
11817
11725
  .k-icon-button.k-button-sm > .k-button-icon {
11818
- min-width: 17.1428571432px;
11819
- min-height: 17.1428571432px;
11726
+ min-width: 20.0000000004px;
11727
+ min-height: 20.0000000004px;
11820
11728
  }
11821
11729
 
11822
11730
  .k-icon-button.k-button-md {
@@ -11829,12 +11737,12 @@ kendo-badge-container {
11829
11737
  }
11830
11738
 
11831
11739
  .k-icon-button.k-button-lg {
11832
- padding: 12px;
11740
+ padding: 10px;
11833
11741
  }
11834
11742
 
11835
11743
  .k-icon-button.k-button-lg > .k-button-icon {
11836
- min-width: 24px;
11837
- min-height: 24px;
11744
+ min-width: 20.0000000004px;
11745
+ min-height: 20.0000000004px;
11838
11746
  }
11839
11747
 
11840
11748
  .k-button-square {
@@ -11864,63 +11772,66 @@ kendo-badge-container {
11864
11772
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
11865
11773
  }
11866
11774
 
11867
- .k-button-group .k-button:not(:first-child):not(:last-child) {
11868
- border-radius: 0;
11775
+ .k-button-group > .k-button + .k-button {
11776
+ margin-inline-start: -1px;
11869
11777
  }
11870
11778
 
11871
- .k-button-group .k-button:hover,
11872
- .k-button-group .k-button.k-hover,
11873
- .k-button-group .k-button:active,
11874
- .k-button-group .k-button.k-active,
11875
- .k-button-group .k-button.k-selected,
11876
- .k-button-group .k-button:focus,
11877
- .k-button-group .k-button.k-focus {
11779
+ .k-button-group > .k-button:hover,
11780
+ .k-button-group > .k-button.k-hover,
11781
+ .k-button-group > .k-button:focus,
11782
+ .k-button-group > .k-button.k-focus,
11783
+ .k-button-group > .k-button:active,
11784
+ .k-button-group > .k-button.k-active,
11785
+ .k-button-group > .k-button.k-selected {
11878
11786
  z-index: 2;
11879
11787
  }
11880
11788
 
11881
- .k-button-group .k-group-start:not(:only-child),
11882
- .k-button-group .k-button:first-child:not(:only-child) {
11883
- border-top-right-radius: 0;
11884
- border-bottom-right-radius: 0;
11789
+ .k-button-group .k-button:not(:first-child):not(:last-child) {
11790
+ border-start-end-radius: 0;
11791
+ border-end-end-radius: 0;
11792
+ border-start-start-radius: 0;
11793
+ border-end-start-radius: 0;
11885
11794
  }
11886
11795
 
11887
- .k-button-group .k-group-end:not(:only-child),
11888
- .k-button-group .k-button:last-child:not(:only-child) {
11889
- border-top-left-radius: 0;
11890
- border-bottom-left-radius: 0;
11796
+ .k-button-group > .k-button:first-child:not(:only-child) {
11797
+ border-start-end-radius: 0;
11798
+ border-end-end-radius: 0;
11891
11799
  }
11892
11800
 
11893
- .k-button-group-stretched {
11894
- display: flex;
11801
+ .k-button-group > .k-button:last-child:not(:only-child) {
11802
+ border-start-start-radius: 0;
11803
+ border-end-start-radius: 0;
11895
11804
  }
11896
11805
 
11897
- .k-button-group-stretched .k-button {
11898
- display: inline-block;
11899
- flex: 1 0 0%;
11900
- overflow: hidden;
11901
- text-overflow: ellipsis;
11806
+ .k-button-group:disabled, .k-button-group[disabled], .k-button-group.k-disabled {
11807
+ opacity: 1;
11808
+ filter: none;
11902
11809
  }
11903
11810
 
11904
- .k-button-group-stretched .k-button > .k-icon {
11905
- vertical-align: text-bottom;
11811
+ .k-button-group-stretched {
11812
+ width: 100%;
11906
11813
  }
11907
11814
 
11908
- .k-split-button {
11909
- border-radius: 0;
11815
+ .k-button-group-stretched > * {
11816
+ flex: 1 0 0%;
11817
+ overflow: hidden;
11910
11818
  }
11911
11819
 
11912
- .k-split-button > .k-button:first-child {
11913
- border-top-right-radius: 0;
11914
- border-bottom-right-radius: 0;
11820
+ .k-split-button .k-split-button-arrow {
11821
+ padding: 8px 4px;
11822
+ width: auto;
11823
+ flex: none;
11915
11824
  }
11916
11825
 
11917
- .k-split-button > .k-button:last-child {
11918
- border-top-left-radius: 0;
11919
- border-bottom-left-radius: 0;
11826
+ .k-split-button .k-split-button-arrow .k-button-icon {
11827
+ min-width: 0;
11920
11828
  }
11921
11829
 
11922
11830
  .k-button-flat {
11923
- transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
11831
+ border-color: transparent !important;
11832
+ color: inherit;
11833
+ background: none !important;
11834
+ box-shadow: none !important;
11924
11835
  }
11925
11836
 
11926
11837
  .k-button-flat::before {
@@ -11928,6 +11839,7 @@ kendo-badge-container {
11928
11839
  }
11929
11840
 
11930
11841
  .k-button-flat::after {
11842
+ box-shadow: inset 0 0 0 2px currentColor;
11931
11843
  display: block !important;
11932
11844
  }
11933
11845
 
@@ -11935,65 +11847,28 @@ kendo-badge-container {
11935
11847
  opacity: .12;
11936
11848
  }
11937
11849
 
11938
- .k-button-link, .k-button-link:hover, .k-button-link.k-hover, .k-button-link:focus, .k-button-link.k-focus {
11939
- text-decoration: underline;
11940
- }
11941
-
11942
- .k-button-link::after {
11943
- display: block !important;
11944
- }
11945
-
11946
- .k-button-link:focus::after, .k-button-link.k-focus::after {
11947
- opacity: .12;
11948
- }
11949
-
11950
- .k-rtl .k-button-group .k-button,
11951
- [dir="rtl"] .k-button-group .k-button {
11952
- border-radius: 0;
11953
- }
11954
-
11955
- .k-rtl .k-button-group .k-group-start,
11956
- .k-rtl .k-button-group .k-button:first-child,
11957
- [dir="rtl"] .k-button-group .k-group-start,
11958
- [dir="rtl"] .k-button-group .k-button:first-child {
11959
- border-top-right-radius: 2px;
11960
- border-bottom-right-radius: 2px;
11850
+ .k-button-outline {
11851
+ border-color: currentColor;
11852
+ color: inherit;
11853
+ background: none;
11961
11854
  }
11962
11855
 
11963
- .k-rtl .k-button-group .k-group-end,
11964
- .k-rtl .k-button-group .k-button:last-child,
11965
- [dir="rtl"] .k-button-group .k-group-end,
11966
- [dir="rtl"] .k-button-group .k-button:last-child {
11967
- border-top-left-radius: 2px;
11968
- border-bottom-left-radius: 2px;
11856
+ .k-button-link {
11857
+ border-color: transparent;
11858
+ color: inherit;
11859
+ text-decoration: none;
11860
+ background: none;
11969
11861
  }
11970
11862
 
11971
- .k-rtl .k-button-group .k-group-start.k-group-end,
11972
- .k-rtl .k-button-group .k-button:first-child:last-child,
11973
- [dir="rtl"] .k-button-group .k-group-start.k-group-end,
11974
- [dir="rtl"] .k-button-group .k-button:first-child:last-child {
11975
- border-radius: 2px;
11863
+ .k-button-link:hover, .k-button-link.k-hover {
11864
+ text-decoration: underline;
11976
11865
  }
11977
11866
 
11978
- .k-rtl .k-split-button .k-button,
11979
- [dir="rtl"] .k-split-button .k-button {
11867
+ .k-ie .k-button-group .k-button,
11868
+ .k-ie .k-split-button .k-button {
11980
11869
  border-radius: 0;
11981
11870
  }
11982
11871
 
11983
- .k-rtl .k-split-button > .k-button:first-child,
11984
- [dir="rtl"] .k-split-button > .k-button:first-child {
11985
- border-top-right-radius: 2px;
11986
- border-bottom-right-radius: 2px;
11987
- }
11988
-
11989
- .k-rtl .k-split-button > .k-split-button-arrow,
11990
- .k-rtl .k-split-button > .k-button:last-child,
11991
- [dir="rtl"] .k-split-button > .k-split-button-arrow,
11992
- [dir="rtl"] .k-split-button > .k-button:last-child {
11993
- border-top-left-radius: 2px;
11994
- border-bottom-left-radius: 2px;
11995
- }
11996
-
11997
11872
  .k-button-overlay, .k-button::before {
11998
11873
  border-radius: inherit;
11999
11874
  content: "";
@@ -12002,10 +11877,10 @@ kendo-badge-container {
12002
11877
  display: none;
12003
11878
  pointer-events: none;
12004
11879
  position: absolute;
12005
- left: 0px;
12006
- right: 0px;
12007
- top: 0px;
12008
- bottom: 0px;
11880
+ left: -1px;
11881
+ right: -1px;
11882
+ top: -1px;
11883
+ bottom: -1px;
12009
11884
  z-index: 0;
12010
11885
  transition: opacity .2s ease-in-out;
12011
11886
  }
@@ -12037,10 +11912,10 @@ kendo-badge-container {
12037
11912
  display: none;
12038
11913
  pointer-events: none;
12039
11914
  position: absolute;
12040
- left: 0px;
12041
- right: 0px;
12042
- top: 0px;
12043
- bottom: 0px;
11915
+ left: -1px;
11916
+ right: -1px;
11917
+ top: -1px;
11918
+ bottom: -1px;
12044
11919
  z-index: 0;
12045
11920
  transition: opacity .2s ease-in-out;
12046
11921
  }
@@ -12048,7 +11923,6 @@ kendo-badge-container {
12048
11923
  .k-button {
12049
11924
  text-transform: uppercase;
12050
11925
  font-weight: 500;
12051
- transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
12052
11926
  }
12053
11927
 
12054
11928
  .k-button::before {
@@ -12060,22 +11934,22 @@ kendo-badge-container {
12060
11934
  display: none !important;
12061
11935
  }
12062
11936
 
12063
- .k-button-outline {
12064
- background-color: transparent !important;
11937
+ .k-button:disabled, .k-button[disabled], .k-button.k-disabled, .k-button.k-state-disabled {
11938
+ opacity: 1;
11939
+ filter: none;
12065
11940
  }
12066
11941
 
12067
- .k-button-outline::after {
12068
- display: block !important;
12069
- box-shadow: inset 0 0 0 1px currentColor;
12070
- opacity: 1;
11942
+ .k-button-outline {
11943
+ background-color: transparent !important;
11944
+ box-shadow: none !important;
12071
11945
  }
12072
11946
 
12073
- .k-button-link::before {
12074
- display: none !important;
11947
+ .k-button-link:hover::before, .k-button-link.k-hover::before, .k-button-link:active::before, .k-button-link.k-active::before, .k-button-link.k-selected::before {
11948
+ opacity: 0;
12075
11949
  }
12076
11950
 
12077
- .k-button-link::after {
12078
- display: block !important;
11951
+ .k-button-link:focus::before, .k-button-link.k-focus::before {
11952
+ opacity: 0.12;
12079
11953
  }
12080
11954
 
12081
11955
  .k-overflow-button.k-button-group,
@@ -12095,367 +11969,147 @@ kendo-badge-container {
12095
11969
  }
12096
11970
 
12097
11971
  .k-button-solid-base:disabled, .k-button-solid-base.k-disabled {
11972
+ border-color: #e0e0e0;
12098
11973
  color: rgba(0, 0, 0, 0.38);
12099
11974
  background-color: #e0e0e0;
12100
11975
  box-shadow: none;
12101
11976
  }
12102
11977
 
12103
11978
  .k-button-solid-primary {
11979
+ border-color: #3f51b5;
12104
11980
  color: white;
12105
11981
  background-color: #3f51b5;
12106
- border-color: #3f51b5;
12107
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
12108
- }
12109
-
12110
- .k-button-solid-primary:hover, .k-button-solid-primary.k-hover {
12111
- background-color: #3c4eae;
12112
- border-color: #3f51b5;
12113
- }
12114
-
12115
- .k-button-solid-primary:focus, .k-button-solid-primary.k-focus {
12116
- box-shadow: 0 0 0 2px rgba(63, 81, 181, 0.3);
12117
- }
12118
-
12119
- .k-button-solid-primary:active, .k-button-solid-primary.k-active {
12120
- background-color: #37479f;
12121
- border-color: #37479f;
12122
- }
12123
-
12124
- .k-button-solid-primary.k-selected {
12125
- background-color: #37479f;
12126
- border-color: #37479f;
12127
11982
  }
12128
11983
 
12129
11984
  .k-button-solid-primary:disabled, .k-button-solid-primary.k-disabled {
11985
+ border-color: #e0e0e0;
12130
11986
  color: rgba(0, 0, 0, 0.38);
12131
11987
  background-color: #e0e0e0;
12132
11988
  box-shadow: none;
12133
11989
  }
12134
11990
 
12135
11991
  .k-button-solid-secondary {
11992
+ border-color: #e51a5f;
12136
11993
  color: white;
12137
11994
  background-color: #e51a5f;
12138
- border-color: #e51a5f;
12139
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
12140
- }
12141
-
12142
- .k-button-solid-secondary:hover, .k-button-solid-secondary.k-hover {
12143
- background-color: #dc195b;
12144
- border-color: #e51a5f;
12145
- }
12146
-
12147
- .k-button-solid-secondary:focus, .k-button-solid-secondary.k-focus {
12148
- box-shadow: 0 0 0 2px rgba(229, 26, 95, 0.3);
12149
- }
12150
-
12151
- .k-button-solid-secondary:active, .k-button-solid-secondary.k-active {
12152
- background-color: #ca1754;
12153
- border-color: #ca1754;
12154
- }
12155
-
12156
- .k-button-solid-secondary.k-selected {
12157
- background-color: #ca1754;
12158
- border-color: #ca1754;
12159
11995
  }
12160
11996
 
12161
11997
  .k-button-solid-secondary:disabled, .k-button-solid-secondary.k-disabled {
11998
+ border-color: #e0e0e0;
12162
11999
  color: rgba(0, 0, 0, 0.38);
12163
12000
  background-color: #e0e0e0;
12164
12001
  box-shadow: none;
12165
12002
  }
12166
12003
 
12167
12004
  .k-button-solid-tertiary {
12005
+ border-color: #00695c;
12168
12006
  color: white;
12169
12007
  background-color: #00695c;
12170
- border-color: #00695c;
12171
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
12172
- }
12173
-
12174
- .k-button-solid-tertiary:hover, .k-button-solid-tertiary.k-hover {
12175
- background-color: #006558;
12176
- border-color: #00695c;
12177
- }
12178
-
12179
- .k-button-solid-tertiary:focus, .k-button-solid-tertiary.k-focus {
12180
- box-shadow: 0 0 0 2px rgba(0, 105, 92, 0.3);
12181
- }
12182
-
12183
- .k-button-solid-tertiary:active, .k-button-solid-tertiary.k-active {
12184
- background-color: #005c51;
12185
- border-color: #005c51;
12186
- }
12187
-
12188
- .k-button-solid-tertiary.k-selected {
12189
- background-color: #005c51;
12190
- border-color: #005c51;
12191
12008
  }
12192
12009
 
12193
12010
  .k-button-solid-tertiary:disabled, .k-button-solid-tertiary.k-disabled {
12011
+ border-color: #e0e0e0;
12194
12012
  color: rgba(0, 0, 0, 0.38);
12195
12013
  background-color: #e0e0e0;
12196
12014
  box-shadow: none;
12197
12015
  }
12198
12016
 
12199
12017
  .k-button-solid-info {
12018
+ border-color: #0058e9;
12200
12019
  color: white;
12201
12020
  background-color: #0058e9;
12202
- border-color: #0058e9;
12203
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
12204
- }
12205
-
12206
- .k-button-solid-info:hover, .k-button-solid-info.k-hover {
12207
- background-color: #0054e0;
12208
- border-color: #0058e9;
12209
- }
12210
-
12211
- .k-button-solid-info:focus, .k-button-solid-info.k-focus {
12212
- box-shadow: 0 0 0 2px rgba(0, 88, 233, 0.3);
12213
- }
12214
-
12215
- .k-button-solid-info:active, .k-button-solid-info.k-active {
12216
- background-color: #004dcd;
12217
- border-color: #004dcd;
12218
- }
12219
-
12220
- .k-button-solid-info.k-selected {
12221
- background-color: #004dcd;
12222
- border-color: #004dcd;
12223
12021
  }
12224
12022
 
12225
12023
  .k-button-solid-info:disabled, .k-button-solid-info.k-disabled {
12024
+ border-color: #e0e0e0;
12226
12025
  color: rgba(0, 0, 0, 0.38);
12227
12026
  background-color: #e0e0e0;
12228
12027
  box-shadow: none;
12229
12028
  }
12230
12029
 
12231
12030
  .k-button-solid-success {
12031
+ border-color: #37b400;
12232
12032
  color: white;
12233
12033
  background-color: #37b400;
12234
- border-color: #37b400;
12235
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
12236
- }
12237
-
12238
- .k-button-solid-success:hover, .k-button-solid-success.k-hover {
12239
- background-color: #35ad00;
12240
- border-color: #37b400;
12241
- }
12242
-
12243
- .k-button-solid-success:focus, .k-button-solid-success.k-focus {
12244
- box-shadow: 0 0 0 2px rgba(55, 180, 0, 0.3);
12245
- }
12246
-
12247
- .k-button-solid-success:active, .k-button-solid-success.k-active {
12248
- background-color: #309e00;
12249
- border-color: #309e00;
12250
- }
12251
-
12252
- .k-button-solid-success.k-selected {
12253
- background-color: #309e00;
12254
- border-color: #309e00;
12255
12034
  }
12256
12035
 
12257
12036
  .k-button-solid-success:disabled, .k-button-solid-success.k-disabled {
12037
+ border-color: #e0e0e0;
12258
12038
  color: rgba(0, 0, 0, 0.38);
12259
12039
  background-color: #e0e0e0;
12260
12040
  box-shadow: none;
12261
12041
  }
12262
12042
 
12263
12043
  .k-button-solid-warning {
12044
+ border-color: #ffc000;
12264
12045
  color: black;
12265
12046
  background-color: #ffc000;
12266
- border-color: #ffc000;
12267
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
12268
- }
12269
-
12270
- .k-button-solid-warning:hover, .k-button-solid-warning.k-hover {
12271
- background-color: #f5b800;
12272
- border-color: #ffc000;
12273
- }
12274
-
12275
- .k-button-solid-warning:focus, .k-button-solid-warning.k-focus {
12276
- box-shadow: 0 0 0 2px rgba(255, 192, 0, 0.3);
12277
- }
12278
-
12279
- .k-button-solid-warning:active, .k-button-solid-warning.k-active {
12280
- background-color: #e0a900;
12281
- border-color: #e0a900;
12282
- }
12283
-
12284
- .k-button-solid-warning.k-selected {
12285
- background-color: #e0a900;
12286
- border-color: #e0a900;
12287
12047
  }
12288
12048
 
12289
12049
  .k-button-solid-warning:disabled, .k-button-solid-warning.k-disabled {
12050
+ border-color: #e0e0e0;
12290
12051
  color: rgba(0, 0, 0, 0.38);
12291
12052
  background-color: #e0e0e0;
12292
12053
  box-shadow: none;
12293
12054
  }
12294
12055
 
12295
12056
  .k-button-solid-error {
12057
+ border-color: #f31700;
12296
12058
  color: white;
12297
12059
  background-color: #f31700;
12298
- border-color: #f31700;
12299
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
12300
- }
12301
-
12302
- .k-button-solid-error:hover, .k-button-solid-error.k-hover {
12303
- background-color: #e91600;
12304
- border-color: #f31700;
12305
- }
12306
-
12307
- .k-button-solid-error:focus, .k-button-solid-error.k-focus {
12308
- box-shadow: 0 0 0 2px rgba(243, 23, 0, 0.3);
12309
- }
12310
-
12311
- .k-button-solid-error:active, .k-button-solid-error.k-active {
12312
- background-color: #d61400;
12313
- border-color: #d61400;
12314
- }
12315
-
12316
- .k-button-solid-error.k-selected {
12317
- background-color: #d61400;
12318
- border-color: #d61400;
12319
12060
  }
12320
12061
 
12321
12062
  .k-button-solid-error:disabled, .k-button-solid-error.k-disabled {
12063
+ border-color: #e0e0e0;
12322
12064
  color: rgba(0, 0, 0, 0.38);
12323
12065
  background-color: #e0e0e0;
12324
12066
  box-shadow: none;
12325
12067
  }
12326
12068
 
12327
12069
  .k-button-solid-dark {
12070
+ border-color: #424242;
12328
12071
  color: white;
12329
12072
  background-color: #424242;
12330
- border-color: #424242;
12331
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
12332
- }
12333
-
12334
- .k-button-solid-dark:hover, .k-button-solid-dark.k-hover {
12335
- background-color: #3f3f3f;
12336
- border-color: #424242;
12337
- }
12338
-
12339
- .k-button-solid-dark:focus, .k-button-solid-dark.k-focus {
12340
- box-shadow: 0 0 0 2px rgba(66, 66, 66, 0.3);
12341
- }
12342
-
12343
- .k-button-solid-dark:active, .k-button-solid-dark.k-active {
12344
- background-color: #3a3a3a;
12345
- border-color: #3a3a3a;
12346
- }
12347
-
12348
- .k-button-solid-dark.k-selected {
12349
- background-color: #3a3a3a;
12350
- border-color: #3a3a3a;
12351
12073
  }
12352
12074
 
12353
12075
  .k-button-solid-dark:disabled, .k-button-solid-dark.k-disabled {
12076
+ border-color: #e0e0e0;
12354
12077
  color: rgba(0, 0, 0, 0.38);
12355
12078
  background-color: #e0e0e0;
12356
12079
  box-shadow: none;
12357
12080
  }
12358
12081
 
12359
12082
  .k-button-solid-light {
12083
+ border-color: #f5f5f5;
12360
12084
  color: black;
12361
12085
  background-color: #f5f5f5;
12362
- border-color: #f5f5f5;
12363
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
12364
- }
12365
-
12366
- .k-button-solid-light:hover, .k-button-solid-light.k-hover {
12367
- background-color: #ebebeb;
12368
- border-color: #f5f5f5;
12369
- }
12370
-
12371
- .k-button-solid-light:focus, .k-button-solid-light.k-focus {
12372
- box-shadow: 0 0 0 2px rgba(245, 245, 245, 0.3);
12373
- }
12374
-
12375
- .k-button-solid-light:active, .k-button-solid-light.k-active {
12376
- background-color: #d8d8d8;
12377
- border-color: #d8d8d8;
12378
- }
12379
-
12380
- .k-button-solid-light.k-selected {
12381
- background-color: #d8d8d8;
12382
- border-color: #d8d8d8;
12383
12086
  }
12384
12087
 
12385
12088
  .k-button-solid-light:disabled, .k-button-solid-light.k-disabled {
12089
+ border-color: #e0e0e0;
12386
12090
  color: rgba(0, 0, 0, 0.38);
12387
12091
  background-color: #e0e0e0;
12388
12092
  box-shadow: none;
12389
12093
  }
12390
12094
 
12391
12095
  .k-button-solid-inverse {
12096
+ border-color: #424242;
12392
12097
  color: white;
12393
12098
  background-color: #424242;
12394
- border-color: #424242;
12395
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
12396
- }
12397
-
12398
- .k-button-solid-inverse:hover, .k-button-solid-inverse.k-hover {
12399
- background-color: #3f3f3f;
12400
- border-color: #424242;
12401
- }
12402
-
12403
- .k-button-solid-inverse:focus, .k-button-solid-inverse.k-focus {
12404
- box-shadow: 0 0 0 2px rgba(66, 66, 66, 0.3);
12405
- }
12406
-
12407
- .k-button-solid-inverse:active, .k-button-solid-inverse.k-active {
12408
- background-color: #3a3a3a;
12409
- border-color: #3a3a3a;
12410
- }
12411
-
12412
- .k-button-solid-inverse.k-selected {
12413
- background-color: #3a3a3a;
12414
- border-color: #3a3a3a;
12415
12099
  }
12416
12100
 
12417
12101
  .k-button-solid-inverse:disabled, .k-button-solid-inverse.k-disabled {
12102
+ border-color: #e0e0e0;
12418
12103
  color: rgba(0, 0, 0, 0.38);
12419
12104
  background-color: #e0e0e0;
12420
12105
  box-shadow: none;
12421
12106
  }
12422
12107
 
12423
- .k-button-outline {
12108
+ .k-button-outline-primary {
12424
12109
  box-shadow: none;
12425
12110
  border-color: currentColor;
12426
- background: none;
12427
- }
12428
-
12429
- .k-button-outline-base {
12430
- color: rgba(0, 0, 0, 0.87);
12431
- }
12432
-
12433
- .k-button-outline-base:hover, .k-button-outline-base.k-hover {
12434
- border-color: rgba(0, 0, 0, 0.87);
12435
- color: white;
12436
- background-color: rgba(0, 0, 0, 0.87);
12437
- }
12438
-
12439
- .k-button-outline-base:active, .k-button-outline-base.k-active {
12440
- border-color: rgba(0, 0, 0, 0.87);
12441
- color: white;
12442
- background-color: rgba(0, 0, 0, 0.87);
12443
- }
12444
-
12445
- .k-button-outline-base.k-selected {
12446
- border-color: rgba(0, 0, 0, 0.87);
12447
- color: white;
12448
- background-color: rgba(0, 0, 0, 0.87);
12449
- }
12450
-
12451
- .k-button-outline-base:disabled, .k-button-outline-base.k-disabled {
12452
- color: rgba(0, 0, 0, 0.38);
12453
- background-color: #e0e0e0;
12454
- box-shadow: none;
12455
- }
12456
-
12457
- .k-button-outline-primary {
12458
12111
  color: #3f51b5;
12112
+ background-color: transparent;
12459
12113
  }
12460
12114
 
12461
12115
  .k-button-outline-primary:hover, .k-button-outline-primary.k-hover {
@@ -12464,10 +12118,6 @@ kendo-badge-container {
12464
12118
  background-color: #3f51b5;
12465
12119
  }
12466
12120
 
12467
- .k-button-outline-primary:focus, .k-button-outline-primary.k-focus {
12468
- box-shadow: 0 0 0 2px rgba(63, 81, 181, 0.3);
12469
- }
12470
-
12471
12121
  .k-button-outline-primary:active, .k-button-outline-primary.k-active {
12472
12122
  border-color: #3f51b5;
12473
12123
  color: white;
@@ -12482,12 +12132,13 @@ kendo-badge-container {
12482
12132
 
12483
12133
  .k-button-outline-primary:disabled, .k-button-outline-primary.k-disabled {
12484
12134
  color: rgba(0, 0, 0, 0.38);
12485
- background-color: #e0e0e0;
12486
- box-shadow: none;
12487
12135
  }
12488
12136
 
12489
12137
  .k-button-outline-secondary {
12138
+ box-shadow: none;
12139
+ border-color: currentColor;
12490
12140
  color: #e51a5f;
12141
+ background-color: transparent;
12491
12142
  }
12492
12143
 
12493
12144
  .k-button-outline-secondary:hover, .k-button-outline-secondary.k-hover {
@@ -12496,10 +12147,6 @@ kendo-badge-container {
12496
12147
  background-color: #e51a5f;
12497
12148
  }
12498
12149
 
12499
- .k-button-outline-secondary:focus, .k-button-outline-secondary.k-focus {
12500
- box-shadow: 0 0 0 2px rgba(229, 26, 95, 0.3);
12501
- }
12502
-
12503
12150
  .k-button-outline-secondary:active, .k-button-outline-secondary.k-active {
12504
12151
  border-color: #e51a5f;
12505
12152
  color: white;
@@ -12514,12 +12161,13 @@ kendo-badge-container {
12514
12161
 
12515
12162
  .k-button-outline-secondary:disabled, .k-button-outline-secondary.k-disabled {
12516
12163
  color: rgba(0, 0, 0, 0.38);
12517
- background-color: #e0e0e0;
12518
- box-shadow: none;
12519
12164
  }
12520
12165
 
12521
12166
  .k-button-outline-tertiary {
12167
+ box-shadow: none;
12168
+ border-color: currentColor;
12522
12169
  color: #00695c;
12170
+ background-color: transparent;
12523
12171
  }
12524
12172
 
12525
12173
  .k-button-outline-tertiary:hover, .k-button-outline-tertiary.k-hover {
@@ -12528,10 +12176,6 @@ kendo-badge-container {
12528
12176
  background-color: #00695c;
12529
12177
  }
12530
12178
 
12531
- .k-button-outline-tertiary:focus, .k-button-outline-tertiary.k-focus {
12532
- box-shadow: 0 0 0 2px rgba(0, 105, 92, 0.3);
12533
- }
12534
-
12535
12179
  .k-button-outline-tertiary:active, .k-button-outline-tertiary.k-active {
12536
12180
  border-color: #00695c;
12537
12181
  color: white;
@@ -12546,12 +12190,13 @@ kendo-badge-container {
12546
12190
 
12547
12191
  .k-button-outline-tertiary:disabled, .k-button-outline-tertiary.k-disabled {
12548
12192
  color: rgba(0, 0, 0, 0.38);
12549
- background-color: #e0e0e0;
12550
- box-shadow: none;
12551
12193
  }
12552
12194
 
12553
12195
  .k-button-outline-info {
12196
+ box-shadow: none;
12197
+ border-color: currentColor;
12554
12198
  color: #0058e9;
12199
+ background-color: transparent;
12555
12200
  }
12556
12201
 
12557
12202
  .k-button-outline-info:hover, .k-button-outline-info.k-hover {
@@ -12560,10 +12205,6 @@ kendo-badge-container {
12560
12205
  background-color: #0058e9;
12561
12206
  }
12562
12207
 
12563
- .k-button-outline-info:focus, .k-button-outline-info.k-focus {
12564
- box-shadow: 0 0 0 2px rgba(0, 88, 233, 0.3);
12565
- }
12566
-
12567
12208
  .k-button-outline-info:active, .k-button-outline-info.k-active {
12568
12209
  border-color: #0058e9;
12569
12210
  color: white;
@@ -12578,12 +12219,13 @@ kendo-badge-container {
12578
12219
 
12579
12220
  .k-button-outline-info:disabled, .k-button-outline-info.k-disabled {
12580
12221
  color: rgba(0, 0, 0, 0.38);
12581
- background-color: #e0e0e0;
12582
- box-shadow: none;
12583
12222
  }
12584
12223
 
12585
12224
  .k-button-outline-success {
12225
+ box-shadow: none;
12226
+ border-color: currentColor;
12586
12227
  color: #37b400;
12228
+ background-color: transparent;
12587
12229
  }
12588
12230
 
12589
12231
  .k-button-outline-success:hover, .k-button-outline-success.k-hover {
@@ -12592,10 +12234,6 @@ kendo-badge-container {
12592
12234
  background-color: #37b400;
12593
12235
  }
12594
12236
 
12595
- .k-button-outline-success:focus, .k-button-outline-success.k-focus {
12596
- box-shadow: 0 0 0 2px rgba(55, 180, 0, 0.3);
12597
- }
12598
-
12599
12237
  .k-button-outline-success:active, .k-button-outline-success.k-active {
12600
12238
  border-color: #37b400;
12601
12239
  color: white;
@@ -12610,12 +12248,13 @@ kendo-badge-container {
12610
12248
 
12611
12249
  .k-button-outline-success:disabled, .k-button-outline-success.k-disabled {
12612
12250
  color: rgba(0, 0, 0, 0.38);
12613
- background-color: #e0e0e0;
12614
- box-shadow: none;
12615
12251
  }
12616
12252
 
12617
12253
  .k-button-outline-warning {
12254
+ box-shadow: none;
12255
+ border-color: currentColor;
12618
12256
  color: #ffc000;
12257
+ background-color: transparent;
12619
12258
  }
12620
12259
 
12621
12260
  .k-button-outline-warning:hover, .k-button-outline-warning.k-hover {
@@ -12624,10 +12263,6 @@ kendo-badge-container {
12624
12263
  background-color: #ffc000;
12625
12264
  }
12626
12265
 
12627
- .k-button-outline-warning:focus, .k-button-outline-warning.k-focus {
12628
- box-shadow: 0 0 0 2px rgba(255, 192, 0, 0.3);
12629
- }
12630
-
12631
12266
  .k-button-outline-warning:active, .k-button-outline-warning.k-active {
12632
12267
  border-color: #ffc000;
12633
12268
  color: black;
@@ -12642,12 +12277,13 @@ kendo-badge-container {
12642
12277
 
12643
12278
  .k-button-outline-warning:disabled, .k-button-outline-warning.k-disabled {
12644
12279
  color: rgba(0, 0, 0, 0.38);
12645
- background-color: #e0e0e0;
12646
- box-shadow: none;
12647
12280
  }
12648
12281
 
12649
12282
  .k-button-outline-error {
12283
+ box-shadow: none;
12284
+ border-color: currentColor;
12650
12285
  color: #f31700;
12286
+ background-color: transparent;
12651
12287
  }
12652
12288
 
12653
12289
  .k-button-outline-error:hover, .k-button-outline-error.k-hover {
@@ -12656,10 +12292,6 @@ kendo-badge-container {
12656
12292
  background-color: #f31700;
12657
12293
  }
12658
12294
 
12659
- .k-button-outline-error:focus, .k-button-outline-error.k-focus {
12660
- box-shadow: 0 0 0 2px rgba(243, 23, 0, 0.3);
12661
- }
12662
-
12663
12295
  .k-button-outline-error:active, .k-button-outline-error.k-active {
12664
12296
  border-color: #f31700;
12665
12297
  color: white;
@@ -12674,12 +12306,13 @@ kendo-badge-container {
12674
12306
 
12675
12307
  .k-button-outline-error:disabled, .k-button-outline-error.k-disabled {
12676
12308
  color: rgba(0, 0, 0, 0.38);
12677
- background-color: #e0e0e0;
12678
- box-shadow: none;
12679
12309
  }
12680
12310
 
12681
12311
  .k-button-outline-dark {
12312
+ box-shadow: none;
12313
+ border-color: currentColor;
12682
12314
  color: #424242;
12315
+ background-color: transparent;
12683
12316
  }
12684
12317
 
12685
12318
  .k-button-outline-dark:hover, .k-button-outline-dark.k-hover {
@@ -12688,10 +12321,6 @@ kendo-badge-container {
12688
12321
  background-color: #424242;
12689
12322
  }
12690
12323
 
12691
- .k-button-outline-dark:focus, .k-button-outline-dark.k-focus {
12692
- box-shadow: 0 0 0 2px rgba(66, 66, 66, 0.3);
12693
- }
12694
-
12695
12324
  .k-button-outline-dark:active, .k-button-outline-dark.k-active {
12696
12325
  border-color: #424242;
12697
12326
  color: white;
@@ -12706,12 +12335,13 @@ kendo-badge-container {
12706
12335
 
12707
12336
  .k-button-outline-dark:disabled, .k-button-outline-dark.k-disabled {
12708
12337
  color: rgba(0, 0, 0, 0.38);
12709
- background-color: #e0e0e0;
12710
- box-shadow: none;
12711
12338
  }
12712
12339
 
12713
12340
  .k-button-outline-light {
12341
+ box-shadow: none;
12342
+ border-color: currentColor;
12714
12343
  color: #f5f5f5;
12344
+ background-color: transparent;
12715
12345
  }
12716
12346
 
12717
12347
  .k-button-outline-light:hover, .k-button-outline-light.k-hover {
@@ -12720,10 +12350,6 @@ kendo-badge-container {
12720
12350
  background-color: #f5f5f5;
12721
12351
  }
12722
12352
 
12723
- .k-button-outline-light:focus, .k-button-outline-light.k-focus {
12724
- box-shadow: 0 0 0 2px rgba(245, 245, 245, 0.3);
12725
- }
12726
-
12727
12353
  .k-button-outline-light:active, .k-button-outline-light.k-active {
12728
12354
  border-color: #f5f5f5;
12729
12355
  color: black;
@@ -12738,12 +12364,13 @@ kendo-badge-container {
12738
12364
 
12739
12365
  .k-button-outline-light:disabled, .k-button-outline-light.k-disabled {
12740
12366
  color: rgba(0, 0, 0, 0.38);
12741
- background-color: #e0e0e0;
12742
- box-shadow: none;
12743
12367
  }
12744
12368
 
12745
12369
  .k-button-outline-inverse {
12370
+ box-shadow: none;
12371
+ border-color: currentColor;
12746
12372
  color: #424242;
12373
+ background-color: transparent;
12747
12374
  }
12748
12375
 
12749
12376
  .k-button-outline-inverse:hover, .k-button-outline-inverse.k-hover {
@@ -12752,10 +12379,6 @@ kendo-badge-container {
12752
12379
  background-color: #424242;
12753
12380
  }
12754
12381
 
12755
- .k-button-outline-inverse:focus, .k-button-outline-inverse.k-focus {
12756
- box-shadow: 0 0 0 2px rgba(66, 66, 66, 0.3);
12757
- }
12758
-
12759
12382
  .k-button-outline-inverse:active, .k-button-outline-inverse.k-active {
12760
12383
  border-color: #424242;
12761
12384
  color: white;
@@ -12770,28 +12393,35 @@ kendo-badge-container {
12770
12393
 
12771
12394
  .k-button-outline-inverse:disabled, .k-button-outline-inverse.k-disabled {
12772
12395
  color: rgba(0, 0, 0, 0.38);
12773
- background-color: #e0e0e0;
12774
- box-shadow: none;
12775
12396
  }
12776
12397
 
12777
- .k-button-flat {
12398
+ .k-button-outline-base {
12778
12399
  box-shadow: none;
12779
- border-color: transparent;
12780
- background: none;
12400
+ border-color: currentColor;
12401
+ color: rgba(0, 0, 0, 0.87);
12402
+ background-color: transparent;
12781
12403
  }
12782
12404
 
12783
- .k-button-flat::after {
12784
- box-shadow: inset 0 0 0 2px currentColor;
12405
+ .k-button-outline-base:hover, .k-button-outline-base.k-hover {
12406
+ border-color: rgba(0, 0, 0, 0.87);
12407
+ color: white;
12408
+ background-color: rgba(0, 0, 0, 0.87);
12785
12409
  }
12786
12410
 
12787
- .k-button-flat-base {
12788
- color: inherit;
12411
+ .k-button-outline-base:active, .k-button-outline-base.k-active {
12412
+ border-color: rgba(0, 0, 0, 0.87);
12413
+ color: white;
12414
+ background-color: rgba(0, 0, 0, 0.87);
12789
12415
  }
12790
12416
 
12791
- .k-button-flat-base:disabled, .k-button-flat-base.k-disabled {
12417
+ .k-button-outline-base.k-selected {
12418
+ border-color: rgba(0, 0, 0, 0.87);
12419
+ color: white;
12420
+ background-color: rgba(0, 0, 0, 0.87);
12421
+ }
12422
+
12423
+ .k-button-outline-base:disabled, .k-button-outline-base.k-disabled {
12792
12424
  color: rgba(0, 0, 0, 0.38);
12793
- background-color: #e0e0e0;
12794
- box-shadow: none;
12795
12425
  }
12796
12426
 
12797
12427
  .k-button-flat-primary {
@@ -12800,8 +12430,6 @@ kendo-badge-container {
12800
12430
 
12801
12431
  .k-button-flat-primary:disabled, .k-button-flat-primary.k-disabled {
12802
12432
  color: rgba(0, 0, 0, 0.38);
12803
- background-color: #e0e0e0;
12804
- box-shadow: none;
12805
12433
  }
12806
12434
 
12807
12435
  .k-button-flat-secondary {
@@ -12810,8 +12438,6 @@ kendo-badge-container {
12810
12438
 
12811
12439
  .k-button-flat-secondary:disabled, .k-button-flat-secondary.k-disabled {
12812
12440
  color: rgba(0, 0, 0, 0.38);
12813
- background-color: #e0e0e0;
12814
- box-shadow: none;
12815
12441
  }
12816
12442
 
12817
12443
  .k-button-flat-tertiary {
@@ -12820,8 +12446,6 @@ kendo-badge-container {
12820
12446
 
12821
12447
  .k-button-flat-tertiary:disabled, .k-button-flat-tertiary.k-disabled {
12822
12448
  color: rgba(0, 0, 0, 0.38);
12823
- background-color: #e0e0e0;
12824
- box-shadow: none;
12825
12449
  }
12826
12450
 
12827
12451
  .k-button-flat-info {
@@ -12830,8 +12454,6 @@ kendo-badge-container {
12830
12454
 
12831
12455
  .k-button-flat-info:disabled, .k-button-flat-info.k-disabled {
12832
12456
  color: rgba(0, 0, 0, 0.38);
12833
- background-color: #e0e0e0;
12834
- box-shadow: none;
12835
12457
  }
12836
12458
 
12837
12459
  .k-button-flat-success {
@@ -12840,8 +12462,6 @@ kendo-badge-container {
12840
12462
 
12841
12463
  .k-button-flat-success:disabled, .k-button-flat-success.k-disabled {
12842
12464
  color: rgba(0, 0, 0, 0.38);
12843
- background-color: #e0e0e0;
12844
- box-shadow: none;
12845
12465
  }
12846
12466
 
12847
12467
  .k-button-flat-warning {
@@ -12850,8 +12470,6 @@ kendo-badge-container {
12850
12470
 
12851
12471
  .k-button-flat-warning:disabled, .k-button-flat-warning.k-disabled {
12852
12472
  color: rgba(0, 0, 0, 0.38);
12853
- background-color: #e0e0e0;
12854
- box-shadow: none;
12855
12473
  }
12856
12474
 
12857
12475
  .k-button-flat-error {
@@ -12860,8 +12478,6 @@ kendo-badge-container {
12860
12478
 
12861
12479
  .k-button-flat-error:disabled, .k-button-flat-error.k-disabled {
12862
12480
  color: rgba(0, 0, 0, 0.38);
12863
- background-color: #e0e0e0;
12864
- box-shadow: none;
12865
12481
  }
12866
12482
 
12867
12483
  .k-button-flat-dark {
@@ -12870,8 +12486,6 @@ kendo-badge-container {
12870
12486
 
12871
12487
  .k-button-flat-dark:disabled, .k-button-flat-dark.k-disabled {
12872
12488
  color: rgba(0, 0, 0, 0.38);
12873
- background-color: #e0e0e0;
12874
- box-shadow: none;
12875
12489
  }
12876
12490
 
12877
12491
  .k-button-flat-light {
@@ -12880,8 +12494,6 @@ kendo-badge-container {
12880
12494
 
12881
12495
  .k-button-flat-light:disabled, .k-button-flat-light.k-disabled {
12882
12496
  color: rgba(0, 0, 0, 0.38);
12883
- background-color: #e0e0e0;
12884
- box-shadow: none;
12885
12497
  }
12886
12498
 
12887
12499
  .k-button-flat-inverse {
@@ -12890,597 +12502,492 @@ kendo-badge-container {
12890
12502
 
12891
12503
  .k-button-flat-inverse:disabled, .k-button-flat-inverse.k-disabled {
12892
12504
  color: rgba(0, 0, 0, 0.38);
12893
- background-color: #e0e0e0;
12894
- box-shadow: none;
12895
- }
12896
-
12897
- .k-button-link {
12898
- box-shadow: none;
12899
- border-color: transparent;
12900
- background: none;
12901
- }
12902
-
12903
- .k-button-link::after {
12904
- box-shadow: inset 0 0 0 2px currentColor;
12905
12505
  }
12906
12506
 
12907
- .k-button-link-base {
12507
+ .k-button-flat-base {
12908
12508
  color: inherit;
12909
12509
  }
12910
12510
 
12911
- .k-button-link-base:disabled, .k-button-link-base.k-disabled {
12511
+ .k-button-flat-base:disabled, .k-button-flat-base.k-disabled {
12912
12512
  color: rgba(0, 0, 0, 0.38);
12913
- background-color: #e0e0e0;
12914
- box-shadow: none;
12915
12513
  }
12916
12514
 
12917
12515
  .k-button-link-primary {
12918
12516
  color: #3f51b5;
12919
12517
  }
12920
12518
 
12921
- .k-button-link-primary:disabled, .k-button-link-primary.k-disabled {
12922
- color: rgba(0, 0, 0, 0.38);
12923
- background-color: #e0e0e0;
12924
- box-shadow: none;
12519
+ .k-button-link-primary:hover, .k-button-link-primary.k-hover {
12520
+ color: #354498;
12925
12521
  }
12926
12522
 
12927
- .k-button-link-secondary {
12928
- color: #e51a5f;
12523
+ .k-button-link-primary:active, .k-button-link-primary.k-active {
12524
+ color: #354498;
12929
12525
  }
12930
12526
 
12931
- .k-button-link-secondary:disabled, .k-button-link-secondary.k-disabled {
12932
- color: rgba(0, 0, 0, 0.38);
12933
- background-color: #e0e0e0;
12934
- box-shadow: none;
12935
- }
12936
-
12937
- .k-button-link-tertiary {
12938
- color: #00695c;
12527
+ .k-button-link-primary.k-selected {
12528
+ color: #354498;
12939
12529
  }
12940
12530
 
12941
- .k-button-link-tertiary:disabled, .k-button-link-tertiary.k-disabled {
12531
+ .k-button-link-primary:disabled, .k-button-link-primary.k-disabled {
12942
12532
  color: rgba(0, 0, 0, 0.38);
12943
- background-color: #e0e0e0;
12944
- box-shadow: none;
12945
- }
12946
-
12947
- .k-button-link-info {
12948
- color: #0058e9;
12949
12533
  }
12950
12534
 
12951
- .k-button-link-info:disabled, .k-button-link-info.k-disabled {
12952
- color: rgba(0, 0, 0, 0.38);
12953
- background-color: #e0e0e0;
12954
- box-shadow: none;
12535
+ .k-button-link-secondary {
12536
+ color: #e51a5f;
12955
12537
  }
12956
12538
 
12957
- .k-button-link-success {
12958
- color: #37b400;
12539
+ .k-button-link-secondary:hover, .k-button-link-secondary.k-hover {
12540
+ color: #c01650;
12959
12541
  }
12960
12542
 
12961
- .k-button-link-success:disabled, .k-button-link-success.k-disabled {
12962
- color: rgba(0, 0, 0, 0.38);
12963
- background-color: #e0e0e0;
12964
- box-shadow: none;
12543
+ .k-button-link-secondary:active, .k-button-link-secondary.k-active {
12544
+ color: #c01650;
12965
12545
  }
12966
12546
 
12967
- .k-button-link-warning {
12968
- color: #ffc000;
12547
+ .k-button-link-secondary.k-selected {
12548
+ color: #c01650;
12969
12549
  }
12970
12550
 
12971
- .k-button-link-warning:disabled, .k-button-link-warning.k-disabled {
12551
+ .k-button-link-secondary:disabled, .k-button-link-secondary.k-disabled {
12972
12552
  color: rgba(0, 0, 0, 0.38);
12973
- background-color: #e0e0e0;
12974
- box-shadow: none;
12975
- }
12976
-
12977
- .k-button-link-error {
12978
- color: #f31700;
12979
12553
  }
12980
12554
 
12981
- .k-button-link-error:disabled, .k-button-link-error.k-disabled {
12982
- color: rgba(0, 0, 0, 0.38);
12983
- background-color: #e0e0e0;
12984
- box-shadow: none;
12555
+ .k-button-link-tertiary {
12556
+ color: #00695c;
12985
12557
  }
12986
12558
 
12987
- .k-button-link-dark {
12988
- color: #424242;
12559
+ .k-button-link-tertiary:hover, .k-button-link-tertiary.k-hover {
12560
+ color: #00584d;
12989
12561
  }
12990
12562
 
12991
- .k-button-link-dark:disabled, .k-button-link-dark.k-disabled {
12992
- color: rgba(0, 0, 0, 0.38);
12993
- background-color: #e0e0e0;
12994
- box-shadow: none;
12563
+ .k-button-link-tertiary:active, .k-button-link-tertiary.k-active {
12564
+ color: #00584d;
12995
12565
  }
12996
12566
 
12997
- .k-button-link-light {
12998
- color: #f5f5f5;
12567
+ .k-button-link-tertiary.k-selected {
12568
+ color: #00584d;
12999
12569
  }
13000
12570
 
13001
- .k-button-link-light:disabled, .k-button-link-light.k-disabled {
12571
+ .k-button-link-tertiary:disabled, .k-button-link-tertiary.k-disabled {
13002
12572
  color: rgba(0, 0, 0, 0.38);
13003
- background-color: #e0e0e0;
13004
- box-shadow: none;
13005
- }
13006
-
13007
- .k-button-link-inverse {
13008
- color: #424242;
13009
12573
  }
13010
12574
 
13011
- .k-button-link-inverse:disabled, .k-button-link-inverse.k-disabled {
13012
- color: rgba(0, 0, 0, 0.38);
13013
- background-color: #e0e0e0;
13014
- box-shadow: none;
12575
+ .k-button-link-info {
12576
+ color: #0058e9;
13015
12577
  }
13016
12578
 
13017
- .k-button-solid-primary {
13018
- background-image: none;
13019
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
12579
+ .k-button-link-info:hover, .k-button-link-info.k-hover {
12580
+ color: #004ac4;
13020
12581
  }
13021
12582
 
13022
- .k-button-solid-primary:hover, .k-button-solid-primary.k-hover {
13023
- background-color: #3f51b5;
13024
- border-color: #3f51b5;
12583
+ .k-button-link-info:active, .k-button-link-info.k-active {
12584
+ color: #004ac4;
13025
12585
  }
13026
12586
 
13027
- .k-button-solid-primary:focus, .k-button-solid-primary.k-focus {
13028
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
12587
+ .k-button-link-info.k-selected {
12588
+ color: #004ac4;
13029
12589
  }
13030
12590
 
13031
- .k-button-solid-primary:active, .k-button-solid-primary.k-active {
13032
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
13033
- background-color: #3f51b5;
13034
- border-color: #3f51b5;
12591
+ .k-button-link-info:disabled, .k-button-link-info.k-disabled {
12592
+ color: rgba(0, 0, 0, 0.38);
13035
12593
  }
13036
12594
 
13037
- .k-button-solid-primary.k-selected {
13038
- background-color: #3f51b5;
13039
- border-color: #3f51b5;
12595
+ .k-button-link-success {
12596
+ color: #37b400;
13040
12597
  }
13041
12598
 
13042
- .k-button-solid-secondary {
13043
- background-image: none;
13044
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
12599
+ .k-button-link-success:hover, .k-button-link-success.k-hover {
12600
+ color: #2e9700;
13045
12601
  }
13046
12602
 
13047
- .k-button-solid-secondary:hover, .k-button-solid-secondary.k-hover {
13048
- background-color: #e51a5f;
13049
- border-color: #e51a5f;
12603
+ .k-button-link-success:active, .k-button-link-success.k-active {
12604
+ color: #2e9700;
13050
12605
  }
13051
12606
 
13052
- .k-button-solid-secondary:focus, .k-button-solid-secondary.k-focus {
13053
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
12607
+ .k-button-link-success.k-selected {
12608
+ color: #2e9700;
13054
12609
  }
13055
12610
 
13056
- .k-button-solid-secondary:active, .k-button-solid-secondary.k-active {
13057
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
13058
- background-color: #e51a5f;
13059
- border-color: #e51a5f;
12611
+ .k-button-link-success:disabled, .k-button-link-success.k-disabled {
12612
+ color: rgba(0, 0, 0, 0.38);
13060
12613
  }
13061
12614
 
13062
- .k-button-solid-secondary.k-selected {
13063
- background-color: #e51a5f;
13064
- border-color: #e51a5f;
12615
+ .k-button-link-warning {
12616
+ color: #ffc000;
13065
12617
  }
13066
12618
 
13067
- .k-button-solid-tertiary {
13068
- background-image: none;
13069
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
12619
+ .k-button-link-warning:hover, .k-button-link-warning.k-hover {
12620
+ color: #d6a100;
13070
12621
  }
13071
12622
 
13072
- .k-button-solid-tertiary:hover, .k-button-solid-tertiary.k-hover {
13073
- background-color: #00695c;
13074
- border-color: #00695c;
12623
+ .k-button-link-warning:active, .k-button-link-warning.k-active {
12624
+ color: #d6a100;
13075
12625
  }
13076
12626
 
13077
- .k-button-solid-tertiary:focus, .k-button-solid-tertiary.k-focus {
13078
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
12627
+ .k-button-link-warning.k-selected {
12628
+ color: #d6a100;
13079
12629
  }
13080
12630
 
13081
- .k-button-solid-tertiary:active, .k-button-solid-tertiary.k-active {
13082
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
13083
- background-color: #00695c;
13084
- border-color: #00695c;
12631
+ .k-button-link-warning:disabled, .k-button-link-warning.k-disabled {
12632
+ color: rgba(0, 0, 0, 0.38);
13085
12633
  }
13086
12634
 
13087
- .k-button-solid-tertiary.k-selected {
13088
- background-color: #00695c;
13089
- border-color: #00695c;
12635
+ .k-button-link-error {
12636
+ color: #f31700;
13090
12637
  }
13091
12638
 
13092
- .k-button-solid-info {
13093
- background-image: none;
13094
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
12639
+ .k-button-link-error:hover, .k-button-link-error.k-hover {
12640
+ color: #cc1300;
13095
12641
  }
13096
12642
 
13097
- .k-button-solid-info:hover, .k-button-solid-info.k-hover {
13098
- background-color: #0058e9;
13099
- border-color: #0058e9;
12643
+ .k-button-link-error:active, .k-button-link-error.k-active {
12644
+ color: #cc1300;
13100
12645
  }
13101
12646
 
13102
- .k-button-solid-info:focus, .k-button-solid-info.k-focus {
13103
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
12647
+ .k-button-link-error.k-selected {
12648
+ color: #cc1300;
13104
12649
  }
13105
12650
 
13106
- .k-button-solid-info:active, .k-button-solid-info.k-active {
13107
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
13108
- background-color: #0058e9;
13109
- border-color: #0058e9;
12651
+ .k-button-link-error:disabled, .k-button-link-error.k-disabled {
12652
+ color: rgba(0, 0, 0, 0.38);
13110
12653
  }
13111
12654
 
13112
- .k-button-solid-info.k-selected {
13113
- background-color: #0058e9;
13114
- border-color: #0058e9;
12655
+ .k-button-link-dark {
12656
+ color: #424242;
13115
12657
  }
13116
12658
 
13117
- .k-button-solid-success {
13118
- background-image: none;
13119
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
12659
+ .k-button-link-dark:hover, .k-button-link-dark.k-hover {
12660
+ color: #373737;
13120
12661
  }
13121
12662
 
13122
- .k-button-solid-success:hover, .k-button-solid-success.k-hover {
13123
- background-color: #37b400;
13124
- border-color: #37b400;
12663
+ .k-button-link-dark:active, .k-button-link-dark.k-active {
12664
+ color: #373737;
13125
12665
  }
13126
12666
 
13127
- .k-button-solid-success:focus, .k-button-solid-success.k-focus {
13128
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
12667
+ .k-button-link-dark.k-selected {
12668
+ color: #373737;
13129
12669
  }
13130
12670
 
13131
- .k-button-solid-success:active, .k-button-solid-success.k-active {
13132
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
13133
- background-color: #37b400;
13134
- border-color: #37b400;
12671
+ .k-button-link-dark:disabled, .k-button-link-dark.k-disabled {
12672
+ color: rgba(0, 0, 0, 0.38);
13135
12673
  }
13136
12674
 
13137
- .k-button-solid-success.k-selected {
13138
- background-color: #37b400;
13139
- border-color: #37b400;
12675
+ .k-button-link-light {
12676
+ color: #f5f5f5;
13140
12677
  }
13141
12678
 
13142
- .k-button-solid-warning {
13143
- background-image: none;
13144
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
12679
+ .k-button-link-light:hover, .k-button-link-light.k-hover {
12680
+ color: #cecece;
13145
12681
  }
13146
12682
 
13147
- .k-button-solid-warning:hover, .k-button-solid-warning.k-hover {
13148
- background-color: #ffc000;
13149
- border-color: #ffc000;
12683
+ .k-button-link-light:active, .k-button-link-light.k-active {
12684
+ color: #cecece;
13150
12685
  }
13151
12686
 
13152
- .k-button-solid-warning:focus, .k-button-solid-warning.k-focus {
13153
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
12687
+ .k-button-link-light.k-selected {
12688
+ color: #cecece;
13154
12689
  }
13155
12690
 
13156
- .k-button-solid-warning:active, .k-button-solid-warning.k-active {
13157
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
13158
- background-color: #ffc000;
13159
- border-color: #ffc000;
12691
+ .k-button-link-light:disabled, .k-button-link-light.k-disabled {
12692
+ color: rgba(0, 0, 0, 0.38);
13160
12693
  }
13161
12694
 
13162
- .k-button-solid-warning.k-selected {
13163
- background-color: #ffc000;
13164
- border-color: #ffc000;
12695
+ .k-button-link-inverse {
12696
+ color: #424242;
13165
12697
  }
13166
12698
 
13167
- .k-button-solid-error {
13168
- background-image: none;
13169
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
12699
+ .k-button-link-inverse:hover, .k-button-link-inverse.k-hover {
12700
+ color: #373737;
13170
12701
  }
13171
12702
 
13172
- .k-button-solid-error:hover, .k-button-solid-error.k-hover {
13173
- background-color: #f31700;
13174
- border-color: #f31700;
12703
+ .k-button-link-inverse:active, .k-button-link-inverse.k-active {
12704
+ color: #373737;
13175
12705
  }
13176
12706
 
13177
- .k-button-solid-error:focus, .k-button-solid-error.k-focus {
13178
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
12707
+ .k-button-link-inverse.k-selected {
12708
+ color: #373737;
13179
12709
  }
13180
12710
 
13181
- .k-button-solid-error:active, .k-button-solid-error.k-active {
13182
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
13183
- background-color: #f31700;
13184
- border-color: #f31700;
12711
+ .k-button-link-inverse:disabled, .k-button-link-inverse.k-disabled {
12712
+ color: rgba(0, 0, 0, 0.38);
13185
12713
  }
13186
12714
 
13187
- .k-button-solid-error.k-selected {
13188
- background-color: #f31700;
13189
- border-color: #f31700;
12715
+ .k-button-link-base {
12716
+ color: rgba(0, 0, 0, 0.87);
13190
12717
  }
13191
12718
 
13192
- .k-button-solid-dark {
13193
- background-image: none;
13194
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
12719
+ .k-button-link-base:hover, .k-button-link-base.k-hover {
12720
+ color: rgba(0, 0, 0, 0.8908);
13195
12721
  }
13196
12722
 
13197
- .k-button-solid-dark:hover, .k-button-solid-dark.k-hover {
13198
- background-color: #424242;
13199
- border-color: #424242;
12723
+ .k-button-link-base:active, .k-button-link-base.k-active {
12724
+ color: rgba(0, 0, 0, 0.8908);
13200
12725
  }
13201
12726
 
13202
- .k-button-solid-dark:focus, .k-button-solid-dark.k-focus {
13203
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
12727
+ .k-button-link-base.k-selected {
12728
+ color: rgba(0, 0, 0, 0.8908);
13204
12729
  }
13205
12730
 
13206
- .k-button-solid-dark:active, .k-button-solid-dark.k-active {
13207
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
13208
- background-color: #424242;
13209
- border-color: #424242;
12731
+ .k-button-link-base:disabled, .k-button-link-base.k-disabled {
12732
+ color: rgba(0, 0, 0, 0.38);
13210
12733
  }
13211
12734
 
13212
- .k-button-solid-dark.k-selected {
13213
- background-color: #424242;
13214
- border-color: #424242;
12735
+ .k-button-solid-primary {
12736
+ color: white;
12737
+ background-color: #3f51b5;
13215
12738
  }
13216
12739
 
13217
- .k-button-solid-light {
13218
- background-image: none;
13219
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
12740
+ .k-button-solid-secondary {
12741
+ color: white;
12742
+ background-color: #e51a5f;
13220
12743
  }
13221
12744
 
13222
- .k-button-solid-light:hover, .k-button-solid-light.k-hover {
13223
- background-color: #f5f5f5;
13224
- border-color: #f5f5f5;
12745
+ .k-button-solid-tertiary {
12746
+ color: white;
12747
+ background-color: #00695c;
13225
12748
  }
13226
12749
 
13227
- .k-button-solid-light:focus, .k-button-solid-light.k-focus {
13228
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
12750
+ .k-button-solid-info {
12751
+ color: white;
12752
+ background-color: #0058e9;
13229
12753
  }
13230
12754
 
13231
- .k-button-solid-light:active, .k-button-solid-light.k-active {
13232
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
13233
- background-color: #f5f5f5;
13234
- border-color: #f5f5f5;
12755
+ .k-button-solid-success {
12756
+ color: white;
12757
+ background-color: #37b400;
13235
12758
  }
13236
12759
 
13237
- .k-button-solid-light.k-selected {
13238
- background-color: #f5f5f5;
13239
- border-color: #f5f5f5;
12760
+ .k-button-solid-warning {
12761
+ color: black;
12762
+ background-color: #ffc000;
13240
12763
  }
13241
12764
 
13242
- .k-button-solid-inverse {
13243
- background-image: none;
13244
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
12765
+ .k-button-solid-error {
12766
+ color: white;
12767
+ background-color: #f31700;
13245
12768
  }
13246
12769
 
13247
- .k-button-solid-inverse:hover, .k-button-solid-inverse.k-hover {
12770
+ .k-button-solid-dark {
12771
+ color: white;
13248
12772
  background-color: #424242;
13249
- border-color: #424242;
13250
- }
13251
-
13252
- .k-button-solid-inverse:focus, .k-button-solid-inverse.k-focus {
13253
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
13254
12773
  }
13255
12774
 
13256
- .k-button-solid-inverse:active, .k-button-solid-inverse.k-active {
13257
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
13258
- background-color: #424242;
13259
- border-color: #424242;
12775
+ .k-button-solid-light {
12776
+ color: black;
12777
+ background-color: #f5f5f5;
13260
12778
  }
13261
12779
 
13262
- .k-button-solid-inverse.k-selected {
12780
+ .k-button-solid-inverse {
12781
+ color: white;
13263
12782
  background-color: #424242;
13264
- border-color: #424242;
13265
- }
13266
-
13267
- .k-button-outline-base:hover, .k-button-outline-base.k-hover {
13268
- color: rgba(0, 0, 0, 0.87);
13269
- }
13270
-
13271
- .k-button-outline-base:active, .k-button-outline-base.k-active {
13272
- color: rgba(0, 0, 0, 0.87);
13273
12783
  }
13274
12784
 
13275
- .k-button-outline-base.k-selected {
12785
+ .k-button-solid-base {
13276
12786
  color: rgba(0, 0, 0, 0.87);
12787
+ background-color: white;
13277
12788
  }
13278
12789
 
13279
- .k-button-outline-primary:hover, .k-button-outline-primary.k-hover {
12790
+ .k-button-outline-primary {
13280
12791
  color: #3f51b5;
13281
12792
  }
13282
12793
 
13283
- .k-button-outline-primary:active, .k-button-outline-primary.k-active {
12794
+ .k-button-outline-primary:hover, .k-button-outline-primary.k-hover, .k-button-outline-primary:focus, .k-button-outline-primary.k-focus, .k-button-outline-primary:active,
12795
+ .k-button-outline-primary.k-active .k-button-outline-primary.k-selected {
13284
12796
  color: #3f51b5;
13285
12797
  }
13286
12798
 
13287
- .k-button-outline-primary.k-selected {
13288
- color: #3f51b5;
12799
+ .k-button-outline-primary:disabled, .k-button-outline-primary.k-disabled {
12800
+ color: rgba(0, 0, 0, 0.38);
13289
12801
  }
13290
12802
 
13291
- .k-button-outline-secondary:hover, .k-button-outline-secondary.k-hover {
12803
+ .k-button-outline-secondary {
13292
12804
  color: #e51a5f;
13293
12805
  }
13294
12806
 
13295
- .k-button-outline-secondary:active, .k-button-outline-secondary.k-active {
12807
+ .k-button-outline-secondary:hover, .k-button-outline-secondary.k-hover, .k-button-outline-secondary:focus, .k-button-outline-secondary.k-focus, .k-button-outline-secondary:active,
12808
+ .k-button-outline-secondary.k-active .k-button-outline-secondary.k-selected {
13296
12809
  color: #e51a5f;
13297
12810
  }
13298
12811
 
13299
- .k-button-outline-secondary.k-selected {
13300
- color: #e51a5f;
12812
+ .k-button-outline-secondary:disabled, .k-button-outline-secondary.k-disabled {
12813
+ color: rgba(0, 0, 0, 0.38);
13301
12814
  }
13302
12815
 
13303
- .k-button-outline-tertiary:hover, .k-button-outline-tertiary.k-hover {
12816
+ .k-button-outline-tertiary {
13304
12817
  color: #00695c;
13305
12818
  }
13306
12819
 
13307
- .k-button-outline-tertiary:active, .k-button-outline-tertiary.k-active {
12820
+ .k-button-outline-tertiary:hover, .k-button-outline-tertiary.k-hover, .k-button-outline-tertiary:focus, .k-button-outline-tertiary.k-focus, .k-button-outline-tertiary:active,
12821
+ .k-button-outline-tertiary.k-active .k-button-outline-tertiary.k-selected {
13308
12822
  color: #00695c;
13309
12823
  }
13310
12824
 
13311
- .k-button-outline-tertiary.k-selected {
13312
- color: #00695c;
12825
+ .k-button-outline-tertiary:disabled, .k-button-outline-tertiary.k-disabled {
12826
+ color: rgba(0, 0, 0, 0.38);
13313
12827
  }
13314
12828
 
13315
- .k-button-outline-info:hover, .k-button-outline-info.k-hover {
12829
+ .k-button-outline-info {
13316
12830
  color: #0058e9;
13317
12831
  }
13318
12832
 
13319
- .k-button-outline-info:active, .k-button-outline-info.k-active {
12833
+ .k-button-outline-info:hover, .k-button-outline-info.k-hover, .k-button-outline-info:focus, .k-button-outline-info.k-focus, .k-button-outline-info:active,
12834
+ .k-button-outline-info.k-active .k-button-outline-info.k-selected {
13320
12835
  color: #0058e9;
13321
12836
  }
13322
12837
 
13323
- .k-button-outline-info.k-selected {
13324
- color: #0058e9;
12838
+ .k-button-outline-info:disabled, .k-button-outline-info.k-disabled {
12839
+ color: rgba(0, 0, 0, 0.38);
13325
12840
  }
13326
12841
 
13327
- .k-button-outline-success:hover, .k-button-outline-success.k-hover {
12842
+ .k-button-outline-success {
13328
12843
  color: #37b400;
13329
12844
  }
13330
12845
 
13331
- .k-button-outline-success:active, .k-button-outline-success.k-active {
12846
+ .k-button-outline-success:hover, .k-button-outline-success.k-hover, .k-button-outline-success:focus, .k-button-outline-success.k-focus, .k-button-outline-success:active,
12847
+ .k-button-outline-success.k-active .k-button-outline-success.k-selected {
13332
12848
  color: #37b400;
13333
12849
  }
13334
12850
 
13335
- .k-button-outline-success.k-selected {
13336
- color: #37b400;
12851
+ .k-button-outline-success:disabled, .k-button-outline-success.k-disabled {
12852
+ color: rgba(0, 0, 0, 0.38);
13337
12853
  }
13338
12854
 
13339
- .k-button-outline-warning:hover, .k-button-outline-warning.k-hover {
12855
+ .k-button-outline-warning {
13340
12856
  color: #ffc000;
13341
12857
  }
13342
12858
 
13343
- .k-button-outline-warning:active, .k-button-outline-warning.k-active {
12859
+ .k-button-outline-warning:hover, .k-button-outline-warning.k-hover, .k-button-outline-warning:focus, .k-button-outline-warning.k-focus, .k-button-outline-warning:active,
12860
+ .k-button-outline-warning.k-active .k-button-outline-warning.k-selected {
13344
12861
  color: #ffc000;
13345
12862
  }
13346
12863
 
13347
- .k-button-outline-warning.k-selected {
13348
- color: #ffc000;
12864
+ .k-button-outline-warning:disabled, .k-button-outline-warning.k-disabled {
12865
+ color: rgba(0, 0, 0, 0.38);
13349
12866
  }
13350
12867
 
13351
- .k-button-outline-error:hover, .k-button-outline-error.k-hover {
12868
+ .k-button-outline-error {
13352
12869
  color: #f31700;
13353
12870
  }
13354
12871
 
13355
- .k-button-outline-error:active, .k-button-outline-error.k-active {
12872
+ .k-button-outline-error:hover, .k-button-outline-error.k-hover, .k-button-outline-error:focus, .k-button-outline-error.k-focus, .k-button-outline-error:active,
12873
+ .k-button-outline-error.k-active .k-button-outline-error.k-selected {
13356
12874
  color: #f31700;
13357
12875
  }
13358
12876
 
13359
- .k-button-outline-error.k-selected {
13360
- color: #f31700;
12877
+ .k-button-outline-error:disabled, .k-button-outline-error.k-disabled {
12878
+ color: rgba(0, 0, 0, 0.38);
13361
12879
  }
13362
12880
 
13363
- .k-button-outline-dark:hover, .k-button-outline-dark.k-hover {
12881
+ .k-button-outline-dark {
13364
12882
  color: #424242;
13365
12883
  }
13366
12884
 
13367
- .k-button-outline-dark:active, .k-button-outline-dark.k-active {
12885
+ .k-button-outline-dark:hover, .k-button-outline-dark.k-hover, .k-button-outline-dark:focus, .k-button-outline-dark.k-focus, .k-button-outline-dark:active,
12886
+ .k-button-outline-dark.k-active .k-button-outline-dark.k-selected {
13368
12887
  color: #424242;
13369
12888
  }
13370
12889
 
13371
- .k-button-outline-dark.k-selected {
13372
- color: #424242;
12890
+ .k-button-outline-dark:disabled, .k-button-outline-dark.k-disabled {
12891
+ color: rgba(0, 0, 0, 0.38);
13373
12892
  }
13374
12893
 
13375
- .k-button-outline-light:hover, .k-button-outline-light.k-hover {
12894
+ .k-button-outline-light {
13376
12895
  color: #f5f5f5;
13377
12896
  }
13378
12897
 
13379
- .k-button-outline-light:active, .k-button-outline-light.k-active {
12898
+ .k-button-outline-light:hover, .k-button-outline-light.k-hover, .k-button-outline-light:focus, .k-button-outline-light.k-focus, .k-button-outline-light:active,
12899
+ .k-button-outline-light.k-active .k-button-outline-light.k-selected {
13380
12900
  color: #f5f5f5;
13381
12901
  }
13382
12902
 
13383
- .k-button-outline-light.k-selected {
13384
- color: #f5f5f5;
12903
+ .k-button-outline-light:disabled, .k-button-outline-light.k-disabled {
12904
+ color: rgba(0, 0, 0, 0.38);
13385
12905
  }
13386
12906
 
13387
- .k-button-outline-inverse:hover, .k-button-outline-inverse.k-hover {
12907
+ .k-button-outline-inverse {
13388
12908
  color: #424242;
13389
12909
  }
13390
12910
 
13391
- .k-button-outline-inverse:active, .k-button-outline-inverse.k-active {
12911
+ .k-button-outline-inverse:hover, .k-button-outline-inverse.k-hover, .k-button-outline-inverse:focus, .k-button-outline-inverse.k-focus, .k-button-outline-inverse:active,
12912
+ .k-button-outline-inverse.k-active .k-button-outline-inverse.k-selected {
13392
12913
  color: #424242;
13393
12914
  }
13394
12915
 
13395
- .k-button-outline-inverse.k-selected {
13396
- color: #424242;
12916
+ .k-button-outline-inverse:disabled, .k-button-outline-inverse.k-disabled {
12917
+ color: rgba(0, 0, 0, 0.38);
13397
12918
  }
13398
12919
 
13399
- .k-button-link-base:disabled, .k-button-link-base.k-disabled {
13400
- background: none;
12920
+ .k-button-outline-base {
12921
+ color: rgba(0, 0, 0, 0.87);
12922
+ }
12923
+
12924
+ .k-button-outline-base:hover, .k-button-outline-base.k-hover, .k-button-outline-base:focus, .k-button-outline-base.k-focus, .k-button-outline-base:active,
12925
+ .k-button-outline-base.k-active .k-button-outline-base.k-selected {
12926
+ color: rgba(0, 0, 0, 0.87);
12927
+ }
12928
+
12929
+ .k-button-outline-base:disabled, .k-button-outline-base.k-disabled {
12930
+ color: rgba(0, 0, 0, 0.38);
13401
12931
  }
13402
12932
 
13403
12933
  .k-button-link-primary:disabled, .k-button-link-primary.k-disabled {
13404
- background: none;
12934
+ color: rgba(0, 0, 0, 0.38);
13405
12935
  }
13406
12936
 
13407
12937
  .k-button-link-secondary:disabled, .k-button-link-secondary.k-disabled {
13408
- background: none;
12938
+ color: rgba(0, 0, 0, 0.38);
13409
12939
  }
13410
12940
 
13411
12941
  .k-button-link-tertiary:disabled, .k-button-link-tertiary.k-disabled {
13412
- background: none;
12942
+ color: rgba(0, 0, 0, 0.38);
13413
12943
  }
13414
12944
 
13415
12945
  .k-button-link-info:disabled, .k-button-link-info.k-disabled {
13416
- background: none;
12946
+ color: rgba(0, 0, 0, 0.38);
13417
12947
  }
13418
12948
 
13419
12949
  .k-button-link-success:disabled, .k-button-link-success.k-disabled {
13420
- background: none;
12950
+ color: rgba(0, 0, 0, 0.38);
13421
12951
  }
13422
12952
 
13423
12953
  .k-button-link-warning:disabled, .k-button-link-warning.k-disabled {
13424
- background: none;
12954
+ color: rgba(0, 0, 0, 0.38);
13425
12955
  }
13426
12956
 
13427
12957
  .k-button-link-error:disabled, .k-button-link-error.k-disabled {
13428
- background: none;
12958
+ color: rgba(0, 0, 0, 0.38);
13429
12959
  }
13430
12960
 
13431
12961
  .k-button-link-dark:disabled, .k-button-link-dark.k-disabled {
13432
- background: none;
12962
+ color: rgba(0, 0, 0, 0.38);
13433
12963
  }
13434
12964
 
13435
12965
  .k-button-link-light:disabled, .k-button-link-light.k-disabled {
13436
- background: none;
12966
+ color: rgba(0, 0, 0, 0.38);
13437
12967
  }
13438
12968
 
13439
12969
  .k-button-link-inverse:disabled, .k-button-link-inverse.k-disabled {
13440
- background: none;
13441
- }
13442
-
13443
- .k-button-group {
13444
- box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
13445
- }
13446
-
13447
- .k-button-group .k-button {
13448
- box-shadow: none;
12970
+ color: rgba(0, 0, 0, 0.38);
13449
12971
  }
13450
12972
 
13451
- .k-button-group:disabled, .k-button-group.k-disabled {
13452
- box-shadow: none;
13453
- opacity: 1;
12973
+ .k-button-link-base:disabled, .k-button-link-base.k-disabled {
12974
+ color: rgba(0, 0, 0, 0.38);
13454
12975
  }
13455
12976
 
13456
- .k-split-button {
12977
+ .k-button-group {
13457
12978
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
13458
12979
  }
13459
12980
 
13460
- .k-split-button .k-button {
13461
- box-shadow: none;
13462
- }
13463
-
13464
- .k-split-button > .k-button:last-child,
13465
- .k-split-button > .k-split-button-arrow {
13466
- color: rgba(0, 0, 0, 0.54);
13467
- }
13468
-
13469
- .k-split-button > .k-button:last-child:hover,
13470
- .k-split-button > .k-split-button-arrow:hover {
13471
- color: rgba(0, 0, 0, 0.87);
13472
- }
13473
-
13474
- .k-split-button:disabled, .k-split-button.k-disabled {
12981
+ .k-button-group .k-button {
13475
12982
  box-shadow: none;
13476
- opacity: 1;
13477
12983
  }
13478
12984
 
13479
- .k-split-button.k-flat {
12985
+ .k-button-group:disabled, .k-button-group[disabled], .k-button-group.k-disabled {
13480
12986
  box-shadow: none;
13481
12987
  }
13482
12988
 
13483
12989
  .k-button-group-flat,
12990
+ .k-button-group-link,
13484
12991
  .k-button-group-outline {
13485
12992
  box-shadow: none;
13486
12993
  }
@@ -13497,10 +13004,12 @@ kendo-badge-container {
13497
13004
  font-family: Roboto, "Helvetica Neue", sans-serif;
13498
13005
  font-size: 16px;
13499
13006
  line-height: 1.25;
13007
+ text-align: start;
13500
13008
  box-shadow: none;
13501
13009
  display: inline-flex;
13502
13010
  flex-flow: row nowrap;
13503
13011
  align-items: stretch;
13012
+ vertical-align: middle;
13504
13013
  position: relative;
13505
13014
  overflow: hidden;
13506
13015
  text-overflow: ellipsis;
@@ -13519,10 +13028,19 @@ kendo-badge-container {
13519
13028
  box-shadow: none;
13520
13029
  }
13521
13030
 
13031
+ .k-input > *,
13032
+ .k-picker > * {
13033
+ margin: 0;
13034
+ }
13035
+
13522
13036
  input.k-input {
13523
13037
  padding: 8px 16px;
13524
13038
  }
13525
13039
 
13040
+ .k-picker {
13041
+ cursor: pointer;
13042
+ }
13043
+
13526
13044
  select.k-picker {
13527
13045
  padding: 8px 16px;
13528
13046
  -webkit-appearance: auto;
@@ -13573,6 +13091,7 @@ select.k-picker {
13573
13091
  }
13574
13092
 
13575
13093
  span.k-input-inner {
13094
+ white-space: nowrap;
13576
13095
  display: flex;
13577
13096
  flex-flow: row nowrap;
13578
13097
  align-items: center;
@@ -13684,7 +13203,6 @@ textarea.k-input-inner {
13684
13203
 
13685
13204
  .k-input-button > .k-button-icon {
13686
13205
  min-width: auto !important;
13687
- min-height: auto !important;
13688
13206
  }
13689
13207
 
13690
13208
  .k-input-button:focus {
@@ -13965,11 +13483,15 @@ textarea.k-input-inner {
13965
13483
  border-color: #3f51b5;
13966
13484
  }
13967
13485
 
13968
- .k-input:invalid, .k-input.k-invalid, .k-input.ng-invalid {
13486
+ .k-input:focus-within {
13487
+ border-color: #3f51b5;
13488
+ }
13489
+
13490
+ .k-input.k-invalid, .k-input.ng-invalid.ng-touched, .k-input.ng-invalid.ng-dirty {
13969
13491
  border-color: #f31700;
13970
13492
  }
13971
13493
 
13972
- .k-input:invalid .k-input-validation-icon, .k-input.k-invalid .k-input-validation-icon, .k-input.ng-invalid .k-input-validation-icon {
13494
+ .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 {
13973
13495
  color: #f31700;
13974
13496
  }
13975
13497
 
@@ -13979,11 +13501,11 @@ textarea.k-input-inner {
13979
13501
  background-color: white;
13980
13502
  }
13981
13503
 
13982
- .k-picker:invalid, .k-picker.k-invalid, .k-picker.ng-invalid {
13504
+ .k-picker.k-invalid, .k-picker.ng-invalid.ng-touched, .k-picker.ng-invalid.ng-dirty {
13983
13505
  border-color: #f31700;
13984
13506
  }
13985
13507
 
13986
- .k-picker:invalid .k-input-validation-icon, .k-picker.k-invalid .k-input-validation-icon, .k-picker.ng-invalid .k-input-validation-icon {
13508
+ .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 {
13987
13509
  color: #f31700;
13988
13510
  }
13989
13511
 
@@ -14204,7 +13726,7 @@ textarea.k-input-inner {
14204
13726
  }
14205
13727
 
14206
13728
  .k-table-list .k-table-group-row::before {
14207
- content: ".";
13729
+ content: "\200b";
14208
13730
  padding: 0;
14209
13731
  width: 0;
14210
13732
  display: block;
@@ -14284,7 +13806,7 @@ textarea.k-input-inner {
14284
13806
 
14285
13807
  .k-table-sm .k-table-th,
14286
13808
  .k-table-sm .k-table-td {
14287
- padding: 4px 16px;
13809
+ padding: 10px 16px;
14288
13810
  }
14289
13811
 
14290
13812
  .k-table-sm .k-table-list .k-table-group-td > span {
@@ -14292,7 +13814,7 @@ textarea.k-input-inner {
14292
13814
  }
14293
13815
 
14294
13816
  .k-table-sm .k-table-list .k-table-group-row::before {
14295
- padding: 4px 0;
13817
+ padding: 10px 0;
14296
13818
  }
14297
13819
 
14298
13820
  .k-table-md {
@@ -14320,7 +13842,7 @@ textarea.k-input-inner {
14320
13842
 
14321
13843
  .k-table-lg .k-table-th,
14322
13844
  .k-table-lg .k-table-td {
14323
- padding: 12px 16px;
13845
+ padding: 10px 16px;
14324
13846
  }
14325
13847
 
14326
13848
  .k-table-lg .k-table-list .k-table-group-td > span {
@@ -14328,7 +13850,7 @@ textarea.k-input-inner {
14328
13850
  }
14329
13851
 
14330
13852
  .k-table-lg .k-table-list .k-table-group-row::before {
14331
- padding: 12px 0;
13853
+ padding: 10px 0;
14332
13854
  }
14333
13855
 
14334
13856
  .k-rtl.k-table,
@@ -15586,7 +15108,7 @@ textarea.k-input-inner {
15586
15108
  }
15587
15109
 
15588
15110
  .k-skeleton-text:empty::before {
15589
- content: "\00a0";
15111
+ content: "\200b";
15590
15112
  }
15591
15113
 
15592
15114
  .k-skeleton-rect {
@@ -15673,7 +15195,7 @@ textarea.k-input-inner {
15673
15195
 
15674
15196
  .k-toolbar::before {
15675
15197
  content: "";
15676
- height: calc(1.4285714286em + 16px);
15198
+ height: calc(1.4285714286em + 18px);
15677
15199
  margin-inline-start: -8px;
15678
15200
  }
15679
15201
 
@@ -15694,10 +15216,14 @@ textarea.k-input-inner {
15694
15216
  }
15695
15217
 
15696
15218
  .k-toolbar .k-input,
15697
- .k-toolbar .k-picker:not(.k-colorpicker) {
15219
+ .k-toolbar .k-picker {
15698
15220
  width: 10em;
15699
15221
  }
15700
15222
 
15223
+ .k-toolbar .k-color-picker, .k-toolbar .k-colorpicker {
15224
+ width: min-content;
15225
+ }
15226
+
15701
15227
  .k-toolbar .k-overflow-anchor {
15702
15228
  border-radius: 0;
15703
15229
  margin: 0;
@@ -15763,7 +15289,7 @@ kendo-toolbar-renderer {
15763
15289
 
15764
15290
  .k-overflow-container .k-overflow-button {
15765
15291
  border-radius: 0;
15766
- padding: 4px 16px;
15292
+ padding: 8px 16px;
15767
15293
  width: 100%;
15768
15294
  border-width: 0;
15769
15295
  color: inherit;
@@ -15780,6 +15306,10 @@ kendo-toolbar-renderer {
15780
15306
  flex-flow: column nowrap;
15781
15307
  }
15782
15308
 
15309
+ .k-overflow-container .k-button-group .k-button {
15310
+ margin: 0;
15311
+ }
15312
+
15783
15313
  .k-overflow-container .k-split-button {
15784
15314
  display: flex;
15785
15315
  flex-direction: column;
@@ -15812,6 +15342,7 @@ kendo-toolbar-renderer {
15812
15342
  .editorToolbarWindow.k-window-content .k-toolbar {
15813
15343
  padding: 0;
15814
15344
  border-width: 0;
15345
+ flex-shrink: 1;
15815
15346
  color: inherit;
15816
15347
  background: none;
15817
15348
  }
@@ -15993,11 +15524,6 @@ kendo-label > .k-label {
15993
15524
  flex-flow: row nowrap;
15994
15525
  }
15995
15526
 
15996
- .k-form .k-checkbox-label,
15997
- .k-form .k-radio-label {
15998
- display: inline-flex;
15999
- }
16000
-
16001
15527
  .k-form .k-label + .k-radio {
16002
15528
  margin-left: 0;
16003
15529
  }
@@ -16027,15 +15553,12 @@ kendo-label > .k-label {
16027
15553
  padding: 0;
16028
15554
  }
16029
15555
 
16030
- .k-form .k-form-field,
16031
- .k-form .k-daterangepicker .k-textbox-container {
15556
+ .k-form .k-form-field {
16032
15557
  margin-top: 1em;
16033
15558
  }
16034
15559
 
16035
15560
  .k-form > *:not(.k-hidden):first-child,
16036
- .k-form > *.k-hidden + :not(.k-hidden),
16037
- .k-form .k-daterangepicker .k-textbox-container:not(.k-hidden):first-child,
16038
- .k-form .k-daterangepicker .k-textbox-container.k-hidden + :not(.k-hidden) {
15561
+ .k-form > *.k-hidden + :not(.k-hidden) {
16039
15562
  margin-top: 0;
16040
15563
  }
16041
15564
 
@@ -16072,6 +15595,12 @@ kendo-label > .k-label {
16072
15595
  width: 100%;
16073
15596
  }
16074
15597
 
15598
+ .k-form .k-daterangepicker {
15599
+ width: 100%;
15600
+ flex-flow: column nowrap;
15601
+ gap: 0;
15602
+ }
15603
+
16075
15604
  .k-form-buttons {
16076
15605
  margin-top: 2em;
16077
15606
  padding: 0;
@@ -16521,14 +16050,18 @@ kendo-label > .k-label {
16521
16050
  max-width: 300px;
16522
16051
  }
16523
16052
 
16053
+ .k-textarea {
16054
+ display: flex;
16055
+ }
16056
+
16524
16057
  .k-listbox {
16525
16058
  width: 10em;
16526
16059
  height: 200px;
16527
16060
  border-width: 0;
16528
16061
  outline: 0;
16529
16062
  font-family: Roboto, "Helvetica Neue", sans-serif;
16530
- font-size: 14px;
16531
- line-height: 2;
16063
+ font-size: 16px;
16064
+ line-height: 1.25;
16532
16065
  vertical-align: top;
16533
16066
  background-color: transparent;
16534
16067
  display: inline-flex;
@@ -16586,11 +16119,20 @@ kendo-label > .k-label {
16586
16119
 
16587
16120
  .k-listbox .k-list-scroller {
16588
16121
  width: 100%;
16122
+ height: inherit;
16589
16123
  border-width: 1px;
16590
16124
  border-style: solid;
16591
16125
  box-sizing: border-box;
16592
16126
  }
16593
16127
 
16128
+ .k-listbox .k-list-scroller .k-list-scroller {
16129
+ border-width: 0;
16130
+ }
16131
+
16132
+ .k-listbox .k-list-scroller .k-list {
16133
+ height: inherit;
16134
+ }
16135
+
16594
16136
  .k-listbox .k-drop-hint {
16595
16137
  border-top-width: 2px;
16596
16138
  border-top-style: solid;
@@ -16623,7 +16165,7 @@ kendo-label > .k-label {
16623
16165
  }
16624
16166
 
16625
16167
  .k-listbox .k-item {
16626
- padding: 2px 24px;
16168
+ padding: 8px 16px;
16627
16169
  }
16628
16170
 
16629
16171
  .k-listbox .k-list-scroller {
@@ -17013,90 +16555,13 @@ kendo-label > .k-label {
17013
16555
  -webkit-appearance: none;
17014
16556
  }
17015
16557
 
17016
- .k-radio-sm {
17017
- width: 12px;
17018
- height: 12px;
17019
- }
17020
-
17021
- .k-radio-sm + .k-radio-label .k-ripple {
17022
- top: 6px;
17023
- left: 6px;
17024
- width: 30px;
17025
- height: 30px;
17026
- }
17027
-
17028
- .k-radio-sm::before {
17029
- content: "";
17030
- width: 6px;
17031
- height: 6px;
17032
- border-radius: 50%;
17033
- background-color: currentColor;
17034
- transform: scale(0) translate(-50%, -50%);
17035
- overflow: hidden;
17036
- position: absolute;
17037
- top: 50%;
17038
- left: 50%;
17039
- }
17040
-
17041
- .k-radio-md {
17042
- width: 16px;
17043
- height: 16px;
17044
- }
17045
-
17046
- .k-radio-md + .k-radio-label .k-ripple {
17047
- top: 8px;
17048
- left: 8px;
17049
- width: 40px;
17050
- height: 40px;
17051
- }
17052
-
17053
- .k-radio-md::before {
17054
- content: "";
17055
- width: 8px;
17056
- height: 8px;
17057
- border-radius: 50%;
17058
- background-color: currentColor;
17059
- transform: scale(0) translate(-50%, -50%);
17060
- overflow: hidden;
17061
- position: absolute;
17062
- top: 50%;
17063
- left: 50%;
17064
- }
17065
-
17066
- .k-radio-lg {
17067
- width: 24px;
17068
- height: 24px;
17069
- }
17070
-
17071
- .k-radio-lg + .k-radio-label .k-ripple {
17072
- top: 12px;
17073
- left: 12px;
17074
- width: 60px;
17075
- height: 60px;
17076
- }
17077
-
17078
- .k-radio-lg::before {
17079
- content: "";
17080
- width: 12px;
17081
- height: 12px;
17082
- border-radius: 50%;
17083
- background-color: currentColor;
17084
- transform: scale(0) translate(-50%, -50%);
17085
- overflow: hidden;
17086
- position: absolute;
17087
- top: 50%;
17088
- left: 50%;
17089
- }
17090
-
17091
- .k-radio:checked::before,
17092
- .k-radio.k-checked::before {
17093
- transform: scale(1) translate(-50%, -50%);
16558
+ .k-radio:checked,
16559
+ .k-radio.k-checked {
16560
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3ccircle cx='50%' cy='50%' r='4' fill='%233f51b5'/%3e%3c/svg%3e");
17094
16561
  }
17095
16562
 
17096
16563
  .k-radio:disabled,
17097
- .k-radio.k-disabled,
17098
- .k-radio:disabled + .k-radio-label,
17099
- .k-radio.k-disabled + .k-radio-label {
16564
+ .k-radio.k-disabled {
17100
16565
  outline: none;
17101
16566
  cursor: default;
17102
16567
  opacity: 0.6;
@@ -17105,12 +16570,20 @@ kendo-label > .k-label {
17105
16570
  box-shadow: none;
17106
16571
  }
17107
16572
 
16573
+ .k-radio:disabled:checked,
16574
+ .k-radio.k-disabled.k-checked {
16575
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3ccircle cx='50%' cy='50%' r='4' fill='%23adadad'/%3e%3c/svg%3e");
16576
+ }
16577
+
17108
16578
  .k-radio-wrap {
17109
16579
  flex: none;
17110
16580
  display: inline-flex;
17111
16581
  flex-flow: row nowrap;
17112
16582
  gap: 0;
17113
16583
  align-items: center;
16584
+ align-self: start;
16585
+ vertical-align: middle;
16586
+ position: relative;
17114
16587
  }
17115
16588
 
17116
16589
  .k-radio-wrap::before {
@@ -17122,57 +16595,35 @@ kendo-label > .k-label {
17122
16595
  vertical-align: top;
17123
16596
  }
17124
16597
 
17125
- .k-radio + .k-radio-label {
17126
- display: inline;
17127
- }
17128
-
17129
16598
  .k-radio-label {
17130
16599
  margin: 0;
17131
16600
  padding: 0;
17132
- line-height: 18px;
17133
16601
  display: inline-flex;
17134
16602
  align-items: flex-start;
16603
+ gap: 4px;
17135
16604
  vertical-align: middle;
17136
16605
  position: relative;
17137
16606
  cursor: pointer;
17138
16607
  }
17139
16608
 
17140
- .k-radio-label .k-label {
17141
- cursor: pointer;
17142
- }
17143
-
17144
- .k-radio-label:empty {
17145
- display: none !important;
17146
- }
17147
-
17148
16609
  .k-radio-label .k-ripple {
17149
- right: auto;
17150
- bottom: auto;
17151
- transform: translate(-50%, -50%);
17152
- border-radius: 50%;
17153
16610
  visibility: hidden !important;
17154
16611
  }
17155
16612
 
17156
- .k-radio-label .k-ripple-blob {
17157
- top: 50% !important;
17158
- left: 50% !important;
17159
- width: 200% !important;
17160
- height: 200% !important;
17161
- }
17162
-
16613
+ .k-radio + .k-label,
16614
+ .k-radio-wrap + .k-label,
17163
16615
  .k-radio + .k-radio-label,
17164
- .k-radio-label + .k-radio,
17165
- .k-label + .k-radio {
17166
- margin-left: 4px;
16616
+ .k-radio-wrap + .k-radio-label {
16617
+ display: inline;
16618
+ margin-inline-start: 4px;
17167
16619
  }
17168
16620
 
17169
- .k-radio-label > .k-radio {
17170
- margin-right: 4px;
17171
- flex-shrink: 0;
16621
+ .k-radio-label:empty {
16622
+ display: none !important;
17172
16623
  }
17173
16624
 
17174
- kendo-label.k-radio-label > .k-label {
17175
- display: inline;
16625
+ .k-radio-label.k-no-text {
16626
+ min-width: 1px;
17176
16627
  }
17177
16628
 
17178
16629
  .k-radio-list {
@@ -17186,7 +16637,7 @@ kendo-label.k-radio-label > .k-label {
17186
16637
 
17187
16638
  .k-radio-item,
17188
16639
  .k-radio-list-item {
17189
- padding: 4px 0px;
16640
+ padding: 8px 0px;
17190
16641
  display: flex;
17191
16642
  flex-flow: row nowrap;
17192
16643
  align-items: center;
@@ -17196,7 +16647,7 @@ kendo-label.k-radio-label > .k-label {
17196
16647
 
17197
16648
  .k-radio-item .k-radio-label,
17198
16649
  .k-radio-list-item .k-radio-label {
17199
- line-height: inherit;
16650
+ margin: 0;
17200
16651
  }
17201
16652
 
17202
16653
  .k-radio-list-horizontal,
@@ -17206,94 +16657,79 @@ kendo-label.k-radio-label > .k-label {
17206
16657
  gap: 16px;
17207
16658
  }
17208
16659
 
17209
- .k-rtl .k-radio + .k-radio-label,
17210
- .k-rtl .k-radio-label + .k-radio,
17211
- .k-rtl .k-label + .k-radio,
17212
- [dir="rtl"] .k-radio + .k-radio-label,
17213
- [dir="rtl"] .k-radio-label + .k-radio,
17214
- [dir="rtl"] .k-label + .k-radio {
17215
- margin-left: 0;
17216
- margin-right: 4px;
16660
+ .k-ripple-container .k-radio::after {
16661
+ content: "";
16662
+ display: block;
16663
+ position: absolute;
16664
+ left: 50%;
16665
+ top: 50%;
16666
+ border-radius: 100%;
16667
+ z-index: -1;
16668
+ transition: opacity 100ms linear, transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
16669
+ transform: translate(-50%, -50%) scale(0);
16670
+ transform-origin: center center;
17217
16671
  }
17218
16672
 
17219
- .k-rtl .k-radio-label > .k-radio,
17220
- [dir="rtl"] .k-radio-label > .k-radio {
17221
- margin-right: 0;
17222
- margin-left: 4px;
16673
+ .k-ripple-container .k-radio:focus,
16674
+ .k-ripple-container .k-radio.k-state-focus {
16675
+ box-shadow: none !important;
17223
16676
  }
17224
16677
 
17225
- .k-rtl kendo-label.k-radio-label > .k-radio:last-child,
17226
- [dir="rtl"] kendo-label.k-radio-label > .k-radio:last-child {
17227
- margin-left: 0;
16678
+ .k-ripple-container .k-radio:focus::after,
16679
+ .k-ripple-container .k-radio.k-state-focus::after {
16680
+ transform: translate(-50%, -50%) scale(1);
17228
16681
  }
17229
16682
 
17230
- .k-rtl kendo-label.k-radio-label > .k-label:first-child,
17231
- [dir="rtl"] kendo-label.k-radio-label > .k-label:first-child {
17232
- margin-right: 0;
17233
- margin-left: 4px;
16683
+ .k-ripple-container .k-radio:disabled::after,
16684
+ .k-ripple-container .k-radio.k-disabled::after {
16685
+ display: none;
16686
+ }
16687
+
16688
+ .k-ripple-container .k-radio:disabled::after,
16689
+ .k-ripple-container .k-radio.k-disabled::after {
16690
+ display: none;
16691
+ }
16692
+
16693
+ .k-radio-sm {
16694
+ width: 12px;
16695
+ height: 12px;
16696
+ }
16697
+
16698
+ .k-radio-sm::before {
16699
+ font-size: 10px;
17234
16700
  }
17235
16701
 
17236
16702
  .k-ripple-container .k-radio-sm::after {
17237
- content: "";
17238
- display: block;
17239
- position: absolute;
17240
- left: 0;
17241
- top: 0;
17242
16703
  width: 36px;
17243
16704
  height: 36px;
17244
- margin-left: -16px;
17245
- margin-top: -16px;
17246
- border-radius: 100%;
17247
- z-index: 1;
17248
- transform: scale(0);
16705
+ }
16706
+
16707
+ .k-radio-md {
16708
+ width: 16px;
16709
+ height: 16px;
16710
+ }
16711
+
16712
+ .k-radio-md::before {
16713
+ font-size: 14px;
17249
16714
  }
17250
16715
 
17251
16716
  .k-ripple-container .k-radio-md::after {
17252
- content: "";
17253
- display: block;
17254
- position: absolute;
17255
- left: 0;
17256
- top: 0;
17257
16717
  width: 48px;
17258
16718
  height: 48px;
17259
- margin-left: -20px;
17260
- margin-top: -20px;
17261
- border-radius: 100%;
17262
- z-index: 1;
17263
- transform: scale(0);
17264
- }
17265
-
17266
- .k-ripple-container .k-radio-lg::after {
17267
- content: "";
17268
- display: block;
17269
- position: absolute;
17270
- left: 0;
17271
- top: 0;
17272
- width: 72px;
17273
- height: 72px;
17274
- margin-left: -28px;
17275
- margin-top: -28px;
17276
- border-radius: 100%;
17277
- z-index: 1;
17278
- transform: scale(0);
17279
16719
  }
17280
16720
 
17281
- .k-ripple-container .k-radio:disabled::after,
17282
- .k-ripple-container .k-radio.k-disabled::after {
17283
- display: none;
16721
+ .k-radio-lg {
16722
+ width: 20px;
16723
+ height: 20px;
17284
16724
  }
17285
16725
 
17286
- .k-radio::-ms-check {
17287
- border-width: 0;
17288
- border-color: inherit;
17289
- color: inherit;
17290
- background-color: inherit;
16726
+ .k-radio-lg::before {
16727
+ font-size: 18px;
17291
16728
  }
17292
16729
 
17293
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
17294
- .k-radio::-ms-check {
17295
- border-width: 1px;
17296
- }
16730
+ .k-ripple-container .k-radio-lg::after {
16731
+ width: 60px;
16732
+ height: 60px;
17297
16733
  }
17298
16734
 
17299
16735
  .k-radio::before {
@@ -17303,18 +16739,6 @@ kendo-label.k-radio-label > .k-label {
17303
16739
 
17304
16740
  .k-radio {
17305
16741
  border-color: rgba(0, 0, 0, 0.54);
17306
- color: transparent;
17307
- }
17308
-
17309
- .k-radio:hover,
17310
- .k-radio.k-state-hover {
17311
- border-color: rgba(0, 0, 0, 0.87);
17312
- }
17313
-
17314
- .k-radio:focus,
17315
- .k-radio.k-state-focus {
17316
- border-color: rgba(0, 0, 0, 0.54);
17317
- box-shadow: none;
17318
16742
  }
17319
16743
 
17320
16744
  .k-radio.k-invalid,
@@ -17337,12 +16761,6 @@ kendo-label.k-radio-label > .k-label {
17337
16761
  color: #3f51b5;
17338
16762
  }
17339
16763
 
17340
- .k-radio:checked:focus,
17341
- .k-radio.k-checked.k-state-focus {
17342
- border-color: #3f51b5;
17343
- box-shadow: none;
17344
- }
17345
-
17346
16764
  .k-radio:disabled,
17347
16765
  .k-radio.k-disabled {
17348
16766
  border-color: #adadad;
@@ -17355,8 +16773,7 @@ kendo-label.k-radio-label > .k-label {
17355
16773
  }
17356
16774
 
17357
16775
  .k-ripple-container .k-radio::after {
17358
- background: #3f51b5;
17359
- opacity: 0.38;
16776
+ opacity: 0.2;
17360
16777
  }
17361
16778
 
17362
16779
  .k-radio:disabled + .k-radio-label {
@@ -17365,10 +16782,6 @@ kendo-label.k-radio-label > .k-label {
17365
16782
  filter: none;
17366
16783
  }
17367
16784
 
17368
- .k-radio-label .k-ripple-blob {
17369
- opacity: .2;
17370
- }
17371
-
17372
16785
  .k-slider {
17373
16786
  border: 0;
17374
16787
  box-sizing: border-box;
@@ -17378,24 +16791,12 @@ kendo-label.k-radio-label > .k-label {
17378
16791
  line-height: 2;
17379
16792
  background: none;
17380
16793
  display: inline-flex;
17381
- align-items: stretch;
16794
+ align-items: center;
17382
16795
  position: relative;
17383
16796
  -webkit-touch-callout: none;
17384
16797
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
17385
16798
  }
17386
16799
 
17387
- .k-slider .k-button-increase {
17388
- position: absolute;
17389
- right: 0;
17390
- top: 0;
17391
- }
17392
-
17393
- .k-slider .k-button-decrease {
17394
- position: absolute;
17395
- left: 0;
17396
- top: 0;
17397
- }
17398
-
17399
16800
  .k-slider .k-label {
17400
16801
  width: auto;
17401
16802
  font-size: .92em;
@@ -17430,29 +16831,28 @@ kendo-label.k-radio-label > .k-label {
17430
16831
  right: 0;
17431
16832
  }
17432
16833
 
17433
- .k-rtl .k-slider .k-button-increase, .k-slider.k-rtl .k-button-increase,
17434
- [dir="rtl"] .k-slider .k-button-increase, .k-slider[dir="rtl"] .k-button-increase {
17435
- left: 0;
17436
- right: auto;
17437
- }
17438
-
17439
- .k-rtl .k-slider .k-button-decrease, .k-slider.k-rtl .k-button-decrease,
17440
- [dir="rtl"] .k-slider .k-button-decrease, .k-slider[dir="rtl"] .k-button-decrease {
17441
- right: 0;
17442
- left: auto;
16834
+ .k-slider-wrap {
16835
+ width: 100%;
16836
+ height: 100%;
16837
+ box-sizing: border-box;
16838
+ display: flex;
16839
+ flex-flow: inherit;
16840
+ align-items: inherit;
16841
+ gap: inherit;
16842
+ position: relative;
17443
16843
  }
17444
16844
 
17445
16845
  .k-slider {
16846
+ width: min-content;
16847
+ height: min-content;
17446
16848
  gap: 7px;
17447
16849
  }
17448
16850
 
17449
- .k-slider > .k-button {
17450
- position: relative;
17451
- flex-shrink: 0;
17452
- align-self: center;
16851
+ .k-slider .k-button {
16852
+ flex: none;
17453
16853
  }
17454
16854
 
17455
- .k-slider > .k-slider-track-wrap {
16855
+ .k-slider .k-slider-track-wrap {
17456
16856
  flex: 1 1 auto;
17457
16857
  display: flex;
17458
16858
  flex-flow: inherit;
@@ -17460,114 +16860,118 @@ kendo-label.k-radio-label > .k-label {
17460
16860
  touch-action: none;
17461
16861
  }
17462
16862
 
17463
- .k-slider > .k-slider-track-wrap .k-slider-items {
16863
+ .k-slider .k-slider-track-wrap .k-slider-items {
16864
+ margin: 0;
16865
+ padding: 0;
16866
+ list-style: none;
17464
16867
  flex: 1 1 100%;
17465
16868
  display: flex;
17466
16869
  flex-flow: inherit;
17467
16870
  justify-content: space-between;
16871
+ -webkit-user-select: none;
16872
+ -ms-user-select: none;
16873
+ user-select: none;
17468
16874
  }
17469
16875
 
17470
- .k-slider > .k-slider-track-wrap .k-slider-items::after {
17471
- display: none;
17472
- }
17473
-
17474
- .k-slider > .k-slider-track-wrap .k-tick {
16876
+ .k-slider .k-slider-track-wrap .k-tick {
17475
16877
  flex: 0 0 1px;
17476
16878
  }
17477
16879
 
17478
- .k-slider > .k-slider-track-wrap .k-draghandle {
16880
+ .k-slider .k-slider-track-wrap .k-draghandle {
17479
16881
  position: absolute;
17480
16882
  }
17481
16883
 
17482
- .k-slider-horizontal > .k-slider-track-wrap .k-slider-track {
16884
+ .k-slider-horizontal .k-slider-track-wrap {
16885
+ height: 26px;
16886
+ }
16887
+
16888
+ .k-slider-horizontal .k-slider-track-wrap .k-slider-track {
17483
16889
  width: 100%;
17484
16890
  }
17485
16891
 
17486
- .k-slider-horizontal > .k-slider-track-wrap .k-draghandle {
16892
+ .k-slider-horizontal .k-slider-track-wrap .k-draghandle {
17487
16893
  top: 50%;
17488
16894
  transform: translate(-50%, -50%);
17489
16895
  }
17490
16896
 
17491
- .k-slider-horizontal > .k-slider-track-wrap .k-draghandle:focus,
17492
- .k-slider-horizontal > .k-slider-track-wrap .k-draghandle:active {
16897
+ .k-slider-horizontal .k-slider-track-wrap .k-draghandle:focus,
16898
+ .k-slider-horizontal .k-slider-track-wrap .k-draghandle:active {
17493
16899
  transform: translate(-50%, -50%) scale(1);
17494
16900
  }
17495
16901
 
17496
- .k-slider-horizontal > .k-slider-track-wrap .k-slider-selection {
16902
+ .k-slider-horizontal .k-slider-track-wrap .k-slider-selection {
17497
16903
  width: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%);
17498
16904
  left: calc(var(--kendo-slider-start, 0)*1%);
17499
16905
  }
17500
16906
 
17501
- .k-slider-horizontal > .k-slider-track-wrap .k-draghandle-start {
16907
+ .k-slider-horizontal .k-slider-track-wrap .k-draghandle-start {
17502
16908
  left: calc(var(--kendo-slider-start, 0)*1%);
17503
16909
  }
17504
16910
 
17505
- .k-slider-horizontal > .k-slider-track-wrap .k-draghandle-end {
16911
+ .k-slider-horizontal .k-slider-track-wrap .k-draghandle-end {
17506
16912
  left: calc(var(--kendo-slider-end, 0)*1%);
17507
16913
  }
17508
16914
 
17509
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-slider-selection {
16915
+ [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-slider-selection {
17510
16916
  left: unset;
17511
16917
  right: calc(var(--kendo-slider-start, 0)*1%);
17512
16918
  }
17513
16919
 
17514
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle-start {
16920
+ [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle-start {
17515
16921
  left: unset;
17516
16922
  right: calc(var(--kendo-slider-start, 0)*1%);
17517
16923
  }
17518
16924
 
17519
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle-end {
16925
+ [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle-end {
17520
16926
  left: unset;
17521
16927
  right: calc(var(--kendo-slider-end, 0)*1%);
17522
16928
  }
17523
16929
 
17524
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle {
16930
+ [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle {
17525
16931
  transform: translate(50%, -50%);
17526
16932
  }
17527
16933
 
17528
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle:focus,
17529
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle:active {
16934
+ [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle:focus,
16935
+ [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle:active {
17530
16936
  transform: translate(50%, -50%) scale(1);
17531
16937
  }
17532
16938
 
17533
- .k-slider-vertical > .k-slider-track-wrap .k-slider-track {
16939
+ .k-slider-vertical .k-slider-track-wrap {
16940
+ width: 26px;
16941
+ }
16942
+
16943
+ .k-slider-vertical .k-slider-track-wrap .k-slider-track {
17534
16944
  height: 100%;
17535
16945
  }
17536
16946
 
17537
- .k-slider-vertical > .k-slider-track-wrap .k-draghandle {
16947
+ .k-slider-vertical .k-slider-track-wrap .k-draghandle {
17538
16948
  left: 50%;
17539
16949
  transform: translate(-50%, 50%);
17540
16950
  }
17541
16951
 
17542
- .k-slider-vertical > .k-slider-track-wrap .k-draghandle:focus,
17543
- .k-slider-vertical > .k-slider-track-wrap .k-draghandle:active {
16952
+ .k-slider-vertical .k-slider-track-wrap .k-draghandle:focus,
16953
+ .k-slider-vertical .k-slider-track-wrap .k-draghandle:active {
17544
16954
  transform: translate(-50%, 50%) scale(1);
17545
16955
  }
17546
16956
 
17547
- .k-slider-vertical > .k-slider-track-wrap .k-slider-selection {
16957
+ .k-slider-vertical .k-slider-track-wrap .k-slider-selection {
17548
16958
  bottom: calc(var(--kendo-slider-start, 0)*1%);
17549
16959
  height: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%);
17550
16960
  }
17551
16961
 
17552
- .k-slider-vertical > .k-slider-track-wrap .k-draghandle-start {
16962
+ .k-slider-vertical .k-slider-track-wrap .k-draghandle-start {
17553
16963
  bottom: calc(var(--kendo-slider-start, 0)*1%);
17554
16964
  }
17555
16965
 
17556
- .k-slider-vertical > .k-slider-track-wrap .k-draghandle-end {
16966
+ .k-slider-vertical .k-slider-track-wrap .k-draghandle-end {
17557
16967
  bottom: calc(var(--kendo-slider-end, 0)*1%);
17558
16968
  }
17559
16969
 
17560
16970
  .k-slider-vertical {
17561
16971
  height: 200px;
17562
- width: 36px;
17563
16972
  flex-flow: column-reverse nowrap;
17564
16973
  }
17565
16974
 
17566
- .k-slider-vertical .k-button-decrease {
17567
- bottom: 0;
17568
- top: auto;
17569
- }
17570
-
17571
16975
  .k-slider-vertical .k-tick {
17572
16976
  text-align: right;
17573
16977
  margin-left: 2px;
@@ -17578,77 +16982,77 @@ kendo-label.k-radio-label > .k-label {
17578
16982
  }
17579
16983
 
17580
16984
  .k-slider-vertical .k-tick {
17581
- background-position: -92px center;
16985
+ background-position: -94px center;
17582
16986
  }
17583
16987
 
17584
16988
  .k-slider-vertical .k-slider-topleft .k-tick {
17585
- background-position: -122px center;
16989
+ background-position: -124px center;
17586
16990
  }
17587
16991
 
17588
16992
  .k-slider-vertical .k-slider-bottomright .k-tick {
17589
- background-position: -152px center;
16993
+ background-position: -154px center;
17590
16994
  }
17591
16995
 
17592
16996
  .k-slider-vertical .k-tick-large {
17593
16997
  display: flex;
17594
16998
  align-items: center;
17595
- background-position: -2px center;
16999
+ background-position: -4px center;
17596
17000
  }
17597
17001
 
17598
17002
  .k-slider-vertical .k-slider-topleft .k-tick-large {
17599
- background-position: -32px center;
17003
+ background-position: -34px center;
17600
17004
  }
17601
17005
 
17602
17006
  .k-slider-vertical .k-slider-bottomright .k-tick-large {
17603
- background-position: -62px center;
17007
+ background-position: -64px center;
17604
17008
  }
17605
17009
 
17606
17010
  .k-slider-vertical .k-first {
17607
- background-position: -92px 100%;
17011
+ background-position: -94px 100%;
17608
17012
  }
17609
17013
 
17610
17014
  .k-slider-vertical .k-tick-large.k-first {
17611
- background-position: -2px 100%;
17015
+ background-position: -4px 100%;
17612
17016
  }
17613
17017
 
17614
17018
  .k-slider-vertical .k-slider-topleft .k-first {
17615
- background-position: -122px 100%;
17019
+ background-position: -124px 100%;
17616
17020
  }
17617
17021
 
17618
17022
  .k-slider-vertical .k-slider-topleft .k-tick-large.k-first {
17619
- background-position: -32px 100%;
17023
+ background-position: -34px 100%;
17620
17024
  }
17621
17025
 
17622
17026
  .k-slider-vertical .k-slider-bottomright .k-first {
17623
- background-position: -152px 100%;
17027
+ background-position: -154px 100%;
17624
17028
  }
17625
17029
 
17626
17030
  .k-slider-vertical .k-slider-bottomright .k-tick-large.k-first {
17627
- background-position: -62px 100%;
17031
+ background-position: -64px 100%;
17628
17032
  }
17629
17033
 
17630
17034
  .k-slider-vertical .k-last {
17631
- background-position: -92px 0;
17035
+ background-position: -94px 0;
17632
17036
  }
17633
17037
 
17634
17038
  .k-slider-vertical .k-tick-large.k-last {
17635
- background-position: -2px 0;
17039
+ background-position: -4px 0;
17636
17040
  }
17637
17041
 
17638
17042
  .k-slider-vertical .k-slider-topleft .k-last {
17639
- background-position: -122px 0;
17043
+ background-position: -124px 0;
17640
17044
  }
17641
17045
 
17642
17046
  .k-slider-vertical .k-slider-topleft .k-tick-large.k-last {
17643
- background-position: -32px 0;
17047
+ background-position: -34px 0;
17644
17048
  }
17645
17049
 
17646
17050
  .k-slider-vertical .k-slider-bottomright .k-last {
17647
- background-position: -152px 0;
17051
+ background-position: -154px 0;
17648
17052
  }
17649
17053
 
17650
17054
  .k-slider-vertical .k-slider-bottomright .k-tick-large.k-last {
17651
- background-position: -62px 0;
17055
+ background-position: -64px 0;
17652
17056
  }
17653
17057
 
17654
17058
  .k-slider-vertical .k-label {
@@ -17684,17 +17088,10 @@ kendo-label.k-radio-label > .k-label {
17684
17088
  }
17685
17089
 
17686
17090
  .k-slider-horizontal {
17687
- height: 36px;
17688
17091
  width: 200px;
17689
17092
  flex-flow: row nowrap;
17690
17093
  }
17691
17094
 
17692
- .k-slider-horizontal .k-tick {
17693
- float: left;
17694
- height: 100%;
17695
- text-align: center;
17696
- }
17697
-
17698
17095
  .k-slider-horizontal .k-tick {
17699
17096
  background-position: center -92px;
17700
17097
  }
@@ -17795,11 +17192,6 @@ kendo-label.k-radio-label > .k-label {
17795
17192
  left: auto;
17796
17193
  }
17797
17194
 
17798
- .k-rtl .k-slider-horizontal .k-slider-buttons .k-slider-track, .k-slider-horizontal.k-rtl .k-slider-buttons .k-slider-track,
17799
- [dir="rtl"] .k-slider-horizontal .k-slider-buttons .k-slider-track, .k-slider-horizontal[dir="rtl"] .k-slider-buttons .k-slider-track {
17800
- right: 58px;
17801
- }
17802
-
17803
17195
  .k-rtl .k-slider-horizontal .k-button .k-i-arrow-e,
17804
17196
  .k-rtl .k-slider-horizontal .k-button .k-i-arrow-w, .k-slider-horizontal.k-rtl .k-button .k-i-arrow-e,
17805
17197
  .k-slider-horizontal.k-rtl .k-button .k-i-arrow-w,
@@ -17809,11 +17201,6 @@ kendo-label.k-radio-label > .k-label {
17809
17201
  transform: scaleX(-1);
17810
17202
  }
17811
17203
 
17812
- .k-slider-wrap {
17813
- height: 100%;
17814
- width: 100%;
17815
- }
17816
-
17817
17204
  .k-slider-track,
17818
17205
  .k-slider-selection {
17819
17206
  margin: 0;
@@ -17837,14 +17224,6 @@ kendo-label.k-radio-label > .k-label {
17837
17224
  width: 2px;
17838
17225
  }
17839
17226
 
17840
- .k-slider-horizontal .k-slider-buttons .k-slider-track {
17841
- left: 58px;
17842
- }
17843
-
17844
- .k-slider-vertical .k-slider-buttons .k-slider-track {
17845
- bottom: 58px;
17846
- }
17847
-
17848
17227
  .k-draghandle {
17849
17228
  background-color: transparent;
17850
17229
  background-repeat: no-repeat;
@@ -17854,29 +17233,11 @@ kendo-label.k-radio-label > .k-label {
17854
17233
  position: absolute;
17855
17234
  text-align: center;
17856
17235
  text-decoration: none;
17857
- box-sizing: content-box;
17236
+ box-sizing: border-box;
17858
17237
  width: 14px;
17859
17238
  height: 14px;
17860
17239
  }
17861
17240
 
17862
- .k-slider-horizontal .k-draghandle {
17863
- top: 50%;
17864
- transform: translateY(-50%);
17865
- }
17866
-
17867
- .k-slider-horizontal .k-draghandle:active, .k-slider-horizontal .k-draghandle.k-pressed {
17868
- transform: translateY(-50%) scale(1);
17869
- }
17870
-
17871
- .k-slider-vertical .k-draghandle {
17872
- left: 50%;
17873
- transform: translateX(-50%);
17874
- }
17875
-
17876
- .k-slider-vertical .k-draghandle:active, .k-slider-vertical .k-draghandle.k-pressed {
17877
- transform: translateX(-50%) scale(1);
17878
- }
17879
-
17880
17241
  .k-slider-transitions.k-slider-horizontal .k-draghandle {
17881
17242
  transition: left 0.3s ease-out, background-color 0.3s ease-out, transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
17882
17243
  }
@@ -17901,35 +17262,11 @@ kendo-label.k-radio-label > .k-label {
17901
17262
  transition: none;
17902
17263
  }
17903
17264
 
17904
- .k-slider-items {
17905
- -webkit-user-select: none;
17906
- -ms-user-select: none;
17907
- user-select: none;
17908
- }
17909
-
17910
- .k-slider-buttons .k-slider-items {
17911
- margin-left: 58px;
17912
- }
17913
-
17914
- .k-slider-horizontal .k-slider-items {
17915
- height: 100%;
17916
- padding: 2px 0;
17917
- box-sizing: border-box;
17918
- }
17919
-
17920
- .k-slider-vertical .k-slider-items {
17921
- padding-top: 1px;
17922
- }
17923
-
17924
- .k-slider-vertical .k-slider-buttons .k-slider-items {
17925
- margin: 0;
17926
- padding-top: 58px;
17927
- }
17928
-
17929
- .k-slider-items::after {
17930
- content: "";
17931
- display: block;
17932
- clear: both;
17265
+ .k-slider.k-readonly .k-button,
17266
+ .k-slider.k-readonly .k-slider-track,
17267
+ .k-slider.k-readonly .k-tick,
17268
+ .k-slider.k-readonly .k-draghandle {
17269
+ pointer-events: none;
17933
17270
  }
17934
17271
 
17935
17272
  .k-slider-tooltip .k-callout-n,
@@ -17942,6 +17279,20 @@ kendo-label.k-radio-label > .k-label {
17942
17279
  margin-top: -3px;
17943
17280
  }
17944
17281
 
17282
+ .k-slider kendo-resize-sensor {
17283
+ position: absolute;
17284
+ }
17285
+
17286
+ .k-slider-horizontal .k-slider-wrap:not(.k-slider-buttons) {
17287
+ padding-left: 7px;
17288
+ padding-right: 7px;
17289
+ }
17290
+
17291
+ .k-slider-vertical .k-slider-wrap:not(.k-slider-buttons) {
17292
+ padding-top: 7px;
17293
+ padding-bottom: 7px;
17294
+ }
17295
+
17945
17296
  .k-slider .k-tick {
17946
17297
  margin: 0;
17947
17298
  }
@@ -18015,10 +17366,6 @@ kendo-label.k-radio-label > .k-label {
18015
17366
  opacity: 0.65;
18016
17367
  }
18017
17368
 
18018
- .k-slider .k-slider-wrap:focus {
18019
- outline: none;
18020
- }
18021
-
18022
17369
  .k-slider {
18023
17370
  cursor: pointer;
18024
17371
  }
@@ -18308,7 +17655,7 @@ kendo-label.k-radio-label > .k-label {
18308
17655
  display: block;
18309
17656
  position: absolute;
18310
17657
  bottom: 0;
18311
- content: " ";
17658
+ content: "\200b";
18312
17659
  height: 0;
18313
17660
  line-height: 0;
18314
17661
  z-index: 1;
@@ -18342,7 +17689,7 @@ kendo-label.k-radio-label > .k-label {
18342
17689
  .k-calendar-navigation::before, .k-calendar-navigation::after {
18343
17690
  display: block;
18344
17691
  position: absolute;
18345
- content: " ";
17692
+ content: "\200b";
18346
17693
  height: 0;
18347
17694
  line-height: 0;
18348
17695
  z-index: 1;
@@ -18709,7 +18056,7 @@ kendo-label.k-radio-label > .k-label {
18709
18056
  .k-time-highlight,
18710
18057
  .k-time-list-highlight {
18711
18058
  width: 100%;
18712
- height: 28px;
18059
+ height: 36px;
18713
18060
  border-width: 1px 0px;
18714
18061
  border-style: solid;
18715
18062
  box-sizing: border-box;
@@ -18745,12 +18092,12 @@ kendo-label.k-radio-label > .k-label {
18745
18092
 
18746
18093
  .k-time-list-wrapper.k-state-focused::before, .k-time-list-wrapper.k-state-focused::after {
18747
18094
  display: block;
18748
- content: " ";
18095
+ content: "\200b";
18749
18096
  position: absolute;
18750
18097
  width: 100%;
18751
18098
  left: 0;
18752
18099
  pointer-events: none;
18753
- height: calc(50% - 14px);
18100
+ height: calc(50% - 18px);
18754
18101
  box-sizing: border-box;
18755
18102
  border-width: 0;
18756
18103
  border-style: solid;
@@ -18771,13 +18118,14 @@ kendo-label.k-radio-label > .k-label {
18771
18118
  flex: 1;
18772
18119
  position: relative;
18773
18120
  z-index: 1;
18121
+ outline: 0;
18774
18122
  overflow: hidden;
18775
18123
  }
18776
18124
 
18777
18125
  .k-time-list::before, .k-time-list::after {
18778
18126
  display: block;
18779
18127
  position: absolute;
18780
- content: " ";
18128
+ content: "\200b";
18781
18129
  height: 0;
18782
18130
  line-height: 0;
18783
18131
  z-index: 1;
@@ -18834,12 +18182,12 @@ kendo-label.k-radio-label > .k-label {
18834
18182
 
18835
18183
  .k-time-list-item,
18836
18184
  .k-time-list .k-item {
18837
- padding: 4px 16px;
18185
+ padding: 8px 16px;
18838
18186
  }
18839
18187
 
18840
18188
  .k-time-separator {
18841
18189
  width: 0;
18842
- height: 28px;
18190
+ height: 36px;
18843
18191
  align-self: center;
18844
18192
  display: inline-flex;
18845
18193
  justify-content: center;
@@ -19106,10 +18454,6 @@ kendo-label.k-radio-label > .k-label {
19106
18454
  z-index: 1;
19107
18455
  }
19108
18456
 
19109
- .k-colorgradient-slider .k-slider-wrap > .k-slider-track {
19110
- height: 180px;
19111
- }
19112
-
19113
18457
  .k-colorgradient-slider .k-slider-selection {
19114
18458
  display: none;
19115
18459
  }
@@ -19310,7 +18654,7 @@ kendo-label.k-radio-label > .k-label {
19310
18654
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
19311
18655
  }
19312
18656
 
19313
- .k-colorpicker {
18657
+ .k-color-picker, .k-colorpicker {
19314
18658
  width: min-content;
19315
18659
  }
19316
18660
 
@@ -19351,6 +18695,13 @@ kendo-label.k-radio-label > .k-label {
19351
18695
  gap: 8px;
19352
18696
  }
19353
18697
 
18698
+ .k-daterangepicker-wrap {
18699
+ display: inherit;
18700
+ flex-flow: inherit;
18701
+ align-items: inherit;
18702
+ gap: inherit;
18703
+ }
18704
+
19354
18705
  .k-dropdowngrid-popup {
19355
18706
  overflow: hidden;
19356
18707
  }
@@ -19636,6 +18987,16 @@ kendo-label.k-radio-label > .k-label {
19636
18987
 
19637
18988
  .k-dropdown-operator {
19638
18989
  width: min-content;
18990
+ flex: none;
18991
+ aspect-ratio: 1;
18992
+ }
18993
+
18994
+ .k-dropdown-operator .k-input-button {
18995
+ border-width: 0;
18996
+ }
18997
+
18998
+ .k-dropdown-operator .k-input-button .k-button-icon {
18999
+ width: auto;
19639
19000
  aspect-ratio: 1;
19640
19001
  }
19641
19002
 
@@ -19650,6 +19011,8 @@ kendo-label.k-radio-label > .k-label {
19650
19011
  box-sizing: border-box;
19651
19012
  outline: 0;
19652
19013
  font-family: Roboto, "Helvetica Neue", sans-serif;
19014
+ font-size: 16px;
19015
+ line-height: 1.25;
19653
19016
  display: block;
19654
19017
  cursor: default;
19655
19018
  overflow: auto;
@@ -19658,8 +19021,15 @@ kendo-label.k-radio-label > .k-label {
19658
19021
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
19659
19022
  }
19660
19023
 
19661
- .k-treeview-group,
19662
- .k-treeview .k-group {
19024
+ .k-treeview-filter {
19025
+ padding: 4px;
19026
+ box-sizing: border-box;
19027
+ display: block;
19028
+ position: relative;
19029
+ flex: none;
19030
+ }
19031
+
19032
+ .k-treeview-group {
19663
19033
  margin: 0;
19664
19034
  padding: 0;
19665
19035
  list-style: none;
@@ -19669,8 +19039,7 @@ kendo-label.k-radio-label > .k-label {
19669
19039
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
19670
19040
  }
19671
19041
 
19672
- .k-treeview-group.ng-animating,
19673
- .k-treeview .k-group.ng-animating {
19042
+ .k-treeview-group.ng-animating {
19674
19043
  overflow: hidden;
19675
19044
  }
19676
19045
 
@@ -19699,21 +19068,19 @@ kendo-label.k-radio-label > .k-label {
19699
19068
  cursor: pointer;
19700
19069
  }
19701
19070
 
19702
- .k-treeview-toggle + .k-checkbox-wrap,
19703
- .k-treeview-toggle + .k-checkbox-wrapper {
19704
- margin-left: 8px;
19705
- }
19706
-
19707
19071
  .k-treeview-loading {
19708
19072
  margin-right: 8px;
19709
19073
  }
19710
19074
 
19711
19075
  .k-treeview .k-checkbox-wrap,
19712
19076
  .k-treeview .k-checkbox-wrapper {
19077
+ margin-left: 8px;
19713
19078
  margin-right: 8px;
19079
+ align-self: center;
19714
19080
  }
19715
19081
 
19716
19082
  .k-treeview-leaf {
19083
+ padding: 8px 16px;
19717
19084
  border: 0px solid transparent;
19718
19085
  text-decoration: none;
19719
19086
  display: inline-flex;
@@ -19729,7 +19096,7 @@ kendo-label.k-radio-label > .k-label {
19729
19096
  margin-right: 8px;
19730
19097
  }
19731
19098
 
19732
- .k-treeview-leaf.k-state-focus, .k-treeview-leaf.k-state-focused {
19099
+ .k-treeview-leaf.k-focus {
19733
19100
  z-index: 1;
19734
19101
  }
19735
19102
 
@@ -19737,7 +19104,7 @@ kendo-label.k-radio-label > .k-label {
19737
19104
  cursor: pointer;
19738
19105
  }
19739
19106
 
19740
- .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 {
19107
+ .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 {
19741
19108
  text-decoration: underline;
19742
19109
  }
19743
19110
 
@@ -19753,27 +19120,12 @@ kendo-label.k-radio-label > .k-label {
19753
19120
  margin-right: -16px;
19754
19121
  }
19755
19122
 
19756
- .k-rtl .k-treeview .k-treeview-toggle + .k-checkbox-wrap,
19757
- .k-rtl .k-treeview .k-treeview-toggle + .k-checkbox-wrapper,
19758
- .k-treeview[dir="rtl"] .k-treeview-toggle + .k-checkbox-wrap,
19759
- .k-treeview[dir="rtl"] .k-treeview-toggle + .k-checkbox-wrapper {
19760
- margin-right: 8px;
19761
- }
19762
-
19763
19123
  .k-rtl .k-treeview .k-treeview-loading,
19764
19124
  .k-treeview[dir="rtl"] .k-treeview-loading {
19765
19125
  margin-right: 0;
19766
19126
  margin-left: 8px;
19767
19127
  }
19768
19128
 
19769
- .k-rtl .k-treeview .k-checkbox-wrap,
19770
- .k-rtl .k-treeview .k-checkbox-wrapper,
19771
- .k-treeview[dir="rtl"] .k-checkbox-wrap,
19772
- .k-treeview[dir="rtl"] .k-checkbox-wrapper {
19773
- margin-right: 0;
19774
- margin-left: 8px;
19775
- }
19776
-
19777
19129
  .k-rtl .k-treeview .k-treeview-leaf .k-icon,
19778
19130
  .k-rtl .k-treeview .k-treeview-leaf .k-image,
19779
19131
  .k-rtl .k-treeview .k-treeview-leaf .k-sprite,
@@ -19791,30 +19143,30 @@ kendo-label.k-radio-label > .k-label {
19791
19143
  }
19792
19144
 
19793
19145
  .k-treeview-sm {
19794
- font-size: 12px;
19795
- line-height: 2;
19146
+ font-size: 16px;
19147
+ line-height: 1.25;
19796
19148
  }
19797
19149
 
19798
19150
  .k-treeview-sm .k-treeview-leaf {
19799
- padding: 2px 4px;
19151
+ padding: 6px 16px;
19800
19152
  }
19801
19153
 
19802
19154
  .k-treeview-md {
19803
- font-size: 14px;
19804
- line-height: 2;
19155
+ font-size: 16px;
19156
+ line-height: 1.25;
19805
19157
  }
19806
19158
 
19807
19159
  .k-treeview-md .k-treeview-leaf {
19808
- padding: 4px 8px;
19160
+ padding: 8px 16px;
19809
19161
  }
19810
19162
 
19811
19163
  .k-treeview-lg {
19812
19164
  font-size: 16px;
19813
- line-height: 2;
19165
+ line-height: 1.25;
19814
19166
  }
19815
19167
 
19816
19168
  .k-treeview-lg .k-treeview-leaf {
19817
- padding: 8px 12px;
19169
+ padding: 10px 16px;
19818
19170
  }
19819
19171
 
19820
19172
  .k-treeview {
@@ -19842,7 +19194,6 @@ kendo-label.k-radio-label > .k-label {
19842
19194
  .k-treeview .k-treeview-load-more-button:focus, .k-treeview .k-treeview-load-more-button.k-focus {
19843
19195
  color: inherit;
19844
19196
  background-color: transparent;
19845
- box-shadow: none;
19846
19197
  }
19847
19198
 
19848
19199
  .k-treeview-leaf:hover, .k-treeview-leaf.k-hover {
@@ -20833,7 +20184,7 @@ kendo-label.k-radio-label > .k-label {
20833
20184
  }
20834
20185
 
20835
20186
  .k-appbar {
20836
- padding: 8px 24px;
20187
+ padding: 8px 8px;
20837
20188
  border-width: 0px;
20838
20189
  border-style: solid;
20839
20190
  box-sizing: border-box;
@@ -20879,10 +20230,14 @@ kendo-label.k-radio-label > .k-label {
20879
20230
  }
20880
20231
 
20881
20232
  .k-appbar .k-input,
20882
- .k-appbar .k-picker:not(.k-colorpicker) {
20233
+ .k-appbar .k-picker {
20883
20234
  width: 10em;
20884
20235
  }
20885
20236
 
20237
+ .k-appbar .k-color-picker, .k-appbar .k-colorpicker {
20238
+ width: min-content;
20239
+ }
20240
+
20886
20241
  .k-appbar-static {
20887
20242
  position: static;
20888
20243
  }
@@ -21630,6 +20985,8 @@ kendo-label.k-radio-label > .k-label {
21630
20985
  }
21631
20986
 
21632
20987
  .k-menu-vertical > .k-menu-item > .k-menu-link {
20988
+ padding: 8px 16px;
20989
+ padding-right: 48px;
21633
20990
  }
21634
20991
 
21635
20992
  .k-menu-vertical .k-menu-expand-arrow {
@@ -21691,37 +21048,37 @@ kendo-label.k-radio-label > .k-label {
21691
21048
  }
21692
21049
 
21693
21050
  .k-menu-group-sm {
21694
- font-size: 12px;
21695
- line-height: 2;
21051
+ font-size: 16px;
21052
+ line-height: 1.25;
21696
21053
  }
21697
21054
 
21698
21055
  .k-menu-group-sm .k-menu-item {
21699
- font-size: 12px;
21700
- line-height: 2;
21056
+ font-size: 16px;
21057
+ line-height: 1.25;
21701
21058
  }
21702
21059
 
21703
21060
  .k-menu-group-sm .k-menu-link {
21704
- padding: 3px 12px;
21705
- padding-inline-end: 40px;
21061
+ padding: 6px 16px;
21062
+ padding-inline-end: 48px;
21706
21063
  }
21707
21064
 
21708
21065
  .k-menu-group-sm .k-menu-expand-arrow {
21709
- margin-inline-start: 12px;
21710
- margin-inline-end: -34px;
21066
+ margin-inline-start: 16px;
21067
+ margin-inline-end: -40px;
21711
21068
  }
21712
21069
 
21713
21070
  .k-menu-group-md {
21714
- font-size: 14px;
21715
- line-height: 2;
21071
+ font-size: 16px;
21072
+ line-height: 1.25;
21716
21073
  }
21717
21074
 
21718
21075
  .k-menu-group-md .k-menu-item {
21719
- font-size: 14px;
21720
- line-height: 2;
21076
+ font-size: 16px;
21077
+ line-height: 1.25;
21721
21078
  }
21722
21079
 
21723
21080
  .k-menu-group-md .k-menu-link {
21724
- padding: 4px 16px;
21081
+ padding: 8px 16px;
21725
21082
  padding-inline-end: 48px;
21726
21083
  }
21727
21084
 
@@ -21732,22 +21089,22 @@ kendo-label.k-radio-label > .k-label {
21732
21089
 
21733
21090
  .k-menu-group-lg {
21734
21091
  font-size: 16px;
21735
- line-height: 2;
21092
+ line-height: 1.25;
21736
21093
  }
21737
21094
 
21738
21095
  .k-menu-group-lg .k-menu-item {
21739
21096
  font-size: 16px;
21740
- line-height: 2;
21097
+ line-height: 1.25;
21741
21098
  }
21742
21099
 
21743
21100
  .k-menu-group-lg .k-menu-link {
21744
- padding: 5px 20px;
21745
- padding-inline-end: 56px;
21101
+ padding: 10px 16px;
21102
+ padding-inline-end: 48px;
21746
21103
  }
21747
21104
 
21748
21105
  .k-menu-group-lg .k-menu-expand-arrow {
21749
- margin-inline-start: 20px;
21750
- margin-inline-end: -46px;
21106
+ margin-inline-start: 16px;
21107
+ margin-inline-end: -40px;
21751
21108
  }
21752
21109
 
21753
21110
  .k-popups-wrapper {
@@ -21844,6 +21201,18 @@ kendo-label.k-radio-label > .k-label {
21844
21201
  margin-left: 0;
21845
21202
  }
21846
21203
 
21204
+ .k-rtl .k-menu-vertical > .k-menu-item > .k-menu-link,
21205
+ [dir="rtl"] .k-menu-vertical > .k-menu-item > .k-menu-link {
21206
+ padding-right: 16px;
21207
+ padding-left: 48px;
21208
+ }
21209
+
21210
+ .k-rtl .k-menu-group .k-menu-link,
21211
+ [dir="rtl"] .k-menu-group .k-menu-link {
21212
+ padding-right: 16px;
21213
+ padding-left: 48px;
21214
+ }
21215
+
21847
21216
  .k-menu:not(.k-context-menu) > .k-menu-item {
21848
21217
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
21849
21218
  }
@@ -22181,11 +21550,11 @@ kendo-label.k-radio-label > .k-label {
22181
21550
  }
22182
21551
 
22183
21552
  .k-window-content:first-child {
22184
- padding-top: max( 8px, 16px );
21553
+ padding-top: clamp(8px, 16px, 16px);
22185
21554
  }
22186
21555
 
22187
21556
  .k-window-content:last-child {
22188
- padding-bottom: max( 8px, 16px );
21557
+ padding-bottom: clamp(8px, 16px, 16px);
22189
21558
  }
22190
21559
 
22191
21560
  .k-window-iframecontent {
@@ -22215,6 +21584,10 @@ kendo-label.k-radio-label > .k-label {
22215
21584
  overflow: hidden;
22216
21585
  }
22217
21586
 
21587
+ .k-prompt-container > .k-textarea {
21588
+ width: 100%;
21589
+ }
21590
+
22218
21591
  .k-window .k-resize-n {
22219
21592
  top: 0;
22220
21593
  }
@@ -23880,8 +23253,8 @@ kendo-card-footer {
23880
23253
  }
23881
23254
 
23882
23255
  .k-pager-nav, .k-pager-numbers .k-link, .k-pager-refresh {
23883
- min-width: calc(1.4285714286em + 16px);
23884
- height: calc(1.4285714286em + 16px);
23256
+ min-width: calc(1.4285714286em + 18px);
23257
+ height: calc(1.4285714286em + 18px);
23885
23258
  box-sizing: border-box;
23886
23259
  color: inherit;
23887
23260
  text-align: center;
@@ -23912,7 +23285,8 @@ kendo-card-footer {
23912
23285
  position: relative;
23913
23286
  }
23914
23287
 
23915
- .k-pager-numbers-wrap select.k-dropdown-list {
23288
+ .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-numbers-wrap select.k-dropdown,
23289
+ .k-pager-numbers-wrap select.k-dropdownlist {
23916
23290
  cursor: pointer;
23917
23291
  display: none;
23918
23292
  }
@@ -23968,15 +23342,19 @@ kendo-card-footer {
23968
23342
  width: 5em;
23969
23343
  }
23970
23344
 
23971
- .k-pager-sizes .k-dropdown-list,
23345
+ .k-pager-sizes .k-dropdown-list, .k-pager-sizes .k-dropdown,
23346
+ .k-pager-sizes .k-dropdownlist,
23972
23347
  .k-pager-sizes > select {
23973
23348
  margin-right: 1ex;
23974
23349
  width: 5em;
23975
23350
  }
23976
23351
 
23977
- .k-rtl .k-pager-sizes .k-dropdown-list,
23352
+ .k-rtl .k-pager-sizes .k-dropdown-list, .k-rtl .k-pager-sizes .k-dropdown,
23353
+ .k-rtl .k-pager-sizes .k-dropdownlist,
23978
23354
  .k-rtl .k-pager-sizes > select,
23979
23355
  [dir="rtl"] .k-pager-sizes .k-dropdown-list,
23356
+ [dir="rtl"] .k-pager-sizes .k-dropdown,
23357
+ [dir="rtl"] .k-pager-sizes .k-dropdownlist,
23980
23358
  [dir="rtl"] .k-pager-sizes > select {
23981
23359
  margin-left: 1ex;
23982
23360
  margin-right: 0;
@@ -24004,7 +23382,8 @@ kendo-card-footer {
24004
23382
  overflow: visible;
24005
23383
  }
24006
23384
 
24007
- .k-pager-sm .k-pager-numbers-wrap select.k-dropdown-list {
23385
+ .k-pager-sm .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-sm .k-pager-numbers-wrap select.k-dropdown,
23386
+ .k-pager-sm .k-pager-numbers-wrap select.k-dropdownlist {
24008
23387
  width: 5em;
24009
23388
  display: flex;
24010
23389
  }
@@ -24012,7 +23391,7 @@ kendo-card-footer {
24012
23391
  .k-pager-sm .k-pager-numbers-wrap {
24013
23392
  margin-left: 8px;
24014
23393
  margin-right: 8px;
24015
- height: calc(1.4285714286em + 16px);
23394
+ height: calc(1.4285714286em + 18px);
24016
23395
  box-sizing: border-box;
24017
23396
  border-color: inherit;
24018
23397
  }
@@ -24457,7 +23836,7 @@ kendo-card-footer {
24457
23836
  color: inherit;
24458
23837
  background-color: transparent;
24459
23838
  display: flex;
24460
- flex-direction: column;
23839
+ flex-flow: column nowrap;
24461
23840
  -webkit-touch-callout: none;
24462
23841
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
24463
23842
  }
@@ -24551,6 +23930,7 @@ kendo-card-footer {
24551
23930
  top: 0;
24552
23931
  left: 0;
24553
23932
  transition: width .2s linear;
23933
+ display: none;
24554
23934
  }
24555
23935
 
24556
23936
  .k-tabstrip-items .k-loading.k-complete {
@@ -24560,6 +23940,7 @@ kendo-card-footer {
24560
23940
 
24561
23941
  .k-tabstrip-scrollable > .k-tabstrip-items-wrapper > .k-tabstrip-items {
24562
23942
  flex: 1 1 auto;
23943
+ flex-wrap: nowrap;
24563
23944
  white-space: nowrap;
24564
23945
  overflow: hidden;
24565
23946
  }
@@ -25735,11 +25116,6 @@ kendo-card-footer {
25735
25116
  box-sizing: border-box;
25736
25117
  }
25737
25118
 
25738
- .k-pane-wrapper .k-grid-filter-menu .k-filter-selected-items {
25739
- margin: 1em;
25740
- font-weight: normal;
25741
- }
25742
-
25743
25119
  .k-pane-wrapper .k-grid-edit-form .k-popup-edit-form,
25744
25120
  .k-pane-wrapper .k-grid-edit-form .k-edit-form-container {
25745
25121
  width: auto;
@@ -25973,39 +25349,8 @@ kendo-card-footer {
25973
25349
  border-bottom-width: 0;
25974
25350
  }
25975
25351
 
25976
- .k-pane-wrapper .k-grid-edit-form > .k-header,
25977
- .k-pane-wrapper .k-grid-column-menu > .k-header,
25978
- .k-pane-wrapper .k-grid-filter-menu > .k-header,
25979
- .k-pane-wrapper .k-scheduler-edit-form > .k-header {
25980
- display: flex;
25981
- justify-content: space-between;
25982
- padding: .3em .6em;
25983
- width: auto;
25984
- line-height: 2em;
25985
- }
25986
-
25987
- .k-pane-wrapper .k-grid-edit-form > .k-header .k-header-done,
25988
- .k-pane-wrapper .k-grid-edit-form > .k-header .k-header-cancel,
25989
- .k-pane-wrapper .k-grid-column-menu > .k-header .k-header-done,
25990
- .k-pane-wrapper .k-grid-column-menu > .k-header .k-header-cancel,
25991
- .k-pane-wrapper .k-grid-filter-menu > .k-header .k-header-done,
25992
- .k-pane-wrapper .k-grid-filter-menu > .k-header .k-header-cancel,
25993
- .k-pane-wrapper .k-scheduler-edit-form > .k-header .k-header-done,
25994
- .k-pane-wrapper .k-scheduler-edit-form > .k-header .k-header-cancel {
25995
- display: flex;
25996
- flex-direction: row;
25997
- align-items: center;
25998
- }
25999
-
26000
- .k-pane-wrapper .k-grid-edit-form > .k-header .k-header-done .k-icon,
26001
- .k-pane-wrapper .k-grid-edit-form > .k-header .k-header-cancel .k-icon,
26002
- .k-pane-wrapper .k-grid-column-menu > .k-header .k-header-done .k-icon,
26003
- .k-pane-wrapper .k-grid-column-menu > .k-header .k-header-cancel .k-icon,
26004
- .k-pane-wrapper .k-grid-filter-menu > .k-header .k-header-done .k-icon,
26005
- .k-pane-wrapper .k-grid-filter-menu > .k-header .k-header-cancel .k-icon,
26006
- .k-pane-wrapper .k-scheduler-edit-form > .k-header .k-header-done .k-icon,
26007
- .k-pane-wrapper .k-scheduler-edit-form > .k-header .k-header-cancel .k-icon {
26008
- font-size: 1.5em;
25352
+ .k-pane-wrapper .k-appbar {
25353
+ padding: 4px;
26009
25354
  }
26010
25355
 
26011
25356
  .k-pane-wrapper .k-list-title,
@@ -26014,22 +25359,66 @@ kendo-card-footer {
26014
25359
  display: block;
26015
25360
  }
26016
25361
 
25362
+ .k-pane-wrapper .k-listgroup-title {
25363
+ padding: 8px 8px;
25364
+ font-weight: bold;
25365
+ text-transform: uppercase;
25366
+ }
25367
+
26017
25368
  .k-pane-wrapper .k-listgroup .k-listgroup-item {
26018
25369
  border-color: inherit;
26019
25370
  }
26020
25371
 
26021
25372
  .k-pane-wrapper .k-listgroup + .k-listgroup {
26022
- margin-top: 2em;
25373
+ margin-top: 16px;
25374
+ }
25375
+
25376
+ .k-pane-wrapper .k-column-menu {
25377
+ padding: 8px;
25378
+ display: flex;
25379
+ flex-flow: column nowrap;
25380
+ gap: 8px;
26023
25381
  }
26024
25382
 
26025
25383
  .k-pane-wrapper .k-column-menu .k-filter-item .k-filterable * {
26026
25384
  pointer-events: none;
26027
25385
  }
26028
25386
 
25387
+ .k-pane-wrapper .k-column-menu .k-list-title,
25388
+ .k-pane-wrapper .k-column-menu .k-listgroup-title {
25389
+ padding: 0;
25390
+ }
25391
+
25392
+ .k-pane-wrapper .k-column-menu .k-listgroup {
25393
+ margin-inline: -8px;
25394
+ }
25395
+
25396
+ .k-pane-wrapper .k-filter-menu {
25397
+ padding: 8px;
25398
+ display: flex;
25399
+ flex-flow: column nowrap;
25400
+ gap: 8px;
25401
+ }
25402
+
25403
+ .k-pane-wrapper .k-filter-menu .k-list-title {
25404
+ padding: 0;
25405
+ }
25406
+
25407
+ .k-pane-wrapper .k-filter-menu .k-list-filter {
25408
+ padding: 0;
25409
+ display: flex;
25410
+ flex-flow: column nowrap;
25411
+ gap: inherit;
25412
+ }
25413
+
26029
25414
  .k-pane-wrapper .k-filter-menu .k-filter-tools {
26030
- margin: 1em;
26031
25415
  display: flex;
26032
- justify-content: space-between;
25416
+ flex-flow: row nowrap;
25417
+ gap: inherit;
25418
+ }
25419
+
25420
+ .k-pane-wrapper .k-filter-menu .k-listgroup {
25421
+ margin-inline: -8px;
26033
25422
  }
26034
25423
 
26035
25424
  .k-pane-wrapper .k-popup-edit-form .k-recur-editor-wrap {
@@ -26056,27 +25445,12 @@ kendo-card-footer {
26056
25445
  display: none;
26057
25446
  }
26058
25447
 
26059
- .k-ie .k-pane-wrapper .k-scheduler .k-scheduler-toolbar,
26060
- .k-ie .k-pane-wrapper .k-scheduler .k-scheduler-footer {
26061
- line-height: 2em;
26062
- }
26063
-
26064
- .k-ie .k-pane-wrapper .k-grid .k-icon {
26065
- text-indent: 0;
26066
- }
26067
-
26068
- .k-rtl .k-pane-wrapper .k-grid-edit-form > .k-header,
26069
- .k-rtl .k-pane-wrapper .k-grid-column-menu > .k-header,
26070
- .k-rtl .k-pane-wrapper .k-grid-filter-menu > .k-header,
26071
- .k-rtl .k-pane-wrapper .k-scheduler-edit-form > .k-header, .k-pane-wrapper[dir="rtl"] .k-grid-edit-form > .k-header,
26072
- .k-pane-wrapper[dir="rtl"] .k-grid-column-menu > .k-header,
26073
- .k-pane-wrapper[dir="rtl"] .k-grid-filter-menu > .k-header,
26074
- .k-pane-wrapper[dir="rtl"] .k-scheduler-edit-form > .k-header,
26075
- [dir="rtl"] .k-pane-wrapper .k-grid-edit-form > .k-header,
26076
- [dir="rtl"] .k-pane-wrapper .k-grid-column-menu > .k-header,
26077
- [dir="rtl"] .k-pane-wrapper .k-grid-filter-menu > .k-header,
26078
- [dir="rtl"] .k-pane-wrapper .k-scheduler-edit-form > .k-header {
26079
- flex-direction: row-reverse;
25448
+ .k-rtl .k-pane-wrapper .k-header-cancel .k-i-arrow-chevron-left,
25449
+ .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,
25450
+ .k-pane-wrapper[dir="rtl"] .k-listgroup-item .k-select .k-i-arrow-chevron-right,
25451
+ [dir="rtl"] .k-pane-wrapper .k-header-cancel .k-i-arrow-chevron-left,
25452
+ [dir="rtl"] .k-pane-wrapper .k-listgroup-item .k-select .k-i-arrow-chevron-right {
25453
+ transform: scaleX(-1);
26080
25454
  }
26081
25455
 
26082
25456
  .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,
@@ -26098,11 +25472,6 @@ kendo-card-footer {
26098
25472
  margin-right: 0;
26099
25473
  }
26100
25474
 
26101
- .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,
26102
- [dir="rtl"] .k-pane-wrapper .k-scheduler-edit-form .k-item .k-i-arrow-chevron-right {
26103
- transform: scaleX(-1);
26104
- }
26105
-
26106
25475
  .k-pane-wrapper,
26107
25476
  .k-view {
26108
25477
  border-color: rgba(0, 0, 0, 0.12);
@@ -26154,21 +25523,6 @@ kendo-card-footer {
26154
25523
  background-color: inherit;
26155
25524
  }
26156
25525
 
26157
- .k-pane-wrapper .k-pane .k-grid-edit-form .k-header,
26158
- .k-pane-wrapper .k-pane .k-grid-column-menu .k-header,
26159
- .k-pane-wrapper .k-pane .k-grid-filter-menu .k-header,
26160
- .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-header {
26161
- color: white;
26162
- background-color: #3f51b5;
26163
- }
26164
-
26165
- .k-pane-wrapper .k-pane .k-grid-edit-form .k-header .k-link,
26166
- .k-pane-wrapper .k-pane .k-grid-column-menu .k-header .k-link,
26167
- .k-pane-wrapper .k-pane .k-grid-filter-menu .k-header .k-link,
26168
- .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-header .k-link {
26169
- color: inherit;
26170
- }
26171
-
26172
25526
  .k-pane-wrapper .k-pane .k-grid-edit-form .k-item,
26173
25527
  .k-pane-wrapper .k-pane .k-grid-edit-form .k-link,
26174
25528
  .k-pane-wrapper .k-pane .k-grid-column-menu .k-item,
@@ -26514,7 +25868,7 @@ kendo-card-footer {
26514
25868
  .k-grid[dir="rtl"] .k-grid-header .k-filterable,
26515
25869
  .k-rtl .k-grid .k-grid-header .k-with-icon,
26516
25870
  .k-rtl .k-grid .k-grid-header .k-filterable {
26517
- padding-left: calc(1.4285714286em + 30px);
25871
+ padding-left: calc(1.4285714286em + 32px);
26518
25872
  padding-right: 24px;
26519
25873
  }
26520
25874
 
@@ -26646,7 +26000,7 @@ kendo-card-footer {
26646
26000
 
26647
26001
  .k-grouping-header::before {
26648
26002
  content: "";
26649
- height: calc(1.4285714286em + 16px);
26003
+ height: calc(1.4285714286em + 18px);
26650
26004
  display: inline-block;
26651
26005
  vertical-align: middle;
26652
26006
  }
@@ -26727,7 +26081,7 @@ kendo-card-footer {
26727
26081
  width: 12px;
26728
26082
  height: 36px;
26729
26083
  position: absolute;
26730
- top: calc(0.7142857143em - 2px);
26084
+ top: calc(0.7142857143em - 1px);
26731
26085
  box-sizing: content-box;
26732
26086
  }
26733
26087
 
@@ -26841,12 +26195,12 @@ div.k-grid-footer {
26841
26195
 
26842
26196
  .k-grid-header .k-with-icon,
26843
26197
  .k-grid-header .k-filterable {
26844
- padding-right: calc(1.4285714286em + 30px);
26198
+ padding-right: calc(1.4285714286em + 32px);
26845
26199
  }
26846
26200
 
26847
26201
  .k-ie .k-grid-header .k-with-icon, .k-ie
26848
26202
  .k-grid-header .k-filterable {
26849
- padding-right: calc(1.4285714286em + 30px);
26203
+ padding-right: calc(1.4285714286em + 32px);
26850
26204
  }
26851
26205
 
26852
26206
  .k-grid-header .k-header > .k-link:focus {
@@ -26856,8 +26210,8 @@ div.k-grid-footer {
26856
26210
  .k-grid-header .k-grid-filter,
26857
26211
  .k-grid-header .k-header-column-menu {
26858
26212
  padding: 8px;
26859
- width: calc(1.4285714286em + 16px);
26860
- height: calc(1.4285714286em + 16px);
26213
+ width: calc(1.4285714286em + 18px);
26214
+ height: calc(1.4285714286em + 18px);
26861
26215
  box-sizing: border-box;
26862
26216
  outline: 0;
26863
26217
  line-height: 2;
@@ -26953,6 +26307,7 @@ div.k-grid-footer {
26953
26307
 
26954
26308
  .k-filtercell > span,
26955
26309
  .k-filtercell .k-filtercell-wrapper {
26310
+ width: 100%;
26956
26311
  display: flex;
26957
26312
  flex-flow: row nowrap;
26958
26313
  align-items: center;
@@ -26965,6 +26320,18 @@ div.k-grid-footer {
26965
26320
  flex: none;
26966
26321
  }
26967
26322
 
26323
+ .k-filtercell .k-input,
26324
+ .k-filtercell .k-picker {
26325
+ width: auto;
26326
+ flex: 1 1 auto;
26327
+ }
26328
+
26329
+ .k-filtercell .k-color-picker, .k-filtercell .k-colorpicker,
26330
+ .k-filtercell .k-dropdown-operator {
26331
+ width: min-content;
26332
+ flex: none;
26333
+ }
26334
+
26968
26335
  .k-grid-content,
26969
26336
  .k-grid-content-locked {
26970
26337
  border-color: inherit;
@@ -26997,6 +26364,17 @@ div.k-grid-footer {
26997
26364
  position: relative;
26998
26365
  }
26999
26366
 
26367
+ .k-grid th > .k-radio,
26368
+ .k-grid th > .k-radio-wrap,
26369
+ .k-grid th > .k-checkbox,
26370
+ .k-grid th > .k-checkbox-wrap,
26371
+ .k-grid td > .k-radio,
26372
+ .k-grid td > .k-radio-wrap,
26373
+ .k-grid td > .k-checkbox,
26374
+ .k-grid td > .k-checkbox-wrap {
26375
+ vertical-align: top;
26376
+ }
26377
+
27000
26378
  .k-grid .k-edit-cell,
27001
26379
  .k-grid .k-command-cell,
27002
26380
  .k-grid .k-grid-edit-row td {
@@ -27015,6 +26393,17 @@ div.k-grid-footer {
27015
26393
  box-sizing: border-box;
27016
26394
  }
27017
26395
 
26396
+ .k-grid .k-edit-cell > .k-radio,
26397
+ .k-grid .k-edit-cell > .k-checkbox,
26398
+ .k-grid .k-edit-cell > .k-radio-wrap,
26399
+ .k-grid .k-edit-cell > .k-checkbox-wrap,
26400
+ .k-grid .k-grid-edit-row td > .k-radio,
26401
+ .k-grid .k-grid-edit-row td > .k-checkbox,
26402
+ .k-grid .k-grid-edit-row td > .k-radio-wrap,
26403
+ .k-grid .k-grid-edit-row td > .k-checkbox-wrap {
26404
+ vertical-align: middle;
26405
+ }
26406
+
27018
26407
  .k-grid .k-command-cell > .k-button {
27019
26408
  vertical-align: middle;
27020
26409
  }
@@ -27250,11 +26639,11 @@ div.k-grid-norecords {
27250
26639
  }
27251
26640
 
27252
26641
  .k-header > .k-cell-inner {
27253
- margin: -16px calc(-1.4285714286em - -8px) -16px -24px;
26642
+ margin: -16px calc(-1.4285714286em - -6px) -16px -24px;
27254
26643
  }
27255
26644
 
27256
26645
  .k-filterable > .k-cell-inner {
27257
- margin: -16px calc(-1.4285714286em + -16px) -16px -24px;
26646
+ margin: -16px calc(-1.4285714286em + -18px) -16px -24px;
27258
26647
  }
27259
26648
 
27260
26649
  .k-filterable > .k-cell-inner .k-link {
@@ -27445,13 +26834,9 @@ div.k-grid-norecords {
27445
26834
 
27446
26835
  .k-popup .k-multicheck-wrap .k-item,
27447
26836
  .k-popup .k-multicheck-wrap .k-check-all-wrap {
27448
- padding: 4px 16px;
27449
- }
27450
-
27451
- .k-popup .k-multicheck-wrap .k-item > .k-checkbox-label,
27452
- .k-popup .k-multicheck-wrap .k-check-all-wrap > .k-checkbox-label {
27453
- line-height: inherit;
27454
- display: block;
26837
+ padding: 8px 16px;
26838
+ display: flex;
26839
+ flex-flow: row nowrap;
27455
26840
  }
27456
26841
 
27457
26842
  .k-filter-selected-items {
@@ -27486,7 +26871,7 @@ div.k-grid-norecords {
27486
26871
 
27487
26872
  .k-popup > .k-column-menu-popup, .k-popup >
27488
26873
  .k-grid-columnmenu-popup {
27489
- width: 100%;
26874
+ max-width: 100%;
27490
26875
  }
27491
26876
 
27492
26877
  .k-column-menu-popup .k-actions, .k-column-menu-popup .k-edit-buttons,
@@ -27529,14 +26914,21 @@ div.k-grid-norecords {
27529
26914
 
27530
26915
  .k-column-chooser-title,
27531
26916
  .k-column-list-item {
27532
- padding: 4px 16px;
26917
+ padding: 8px 16px;
27533
26918
  }
27534
26919
 
27535
26920
  .k-column-list-item {
27536
- position: relative;
27537
- display: block;
27538
26921
  margin: 0;
26922
+ display: flex;
26923
+ flex-flow: row nowrap;
26924
+ align-items: center;
26925
+ gap: 4px;
27539
26926
  cursor: pointer;
26927
+ position: relative;
26928
+ }
26929
+
26930
+ .k-column-list-item .k-checkbox-label {
26931
+ margin: 0;
27540
26932
  }
27541
26933
 
27542
26934
  .k-columns-items-wrap {
@@ -27544,7 +26936,7 @@ div.k-grid-norecords {
27544
26936
  }
27545
26937
 
27546
26938
  .k-columnmenu-item {
27547
- padding: 4px 16px;
26939
+ padding: 8px 16px;
27548
26940
  outline: 0;
27549
26941
  cursor: pointer;
27550
26942
  }
@@ -27563,7 +26955,7 @@ div.k-grid-norecords {
27563
26955
  }
27564
26956
 
27565
26957
  .k-column-menu-group-header {
27566
- padding: 4px 16px;
26958
+ padding: 8px 16px;
27567
26959
  display: flex;
27568
26960
  flex: 0 0 auto;
27569
26961
  position: relative;
@@ -27591,7 +26983,7 @@ div.k-grid-norecords {
27591
26983
  [dir="rtl"] .k-header > .k-cell-inner,
27592
26984
  .k-rtl .k-header > .k-cell-inner {
27593
26985
  margin-right: -24px;
27594
- margin-left: calc(-1.4285714286em - -8px);
26986
+ margin-left: calc(-1.4285714286em - -6px);
27595
26987
  }
27596
26988
 
27597
26989
  [dir="rtl"] .k-header > .k-cell-inner .k-sort-order,
@@ -27603,7 +26995,7 @@ div.k-grid-norecords {
27603
26995
  [dir="rtl"] .k-filterable > .k-cell-inner,
27604
26996
  .k-rtl .k-filterable > .k-cell-inner {
27605
26997
  margin-right: -24px;
27606
- margin-left: calc(-1.4285714286em + -16px);
26998
+ margin-left: calc(-1.4285714286em + -18px);
27607
26999
  }
27608
27000
 
27609
27001
  [dir="rtl"] .k-filterable > .k-cell-inner .k-link,
@@ -27627,11 +27019,6 @@ div.k-grid-norecords {
27627
27019
  padding-left: 17px;
27628
27020
  }
27629
27021
 
27630
- .k-grid .k-checkbox-label,
27631
- .k-grid .k-radio-label {
27632
- line-height: normal;
27633
- }
27634
-
27635
27022
  .k-grid .k-group-footer td {
27636
27023
  border-top-width: 0;
27637
27024
  }
@@ -27687,7 +27074,7 @@ div.k-grid-norecords {
27687
27074
  .k-grouping-dropclue {
27688
27075
  width: 0;
27689
27076
  height: 36px;
27690
- top: calc(0.7142857143em - 2px);
27077
+ top: calc(0.7142857143em - 1px);
27691
27078
  border-style: solid;
27692
27079
  border-width: 0 2px 0 0;
27693
27080
  }
@@ -27833,11 +27220,6 @@ tbody .k-group-cell {
27833
27220
  background-color: whitesmoke;
27834
27221
  }
27835
27222
 
27836
- .k-grid .k-grid-content-locked .k-state-hover td,
27837
- .k-grid .k-grid-content-locked tr:hover td {
27838
- background-color: #ededed;
27839
- }
27840
-
27841
27223
  .k-grid .k-grid-content-locked .k-state-selected:hover td,
27842
27224
  .k-grid .k-grid-content-locked .k-state-selected.k-state-hover td {
27843
27225
  background-color: #e4e4e4;
@@ -28548,10 +27930,14 @@ thead.k-grid-header > tr:not(:only-child) > th {
28548
27930
  }
28549
27931
 
28550
27932
  .k-spreadsheet-toolbar .k-input,
28551
- .k-spreadsheet-toolbar .k-picker:not(.k-colorpicker) {
27933
+ .k-spreadsheet-toolbar .k-picker {
28552
27934
  width: 5em;
28553
27935
  }
28554
27936
 
27937
+ .k-spreadsheet-toolbar .k-color-picker, .k-spreadsheet-toolbar .k-colorpicker {
27938
+ width: min-content;
27939
+ }
27940
+
28555
27941
  .k-spreadsheet-action-bar {
28556
27942
  border-width: 0 0 1px;
28557
27943
  border-style: solid;
@@ -28635,7 +28021,7 @@ thead.k-grid-header > tr:not(:only-child) > th {
28635
28021
  }
28636
28022
 
28637
28023
  .k-spreadsheet-formula-list .k-item {
28638
- padding: 4px 16px;
28024
+ padding: 8px 16px;
28639
28025
  }
28640
28026
 
28641
28027
  .k-syntax-func,
@@ -29078,7 +28464,7 @@ thead.k-grid-header > tr:not(:only-child) > th {
29078
28464
 
29079
28465
  .k-spreadsheet-filter-menu .k-details-summary,
29080
28466
  .k-spreadsheet-filter-menu .k-columnmenu-item {
29081
- padding: 4px 16px;
28467
+ padding: 8px 16px;
29082
28468
  display: flex;
29083
28469
  align-items: center;
29084
28470
  cursor: pointer;
@@ -29845,7 +29231,8 @@ thead.k-grid-header > tr:not(:only-child) > th {
29845
29231
  align-items: flex-start;
29846
29232
  }
29847
29233
 
29848
- .k-pivotgrid-configurator-content .k-form .k-dropdown-list {
29234
+ .k-pivotgrid-configurator-content .k-form .k-dropdown-list, .k-pivotgrid-configurator-content .k-form .k-dropdown,
29235
+ .k-pivotgrid-configurator-content .k-form .k-dropdownlist {
29849
29236
  max-width: 90px;
29850
29237
  }
29851
29238
 
@@ -29936,7 +29323,8 @@ thead.k-grid-header > tr:not(:only-child) > th {
29936
29323
  margin-right: 8px;
29937
29324
  }
29938
29325
 
29939
- .k-calculated-field-actions .k-dropdown-list {
29326
+ .k-calculated-field-actions .k-dropdown-list, .k-calculated-field-actions .k-dropdown,
29327
+ .k-calculated-field-actions .k-dropdownlist {
29940
29328
  max-width: 100px;
29941
29329
  }
29942
29330
 
@@ -30602,6 +29990,7 @@ thead.k-grid-header > tr:not(:only-child) > th {
30602
29990
  .k-treelist .k-status .k-loading {
30603
29991
  vertical-align: baseline;
30604
29992
  margin-right: 5px;
29993
+ display: none;
30605
29994
  }
30606
29995
 
30607
29996
  .k-treelist tr.k-hidden {
@@ -30749,6 +30138,11 @@ thead.k-grid-header > tr:not(:only-child) > th {
30749
30138
  border-style: solid;
30750
30139
  }
30751
30140
 
30141
+ .k-filter .k-filter-operator .k-dropdown-list, .k-filter .k-filter-operator .k-dropdown,
30142
+ .k-filter .k-filter-operator .k-dropdownlist {
30143
+ width: 15em;
30144
+ }
30145
+
30752
30146
  .k-filter .k-filter-item {
30753
30147
  position: relative;
30754
30148
  }
@@ -31503,8 +30897,8 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
31503
30897
 
31504
30898
  .k-editor-toolbar .k-tool {
31505
30899
  padding: 8px;
31506
- width: calc(1.4285714286em + 16px);
31507
- height: calc(1.4285714286em + 16px);
30900
+ width: calc(1.4285714286em + 18px);
30901
+ height: calc(1.4285714286em + 18px);
31508
30902
  }
31509
30903
 
31510
30904
  .k-editor-toolbar .k-tool-text {
@@ -31656,10 +31050,6 @@ td.k-editor-content {
31656
31050
  padding: 10px 0 40px;
31657
31051
  }
31658
31052
 
31659
- .k-editor-find-replace .k-search-options > span {
31660
- padding-bottom: 4px;
31661
- }
31662
-
31663
31053
  .k-editor-find-replace .k-matches-container {
31664
31054
  position: absolute;
31665
31055
  bottom: 0;
@@ -31870,16 +31260,17 @@ td.k-editor-content {
31870
31260
  width: 10em;
31871
31261
  }
31872
31262
 
31873
- .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdown-list {
31263
+ .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdown-list, .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdown,
31264
+ .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdownlist {
31874
31265
  width: 5em;
31875
31266
  }
31876
31267
 
31877
- .k-editor-table-wizard-dialog .k-numerictextbox + .k-colorpicker,
31878
- .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdown-list {
31268
+ .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,
31269
+ .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdownlist {
31879
31270
  margin-left: 8px;
31880
31271
  }
31881
31272
 
31882
- .k-editor-table-wizard-dialog .k-colorpicker {
31273
+ .k-editor-table-wizard-dialog .k-color-picker, .k-editor-table-wizard-dialog .k-colorpicker {
31883
31274
  vertical-align: middle;
31884
31275
  }
31885
31276
 
@@ -32473,8 +31864,8 @@ td.k-editor-content {
32473
31864
  .k-gantt-toolbar .k-gantt-pdf,
32474
31865
  .k-gantt-toolbar .k-gantt-create {
32475
31866
  padding: 8px;
32476
- width: calc(1.4285714286em + 16px);
32477
- height: calc(1.4285714286em + 16px);
31867
+ width: calc(1.4285714286em + 18px);
31868
+ height: calc(1.4285714286em + 18px);
32478
31869
  }
32479
31870
  .k-gantt-toolbar .k-gantt-pdf .k-button-text,
32480
31871
  .k-gantt-toolbar .k-gantt-create .k-button-text {
@@ -32621,7 +32012,7 @@ td.k-editor-content {
32621
32012
  }
32622
32013
 
32623
32014
  .k-gantt-tasks td::after {
32624
- content: "\a0";
32015
+ content: "\200b";
32625
32016
  }
32626
32017
 
32627
32018
  .k-task-wrap {
@@ -33927,7 +33318,7 @@ kendo-scheduler .k-event .k-event-bottom-actions,
33927
33318
  }
33928
33319
 
33929
33320
  .k-recurrence-editor {
33930
- display: inline-flex;
33321
+ display: flex;
33931
33322
  flex-direction: column;
33932
33323
  }
33933
33324
 
@@ -34136,7 +33527,7 @@ kendo-scheduler .k-recurrence-editor {
34136
33527
  }
34137
33528
 
34138
33529
  .k-scheduler-edit-form .k-edit-form-container {
34139
- width: 620px;
33530
+ width: 100%;
34140
33531
  }
34141
33532
 
34142
33533
  .k-scheduler-edit-form .k-edit-label {
@@ -34147,23 +33538,36 @@ kendo-scheduler .k-recurrence-editor {
34147
33538
  width: 77%;
34148
33539
  }
34149
33540
 
34150
- .k-scheduler-edit-form .k-scheduler-delete {
34151
- float: left;
33541
+ .k-scheduler-edit-form .k-edit-field > ul > li {
33542
+ display: flex;
33543
+ flex-flow: row nowrap;
33544
+ align-items: center;
33545
+ }
33546
+
33547
+ .k-scheduler-edit-form .k-recurrence-editor .k-radio-list .k-radio-wrap,
33548
+ .k-scheduler-edit-form .k-recurrence-editor .k-checkbox-list .k-checkbox-wrap {
33549
+ align-self: center;
34152
33550
  }
34153
33551
 
34154
- .k-scheduler-edit-form .k-widget.k-recur-interval,
34155
- .k-scheduler-edit-form .k-widget.k-recur-count,
34156
- .k-scheduler-edit-form .k-widget.k-recur-monthday {
33552
+ .k-scheduler-edit-form .k-recur-interval,
33553
+ .k-scheduler-edit-form .k-recur-count,
33554
+ .k-scheduler-edit-form .k-recur-monthday {
34157
33555
  width: 5em;
34158
33556
  }
34159
33557
 
34160
- .k-scheduler-edit-form .k-widget.k-recur-until,
34161
- .k-scheduler-edit-form .k-widget.k-recur-month,
34162
- .k-scheduler-edit-form .k-widget.k-recur-weekday,
34163
- .k-scheduler-edit-form .k-widget.k-recur-weekday-offset {
33558
+ .k-scheduler-edit-form .k-recur-until,
33559
+ .k-scheduler-edit-form .k-recur-month,
33560
+ .k-scheduler-edit-form .k-recur-weekday,
33561
+ .k-scheduler-edit-form .k-recur-weekday-offset {
34164
33562
  width: 10em;
34165
33563
  }
34166
33564
 
33565
+ .k-scheduler-edit-form .k-scheduler-datetime-picker {
33566
+ display: flex;
33567
+ flex-flow: row nowrap;
33568
+ gap: 8px;
33569
+ }
33570
+
34167
33571
  .k-rtl .k-scheduler-header th,
34168
33572
  .k-rtl .k-scheduler-table td {
34169
33573
  border-width: 0 1px 1px 0;
@@ -34361,10 +33765,6 @@ kendo-scheduler .k-event .k-event-actions,
34361
33765
  height: 85px;
34362
33766
  }
34363
33767
 
34364
- .k-scheduler-edit-form .k-edit-form-container {
34365
- width: 390px;
34366
- }
34367
-
34368
33768
  .k-scheduler-edit-form .k-edit-label {
34369
33769
  width: auto;
34370
33770
  margin-bottom: .5em;
@@ -34399,19 +33799,6 @@ kendo-scheduler .k-event .k-event-actions,
34399
33799
  width: 45%;
34400
33800
  }
34401
33801
 
34402
- .k-edit-field .k-recur-interval,
34403
- .k-edit-field .k-recur-count,
34404
- .k-edit-field .k-recur-month,
34405
- .k-edit-field .k-recur-monthday,
34406
- .k-edit-field .k-recur-weekday-offset,
34407
- .k-edit-field .k-recur-weekday {
34408
- width: 28%;
34409
- }
34410
-
34411
- .k-edit-field .k-recur-until {
34412
- width: 66%;
34413
- }
34414
-
34415
33802
  .k-scheduler {
34416
33803
  border-color: rgba(0, 0, 0, 0.12);
34417
33804
  color: rgba(0, 0, 0, 0.87);
@@ -34827,7 +34214,8 @@ kendo-scheduler .k-event .k-event-actions,
34827
34214
  box-sizing: border-box;
34828
34215
  border-width: 1px 0 0;
34829
34216
  border-style: solid;
34830
- border-radius: 0;
34217
+ border-color: inherit !important;
34218
+ border-radius: 0 !important;
34831
34219
  flex: none;
34832
34220
  display: flex;
34833
34221
  flex-flow: row nowrap;
@@ -34851,10 +34239,6 @@ kendo-scheduler .k-event .k-event-actions,
34851
34239
  display: inline-block;
34852
34240
  }
34853
34241
 
34854
- .k-message-box .k-button::before, .k-message-box .k-button::after {
34855
- display: none;
34856
- }
34857
-
34858
34242
  .k-rtl .k-message-box .k-button, .k-message-box .k-button[dir="rtl"] {
34859
34243
  transform: scaleX(-1);
34860
34244
  }
@@ -34977,12 +34361,19 @@ kendo-scheduler .k-event .k-event-actions,
34977
34361
  .k-chat-toolbar .k-scroll-button,
34978
34362
  .k-chat .k-toolbar-box .k-scroll-button {
34979
34363
  height: 100%;
34364
+ aspect-ratio: auto;
34980
34365
  position: absolute;
34981
34366
  z-index: 2;
34982
34367
  top: 50%;
34983
34368
  transform: translateY(-50%);
34984
34369
  }
34985
34370
 
34371
+ .k-chat-toolbar .k-scroll-button .k-button-icon,
34372
+ .k-chat .k-toolbar-box .k-scroll-button .k-button-icon {
34373
+ min-width: auto;
34374
+ min-height: auto;
34375
+ }
34376
+
34986
34377
  .k-chat-toolbar .k-scroll-button-left,
34987
34378
  .k-chat .k-toolbar-box .k-scroll-button-left {
34988
34379
  left: 0;
@@ -35133,16 +34524,6 @@ kendo-scheduler .k-event .k-event-actions,
35133
34524
  background-color: #3f51b5;
35134
34525
  }
35135
34526
 
35136
- .k-chat .k-message-box {
35137
- border-color: inherit;
35138
- color: rgba(0, 0, 0, 0.87);
35139
- background-color: white;
35140
- }
35141
-
35142
- .k-chat .k-message-box.k-state-focused {
35143
- box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
35144
- }
35145
-
35146
34527
  .k-chat-toolbar,
35147
34528
  .k-chat .k-toolbar-box {
35148
34529
  border-color: inherit;
@@ -35194,7 +34575,8 @@ kendo-scheduler .k-event .k-event-actions,
35194
34575
  box-shadow: none;
35195
34576
  }
35196
34577
 
35197
- .k-mediaplayer-toolbar .k-dropdown-list {
34578
+ .k-mediaplayer-toolbar .k-dropdown-list, .k-mediaplayer-toolbar .k-dropdown,
34579
+ .k-mediaplayer-toolbar .k-dropdownlist {
35198
34580
  width: auto;
35199
34581
  }
35200
34582
 
@@ -35207,12 +34589,17 @@ kendo-scheduler .k-event .k-event-actions,
35207
34589
  align-items: center;
35208
34590
  }
35209
34591
 
34592
+ .k-mediaplayer-volume {
34593
+ width: 100px;
34594
+ }
34595
+
35210
34596
  .k-slider.k-mediaplayer-seekbar {
35211
34597
  width: 100%;
35212
34598
  position: absolute;
35213
34599
  z-index: 3;
35214
- top: -17px;
34600
+ top: 0;
35215
34601
  left: 0;
34602
+ transform: translateY(-50%);
35216
34603
  }
35217
34604
 
35218
34605
  .k-mediaplayer-seekbar .k-slider-track {
@@ -35220,6 +34607,10 @@ kendo-scheduler .k-event .k-event-actions,
35220
34607
  border-radius: 0;
35221
34608
  }
35222
34609
 
34610
+ .k-mediaplayer-seekbar .k-slider-selection {
34611
+ border-radius: 0;
34612
+ }
34613
+
35223
34614
  .k-mediaplayer-fullscreen {
35224
34615
  z-index: 10000;
35225
34616
  position: fixed;