@progress/kendo-theme-bootstrap 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
@@ -965,16 +965,6 @@ kendo-sortable {
965
965
  bottom: -4px;
966
966
  }
967
967
 
968
- .k-loading {
969
- width: 64px;
970
- height: 64px;
971
- display: block;
972
- }
973
-
974
- .k-loading .animate {
975
- animation: loading 2s infinite linear;
976
- }
977
-
978
968
  .k-loading-mask,
979
969
  .k-loading-image,
980
970
  .k-loading-color {
@@ -1061,7 +1051,7 @@ kendo-sortable {
1061
1051
  .k-loading-image::after {
1062
1052
  content: "";
1063
1053
  border-width: 1px;
1064
- border-width: max( 1px, .015em );
1054
+ border-width: clamp(0.015em, 1px, 1px);
1065
1055
  font-size: 4em;
1066
1056
  }
1067
1057
 
@@ -10496,42 +10486,6 @@ kendo-sortable {
10496
10486
  -webkit-appearance: none;
10497
10487
  }
10498
10488
 
10499
- .k-checkbox-sm {
10500
- width: 0.75rem;
10501
- height: 0.75rem;
10502
- }
10503
-
10504
- .k-checkbox-sm + .k-checkbox-label .k-ripple {
10505
- top: 0.375rem;
10506
- left: 0.375rem;
10507
- width: 1.875rem;
10508
- height: 1.875rem;
10509
- }
10510
-
10511
- .k-checkbox-md {
10512
- width: 1rem;
10513
- height: 1rem;
10514
- }
10515
-
10516
- .k-checkbox-md + .k-checkbox-label .k-ripple {
10517
- top: 0.5rem;
10518
- left: 0.5rem;
10519
- width: 2.5rem;
10520
- height: 2.5rem;
10521
- }
10522
-
10523
- .k-checkbox-lg {
10524
- width: 1.5rem;
10525
- height: 1.5rem;
10526
- }
10527
-
10528
- .k-checkbox-lg + .k-checkbox-label .k-ripple {
10529
- top: 0.75rem;
10530
- left: 0.75rem;
10531
- width: 3.75rem;
10532
- height: 3.75rem;
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 20 20'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%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.65;
@@ -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: calc(1rem + 1px);
10578
10532
  display: inline-flex;
10579
10533
  align-items: flex-start;
10534
+ gap: 0.25rem;
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: 0.25rem;
10611
- }
10612
-
10613
- .k-checkbox-label > .k-checkbox {
10614
- margin-right: 0.25rem;
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: 0.25rem;
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: 0.25rem;
10628
10550
  }
10629
10551
 
10630
10552
  .k-checkbox-label:empty {
@@ -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,84 +10588,74 @@ kendo-label.k-checkbox-label > .k-label {
10666
10588
  gap: 1rem;
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: 0.25rem;
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: 0.25rem;
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: 0.25rem;
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: 0.75rem;
10621
+ height: 0.75rem;
10622
+ }
10623
+
10624
+ .k-checkbox-sm::before {
10625
+ font-size: 0.625rem;
10626
+ }
10627
+
10628
+ .k-ripple-container .k-checkbox-size::after {
10695
10629
  width: 2.25rem;
10696
10630
  height: 2.25rem;
10697
- margin-left: calc(-0.75rem + -1px);
10698
- margin-top: calc(-0.75rem + -1px);
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: 1rem;
10635
+ height: 1rem;
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: 0.875rem;
10640
+ }
10641
+
10642
+ .k-ripple-container .k-checkbox-size::after {
10715
10643
  width: 3rem;
10716
10644
  height: 3rem;
10717
- margin-left: calc(-1rem + -1px);
10718
- margin-top: calc(-1rem + -1px);
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: 1.25rem;
10649
+ height: 1.25rem;
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: 4.5rem;
10736
- height: 4.5rem;
10737
- margin-left: calc(-1.5rem + -1px);
10738
- margin-top: calc(-1.5rem + -1px);
10739
- border-radius: 100%;
10740
- z-index: 1;
10741
- transform: scale(0);
10652
+ .k-checkbox-lg::before {
10653
+ font-size: 1.125rem;
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: 3.75rem;
10658
+ height: 3.75rem;
10747
10659
  }
10748
10660
 
10749
10661
  .k-checkbox {
@@ -10777,19 +10689,22 @@ kendo-label.k-checkbox-label > .k-label {
10777
10689
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
10778
10690
  }
10779
10691
 
10780
- .k-checkbox:invalid,
10781
10692
  .k-checkbox.k-invalid {
10782
10693
  border-color: #dc3545;
10783
10694
  }
10784
10695
 
10785
- .k-checkbox:invalid + .k-checkbox-label,
10786
10696
  .k-checkbox.k-invalid + .k-checkbox-label {
10787
10697
  color: #dc3545;
10788
10698
  }
10789
10699
 
10700
+ .k-checkbox-wrap .k-ripple-blob {
10701
+ color: #0d6efd;
10702
+ opacity: 0.25;
10703
+ }
10704
+
10790
10705
  .k-ripple-container .k-checkbox::after {
10791
10706
  background: #0d6efd;
10792
- opacity: 0.3;
10707
+ opacity: 0.25;
10793
10708
  }
10794
10709
 
10795
10710
  .k-list {
@@ -10807,7 +10722,7 @@ kendo-label.k-checkbox-label > .k-label {
10807
10722
  border-width: 0;
10808
10723
  }
10809
10724
 
10810
- .k-list-group-sticky-header {
10725
+ .k-list-group-sticky-header, .k-list-optionlabel {
10811
10726
  border-width: 0;
10812
10727
  border-width: 0 0 1px;
10813
10728
  border-style: solid;
@@ -10819,6 +10734,7 @@ kendo-label.k-checkbox-label > .k-label {
10819
10734
  flex: none;
10820
10735
  overflow: hidden;
10821
10736
  text-overflow: ellipsis;
10737
+ cursor: pointer;
10822
10738
  }
10823
10739
 
10824
10740
  .k-list-content {
@@ -10839,7 +10755,7 @@ kendo-label.k-checkbox-label > .k-label {
10839
10755
  list-style: none;
10840
10756
  }
10841
10757
 
10842
- .k-list-item, .k-list-optionlabel {
10758
+ .k-list-item {
10843
10759
  border: 0;
10844
10760
  outline: none;
10845
10761
  cursor: pointer;
@@ -10854,11 +10770,7 @@ kendo-label.k-checkbox-label > .k-label {
10854
10770
  transition-timing-function: ease;
10855
10771
  }
10856
10772
 
10857
- .k-list-item .k-checkbox-wrap, .k-list-optionlabel .k-checkbox-wrap {
10858
- align-self: flex-start;
10859
- }
10860
-
10861
- .k-list-item.k-first::before, .k-first.k-list-optionlabel::before {
10773
+ .k-list-item.k-first::before {
10862
10774
  content: "";
10863
10775
  border-width: 1px 0 0;
10864
10776
  border-style: solid;
@@ -10904,10 +10816,9 @@ kendo-label.k-checkbox-label > .k-label {
10904
10816
  overflow-y: scroll;
10905
10817
  }
10906
10818
 
10907
- .k-virtual-list .k-list-item, .k-virtual-list .k-list-optionlabel,
10819
+ .k-virtual-list .k-list-item,
10908
10820
  .k-virtual-list .k-list-group-item,
10909
10821
  .k-virtual-content .k-list-item,
10910
- .k-virtual-content .k-list-optionlabel,
10911
10822
  .k-virtual-content .k-list-group-item {
10912
10823
  position: absolute;
10913
10824
  width: 100%;
@@ -10932,27 +10843,27 @@ kendo-label.k-checkbox-label > .k-label {
10932
10843
  font-size: 0.875rem;
10933
10844
  }
10934
10845
 
10935
- .k-list-sm .k-list-group-sticky-header {
10936
- padding: 0.1875rem 0.75rem;
10846
+ .k-list-sm .k-list-group-sticky-header, .k-list-sm .k-list-optionlabel {
10847
+ padding: 0.125rem 1rem;
10937
10848
  }
10938
10849
 
10939
- .k-list-sm .k-list-item, .k-list-sm .k-list-optionlabel {
10940
- padding: 0.1875rem 0.75rem;
10850
+ .k-list-sm .k-list-item {
10851
+ padding: 0.125rem 1rem;
10941
10852
  }
10942
10853
 
10943
10854
  .k-list-sm .k-list-group-item {
10944
- padding: 0.1875rem 0.75rem;
10855
+ padding: 0.125rem 1rem;
10945
10856
  }
10946
10857
 
10947
10858
  .k-list-md {
10948
10859
  font-size: 1rem;
10949
10860
  }
10950
10861
 
10951
- .k-list-md .k-list-group-sticky-header {
10862
+ .k-list-md .k-list-group-sticky-header, .k-list-md .k-list-optionlabel {
10952
10863
  padding: 0.25rem 1rem;
10953
10864
  }
10954
10865
 
10955
- .k-list-md .k-list-item, .k-list-md .k-list-optionlabel {
10866
+ .k-list-md .k-list-item {
10956
10867
  padding: 0.25rem 1rem;
10957
10868
  }
10958
10869
 
@@ -10964,19 +10875,19 @@ kendo-label.k-checkbox-label > .k-label {
10964
10875
  font-size: 1rem;
10965
10876
  }
10966
10877
 
10967
- .k-list-lg .k-list-group-sticky-header {
10968
- padding: 0.3125rem 1.25rem;
10878
+ .k-list-lg .k-list-group-sticky-header, .k-list-lg .k-list-optionlabel {
10879
+ padding: 0.375rem 1rem;
10969
10880
  }
10970
10881
 
10971
- .k-list-lg .k-list-item, .k-list-lg .k-list-optionlabel {
10972
- padding: 0.3125rem 1.25rem;
10882
+ .k-list-lg .k-list-item {
10883
+ padding: 0.375rem 1rem;
10973
10884
  }
10974
10885
 
10975
10886
  .k-list-lg .k-list-group-item {
10976
- padding: 0.3125rem 1.25rem;
10887
+ padding: 0.375rem 1rem;
10977
10888
  }
10978
10889
 
10979
- .k-no-data {
10890
+ .k-no-data, .k-nodata {
10980
10891
  min-height: 138px;
10981
10892
  display: flex;
10982
10893
  align-items: center;
@@ -10992,25 +10903,25 @@ kendo-label.k-checkbox-label > .k-label {
10992
10903
  background-color: #ffffff;
10993
10904
  }
10994
10905
 
10995
- .k-list-group-sticky-header {
10906
+ .k-list-group-sticky-header, .k-list-optionlabel {
10996
10907
  border-color: inherit;
10997
10908
  }
10998
10909
 
10999
- .k-list-item:hover, .k-list-optionlabel:hover, .k-list-item.k-hover, .k-hover.k-list-optionlabel {
10910
+ .k-list-item:hover, .k-list-item.k-hover {
11000
10911
  color: #212529;
11001
10912
  background-color: #e9ecef;
11002
10913
  }
11003
10914
 
11004
- .k-list-item:focus, .k-list-optionlabel:focus, .k-list-item.k-focus, .k-focus.k-list-optionlabel {
10915
+ .k-list-item:focus, .k-list-item.k-focus {
11005
10916
  box-shadow: inset 0 0 0 3px rgba(33, 37, 41, 0.15);
11006
10917
  }
11007
10918
 
11008
- .k-list-item.k-selected, .k-selected.k-list-optionlabel {
10919
+ .k-list-item.k-selected {
11009
10920
  color: white;
11010
10921
  background-color: #0d6efd;
11011
10922
  }
11012
10923
 
11013
- .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 {
10924
+ .k-list-item.k-selected:hover, .k-list-item.k-selected.k-hover {
11014
10925
  color: white;
11015
10926
  background-color: #0c65e9;
11016
10927
  }
@@ -11024,7 +10935,7 @@ kendo-label.k-checkbox-label > .k-label {
11024
10935
  background-color: #212529;
11025
10936
  }
11026
10937
 
11027
- .k-no-data {
10938
+ .k-no-data, .k-nodata {
11028
10939
  color: #6c757d;
11029
10940
  }
11030
10941
 
@@ -11718,6 +11629,7 @@ kendo-badge-container {
11718
11629
  box-sizing: border-box;
11719
11630
  border-width: 1px;
11720
11631
  border-style: solid;
11632
+ font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
11721
11633
  text-align: center;
11722
11634
  text-decoration: none;
11723
11635
  white-space: nowrap;
@@ -11733,6 +11645,7 @@ kendo-badge-container {
11733
11645
  outline: none;
11734
11646
  -webkit-appearance: none;
11735
11647
  position: relative;
11648
+ 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;
11736
11649
  }
11737
11650
 
11738
11651
  .k-button:disabled, .k-button.k-disabled {
@@ -11766,6 +11679,25 @@ kendo-badge-container {
11766
11679
  position: relative;
11767
11680
  }
11768
11681
 
11682
+ .k-button-arrow {
11683
+ padding-left: 0.375rem;
11684
+ padding-right: 0.375rem;
11685
+ flex: none;
11686
+ display: inline-flex;
11687
+ align-items: center;
11688
+ justify-content: center;
11689
+ }
11690
+
11691
+ .k-button > .k-button-arrow {
11692
+ margin-inline-start: -0.375rem;
11693
+ margin-inline-end: -0.75rem;
11694
+ }
11695
+
11696
+ .k-icon-button > .k-button-arrow {
11697
+ margin-inline-start: 0;
11698
+ margin-inline-end: -0.375rem;
11699
+ }
11700
+
11769
11701
  .k-button-sm {
11770
11702
  padding: 0.25rem 0.5rem;
11771
11703
  font-size: 0.875rem;
@@ -11838,67 +11770,66 @@ kendo-badge-container {
11838
11770
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
11839
11771
  }
11840
11772
 
11841
- .k-button-group .k-button:not(:first-child):not(:last-child) {
11842
- border-radius: 0;
11843
- }
11844
-
11845
- .k-button-group .k-button ~ .k-button {
11773
+ .k-button-group > .k-button + .k-button {
11846
11774
  margin-inline-start: -1px;
11847
11775
  }
11848
11776
 
11849
- .k-button-group .k-button:hover,
11850
- .k-button-group .k-button.k-hover,
11851
- .k-button-group .k-button:active,
11852
- .k-button-group .k-button.k-active,
11853
- .k-button-group .k-button.k-selected,
11854
- .k-button-group .k-button:focus,
11855
- .k-button-group .k-button.k-focus {
11777
+ .k-button-group > .k-button:hover,
11778
+ .k-button-group > .k-button.k-hover,
11779
+ .k-button-group > .k-button:focus,
11780
+ .k-button-group > .k-button.k-focus,
11781
+ .k-button-group > .k-button:active,
11782
+ .k-button-group > .k-button.k-active,
11783
+ .k-button-group > .k-button.k-selected {
11856
11784
  z-index: 2;
11857
11785
  }
11858
11786
 
11859
- .k-button-group .k-group-start:not(:only-child),
11860
- .k-button-group .k-button:first-child:not(:only-child) {
11861
- border-top-right-radius: 0;
11862
- border-bottom-right-radius: 0;
11787
+ .k-button-group .k-button:not(:first-child):not(:last-child) {
11788
+ border-start-end-radius: 0;
11789
+ border-end-end-radius: 0;
11790
+ border-start-start-radius: 0;
11791
+ border-end-start-radius: 0;
11863
11792
  }
11864
11793
 
11865
- .k-button-group .k-group-end:not(:only-child),
11866
- .k-button-group .k-button:last-child:not(:only-child) {
11867
- border-top-left-radius: 0;
11868
- border-bottom-left-radius: 0;
11794
+ .k-button-group > .k-button:first-child:not(:only-child) {
11795
+ border-start-end-radius: 0;
11796
+ border-end-end-radius: 0;
11869
11797
  }
11870
11798
 
11871
- .k-button-group-stretched {
11872
- display: flex;
11799
+ .k-button-group > .k-button:last-child:not(:only-child) {
11800
+ border-start-start-radius: 0;
11801
+ border-end-start-radius: 0;
11873
11802
  }
11874
11803
 
11875
- .k-button-group-stretched .k-button {
11876
- display: inline-block;
11877
- flex: 1 0 0%;
11878
- overflow: hidden;
11879
- text-overflow: ellipsis;
11804
+ .k-button-group:disabled, .k-button-group[disabled], .k-button-group.k-disabled {
11805
+ opacity: 1;
11806
+ filter: none;
11880
11807
  }
11881
11808
 
11882
- .k-button-group-stretched .k-button > .k-icon {
11883
- vertical-align: text-bottom;
11809
+ .k-button-group-stretched {
11810
+ width: 100%;
11884
11811
  }
11885
11812
 
11886
- .k-split-button {
11887
- border-radius: 0;
11813
+ .k-button-group-stretched > * {
11814
+ flex: 1 0 0%;
11815
+ overflow: hidden;
11888
11816
  }
11889
11817
 
11890
- .k-split-button > .k-button:first-child {
11891
- border-top-right-radius: 0;
11892
- border-bottom-right-radius: 0;
11818
+ .k-split-button .k-split-button-arrow {
11819
+ padding: 0.375rem 0.375rem;
11820
+ width: auto;
11821
+ flex: none;
11893
11822
  }
11894
11823
 
11895
- .k-split-button > .k-button:last-child {
11896
- border-top-left-radius: 0;
11897
- border-bottom-left-radius: 0;
11824
+ .k-split-button .k-split-button-arrow .k-button-icon {
11825
+ min-width: 0;
11898
11826
  }
11899
11827
 
11900
11828
  .k-button-flat {
11901
- 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;
11829
+ border-color: transparent !important;
11830
+ color: inherit;
11831
+ background: none !important;
11832
+ box-shadow: none !important;
11902
11833
  }
11903
11834
 
11904
11835
  .k-button-flat::before {
@@ -11906,6 +11837,7 @@ kendo-badge-container {
11906
11837
  }
11907
11838
 
11908
11839
  .k-button-flat::after {
11840
+ box-shadow: inset 0 0 0 2px currentColor;
11909
11841
  display: block !important;
11910
11842
  }
11911
11843
 
@@ -11913,65 +11845,28 @@ kendo-badge-container {
11913
11845
  opacity: .12;
11914
11846
  }
11915
11847
 
11916
- .k-button-link, .k-button-link:hover, .k-button-link.k-hover, .k-button-link:focus, .k-button-link.k-focus {
11917
- text-decoration: underline;
11918
- }
11919
-
11920
- .k-button-link::after {
11921
- display: block !important;
11922
- }
11923
-
11924
- .k-button-link:focus::after, .k-button-link.k-focus::after {
11925
- opacity: .12;
11926
- }
11927
-
11928
- .k-rtl .k-button-group .k-button,
11929
- [dir="rtl"] .k-button-group .k-button {
11930
- border-radius: 0;
11931
- }
11932
-
11933
- .k-rtl .k-button-group .k-group-start,
11934
- .k-rtl .k-button-group .k-button:first-child,
11935
- [dir="rtl"] .k-button-group .k-group-start,
11936
- [dir="rtl"] .k-button-group .k-button:first-child {
11937
- border-top-right-radius: 0.25rem;
11938
- border-bottom-right-radius: 0.25rem;
11848
+ .k-button-outline {
11849
+ border-color: currentColor;
11850
+ color: inherit;
11851
+ background: none;
11939
11852
  }
11940
11853
 
11941
- .k-rtl .k-button-group .k-group-end,
11942
- .k-rtl .k-button-group .k-button:last-child,
11943
- [dir="rtl"] .k-button-group .k-group-end,
11944
- [dir="rtl"] .k-button-group .k-button:last-child {
11945
- border-top-left-radius: 0.25rem;
11946
- border-bottom-left-radius: 0.25rem;
11854
+ .k-button-link {
11855
+ border-color: transparent;
11856
+ color: inherit;
11857
+ text-decoration: none;
11858
+ background: none;
11947
11859
  }
11948
11860
 
11949
- .k-rtl .k-button-group .k-group-start.k-group-end,
11950
- .k-rtl .k-button-group .k-button:first-child:last-child,
11951
- [dir="rtl"] .k-button-group .k-group-start.k-group-end,
11952
- [dir="rtl"] .k-button-group .k-button:first-child:last-child {
11953
- border-radius: 0.25rem;
11861
+ .k-button-link:hover, .k-button-link.k-hover {
11862
+ text-decoration: underline;
11954
11863
  }
11955
11864
 
11956
- .k-rtl .k-split-button .k-button,
11957
- [dir="rtl"] .k-split-button .k-button {
11865
+ .k-ie .k-button-group .k-button,
11866
+ .k-ie .k-split-button .k-button {
11958
11867
  border-radius: 0;
11959
11868
  }
11960
11869
 
11961
- .k-rtl .k-split-button > .k-button:first-child,
11962
- [dir="rtl"] .k-split-button > .k-button:first-child {
11963
- border-top-right-radius: 0.25rem;
11964
- border-bottom-right-radius: 0.25rem;
11965
- }
11966
-
11967
- .k-rtl .k-split-button > .k-split-button-arrow,
11968
- .k-rtl .k-split-button > .k-button:last-child,
11969
- [dir="rtl"] .k-split-button > .k-split-button-arrow,
11970
- [dir="rtl"] .k-split-button > .k-button:last-child {
11971
- border-top-left-radius: 0.25rem;
11972
- border-bottom-left-radius: 0.25rem;
11973
- }
11974
-
11975
11870
  .k-button-overlay, .k-button::before {
11976
11871
  border-radius: inherit;
11977
11872
  content: "";
@@ -12019,10 +11914,6 @@ kendo-badge-container {
12019
11914
  transition: opacity .2s ease-in-out;
12020
11915
  }
12021
11916
 
12022
- .k-button {
12023
- 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;
12024
- }
12025
-
12026
11917
  .k-button-solid-base {
12027
11918
  border-color: #e4e7eb;
12028
11919
  color: #212529;
@@ -12035,7 +11926,7 @@ kendo-badge-container {
12035
11926
  }
12036
11927
 
12037
11928
  .k-button-solid-base:focus, .k-button-solid-base.k-focus {
12038
- box-shadow: 0 0 0 3px rgba(228, 231, 235, 0.5);
11929
+ box-shadow: 0 0 0 0.25rem rgba(228, 231, 235, 0.5);
12039
11930
  }
12040
11931
 
12041
11932
  .k-button-solid-base:active, .k-button-solid-base.k-active {
@@ -12044,304 +11935,266 @@ kendo-badge-container {
12044
11935
  }
12045
11936
 
12046
11937
  .k-button-solid-base.k-selected {
12047
- border-color: #bfc6d0;
12048
- background-color: #c7cdd5;
11938
+ border-color: #0252c9;
11939
+ color: white;
11940
+ background-color: #0257d5;
12049
11941
  }
12050
11942
 
12051
11943
  .k-button-solid-primary {
11944
+ border-color: #0d6efd;
12052
11945
  color: white;
12053
11946
  background-color: #0d6efd;
12054
- border-color: #0d6efd;
12055
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
12056
11947
  }
12057
11948
 
12058
11949
  .k-button-solid-primary:hover, .k-button-solid-primary.k-hover {
12059
- background-color: #0c6af3;
12060
- border-color: #0d6efd;
11950
+ border-color: #0257d5;
11951
+ background-color: #025ce2;
12061
11952
  }
12062
11953
 
12063
11954
  .k-button-solid-primary:focus, .k-button-solid-primary.k-focus {
12064
- box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.3);
11955
+ box-shadow: 0 0 0px 0.25rem rgba(13, 110, 253, 0.5);
12065
11956
  }
12066
11957
 
12067
11958
  .k-button-solid-primary:active, .k-button-solid-primary.k-active {
12068
- background-color: #0b61df;
12069
- border-color: #0b61df;
11959
+ border-color: #0252c9;
11960
+ background-color: #0257d5;
12070
11961
  }
12071
11962
 
12072
11963
  .k-button-solid-primary.k-selected {
12073
- background-color: #0b61df;
12074
- border-color: #0b61df;
11964
+ border-color: #0252c9;
11965
+ background-color: #0257d5;
12075
11966
  }
12076
11967
 
12077
11968
  .k-button-solid-secondary {
11969
+ border-color: #6c757d;
12078
11970
  color: white;
12079
11971
  background-color: #6c757d;
12080
- border-color: #6c757d;
12081
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
12082
11972
  }
12083
11973
 
12084
11974
  .k-button-solid-secondary:hover, .k-button-solid-secondary.k-hover {
12085
- background-color: #687078;
12086
- border-color: #6c757d;
11975
+ border-color: #545b62;
11976
+ background-color: #5a6268;
12087
11977
  }
12088
11978
 
12089
11979
  .k-button-solid-secondary:focus, .k-button-solid-secondary.k-focus {
12090
- box-shadow: 0 0 0 2px rgba(108, 117, 125, 0.3);
11980
+ box-shadow: 0 0 0px 0.25rem rgba(108, 117, 125, 0.5);
12091
11981
  }
12092
11982
 
12093
11983
  .k-button-solid-secondary:active, .k-button-solid-secondary.k-active {
12094
- background-color: #5f676e;
12095
- border-color: #5f676e;
11984
+ border-color: #4e555b;
11985
+ background-color: #545b62;
12096
11986
  }
12097
11987
 
12098
11988
  .k-button-solid-secondary.k-selected {
12099
- background-color: #5f676e;
12100
- border-color: #5f676e;
11989
+ border-color: #4e555b;
11990
+ background-color: #545b62;
12101
11991
  }
12102
11992
 
12103
11993
  .k-button-solid-tertiary {
11994
+ border-color: #6f42c1;
12104
11995
  color: white;
12105
11996
  background-color: #6f42c1;
12106
- border-color: #6f42c1;
12107
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
12108
11997
  }
12109
11998
 
12110
11999
  .k-button-solid-tertiary:hover, .k-button-solid-tertiary.k-hover {
12111
- background-color: #6b3fb9;
12112
- border-color: #6f42c1;
12000
+ border-color: #59339d;
12001
+ background-color: #5e37a6;
12113
12002
  }
12114
12003
 
12115
12004
  .k-button-solid-tertiary:focus, .k-button-solid-tertiary.k-focus {
12116
- box-shadow: 0 0 0 2px rgba(111, 66, 193, 0.3);
12005
+ box-shadow: 0 0 0px 0.25rem rgba(111, 66, 193, 0.5);
12117
12006
  }
12118
12007
 
12119
12008
  .k-button-solid-tertiary:active, .k-button-solid-tertiary.k-active {
12120
- background-color: #623aaa;
12121
- border-color: #623aaa;
12122
- }
12009
+ border-color: #533093;
12010
+ background-color: #59339d;
12011
+ }
12123
12012
 
12124
12013
  .k-button-solid-tertiary.k-selected {
12125
- background-color: #623aaa;
12126
- border-color: #623aaa;
12014
+ border-color: #533093;
12015
+ background-color: #59339d;
12127
12016
  }
12128
12017
 
12129
12018
  .k-button-solid-info {
12019
+ border-color: #0dcaf0;
12130
12020
  color: white;
12131
12021
  background-color: #0dcaf0;
12132
- border-color: #0dcaf0;
12133
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
12134
12022
  }
12135
12023
 
12136
12024
  .k-button-solid-info:hover, .k-button-solid-info.k-hover {
12137
- background-color: #0cc2e6;
12138
- border-color: #0dcaf0;
12025
+ border-color: #0aa1c0;
12026
+ background-color: #0babcc;
12139
12027
  }
12140
12028
 
12141
12029
  .k-button-solid-info:focus, .k-button-solid-info.k-focus {
12142
- box-shadow: 0 0 0 2px rgba(13, 202, 240, 0.3);
12030
+ box-shadow: 0 0 0px 0.25rem rgba(13, 202, 240, 0.5);
12143
12031
  }
12144
12032
 
12145
12033
  .k-button-solid-info:active, .k-button-solid-info.k-active {
12146
- background-color: #0bb2d3;
12147
- border-color: #0bb2d3;
12034
+ border-color: #0a97b4;
12035
+ background-color: #0aa1c0;
12148
12036
  }
12149
12037
 
12150
12038
  .k-button-solid-info.k-selected {
12151
- background-color: #0bb2d3;
12152
- border-color: #0bb2d3;
12039
+ border-color: #0a97b4;
12040
+ background-color: #0aa1c0;
12153
12041
  }
12154
12042
 
12155
12043
  .k-button-solid-success {
12044
+ border-color: #198754;
12156
12045
  color: white;
12157
12046
  background-color: #198754;
12158
- border-color: #198754;
12159
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
12160
12047
  }
12161
12048
 
12162
12049
  .k-button-solid-success:hover, .k-button-solid-success.k-hover {
12163
- background-color: #188251;
12164
- border-color: #198754;
12050
+ border-color: #115c39;
12051
+ background-color: #136740;
12165
12052
  }
12166
12053
 
12167
12054
  .k-button-solid-success:focus, .k-button-solid-success.k-focus {
12168
- box-shadow: 0 0 0 2px rgba(25, 135, 84, 0.3);
12055
+ box-shadow: 0 0 0px 0.25rem rgba(25, 135, 84, 0.5);
12169
12056
  }
12170
12057
 
12171
12058
  .k-button-solid-success:active, .k-button-solid-success.k-active {
12172
- background-color: #16774a;
12173
- border-color: #16774a;
12059
+ border-color: #0f5133;
12060
+ background-color: #115c39;
12174
12061
  }
12175
12062
 
12176
12063
  .k-button-solid-success.k-selected {
12177
- background-color: #16774a;
12178
- border-color: #16774a;
12064
+ border-color: #0f5133;
12065
+ background-color: #115c39;
12179
12066
  }
12180
12067
 
12181
12068
  .k-button-solid-warning {
12069
+ border-color: #ffc107;
12182
12070
  color: black;
12183
12071
  background-color: #ffc107;
12184
- border-color: #ffc107;
12185
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
12186
12072
  }
12187
12073
 
12188
12074
  .k-button-solid-warning:hover, .k-button-solid-warning.k-hover {
12189
- background-color: #f5b907;
12190
- border-color: #ffc107;
12075
+ border-color: #d39e00;
12076
+ background-color: #e0a800;
12191
12077
  }
12192
12078
 
12193
12079
  .k-button-solid-warning:focus, .k-button-solid-warning.k-focus {
12194
- box-shadow: 0 0 0 2px rgba(255, 193, 7, 0.3);
12080
+ box-shadow: 0 0 0px 0.25rem rgba(255, 193, 7, 0.5);
12195
12081
  }
12196
12082
 
12197
12083
  .k-button-solid-warning:active, .k-button-solid-warning.k-active {
12198
- background-color: #e0aa06;
12199
- border-color: #e0aa06;
12084
+ border-color: #c69500;
12085
+ background-color: #d39e00;
12200
12086
  }
12201
12087
 
12202
12088
  .k-button-solid-warning.k-selected {
12203
- background-color: #e0aa06;
12204
- border-color: #e0aa06;
12089
+ border-color: #c69500;
12090
+ background-color: #d39e00;
12205
12091
  }
12206
12092
 
12207
12093
  .k-button-solid-error {
12094
+ border-color: #dc3545;
12208
12095
  color: white;
12209
12096
  background-color: #dc3545;
12210
- border-color: #dc3545;
12211
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
12212
12097
  }
12213
12098
 
12214
12099
  .k-button-solid-error:hover, .k-button-solid-error.k-hover {
12215
- background-color: #d33342;
12216
- border-color: #dc3545;
12100
+ border-color: #bd2130;
12101
+ background-color: #c82333;
12217
12102
  }
12218
12103
 
12219
12104
  .k-button-solid-error:focus, .k-button-solid-error.k-focus {
12220
- box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.3);
12105
+ box-shadow: 0 0 0px 0.25rem rgba(220, 53, 69, 0.5);
12221
12106
  }
12222
12107
 
12223
12108
  .k-button-solid-error:active, .k-button-solid-error.k-active {
12224
- background-color: #c22f3d;
12225
- border-color: #c22f3d;
12109
+ border-color: #b21f2d;
12110
+ background-color: #bd2130;
12226
12111
  }
12227
12112
 
12228
12113
  .k-button-solid-error.k-selected {
12229
- background-color: #c22f3d;
12230
- border-color: #c22f3d;
12114
+ border-color: #b21f2d;
12115
+ background-color: #bd2130;
12231
12116
  }
12232
12117
 
12233
12118
  .k-button-solid-dark {
12119
+ border-color: #212529;
12234
12120
  color: white;
12235
12121
  background-color: #212529;
12236
- border-color: #212529;
12237
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
12238
12122
  }
12239
12123
 
12240
12124
  .k-button-solid-dark:hover, .k-button-solid-dark.k-hover {
12241
- background-color: #202427;
12242
- border-color: #212529;
12125
+ border-color: #0a0c0d;
12126
+ background-color: #101214;
12243
12127
  }
12244
12128
 
12245
12129
  .k-button-solid-dark:focus, .k-button-solid-dark.k-focus {
12246
- box-shadow: 0 0 0 2px rgba(33, 37, 41, 0.3);
12130
+ box-shadow: 0 0 0px 0.25rem rgba(33, 37, 41, 0.5);
12247
12131
  }
12248
12132
 
12249
12133
  .k-button-solid-dark:active, .k-button-solid-dark.k-active {
12250
- background-color: #1d2124;
12251
- border-color: #1d2124;
12134
+ border-color: #050506;
12135
+ background-color: #0a0c0d;
12252
12136
  }
12253
12137
 
12254
12138
  .k-button-solid-dark.k-selected {
12255
- background-color: #1d2124;
12256
- border-color: #1d2124;
12139
+ border-color: #050506;
12140
+ background-color: #0a0c0d;
12257
12141
  }
12258
12142
 
12259
12143
  .k-button-solid-light {
12144
+ border-color: #f8f9fa;
12260
12145
  color: black;
12261
12146
  background-color: #f8f9fa;
12262
- border-color: #f8f9fa;
12263
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
12264
12147
  }
12265
12148
 
12266
12149
  .k-button-solid-light:hover, .k-button-solid-light.k-hover {
12267
- background-color: #eeeff0;
12268
- border-color: #f8f9fa;
12150
+ border-color: #dae0e5;
12151
+ background-color: #e2e6ea;
12269
12152
  }
12270
12153
 
12271
12154
  .k-button-solid-light:focus, .k-button-solid-light.k-focus {
12272
- box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.3);
12155
+ box-shadow: 0 0 0px 0.25rem rgba(248, 249, 250, 0.5);
12273
12156
  }
12274
12157
 
12275
12158
  .k-button-solid-light:active, .k-button-solid-light.k-active {
12276
- background-color: #dadbdc;
12277
- border-color: #dadbdc;
12159
+ border-color: #d3d9df;
12160
+ background-color: #dae0e5;
12278
12161
  }
12279
12162
 
12280
12163
  .k-button-solid-light.k-selected {
12281
- background-color: #dadbdc;
12282
- border-color: #dadbdc;
12164
+ border-color: #d3d9df;
12165
+ background-color: #dae0e5;
12283
12166
  }
12284
12167
 
12285
12168
  .k-button-solid-inverse {
12169
+ border-color: #212529;
12286
12170
  color: white;
12287
12171
  background-color: #212529;
12288
- border-color: #212529;
12289
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
12290
12172
  }
12291
12173
 
12292
12174
  .k-button-solid-inverse:hover, .k-button-solid-inverse.k-hover {
12293
- background-color: #202427;
12294
- border-color: #212529;
12175
+ border-color: #0a0c0d;
12176
+ background-color: #101214;
12295
12177
  }
12296
12178
 
12297
12179
  .k-button-solid-inverse:focus, .k-button-solid-inverse.k-focus {
12298
- box-shadow: 0 0 0 2px rgba(33, 37, 41, 0.3);
12180
+ box-shadow: 0 0 0px 0.25rem rgba(33, 37, 41, 0.5);
12299
12181
  }
12300
12182
 
12301
12183
  .k-button-solid-inverse:active, .k-button-solid-inverse.k-active {
12302
- background-color: #1d2124;
12303
- border-color: #1d2124;
12184
+ border-color: #050506;
12185
+ background-color: #0a0c0d;
12304
12186
  }
12305
12187
 
12306
12188
  .k-button-solid-inverse.k-selected {
12307
- background-color: #1d2124;
12308
- border-color: #1d2124;
12189
+ border-color: #050506;
12190
+ background-color: #0a0c0d;
12309
12191
  }
12310
12192
 
12311
- .k-button-outline {
12193
+ .k-button-outline-primary {
12312
12194
  box-shadow: none;
12313
12195
  border-color: currentColor;
12314
- background: none;
12315
- }
12316
-
12317
- .k-button-outline-base {
12318
- color: #212529;
12319
- }
12320
-
12321
- .k-button-outline-base:hover, .k-button-outline-base.k-hover {
12322
- border-color: #212529;
12323
- color: white;
12324
- background-color: #212529;
12325
- }
12326
-
12327
- .k-button-outline-base:focus, .k-button-outline-base.k-focus {
12328
- box-shadow: 0 0 0 3px rgba(228, 231, 235, 0.5);
12329
- }
12330
-
12331
- .k-button-outline-base:active, .k-button-outline-base.k-active {
12332
- border-color: #212529;
12333
- color: white;
12334
- background-color: #212529;
12335
- }
12336
-
12337
- .k-button-outline-base.k-selected {
12338
- border-color: #212529;
12339
- color: white;
12340
- background-color: #212529;
12341
- }
12342
-
12343
- .k-button-outline-primary {
12344
12196
  color: #0d6efd;
12197
+ background-color: transparent;
12345
12198
  }
12346
12199
 
12347
12200
  .k-button-outline-primary:hover, .k-button-outline-primary.k-hover {
@@ -12351,7 +12204,7 @@ kendo-badge-container {
12351
12204
  }
12352
12205
 
12353
12206
  .k-button-outline-primary:focus, .k-button-outline-primary.k-focus {
12354
- box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.3);
12207
+ box-shadow: 0 0 0px 0.25rem rgba(13, 110, 253, 0.5);
12355
12208
  }
12356
12209
 
12357
12210
  .k-button-outline-primary:active, .k-button-outline-primary.k-active {
@@ -12367,7 +12220,10 @@ kendo-badge-container {
12367
12220
  }
12368
12221
 
12369
12222
  .k-button-outline-secondary {
12223
+ box-shadow: none;
12224
+ border-color: currentColor;
12370
12225
  color: #6c757d;
12226
+ background-color: transparent;
12371
12227
  }
12372
12228
 
12373
12229
  .k-button-outline-secondary:hover, .k-button-outline-secondary.k-hover {
@@ -12377,7 +12233,7 @@ kendo-badge-container {
12377
12233
  }
12378
12234
 
12379
12235
  .k-button-outline-secondary:focus, .k-button-outline-secondary.k-focus {
12380
- box-shadow: 0 0 0 2px rgba(108, 117, 125, 0.3);
12236
+ box-shadow: 0 0 0px 0.25rem rgba(108, 117, 125, 0.5);
12381
12237
  }
12382
12238
 
12383
12239
  .k-button-outline-secondary:active, .k-button-outline-secondary.k-active {
@@ -12393,7 +12249,10 @@ kendo-badge-container {
12393
12249
  }
12394
12250
 
12395
12251
  .k-button-outline-tertiary {
12252
+ box-shadow: none;
12253
+ border-color: currentColor;
12396
12254
  color: #6f42c1;
12255
+ background-color: transparent;
12397
12256
  }
12398
12257
 
12399
12258
  .k-button-outline-tertiary:hover, .k-button-outline-tertiary.k-hover {
@@ -12403,7 +12262,7 @@ kendo-badge-container {
12403
12262
  }
12404
12263
 
12405
12264
  .k-button-outline-tertiary:focus, .k-button-outline-tertiary.k-focus {
12406
- box-shadow: 0 0 0 2px rgba(111, 66, 193, 0.3);
12265
+ box-shadow: 0 0 0px 0.25rem rgba(111, 66, 193, 0.5);
12407
12266
  }
12408
12267
 
12409
12268
  .k-button-outline-tertiary:active, .k-button-outline-tertiary.k-active {
@@ -12419,7 +12278,10 @@ kendo-badge-container {
12419
12278
  }
12420
12279
 
12421
12280
  .k-button-outline-info {
12281
+ box-shadow: none;
12282
+ border-color: currentColor;
12422
12283
  color: #0dcaf0;
12284
+ background-color: transparent;
12423
12285
  }
12424
12286
 
12425
12287
  .k-button-outline-info:hover, .k-button-outline-info.k-hover {
@@ -12429,7 +12291,7 @@ kendo-badge-container {
12429
12291
  }
12430
12292
 
12431
12293
  .k-button-outline-info:focus, .k-button-outline-info.k-focus {
12432
- box-shadow: 0 0 0 2px rgba(13, 202, 240, 0.3);
12294
+ box-shadow: 0 0 0px 0.25rem rgba(13, 202, 240, 0.5);
12433
12295
  }
12434
12296
 
12435
12297
  .k-button-outline-info:active, .k-button-outline-info.k-active {
@@ -12445,7 +12307,10 @@ kendo-badge-container {
12445
12307
  }
12446
12308
 
12447
12309
  .k-button-outline-success {
12310
+ box-shadow: none;
12311
+ border-color: currentColor;
12448
12312
  color: #198754;
12313
+ background-color: transparent;
12449
12314
  }
12450
12315
 
12451
12316
  .k-button-outline-success:hover, .k-button-outline-success.k-hover {
@@ -12455,7 +12320,7 @@ kendo-badge-container {
12455
12320
  }
12456
12321
 
12457
12322
  .k-button-outline-success:focus, .k-button-outline-success.k-focus {
12458
- box-shadow: 0 0 0 2px rgba(25, 135, 84, 0.3);
12323
+ box-shadow: 0 0 0px 0.25rem rgba(25, 135, 84, 0.5);
12459
12324
  }
12460
12325
 
12461
12326
  .k-button-outline-success:active, .k-button-outline-success.k-active {
@@ -12471,7 +12336,10 @@ kendo-badge-container {
12471
12336
  }
12472
12337
 
12473
12338
  .k-button-outline-warning {
12339
+ box-shadow: none;
12340
+ border-color: currentColor;
12474
12341
  color: #ffc107;
12342
+ background-color: transparent;
12475
12343
  }
12476
12344
 
12477
12345
  .k-button-outline-warning:hover, .k-button-outline-warning.k-hover {
@@ -12481,7 +12349,7 @@ kendo-badge-container {
12481
12349
  }
12482
12350
 
12483
12351
  .k-button-outline-warning:focus, .k-button-outline-warning.k-focus {
12484
- box-shadow: 0 0 0 2px rgba(255, 193, 7, 0.3);
12352
+ box-shadow: 0 0 0px 0.25rem rgba(255, 193, 7, 0.5);
12485
12353
  }
12486
12354
 
12487
12355
  .k-button-outline-warning:active, .k-button-outline-warning.k-active {
@@ -12497,7 +12365,10 @@ kendo-badge-container {
12497
12365
  }
12498
12366
 
12499
12367
  .k-button-outline-error {
12368
+ box-shadow: none;
12369
+ border-color: currentColor;
12500
12370
  color: #dc3545;
12371
+ background-color: transparent;
12501
12372
  }
12502
12373
 
12503
12374
  .k-button-outline-error:hover, .k-button-outline-error.k-hover {
@@ -12507,7 +12378,7 @@ kendo-badge-container {
12507
12378
  }
12508
12379
 
12509
12380
  .k-button-outline-error:focus, .k-button-outline-error.k-focus {
12510
- box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.3);
12381
+ box-shadow: 0 0 0px 0.25rem rgba(220, 53, 69, 0.5);
12511
12382
  }
12512
12383
 
12513
12384
  .k-button-outline-error:active, .k-button-outline-error.k-active {
@@ -12523,7 +12394,10 @@ kendo-badge-container {
12523
12394
  }
12524
12395
 
12525
12396
  .k-button-outline-dark {
12397
+ box-shadow: none;
12398
+ border-color: currentColor;
12526
12399
  color: #212529;
12400
+ background-color: transparent;
12527
12401
  }
12528
12402
 
12529
12403
  .k-button-outline-dark:hover, .k-button-outline-dark.k-hover {
@@ -12533,7 +12407,7 @@ kendo-badge-container {
12533
12407
  }
12534
12408
 
12535
12409
  .k-button-outline-dark:focus, .k-button-outline-dark.k-focus {
12536
- box-shadow: 0 0 0 2px rgba(33, 37, 41, 0.3);
12410
+ box-shadow: 0 0 0px 0.25rem rgba(33, 37, 41, 0.5);
12537
12411
  }
12538
12412
 
12539
12413
  .k-button-outline-dark:active, .k-button-outline-dark.k-active {
@@ -12549,7 +12423,10 @@ kendo-badge-container {
12549
12423
  }
12550
12424
 
12551
12425
  .k-button-outline-light {
12426
+ box-shadow: none;
12427
+ border-color: currentColor;
12552
12428
  color: #f8f9fa;
12429
+ background-color: transparent;
12553
12430
  }
12554
12431
 
12555
12432
  .k-button-outline-light:hover, .k-button-outline-light.k-hover {
@@ -12559,7 +12436,7 @@ kendo-badge-container {
12559
12436
  }
12560
12437
 
12561
12438
  .k-button-outline-light:focus, .k-button-outline-light.k-focus {
12562
- box-shadow: 0 0 0 2px rgba(248, 249, 250, 0.3);
12439
+ box-shadow: 0 0 0px 0.25rem rgba(248, 249, 250, 0.5);
12563
12440
  }
12564
12441
 
12565
12442
  .k-button-outline-light:active, .k-button-outline-light.k-active {
@@ -12575,7 +12452,10 @@ kendo-badge-container {
12575
12452
  }
12576
12453
 
12577
12454
  .k-button-outline-inverse {
12455
+ box-shadow: none;
12456
+ border-color: currentColor;
12578
12457
  color: #212529;
12458
+ background-color: transparent;
12579
12459
  }
12580
12460
 
12581
12461
  .k-button-outline-inverse:hover, .k-button-outline-inverse.k-hover {
@@ -12585,7 +12465,7 @@ kendo-badge-container {
12585
12465
  }
12586
12466
 
12587
12467
  .k-button-outline-inverse:focus, .k-button-outline-inverse.k-focus {
12588
- box-shadow: 0 0 0 2px rgba(33, 37, 41, 0.3);
12468
+ box-shadow: 0 0 0px 0.25rem rgba(33, 37, 41, 0.5);
12589
12469
  }
12590
12470
 
12591
12471
  .k-button-outline-inverse:active, .k-button-outline-inverse.k-active {
@@ -12600,18 +12480,33 @@ kendo-badge-container {
12600
12480
  background-color: #212529;
12601
12481
  }
12602
12482
 
12603
- .k-button-flat {
12483
+ .k-button-outline-base {
12604
12484
  box-shadow: none;
12605
- border-color: transparent;
12606
- background: none;
12485
+ border-color: currentColor;
12486
+ color: #212529;
12487
+ background-color: transparent;
12607
12488
  }
12608
12489
 
12609
- .k-button-flat::after {
12610
- box-shadow: inset 0 0 0 2px currentColor;
12490
+ .k-button-outline-base:hover, .k-button-outline-base.k-hover {
12491
+ border-color: #212529;
12492
+ color: white;
12493
+ background-color: #212529;
12611
12494
  }
12612
12495
 
12613
- .k-button-flat-base {
12614
- color: inherit;
12496
+ .k-button-outline-base:focus, .k-button-outline-base.k-focus {
12497
+ box-shadow: 0 0 0px 0.25rem rgba(33, 37, 41, 0.5);
12498
+ }
12499
+
12500
+ .k-button-outline-base:active, .k-button-outline-base.k-active {
12501
+ border-color: #212529;
12502
+ color: white;
12503
+ background-color: #212529;
12504
+ }
12505
+
12506
+ .k-button-outline-base.k-selected {
12507
+ border-color: #212529;
12508
+ color: white;
12509
+ background-color: #212529;
12615
12510
  }
12616
12511
 
12617
12512
  .k-button-flat-primary {
@@ -12654,17 +12549,7 @@ kendo-badge-container {
12654
12549
  color: #212529;
12655
12550
  }
12656
12551
 
12657
- .k-button-link {
12658
- box-shadow: none;
12659
- border-color: transparent;
12660
- background: none;
12661
- }
12662
-
12663
- .k-button-link::after {
12664
- box-shadow: inset 0 0 0 2px currentColor;
12665
- }
12666
-
12667
- .k-button-link-base {
12552
+ .k-button-flat-base {
12668
12553
  color: inherit;
12669
12554
  }
12670
12555
 
@@ -12672,350 +12557,225 @@ kendo-badge-container {
12672
12557
  color: #0d6efd;
12673
12558
  }
12674
12559
 
12675
- .k-button-link-secondary {
12676
- color: #6c757d;
12677
- }
12678
-
12679
- .k-button-link-tertiary {
12680
- color: #6f42c1;
12681
- }
12682
-
12683
- .k-button-link-info {
12684
- color: #0dcaf0;
12685
- }
12686
-
12687
- .k-button-link-success {
12688
- color: #198754;
12689
- }
12690
-
12691
- .k-button-link-warning {
12692
- color: #ffc107;
12693
- }
12694
-
12695
- .k-button-link-error {
12696
- color: #dc3545;
12697
- }
12698
-
12699
- .k-button-link-dark {
12700
- color: #212529;
12701
- }
12702
-
12703
- .k-button-link-light {
12704
- color: #f8f9fa;
12705
- }
12706
-
12707
- .k-button-link-inverse {
12708
- color: #212529;
12709
- }
12710
-
12711
- .k-split-button:focus,
12712
- .k-split-button.k-focus {
12713
- box-shadow: 0 0 0 3px rgba(228, 231, 235, 0.5);
12714
- }
12715
-
12716
- .k-button-solid-primary {
12717
- background-image: none;
12718
- }
12719
-
12720
- .k-button-solid-primary:hover, .k-button-solid-primary.k-hover {
12721
- color: white;
12722
- background-color: #025ce2;
12723
- border-color: #0257d5;
12724
- }
12725
-
12726
- .k-button-solid-primary:focus, .k-button-solid-primary.k-focus {
12727
- box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.5);
12728
- }
12729
-
12730
- .k-button-solid-primary:active, .k-button-solid-primary.k-active {
12731
- color: white;
12732
- background-color: #0257d5;
12733
- border-color: #0252c9;
12734
- }
12735
-
12736
- .k-button-solid-primary.k-selected {
12737
- color: white;
12738
- background-color: #0257d5;
12739
- border-color: #0252c9;
12740
- }
12741
-
12742
- .k-button-solid-secondary {
12743
- background-image: none;
12744
- }
12745
-
12746
- .k-button-solid-secondary:hover, .k-button-solid-secondary.k-hover {
12747
- color: white;
12748
- background-color: #5a6268;
12749
- border-color: #545b62;
12560
+ .k-button-link-primary:hover, .k-button-link-primary.k-hover {
12561
+ color: #0b5cd5;
12750
12562
  }
12751
12563
 
12752
- .k-button-solid-secondary:focus, .k-button-solid-secondary.k-focus {
12753
- box-shadow: 0 0 0 3px rgba(108, 117, 125, 0.5);
12564
+ .k-button-link-primary:focus, .k-button-link-primary.k-focus {
12565
+ box-shadow: 0 0 0px 0.25rem rgba(13, 110, 253, 0.5);
12754
12566
  }
12755
12567
 
12756
- .k-button-solid-secondary:active, .k-button-solid-secondary.k-active {
12757
- color: white;
12758
- background-color: #545b62;
12759
- border-color: #4e555b;
12568
+ .k-button-link-primary:active, .k-button-link-primary.k-active {
12569
+ color: #0b5cd5;
12760
12570
  }
12761
12571
 
12762
- .k-button-solid-secondary.k-selected {
12763
- color: white;
12764
- background-color: #545b62;
12765
- border-color: #4e555b;
12572
+ .k-button-link-primary.k-selected {
12573
+ color: #0b5cd5;
12766
12574
  }
12767
12575
 
12768
- .k-button-solid-tertiary {
12769
- background-image: none;
12576
+ .k-button-link-secondary {
12577
+ color: #6c757d;
12770
12578
  }
12771
12579
 
12772
- .k-button-solid-tertiary:hover, .k-button-solid-tertiary.k-hover {
12773
- color: white;
12774
- background-color: #5e37a6;
12775
- border-color: #59339d;
12580
+ .k-button-link-secondary:hover, .k-button-link-secondary.k-hover {
12581
+ color: #5b6269;
12776
12582
  }
12777
12583
 
12778
- .k-button-solid-tertiary:focus, .k-button-solid-tertiary.k-focus {
12779
- box-shadow: 0 0 0 3px rgba(111, 66, 193, 0.5);
12584
+ .k-button-link-secondary:focus, .k-button-link-secondary.k-focus {
12585
+ box-shadow: 0 0 0px 0.25rem rgba(108, 117, 125, 0.5);
12780
12586
  }
12781
12587
 
12782
- .k-button-solid-tertiary:active, .k-button-solid-tertiary.k-active {
12783
- color: white;
12784
- background-color: #59339d;
12785
- border-color: #533093;
12588
+ .k-button-link-secondary:active, .k-button-link-secondary.k-active {
12589
+ color: #5b6269;
12786
12590
  }
12787
12591
 
12788
- .k-button-solid-tertiary.k-selected {
12789
- color: white;
12790
- background-color: #59339d;
12791
- border-color: #533093;
12592
+ .k-button-link-secondary.k-selected {
12593
+ color: #5b6269;
12792
12594
  }
12793
12595
 
12794
- .k-button-solid-info {
12795
- background-image: none;
12596
+ .k-button-link-tertiary {
12597
+ color: #6f42c1;
12796
12598
  }
12797
12599
 
12798
- .k-button-solid-info:hover, .k-button-solid-info.k-hover {
12799
- color: white;
12800
- background-color: #0babcc;
12801
- border-color: #0aa1c0;
12600
+ .k-button-link-tertiary:hover, .k-button-link-tertiary.k-hover {
12601
+ color: #5d37a2;
12802
12602
  }
12803
12603
 
12804
- .k-button-solid-info:focus, .k-button-solid-info.k-focus {
12805
- box-shadow: 0 0 0 3px rgba(13, 202, 240, 0.5);
12604
+ .k-button-link-tertiary:focus, .k-button-link-tertiary.k-focus {
12605
+ box-shadow: 0 0 0px 0.25rem rgba(111, 66, 193, 0.5);
12806
12606
  }
12807
12607
 
12808
- .k-button-solid-info:active, .k-button-solid-info.k-active {
12809
- color: white;
12810
- background-color: #0aa1c0;
12811
- border-color: #0a97b4;
12608
+ .k-button-link-tertiary:active, .k-button-link-tertiary.k-active {
12609
+ color: #5d37a2;
12812
12610
  }
12813
12611
 
12814
- .k-button-solid-info.k-selected {
12815
- color: white;
12816
- background-color: #0aa1c0;
12817
- border-color: #0a97b4;
12612
+ .k-button-link-tertiary.k-selected {
12613
+ color: #5d37a2;
12818
12614
  }
12819
12615
 
12820
- .k-button-solid-success {
12821
- background-image: none;
12616
+ .k-button-link-info {
12617
+ color: #0dcaf0;
12822
12618
  }
12823
12619
 
12824
- .k-button-solid-success:hover, .k-button-solid-success.k-hover {
12825
- color: white;
12826
- background-color: #136740;
12827
- border-color: #115c39;
12620
+ .k-button-link-info:hover, .k-button-link-info.k-hover {
12621
+ color: #0baaca;
12828
12622
  }
12829
12623
 
12830
- .k-button-solid-success:focus, .k-button-solid-success.k-focus {
12831
- box-shadow: 0 0 0 3px rgba(25, 135, 84, 0.5);
12624
+ .k-button-link-info:focus, .k-button-link-info.k-focus {
12625
+ box-shadow: 0 0 0px 0.25rem rgba(13, 202, 240, 0.5);
12832
12626
  }
12833
12627
 
12834
- .k-button-solid-success:active, .k-button-solid-success.k-active {
12835
- color: white;
12836
- background-color: #115c39;
12837
- border-color: #0f5133;
12628
+ .k-button-link-info:active, .k-button-link-info.k-active {
12629
+ color: #0baaca;
12838
12630
  }
12839
12631
 
12840
- .k-button-solid-success.k-selected {
12841
- color: white;
12842
- background-color: #115c39;
12843
- border-color: #0f5133;
12632
+ .k-button-link-info.k-selected {
12633
+ color: #0baaca;
12844
12634
  }
12845
12635
 
12846
- .k-button-solid-warning {
12847
- background-image: none;
12636
+ .k-button-link-success {
12637
+ color: #198754;
12848
12638
  }
12849
12639
 
12850
- .k-button-solid-warning:hover, .k-button-solid-warning.k-hover {
12851
- color: white;
12852
- background-color: #e0a800;
12853
- border-color: #d39e00;
12640
+ .k-button-link-success:hover, .k-button-link-success.k-hover {
12641
+ color: #157147;
12854
12642
  }
12855
12643
 
12856
- .k-button-solid-warning:focus, .k-button-solid-warning.k-focus {
12857
- box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.5);
12644
+ .k-button-link-success:focus, .k-button-link-success.k-focus {
12645
+ box-shadow: 0 0 0px 0.25rem rgba(25, 135, 84, 0.5);
12858
12646
  }
12859
12647
 
12860
- .k-button-solid-warning:active, .k-button-solid-warning.k-active {
12861
- color: white;
12862
- background-color: #d39e00;
12863
- border-color: #c69500;
12648
+ .k-button-link-success:active, .k-button-link-success.k-active {
12649
+ color: #157147;
12864
12650
  }
12865
12651
 
12866
- .k-button-solid-warning.k-selected {
12867
- color: white;
12868
- background-color: #d39e00;
12869
- border-color: #c69500;
12652
+ .k-button-link-success.k-selected {
12653
+ color: #157147;
12870
12654
  }
12871
12655
 
12872
- .k-button-solid-error {
12873
- background-image: none;
12656
+ .k-button-link-warning {
12657
+ color: #ffc107;
12874
12658
  }
12875
12659
 
12876
- .k-button-solid-error:hover, .k-button-solid-error.k-hover {
12877
- color: white;
12878
- background-color: #c82333;
12879
- border-color: #bd2130;
12660
+ .k-button-link-warning:hover, .k-button-link-warning.k-hover {
12661
+ color: #d6a206;
12880
12662
  }
12881
12663
 
12882
- .k-button-solid-error:focus, .k-button-solid-error.k-focus {
12883
- box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.5);
12664
+ .k-button-link-warning:focus, .k-button-link-warning.k-focus {
12665
+ box-shadow: 0 0 0px 0.25rem rgba(255, 193, 7, 0.5);
12884
12666
  }
12885
12667
 
12886
- .k-button-solid-error:active, .k-button-solid-error.k-active {
12887
- color: white;
12888
- background-color: #bd2130;
12889
- border-color: #b21f2d;
12668
+ .k-button-link-warning:active, .k-button-link-warning.k-active {
12669
+ color: #d6a206;
12890
12670
  }
12891
12671
 
12892
- .k-button-solid-error.k-selected {
12893
- color: white;
12894
- background-color: #bd2130;
12895
- border-color: #b21f2d;
12672
+ .k-button-link-warning.k-selected {
12673
+ color: #d6a206;
12896
12674
  }
12897
12675
 
12898
- .k-button-solid-dark {
12899
- background-image: none;
12676
+ .k-button-link-error {
12677
+ color: #dc3545;
12900
12678
  }
12901
12679
 
12902
- .k-button-solid-dark:hover, .k-button-solid-dark.k-hover {
12903
- color: white;
12904
- background-color: #101214;
12905
- border-color: #0a0c0d;
12680
+ .k-button-link-error:hover, .k-button-link-error.k-hover {
12681
+ color: #b92d3a;
12906
12682
  }
12907
12683
 
12908
- .k-button-solid-dark:focus, .k-button-solid-dark.k-focus {
12909
- box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.5);
12684
+ .k-button-link-error:focus, .k-button-link-error.k-focus {
12685
+ box-shadow: 0 0 0px 0.25rem rgba(220, 53, 69, 0.5);
12910
12686
  }
12911
12687
 
12912
- .k-button-solid-dark:active, .k-button-solid-dark.k-active {
12913
- color: white;
12914
- background-color: #0a0c0d;
12915
- border-color: #050506;
12688
+ .k-button-link-error:active, .k-button-link-error.k-active {
12689
+ color: #b92d3a;
12916
12690
  }
12917
12691
 
12918
- .k-button-solid-dark.k-selected {
12919
- color: white;
12920
- background-color: #0a0c0d;
12921
- border-color: #050506;
12692
+ .k-button-link-error.k-selected {
12693
+ color: #b92d3a;
12922
12694
  }
12923
12695
 
12924
- .k-button-solid-light {
12925
- background-image: none;
12696
+ .k-button-link-dark {
12697
+ color: #212529;
12926
12698
  }
12927
12699
 
12928
- .k-button-solid-light:hover, .k-button-solid-light.k-hover {
12929
- color: black;
12930
- background-color: #e2e6ea;
12931
- border-color: #dae0e5;
12700
+ .k-button-link-dark:hover, .k-button-link-dark.k-hover {
12701
+ color: #1c1f22;
12932
12702
  }
12933
12703
 
12934
- .k-button-solid-light:focus, .k-button-solid-light.k-focus {
12935
- box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5);
12704
+ .k-button-link-dark:focus, .k-button-link-dark.k-focus {
12705
+ box-shadow: 0 0 0px 0.25rem rgba(33, 37, 41, 0.5);
12936
12706
  }
12937
12707
 
12938
- .k-button-solid-light:active, .k-button-solid-light.k-active {
12939
- color: black;
12940
- background-color: #dae0e5;
12941
- border-color: #d3d9df;
12708
+ .k-button-link-dark:active, .k-button-link-dark.k-active {
12709
+ color: #1c1f22;
12942
12710
  }
12943
12711
 
12944
- .k-button-solid-light.k-selected {
12945
- color: black;
12946
- background-color: #dae0e5;
12947
- border-color: #d3d9df;
12712
+ .k-button-link-dark.k-selected {
12713
+ color: #1c1f22;
12948
12714
  }
12949
12715
 
12950
- .k-button-solid-inverse {
12951
- background-image: none;
12716
+ .k-button-link-light {
12717
+ color: #f8f9fa;
12952
12718
  }
12953
12719
 
12954
- .k-button-solid-inverse:hover, .k-button-solid-inverse.k-hover {
12955
- color: white;
12956
- background-color: #101214;
12957
- border-color: #0a0c0d;
12720
+ .k-button-link-light:hover, .k-button-link-light.k-hover {
12721
+ color: #d0d1d2;
12958
12722
  }
12959
12723
 
12960
- .k-button-solid-inverse:focus, .k-button-solid-inverse.k-focus {
12961
- box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.5);
12724
+ .k-button-link-light:focus, .k-button-link-light.k-focus {
12725
+ box-shadow: 0 0 0px 0.25rem rgba(248, 249, 250, 0.5);
12962
12726
  }
12963
12727
 
12964
- .k-button-solid-inverse:active, .k-button-solid-inverse.k-active {
12965
- color: white;
12966
- background-color: #0a0c0d;
12967
- border-color: #050506;
12728
+ .k-button-link-light:active, .k-button-link-light.k-active {
12729
+ color: #d0d1d2;
12968
12730
  }
12969
12731
 
12970
- .k-button-solid-inverse.k-selected {
12971
- color: white;
12972
- background-color: #0a0c0d;
12973
- border-color: #050506;
12732
+ .k-button-link-light.k-selected {
12733
+ color: #d0d1d2;
12974
12734
  }
12975
12735
 
12976
- .k-button-outline-primary:focus, .k-button-outline-primary.k-focus {
12977
- box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.5);
12736
+ .k-button-link-inverse {
12737
+ color: #212529;
12978
12738
  }
12979
12739
 
12980
- .k-button-outline-secondary:focus, .k-button-outline-secondary.k-focus {
12981
- box-shadow: 0 0 0 3px rgba(108, 117, 125, 0.5);
12740
+ .k-button-link-inverse:hover, .k-button-link-inverse.k-hover {
12741
+ color: #1c1f22;
12982
12742
  }
12983
12743
 
12984
- .k-button-outline-tertiary:focus, .k-button-outline-tertiary.k-focus {
12985
- box-shadow: 0 0 0 3px rgba(111, 66, 193, 0.5);
12744
+ .k-button-link-inverse:focus, .k-button-link-inverse.k-focus {
12745
+ box-shadow: 0 0 0px 0.25rem rgba(33, 37, 41, 0.5);
12986
12746
  }
12987
12747
 
12988
- .k-button-outline-info:focus, .k-button-outline-info.k-focus {
12989
- box-shadow: 0 0 0 3px rgba(13, 202, 240, 0.5);
12748
+ .k-button-link-inverse:active, .k-button-link-inverse.k-active {
12749
+ color: #1c1f22;
12990
12750
  }
12991
12751
 
12992
- .k-button-outline-success:focus, .k-button-outline-success.k-focus {
12993
- box-shadow: 0 0 0 3px rgba(25, 135, 84, 0.5);
12752
+ .k-button-link-inverse.k-selected {
12753
+ color: #1c1f22;
12994
12754
  }
12995
12755
 
12996
- .k-button-outline-warning:focus, .k-button-outline-warning.k-focus {
12997
- box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.5);
12756
+ .k-button-link-base {
12757
+ color: #212529;
12998
12758
  }
12999
12759
 
13000
- .k-button-outline-error:focus, .k-button-outline-error.k-focus {
13001
- box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.5);
12760
+ .k-button-link-base:hover, .k-button-link-base.k-hover {
12761
+ color: #1c1f22;
13002
12762
  }
13003
12763
 
13004
- .k-button-outline-dark:focus, .k-button-outline-dark.k-focus {
13005
- box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.5);
12764
+ .k-button-link-base:focus, .k-button-link-base.k-focus {
12765
+ box-shadow: 0 0 0px 0.25rem rgba(33, 37, 41, 0.5);
13006
12766
  }
13007
12767
 
13008
- .k-button-outline-light:focus, .k-button-outline-light.k-focus {
13009
- box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5);
12768
+ .k-button-link-base:active, .k-button-link-base.k-active {
12769
+ color: #1c1f22;
13010
12770
  }
13011
12771
 
13012
- .k-button-outline-inverse:focus, .k-button-outline-inverse.k-focus {
13013
- box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.5);
12772
+ .k-button-link-base.k-selected {
12773
+ color: #1c1f22;
13014
12774
  }
13015
12775
 
13016
12776
  .k-split-button:focus,
13017
12777
  .k-split-button.k-focus {
13018
- box-shadow: 0 0 0 3px rgba(228, 231, 235, 0.5);
12778
+ box-shadow: 0 0 0 0.25rem rgba(228, 231, 235, 0.5);
13019
12779
  }
13020
12780
 
13021
12781
  .k-input,
@@ -13030,10 +12790,12 @@ kendo-badge-container {
13030
12790
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
13031
12791
  font-size: 1rem;
13032
12792
  line-height: 1.5;
12793
+ text-align: start;
13033
12794
  box-shadow: none;
13034
12795
  display: inline-flex;
13035
12796
  flex-flow: row nowrap;
13036
12797
  align-items: stretch;
12798
+ vertical-align: middle;
13037
12799
  position: relative;
13038
12800
  overflow: hidden;
13039
12801
  text-overflow: ellipsis;
@@ -13052,10 +12814,19 @@ kendo-badge-container {
13052
12814
  box-shadow: none;
13053
12815
  }
13054
12816
 
12817
+ .k-input > *,
12818
+ .k-picker > * {
12819
+ margin: 0;
12820
+ }
12821
+
13055
12822
  input.k-input {
13056
12823
  padding: 0.375rem 0.75rem;
13057
12824
  }
13058
12825
 
12826
+ .k-picker {
12827
+ cursor: pointer;
12828
+ }
12829
+
13059
12830
  select.k-picker {
13060
12831
  padding: 0.375rem 0.75rem;
13061
12832
  -webkit-appearance: auto;
@@ -13106,6 +12877,7 @@ select.k-picker {
13106
12877
  }
13107
12878
 
13108
12879
  span.k-input-inner {
12880
+ white-space: nowrap;
13109
12881
  display: flex;
13110
12882
  flex-flow: row nowrap;
13111
12883
  align-items: center;
@@ -13217,7 +12989,6 @@ textarea.k-input-inner {
13217
12989
 
13218
12990
  .k-input-button > .k-button-icon {
13219
12991
  min-width: auto !important;
13220
- min-height: auto !important;
13221
12992
  }
13222
12993
 
13223
12994
  .k-input-button:focus {
@@ -13443,15 +13214,26 @@ textarea.k-input-inner {
13443
13214
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
13444
13215
  }
13445
13216
 
13446
- .k-input:invalid, .k-input.k-invalid, .k-input.ng-invalid {
13217
+ .k-input:focus-within {
13218
+ border-color: #86b7fe;
13219
+ color: #495057;
13220
+ background-color: #ffffff;
13221
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
13222
+ }
13223
+
13224
+ .k-input.k-invalid, .k-input.ng-invalid.ng-touched, .k-input.ng-invalid.ng-dirty {
13447
13225
  border-color: #dc3545;
13448
13226
  }
13449
13227
 
13450
- .k-input:invalid .k-input-validation-icon, .k-input.k-invalid .k-input-validation-icon, .k-input.ng-invalid .k-input-validation-icon {
13228
+ .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 {
13451
13229
  color: #dc3545;
13452
13230
  }
13453
13231
 
13454
- .k-input:invalid:focus, .k-input:invalid.k-focus, .k-input.k-invalid:focus, .k-input.k-invalid.k-focus, .k-input.ng-invalid:focus, .k-input.ng-invalid.k-focus {
13232
+ .k-input.k-invalid:focus, .k-input.k-invalid.k-focus, .k-input.ng-invalid.ng-touched:focus, .k-input.ng-invalid.ng-touched.k-focus, .k-input.ng-invalid.ng-dirty:focus, .k-input.ng-invalid.ng-dirty.k-focus {
13233
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
13234
+ }
13235
+
13236
+ .k-input.k-invalid:focus-within, .k-input.ng-invalid.ng-touched:focus-within, .k-input.ng-invalid.ng-dirty:focus-within {
13455
13237
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
13456
13238
  }
13457
13239
 
@@ -13467,18 +13249,26 @@ textarea.k-input-inner {
13467
13249
  }
13468
13250
 
13469
13251
  .k-picker:focus, .k-picker.k-focus {
13470
- box-shadow: 0 0 0 3px rgba(228, 231, 235, 0.5);
13252
+ box-shadow: 0 0 0 0.25rem rgba(228, 231, 235, 0.5);
13253
+ }
13254
+
13255
+ .k-picker:focus-within {
13256
+ box-shadow: 0 0 0 0.25rem rgba(228, 231, 235, 0.5);
13471
13257
  }
13472
13258
 
13473
- .k-picker:invalid, .k-picker.k-invalid, .k-picker.ng-invalid {
13259
+ .k-picker.k-invalid, .k-picker.ng-invalid.ng-touched, .k-picker.ng-invalid.ng-dirty {
13474
13260
  border-color: #dc3545;
13475
13261
  }
13476
13262
 
13477
- .k-picker:invalid .k-input-validation-icon, .k-picker.k-invalid .k-input-validation-icon, .k-picker.ng-invalid .k-input-validation-icon {
13263
+ .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 {
13478
13264
  color: #dc3545;
13479
13265
  }
13480
13266
 
13481
- .k-picker:invalid:focus, .k-picker:invalid.k-focus, .k-picker.k-invalid:focus, .k-picker.k-invalid.k-focus, .k-picker.ng-invalid:focus, .k-picker.ng-invalid.k-focus {
13267
+ .k-picker.k-invalid:focus, .k-picker.k-invalid.k-focus, .k-picker.ng-invalid.ng-touched:focus, .k-picker.ng-invalid.ng-touched.k-focus, .k-picker.ng-invalid.ng-dirty:focus, .k-picker.ng-invalid.ng-dirty.k-focus {
13268
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
13269
+ }
13270
+
13271
+ .k-picker.k-invalid:focus-within, .k-picker.ng-invalid.ng-touched:focus-within, .k-picker.ng-invalid.ng-dirty:focus-within {
13482
13272
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
13483
13273
  }
13484
13274
 
@@ -13683,7 +13473,7 @@ textarea.k-input-inner {
13683
13473
  }
13684
13474
 
13685
13475
  .k-table-list .k-table-group-row::before {
13686
- content: ".";
13476
+ content: "\200b";
13687
13477
  padding: 0;
13688
13478
  width: 0;
13689
13479
  display: block;
@@ -13763,7 +13553,7 @@ textarea.k-input-inner {
13763
13553
 
13764
13554
  .k-table-sm .k-table-th,
13765
13555
  .k-table-sm .k-table-td {
13766
- padding: 0.25rem 0.5rem;
13556
+ padding: 0.375rem 0.5rem;
13767
13557
  }
13768
13558
 
13769
13559
  .k-table-sm .k-table-list .k-table-group-td > span {
@@ -13771,7 +13561,7 @@ textarea.k-input-inner {
13771
13561
  }
13772
13562
 
13773
13563
  .k-table-sm .k-table-list .k-table-group-row::before {
13774
- padding: 0.25rem 0;
13564
+ padding: 0.375rem 0;
13775
13565
  }
13776
13566
 
13777
13567
  .k-table-md {
@@ -13799,7 +13589,7 @@ textarea.k-input-inner {
13799
13589
 
13800
13590
  .k-table-lg .k-table-th,
13801
13591
  .k-table-lg .k-table-td {
13802
- padding: 0.75rem 0.5rem;
13592
+ padding: 0.625rem 0.5rem;
13803
13593
  }
13804
13594
 
13805
13595
  .k-table-lg .k-table-list .k-table-group-td > span {
@@ -13807,7 +13597,7 @@ textarea.k-input-inner {
13807
13597
  }
13808
13598
 
13809
13599
  .k-table-lg .k-table-list .k-table-group-row::before {
13810
- padding: 0.75rem 0;
13600
+ padding: 0.625rem 0;
13811
13601
  }
13812
13602
 
13813
13603
  .k-rtl.k-table,
@@ -14977,7 +14767,7 @@ textarea.k-input-inner {
14977
14767
  }
14978
14768
 
14979
14769
  .k-skeleton-text:empty::before {
14980
- content: "\00a0";
14770
+ content: "\200b";
14981
14771
  }
14982
14772
 
14983
14773
  .k-skeleton-rect {
@@ -15085,10 +14875,14 @@ textarea.k-input-inner {
15085
14875
  }
15086
14876
 
15087
14877
  .k-toolbar .k-input,
15088
- .k-toolbar .k-picker:not(.k-colorpicker) {
14878
+ .k-toolbar .k-picker {
15089
14879
  width: 10em;
15090
14880
  }
15091
14881
 
14882
+ .k-toolbar .k-color-picker, .k-toolbar .k-colorpicker {
14883
+ width: min-content;
14884
+ }
14885
+
15092
14886
  .k-toolbar .k-overflow-anchor {
15093
14887
  border-radius: 0;
15094
14888
  margin: 0;
@@ -15207,6 +15001,7 @@ kendo-toolbar-renderer {
15207
15001
  .editorToolbarWindow.k-window-content .k-toolbar {
15208
15002
  padding: 0;
15209
15003
  border-width: 0;
15004
+ flex-shrink: 1;
15210
15005
  color: inherit;
15211
15006
  background: none;
15212
15007
  }
@@ -15376,11 +15171,6 @@ kendo-label > .k-label {
15376
15171
  flex-flow: row nowrap;
15377
15172
  }
15378
15173
 
15379
- .k-form .k-checkbox-label,
15380
- .k-form .k-radio-label {
15381
- display: inline-flex;
15382
- }
15383
-
15384
15174
  .k-form .k-label + .k-radio {
15385
15175
  margin-left: 0;
15386
15176
  }
@@ -15410,15 +15200,12 @@ kendo-label > .k-label {
15410
15200
  padding: 0;
15411
15201
  }
15412
15202
 
15413
- .k-form .k-form-field,
15414
- .k-form .k-daterangepicker .k-textbox-container {
15203
+ .k-form .k-form-field {
15415
15204
  margin-top: 1rem;
15416
15205
  }
15417
15206
 
15418
15207
  .k-form > *:not(.k-hidden):first-child,
15419
- .k-form > *.k-hidden + :not(.k-hidden),
15420
- .k-form .k-daterangepicker .k-textbox-container:not(.k-hidden):first-child,
15421
- .k-form .k-daterangepicker .k-textbox-container.k-hidden + :not(.k-hidden) {
15208
+ .k-form > *.k-hidden + :not(.k-hidden) {
15422
15209
  margin-top: 0;
15423
15210
  }
15424
15211
 
@@ -15455,6 +15242,12 @@ kendo-label > .k-label {
15455
15242
  width: 100%;
15456
15243
  }
15457
15244
 
15245
+ .k-form .k-daterangepicker {
15246
+ width: 100%;
15247
+ flex-flow: column nowrap;
15248
+ gap: 0;
15249
+ }
15250
+
15458
15251
  .k-form-buttons {
15459
15252
  margin-top: 2rem;
15460
15253
  padding: 0;
@@ -15900,6 +15693,10 @@ kendo-label > .k-label {
15900
15693
  max-width: 300px;
15901
15694
  }
15902
15695
 
15696
+ .k-textarea {
15697
+ display: flex;
15698
+ }
15699
+
15903
15700
  .k-listbox {
15904
15701
  width: 10em;
15905
15702
  height: 200px;
@@ -15965,11 +15762,20 @@ kendo-label > .k-label {
15965
15762
 
15966
15763
  .k-listbox .k-list-scroller {
15967
15764
  width: 100%;
15765
+ height: inherit;
15968
15766
  border-width: 1px;
15969
15767
  border-style: solid;
15970
15768
  box-sizing: border-box;
15971
15769
  }
15972
15770
 
15771
+ .k-listbox .k-list-scroller .k-list-scroller {
15772
+ border-width: 0;
15773
+ }
15774
+
15775
+ .k-listbox .k-list-scroller .k-list {
15776
+ height: inherit;
15777
+ }
15778
+
15973
15779
  .k-listbox .k-drop-hint {
15974
15780
  border-top-width: 1px;
15975
15781
  border-top-style: solid;
@@ -16272,51 +16078,13 @@ kendo-label > .k-label {
16272
16078
  -webkit-appearance: none;
16273
16079
  }
16274
16080
 
16275
- .k-radio-sm {
16276
- width: 0.75rem;
16277
- height: 0.75rem;
16278
- }
16279
-
16280
- .k-radio-sm + .k-radio-label .k-ripple {
16281
- top: 0.375rem;
16282
- left: 0.375rem;
16283
- width: 1.875rem;
16284
- height: 1.875rem;
16285
- }
16286
-
16287
- .k-radio-md {
16288
- width: 1rem;
16289
- height: 1rem;
16290
- }
16291
-
16292
- .k-radio-md + .k-radio-label .k-ripple {
16293
- top: 0.5rem;
16294
- left: 0.5rem;
16295
- width: 2.5rem;
16296
- height: 2.5rem;
16297
- }
16298
-
16299
- .k-radio-lg {
16300
- width: 1.5rem;
16301
- height: 1.5rem;
16302
- }
16303
-
16304
- .k-radio-lg + .k-radio-label .k-ripple {
16305
- top: 0.75rem;
16306
- left: 0.75rem;
16307
- width: 3.75rem;
16308
- height: 3.75rem;
16309
- }
16310
-
16311
16081
  .k-radio:checked,
16312
16082
  .k-radio.k-checked {
16313
16083
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='white'/%3e%3c/svg%3e");
16314
16084
  }
16315
16085
 
16316
16086
  .k-radio:disabled,
16317
- .k-radio.k-disabled,
16318
- .k-radio:disabled + .k-radio-label,
16319
- .k-radio.k-disabled + .k-radio-label {
16087
+ .k-radio.k-disabled {
16320
16088
  outline: none;
16321
16089
  cursor: default;
16322
16090
  opacity: 0.65;
@@ -16331,6 +16099,9 @@ kendo-label > .k-label {
16331
16099
  flex-flow: row nowrap;
16332
16100
  gap: 0;
16333
16101
  align-items: center;
16102
+ align-self: start;
16103
+ vertical-align: middle;
16104
+ position: relative;
16334
16105
  }
16335
16106
 
16336
16107
  .k-radio-wrap::before {
@@ -16342,57 +16113,35 @@ kendo-label > .k-label {
16342
16113
  vertical-align: top;
16343
16114
  }
16344
16115
 
16345
- .k-radio + .k-radio-label {
16346
- display: inline;
16347
- }
16348
-
16349
16116
  .k-radio-label {
16350
16117
  margin: 0;
16351
16118
  padding: 0;
16352
- line-height: calc(1rem + 1px);
16353
16119
  display: inline-flex;
16354
16120
  align-items: flex-start;
16121
+ gap: 0.25rem;
16355
16122
  vertical-align: middle;
16356
16123
  position: relative;
16357
16124
  cursor: pointer;
16358
16125
  }
16359
16126
 
16360
- .k-radio-label .k-label {
16361
- cursor: pointer;
16362
- }
16363
-
16364
- .k-radio-label:empty {
16365
- display: none !important;
16366
- }
16367
-
16368
16127
  .k-radio-label .k-ripple {
16369
- right: auto;
16370
- bottom: auto;
16371
- transform: translate(-50%, -50%);
16372
- border-radius: 50%;
16373
16128
  visibility: hidden !important;
16374
16129
  }
16375
16130
 
16376
- .k-radio-label .k-ripple-blob {
16377
- top: 50% !important;
16378
- left: 50% !important;
16379
- width: 200% !important;
16380
- height: 200% !important;
16381
- }
16382
-
16131
+ .k-radio + .k-label,
16132
+ .k-radio-wrap + .k-label,
16383
16133
  .k-radio + .k-radio-label,
16384
- .k-radio-label + .k-radio,
16385
- .k-label + .k-radio {
16386
- margin-left: 0.25rem;
16134
+ .k-radio-wrap + .k-radio-label {
16135
+ display: inline;
16136
+ margin-inline-start: 0.25rem;
16387
16137
  }
16388
16138
 
16389
- .k-radio-label > .k-radio {
16390
- margin-right: 0.25rem;
16391
- flex-shrink: 0;
16139
+ .k-radio-label:empty {
16140
+ display: none !important;
16392
16141
  }
16393
16142
 
16394
- kendo-label.k-radio-label > .k-label {
16395
- display: inline;
16143
+ .k-radio-label.k-no-text {
16144
+ min-width: 1px;
16396
16145
  }
16397
16146
 
16398
16147
  .k-radio-list {
@@ -16416,7 +16165,7 @@ kendo-label.k-radio-label > .k-label {
16416
16165
 
16417
16166
  .k-radio-item .k-radio-label,
16418
16167
  .k-radio-list-item .k-radio-label {
16419
- line-height: inherit;
16168
+ margin: 0;
16420
16169
  }
16421
16170
 
16422
16171
  .k-radio-list-horizontal,
@@ -16426,94 +16175,79 @@ kendo-label.k-radio-label > .k-label {
16426
16175
  gap: 1rem;
16427
16176
  }
16428
16177
 
16429
- .k-rtl .k-radio + .k-radio-label,
16430
- .k-rtl .k-radio-label + .k-radio,
16431
- .k-rtl .k-label + .k-radio,
16432
- [dir="rtl"] .k-radio + .k-radio-label,
16433
- [dir="rtl"] .k-radio-label + .k-radio,
16434
- [dir="rtl"] .k-label + .k-radio {
16435
- margin-left: 0;
16436
- margin-right: 0.25rem;
16178
+ .k-ripple-container .k-radio::after {
16179
+ content: "";
16180
+ display: block;
16181
+ position: absolute;
16182
+ left: 50%;
16183
+ top: 50%;
16184
+ border-radius: 100%;
16185
+ z-index: -1;
16186
+ transition: opacity 100ms linear, transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
16187
+ transform: translate(-50%, -50%) scale(0);
16188
+ transform-origin: center center;
16437
16189
  }
16438
16190
 
16439
- .k-rtl .k-radio-label > .k-radio,
16440
- [dir="rtl"] .k-radio-label > .k-radio {
16441
- margin-right: 0;
16442
- margin-left: 0.25rem;
16191
+ .k-ripple-container .k-radio:focus,
16192
+ .k-ripple-container .k-radio.k-state-focus {
16193
+ box-shadow: none !important;
16443
16194
  }
16444
16195
 
16445
- .k-rtl kendo-label.k-radio-label > .k-radio:last-child,
16446
- [dir="rtl"] kendo-label.k-radio-label > .k-radio:last-child {
16447
- margin-left: 0;
16196
+ .k-ripple-container .k-radio:focus::after,
16197
+ .k-ripple-container .k-radio.k-state-focus::after {
16198
+ transform: translate(-50%, -50%) scale(1);
16448
16199
  }
16449
16200
 
16450
- .k-rtl kendo-label.k-radio-label > .k-label:first-child,
16451
- [dir="rtl"] kendo-label.k-radio-label > .k-label:first-child {
16452
- margin-right: 0;
16453
- margin-left: 0.25rem;
16201
+ .k-ripple-container .k-radio:disabled::after,
16202
+ .k-ripple-container .k-radio.k-disabled::after {
16203
+ display: none;
16204
+ }
16205
+
16206
+ .k-ripple-container .k-radio:disabled::after,
16207
+ .k-ripple-container .k-radio.k-disabled::after {
16208
+ display: none;
16209
+ }
16210
+
16211
+ .k-radio-sm {
16212
+ width: 0.75rem;
16213
+ height: 0.75rem;
16214
+ }
16215
+
16216
+ .k-radio-sm::before {
16217
+ font-size: 0.625rem;
16454
16218
  }
16455
16219
 
16456
16220
  .k-ripple-container .k-radio-sm::after {
16457
- content: "";
16458
- display: block;
16459
- position: absolute;
16460
- left: 0;
16461
- top: 0;
16462
16221
  width: 2.25rem;
16463
16222
  height: 2.25rem;
16464
- margin-left: calc(-0.75rem + -2px);
16465
- margin-top: calc(-0.75rem + -2px);
16466
- border-radius: 100%;
16467
- z-index: 1;
16468
- transform: scale(0);
16223
+ }
16224
+
16225
+ .k-radio-md {
16226
+ width: 1rem;
16227
+ height: 1rem;
16228
+ }
16229
+
16230
+ .k-radio-md::before {
16231
+ font-size: 0.875rem;
16469
16232
  }
16470
16233
 
16471
16234
  .k-ripple-container .k-radio-md::after {
16472
- content: "";
16473
- display: block;
16474
- position: absolute;
16475
- left: 0;
16476
- top: 0;
16477
16235
  width: 3rem;
16478
16236
  height: 3rem;
16479
- margin-left: calc(-1rem + -2px);
16480
- margin-top: calc(-1rem + -2px);
16481
- border-radius: 100%;
16482
- z-index: 1;
16483
- transform: scale(0);
16484
- }
16485
-
16486
- .k-ripple-container .k-radio-lg::after {
16487
- content: "";
16488
- display: block;
16489
- position: absolute;
16490
- left: 0;
16491
- top: 0;
16492
- width: 4.5rem;
16493
- height: 4.5rem;
16494
- margin-left: calc(-1.5rem + -2px);
16495
- margin-top: calc(-1.5rem + -2px);
16496
- border-radius: 100%;
16497
- z-index: 1;
16498
- transform: scale(0);
16499
16237
  }
16500
16238
 
16501
- .k-ripple-container .k-radio:disabled::after,
16502
- .k-ripple-container .k-radio.k-disabled::after {
16503
- display: none;
16239
+ .k-radio-lg {
16240
+ width: 1.25rem;
16241
+ height: 1.25rem;
16504
16242
  }
16505
16243
 
16506
- .k-radio::-ms-check {
16507
- border-width: 0;
16508
- border-color: inherit;
16509
- color: inherit;
16510
- background-color: inherit;
16244
+ .k-radio-lg::before {
16245
+ font-size: 1.125rem;
16511
16246
  }
16512
16247
 
16513
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
16514
- .k-radio::-ms-check {
16515
- border-width: 1px;
16516
- }
16248
+ .k-ripple-container .k-radio-lg::after {
16249
+ width: 3.75rem;
16250
+ height: 3.75rem;
16517
16251
  }
16518
16252
 
16519
16253
  .k-radio {
@@ -16556,7 +16290,7 @@ kendo-label.k-radio-label > .k-label {
16556
16290
 
16557
16291
  .k-ripple-container .k-radio::after {
16558
16292
  background: #0d6efd;
16559
- opacity: 0.3;
16293
+ opacity: 0.25;
16560
16294
  }
16561
16295
 
16562
16296
  .k-slider {
@@ -16568,24 +16302,12 @@ kendo-label.k-radio-label > .k-label {
16568
16302
  line-height: 1.5;
16569
16303
  background: none;
16570
16304
  display: inline-flex;
16571
- align-items: stretch;
16305
+ align-items: center;
16572
16306
  position: relative;
16573
16307
  -webkit-touch-callout: none;
16574
16308
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
16575
16309
  }
16576
16310
 
16577
- .k-slider .k-button-increase {
16578
- position: absolute;
16579
- right: 0;
16580
- top: 0;
16581
- }
16582
-
16583
- .k-slider .k-button-decrease {
16584
- position: absolute;
16585
- left: 0;
16586
- top: 0;
16587
- }
16588
-
16589
16311
  .k-slider .k-label {
16590
16312
  width: auto;
16591
16313
  font-size: .92em;
@@ -16620,29 +16342,28 @@ kendo-label.k-radio-label > .k-label {
16620
16342
  right: 0;
16621
16343
  }
16622
16344
 
16623
- .k-rtl .k-slider .k-button-increase, .k-slider.k-rtl .k-button-increase,
16624
- [dir="rtl"] .k-slider .k-button-increase, .k-slider[dir="rtl"] .k-button-increase {
16625
- left: 0;
16626
- right: auto;
16627
- }
16628
-
16629
- .k-rtl .k-slider .k-button-decrease, .k-slider.k-rtl .k-button-decrease,
16630
- [dir="rtl"] .k-slider .k-button-decrease, .k-slider[dir="rtl"] .k-button-decrease {
16631
- right: 0;
16632
- left: auto;
16345
+ .k-slider-wrap {
16346
+ width: 100%;
16347
+ height: 100%;
16348
+ box-sizing: border-box;
16349
+ display: flex;
16350
+ flex-flow: inherit;
16351
+ align-items: inherit;
16352
+ gap: inherit;
16353
+ position: relative;
16633
16354
  }
16634
16355
 
16635
16356
  .k-slider {
16357
+ width: min-content;
16358
+ height: min-content;
16636
16359
  gap: 7px;
16637
16360
  }
16638
16361
 
16639
- .k-slider > .k-button {
16640
- position: relative;
16641
- flex-shrink: 0;
16642
- align-self: center;
16362
+ .k-slider .k-button {
16363
+ flex: none;
16643
16364
  }
16644
16365
 
16645
- .k-slider > .k-slider-track-wrap {
16366
+ .k-slider .k-slider-track-wrap {
16646
16367
  flex: 1 1 auto;
16647
16368
  display: flex;
16648
16369
  flex-flow: inherit;
@@ -16650,114 +16371,118 @@ kendo-label.k-radio-label > .k-label {
16650
16371
  touch-action: none;
16651
16372
  }
16652
16373
 
16653
- .k-slider > .k-slider-track-wrap .k-slider-items {
16374
+ .k-slider .k-slider-track-wrap .k-slider-items {
16375
+ margin: 0;
16376
+ padding: 0;
16377
+ list-style: none;
16654
16378
  flex: 1 1 100%;
16655
16379
  display: flex;
16656
16380
  flex-flow: inherit;
16657
16381
  justify-content: space-between;
16382
+ -webkit-user-select: none;
16383
+ -ms-user-select: none;
16384
+ user-select: none;
16658
16385
  }
16659
16386
 
16660
- .k-slider > .k-slider-track-wrap .k-slider-items::after {
16661
- display: none;
16662
- }
16663
-
16664
- .k-slider > .k-slider-track-wrap .k-tick {
16387
+ .k-slider .k-slider-track-wrap .k-tick {
16665
16388
  flex: 0 0 1px;
16666
16389
  }
16667
16390
 
16668
- .k-slider > .k-slider-track-wrap .k-draghandle {
16391
+ .k-slider .k-slider-track-wrap .k-draghandle {
16669
16392
  position: absolute;
16670
16393
  }
16671
16394
 
16672
- .k-slider-horizontal > .k-slider-track-wrap .k-slider-track {
16395
+ .k-slider-horizontal .k-slider-track-wrap {
16396
+ height: 26px;
16397
+ }
16398
+
16399
+ .k-slider-horizontal .k-slider-track-wrap .k-slider-track {
16673
16400
  width: 100%;
16674
16401
  }
16675
16402
 
16676
- .k-slider-horizontal > .k-slider-track-wrap .k-draghandle {
16403
+ .k-slider-horizontal .k-slider-track-wrap .k-draghandle {
16677
16404
  top: 50%;
16678
16405
  transform: translate(-50%, -50%);
16679
16406
  }
16680
16407
 
16681
- .k-slider-horizontal > .k-slider-track-wrap .k-draghandle:focus,
16682
- .k-slider-horizontal > .k-slider-track-wrap .k-draghandle:active {
16408
+ .k-slider-horizontal .k-slider-track-wrap .k-draghandle:focus,
16409
+ .k-slider-horizontal .k-slider-track-wrap .k-draghandle:active {
16683
16410
  transform: translate(-50%, -50%) scale(1);
16684
16411
  }
16685
16412
 
16686
- .k-slider-horizontal > .k-slider-track-wrap .k-slider-selection {
16413
+ .k-slider-horizontal .k-slider-track-wrap .k-slider-selection {
16687
16414
  width: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%);
16688
16415
  left: calc(var(--kendo-slider-start, 0)*1%);
16689
16416
  }
16690
16417
 
16691
- .k-slider-horizontal > .k-slider-track-wrap .k-draghandle-start {
16418
+ .k-slider-horizontal .k-slider-track-wrap .k-draghandle-start {
16692
16419
  left: calc(var(--kendo-slider-start, 0)*1%);
16693
16420
  }
16694
16421
 
16695
- .k-slider-horizontal > .k-slider-track-wrap .k-draghandle-end {
16422
+ .k-slider-horizontal .k-slider-track-wrap .k-draghandle-end {
16696
16423
  left: calc(var(--kendo-slider-end, 0)*1%);
16697
16424
  }
16698
16425
 
16699
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-slider-selection {
16426
+ [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-slider-selection {
16700
16427
  left: unset;
16701
16428
  right: calc(var(--kendo-slider-start, 0)*1%);
16702
16429
  }
16703
16430
 
16704
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle-start {
16431
+ [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle-start {
16705
16432
  left: unset;
16706
16433
  right: calc(var(--kendo-slider-start, 0)*1%);
16707
16434
  }
16708
16435
 
16709
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle-end {
16436
+ [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle-end {
16710
16437
  left: unset;
16711
16438
  right: calc(var(--kendo-slider-end, 0)*1%);
16712
16439
  }
16713
16440
 
16714
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle {
16441
+ [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle {
16715
16442
  transform: translate(50%, -50%);
16716
16443
  }
16717
16444
 
16718
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle:focus,
16719
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle:active {
16445
+ [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle:focus,
16446
+ [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle:active {
16720
16447
  transform: translate(50%, -50%) scale(1);
16721
16448
  }
16722
16449
 
16723
- .k-slider-vertical > .k-slider-track-wrap .k-slider-track {
16450
+ .k-slider-vertical .k-slider-track-wrap {
16451
+ width: 26px;
16452
+ }
16453
+
16454
+ .k-slider-vertical .k-slider-track-wrap .k-slider-track {
16724
16455
  height: 100%;
16725
16456
  }
16726
16457
 
16727
- .k-slider-vertical > .k-slider-track-wrap .k-draghandle {
16458
+ .k-slider-vertical .k-slider-track-wrap .k-draghandle {
16728
16459
  left: 50%;
16729
16460
  transform: translate(-50%, 50%);
16730
16461
  }
16731
16462
 
16732
- .k-slider-vertical > .k-slider-track-wrap .k-draghandle:focus,
16733
- .k-slider-vertical > .k-slider-track-wrap .k-draghandle:active {
16463
+ .k-slider-vertical .k-slider-track-wrap .k-draghandle:focus,
16464
+ .k-slider-vertical .k-slider-track-wrap .k-draghandle:active {
16734
16465
  transform: translate(-50%, 50%) scale(1);
16735
16466
  }
16736
16467
 
16737
- .k-slider-vertical > .k-slider-track-wrap .k-slider-selection {
16468
+ .k-slider-vertical .k-slider-track-wrap .k-slider-selection {
16738
16469
  bottom: calc(var(--kendo-slider-start, 0)*1%);
16739
16470
  height: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%);
16740
16471
  }
16741
16472
 
16742
- .k-slider-vertical > .k-slider-track-wrap .k-draghandle-start {
16473
+ .k-slider-vertical .k-slider-track-wrap .k-draghandle-start {
16743
16474
  bottom: calc(var(--kendo-slider-start, 0)*1%);
16744
16475
  }
16745
16476
 
16746
- .k-slider-vertical > .k-slider-track-wrap .k-draghandle-end {
16477
+ .k-slider-vertical .k-slider-track-wrap .k-draghandle-end {
16747
16478
  bottom: calc(var(--kendo-slider-end, 0)*1%);
16748
16479
  }
16749
16480
 
16750
16481
  .k-slider-vertical {
16751
16482
  height: 200px;
16752
- width: 30px;
16753
16483
  flex-flow: column-reverse nowrap;
16754
16484
  }
16755
16485
 
16756
- .k-slider-vertical .k-button-decrease {
16757
- bottom: 0;
16758
- top: auto;
16759
- }
16760
-
16761
16486
  .k-slider-vertical .k-tick {
16762
16487
  text-align: right;
16763
16488
  margin-left: 2px;
@@ -16768,77 +16493,77 @@ kendo-label.k-radio-label > .k-label {
16768
16493
  }
16769
16494
 
16770
16495
  .k-slider-vertical .k-tick {
16771
- background-position: -92px center;
16496
+ background-position: -94px center;
16772
16497
  }
16773
16498
 
16774
16499
  .k-slider-vertical .k-slider-topleft .k-tick {
16775
- background-position: -122px center;
16500
+ background-position: -124px center;
16776
16501
  }
16777
16502
 
16778
16503
  .k-slider-vertical .k-slider-bottomright .k-tick {
16779
- background-position: -152px center;
16504
+ background-position: -154px center;
16780
16505
  }
16781
16506
 
16782
16507
  .k-slider-vertical .k-tick-large {
16783
16508
  display: flex;
16784
16509
  align-items: center;
16785
- background-position: -2px center;
16510
+ background-position: -4px center;
16786
16511
  }
16787
16512
 
16788
16513
  .k-slider-vertical .k-slider-topleft .k-tick-large {
16789
- background-position: -32px center;
16514
+ background-position: -34px center;
16790
16515
  }
16791
16516
 
16792
16517
  .k-slider-vertical .k-slider-bottomright .k-tick-large {
16793
- background-position: -62px center;
16518
+ background-position: -64px center;
16794
16519
  }
16795
16520
 
16796
16521
  .k-slider-vertical .k-first {
16797
- background-position: -92px 100%;
16522
+ background-position: -94px 100%;
16798
16523
  }
16799
16524
 
16800
16525
  .k-slider-vertical .k-tick-large.k-first {
16801
- background-position: -2px 100%;
16526
+ background-position: -4px 100%;
16802
16527
  }
16803
16528
 
16804
16529
  .k-slider-vertical .k-slider-topleft .k-first {
16805
- background-position: -122px 100%;
16530
+ background-position: -124px 100%;
16806
16531
  }
16807
16532
 
16808
16533
  .k-slider-vertical .k-slider-topleft .k-tick-large.k-first {
16809
- background-position: -32px 100%;
16534
+ background-position: -34px 100%;
16810
16535
  }
16811
16536
 
16812
16537
  .k-slider-vertical .k-slider-bottomright .k-first {
16813
- background-position: -152px 100%;
16538
+ background-position: -154px 100%;
16814
16539
  }
16815
16540
 
16816
16541
  .k-slider-vertical .k-slider-bottomright .k-tick-large.k-first {
16817
- background-position: -62px 100%;
16542
+ background-position: -64px 100%;
16818
16543
  }
16819
16544
 
16820
16545
  .k-slider-vertical .k-last {
16821
- background-position: -92px 0;
16546
+ background-position: -94px 0;
16822
16547
  }
16823
16548
 
16824
16549
  .k-slider-vertical .k-tick-large.k-last {
16825
- background-position: -2px 0;
16550
+ background-position: -4px 0;
16826
16551
  }
16827
16552
 
16828
16553
  .k-slider-vertical .k-slider-topleft .k-last {
16829
- background-position: -122px 0;
16554
+ background-position: -124px 0;
16830
16555
  }
16831
16556
 
16832
16557
  .k-slider-vertical .k-slider-topleft .k-tick-large.k-last {
16833
- background-position: -32px 0;
16558
+ background-position: -34px 0;
16834
16559
  }
16835
16560
 
16836
16561
  .k-slider-vertical .k-slider-bottomright .k-last {
16837
- background-position: -152px 0;
16562
+ background-position: -154px 0;
16838
16563
  }
16839
16564
 
16840
16565
  .k-slider-vertical .k-slider-bottomright .k-tick-large.k-last {
16841
- background-position: -62px 0;
16566
+ background-position: -64px 0;
16842
16567
  }
16843
16568
 
16844
16569
  .k-slider-vertical .k-label {
@@ -16874,17 +16599,10 @@ kendo-label.k-radio-label > .k-label {
16874
16599
  }
16875
16600
 
16876
16601
  .k-slider-horizontal {
16877
- height: 30px;
16878
16602
  width: 200px;
16879
16603
  flex-flow: row nowrap;
16880
16604
  }
16881
16605
 
16882
- .k-slider-horizontal .k-tick {
16883
- float: left;
16884
- height: 100%;
16885
- text-align: center;
16886
- }
16887
-
16888
16606
  .k-slider-horizontal .k-tick {
16889
16607
  background-position: center -92px;
16890
16608
  }
@@ -16985,11 +16703,6 @@ kendo-label.k-radio-label > .k-label {
16985
16703
  left: auto;
16986
16704
  }
16987
16705
 
16988
- .k-rtl .k-slider-horizontal .k-slider-buttons .k-slider-track, .k-slider-horizontal.k-rtl .k-slider-buttons .k-slider-track,
16989
- [dir="rtl"] .k-slider-horizontal .k-slider-buttons .k-slider-track, .k-slider-horizontal[dir="rtl"] .k-slider-buttons .k-slider-track {
16990
- right: 38px;
16991
- }
16992
-
16993
16706
  .k-rtl .k-slider-horizontal .k-button .k-i-arrow-e,
16994
16707
  .k-rtl .k-slider-horizontal .k-button .k-i-arrow-w, .k-slider-horizontal.k-rtl .k-button .k-i-arrow-e,
16995
16708
  .k-slider-horizontal.k-rtl .k-button .k-i-arrow-w,
@@ -16999,11 +16712,6 @@ kendo-label.k-radio-label > .k-label {
16999
16712
  transform: scaleX(-1);
17000
16713
  }
17001
16714
 
17002
- .k-slider-wrap {
17003
- height: 100%;
17004
- width: 100%;
17005
- }
17006
-
17007
16715
  .k-slider-track,
17008
16716
  .k-slider-selection {
17009
16717
  margin: 0;
@@ -17027,14 +16735,6 @@ kendo-label.k-radio-label > .k-label {
17027
16735
  width: 4px;
17028
16736
  }
17029
16737
 
17030
- .k-slider-horizontal .k-slider-buttons .k-slider-track {
17031
- left: 38px;
17032
- }
17033
-
17034
- .k-slider-vertical .k-slider-buttons .k-slider-track {
17035
- bottom: 38px;
17036
- }
17037
-
17038
16738
  .k-draghandle {
17039
16739
  background-color: transparent;
17040
16740
  background-repeat: no-repeat;
@@ -17044,29 +16744,11 @@ kendo-label.k-radio-label > .k-label {
17044
16744
  position: absolute;
17045
16745
  text-align: center;
17046
16746
  text-decoration: none;
17047
- box-sizing: content-box;
16747
+ box-sizing: border-box;
17048
16748
  width: 14px;
17049
16749
  height: 14px;
17050
16750
  }
17051
16751
 
17052
- .k-slider-horizontal .k-draghandle {
17053
- top: 50%;
17054
- transform: translateY(-50%);
17055
- }
17056
-
17057
- .k-slider-horizontal .k-draghandle:active, .k-slider-horizontal .k-draghandle.k-pressed {
17058
- transform: translateY(-50%) scale(1);
17059
- }
17060
-
17061
- .k-slider-vertical .k-draghandle {
17062
- left: 50%;
17063
- transform: translateX(-50%);
17064
- }
17065
-
17066
- .k-slider-vertical .k-draghandle:active, .k-slider-vertical .k-draghandle.k-pressed {
17067
- transform: translateX(-50%) scale(1);
17068
- }
17069
-
17070
16752
  .k-slider-transitions.k-slider-horizontal .k-draghandle {
17071
16753
  transition: left 0.3s ease-out, background-color 0.3s ease-out, transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
17072
16754
  }
@@ -17091,35 +16773,11 @@ kendo-label.k-radio-label > .k-label {
17091
16773
  transition: none;
17092
16774
  }
17093
16775
 
17094
- .k-slider-items {
17095
- -webkit-user-select: none;
17096
- -ms-user-select: none;
17097
- user-select: none;
17098
- }
17099
-
17100
- .k-slider-buttons .k-slider-items {
17101
- margin-left: 38px;
17102
- }
17103
-
17104
- .k-slider-horizontal .k-slider-items {
17105
- height: 100%;
17106
- padding: 2px 0;
17107
- box-sizing: border-box;
17108
- }
17109
-
17110
- .k-slider-vertical .k-slider-items {
17111
- padding-top: 1px;
17112
- }
17113
-
17114
- .k-slider-vertical .k-slider-buttons .k-slider-items {
17115
- margin: 0;
17116
- padding-top: 38px;
17117
- }
17118
-
17119
- .k-slider-items::after {
17120
- content: "";
17121
- display: block;
17122
- clear: both;
16776
+ .k-slider.k-readonly .k-button,
16777
+ .k-slider.k-readonly .k-slider-track,
16778
+ .k-slider.k-readonly .k-tick,
16779
+ .k-slider.k-readonly .k-draghandle {
16780
+ pointer-events: none;
17123
16781
  }
17124
16782
 
17125
16783
  .k-slider-tooltip .k-callout-n,
@@ -17132,6 +16790,20 @@ kendo-label.k-radio-label > .k-label {
17132
16790
  margin-top: -0.2rem;
17133
16791
  }
17134
16792
 
16793
+ .k-slider kendo-resize-sensor {
16794
+ position: absolute;
16795
+ }
16796
+
16797
+ .k-slider-horizontal .k-slider-wrap:not(.k-slider-buttons) {
16798
+ padding-left: 7px;
16799
+ padding-right: 7px;
16800
+ }
16801
+
16802
+ .k-slider-vertical .k-slider-wrap:not(.k-slider-buttons) {
16803
+ padding-top: 7px;
16804
+ padding-bottom: 7px;
16805
+ }
16806
+
17135
16807
  .k-slider {
17136
16808
  color: #212529;
17137
16809
  }
@@ -17176,10 +16848,6 @@ kendo-label.k-radio-label > .k-label {
17176
16848
  box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.5);
17177
16849
  }
17178
16850
 
17179
- .k-slider .k-slider-wrap:focus {
17180
- outline: none;
17181
- }
17182
-
17183
16851
  .k-slider-horizontal .k-tick {
17184
16852
  background-image: url(data:image/gif;base64,R0lGODlhAQC0AIABALi4uAAAACH5BAEAAAEALAAAAAABALQAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7);
17185
16853
  }
@@ -17442,7 +17110,7 @@ kendo-label.k-radio-label > .k-label {
17442
17110
  display: block;
17443
17111
  position: absolute;
17444
17112
  bottom: 0;
17445
- content: " ";
17113
+ content: "\200b";
17446
17114
  height: 0;
17447
17115
  line-height: 0;
17448
17116
  z-index: 1;
@@ -17476,7 +17144,7 @@ kendo-label.k-radio-label > .k-label {
17476
17144
  .k-calendar-navigation::before, .k-calendar-navigation::after {
17477
17145
  display: block;
17478
17146
  position: absolute;
17479
- content: " ";
17147
+ content: "\200b";
17480
17148
  height: 0;
17481
17149
  line-height: 0;
17482
17150
  z-index: 1;
@@ -17636,7 +17304,7 @@ kendo-label.k-radio-label > .k-label {
17636
17304
  }
17637
17305
 
17638
17306
  .k-calendar .k-calendar-view .k-today.k-state-focused .k-link {
17639
- box-shadow: inset 0 0 0 1px #0d6efd, inset 0 0 0 3px rgba(228, 231, 235, 0.5);
17307
+ box-shadow: inset 0 0 0 1px #0d6efd, inset 0 0 0 0.25rem rgba(228, 231, 235, 0.5);
17640
17308
  }
17641
17309
 
17642
17310
  .k-calendar .k-other-month {
@@ -17675,7 +17343,7 @@ kendo-label.k-radio-label > .k-label {
17675
17343
 
17676
17344
  .k-calendar .k-calendar-td.k-state-focused .k-link,
17677
17345
  .k-calendar .k-calendar-td.k-state-focus .k-link {
17678
- box-shadow: inset 0 0 0 3px rgba(228, 231, 235, 0.5);
17346
+ box-shadow: inset 0 0 0 0.25rem rgba(228, 231, 235, 0.5);
17679
17347
  }
17680
17348
 
17681
17349
  .k-calendar .k-calendar-td.k-state-selected.k-state-focused .k-link,
@@ -17863,7 +17531,7 @@ kendo-label.k-radio-label > .k-label {
17863
17531
 
17864
17532
  .k-time-list-wrapper.k-state-focused::before, .k-time-list-wrapper.k-state-focused::after {
17865
17533
  display: block;
17866
- content: " ";
17534
+ content: "\200b";
17867
17535
  position: absolute;
17868
17536
  width: 100%;
17869
17537
  left: 0;
@@ -17889,13 +17557,14 @@ kendo-label.k-radio-label > .k-label {
17889
17557
  flex: 1;
17890
17558
  position: relative;
17891
17559
  z-index: 1;
17560
+ outline: 0;
17892
17561
  overflow: hidden;
17893
17562
  }
17894
17563
 
17895
17564
  .k-time-list::before, .k-time-list::after {
17896
17565
  display: block;
17897
17566
  position: absolute;
17898
- content: " ";
17567
+ content: "\200b";
17899
17568
  height: 0;
17900
17569
  line-height: 0;
17901
17570
  z-index: 1;
@@ -18223,10 +17892,6 @@ kendo-label.k-radio-label > .k-label {
18223
17892
  z-index: 1;
18224
17893
  }
18225
17894
 
18226
- .k-colorgradient-slider .k-slider-wrap > .k-slider-track {
18227
- height: 180px;
18228
- }
18229
-
18230
17895
  .k-colorgradient-slider .k-slider-selection {
18231
17896
  display: none;
18232
17897
  }
@@ -18425,7 +18090,7 @@ kendo-label.k-radio-label > .k-label {
18425
18090
  border-color: #d6d9dc;
18426
18091
  }
18427
18092
 
18428
- .k-colorpicker {
18093
+ .k-color-picker, .k-colorpicker {
18429
18094
  width: min-content;
18430
18095
  }
18431
18096
 
@@ -18466,6 +18131,13 @@ kendo-label.k-radio-label > .k-label {
18466
18131
  gap: 0.5rem;
18467
18132
  }
18468
18133
 
18134
+ .k-daterangepicker-wrap {
18135
+ display: inherit;
18136
+ flex-flow: inherit;
18137
+ align-items: inherit;
18138
+ gap: inherit;
18139
+ }
18140
+
18469
18141
  .k-dropdowngrid-popup {
18470
18142
  overflow: hidden;
18471
18143
  }
@@ -18754,6 +18426,16 @@ kendo-label.k-radio-label > .k-label {
18754
18426
 
18755
18427
  .k-dropdown-operator {
18756
18428
  width: min-content;
18429
+ flex: none;
18430
+ aspect-ratio: 1;
18431
+ }
18432
+
18433
+ .k-dropdown-operator .k-input-button {
18434
+ border-width: 0;
18435
+ }
18436
+
18437
+ .k-dropdown-operator .k-input-button .k-button-icon {
18438
+ width: auto;
18757
18439
  aspect-ratio: 1;
18758
18440
  }
18759
18441
 
@@ -18768,6 +18450,8 @@ kendo-label.k-radio-label > .k-label {
18768
18450
  box-sizing: border-box;
18769
18451
  outline: 0;
18770
18452
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
18453
+ font-size: 1rem;
18454
+ line-height: 1.5;
18771
18455
  display: block;
18772
18456
  cursor: default;
18773
18457
  overflow: auto;
@@ -18776,8 +18460,15 @@ kendo-label.k-radio-label > .k-label {
18776
18460
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
18777
18461
  }
18778
18462
 
18779
- .k-treeview-group,
18780
- .k-treeview .k-group {
18463
+ .k-treeview-filter {
18464
+ padding: 0.25rem;
18465
+ box-sizing: border-box;
18466
+ display: block;
18467
+ position: relative;
18468
+ flex: none;
18469
+ }
18470
+
18471
+ .k-treeview-group {
18781
18472
  margin: 0;
18782
18473
  padding: 0;
18783
18474
  list-style: none;
@@ -18787,8 +18478,7 @@ kendo-label.k-radio-label > .k-label {
18787
18478
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
18788
18479
  }
18789
18480
 
18790
- .k-treeview-group.ng-animating,
18791
- .k-treeview .k-group.ng-animating {
18481
+ .k-treeview-group.ng-animating {
18792
18482
  overflow: hidden;
18793
18483
  }
18794
18484
 
@@ -18817,23 +18507,21 @@ kendo-label.k-radio-label > .k-label {
18817
18507
  cursor: pointer;
18818
18508
  }
18819
18509
 
18820
- .k-treeview-toggle + .k-checkbox-wrap,
18821
- .k-treeview-toggle + .k-checkbox-wrapper {
18822
- margin-left: 0.5rem;
18823
- }
18824
-
18825
18510
  .k-treeview-loading {
18826
18511
  margin-right: 0.5rem;
18827
18512
  }
18828
18513
 
18829
18514
  .k-treeview .k-checkbox-wrap,
18830
18515
  .k-treeview .k-checkbox-wrapper {
18516
+ margin-left: 0.5rem;
18831
18517
  margin-right: 0.5rem;
18518
+ align-self: center;
18832
18519
  }
18833
18520
 
18834
18521
  .k-treeview-leaf {
18835
18522
  border-radius: 0.25rem;
18836
- border: 1px solid transparent;
18523
+ padding: 0.25rem 0.75rem;
18524
+ border: 0px solid transparent;
18837
18525
  text-decoration: none;
18838
18526
  display: inline-flex;
18839
18527
  align-items: center;
@@ -18848,7 +18536,7 @@ kendo-label.k-radio-label > .k-label {
18848
18536
  margin-right: 0.5rem;
18849
18537
  }
18850
18538
 
18851
- .k-treeview-leaf.k-state-focus, .k-treeview-leaf.k-state-focused {
18539
+ .k-treeview-leaf.k-focus {
18852
18540
  z-index: 1;
18853
18541
  }
18854
18542
 
@@ -18856,7 +18544,7 @@ kendo-label.k-radio-label > .k-label {
18856
18544
  cursor: pointer;
18857
18545
  }
18858
18546
 
18859
- .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 {
18547
+ .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 {
18860
18548
  text-decoration: underline;
18861
18549
  }
18862
18550
 
@@ -18872,27 +18560,12 @@ kendo-label.k-radio-label > .k-label {
18872
18560
  margin-right: -16px;
18873
18561
  }
18874
18562
 
18875
- .k-rtl .k-treeview .k-treeview-toggle + .k-checkbox-wrap,
18876
- .k-rtl .k-treeview .k-treeview-toggle + .k-checkbox-wrapper,
18877
- .k-treeview[dir="rtl"] .k-treeview-toggle + .k-checkbox-wrap,
18878
- .k-treeview[dir="rtl"] .k-treeview-toggle + .k-checkbox-wrapper {
18879
- margin-right: 0.5rem;
18880
- }
18881
-
18882
18563
  .k-rtl .k-treeview .k-treeview-loading,
18883
18564
  .k-treeview[dir="rtl"] .k-treeview-loading {
18884
18565
  margin-right: 0;
18885
18566
  margin-left: 0.5rem;
18886
18567
  }
18887
18568
 
18888
- .k-rtl .k-treeview .k-checkbox-wrap,
18889
- .k-rtl .k-treeview .k-checkbox-wrapper,
18890
- .k-treeview[dir="rtl"] .k-checkbox-wrap,
18891
- .k-treeview[dir="rtl"] .k-checkbox-wrapper {
18892
- margin-right: 0;
18893
- margin-left: 0.5rem;
18894
- }
18895
-
18896
18569
  .k-rtl .k-treeview .k-treeview-leaf .k-icon,
18897
18570
  .k-rtl .k-treeview .k-treeview-leaf .k-image,
18898
18571
  .k-rtl .k-treeview .k-treeview-leaf .k-sprite,
@@ -18910,12 +18583,12 @@ kendo-label.k-radio-label > .k-label {
18910
18583
  }
18911
18584
 
18912
18585
  .k-treeview-sm {
18913
- font-size: 0.75rem;
18586
+ font-size: 1rem;
18914
18587
  line-height: 1.5;
18915
18588
  }
18916
18589
 
18917
18590
  .k-treeview-sm .k-treeview-leaf {
18918
- padding: 0.125rem 0.25rem;
18591
+ padding: 0.125rem 0.75rem;
18919
18592
  }
18920
18593
 
18921
18594
  .k-treeview-md {
@@ -18924,7 +18597,7 @@ kendo-label.k-radio-label > .k-label {
18924
18597
  }
18925
18598
 
18926
18599
  .k-treeview-md .k-treeview-leaf {
18927
- padding: 0.25rem 0.5rem;
18600
+ padding: 0.25rem 0.75rem;
18928
18601
  }
18929
18602
 
18930
18603
  .k-treeview-lg {
@@ -18933,7 +18606,7 @@ kendo-label.k-radio-label > .k-label {
18933
18606
  }
18934
18607
 
18935
18608
  .k-treeview-lg .k-treeview-leaf {
18936
- padding: 0.5rem 0.75rem;
18609
+ padding: 0.375rem 0.75rem;
18937
18610
  }
18938
18611
 
18939
18612
  .k-treeview-leaf {
@@ -19937,7 +19610,7 @@ kendo-label.k-radio-label > .k-label {
19937
19610
  }
19938
19611
 
19939
19612
  .k-appbar {
19940
- padding: 0.5rem 1rem;
19613
+ padding: 0.5rem 0.5rem;
19941
19614
  border-width: 0px;
19942
19615
  border-style: solid;
19943
19616
  box-sizing: border-box;
@@ -19983,10 +19656,14 @@ kendo-label.k-radio-label > .k-label {
19983
19656
  }
19984
19657
 
19985
19658
  .k-appbar .k-input,
19986
- .k-appbar .k-picker:not(.k-colorpicker) {
19659
+ .k-appbar .k-picker {
19987
19660
  width: 10em;
19988
19661
  }
19989
19662
 
19663
+ .k-appbar .k-color-picker, .k-appbar .k-colorpicker {
19664
+ width: min-content;
19665
+ }
19666
+
19990
19667
  .k-appbar-static {
19991
19668
  position: static;
19992
19669
  }
@@ -20765,6 +20442,8 @@ kendo-label.k-radio-label > .k-label {
20765
20442
  }
20766
20443
 
20767
20444
  .k-menu-vertical > .k-menu-item > .k-menu-link {
20445
+ padding: 0.25rem 1rem;
20446
+ padding-right: calc(2rem + 16px);
20768
20447
  }
20769
20448
 
20770
20449
  .k-menu-vertical .k-menu-expand-arrow {
@@ -20826,23 +20505,23 @@ kendo-label.k-radio-label > .k-label {
20826
20505
  }
20827
20506
 
20828
20507
  .k-menu-group-sm {
20829
- font-size: 0.875rem;
20508
+ font-size: 1rem;
20830
20509
  line-height: 1.5;
20831
20510
  }
20832
20511
 
20833
20512
  .k-menu-group-sm .k-menu-item {
20834
- font-size: 0.875rem;
20513
+ font-size: 1rem;
20835
20514
  line-height: 1.5;
20836
20515
  }
20837
20516
 
20838
20517
  .k-menu-group-sm .k-menu-link {
20839
- padding: 0.1875rem 0.75rem;
20840
- padding-inline-end: calc(1.5rem + 16px);
20518
+ padding: 0.125rem 1rem;
20519
+ padding-inline-end: calc(2rem + 16px);
20841
20520
  }
20842
20521
 
20843
20522
  .k-menu-group-sm .k-menu-expand-arrow {
20844
- margin-inline-start: 0.75rem;
20845
- margin-inline-end: calc(-1.125rem + -16px);
20523
+ margin-inline-start: 1rem;
20524
+ margin-inline-end: calc(-1.5rem + -16px);
20846
20525
  }
20847
20526
 
20848
20527
  .k-menu-group-md {
@@ -20867,22 +20546,22 @@ kendo-label.k-radio-label > .k-label {
20867
20546
 
20868
20547
  .k-menu-group-lg {
20869
20548
  font-size: 1.25rem;
20870
- line-height: 2;
20549
+ line-height: 1.5;
20871
20550
  }
20872
20551
 
20873
20552
  .k-menu-group-lg .k-menu-item {
20874
20553
  font-size: 1.25rem;
20875
- line-height: 2;
20554
+ line-height: 1.5;
20876
20555
  }
20877
20556
 
20878
20557
  .k-menu-group-lg .k-menu-link {
20879
- padding: 0.3125rem 1.25rem;
20880
- padding-inline-end: calc(2.5rem + 16px);
20558
+ padding: 0.375rem 1rem;
20559
+ padding-inline-end: calc(2rem + 16px);
20881
20560
  }
20882
20561
 
20883
20562
  .k-menu-group-lg .k-menu-expand-arrow {
20884
- margin-inline-start: 1.25rem;
20885
- margin-inline-end: calc(-1.875rem + -16px);
20563
+ margin-inline-start: 1rem;
20564
+ margin-inline-end: calc(-1.5rem + -16px);
20886
20565
  }
20887
20566
 
20888
20567
  .k-popups-wrapper {
@@ -20979,6 +20658,18 @@ kendo-label.k-radio-label > .k-label {
20979
20658
  margin-left: 0;
20980
20659
  }
20981
20660
 
20661
+ .k-rtl .k-menu-vertical > .k-menu-item > .k-menu-link,
20662
+ [dir="rtl"] .k-menu-vertical > .k-menu-item > .k-menu-link {
20663
+ padding-right: 1rem;
20664
+ padding-left: calc(2rem + 16px);
20665
+ }
20666
+
20667
+ .k-rtl .k-menu-group .k-menu-link,
20668
+ [dir="rtl"] .k-menu-group .k-menu-link {
20669
+ padding-right: 1rem;
20670
+ padding-left: calc(2rem + 16px);
20671
+ }
20672
+
20982
20673
  .k-menu.k-menu-horizontal:not(.k-context-menu) {
20983
20674
  padding: 0.5rem;
20984
20675
  }
@@ -21316,11 +21007,11 @@ kendo-label.k-radio-label > .k-label {
21316
21007
  }
21317
21008
 
21318
21009
  .k-window-content:first-child {
21319
- padding-top: max( 1rem, 1rem );
21010
+ padding-top: clamp(1rem, 1rem, 1rem);
21320
21011
  }
21321
21012
 
21322
21013
  .k-window-content:last-child {
21323
- padding-bottom: max( 1rem, 1rem );
21014
+ padding-bottom: clamp(1rem, 1rem, 1rem);
21324
21015
  }
21325
21016
 
21326
21017
  .k-window-iframecontent {
@@ -21350,6 +21041,10 @@ kendo-label.k-radio-label > .k-label {
21350
21041
  overflow: hidden;
21351
21042
  }
21352
21043
 
21044
+ .k-prompt-container > .k-textarea {
21045
+ width: 100%;
21046
+ }
21047
+
21353
21048
  .k-window .k-resize-n {
21354
21049
  top: 0;
21355
21050
  }
@@ -23040,7 +22735,8 @@ kendo-card-footer {
23040
22735
  position: relative;
23041
22736
  }
23042
22737
 
23043
- .k-pager-numbers-wrap select.k-dropdown-list {
22738
+ .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-numbers-wrap select.k-dropdown,
22739
+ .k-pager-numbers-wrap select.k-dropdownlist {
23044
22740
  cursor: pointer;
23045
22741
  display: none;
23046
22742
  }
@@ -23096,15 +22792,19 @@ kendo-card-footer {
23096
22792
  width: 5em;
23097
22793
  }
23098
22794
 
23099
- .k-pager-sizes .k-dropdown-list,
22795
+ .k-pager-sizes .k-dropdown-list, .k-pager-sizes .k-dropdown,
22796
+ .k-pager-sizes .k-dropdownlist,
23100
22797
  .k-pager-sizes > select {
23101
22798
  margin-right: 1ex;
23102
22799
  width: 5em;
23103
22800
  }
23104
22801
 
23105
- .k-rtl .k-pager-sizes .k-dropdown-list,
22802
+ .k-rtl .k-pager-sizes .k-dropdown-list, .k-rtl .k-pager-sizes .k-dropdown,
22803
+ .k-rtl .k-pager-sizes .k-dropdownlist,
23106
22804
  .k-rtl .k-pager-sizes > select,
23107
22805
  [dir="rtl"] .k-pager-sizes .k-dropdown-list,
22806
+ [dir="rtl"] .k-pager-sizes .k-dropdown,
22807
+ [dir="rtl"] .k-pager-sizes .k-dropdownlist,
23108
22808
  [dir="rtl"] .k-pager-sizes > select {
23109
22809
  margin-left: 1ex;
23110
22810
  margin-right: 0;
@@ -23132,7 +22832,8 @@ kendo-card-footer {
23132
22832
  overflow: visible;
23133
22833
  }
23134
22834
 
23135
- .k-pager-sm .k-pager-numbers-wrap select.k-dropdown-list {
22835
+ .k-pager-sm .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-sm .k-pager-numbers-wrap select.k-dropdown,
22836
+ .k-pager-sm .k-pager-numbers-wrap select.k-dropdownlist {
23136
22837
  width: 5em;
23137
22838
  display: flex;
23138
22839
  }
@@ -23629,7 +23330,7 @@ kendo-card-footer {
23629
23330
  color: inherit;
23630
23331
  background-color: transparent;
23631
23332
  display: flex;
23632
- flex-direction: column;
23333
+ flex-flow: column nowrap;
23633
23334
  -webkit-touch-callout: none;
23634
23335
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
23635
23336
  }
@@ -23723,6 +23424,7 @@ kendo-card-footer {
23723
23424
  top: 0;
23724
23425
  left: 0;
23725
23426
  transition: width .2s linear;
23427
+ display: none;
23726
23428
  }
23727
23429
 
23728
23430
  .k-tabstrip-items .k-loading.k-complete {
@@ -23732,6 +23434,7 @@ kendo-card-footer {
23732
23434
 
23733
23435
  .k-tabstrip-scrollable > .k-tabstrip-items-wrapper > .k-tabstrip-items {
23734
23436
  flex: 1 1 auto;
23437
+ flex-wrap: nowrap;
23735
23438
  white-space: nowrap;
23736
23439
  overflow: hidden;
23737
23440
  }
@@ -24806,11 +24509,6 @@ kendo-card-footer {
24806
24509
  box-sizing: border-box;
24807
24510
  }
24808
24511
 
24809
- .k-pane-wrapper .k-grid-filter-menu .k-filter-selected-items {
24810
- margin: 1em;
24811
- font-weight: normal;
24812
- }
24813
-
24814
24512
  .k-pane-wrapper .k-grid-edit-form .k-popup-edit-form,
24815
24513
  .k-pane-wrapper .k-grid-edit-form .k-edit-form-container {
24816
24514
  width: auto;
@@ -25044,39 +24742,8 @@ kendo-card-footer {
25044
24742
  border-bottom-width: 0;
25045
24743
  }
25046
24744
 
25047
- .k-pane-wrapper .k-grid-edit-form > .k-header,
25048
- .k-pane-wrapper .k-grid-column-menu > .k-header,
25049
- .k-pane-wrapper .k-grid-filter-menu > .k-header,
25050
- .k-pane-wrapper .k-scheduler-edit-form > .k-header {
25051
- display: flex;
25052
- justify-content: space-between;
25053
- padding: .3em .6em;
25054
- width: auto;
25055
- line-height: 2em;
25056
- }
25057
-
25058
- .k-pane-wrapper .k-grid-edit-form > .k-header .k-header-done,
25059
- .k-pane-wrapper .k-grid-edit-form > .k-header .k-header-cancel,
25060
- .k-pane-wrapper .k-grid-column-menu > .k-header .k-header-done,
25061
- .k-pane-wrapper .k-grid-column-menu > .k-header .k-header-cancel,
25062
- .k-pane-wrapper .k-grid-filter-menu > .k-header .k-header-done,
25063
- .k-pane-wrapper .k-grid-filter-menu > .k-header .k-header-cancel,
25064
- .k-pane-wrapper .k-scheduler-edit-form > .k-header .k-header-done,
25065
- .k-pane-wrapper .k-scheduler-edit-form > .k-header .k-header-cancel {
25066
- display: flex;
25067
- flex-direction: row;
25068
- align-items: center;
25069
- }
25070
-
25071
- .k-pane-wrapper .k-grid-edit-form > .k-header .k-header-done .k-icon,
25072
- .k-pane-wrapper .k-grid-edit-form > .k-header .k-header-cancel .k-icon,
25073
- .k-pane-wrapper .k-grid-column-menu > .k-header .k-header-done .k-icon,
25074
- .k-pane-wrapper .k-grid-column-menu > .k-header .k-header-cancel .k-icon,
25075
- .k-pane-wrapper .k-grid-filter-menu > .k-header .k-header-done .k-icon,
25076
- .k-pane-wrapper .k-grid-filter-menu > .k-header .k-header-cancel .k-icon,
25077
- .k-pane-wrapper .k-scheduler-edit-form > .k-header .k-header-done .k-icon,
25078
- .k-pane-wrapper .k-scheduler-edit-form > .k-header .k-header-cancel .k-icon {
25079
- font-size: 1.5em;
24745
+ .k-pane-wrapper .k-appbar {
24746
+ padding: 0.25rem;
25080
24747
  }
25081
24748
 
25082
24749
  .k-pane-wrapper .k-list-title,
@@ -25085,22 +24752,66 @@ kendo-card-footer {
25085
24752
  display: block;
25086
24753
  }
25087
24754
 
24755
+ .k-pane-wrapper .k-listgroup-title {
24756
+ padding: 0.5rem 1rem;
24757
+ font-weight: bold;
24758
+ text-transform: uppercase;
24759
+ }
24760
+
25088
24761
  .k-pane-wrapper .k-listgroup .k-listgroup-item {
25089
24762
  border-color: inherit;
25090
24763
  }
25091
24764
 
25092
24765
  .k-pane-wrapper .k-listgroup + .k-listgroup {
25093
- margin-top: 2em;
24766
+ margin-top: 1rem;
24767
+ }
24768
+
24769
+ .k-pane-wrapper .k-column-menu {
24770
+ padding: 0.5rem;
24771
+ display: flex;
24772
+ flex-flow: column nowrap;
24773
+ gap: 0.5rem;
25094
24774
  }
25095
24775
 
25096
24776
  .k-pane-wrapper .k-column-menu .k-filter-item .k-filterable * {
25097
24777
  pointer-events: none;
25098
24778
  }
25099
24779
 
24780
+ .k-pane-wrapper .k-column-menu .k-list-title,
24781
+ .k-pane-wrapper .k-column-menu .k-listgroup-title {
24782
+ padding: 0;
24783
+ }
24784
+
24785
+ .k-pane-wrapper .k-column-menu .k-listgroup {
24786
+ margin-inline: -0.5rem;
24787
+ }
24788
+
24789
+ .k-pane-wrapper .k-filter-menu {
24790
+ padding: 0.5rem;
24791
+ display: flex;
24792
+ flex-flow: column nowrap;
24793
+ gap: 0.5rem;
24794
+ }
24795
+
24796
+ .k-pane-wrapper .k-filter-menu .k-list-title {
24797
+ padding: 0;
24798
+ }
24799
+
24800
+ .k-pane-wrapper .k-filter-menu .k-list-filter {
24801
+ padding: 0;
24802
+ display: flex;
24803
+ flex-flow: column nowrap;
24804
+ gap: inherit;
24805
+ }
24806
+
25100
24807
  .k-pane-wrapper .k-filter-menu .k-filter-tools {
25101
- margin: 1em;
25102
24808
  display: flex;
25103
- justify-content: space-between;
24809
+ flex-flow: row nowrap;
24810
+ gap: inherit;
24811
+ }
24812
+
24813
+ .k-pane-wrapper .k-filter-menu .k-listgroup {
24814
+ margin-inline: -0.5rem;
25104
24815
  }
25105
24816
 
25106
24817
  .k-pane-wrapper .k-popup-edit-form .k-recur-editor-wrap {
@@ -25127,27 +24838,12 @@ kendo-card-footer {
25127
24838
  display: none;
25128
24839
  }
25129
24840
 
25130
- .k-ie .k-pane-wrapper .k-scheduler .k-scheduler-toolbar,
25131
- .k-ie .k-pane-wrapper .k-scheduler .k-scheduler-footer {
25132
- line-height: 2em;
25133
- }
25134
-
25135
- .k-ie .k-pane-wrapper .k-grid .k-icon {
25136
- text-indent: 0;
25137
- }
25138
-
25139
- .k-rtl .k-pane-wrapper .k-grid-edit-form > .k-header,
25140
- .k-rtl .k-pane-wrapper .k-grid-column-menu > .k-header,
25141
- .k-rtl .k-pane-wrapper .k-grid-filter-menu > .k-header,
25142
- .k-rtl .k-pane-wrapper .k-scheduler-edit-form > .k-header, .k-pane-wrapper[dir="rtl"] .k-grid-edit-form > .k-header,
25143
- .k-pane-wrapper[dir="rtl"] .k-grid-column-menu > .k-header,
25144
- .k-pane-wrapper[dir="rtl"] .k-grid-filter-menu > .k-header,
25145
- .k-pane-wrapper[dir="rtl"] .k-scheduler-edit-form > .k-header,
25146
- [dir="rtl"] .k-pane-wrapper .k-grid-edit-form > .k-header,
25147
- [dir="rtl"] .k-pane-wrapper .k-grid-column-menu > .k-header,
25148
- [dir="rtl"] .k-pane-wrapper .k-grid-filter-menu > .k-header,
25149
- [dir="rtl"] .k-pane-wrapper .k-scheduler-edit-form > .k-header {
25150
- flex-direction: row-reverse;
24841
+ .k-rtl .k-pane-wrapper .k-header-cancel .k-i-arrow-chevron-left,
24842
+ .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,
24843
+ .k-pane-wrapper[dir="rtl"] .k-listgroup-item .k-select .k-i-arrow-chevron-right,
24844
+ [dir="rtl"] .k-pane-wrapper .k-header-cancel .k-i-arrow-chevron-left,
24845
+ [dir="rtl"] .k-pane-wrapper .k-listgroup-item .k-select .k-i-arrow-chevron-right {
24846
+ transform: scaleX(-1);
25151
24847
  }
25152
24848
 
25153
24849
  .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,
@@ -25169,11 +24865,6 @@ kendo-card-footer {
25169
24865
  margin-right: 0;
25170
24866
  }
25171
24867
 
25172
- .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,
25173
- [dir="rtl"] .k-pane-wrapper .k-scheduler-edit-form .k-item .k-i-arrow-chevron-right {
25174
- transform: scaleX(-1);
25175
- }
25176
-
25177
24868
  .k-pane-wrapper,
25178
24869
  .k-view {
25179
24870
  border-color: #dee2e6;
@@ -25225,21 +24916,6 @@ kendo-card-footer {
25225
24916
  background-color: inherit;
25226
24917
  }
25227
24918
 
25228
- .k-pane-wrapper .k-pane .k-grid-edit-form .k-header,
25229
- .k-pane-wrapper .k-pane .k-grid-column-menu .k-header,
25230
- .k-pane-wrapper .k-pane .k-grid-filter-menu .k-header,
25231
- .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-header {
25232
- color: white;
25233
- background-color: #0d6efd;
25234
- }
25235
-
25236
- .k-pane-wrapper .k-pane .k-grid-edit-form .k-header .k-link,
25237
- .k-pane-wrapper .k-pane .k-grid-column-menu .k-header .k-link,
25238
- .k-pane-wrapper .k-pane .k-grid-filter-menu .k-header .k-link,
25239
- .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-header .k-link {
25240
- color: inherit;
25241
- }
25242
-
25243
24919
  .k-pane-wrapper .k-pane .k-grid-edit-form .k-item,
25244
24920
  .k-pane-wrapper .k-pane .k-grid-edit-form .k-link,
25245
24921
  .k-pane-wrapper .k-pane .k-grid-column-menu .k-item,
@@ -26023,6 +25699,7 @@ div.k-grid-footer {
26023
25699
 
26024
25700
  .k-filtercell > span,
26025
25701
  .k-filtercell .k-filtercell-wrapper {
25702
+ width: 100%;
26026
25703
  display: flex;
26027
25704
  flex-flow: row nowrap;
26028
25705
  align-items: center;
@@ -26035,6 +25712,18 @@ div.k-grid-footer {
26035
25712
  flex: none;
26036
25713
  }
26037
25714
 
25715
+ .k-filtercell .k-input,
25716
+ .k-filtercell .k-picker {
25717
+ width: auto;
25718
+ flex: 1 1 auto;
25719
+ }
25720
+
25721
+ .k-filtercell .k-color-picker, .k-filtercell .k-colorpicker,
25722
+ .k-filtercell .k-dropdown-operator {
25723
+ width: min-content;
25724
+ flex: none;
25725
+ }
25726
+
26038
25727
  .k-grid-content,
26039
25728
  .k-grid-content-locked {
26040
25729
  border-color: inherit;
@@ -26067,6 +25756,17 @@ div.k-grid-footer {
26067
25756
  position: relative;
26068
25757
  }
26069
25758
 
25759
+ .k-grid th > .k-radio,
25760
+ .k-grid th > .k-radio-wrap,
25761
+ .k-grid th > .k-checkbox,
25762
+ .k-grid th > .k-checkbox-wrap,
25763
+ .k-grid td > .k-radio,
25764
+ .k-grid td > .k-radio-wrap,
25765
+ .k-grid td > .k-checkbox,
25766
+ .k-grid td > .k-checkbox-wrap {
25767
+ vertical-align: top;
25768
+ }
25769
+
26070
25770
  .k-grid .k-edit-cell,
26071
25771
  .k-grid .k-command-cell,
26072
25772
  .k-grid .k-grid-edit-row td {
@@ -26085,6 +25785,17 @@ div.k-grid-footer {
26085
25785
  box-sizing: border-box;
26086
25786
  }
26087
25787
 
25788
+ .k-grid .k-edit-cell > .k-radio,
25789
+ .k-grid .k-edit-cell > .k-checkbox,
25790
+ .k-grid .k-edit-cell > .k-radio-wrap,
25791
+ .k-grid .k-edit-cell > .k-checkbox-wrap,
25792
+ .k-grid .k-grid-edit-row td > .k-radio,
25793
+ .k-grid .k-grid-edit-row td > .k-checkbox,
25794
+ .k-grid .k-grid-edit-row td > .k-radio-wrap,
25795
+ .k-grid .k-grid-edit-row td > .k-checkbox-wrap {
25796
+ vertical-align: middle;
25797
+ }
25798
+
26088
25799
  .k-grid .k-command-cell > .k-button {
26089
25800
  vertical-align: middle;
26090
25801
  }
@@ -26516,12 +26227,8 @@ div.k-grid-norecords {
26516
26227
  .k-popup .k-multicheck-wrap .k-item,
26517
26228
  .k-popup .k-multicheck-wrap .k-check-all-wrap {
26518
26229
  padding: 0.25rem 1rem;
26519
- }
26520
-
26521
- .k-popup .k-multicheck-wrap .k-item > .k-checkbox-label,
26522
- .k-popup .k-multicheck-wrap .k-check-all-wrap > .k-checkbox-label {
26523
- line-height: inherit;
26524
- display: block;
26230
+ display: flex;
26231
+ flex-flow: row nowrap;
26525
26232
  }
26526
26233
 
26527
26234
  .k-filter-selected-items {
@@ -26556,7 +26263,7 @@ div.k-grid-norecords {
26556
26263
 
26557
26264
  .k-popup > .k-column-menu-popup, .k-popup >
26558
26265
  .k-grid-columnmenu-popup {
26559
- width: 100%;
26266
+ max-width: 100%;
26560
26267
  }
26561
26268
 
26562
26269
  .k-column-menu-popup .k-actions, .k-column-menu-popup .k-edit-buttons,
@@ -26603,10 +26310,17 @@ div.k-grid-norecords {
26603
26310
  }
26604
26311
 
26605
26312
  .k-column-list-item {
26606
- position: relative;
26607
- display: block;
26608
26313
  margin: 0;
26314
+ display: flex;
26315
+ flex-flow: row nowrap;
26316
+ align-items: center;
26317
+ gap: 4px;
26609
26318
  cursor: pointer;
26319
+ position: relative;
26320
+ }
26321
+
26322
+ .k-column-list-item .k-checkbox-label {
26323
+ margin: 0;
26610
26324
  }
26611
26325
 
26612
26326
  .k-columns-items-wrap {
@@ -26775,11 +26489,6 @@ div.k-grid-norecords {
26775
26489
  background-color: #bdd4f7;
26776
26490
  }
26777
26491
 
26778
- .k-grid .k-grid-content-locked .k-state-hover td,
26779
- .k-grid .k-grid-content-locked tr:hover td {
26780
- background-color: #ebebeb;
26781
- }
26782
-
26783
26492
  .k-grid .k-grid-content-locked .k-state-selected:hover td,
26784
26493
  .k-grid .k-grid-content-locked .k-state-selected.k-state-hover td {
26785
26494
  background-color: #b8cff1;
@@ -27288,10 +26997,14 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
27288
26997
  }
27289
26998
 
27290
26999
  .k-spreadsheet-toolbar .k-input,
27291
- .k-spreadsheet-toolbar .k-picker:not(.k-colorpicker) {
27000
+ .k-spreadsheet-toolbar .k-picker {
27292
27001
  width: 5em;
27293
27002
  }
27294
27003
 
27004
+ .k-spreadsheet-toolbar .k-color-picker, .k-spreadsheet-toolbar .k-colorpicker {
27005
+ width: min-content;
27006
+ }
27007
+
27295
27008
  .k-spreadsheet-action-bar {
27296
27009
  border-width: 0 0 1px;
27297
27010
  border-style: solid;
@@ -28530,7 +28243,8 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
28530
28243
  align-items: flex-start;
28531
28244
  }
28532
28245
 
28533
- .k-pivotgrid-configurator-content .k-form .k-dropdown-list {
28246
+ .k-pivotgrid-configurator-content .k-form .k-dropdown-list, .k-pivotgrid-configurator-content .k-form .k-dropdown,
28247
+ .k-pivotgrid-configurator-content .k-form .k-dropdownlist {
28534
28248
  max-width: 90px;
28535
28249
  }
28536
28250
 
@@ -28621,7 +28335,8 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
28621
28335
  margin-right: 0.5rem;
28622
28336
  }
28623
28337
 
28624
- .k-calculated-field-actions .k-dropdown-list {
28338
+ .k-calculated-field-actions .k-dropdown-list, .k-calculated-field-actions .k-dropdown,
28339
+ .k-calculated-field-actions .k-dropdownlist {
28625
28340
  max-width: 100px;
28626
28341
  }
28627
28342
 
@@ -29081,7 +28796,7 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
29081
28796
  }
29082
28797
 
29083
28798
  .k-pivot-toolbar .k-button:focus, .k-pivot-toolbar .k-button.k-state-focus, .k-pivot-toolbar .k-button.k-state-focused {
29084
- box-shadow: 0 0 0 3px rgba(228, 231, 235, 0.5);
28799
+ box-shadow: 0 0 0 0.25rem rgba(228, 231, 235, 0.5);
29085
28800
  }
29086
28801
 
29087
28802
  .k-pivot-toolbar .k-button.k-empty {
@@ -29177,12 +28892,13 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
29177
28892
  }
29178
28893
 
29179
28894
  .k-pivot-toolbar .k-button.k-state-selected {
29180
- border-color: #bfc6d0;
29181
- background-color: #c7cdd5;
28895
+ border-color: #0252c9;
28896
+ color: white;
28897
+ background-color: #0257d5;
29182
28898
  }
29183
28899
 
29184
28900
  .k-pivot-toolbar .k-button:focus, .k-pivot-toolbar .k-button.k-state-focus, .k-pivot-toolbar .k-button.k-state-focused {
29185
- box-shadow: 0 0 0 3px rgba(228, 231, 235, 0.5);
28901
+ box-shadow: 0 0 0 0.25rem rgba(228, 231, 235, 0.5);
29186
28902
  }
29187
28903
 
29188
28904
  .k-fieldselector .k-i-loading {
@@ -29224,6 +28940,7 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
29224
28940
  .k-treelist .k-status .k-loading {
29225
28941
  vertical-align: baseline;
29226
28942
  margin-right: 5px;
28943
+ display: none;
29227
28944
  }
29228
28945
 
29229
28946
  .k-treelist tr.k-hidden {
@@ -29361,6 +29078,11 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
29361
29078
  border-style: solid;
29362
29079
  }
29363
29080
 
29081
+ .k-filter .k-filter-operator .k-dropdown-list, .k-filter .k-filter-operator .k-dropdown,
29082
+ .k-filter .k-filter-operator .k-dropdownlist {
29083
+ width: 15em;
29084
+ }
29085
+
29364
29086
  .k-filter .k-filter-item {
29365
29087
  position: relative;
29366
29088
  }
@@ -30264,10 +29986,6 @@ td.k-editor-content {
30264
29986
  padding: 10px 0 40px;
30265
29987
  }
30266
29988
 
30267
- .k-editor-find-replace .k-search-options > span {
30268
- padding-bottom: 0.5rem;
30269
- }
30270
-
30271
29989
  .k-editor-find-replace .k-matches-container {
30272
29990
  position: absolute;
30273
29991
  bottom: 0;
@@ -30478,16 +30196,17 @@ td.k-editor-content {
30478
30196
  width: 10em;
30479
30197
  }
30480
30198
 
30481
- .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdown-list {
30199
+ .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdown-list, .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdown,
30200
+ .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdownlist {
30482
30201
  width: 5em;
30483
30202
  }
30484
30203
 
30485
- .k-editor-table-wizard-dialog .k-numerictextbox + .k-colorpicker,
30486
- .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdown-list {
30204
+ .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,
30205
+ .k-editor-table-wizard-dialog .k-numerictextbox + .k-dropdownlist {
30487
30206
  margin-left: 0.5rem;
30488
30207
  }
30489
30208
 
30490
- .k-editor-table-wizard-dialog .k-colorpicker {
30209
+ .k-editor-table-wizard-dialog .k-color-picker, .k-editor-table-wizard-dialog .k-colorpicker {
30491
30210
  vertical-align: middle;
30492
30211
  }
30493
30212
 
@@ -31186,7 +30905,7 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
31186
30905
  }
31187
30906
 
31188
30907
  .k-gantt-tasks td::after {
31189
- content: "\a0";
30908
+ content: "\200b";
31190
30909
  }
31191
30910
 
31192
30911
  .k-task-wrap {
@@ -32482,7 +32201,7 @@ kendo-scheduler .k-event .k-event-bottom-actions,
32482
32201
  }
32483
32202
 
32484
32203
  .k-recurrence-editor {
32485
- display: inline-flex;
32204
+ display: flex;
32486
32205
  flex-direction: column;
32487
32206
  }
32488
32207
 
@@ -32691,7 +32410,7 @@ kendo-scheduler .k-recurrence-editor {
32691
32410
  }
32692
32411
 
32693
32412
  .k-scheduler-edit-form .k-edit-form-container {
32694
- width: 620px;
32413
+ width: 100%;
32695
32414
  }
32696
32415
 
32697
32416
  .k-scheduler-edit-form .k-edit-label {
@@ -32702,23 +32421,36 @@ kendo-scheduler .k-recurrence-editor {
32702
32421
  width: 77%;
32703
32422
  }
32704
32423
 
32705
- .k-scheduler-edit-form .k-scheduler-delete {
32706
- float: left;
32424
+ .k-scheduler-edit-form .k-edit-field > ul > li {
32425
+ display: flex;
32426
+ flex-flow: row nowrap;
32427
+ align-items: center;
32428
+ }
32429
+
32430
+ .k-scheduler-edit-form .k-recurrence-editor .k-radio-list .k-radio-wrap,
32431
+ .k-scheduler-edit-form .k-recurrence-editor .k-checkbox-list .k-checkbox-wrap {
32432
+ align-self: center;
32707
32433
  }
32708
32434
 
32709
- .k-scheduler-edit-form .k-widget.k-recur-interval,
32710
- .k-scheduler-edit-form .k-widget.k-recur-count,
32711
- .k-scheduler-edit-form .k-widget.k-recur-monthday {
32435
+ .k-scheduler-edit-form .k-recur-interval,
32436
+ .k-scheduler-edit-form .k-recur-count,
32437
+ .k-scheduler-edit-form .k-recur-monthday {
32712
32438
  width: 5em;
32713
32439
  }
32714
32440
 
32715
- .k-scheduler-edit-form .k-widget.k-recur-until,
32716
- .k-scheduler-edit-form .k-widget.k-recur-month,
32717
- .k-scheduler-edit-form .k-widget.k-recur-weekday,
32718
- .k-scheduler-edit-form .k-widget.k-recur-weekday-offset {
32441
+ .k-scheduler-edit-form .k-recur-until,
32442
+ .k-scheduler-edit-form .k-recur-month,
32443
+ .k-scheduler-edit-form .k-recur-weekday,
32444
+ .k-scheduler-edit-form .k-recur-weekday-offset {
32719
32445
  width: 10em;
32720
32446
  }
32721
32447
 
32448
+ .k-scheduler-edit-form .k-scheduler-datetime-picker {
32449
+ display: flex;
32450
+ flex-flow: row nowrap;
32451
+ gap: 0.5rem;
32452
+ }
32453
+
32722
32454
  .k-rtl .k-scheduler-header th,
32723
32455
  .k-rtl .k-scheduler-table td {
32724
32456
  border-width: 0 1px 1px 0;
@@ -33256,7 +32988,8 @@ kendo-scheduler .k-event .k-event-actions,
33256
32988
  box-sizing: border-box;
33257
32989
  border-width: 1px 0 0;
33258
32990
  border-style: solid;
33259
- border-radius: 0;
32991
+ border-color: inherit !important;
32992
+ border-radius: 0 !important;
33260
32993
  flex: none;
33261
32994
  display: flex;
33262
32995
  flex-flow: row nowrap;
@@ -33280,10 +33013,6 @@ kendo-scheduler .k-event .k-event-actions,
33280
33013
  display: inline-block;
33281
33014
  }
33282
33015
 
33283
- .k-message-box .k-button::before, .k-message-box .k-button::after {
33284
- display: none;
33285
- }
33286
-
33287
33016
  .k-rtl .k-message-box .k-button, .k-message-box .k-button[dir="rtl"] {
33288
33017
  transform: scaleX(-1);
33289
33018
  }
@@ -33406,12 +33135,19 @@ kendo-scheduler .k-event .k-event-actions,
33406
33135
  .k-chat-toolbar .k-scroll-button,
33407
33136
  .k-chat .k-toolbar-box .k-scroll-button {
33408
33137
  height: 100%;
33138
+ aspect-ratio: auto;
33409
33139
  position: absolute;
33410
33140
  z-index: 2;
33411
33141
  top: 50%;
33412
33142
  transform: translateY(-50%);
33413
33143
  }
33414
33144
 
33145
+ .k-chat-toolbar .k-scroll-button .k-button-icon,
33146
+ .k-chat .k-toolbar-box .k-scroll-button .k-button-icon {
33147
+ min-width: auto;
33148
+ min-height: auto;
33149
+ }
33150
+
33415
33151
  .k-chat-toolbar .k-scroll-button-left,
33416
33152
  .k-chat .k-toolbar-box .k-scroll-button-left {
33417
33153
  left: 0;
@@ -33562,16 +33298,6 @@ kendo-scheduler .k-event .k-event-actions,
33562
33298
  background-color: #0d6efd;
33563
33299
  }
33564
33300
 
33565
- .k-chat .k-message-box {
33566
- border-color: inherit;
33567
- color: #495057;
33568
- background-color: #ffffff;
33569
- }
33570
-
33571
- .k-chat .k-message-box.k-state-focused {
33572
- box-shadow: 0 0 40px rgba(73, 80, 87, 0.1);
33573
- }
33574
-
33575
33301
  .k-chat-toolbar,
33576
33302
  .k-chat .k-toolbar-box {
33577
33303
  border-color: inherit;
@@ -33623,7 +33349,8 @@ kendo-scheduler .k-event .k-event-actions,
33623
33349
  box-shadow: none;
33624
33350
  }
33625
33351
 
33626
- .k-mediaplayer-toolbar .k-dropdown-list {
33352
+ .k-mediaplayer-toolbar .k-dropdown-list, .k-mediaplayer-toolbar .k-dropdown,
33353
+ .k-mediaplayer-toolbar .k-dropdownlist {
33627
33354
  width: auto;
33628
33355
  }
33629
33356
 
@@ -33636,12 +33363,17 @@ kendo-scheduler .k-event .k-event-actions,
33636
33363
  align-items: center;
33637
33364
  }
33638
33365
 
33366
+ .k-mediaplayer-volume {
33367
+ width: 100px;
33368
+ }
33369
+
33639
33370
  .k-slider.k-mediaplayer-seekbar {
33640
33371
  width: 100%;
33641
33372
  position: absolute;
33642
33373
  z-index: 3;
33643
- top: -17px;
33374
+ top: 0;
33644
33375
  left: 0;
33376
+ transform: translateY(-50%);
33645
33377
  }
33646
33378
 
33647
33379
  .k-mediaplayer-seekbar .k-slider-track {
@@ -33649,6 +33381,10 @@ kendo-scheduler .k-event .k-event-actions,
33649
33381
  border-radius: 0;
33650
33382
  }
33651
33383
 
33384
+ .k-mediaplayer-seekbar .k-slider-selection {
33385
+ border-radius: 0;
33386
+ }
33387
+
33652
33388
  .k-mediaplayer-fullscreen {
33653
33389
  z-index: 10000;
33654
33390
  position: fixed;