@progress/kendo-theme-default 4.43.1-dev.5 → 4.44.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (78) hide show
  1. package/dist/all.css +2131 -1183
  2. package/dist/all.scss +1801 -1408
  3. package/package.json +2 -2
  4. package/scss/action-buttons/_layout.scss +7 -0
  5. package/scss/action-sheet/_layout.scss +6 -0
  6. package/scss/appbar/_layout.scss +6 -1
  7. package/scss/autocomplete/_layout.scss +6 -0
  8. package/scss/avatar/_layout.scss +6 -0
  9. package/scss/badge/_layout.scss +6 -0
  10. package/scss/bottom-navigation/_layout.scss +6 -0
  11. package/scss/breadcrumb/_layout.scss +6 -0
  12. package/scss/button/_layout.scss +80 -92
  13. package/scss/button/_theme.scss +177 -112
  14. package/scss/button/_variables.scss +80 -14
  15. package/scss/captcha/_layout.scss +6 -0
  16. package/scss/card/_layout.scss +6 -0
  17. package/scss/chat/_layout.scss +9 -2
  18. package/scss/chip/_layout.scss +6 -0
  19. package/scss/color-preview/_layout.scss +6 -0
  20. package/scss/coloreditor/_layout.scss +6 -0
  21. package/scss/colorgradient/_layout.scss +6 -4
  22. package/scss/colorpalette/_layout.scss +6 -0
  23. package/scss/colorpicker/_layout.scss +6 -3
  24. package/scss/combobox/_layout.scss +6 -1
  25. package/scss/common/_loading.scss +15 -13
  26. package/scss/dateinput/_layout.scss +7 -1
  27. package/scss/datepicker/_layout.scss +6 -0
  28. package/scss/daterangepicker/_layout.scss +6 -0
  29. package/scss/datetimepicker/_layout.scss +6 -2
  30. package/scss/drawer/_layout.scss +6 -0
  31. package/scss/dropdownlist/_layout.scss +6 -1
  32. package/scss/expansion-panel/_layout.scss +6 -1
  33. package/scss/fab/_layout.scss +6 -0
  34. package/scss/filter/_layout.scss +8 -0
  35. package/scss/floating-label/_layout.scss +7 -0
  36. package/scss/grid/_layout.scss +4 -3
  37. package/scss/grid/_theme.scss +2 -8
  38. package/scss/imageeditor/_layout.scss +6 -0
  39. package/scss/list/_layout.scss +10 -28
  40. package/scss/list/_theme.scss +4 -4
  41. package/scss/listbox/_layout.scss +9 -0
  42. package/scss/map/_layout.scss +7 -0
  43. package/scss/maskedtextbox/_layout.scss +6 -0
  44. package/scss/mediaplayer/_layout.scss +14 -1
  45. package/scss/multiselect/_layout.scss +8 -2
  46. package/scss/notification/_layout.scss +6 -0
  47. package/scss/numerictextbox/_layout.scss +6 -2
  48. package/scss/orgchart/_layout.scss +6 -0
  49. package/scss/pager/_layout.scss +6 -2
  50. package/scss/panelbar/_layout.scss +6 -0
  51. package/scss/pivotgrid/_layout.scss +55 -83
  52. package/scss/pivotgrid/_theme.scss +39 -73
  53. package/scss/popover/_layout.scss +6 -0
  54. package/scss/progressbar/_layout.scss +6 -0
  55. package/scss/rating/_layout.scss +6 -1
  56. package/scss/scheduler/_layout.scss +6 -0
  57. package/scss/searchbox/_layout.scss +6 -0
  58. package/scss/slider/_layout.scss +71 -144
  59. package/scss/slider/_theme.scss +0 -6
  60. package/scss/spreadsheet/_layout.scss +1 -0
  61. package/scss/stepper/_layout.scss +6 -1
  62. package/scss/switch/_layout.scss +14 -9
  63. package/scss/switch/_variables.scss +127 -33
  64. package/scss/tabstrip/_layout.scss +26 -4
  65. package/scss/taskboard/_layout.scss +6 -2
  66. package/scss/textarea/_layout.scss +6 -0
  67. package/scss/textbox/_layout.scss +6 -0
  68. package/scss/timeline/_layout.scss +8 -4
  69. package/scss/timepicker/_layout.scss +6 -1
  70. package/scss/timeselector/_layout.scss +1 -0
  71. package/scss/toolbar/_index.scss +1 -0
  72. package/scss/toolbar/_layout.scss +1 -0
  73. package/scss/tooltip/_layout.scss +6 -1
  74. package/scss/treelist/_layout.scss +4 -0
  75. package/scss/treeview/_layout.scss +17 -18
  76. package/scss/upload/_layout.scss +6 -1
  77. package/scss/window/_layout.scss +2 -2
  78. package/scss/wizard/_layout.scss +4 -0
package/dist/all.css CHANGED
@@ -958,26 +958,33 @@ kendo-sortable {
958
958
  bottom: -4px;
959
959
  }
960
960
 
961
- .k-loading {
962
- width: 64px;
963
- height: 64px;
964
- display: block;
965
- }
966
-
967
- .k-loading .animate {
968
- animation: loading 2s infinite linear;
969
- }
970
-
971
961
  .k-loading-mask,
972
962
  .k-loading-image,
973
963
  .k-loading-color {
974
964
  width: 100%;
975
965
  height: 100%;
966
+ box-sizing: border-box;
976
967
  position: absolute;
977
968
  top: 0;
978
969
  left: 0;
979
970
  }
980
971
 
972
+ .k-loading-mask *,
973
+ .k-loading-mask *::before,
974
+ .k-loading-mask *::after, .k-loading-mask::before, .k-loading-mask::after,
975
+ .k-loading-image *,
976
+ .k-loading-image *::before,
977
+ .k-loading-image *::after,
978
+ .k-loading-image::before,
979
+ .k-loading-image::after,
980
+ .k-loading-color *,
981
+ .k-loading-color *::before,
982
+ .k-loading-color *::after,
983
+ .k-loading-color::before,
984
+ .k-loading-color::after {
985
+ box-sizing: border-box;
986
+ }
987
+
981
988
  .k-loading-mask {
982
989
  z-index: 100;
983
990
  }
@@ -1008,6 +1015,10 @@ kendo-sortable {
1008
1015
  color: currentColor;
1009
1016
  }
1010
1017
 
1018
+ .k-i-loading::before, .k-i-loading::after {
1019
+ box-sizing: border-box;
1020
+ }
1021
+
1011
1022
  .k-i-loading::before,
1012
1023
  .k-i-loading::after,
1013
1024
  .k-loading-image::before,
@@ -1054,7 +1065,7 @@ kendo-sortable {
1054
1065
  .k-loading-image::after {
1055
1066
  content: "";
1056
1067
  border-width: 1px;
1057
- border-width: max( 1px, .015em );
1068
+ border-width: clamp(0.015em, 1px, 1px);
1058
1069
  font-size: 4em;
1059
1070
  }
1060
1071
 
@@ -10794,15 +10805,6 @@ kendo-list > .k-group-header,
10794
10805
  width: 100%;
10795
10806
  }
10796
10807
 
10797
- .k-dropdown-button .k-popup .k-item {
10798
- cursor: pointer;
10799
- }
10800
-
10801
- .k-split-button .k-list .k-item:focus,
10802
- .k-dropdown-button .k-list .k-item:focus {
10803
- outline: none;
10804
- }
10805
-
10806
10808
  .k-virtual-content {
10807
10809
  overflow-y: scroll;
10808
10810
  -webkit-overflow-scrolling: touch;
@@ -10824,13 +10826,12 @@ kendo-list > .k-group-header,
10824
10826
  text-overflow: ellipsis;
10825
10827
  }
10826
10828
 
10827
- .k-list-container .k-no-data, .k-list-container .k-nodata {
10828
- min-height: 138px;
10829
- width: 100%;
10829
+ .k-no-data, .k-nodata {
10830
+ min-height: 140px;
10831
+ box-sizing: border-box;
10830
10832
  display: flex;
10831
10833
  align-items: center;
10832
10834
  justify-content: center;
10833
- text-transform: uppercase;
10834
10835
  font-weight: lighter;
10835
10836
  text-align: center;
10836
10837
  white-space: normal;
@@ -10914,7 +10915,7 @@ kendo-list > .k-group-header,
10914
10915
  background: transparent;
10915
10916
  }
10916
10917
 
10917
- .k-list-container .k-no-data, .k-list-container .k-nodata {
10918
+ .k-no-data, .k-nodata {
10918
10919
  color: #666666;
10919
10920
  }
10920
10921
 
@@ -11492,6 +11493,7 @@ kendo-list > .k-group-header,
11492
11493
  .k-floating-label-container {
11493
11494
  padding-top: 20.0000000004px;
11494
11495
  width: 10em;
11496
+ box-sizing: border-box;
11495
11497
  display: inline-flex;
11496
11498
  vertical-align: middle;
11497
11499
  position: relative;
@@ -11499,6 +11501,15 @@ kendo-list > .k-group-header,
11499
11501
  justify-content: stretch;
11500
11502
  }
11501
11503
 
11504
+ .k-textbox-container *,
11505
+ .k-textbox-container *::before,
11506
+ .k-textbox-container *::after,
11507
+ .k-floating-label-container *,
11508
+ .k-floating-label-container *::before,
11509
+ .k-floating-label-container *::after {
11510
+ box-sizing: border-box;
11511
+ }
11512
+
11502
11513
  .k-textbox-container > .k-label,
11503
11514
  .k-floating-label-container > .k-label {
11504
11515
  max-width: 90%;
@@ -11610,6 +11621,12 @@ kendo-list > .k-group-header,
11610
11621
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
11611
11622
  }
11612
11623
 
11624
+ .k-combobox *,
11625
+ .k-combobox *::before,
11626
+ .k-combobox *::after {
11627
+ box-sizing: border-box;
11628
+ }
11629
+
11613
11630
  .k-combobox .k-i-loading {
11614
11631
  width: 24px;
11615
11632
  height: 28px;
@@ -11621,7 +11638,6 @@ kendo-list > .k-group-header,
11621
11638
  border-width: 0;
11622
11639
  border-inline-start-width: 0px;
11623
11640
  border-style: solid;
11624
- box-sizing: border-box;
11625
11641
  outline: 0;
11626
11642
  display: flex;
11627
11643
  flex-flow: row nowrap;
@@ -12022,6 +12038,12 @@ kendo-list > .k-group-header,
12022
12038
  overflow: hidden;
12023
12039
  }
12024
12040
 
12041
+ .k-avatar *,
12042
+ .k-avatar *::before,
12043
+ .k-avatar *::after {
12044
+ box-sizing: border-box;
12045
+ }
12046
+
12025
12047
  .k-avatar-text,
12026
12048
  .k-avatar-initials {
12027
12049
  font-family: inherit;
@@ -12201,6 +12223,12 @@ kendo-list > .k-group-header,
12201
12223
  text-overflow: ellipsis;
12202
12224
  }
12203
12225
 
12226
+ .k-badge *,
12227
+ .k-badge *::before,
12228
+ .k-badge *::after {
12229
+ box-sizing: border-box;
12230
+ }
12231
+
12204
12232
  .k-badge > * {
12205
12233
  color: inherit;
12206
12234
  }
@@ -12550,6 +12578,12 @@ kendo-badge-container {
12550
12578
  user-select: none;
12551
12579
  }
12552
12580
 
12581
+ .k-chip *,
12582
+ .k-chip *::before,
12583
+ .k-chip *::after {
12584
+ box-sizing: border-box;
12585
+ }
12586
+
12553
12587
  .k-chip .k-selected-icon-wrapper {
12554
12588
  display: none !important;
12555
12589
  }
@@ -12854,6 +12888,12 @@ kendo-badge-container {
12854
12888
  overflow: hidden;
12855
12889
  }
12856
12890
 
12891
+ .k-color-preview *,
12892
+ .k-color-preview *::before,
12893
+ .k-color-preview *::after {
12894
+ box-sizing: border-box;
12895
+ }
12896
+
12857
12897
  .k-coloreditor-current-color {
12858
12898
  cursor: pointer;
12859
12899
  }
@@ -13440,6 +13480,12 @@ kendo-badge-container {
13440
13480
  position: relative;
13441
13481
  }
13442
13482
 
13483
+ .k-button *,
13484
+ .k-button *::before,
13485
+ .k-button *::after {
13486
+ box-sizing: border-box;
13487
+ }
13488
+
13443
13489
  .k-button:disabled, .k-button.k-state-disabled {
13444
13490
  outline: none;
13445
13491
  cursor: default;
@@ -13474,6 +13520,20 @@ kendo-badge-container {
13474
13520
  position: relative;
13475
13521
  }
13476
13522
 
13523
+ .k-button-arrow {
13524
+ padding-left: 4px;
13525
+ padding-right: 4px;
13526
+ flex: none;
13527
+ display: inline-flex;
13528
+ align-items: center;
13529
+ justify-content: center;
13530
+ }
13531
+
13532
+ .k-button > .k-button-arrow {
13533
+ margin-inline-start: -4px;
13534
+ margin-inline-end: -8px;
13535
+ }
13536
+
13477
13537
  .k-text-button > .k-icon,
13478
13538
  .k-text-button > .k-button-icon {
13479
13539
  display: none;
@@ -13499,6 +13559,11 @@ kendo-badge-container {
13499
13559
  min-height: 20.0000000004px;
13500
13560
  }
13501
13561
 
13562
+ .k-icon-button > .k-button-arrow {
13563
+ margin-inline-start: 0;
13564
+ margin-inline-end: -4px;
13565
+ }
13566
+
13502
13567
  .k-button.k-button-icon {
13503
13568
  padding: 4px;
13504
13569
  width: calc(1.4285714286em + 10px);
@@ -13529,54 +13594,49 @@ kendo-badge-container {
13529
13594
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
13530
13595
  }
13531
13596
 
13532
- .k-button-group .k-button {
13533
- border-radius: 0;
13534
- }
13535
-
13536
- .k-button-group .k-button ~ .k-button {
13597
+ .k-button-group > .k-button + .k-button {
13537
13598
  margin-inline-start: -1px;
13538
13599
  }
13539
13600
 
13540
- .k-button-group .k-button:hover,
13541
- .k-button-group .k-button.k-state-hover,
13542
- .k-button-group .k-button:active,
13543
- .k-button-group .k-button.k-state-active,
13544
- .k-button-group .k-button.k-state-selected,
13545
- .k-button-group .k-button:focus,
13546
- .k-button-group .k-button.k-state-focus {
13601
+ .k-button-group > .k-button:hover,
13602
+ .k-button-group > .k-button.k-state-hover,
13603
+ .k-button-group > .k-button:focus,
13604
+ .k-button-group > .k-button.k-state-focus,
13605
+ .k-button-group > .k-button:active,
13606
+ .k-button-group > .k-button.k-state-active,
13607
+ .k-button-group > .k-button.k-state-selected {
13547
13608
  z-index: 2;
13548
13609
  }
13549
13610
 
13550
- .k-button-group .k-group-start,
13551
- .k-button-group .k-button:first-child {
13552
- border-top-left-radius: 2px;
13553
- border-bottom-left-radius: 2px;
13611
+ .k-button-group .k-button:not(:first-child):not(:last-child) {
13612
+ border-start-end-radius: 0;
13613
+ border-end-end-radius: 0;
13614
+ border-start-start-radius: 0;
13615
+ border-end-start-radius: 0;
13554
13616
  }
13555
13617
 
13556
- .k-button-group .k-group-end,
13557
- .k-button-group .k-button:last-child {
13558
- border-top-right-radius: 2px;
13559
- border-bottom-right-radius: 2px;
13618
+ .k-button-group > .k-button:first-child:not(:only-child) {
13619
+ border-start-end-radius: 0;
13620
+ border-end-end-radius: 0;
13560
13621
  }
13561
13622
 
13562
- .k-button-group .k-group-start.k-group-end,
13563
- .k-button-group .k-button:first-child:last-child {
13564
- border-radius: 2px;
13623
+ .k-button-group > .k-button:last-child:not(:only-child) {
13624
+ border-start-start-radius: 0;
13625
+ border-end-start-radius: 0;
13626
+ }
13627
+
13628
+ .k-button-group:disabled, .k-button-group[disabled], .k-button-group.k-disabled, .k-button-group.k-state-disabled {
13629
+ opacity: 1;
13630
+ filter: none;
13565
13631
  }
13566
13632
 
13567
13633
  .k-button-group-stretched {
13568
- display: flex;
13634
+ width: 100%;
13569
13635
  }
13570
13636
 
13571
- .k-button-group-stretched .k-button {
13572
- display: inline-block;
13637
+ .k-button-group-stretched > * {
13573
13638
  flex: 1 0 0%;
13574
13639
  overflow: hidden;
13575
- text-overflow: ellipsis;
13576
- }
13577
-
13578
- .k-button-group-stretched .k-button > .k-icon {
13579
- vertical-align: text-bottom;
13580
13640
  }
13581
13641
 
13582
13642
  .k-split-button {
@@ -13588,37 +13648,14 @@ kendo-badge-container {
13588
13648
  vertical-align: middle;
13589
13649
  }
13590
13650
 
13591
- .k-split-button .k-button {
13592
- border-radius: 0;
13593
- }
13594
-
13595
- .k-split-button > .k-button:first-child {
13596
- border-top-left-radius: 2px;
13597
- border-bottom-left-radius: 2px;
13598
- }
13599
-
13600
- .k-split-button > .k-split-button-arrow,
13601
- .k-split-button > .k-button:last-child {
13602
- border-top-right-radius: 2px;
13603
- border-bottom-right-radius: 2px;
13604
- margin-inline-start: -1px;
13605
- padding: 4px;
13651
+ .k-split-button .k-split-button-arrow {
13652
+ padding: 4px 4px;
13606
13653
  width: auto;
13607
13654
  flex: none;
13608
13655
  }
13609
13656
 
13610
- .k-split-button[dir="rtl"] > .k-button:first-child {
13611
- border-top-left-radius: 0;
13612
- border-bottom-left-radius: 0;
13613
- border-top-right-radius: 2px;
13614
- border-bottom-right-radius: 2px;
13615
- }
13616
-
13617
- .k-split-button[dir="rtl"] > .k-button:last-child {
13618
- border-top-right-radius: 0;
13619
- border-bottom-right-radius: 0;
13620
- border-top-left-radius: 2px;
13621
- border-bottom-left-radius: 2px;
13657
+ .k-split-button .k-split-button-arrow .k-button-icon {
13658
+ min-width: 0;
13622
13659
  }
13623
13660
 
13624
13661
  .k-button-flat, .k-button.k-flat,
@@ -13651,52 +13688,36 @@ kendo-badge-container {
13651
13688
  .k-button-outline, .k-button.k-outline {
13652
13689
  box-shadow: none;
13653
13690
  color: inherit;
13654
- background: none;
13691
+ background-color: transparent;
13692
+ background-image: none !important;
13655
13693
  }
13656
13694
 
13657
- .k-button-clear {
13695
+ .k-button-link {
13696
+ box-shadow: none;
13658
13697
  border-color: transparent !important;
13659
13698
  color: inherit;
13660
- background: none !important;
13661
- box-shadow: none !important;
13662
- }
13663
-
13664
- .k-rtl .k-button-group .k-button {
13665
- border-radius: 0;
13666
- }
13667
-
13668
- .k-rtl .k-button-group .k-group-start,
13669
- .k-rtl .k-button-group .k-button:first-child {
13670
- border-top-right-radius: 2px;
13671
- border-bottom-right-radius: 2px;
13699
+ background-color: transparent !important;
13700
+ background-image: none !important;
13701
+ text-decoration: none;
13672
13702
  }
13673
13703
 
13674
- .k-rtl .k-button-group .k-group-end,
13675
- .k-rtl .k-button-group .k-button:last-child {
13676
- border-top-left-radius: 2px;
13677
- border-bottom-left-radius: 2px;
13704
+ .k-button-link:hover,
13705
+ .k-button-link.k-state-hover {
13706
+ text-decoration: underline;
13678
13707
  }
13679
13708
 
13680
- .k-rtl .k-button-group .k-group-start.k-group-end,
13681
- .k-rtl .k-button-group .k-button:first-child:last-child {
13682
- border-radius: 2px;
13709
+ .k-button-clear {
13710
+ border-color: transparent !important;
13711
+ color: inherit;
13712
+ background: none !important;
13713
+ box-shadow: none !important;
13683
13714
  }
13684
13715
 
13685
- .k-rtl .k-split-button .k-button {
13716
+ .k-ie .k-button-group .k-button,
13717
+ .k-ie .k-split-button .k-button {
13686
13718
  border-radius: 0;
13687
13719
  }
13688
13720
 
13689
- .k-rtl .k-split-button > .k-button:first-child {
13690
- border-top-right-radius: 2px;
13691
- border-bottom-right-radius: 2px;
13692
- }
13693
-
13694
- .k-rtl .k-split-button > .k-split-button-arrow,
13695
- .k-rtl .k-split-button > .k-button:last-child {
13696
- border-top-left-radius: 2px;
13697
- border-bottom-left-radius: 2px;
13698
- }
13699
-
13700
13721
  .k-button-overlay, .k-button::before {
13701
13722
  border-radius: inherit;
13702
13723
  content: "";
@@ -13764,454 +13785,1627 @@ kendo-badge-container {
13764
13785
  margin: 0 0 0 4px;
13765
13786
  }
13766
13787
 
13767
- .k-button,
13768
- .k-button-secondary {
13788
+ .k-button {
13769
13789
  border-color: rgba(0, 0, 0, 0.08);
13770
13790
  color: #424242;
13771
13791
  background-color: #f5f5f5;
13772
13792
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
13773
13793
  }
13774
13794
 
13775
- .k-button:hover, .k-button.k-state-hover,
13776
- .k-button-secondary:hover,
13777
- .k-button-secondary.k-state-hover {
13795
+ .k-button:hover, .k-button.k-state-hover {
13778
13796
  background-color: #ebebeb;
13779
13797
  }
13780
13798
 
13781
- .k-button:focus, .k-button.k-state-focus, .k-button.k-state-focused,
13782
- .k-button-secondary:focus,
13783
- .k-button-secondary.k-state-focus,
13784
- .k-button-secondary.k-state-focused {
13799
+ .k-button:focus, .k-button.k-state-focus, .k-button.k-state-focused {
13785
13800
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
13786
13801
  }
13787
13802
 
13788
- .k-button:active, .k-button.k-state-active,
13789
- .k-button-secondary:active,
13790
- .k-button-secondary.k-state-active {
13803
+ .k-button:active, .k-button.k-state-active {
13791
13804
  background-color: #d8d8d8;
13792
13805
  }
13793
13806
 
13794
- .k-button.k-state-selected,
13795
- .k-button-secondary.k-state-selected {
13796
- background-color: #d8d8d8;
13807
+ .k-button.k-state-selected {
13808
+ border-color: #ff6358;
13809
+ color: white;
13810
+ background-color: #ff6358;
13797
13811
  }
13798
13812
 
13799
- .k-button-primary, .k-button.k-primary {
13813
+ .k-button-solid.k-button-solid-primary, .k-button-solid.k-button.k-primary {
13800
13814
  border-color: #ff6358;
13801
13815
  color: white;
13802
13816
  background-color: #ff6358;
13803
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.04));
13817
+ background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
13804
13818
  }
13805
13819
 
13806
- .k-button-primary:hover, .k-button.k-primary:hover, .k-button-primary.k-state-hover, .k-state-hover.k-button.k-primary {
13820
+ .k-button-solid.k-button-solid-primary:hover, .k-button-solid.k-button.k-primary:hover, .k-button-solid.k-button-solid-primary.k-state-hover, .k-button-solid.k-state-hover.k-button.k-primary {
13807
13821
  border-color: #f55f54;
13808
13822
  background-color: #f55f54;
13809
13823
  }
13810
13824
 
13811
- .k-button-primary:focus, .k-button.k-primary:focus, .k-button-primary.k-state-focus, .k-state-focus.k-button.k-primary, .k-button-primary.k-state-focused, .k-state-focused.k-button.k-primary {
13812
- box-shadow: 0 0 0 2px rgba(255, 99, 88, 0.3);
13825
+ .k-button-solid.k-button-solid-primary:focus, .k-button-solid.k-button.k-primary:focus, .k-button-solid.k-button-solid-primary.k-state-focus, .k-button-solid.k-state-focus.k-button.k-primary {
13826
+ box-shadow: 0 0 0px 2px rgba(255, 99, 88, 0.3);
13813
13827
  }
13814
13828
 
13815
- .k-button-primary:active, .k-button.k-primary:active, .k-button-primary.k-state-active, .k-state-active.k-button.k-primary {
13829
+ .k-button-solid.k-button-solid-primary:active, .k-button-solid.k-button.k-primary:active, .k-button-solid.k-button-solid-primary.k-state-active, .k-button-solid.k-state-active.k-button.k-primary {
13816
13830
  border-color: #e0574d;
13817
13831
  background-color: #e0574d;
13818
13832
  }
13819
13833
 
13820
- .k-button-primary.k-state-selected, .k-state-selected.k-button.k-primary {
13834
+ .k-button-solid.k-button-solid-primary.k-state-selected, .k-button-solid.k-state-selected.k-button.k-primary {
13821
13835
  border-color: #e0574d;
13822
13836
  background-color: #e0574d;
13823
13837
  }
13824
13838
 
13825
- .k-button-group .k-button:focus,
13826
- .k-button-group .k-button.k-state-focus,
13827
- .k-button-group .k-button.k-state-focused,
13828
- .k-button-group .k-button-outline:focus,
13829
- .k-button-group .k-button.k-outline:focus,
13830
- .k-button-group .k-button-outline.k-state-focus,
13831
- .k-button-group .k-state-focus.k-button.k-outline,
13832
- .k-button-group .k-button-outline.k-state-focused,
13833
- .k-button-group .k-state-focused.k-button.k-outline {
13834
- box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.16);
13839
+ .k-button-solid.k-button-solid-secondary {
13840
+ border-color: #666666;
13841
+ color: white;
13842
+ background-color: #666666;
13843
+ background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
13835
13844
  }
13836
13845
 
13837
- .k-split-button:focus,
13838
- .k-split-button.k-state-focus,
13839
- .k-split-button.k-state-focused {
13840
- box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
13846
+ .k-button-solid.k-button-solid-secondary:hover, .k-button-solid.k-button-solid-secondary.k-state-hover {
13847
+ border-color: #626262;
13848
+ background-color: #626262;
13841
13849
  }
13842
13850
 
13843
- .k-button-outline, .k-button.k-outline {
13844
- box-shadow: none;
13845
- border-color: currentColor;
13846
- color: #424242;
13847
- background: none;
13851
+ .k-button-solid.k-button-solid-secondary:focus, .k-button-solid.k-button-solid-secondary.k-state-focus {
13852
+ box-shadow: 0 0 0px 2px rgba(102, 102, 102, 0.3);
13848
13853
  }
13849
13854
 
13850
- .k-button-outline:hover, .k-button.k-outline:hover, .k-button-outline.k-state-hover, .k-state-hover.k-button.k-outline {
13851
- border-color: #424242;
13852
- color: white;
13853
- background-color: #424242;
13854
- background-image: none;
13855
+ .k-button-solid.k-button-solid-secondary:active, .k-button-solid.k-button-solid-secondary.k-state-active {
13856
+ border-color: #5a5a5a;
13857
+ background-color: #5a5a5a;
13855
13858
  }
13856
13859
 
13857
- .k-button-outline:focus, .k-button.k-outline:focus, .k-button-outline.k-state-focus, .k-state-focus.k-button.k-outline, .k-button-outline.k-state-focused, .k-state-focused.k-button.k-outline {
13858
- box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
13860
+ .k-button-solid.k-button-solid-secondary.k-state-selected {
13861
+ border-color: #5a5a5a;
13862
+ background-color: #5a5a5a;
13859
13863
  }
13860
13864
 
13861
- .k-button-outline:active, .k-button.k-outline:active, .k-button-outline.k-state-active, .k-state-active.k-button.k-outline {
13862
- border-color: #424242;
13865
+ .k-button-solid.k-button-solid-tertiary {
13866
+ border-color: #03a9f4;
13863
13867
  color: white;
13864
- background-color: #424242;
13865
- background-image: none;
13868
+ background-color: #03a9f4;
13869
+ background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
13866
13870
  }
13867
13871
 
13868
- .k-button-outline.k-state-selected, .k-state-selected.k-button.k-outline {
13869
- border-color: #424242;
13870
- color: white;
13871
- background-color: #424242;
13872
- background-image: none;
13872
+ .k-button-solid.k-button-solid-tertiary:hover, .k-button-solid.k-button-solid-tertiary.k-state-hover {
13873
+ border-color: #03a2ea;
13874
+ background-color: #03a2ea;
13873
13875
  }
13874
13876
 
13875
- .k-button-outline.k-primary, .k-primary.k-button.k-outline {
13876
- border-color: currentColor;
13877
- color: #ff6358;
13878
- background: none;
13879
- box-shadow: none;
13877
+ .k-button-solid.k-button-solid-tertiary:focus, .k-button-solid.k-button-solid-tertiary.k-state-focus {
13878
+ box-shadow: 0 0 0px 2px rgba(3, 169, 244, 0.3);
13880
13879
  }
13881
13880
 
13882
- .k-button-outline.k-primary:hover, .k-primary.k-button.k-outline:hover, .k-button-outline.k-primary.k-state-hover, .k-primary.k-state-hover.k-button.k-outline {
13883
- border-color: #ff6358;
13884
- color: white;
13885
- background-color: #ff6358;
13886
- background-image: none;
13881
+ .k-button-solid.k-button-solid-tertiary:active, .k-button-solid.k-button-solid-tertiary.k-state-active {
13882
+ border-color: #0395d7;
13883
+ background-color: #0395d7;
13887
13884
  }
13888
13885
 
13889
- .k-button-outline.k-primary:focus, .k-primary.k-button.k-outline:focus, .k-button-outline.k-primary.k-state-focus, .k-primary.k-state-focus.k-button.k-outline, .k-button-outline.k-primary.k-state-focused, .k-primary.k-state-focused.k-button.k-outline {
13890
- box-shadow: 0 0 0 2px rgba(255, 99, 88, 0.3);
13886
+ .k-button-solid.k-button-solid-tertiary.k-state-selected {
13887
+ border-color: #0395d7;
13888
+ background-color: #0395d7;
13891
13889
  }
13892
13890
 
13893
- .k-button-outline.k-primary:active, .k-primary.k-button.k-outline:active, .k-button-outline.k-primary.k-state-active, .k-primary.k-state-active.k-button.k-outline {
13894
- border-color: #ff6358;
13891
+ .k-button-solid.k-button-solid-info {
13892
+ border-color: #0058e9;
13895
13893
  color: white;
13896
- background-color: #ff6358;
13897
- background-image: none;
13898
- box-shadow: none;
13894
+ background-color: #0058e9;
13895
+ background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
13899
13896
  }
13900
13897
 
13901
- .k-button-outline.k-primary.k-state-selected, .k-primary.k-state-selected.k-button.k-outline {
13902
- border-color: #ff6358;
13903
- color: white;
13904
- background-color: #ff6358;
13905
- background-image: none;
13906
- box-shadow: none;
13898
+ .k-button-solid.k-button-solid-info:hover, .k-button-solid.k-button-solid-info.k-state-hover {
13899
+ border-color: #0054e0;
13900
+ background-color: #0054e0;
13907
13901
  }
13908
13902
 
13909
- .k-button-flat, .k-button.k-flat,
13910
- .k-button.k-bare, .k-button-flat:hover, .k-button.k-flat:hover,
13911
- .k-button.k-bare:hover, .k-button-flat.k-state-hover, .k-state-hover.k-button.k-flat,
13912
- .k-state-hover.k-button.k-bare, .k-button-flat:active, .k-button.k-flat:active,
13913
- .k-button.k-bare:active, .k-button-flat.k-state-active, .k-state-active.k-button.k-flat,
13914
- .k-state-active.k-button.k-bare, .k-button-flat:focus, .k-button.k-flat:focus,
13915
- .k-button.k-bare:focus, .k-button-flat.k-state-focus, .k-state-focus.k-button.k-flat,
13916
- .k-state-focus.k-button.k-bare {
13917
- color: inherit;
13903
+ .k-button-solid.k-button-solid-info:focus, .k-button-solid.k-button-solid-info.k-state-focus {
13904
+ box-shadow: 0 0 0px 2px rgba(0, 88, 233, 0.3);
13918
13905
  }
13919
13906
 
13920
- .k-button-flat.k-primary, .k-primary.k-button.k-flat,
13921
- .k-primary.k-button.k-bare, .k-button-flat.k-primary:hover, .k-primary.k-button.k-flat:hover,
13922
- .k-primary.k-button.k-bare:hover, .k-button-flat.k-primary.k-state-hover, .k-primary.k-state-hover.k-button.k-flat,
13923
- .k-primary.k-state-hover.k-button.k-bare, .k-button-flat.k-primary:active, .k-primary.k-button.k-flat:active,
13924
- .k-primary.k-button.k-bare:active, .k-button-flat.k-primary.k-state-active, .k-primary.k-state-active.k-button.k-flat,
13925
- .k-primary.k-state-active.k-button.k-bare, .k-button-flat.k-primary:focus, .k-primary.k-button.k-flat:focus,
13926
- .k-primary.k-button.k-bare:focus, .k-button-flat.k-primary.k-state-focus, .k-primary.k-state-focus.k-button.k-flat,
13927
- .k-primary.k-state-focus.k-button.k-bare {
13928
- color: #ff6358;
13907
+ .k-button-solid.k-button-solid-info:active, .k-button-solid.k-button-solid-info.k-state-active {
13908
+ border-color: #004dcd;
13909
+ background-color: #004dcd;
13929
13910
  }
13930
13911
 
13931
- .k-button-clear {
13932
- color: inherit;
13912
+ .k-button-solid.k-button-solid-info.k-state-selected {
13913
+ border-color: #004dcd;
13914
+ background-color: #004dcd;
13933
13915
  }
13934
13916
 
13935
- .k-button-clear:hover, .k-button-clear.k-state-hover, .k-button-clear:active, .k-button-clear.k-state-active, .k-button-clear.k-state-selected, .k-button-clear:focus, .k-button-clear.k-state-focus, .k-button-clear.k-state-focused {
13936
- color: inherit;
13917
+ .k-button-solid.k-button-solid-success {
13918
+ border-color: #37b400;
13919
+ color: white;
13920
+ background-color: #37b400;
13921
+ background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
13937
13922
  }
13938
13923
 
13939
- .k-button-clear:focus::after, .k-button-clear.k-state-focus::after, .k-button-clear.k-state-focused::after, .k-button-clear.k-state-focused:active::after {
13940
- background-color: currentColor;
13941
- opacity: 0.1;
13942
- display: block;
13924
+ .k-button-solid.k-button-solid-success:hover, .k-button-solid.k-button-solid-success.k-state-hover {
13925
+ border-color: #35ad00;
13926
+ background-color: #35ad00;
13943
13927
  }
13944
13928
 
13945
- .k-toolbar {
13946
- margin: 0;
13947
- padding: 8px 8px;
13948
- border-width: 1px;
13949
- border-style: solid;
13950
- box-sizing: border-box;
13951
- outline: 0;
13952
- font-family: inherit;
13953
- font-size: 14px;
13954
- line-height: 1.4285714286;
13955
- list-style: none;
13956
- display: flex;
13957
- flex-flow: row wrap;
13958
- gap: 8px;
13959
- align-items: center;
13960
- justify-content: flex-start;
13961
- position: relative;
13962
- overflow: hidden;
13963
- -webkit-touch-callout: none;
13964
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
13929
+ .k-button-solid.k-button-solid-success:focus, .k-button-solid.k-button-solid-success.k-state-focus {
13930
+ box-shadow: 0 0 0px 2px rgba(55, 180, 0, 0.3);
13965
13931
  }
13966
13932
 
13967
- .k-toolbar::before {
13968
- content: "";
13969
- height: calc(1.4285714286em + 10px);
13970
- margin-inline-start: -8px;
13933
+ .k-button-solid.k-button-solid-success:active, .k-button-solid.k-button-solid-success.k-state-active {
13934
+ border-color: #309e00;
13935
+ background-color: #309e00;
13971
13936
  }
13972
13937
 
13973
- .k-toolbar.k-toolbar-resizable {
13974
- flex-wrap: nowrap;
13938
+ .k-button-solid.k-button-solid-success.k-state-selected {
13939
+ border-color: #309e00;
13940
+ background-color: #309e00;
13975
13941
  }
13976
13942
 
13977
- .k-toolbar > * {
13978
- flex-shrink: 0;
13979
- display: inline-flex;
13980
- align-content: center;
13981
- vertical-align: middle;
13943
+ .k-button-solid.k-button-solid-warning {
13944
+ border-color: #ffc000;
13945
+ color: black;
13946
+ background-color: #ffc000;
13947
+ background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
13982
13948
  }
13983
13949
 
13984
- .k-toolbar > * > label {
13985
- margin-inline-end: 8px;
13986
- align-self: center;
13950
+ .k-button-solid.k-button-solid-warning:hover, .k-button-solid.k-button-solid-warning.k-state-hover {
13951
+ border-color: #f5b800;
13952
+ background-color: #f5b800;
13987
13953
  }
13988
13954
 
13989
- .k-toolbar .k-overflow-anchor {
13990
- border-radius: 0;
13991
- margin: 0;
13992
- padding: 8px;
13993
- width: auto;
13994
- height: 100%;
13995
- aspect-ratio: 1;
13996
- border-width: 0;
13997
- border-color: inherit;
13998
- box-sizing: border-box;
13999
- justify-content: center;
14000
- position: absolute;
14001
- top: 0;
14002
- right: 0;
13955
+ .k-button-solid.k-button-solid-warning:focus, .k-button-solid.k-button-solid-warning.k-state-focus {
13956
+ box-shadow: 0 0 0px 2px rgba(255, 192, 0, 0.3);
14003
13957
  }
14004
13958
 
14005
- .k-toolbar .k-overflow-anchor::before {
14006
- display: block;
13959
+ .k-button-solid.k-button-solid-warning:active, .k-button-solid.k-button-solid-warning.k-state-active {
13960
+ border-color: #e0a900;
13961
+ background-color: #e0a900;
14007
13962
  }
14008
13963
 
14009
- .k-toolbar .k-separator,
14010
- .k-toolbar .k-toolbar-separator {
14011
- width: 0;
14012
- height: 1.4285714286em;
14013
- border-width: 0 0 0 1px;
14014
- border-style: solid;
14015
- align-self: center;
13964
+ .k-button-solid.k-button-solid-warning.k-state-selected {
13965
+ border-color: #e0a900;
13966
+ background-color: #e0a900;
14016
13967
  }
14017
13968
 
14018
- .k-toolbar .k-toolbar-spacer {
14019
- height: 1.4285714286em;
14020
- flex: 1 0 0%;
13969
+ .k-button-solid.k-button-solid-error {
13970
+ border-color: #f31700;
13971
+ color: white;
13972
+ background-color: #f31700;
13973
+ background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
14021
13974
  }
14022
13975
 
14023
- .k-toolbar .k-toolbar-template {
14024
- align-self: center;
14025
- align-items: center;
13976
+ .k-button-solid.k-button-solid-error:hover, .k-button-solid.k-button-solid-error.k-state-hover {
13977
+ border-color: #e91600;
13978
+ background-color: #e91600;
14026
13979
  }
14027
13980
 
14028
- .k-toolbar .k-textbox,
14029
- .k-toolbar .k-combobox,
14030
- .k-toolbar .k-dropdown,
14031
- .k-toolbar .k-dropdowntree,
14032
- .k-toolbar .k-searchbox,
14033
- .k-toolbar .k-numerictextbox,
14034
- .k-toolbar .k-datepicker,
14035
- .k-toolbar .k-timepicker,
14036
- .k-toolbar .k-datetimepicker {
14037
- width: 10em;
13981
+ .k-button-solid.k-button-solid-error:focus, .k-button-solid.k-button-solid-error.k-state-focus {
13982
+ box-shadow: 0 0 0px 2px rgba(243, 23, 0, 0.3);
14038
13983
  }
14039
13984
 
14040
- .k-toolbar-group {
14041
- display: flex;
14042
- flex-direction: inherit;
14043
- flex-wrap: nowrap;
14044
- gap: inherit;
13985
+ .k-button-solid.k-button-solid-error:active, .k-button-solid.k-button-solid-error.k-state-active {
13986
+ border-color: #d61400;
13987
+ background-color: #d61400;
14045
13988
  }
14046
13989
 
14047
- kendo-toolbar-renderer {
14048
- display: inline-block;
14049
- border-color: inherit;
13990
+ .k-button-solid.k-button-solid-error.k-state-selected {
13991
+ border-color: #d61400;
13992
+ background-color: #d61400;
14050
13993
  }
14051
13994
 
14052
- .k-overflow-container > .k-item {
14053
- border-color: inherit;
13995
+ .k-button-solid.k-button-solid-dark {
13996
+ border-color: #424242;
13997
+ color: white;
13998
+ background-color: #424242;
13999
+ background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
14054
14000
  }
14055
14001
 
14056
- .k-overflow-container .k-separator {
14057
- margin: 4px 0;
14002
+ .k-button-solid.k-button-solid-dark:hover, .k-button-solid.k-button-solid-dark.k-state-hover {
14003
+ border-color: #3f3f3f;
14004
+ background-color: #3f3f3f;
14058
14005
  }
14059
14006
 
14060
- .k-overflow-container .k-overflow-tool-group {
14061
- display: block;
14007
+ .k-button-solid.k-button-solid-dark:focus, .k-button-solid.k-button-solid-dark.k-state-focus {
14008
+ box-shadow: 0 0 0px 2px rgba(66, 66, 66, 0.3);
14062
14009
  }
14063
14010
 
14064
- .k-overflow-container .k-overflow-button {
14065
- border-radius: 0;
14066
- padding: 4px 8px;
14067
- width: 100%;
14068
- border-width: 0;
14069
- color: inherit;
14070
- background-color: transparent;
14071
- background-image: none;
14072
- line-height: inherit;
14073
- display: flex;
14074
- justify-content: flex-start;
14011
+ .k-button-solid.k-button-solid-dark:active, .k-button-solid.k-button-solid-dark.k-state-active {
14012
+ border-color: #3a3a3a;
14013
+ background-color: #3a3a3a;
14075
14014
  }
14076
14015
 
14077
- .k-overflow-container .k-button-group {
14078
- box-shadow: none;
14079
- display: flex;
14080
- flex-flow: column nowrap;
14016
+ .k-button-solid.k-button-solid-dark.k-state-selected {
14017
+ border-color: #3a3a3a;
14018
+ background-color: #3a3a3a;
14081
14019
  }
14082
14020
 
14083
- .k-overflow-container .k-button-group .k-button {
14084
- margin: 0;
14021
+ .k-button-solid.k-button-solid-light {
14022
+ border-color: #ebebeb;
14023
+ color: black;
14024
+ background-color: #ebebeb;
14025
+ background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
14085
14026
  }
14086
14027
 
14087
- .k-overflow-container .k-split-button {
14088
- display: flex;
14089
- flex-direction: column;
14028
+ .k-button-solid.k-button-solid-light:hover, .k-button-solid.k-button-solid-light.k-state-hover {
14029
+ border-color: #e2e2e2;
14030
+ background-color: #e2e2e2;
14090
14031
  }
14091
14032
 
14092
- .k-overflow-container .k-overflow-hidden {
14093
- display: none;
14033
+ .k-button-solid.k-button-solid-light:focus, .k-button-solid.k-button-solid-light.k-state-focus {
14034
+ box-shadow: 0 0 0px 2px rgba(235, 235, 235, 0.3);
14094
14035
  }
14095
14036
 
14096
- .k-toolbar.k-rtl .k-overflow-anchor,
14097
- .k-rtl .k-toolbar .k-overflow-anchor, .k-toolbar[dir="rtl"] .k-overflow-anchor,
14098
- [dir="rtl"] .k-toolbar .k-overflow-anchor {
14099
- margin: 0;
14100
- right: auto;
14101
- left: 0;
14037
+ .k-button-solid.k-button-solid-light:active, .k-button-solid.k-button-solid-light.k-state-active {
14038
+ border-color: #cfcfcf;
14039
+ background-color: #cfcfcf;
14102
14040
  }
14103
14041
 
14104
- .k-floating-toolbar,
14105
- .editorToolbarWindow.k-window-content {
14106
- padding: 8px 8px !important;
14107
- border-width: 1px;
14108
- border-style: solid;
14109
- display: flex;
14110
- flex-flow: row nowrap;
14111
- gap: 8px;
14112
- align-items: center;
14042
+ .k-button-solid.k-button-solid-light.k-state-selected {
14043
+ border-color: #cfcfcf;
14044
+ background-color: #cfcfcf;
14113
14045
  }
14114
14046
 
14115
- .k-floating-toolbar .k-toolbar,
14116
- .editorToolbarWindow.k-window-content .k-toolbar {
14117
- padding: 0;
14118
- border-width: 0;
14119
- color: inherit;
14120
- background: none;
14047
+ .k-button-solid.k-button-solid-inverse {
14048
+ border-color: #424242;
14049
+ color: white;
14050
+ background-color: #424242;
14051
+ background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
14121
14052
  }
14122
14053
 
14123
- .k-editortoolbar-dragHandle {
14124
- cursor: move;
14125
- display: flex;
14126
- align-items: center;
14127
- align-self: stretch;
14128
- flex-shrink: 0;
14054
+ .k-button-solid.k-button-solid-inverse:hover, .k-button-solid.k-button-solid-inverse.k-state-hover {
14055
+ border-color: #3f3f3f;
14056
+ background-color: #3f3f3f;
14129
14057
  }
14130
14058
 
14131
- .k-toolbar {
14132
- border-color: rgba(0, 0, 0, 0.08);
14133
- color: #424242;
14134
- background-color: #fafafa;
14059
+ .k-button-solid.k-button-solid-inverse:focus, .k-button-solid.k-button-solid-inverse.k-state-focus {
14060
+ box-shadow: 0 0 0px 2px rgba(66, 66, 66, 0.3);
14135
14061
  }
14136
14062
 
14137
- .k-toolbar .k-separator {
14138
- border-color: inherit;
14063
+ .k-button-solid.k-button-solid-inverse:active, .k-button-solid.k-button-solid-inverse.k-state-active {
14064
+ border-color: #3a3a3a;
14065
+ background-color: #3a3a3a;
14139
14066
  }
14140
14067
 
14141
- .k-overflow-container .k-button:hover, .k-overflow-container .k-button.k-state-hover {
14142
- color: #424242;
14143
- background: #f0f0f0;
14068
+ .k-button-solid.k-button-solid-inverse.k-state-selected {
14069
+ border-color: #3a3a3a;
14070
+ background-color: #3a3a3a;
14144
14071
  }
14145
14072
 
14146
- .k-overflow-container .k-button:active, .k-overflow-container .k-button.k-state-active {
14147
- color: white;
14148
- background: #ff6358;
14073
+ .k-split-button:focus,
14074
+ .k-split-button.k-state-focus,
14075
+ .k-split-button.k-state-focused {
14076
+ box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
14149
14077
  }
14150
14078
 
14151
- .k-overflow-container .k-button .k-button:focus,
14152
- .k-overflow-container .k-button .k-button.k-state-focused {
14153
- box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
14079
+ .k-button-outline, .k-button.k-outline {
14080
+ box-shadow: none;
14081
+ border-color: currentColor;
14082
+ color: #424242;
14083
+ background-color: transparent;
14154
14084
  }
14155
14085
 
14156
- .k-overflow-container .k-button:disabled, .k-overflow-container .k-button.k-state-disabled {
14157
- color: inherit;
14086
+ .k-button-outline:hover, .k-button.k-outline:hover, .k-button-outline.k-state-hover, .k-state-hover.k-button.k-outline {
14087
+ border-color: #424242;
14088
+ color: white;
14089
+ background-color: #424242;
14158
14090
  }
14159
14091
 
14160
- .k-floating-toolbar,
14161
- .editorToolbarWindow.k-window-content {
14162
- border-color: rgba(0, 0, 0, 0.08);
14163
- color: #424242;
14164
- background-color: #fafafa;
14092
+ .k-button-outline:focus, .k-button.k-outline:focus, .k-button-outline.k-state-focus, .k-state-focus.k-button.k-outline, .k-button-outline.k-state-focused, .k-state-focused.k-button.k-outline {
14093
+ box-shadow: 0 0 0px 2px rgba(66, 66, 66, 0.3);
14165
14094
  }
14166
14095
 
14167
- .k-actions, .k-edit-buttons,
14168
- .k-action-buttons,
14169
- .k-columnmenu-actions, .k-form-buttons {
14170
- padding: 8px 8px;
14171
- border-width: 0px 0 0 0;
14172
- border-style: solid;
14173
- border-color: inherit;
14174
- flex-shrink: 0;
14175
- display: flex;
14176
- flex-flow: row nowrap;
14177
- align-items: center;
14178
- gap: 8px;
14179
- overflow: hidden;
14180
- clear: both;
14096
+ .k-button-outline:active, .k-button.k-outline:active, .k-button-outline.k-state-active, .k-state-active.k-button.k-outline {
14097
+ border-color: #424242;
14098
+ color: white;
14099
+ background-color: #424242;
14181
14100
  }
14182
14101
 
14183
- .k-popup .k-actions, .k-popup .k-edit-buttons,
14184
- .k-popup .k-action-buttons,
14185
- .k-popup .k-columnmenu-actions, .k-popup .k-form-buttons {
14186
- margin-top: 16px;
14102
+ .k-button-outline.k-state-selected, .k-state-selected.k-button.k-outline {
14103
+ border-color: #424242;
14104
+ color: white;
14105
+ background-color: #424242;
14187
14106
  }
14188
14107
 
14189
- .k-ie .k-actions .k-button ~ .k-button, .k-ie .k-edit-buttons .k-button ~ .k-button, .k-ie .k-action-buttons .k-button ~ .k-button, .k-ie .k-columnmenu-actions .k-button ~ .k-button, .k-ie .k-form-buttons .k-button ~ .k-button {
14190
- margin-left: 8px;
14191
- flex-shrink: 0;
14108
+ .k-button-outline.k-button-outline-primary, .k-button-outline-primary.k-button.k-outline, .k-button-outline.k-primary, .k-primary.k-button.k-outline {
14109
+ box-shadow: none;
14110
+ border-color: currentColor;
14111
+ color: #ff6358;
14112
+ background-color: transparent;
14192
14113
  }
14193
14114
 
14194
- .k-rtl .k-ie .k-actions .k-button ~ .k-button, .k-rtl .k-ie .k-edit-buttons .k-button ~ .k-button, .k-rtl .k-ie .k-action-buttons .k-button ~ .k-button, .k-rtl .k-ie .k-columnmenu-actions .k-button ~ .k-button, .k-rtl .k-ie .k-form-buttons .k-button ~ .k-button,
14195
- [dir="rtl"] .k-ie .k-actions .k-button ~ .k-button,
14196
- [dir="rtl"] .k-ie .k-edit-buttons .k-button ~ .k-button,
14197
- [dir="rtl"] .k-ie .k-action-buttons .k-button ~ .k-button,
14198
- [dir="rtl"] .k-ie .k-columnmenu-actions .k-button ~ .k-button,
14199
- [dir="rtl"] .k-ie .k-form-buttons .k-button ~ .k-button {
14200
- margin-left: 0;
14201
- margin-right: 8px;
14115
+ .k-button-outline.k-button-outline-primary:hover, .k-button-outline-primary.k-button.k-outline:hover, .k-button-outline.k-primary:hover, .k-primary.k-button.k-outline:hover, .k-button-outline.k-button-outline-primary.k-state-hover, .k-button-outline-primary.k-state-hover.k-button.k-outline, .k-button-outline.k-state-hover.k-primary, .k-state-hover.k-primary.k-button.k-outline {
14116
+ border-color: #ff6358;
14117
+ color: white;
14118
+ background-color: #ff6358;
14202
14119
  }
14203
14120
 
14204
- .k-actions-start {
14205
- justify-content: flex-start;
14121
+ .k-button-outline.k-button-outline-primary:focus, .k-button-outline-primary.k-button.k-outline:focus, .k-button-outline.k-primary:focus, .k-primary.k-button.k-outline:focus, .k-button-outline.k-button-outline-primary.k-state-focus, .k-button-outline-primary.k-state-focus.k-button.k-outline, .k-button-outline.k-state-focus.k-primary, .k-state-focus.k-primary.k-button.k-outline, .k-button-outline.k-button-outline-primary.k-state-focused, .k-button-outline-primary.k-state-focused.k-button.k-outline, .k-button-outline.k-state-focused.k-primary, .k-state-focused.k-primary.k-button.k-outline {
14122
+ box-shadow: 0 0 0px 2px rgba(255, 99, 88, 0.3);
14206
14123
  }
14207
14124
 
14208
- .k-actions-center {
14209
- justify-content: center;
14125
+ .k-button-outline.k-button-outline-primary:active, .k-button-outline-primary.k-button.k-outline:active, .k-button-outline.k-primary:active, .k-primary.k-button.k-outline:active, .k-button-outline.k-button-outline-primary.k-state-active, .k-button-outline-primary.k-state-active.k-button.k-outline, .k-button-outline.k-state-active.k-primary, .k-state-active.k-primary.k-button.k-outline {
14126
+ border-color: #ff6358;
14127
+ color: white;
14128
+ background-color: #ff6358;
14129
+ box-shadow: none;
14210
14130
  }
14211
14131
 
14212
- .k-actions-end {
14213
- justify-content: flex-end;
14214
- }
14132
+ .k-button-outline.k-button-outline-primary.k-state-selected, .k-button-outline-primary.k-state-selected.k-button.k-outline, .k-button-outline.k-state-selected.k-primary, .k-state-selected.k-primary.k-button.k-outline {
14133
+ border-color: #ff6358;
14134
+ color: white;
14135
+ background-color: #ff6358;
14136
+ box-shadow: none;
14137
+ }
14138
+
14139
+ .k-button-outline.k-button-outline-secondary, .k-button-outline-secondary.k-button.k-outline {
14140
+ box-shadow: none;
14141
+ border-color: currentColor;
14142
+ color: #666666;
14143
+ background-color: transparent;
14144
+ }
14145
+
14146
+ .k-button-outline.k-button-outline-secondary:hover, .k-button-outline-secondary.k-button.k-outline:hover, .k-button-outline.k-button-outline-secondary.k-state-hover, .k-button-outline-secondary.k-state-hover.k-button.k-outline {
14147
+ border-color: #666666;
14148
+ color: white;
14149
+ background-color: #666666;
14150
+ }
14151
+
14152
+ .k-button-outline.k-button-outline-secondary:focus, .k-button-outline-secondary.k-button.k-outline:focus, .k-button-outline.k-button-outline-secondary.k-state-focus, .k-button-outline-secondary.k-state-focus.k-button.k-outline, .k-button-outline.k-button-outline-secondary.k-state-focused, .k-button-outline-secondary.k-state-focused.k-button.k-outline {
14153
+ box-shadow: 0 0 0px 2px rgba(102, 102, 102, 0.3);
14154
+ }
14155
+
14156
+ .k-button-outline.k-button-outline-secondary:active, .k-button-outline-secondary.k-button.k-outline:active, .k-button-outline.k-button-outline-secondary.k-state-active, .k-button-outline-secondary.k-state-active.k-button.k-outline {
14157
+ border-color: #666666;
14158
+ color: white;
14159
+ background-color: #666666;
14160
+ box-shadow: none;
14161
+ }
14162
+
14163
+ .k-button-outline.k-button-outline-secondary.k-state-selected, .k-button-outline-secondary.k-state-selected.k-button.k-outline {
14164
+ border-color: #666666;
14165
+ color: white;
14166
+ background-color: #666666;
14167
+ box-shadow: none;
14168
+ }
14169
+
14170
+ .k-button-outline.k-button-outline-tertiary, .k-button-outline-tertiary.k-button.k-outline {
14171
+ box-shadow: none;
14172
+ border-color: currentColor;
14173
+ color: #03a9f4;
14174
+ background-color: transparent;
14175
+ }
14176
+
14177
+ .k-button-outline.k-button-outline-tertiary:hover, .k-button-outline-tertiary.k-button.k-outline:hover, .k-button-outline.k-button-outline-tertiary.k-state-hover, .k-button-outline-tertiary.k-state-hover.k-button.k-outline {
14178
+ border-color: #03a9f4;
14179
+ color: white;
14180
+ background-color: #03a9f4;
14181
+ }
14182
+
14183
+ .k-button-outline.k-button-outline-tertiary:focus, .k-button-outline-tertiary.k-button.k-outline:focus, .k-button-outline.k-button-outline-tertiary.k-state-focus, .k-button-outline-tertiary.k-state-focus.k-button.k-outline, .k-button-outline.k-button-outline-tertiary.k-state-focused, .k-button-outline-tertiary.k-state-focused.k-button.k-outline {
14184
+ box-shadow: 0 0 0px 2px rgba(3, 169, 244, 0.3);
14185
+ }
14186
+
14187
+ .k-button-outline.k-button-outline-tertiary:active, .k-button-outline-tertiary.k-button.k-outline:active, .k-button-outline.k-button-outline-tertiary.k-state-active, .k-button-outline-tertiary.k-state-active.k-button.k-outline {
14188
+ border-color: #03a9f4;
14189
+ color: white;
14190
+ background-color: #03a9f4;
14191
+ box-shadow: none;
14192
+ }
14193
+
14194
+ .k-button-outline.k-button-outline-tertiary.k-state-selected, .k-button-outline-tertiary.k-state-selected.k-button.k-outline {
14195
+ border-color: #03a9f4;
14196
+ color: white;
14197
+ background-color: #03a9f4;
14198
+ box-shadow: none;
14199
+ }
14200
+
14201
+ .k-button-outline.k-button-outline-info, .k-button-outline-info.k-button.k-outline {
14202
+ box-shadow: none;
14203
+ border-color: currentColor;
14204
+ color: #0058e9;
14205
+ background-color: transparent;
14206
+ }
14207
+
14208
+ .k-button-outline.k-button-outline-info:hover, .k-button-outline-info.k-button.k-outline:hover, .k-button-outline.k-button-outline-info.k-state-hover, .k-button-outline-info.k-state-hover.k-button.k-outline {
14209
+ border-color: #0058e9;
14210
+ color: white;
14211
+ background-color: #0058e9;
14212
+ }
14213
+
14214
+ .k-button-outline.k-button-outline-info:focus, .k-button-outline-info.k-button.k-outline:focus, .k-button-outline.k-button-outline-info.k-state-focus, .k-button-outline-info.k-state-focus.k-button.k-outline, .k-button-outline.k-button-outline-info.k-state-focused, .k-button-outline-info.k-state-focused.k-button.k-outline {
14215
+ box-shadow: 0 0 0px 2px rgba(0, 88, 233, 0.3);
14216
+ }
14217
+
14218
+ .k-button-outline.k-button-outline-info:active, .k-button-outline-info.k-button.k-outline:active, .k-button-outline.k-button-outline-info.k-state-active, .k-button-outline-info.k-state-active.k-button.k-outline {
14219
+ border-color: #0058e9;
14220
+ color: white;
14221
+ background-color: #0058e9;
14222
+ box-shadow: none;
14223
+ }
14224
+
14225
+ .k-button-outline.k-button-outline-info.k-state-selected, .k-button-outline-info.k-state-selected.k-button.k-outline {
14226
+ border-color: #0058e9;
14227
+ color: white;
14228
+ background-color: #0058e9;
14229
+ box-shadow: none;
14230
+ }
14231
+
14232
+ .k-button-outline.k-button-outline-success, .k-button-outline-success.k-button.k-outline {
14233
+ box-shadow: none;
14234
+ border-color: currentColor;
14235
+ color: #37b400;
14236
+ background-color: transparent;
14237
+ }
14238
+
14239
+ .k-button-outline.k-button-outline-success:hover, .k-button-outline-success.k-button.k-outline:hover, .k-button-outline.k-button-outline-success.k-state-hover, .k-button-outline-success.k-state-hover.k-button.k-outline {
14240
+ border-color: #37b400;
14241
+ color: white;
14242
+ background-color: #37b400;
14243
+ }
14244
+
14245
+ .k-button-outline.k-button-outline-success:focus, .k-button-outline-success.k-button.k-outline:focus, .k-button-outline.k-button-outline-success.k-state-focus, .k-button-outline-success.k-state-focus.k-button.k-outline, .k-button-outline.k-button-outline-success.k-state-focused, .k-button-outline-success.k-state-focused.k-button.k-outline {
14246
+ box-shadow: 0 0 0px 2px rgba(55, 180, 0, 0.3);
14247
+ }
14248
+
14249
+ .k-button-outline.k-button-outline-success:active, .k-button-outline-success.k-button.k-outline:active, .k-button-outline.k-button-outline-success.k-state-active, .k-button-outline-success.k-state-active.k-button.k-outline {
14250
+ border-color: #37b400;
14251
+ color: white;
14252
+ background-color: #37b400;
14253
+ box-shadow: none;
14254
+ }
14255
+
14256
+ .k-button-outline.k-button-outline-success.k-state-selected, .k-button-outline-success.k-state-selected.k-button.k-outline {
14257
+ border-color: #37b400;
14258
+ color: white;
14259
+ background-color: #37b400;
14260
+ box-shadow: none;
14261
+ }
14262
+
14263
+ .k-button-outline.k-button-outline-warning, .k-button-outline-warning.k-button.k-outline {
14264
+ box-shadow: none;
14265
+ border-color: currentColor;
14266
+ color: #ffc000;
14267
+ background-color: transparent;
14268
+ }
14269
+
14270
+ .k-button-outline.k-button-outline-warning:hover, .k-button-outline-warning.k-button.k-outline:hover, .k-button-outline.k-button-outline-warning.k-state-hover, .k-button-outline-warning.k-state-hover.k-button.k-outline {
14271
+ border-color: #ffc000;
14272
+ color: black;
14273
+ background-color: #ffc000;
14274
+ }
14275
+
14276
+ .k-button-outline.k-button-outline-warning:focus, .k-button-outline-warning.k-button.k-outline:focus, .k-button-outline.k-button-outline-warning.k-state-focus, .k-button-outline-warning.k-state-focus.k-button.k-outline, .k-button-outline.k-button-outline-warning.k-state-focused, .k-button-outline-warning.k-state-focused.k-button.k-outline {
14277
+ box-shadow: 0 0 0px 2px rgba(255, 192, 0, 0.3);
14278
+ }
14279
+
14280
+ .k-button-outline.k-button-outline-warning:active, .k-button-outline-warning.k-button.k-outline:active, .k-button-outline.k-button-outline-warning.k-state-active, .k-button-outline-warning.k-state-active.k-button.k-outline {
14281
+ border-color: #ffc000;
14282
+ color: black;
14283
+ background-color: #ffc000;
14284
+ box-shadow: none;
14285
+ }
14286
+
14287
+ .k-button-outline.k-button-outline-warning.k-state-selected, .k-button-outline-warning.k-state-selected.k-button.k-outline {
14288
+ border-color: #ffc000;
14289
+ color: black;
14290
+ background-color: #ffc000;
14291
+ box-shadow: none;
14292
+ }
14293
+
14294
+ .k-button-outline.k-button-outline-error, .k-button-outline-error.k-button.k-outline {
14295
+ box-shadow: none;
14296
+ border-color: currentColor;
14297
+ color: #f31700;
14298
+ background-color: transparent;
14299
+ }
14300
+
14301
+ .k-button-outline.k-button-outline-error:hover, .k-button-outline-error.k-button.k-outline:hover, .k-button-outline.k-button-outline-error.k-state-hover, .k-button-outline-error.k-state-hover.k-button.k-outline {
14302
+ border-color: #f31700;
14303
+ color: white;
14304
+ background-color: #f31700;
14305
+ }
14306
+
14307
+ .k-button-outline.k-button-outline-error:focus, .k-button-outline-error.k-button.k-outline:focus, .k-button-outline.k-button-outline-error.k-state-focus, .k-button-outline-error.k-state-focus.k-button.k-outline, .k-button-outline.k-button-outline-error.k-state-focused, .k-button-outline-error.k-state-focused.k-button.k-outline {
14308
+ box-shadow: 0 0 0px 2px rgba(243, 23, 0, 0.3);
14309
+ }
14310
+
14311
+ .k-button-outline.k-button-outline-error:active, .k-button-outline-error.k-button.k-outline:active, .k-button-outline.k-button-outline-error.k-state-active, .k-button-outline-error.k-state-active.k-button.k-outline {
14312
+ border-color: #f31700;
14313
+ color: white;
14314
+ background-color: #f31700;
14315
+ box-shadow: none;
14316
+ }
14317
+
14318
+ .k-button-outline.k-button-outline-error.k-state-selected, .k-button-outline-error.k-state-selected.k-button.k-outline {
14319
+ border-color: #f31700;
14320
+ color: white;
14321
+ background-color: #f31700;
14322
+ box-shadow: none;
14323
+ }
14324
+
14325
+ .k-button-outline.k-button-outline-dark, .k-button-outline-dark.k-button.k-outline {
14326
+ box-shadow: none;
14327
+ border-color: currentColor;
14328
+ color: #424242;
14329
+ background-color: transparent;
14330
+ }
14331
+
14332
+ .k-button-outline.k-button-outline-dark:hover, .k-button-outline-dark.k-button.k-outline:hover, .k-button-outline.k-button-outline-dark.k-state-hover, .k-button-outline-dark.k-state-hover.k-button.k-outline {
14333
+ border-color: #424242;
14334
+ color: white;
14335
+ background-color: #424242;
14336
+ }
14337
+
14338
+ .k-button-outline.k-button-outline-dark:focus, .k-button-outline-dark.k-button.k-outline:focus, .k-button-outline.k-button-outline-dark.k-state-focus, .k-button-outline-dark.k-state-focus.k-button.k-outline, .k-button-outline.k-button-outline-dark.k-state-focused, .k-button-outline-dark.k-state-focused.k-button.k-outline {
14339
+ box-shadow: 0 0 0px 2px rgba(66, 66, 66, 0.3);
14340
+ }
14341
+
14342
+ .k-button-outline.k-button-outline-dark:active, .k-button-outline-dark.k-button.k-outline:active, .k-button-outline.k-button-outline-dark.k-state-active, .k-button-outline-dark.k-state-active.k-button.k-outline {
14343
+ border-color: #424242;
14344
+ color: white;
14345
+ background-color: #424242;
14346
+ box-shadow: none;
14347
+ }
14348
+
14349
+ .k-button-outline.k-button-outline-dark.k-state-selected, .k-button-outline-dark.k-state-selected.k-button.k-outline {
14350
+ border-color: #424242;
14351
+ color: white;
14352
+ background-color: #424242;
14353
+ box-shadow: none;
14354
+ }
14355
+
14356
+ .k-button-outline.k-button-outline-light, .k-button-outline-light.k-button.k-outline {
14357
+ box-shadow: none;
14358
+ border-color: currentColor;
14359
+ color: #ebebeb;
14360
+ background-color: transparent;
14361
+ }
14362
+
14363
+ .k-button-outline.k-button-outline-light:hover, .k-button-outline-light.k-button.k-outline:hover, .k-button-outline.k-button-outline-light.k-state-hover, .k-button-outline-light.k-state-hover.k-button.k-outline {
14364
+ border-color: #ebebeb;
14365
+ color: black;
14366
+ background-color: #ebebeb;
14367
+ }
14368
+
14369
+ .k-button-outline.k-button-outline-light:focus, .k-button-outline-light.k-button.k-outline:focus, .k-button-outline.k-button-outline-light.k-state-focus, .k-button-outline-light.k-state-focus.k-button.k-outline, .k-button-outline.k-button-outline-light.k-state-focused, .k-button-outline-light.k-state-focused.k-button.k-outline {
14370
+ box-shadow: 0 0 0px 2px rgba(235, 235, 235, 0.3);
14371
+ }
14372
+
14373
+ .k-button-outline.k-button-outline-light:active, .k-button-outline-light.k-button.k-outline:active, .k-button-outline.k-button-outline-light.k-state-active, .k-button-outline-light.k-state-active.k-button.k-outline {
14374
+ border-color: #ebebeb;
14375
+ color: black;
14376
+ background-color: #ebebeb;
14377
+ box-shadow: none;
14378
+ }
14379
+
14380
+ .k-button-outline.k-button-outline-light.k-state-selected, .k-button-outline-light.k-state-selected.k-button.k-outline {
14381
+ border-color: #ebebeb;
14382
+ color: black;
14383
+ background-color: #ebebeb;
14384
+ box-shadow: none;
14385
+ }
14386
+
14387
+ .k-button-outline.k-button-outline-inverse, .k-button-outline-inverse.k-button.k-outline {
14388
+ box-shadow: none;
14389
+ border-color: currentColor;
14390
+ color: #424242;
14391
+ background-color: transparent;
14392
+ }
14393
+
14394
+ .k-button-outline.k-button-outline-inverse:hover, .k-button-outline-inverse.k-button.k-outline:hover, .k-button-outline.k-button-outline-inverse.k-state-hover, .k-button-outline-inverse.k-state-hover.k-button.k-outline {
14395
+ border-color: #424242;
14396
+ color: white;
14397
+ background-color: #424242;
14398
+ }
14399
+
14400
+ .k-button-outline.k-button-outline-inverse:focus, .k-button-outline-inverse.k-button.k-outline:focus, .k-button-outline.k-button-outline-inverse.k-state-focus, .k-button-outline-inverse.k-state-focus.k-button.k-outline, .k-button-outline.k-button-outline-inverse.k-state-focused, .k-button-outline-inverse.k-state-focused.k-button.k-outline {
14401
+ box-shadow: 0 0 0px 2px rgba(66, 66, 66, 0.3);
14402
+ }
14403
+
14404
+ .k-button-outline.k-button-outline-inverse:active, .k-button-outline-inverse.k-button.k-outline:active, .k-button-outline.k-button-outline-inverse.k-state-active, .k-button-outline-inverse.k-state-active.k-button.k-outline {
14405
+ border-color: #424242;
14406
+ color: white;
14407
+ background-color: #424242;
14408
+ box-shadow: none;
14409
+ }
14410
+
14411
+ .k-button-outline.k-button-outline-inverse.k-state-selected, .k-button-outline-inverse.k-state-selected.k-button.k-outline {
14412
+ border-color: #424242;
14413
+ color: white;
14414
+ background-color: #424242;
14415
+ box-shadow: none;
14416
+ }
14417
+
14418
+ .k-button-flat, .k-button.k-flat,
14419
+ .k-button.k-bare, .k-button-flat:hover, .k-button.k-flat:hover,
14420
+ .k-button.k-bare:hover, .k-button-flat.k-state-hover, .k-state-hover.k-button.k-flat,
14421
+ .k-state-hover.k-button.k-bare, .k-button-flat:active, .k-button.k-flat:active,
14422
+ .k-button.k-bare:active, .k-button-flat.k-state-active, .k-state-active.k-button.k-flat,
14423
+ .k-state-active.k-button.k-bare, .k-button-flat:focus, .k-button.k-flat:focus,
14424
+ .k-button.k-bare:focus, .k-button-flat.k-state-focus, .k-state-focus.k-button.k-flat,
14425
+ .k-state-focus.k-button.k-bare {
14426
+ color: inherit;
14427
+ }
14428
+
14429
+ .k-button-flat.k-button-flat-primary, .k-button-flat-primary.k-button.k-flat,
14430
+ .k-button-flat-primary.k-button.k-bare, .k-button-flat.k-primary, .k-primary.k-button.k-flat,
14431
+ .k-primary.k-button.k-bare, .k-button-flat.k-button-flat-primary:hover, .k-button-flat-primary.k-button.k-flat:hover,
14432
+ .k-button-flat-primary.k-button.k-bare:hover, .k-button-flat.k-primary:hover, .k-primary.k-button.k-flat:hover,
14433
+ .k-primary.k-button.k-bare:hover, .k-button-flat.k-button-flat-primary.k-state-hover, .k-button-flat-primary.k-state-hover.k-button.k-flat,
14434
+ .k-button-flat-primary.k-state-hover.k-button.k-bare, .k-button-flat.k-state-hover.k-primary, .k-state-hover.k-primary.k-button.k-flat,
14435
+ .k-state-hover.k-primary.k-button.k-bare, .k-button-flat.k-button-flat-primary:active, .k-button-flat-primary.k-button.k-flat:active,
14436
+ .k-button-flat-primary.k-button.k-bare:active, .k-button-flat.k-primary:active, .k-primary.k-button.k-flat:active,
14437
+ .k-primary.k-button.k-bare:active, .k-button-flat.k-button-flat-primary.k-state-active, .k-button-flat-primary.k-state-active.k-button.k-flat,
14438
+ .k-button-flat-primary.k-state-active.k-button.k-bare, .k-button-flat.k-state-active.k-primary, .k-state-active.k-primary.k-button.k-flat,
14439
+ .k-state-active.k-primary.k-button.k-bare, .k-button-flat.k-button-flat-primary:focus, .k-button-flat-primary.k-button.k-flat:focus,
14440
+ .k-button-flat-primary.k-button.k-bare:focus, .k-button-flat.k-primary:focus, .k-primary.k-button.k-flat:focus,
14441
+ .k-primary.k-button.k-bare:focus, .k-button-flat.k-button-flat-primary.k-state-focus, .k-button-flat-primary.k-state-focus.k-button.k-flat,
14442
+ .k-button-flat-primary.k-state-focus.k-button.k-bare, .k-button-flat.k-state-focus.k-primary, .k-state-focus.k-primary.k-button.k-flat,
14443
+ .k-state-focus.k-primary.k-button.k-bare {
14444
+ color: #ff6358;
14445
+ }
14446
+
14447
+ .k-button-flat.k-button-flat-secondary, .k-button-flat-secondary.k-button.k-flat,
14448
+ .k-button-flat-secondary.k-button.k-bare, .k-button-flat.k-button-flat-secondary:hover, .k-button-flat-secondary.k-button.k-flat:hover,
14449
+ .k-button-flat-secondary.k-button.k-bare:hover, .k-button-flat.k-button-flat-secondary.k-state-hover, .k-button-flat-secondary.k-state-hover.k-button.k-flat,
14450
+ .k-button-flat-secondary.k-state-hover.k-button.k-bare, .k-button-flat.k-button-flat-secondary:active, .k-button-flat-secondary.k-button.k-flat:active,
14451
+ .k-button-flat-secondary.k-button.k-bare:active, .k-button-flat.k-button-flat-secondary.k-state-active, .k-button-flat-secondary.k-state-active.k-button.k-flat,
14452
+ .k-button-flat-secondary.k-state-active.k-button.k-bare, .k-button-flat.k-button-flat-secondary:focus, .k-button-flat-secondary.k-button.k-flat:focus,
14453
+ .k-button-flat-secondary.k-button.k-bare:focus, .k-button-flat.k-button-flat-secondary.k-state-focus, .k-button-flat-secondary.k-state-focus.k-button.k-flat,
14454
+ .k-button-flat-secondary.k-state-focus.k-button.k-bare {
14455
+ color: #666666;
14456
+ }
14457
+
14458
+ .k-button-flat.k-button-flat-tertiary, .k-button-flat-tertiary.k-button.k-flat,
14459
+ .k-button-flat-tertiary.k-button.k-bare, .k-button-flat.k-button-flat-tertiary:hover, .k-button-flat-tertiary.k-button.k-flat:hover,
14460
+ .k-button-flat-tertiary.k-button.k-bare:hover, .k-button-flat.k-button-flat-tertiary.k-state-hover, .k-button-flat-tertiary.k-state-hover.k-button.k-flat,
14461
+ .k-button-flat-tertiary.k-state-hover.k-button.k-bare, .k-button-flat.k-button-flat-tertiary:active, .k-button-flat-tertiary.k-button.k-flat:active,
14462
+ .k-button-flat-tertiary.k-button.k-bare:active, .k-button-flat.k-button-flat-tertiary.k-state-active, .k-button-flat-tertiary.k-state-active.k-button.k-flat,
14463
+ .k-button-flat-tertiary.k-state-active.k-button.k-bare, .k-button-flat.k-button-flat-tertiary:focus, .k-button-flat-tertiary.k-button.k-flat:focus,
14464
+ .k-button-flat-tertiary.k-button.k-bare:focus, .k-button-flat.k-button-flat-tertiary.k-state-focus, .k-button-flat-tertiary.k-state-focus.k-button.k-flat,
14465
+ .k-button-flat-tertiary.k-state-focus.k-button.k-bare {
14466
+ color: #03a9f4;
14467
+ }
14468
+
14469
+ .k-button-flat.k-button-flat-info, .k-button-flat-info.k-button.k-flat,
14470
+ .k-button-flat-info.k-button.k-bare, .k-button-flat.k-button-flat-info:hover, .k-button-flat-info.k-button.k-flat:hover,
14471
+ .k-button-flat-info.k-button.k-bare:hover, .k-button-flat.k-button-flat-info.k-state-hover, .k-button-flat-info.k-state-hover.k-button.k-flat,
14472
+ .k-button-flat-info.k-state-hover.k-button.k-bare, .k-button-flat.k-button-flat-info:active, .k-button-flat-info.k-button.k-flat:active,
14473
+ .k-button-flat-info.k-button.k-bare:active, .k-button-flat.k-button-flat-info.k-state-active, .k-button-flat-info.k-state-active.k-button.k-flat,
14474
+ .k-button-flat-info.k-state-active.k-button.k-bare, .k-button-flat.k-button-flat-info:focus, .k-button-flat-info.k-button.k-flat:focus,
14475
+ .k-button-flat-info.k-button.k-bare:focus, .k-button-flat.k-button-flat-info.k-state-focus, .k-button-flat-info.k-state-focus.k-button.k-flat,
14476
+ .k-button-flat-info.k-state-focus.k-button.k-bare {
14477
+ color: #0058e9;
14478
+ }
14479
+
14480
+ .k-button-flat.k-button-flat-success, .k-button-flat-success.k-button.k-flat,
14481
+ .k-button-flat-success.k-button.k-bare, .k-button-flat.k-button-flat-success:hover, .k-button-flat-success.k-button.k-flat:hover,
14482
+ .k-button-flat-success.k-button.k-bare:hover, .k-button-flat.k-button-flat-success.k-state-hover, .k-button-flat-success.k-state-hover.k-button.k-flat,
14483
+ .k-button-flat-success.k-state-hover.k-button.k-bare, .k-button-flat.k-button-flat-success:active, .k-button-flat-success.k-button.k-flat:active,
14484
+ .k-button-flat-success.k-button.k-bare:active, .k-button-flat.k-button-flat-success.k-state-active, .k-button-flat-success.k-state-active.k-button.k-flat,
14485
+ .k-button-flat-success.k-state-active.k-button.k-bare, .k-button-flat.k-button-flat-success:focus, .k-button-flat-success.k-button.k-flat:focus,
14486
+ .k-button-flat-success.k-button.k-bare:focus, .k-button-flat.k-button-flat-success.k-state-focus, .k-button-flat-success.k-state-focus.k-button.k-flat,
14487
+ .k-button-flat-success.k-state-focus.k-button.k-bare {
14488
+ color: #37b400;
14489
+ }
14490
+
14491
+ .k-button-flat.k-button-flat-warning, .k-button-flat-warning.k-button.k-flat,
14492
+ .k-button-flat-warning.k-button.k-bare, .k-button-flat.k-button-flat-warning:hover, .k-button-flat-warning.k-button.k-flat:hover,
14493
+ .k-button-flat-warning.k-button.k-bare:hover, .k-button-flat.k-button-flat-warning.k-state-hover, .k-button-flat-warning.k-state-hover.k-button.k-flat,
14494
+ .k-button-flat-warning.k-state-hover.k-button.k-bare, .k-button-flat.k-button-flat-warning:active, .k-button-flat-warning.k-button.k-flat:active,
14495
+ .k-button-flat-warning.k-button.k-bare:active, .k-button-flat.k-button-flat-warning.k-state-active, .k-button-flat-warning.k-state-active.k-button.k-flat,
14496
+ .k-button-flat-warning.k-state-active.k-button.k-bare, .k-button-flat.k-button-flat-warning:focus, .k-button-flat-warning.k-button.k-flat:focus,
14497
+ .k-button-flat-warning.k-button.k-bare:focus, .k-button-flat.k-button-flat-warning.k-state-focus, .k-button-flat-warning.k-state-focus.k-button.k-flat,
14498
+ .k-button-flat-warning.k-state-focus.k-button.k-bare {
14499
+ color: #ffc000;
14500
+ }
14501
+
14502
+ .k-button-flat.k-button-flat-error, .k-button-flat-error.k-button.k-flat,
14503
+ .k-button-flat-error.k-button.k-bare, .k-button-flat.k-button-flat-error:hover, .k-button-flat-error.k-button.k-flat:hover,
14504
+ .k-button-flat-error.k-button.k-bare:hover, .k-button-flat.k-button-flat-error.k-state-hover, .k-button-flat-error.k-state-hover.k-button.k-flat,
14505
+ .k-button-flat-error.k-state-hover.k-button.k-bare, .k-button-flat.k-button-flat-error:active, .k-button-flat-error.k-button.k-flat:active,
14506
+ .k-button-flat-error.k-button.k-bare:active, .k-button-flat.k-button-flat-error.k-state-active, .k-button-flat-error.k-state-active.k-button.k-flat,
14507
+ .k-button-flat-error.k-state-active.k-button.k-bare, .k-button-flat.k-button-flat-error:focus, .k-button-flat-error.k-button.k-flat:focus,
14508
+ .k-button-flat-error.k-button.k-bare:focus, .k-button-flat.k-button-flat-error.k-state-focus, .k-button-flat-error.k-state-focus.k-button.k-flat,
14509
+ .k-button-flat-error.k-state-focus.k-button.k-bare {
14510
+ color: #f31700;
14511
+ }
14512
+
14513
+ .k-button-flat.k-button-flat-dark, .k-button-flat-dark.k-button.k-flat,
14514
+ .k-button-flat-dark.k-button.k-bare, .k-button-flat.k-button-flat-dark:hover, .k-button-flat-dark.k-button.k-flat:hover,
14515
+ .k-button-flat-dark.k-button.k-bare:hover, .k-button-flat.k-button-flat-dark.k-state-hover, .k-button-flat-dark.k-state-hover.k-button.k-flat,
14516
+ .k-button-flat-dark.k-state-hover.k-button.k-bare, .k-button-flat.k-button-flat-dark:active, .k-button-flat-dark.k-button.k-flat:active,
14517
+ .k-button-flat-dark.k-button.k-bare:active, .k-button-flat.k-button-flat-dark.k-state-active, .k-button-flat-dark.k-state-active.k-button.k-flat,
14518
+ .k-button-flat-dark.k-state-active.k-button.k-bare, .k-button-flat.k-button-flat-dark:focus, .k-button-flat-dark.k-button.k-flat:focus,
14519
+ .k-button-flat-dark.k-button.k-bare:focus, .k-button-flat.k-button-flat-dark.k-state-focus, .k-button-flat-dark.k-state-focus.k-button.k-flat,
14520
+ .k-button-flat-dark.k-state-focus.k-button.k-bare {
14521
+ color: #424242;
14522
+ }
14523
+
14524
+ .k-button-flat.k-button-flat-light, .k-button-flat-light.k-button.k-flat,
14525
+ .k-button-flat-light.k-button.k-bare, .k-button-flat.k-button-flat-light:hover, .k-button-flat-light.k-button.k-flat:hover,
14526
+ .k-button-flat-light.k-button.k-bare:hover, .k-button-flat.k-button-flat-light.k-state-hover, .k-button-flat-light.k-state-hover.k-button.k-flat,
14527
+ .k-button-flat-light.k-state-hover.k-button.k-bare, .k-button-flat.k-button-flat-light:active, .k-button-flat-light.k-button.k-flat:active,
14528
+ .k-button-flat-light.k-button.k-bare:active, .k-button-flat.k-button-flat-light.k-state-active, .k-button-flat-light.k-state-active.k-button.k-flat,
14529
+ .k-button-flat-light.k-state-active.k-button.k-bare, .k-button-flat.k-button-flat-light:focus, .k-button-flat-light.k-button.k-flat:focus,
14530
+ .k-button-flat-light.k-button.k-bare:focus, .k-button-flat.k-button-flat-light.k-state-focus, .k-button-flat-light.k-state-focus.k-button.k-flat,
14531
+ .k-button-flat-light.k-state-focus.k-button.k-bare {
14532
+ color: #ebebeb;
14533
+ }
14534
+
14535
+ .k-button-flat.k-button-flat-inverse, .k-button-flat-inverse.k-button.k-flat,
14536
+ .k-button-flat-inverse.k-button.k-bare, .k-button-flat.k-button-flat-inverse:hover, .k-button-flat-inverse.k-button.k-flat:hover,
14537
+ .k-button-flat-inverse.k-button.k-bare:hover, .k-button-flat.k-button-flat-inverse.k-state-hover, .k-button-flat-inverse.k-state-hover.k-button.k-flat,
14538
+ .k-button-flat-inverse.k-state-hover.k-button.k-bare, .k-button-flat.k-button-flat-inverse:active, .k-button-flat-inverse.k-button.k-flat:active,
14539
+ .k-button-flat-inverse.k-button.k-bare:active, .k-button-flat.k-button-flat-inverse.k-state-active, .k-button-flat-inverse.k-state-active.k-button.k-flat,
14540
+ .k-button-flat-inverse.k-state-active.k-button.k-bare, .k-button-flat.k-button-flat-inverse:focus, .k-button-flat-inverse.k-button.k-flat:focus,
14541
+ .k-button-flat-inverse.k-button.k-bare:focus, .k-button-flat.k-button-flat-inverse.k-state-focus, .k-button-flat-inverse.k-state-focus.k-button.k-flat,
14542
+ .k-button-flat-inverse.k-state-focus.k-button.k-bare {
14543
+ color: #424242;
14544
+ }
14545
+
14546
+ .k-button-link.k-button-link-primary {
14547
+ box-shadow: none;
14548
+ color: #ff6358;
14549
+ }
14550
+
14551
+ .k-button-link.k-button-link-primary:hover, .k-button-link.k-button-link-primary.k-state-hover {
14552
+ color: #d6534a;
14553
+ }
14554
+
14555
+ .k-button-link.k-button-link-primary:focus, .k-button-link.k-button-link-primary.k-state-focus {
14556
+ box-shadow: 0 0 0px 2px rgba(255, 99, 88, 0.3);
14557
+ }
14558
+
14559
+ .k-button-link.k-button-link-primary:active, .k-button-link.k-button-link-primary.k-state-active, .k-button-link.k-button-link-primary.k-state-selected {
14560
+ color: #d6534a;
14561
+ }
14562
+
14563
+ .k-button-link.k-button-link-secondary {
14564
+ box-shadow: none;
14565
+ color: #666666;
14566
+ }
14567
+
14568
+ .k-button-link.k-button-link-secondary:hover, .k-button-link.k-button-link-secondary.k-state-hover {
14569
+ color: #565656;
14570
+ }
14571
+
14572
+ .k-button-link.k-button-link-secondary:focus, .k-button-link.k-button-link-secondary.k-state-focus {
14573
+ box-shadow: 0 0 0px 2px rgba(102, 102, 102, 0.3);
14574
+ }
14575
+
14576
+ .k-button-link.k-button-link-secondary:active, .k-button-link.k-button-link-secondary.k-state-active, .k-button-link.k-button-link-secondary.k-state-selected {
14577
+ color: #565656;
14578
+ }
14579
+
14580
+ .k-button-link.k-button-link-tertiary {
14581
+ box-shadow: none;
14582
+ color: #03a9f4;
14583
+ }
14584
+
14585
+ .k-button-link.k-button-link-tertiary:hover, .k-button-link.k-button-link-tertiary.k-state-hover {
14586
+ color: #038ecd;
14587
+ }
14588
+
14589
+ .k-button-link.k-button-link-tertiary:focus, .k-button-link.k-button-link-tertiary.k-state-focus {
14590
+ box-shadow: 0 0 0px 2px rgba(3, 169, 244, 0.3);
14591
+ }
14592
+
14593
+ .k-button-link.k-button-link-tertiary:active, .k-button-link.k-button-link-tertiary.k-state-active, .k-button-link.k-button-link-tertiary.k-state-selected {
14594
+ color: #038ecd;
14595
+ }
14596
+
14597
+ .k-button-link.k-button-link-info {
14598
+ box-shadow: none;
14599
+ color: #0058e9;
14600
+ }
14601
+
14602
+ .k-button-link.k-button-link-info:hover, .k-button-link.k-button-link-info.k-state-hover {
14603
+ color: #004ac4;
14604
+ }
14605
+
14606
+ .k-button-link.k-button-link-info:focus, .k-button-link.k-button-link-info.k-state-focus {
14607
+ box-shadow: 0 0 0px 2px rgba(0, 88, 233, 0.3);
14608
+ }
14609
+
14610
+ .k-button-link.k-button-link-info:active, .k-button-link.k-button-link-info.k-state-active, .k-button-link.k-button-link-info.k-state-selected {
14611
+ color: #004ac4;
14612
+ }
14613
+
14614
+ .k-button-link.k-button-link-success {
14615
+ box-shadow: none;
14616
+ color: #37b400;
14617
+ }
14618
+
14619
+ .k-button-link.k-button-link-success:hover, .k-button-link.k-button-link-success.k-state-hover {
14620
+ color: #2e9700;
14621
+ }
14622
+
14623
+ .k-button-link.k-button-link-success:focus, .k-button-link.k-button-link-success.k-state-focus {
14624
+ box-shadow: 0 0 0px 2px rgba(55, 180, 0, 0.3);
14625
+ }
14626
+
14627
+ .k-button-link.k-button-link-success:active, .k-button-link.k-button-link-success.k-state-active, .k-button-link.k-button-link-success.k-state-selected {
14628
+ color: #2e9700;
14629
+ }
14630
+
14631
+ .k-button-link.k-button-link-warning {
14632
+ box-shadow: none;
14633
+ color: #ffc000;
14634
+ }
14635
+
14636
+ .k-button-link.k-button-link-warning:hover, .k-button-link.k-button-link-warning.k-state-hover {
14637
+ color: #d6a100;
14638
+ }
14639
+
14640
+ .k-button-link.k-button-link-warning:focus, .k-button-link.k-button-link-warning.k-state-focus {
14641
+ box-shadow: 0 0 0px 2px rgba(255, 192, 0, 0.3);
14642
+ }
14643
+
14644
+ .k-button-link.k-button-link-warning:active, .k-button-link.k-button-link-warning.k-state-active, .k-button-link.k-button-link-warning.k-state-selected {
14645
+ color: #d6a100;
14646
+ }
14647
+
14648
+ .k-button-link.k-button-link-error {
14649
+ box-shadow: none;
14650
+ color: #f31700;
14651
+ }
14652
+
14653
+ .k-button-link.k-button-link-error:hover, .k-button-link.k-button-link-error.k-state-hover {
14654
+ color: #cc1300;
14655
+ }
14656
+
14657
+ .k-button-link.k-button-link-error:focus, .k-button-link.k-button-link-error.k-state-focus {
14658
+ box-shadow: 0 0 0px 2px rgba(243, 23, 0, 0.3);
14659
+ }
14660
+
14661
+ .k-button-link.k-button-link-error:active, .k-button-link.k-button-link-error.k-state-active, .k-button-link.k-button-link-error.k-state-selected {
14662
+ color: #cc1300;
14663
+ }
14664
+
14665
+ .k-button-link.k-button-link-dark {
14666
+ box-shadow: none;
14667
+ color: #424242;
14668
+ }
14669
+
14670
+ .k-button-link.k-button-link-dark:hover, .k-button-link.k-button-link-dark.k-state-hover {
14671
+ color: #373737;
14672
+ }
14673
+
14674
+ .k-button-link.k-button-link-dark:focus, .k-button-link.k-button-link-dark.k-state-focus {
14675
+ box-shadow: 0 0 0px 2px rgba(66, 66, 66, 0.3);
14676
+ }
14677
+
14678
+ .k-button-link.k-button-link-dark:active, .k-button-link.k-button-link-dark.k-state-active, .k-button-link.k-button-link-dark.k-state-selected {
14679
+ color: #373737;
14680
+ }
14681
+
14682
+ .k-button-link.k-button-link-light {
14683
+ box-shadow: none;
14684
+ color: #ebebeb;
14685
+ }
14686
+
14687
+ .k-button-link.k-button-link-light:hover, .k-button-link.k-button-link-light.k-state-hover {
14688
+ color: #c5c5c5;
14689
+ }
14690
+
14691
+ .k-button-link.k-button-link-light:focus, .k-button-link.k-button-link-light.k-state-focus {
14692
+ box-shadow: 0 0 0px 2px rgba(235, 235, 235, 0.3);
14693
+ }
14694
+
14695
+ .k-button-link.k-button-link-light:active, .k-button-link.k-button-link-light.k-state-active, .k-button-link.k-button-link-light.k-state-selected {
14696
+ color: #c5c5c5;
14697
+ }
14698
+
14699
+ .k-button-link.k-button-link-inverse {
14700
+ box-shadow: none;
14701
+ color: #424242;
14702
+ }
14703
+
14704
+ .k-button-link.k-button-link-inverse:hover, .k-button-link.k-button-link-inverse.k-state-hover {
14705
+ color: #373737;
14706
+ }
14707
+
14708
+ .k-button-link.k-button-link-inverse:focus, .k-button-link.k-button-link-inverse.k-state-focus {
14709
+ box-shadow: 0 0 0px 2px rgba(66, 66, 66, 0.3);
14710
+ }
14711
+
14712
+ .k-button-link.k-button-link-inverse:active, .k-button-link.k-button-link-inverse.k-state-active, .k-button-link.k-button-link-inverse.k-state-selected {
14713
+ color: #373737;
14714
+ }
14715
+
14716
+ .k-button-link.k-button-link-base {
14717
+ box-shadow: none;
14718
+ color: #424242;
14719
+ }
14720
+
14721
+ .k-button-link.k-button-link-base:hover, .k-button-link.k-button-link-base.k-state-hover {
14722
+ color: #373737;
14723
+ }
14724
+
14725
+ .k-button-link.k-button-link-base:focus, .k-button-link.k-button-link-base.k-state-focus {
14726
+ box-shadow: 0 0 0px 2px rgba(66, 66, 66, 0.3);
14727
+ }
14728
+
14729
+ .k-button-link.k-button-link-base:active, .k-button-link.k-button-link-base.k-state-active, .k-button-link.k-button-link-base.k-state-selected {
14730
+ color: #373737;
14731
+ }
14732
+
14733
+ .k-button-clear {
14734
+ color: inherit;
14735
+ }
14736
+
14737
+ .k-button-clear:hover, .k-button-clear.k-state-hover, .k-button-clear:active, .k-button-clear.k-state-active, .k-button-clear.k-state-selected, .k-button-clear:focus, .k-button-clear.k-state-focus, .k-button-clear.k-state-focused {
14738
+ color: inherit;
14739
+ }
14740
+
14741
+ .k-button-clear:focus::after, .k-button-clear.k-state-focus::after, .k-button-clear.k-state-focused::after, .k-button-clear.k-state-focused:active::after {
14742
+ background-color: currentColor;
14743
+ opacity: 0.1;
14744
+ display: block;
14745
+ }
14746
+
14747
+ .k-menu {
14748
+ border-width: 0px;
14749
+ border-style: solid;
14750
+ box-sizing: border-box;
14751
+ outline: 0;
14752
+ font-family: inherit;
14753
+ font-size: 14px;
14754
+ line-height: 1.4285714286;
14755
+ display: flex;
14756
+ flex-wrap: wrap;
14757
+ align-items: stretch;
14758
+ position: relative;
14759
+ cursor: default;
14760
+ -webkit-touch-callout: none;
14761
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
14762
+ }
14763
+
14764
+ .k-menu-item {
14765
+ box-sizing: border-box;
14766
+ border-width: 0;
14767
+ outline: 0;
14768
+ display: flex;
14769
+ flex-flow: column nowrap;
14770
+ flex: none;
14771
+ position: relative;
14772
+ -webkit-user-select: none;
14773
+ -ms-user-select: none;
14774
+ user-select: none;
14775
+ }
14776
+
14777
+ .k-menu-link {
14778
+ padding: 6px 12px;
14779
+ outline: 0;
14780
+ color: inherit;
14781
+ display: flex;
14782
+ flex-flow: row nowrap;
14783
+ flex: 1 1 auto;
14784
+ align-items: center;
14785
+ position: relative;
14786
+ white-space: nowrap;
14787
+ cursor: pointer;
14788
+ }
14789
+
14790
+ .k-menu-link > .k-icon:not(.k-menu-expand-arrow),
14791
+ .k-menu-link > .k-image,
14792
+ .k-menu-link > .k-sprite {
14793
+ margin-right: 4px;
14794
+ }
14795
+
14796
+ .k-menu-link-text {
14797
+ flex: 1 1 auto;
14798
+ overflow: hidden;
14799
+ text-overflow: ellipsis;
14800
+ }
14801
+
14802
+ .k-menu-expand-arrow {
14803
+ margin-left: 4px;
14804
+ margin-right: -4px;
14805
+ display: inline-flex;
14806
+ flex-flow: row wrap;
14807
+ align-items: center;
14808
+ flex: none;
14809
+ position: relative;
14810
+ }
14811
+
14812
+ .k-menu-expand-arrow.k-i-arrow-60-left,
14813
+ .k-menu-expand-arrow.k-i-arrow-60-right {
14814
+ margin: 0;
14815
+ position: absolute;
14816
+ top: 50%;
14817
+ transform: translateY(-50%);
14818
+ }
14819
+
14820
+ .k-menu-expand-arrow.k-i-arrow-60-right {
14821
+ right: 4px;
14822
+ }
14823
+
14824
+ .k-menu-expand-arrow.k-i-arrow-60-left {
14825
+ left: 4px;
14826
+ }
14827
+
14828
+ .k-menu-horizontal {
14829
+ flex-direction: row;
14830
+ }
14831
+
14832
+ .k-menu-horizontal > .k-menu-item + .k-menu-item {
14833
+ margin-left: 0px;
14834
+ }
14835
+
14836
+ .k-menu-horizontal > .k-separator {
14837
+ margin: 0 4px;
14838
+ width: 0;
14839
+ height: auto;
14840
+ border-width: 0 0 0 1px;
14841
+ border-style: solid;
14842
+ }
14843
+
14844
+ .k-menu-vertical {
14845
+ flex-direction: column;
14846
+ }
14847
+
14848
+ .k-menu-vertical > .k-menu-item + .k-menu-item {
14849
+ margin-top: 0px;
14850
+ }
14851
+
14852
+ .k-menu-vertical > .k-menu-item > .k-menu-link {
14853
+ padding: 4px 8px;
14854
+ padding-right: 32px;
14855
+ }
14856
+
14857
+ .k-menu-vertical > .k-menu-item > .k-menu-link .k-menu-expand-arrow {
14858
+ margin: 0;
14859
+ position: absolute;
14860
+ top: 50%;
14861
+ transform: translateY(-50%);
14862
+ right: 4px;
14863
+ }
14864
+
14865
+ .k-menu-vertical > .k-separator {
14866
+ margin: 4px 0;
14867
+ height: 0;
14868
+ border-width: 1px 0 0;
14869
+ border-style: solid;
14870
+ border-color: rgba(0, 0, 0, 0.08);
14871
+ display: block;
14872
+ }
14873
+
14874
+ .k-menu-popup {
14875
+ border-width: 1px;
14876
+ border-style: solid;
14877
+ overflow: auto;
14878
+ max-height: 80vh;
14879
+ }
14880
+
14881
+ .k-menu-group {
14882
+ margin: 0;
14883
+ padding: 0;
14884
+ font-size: 14px;
14885
+ line-height: 1.4285714286;
14886
+ list-style: none;
14887
+ display: none;
14888
+ position: absolute;
14889
+ }
14890
+
14891
+ .k-menu-popup .k-menu-group {
14892
+ position: relative;
14893
+ display: flex;
14894
+ flex-direction: column;
14895
+ }
14896
+
14897
+ .k-menu-group .k-menu-item {
14898
+ font-size: 14px;
14899
+ line-height: 1.4285714286;
14900
+ }
14901
+
14902
+ .k-menu-group .k-menu-item + .k-menu-item {
14903
+ margin-top: 0px;
14904
+ }
14905
+
14906
+ .k-menu-group .k-menu-link {
14907
+ padding: 4px 8px;
14908
+ padding-right: 32px;
14909
+ }
14910
+
14911
+ .k-menu-group .k-menu-link .k-menu-expand-arrow {
14912
+ margin: 0;
14913
+ position: absolute;
14914
+ top: 50%;
14915
+ transform: translateY(-50%);
14916
+ right: 4px;
14917
+ }
14918
+
14919
+ .k-menu-group .k-separator {
14920
+ margin: 4px 0;
14921
+ height: 0;
14922
+ border-width: 1px 0 0;
14923
+ border-style: solid;
14924
+ border-color: rgba(0, 0, 0, 0.08);
14925
+ display: block;
14926
+ }
14927
+
14928
+ .k-popups-wrapper {
14929
+ position: relative;
14930
+ border: 0;
14931
+ margin: 0;
14932
+ padding: 0;
14933
+ }
14934
+
14935
+ .k-context-menu {
14936
+ margin: 0;
14937
+ padding: 0;
14938
+ border-width: 1px;
14939
+ border-style: solid;
14940
+ }
14941
+
14942
+ .k-animation-container .k-context-menu.k-menu-horizontal {
14943
+ display: flex !important;
14944
+ flex-wrap: nowrap;
14945
+ }
14946
+
14947
+ .k-context-menu-popup {
14948
+ z-index: 12000;
14949
+ }
14950
+
14951
+ .k-context-menu-popup .k-context-menu {
14952
+ border-width: 0;
14953
+ }
14954
+
14955
+ .k-popup .k-context-menu,
14956
+ .k-context-menu-popup .k-context-menu {
14957
+ border-width: 0;
14958
+ }
14959
+
14960
+ .k-menu-scroll-wrapper {
14961
+ margin: 0;
14962
+ padding: 0;
14963
+ border: 0;
14964
+ position: relative;
14965
+ }
14966
+
14967
+ .k-menu-scroll-wrapper .k-menu {
14968
+ overflow: hidden;
14969
+ flex-wrap: nowrap;
14970
+ }
14971
+
14972
+ .k-menu-scroll-button {
14973
+ border-radius: 0;
14974
+ padding: 0;
14975
+ border-width: 0;
14976
+ border-color: inherit;
14977
+ color: inherit;
14978
+ background: inherit;
14979
+ position: absolute;
14980
+ }
14981
+
14982
+ .k-menu-scroll-button.k-scroll-left {
14983
+ top: 0;
14984
+ left: 0;
14985
+ height: 100%;
14986
+ width: 16px;
14987
+ border-right-width: 1px;
14988
+ }
14989
+
14990
+ .k-menu-scroll-button.k-scroll-right {
14991
+ top: 0;
14992
+ right: 0;
14993
+ height: 100%;
14994
+ width: 16px;
14995
+ border-left-width: 1px;
14996
+ }
14997
+
14998
+ .k-menu-scroll-button.k-scroll-up {
14999
+ top: 0;
15000
+ left: 0;
15001
+ width: 100%;
15002
+ height: 16px;
15003
+ border-bottom-width: 1px;
15004
+ }
15005
+
15006
+ .k-menu-scroll-button.k-scroll-down {
15007
+ bottom: 0;
15008
+ left: 0;
15009
+ width: 100%;
15010
+ height: 16px;
15011
+ border-top-width: 1px;
15012
+ }
15013
+
15014
+ .k-rtl .k-menu-link > .k-icon:not(.k-menu-expand-arrow),
15015
+ .k-rtl .k-menu-link > .k-image,
15016
+ .k-rtl .k-menu-link > .k-sprite,
15017
+ [dir="rtl"] .k-menu-link > .k-icon:not(.k-menu-expand-arrow),
15018
+ [dir="rtl"] .k-menu-link > .k-image,
15019
+ [dir="rtl"] .k-menu-link > .k-sprite {
15020
+ margin-left: 4px;
15021
+ margin-right: 0;
15022
+ }
15023
+
15024
+ .k-rtl .k-menu-expand-arrow.k-i-arrow-60-down,
15025
+ [dir="rtl"] .k-menu-expand-arrow.k-i-arrow-60-down {
15026
+ margin-left: -4px;
15027
+ margin-right: 4px;
15028
+ }
15029
+
15030
+ .k-rtl .k-menu-horizontal > .k-menu-item + .k-menu-item,
15031
+ [dir="rtl"] .k-menu-horizontal > .k-menu-item + .k-menu-item {
15032
+ margin-right: 0px;
15033
+ margin-left: 0;
15034
+ }
15035
+
15036
+ .k-rtl .k-menu-vertical > .k-menu-item > .k-menu-link,
15037
+ [dir="rtl"] .k-menu-vertical > .k-menu-item > .k-menu-link {
15038
+ padding-right: 8px;
15039
+ padding-left: 32px;
15040
+ }
15041
+
15042
+ .k-rtl .k-menu-vertical > .k-menu-item > .k-menu-link .k-menu-expand-arrow,
15043
+ [dir="rtl"] .k-menu-vertical > .k-menu-item > .k-menu-link .k-menu-expand-arrow {
15044
+ right: auto;
15045
+ left: 4px;
15046
+ }
15047
+
15048
+ .k-rtl .k-menu-group .k-menu-link,
15049
+ [dir="rtl"] .k-menu-group .k-menu-link {
15050
+ padding-right: 8px;
15051
+ padding-left: 32px;
15052
+ }
15053
+
15054
+ .k-rtl .k-menu-group .k-menu-link .k-menu-expand-arrow,
15055
+ [dir="rtl"] .k-menu-group .k-menu-link .k-menu-expand-arrow {
15056
+ right: auto;
15057
+ left: 4px;
15058
+ }
15059
+
15060
+ .k-menu:not(.k-context-menu) {
15061
+ color: #424242;
15062
+ background-color: transparent;
15063
+ }
15064
+
15065
+ .k-menu:not(.k-context-menu) > .k-item {
15066
+ color: #ff6358;
15067
+ }
15068
+
15069
+ .k-menu:not(.k-context-menu) > .k-item:hover, .k-menu:not(.k-context-menu) > .k-item.k-state-hover {
15070
+ color: #d6534a;
15071
+ }
15072
+
15073
+ .k-menu:not(.k-context-menu) > .k-item > .k-state-active, .k-menu:not(.k-context-menu) > .k-item.k-state-selected {
15074
+ color: #424242;
15075
+ }
15076
+
15077
+ .k-menu:not(.k-context-menu) > .k-item:focus, .k-menu:not(.k-context-menu) > .k-item.k-state-focus, .k-menu:not(.k-context-menu) > .k-item.k-state-focused {
15078
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
15079
+ }
15080
+
15081
+ .k-menu-group,
15082
+ .k-menu.k-context-menu {
15083
+ border-color: rgba(0, 0, 0, 0.08);
15084
+ color: #424242;
15085
+ background-color: #ffffff;
15086
+ }
15087
+
15088
+ .k-menu-group .k-item:hover, .k-menu-group .k-item.k-state-hover,
15089
+ .k-menu.k-context-menu .k-item:hover,
15090
+ .k-menu.k-context-menu .k-item.k-state-hover {
15091
+ color: #424242;
15092
+ background-color: #f0f0f0;
15093
+ }
15094
+
15095
+ .k-menu-group .k-item > .k-state-active, .k-menu-group .k-item.k-state-selected,
15096
+ .k-menu.k-context-menu .k-item > .k-state-active,
15097
+ .k-menu.k-context-menu .k-item.k-state-selected {
15098
+ color: white;
15099
+ background-color: #ff6358;
15100
+ }
15101
+
15102
+ .k-menu-group .k-item:focus, .k-menu-group .k-item.k-state-focus, .k-menu-group .k-item.k-state-focused,
15103
+ .k-menu.k-context-menu .k-item:focus,
15104
+ .k-menu.k-context-menu .k-item.k-state-focus,
15105
+ .k-menu.k-context-menu .k-item.k-state-focused {
15106
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
15107
+ }
15108
+
15109
+ .k-menu-scroll-button {
15110
+ border-color: rgba(0, 0, 0, 0.08);
15111
+ color: #ff6358;
15112
+ background-color: #ffffff;
15113
+ }
15114
+
15115
+ .k-menu-scroll-button:hover {
15116
+ color: #d6534a;
15117
+ }
15118
+
15119
+ .k-menu-scroll-button:hover::before {
15120
+ opacity: 0;
15121
+ }
15122
+
15123
+ .k-toolbar {
15124
+ margin: 0;
15125
+ padding: 8px 8px;
15126
+ border-width: 1px;
15127
+ border-style: solid;
15128
+ box-sizing: border-box;
15129
+ outline: 0;
15130
+ font-family: inherit;
15131
+ font-size: 14px;
15132
+ line-height: 1.4285714286;
15133
+ list-style: none;
15134
+ display: flex;
15135
+ flex-flow: row wrap;
15136
+ gap: 8px;
15137
+ align-items: center;
15138
+ justify-content: flex-start;
15139
+ position: relative;
15140
+ overflow: hidden;
15141
+ -webkit-touch-callout: none;
15142
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
15143
+ }
15144
+
15145
+ .k-toolbar::before {
15146
+ content: "";
15147
+ height: calc(1.4285714286em + 10px);
15148
+ margin-inline-start: -8px;
15149
+ }
15150
+
15151
+ .k-toolbar.k-toolbar-resizable {
15152
+ flex-wrap: nowrap;
15153
+ }
15154
+
15155
+ .k-toolbar > * {
15156
+ flex-shrink: 0;
15157
+ display: inline-flex;
15158
+ align-content: center;
15159
+ vertical-align: middle;
15160
+ }
15161
+
15162
+ .k-toolbar > * > label {
15163
+ margin-inline-end: 8px;
15164
+ align-self: center;
15165
+ }
15166
+
15167
+ .k-toolbar .k-overflow-anchor {
15168
+ border-radius: 0;
15169
+ margin: 0;
15170
+ padding: 8px;
15171
+ width: auto;
15172
+ height: 100%;
15173
+ aspect-ratio: 1;
15174
+ border-width: 0;
15175
+ border-color: inherit;
15176
+ box-sizing: border-box;
15177
+ justify-content: center;
15178
+ position: absolute;
15179
+ top: 0;
15180
+ right: 0;
15181
+ }
15182
+
15183
+ .k-toolbar .k-overflow-anchor::before {
15184
+ display: block;
15185
+ }
15186
+
15187
+ .k-toolbar .k-separator,
15188
+ .k-toolbar .k-toolbar-separator {
15189
+ width: 0;
15190
+ height: 1.4285714286em;
15191
+ border-width: 0 0 0 1px;
15192
+ border-style: solid;
15193
+ align-self: center;
15194
+ }
15195
+
15196
+ .k-toolbar .k-toolbar-spacer {
15197
+ height: 1.4285714286em;
15198
+ flex: 1 0 0%;
15199
+ }
15200
+
15201
+ .k-toolbar .k-toolbar-template {
15202
+ align-self: center;
15203
+ align-items: center;
15204
+ }
15205
+
15206
+ .k-toolbar .k-textbox,
15207
+ .k-toolbar .k-combobox,
15208
+ .k-toolbar .k-dropdown,
15209
+ .k-toolbar .k-dropdowntree,
15210
+ .k-toolbar .k-searchbox,
15211
+ .k-toolbar .k-numerictextbox,
15212
+ .k-toolbar .k-datepicker,
15213
+ .k-toolbar .k-timepicker,
15214
+ .k-toolbar .k-datetimepicker {
15215
+ width: 10em;
15216
+ }
15217
+
15218
+ .k-toolbar-group {
15219
+ display: flex;
15220
+ flex-direction: inherit;
15221
+ flex-wrap: nowrap;
15222
+ gap: inherit;
15223
+ }
15224
+
15225
+ kendo-toolbar-renderer {
15226
+ display: inline-block;
15227
+ border-color: inherit;
15228
+ }
15229
+
15230
+ .k-overflow-container > .k-item {
15231
+ border-color: inherit;
15232
+ }
15233
+
15234
+ .k-overflow-container .k-separator {
15235
+ margin: 4px 0;
15236
+ }
15237
+
15238
+ .k-overflow-container .k-overflow-tool-group {
15239
+ display: block;
15240
+ }
15241
+
15242
+ .k-overflow-container .k-overflow-button {
15243
+ border-radius: 0;
15244
+ padding: 4px 8px;
15245
+ width: 100%;
15246
+ border-width: 0;
15247
+ color: inherit;
15248
+ background-color: transparent;
15249
+ background-image: none;
15250
+ line-height: inherit;
15251
+ display: flex;
15252
+ justify-content: flex-start;
15253
+ }
15254
+
15255
+ .k-overflow-container .k-button-group {
15256
+ box-shadow: none;
15257
+ display: flex;
15258
+ flex-flow: column nowrap;
15259
+ }
15260
+
15261
+ .k-overflow-container .k-button-group .k-button {
15262
+ margin: 0;
15263
+ }
15264
+
15265
+ .k-overflow-container .k-split-button {
15266
+ display: flex;
15267
+ flex-direction: column;
15268
+ }
15269
+
15270
+ .k-overflow-container .k-overflow-hidden {
15271
+ display: none;
15272
+ }
15273
+
15274
+ .k-toolbar.k-rtl .k-overflow-anchor,
15275
+ .k-rtl .k-toolbar .k-overflow-anchor, .k-toolbar[dir="rtl"] .k-overflow-anchor,
15276
+ [dir="rtl"] .k-toolbar .k-overflow-anchor {
15277
+ margin: 0;
15278
+ right: auto;
15279
+ left: 0;
15280
+ }
15281
+
15282
+ .k-floating-toolbar,
15283
+ .editorToolbarWindow.k-window-content {
15284
+ padding: 8px 8px !important;
15285
+ border-width: 1px;
15286
+ border-style: solid;
15287
+ display: flex;
15288
+ flex-flow: row nowrap;
15289
+ gap: 8px;
15290
+ align-items: center;
15291
+ }
15292
+
15293
+ .k-floating-toolbar .k-toolbar,
15294
+ .editorToolbarWindow.k-window-content .k-toolbar {
15295
+ padding: 0;
15296
+ border-width: 0;
15297
+ flex-shrink: 1;
15298
+ color: inherit;
15299
+ background: none;
15300
+ }
15301
+
15302
+ .k-editortoolbar-dragHandle {
15303
+ cursor: move;
15304
+ display: flex;
15305
+ align-items: center;
15306
+ align-self: stretch;
15307
+ flex-shrink: 0;
15308
+ }
15309
+
15310
+ .k-toolbar {
15311
+ border-color: rgba(0, 0, 0, 0.08);
15312
+ color: #424242;
15313
+ background-color: #fafafa;
15314
+ }
15315
+
15316
+ .k-toolbar .k-separator {
15317
+ border-color: inherit;
15318
+ }
15319
+
15320
+ .k-overflow-container .k-button:hover, .k-overflow-container .k-button.k-state-hover {
15321
+ color: #424242;
15322
+ background: #f0f0f0;
15323
+ }
15324
+
15325
+ .k-overflow-container .k-button:active, .k-overflow-container .k-button.k-state-active {
15326
+ color: white;
15327
+ background: #ff6358;
15328
+ }
15329
+
15330
+ .k-overflow-container .k-button .k-button:focus,
15331
+ .k-overflow-container .k-button .k-button.k-state-focused {
15332
+ box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
15333
+ }
15334
+
15335
+ .k-overflow-container .k-button:disabled, .k-overflow-container .k-button.k-state-disabled {
15336
+ color: inherit;
15337
+ }
15338
+
15339
+ .k-floating-toolbar,
15340
+ .editorToolbarWindow.k-window-content {
15341
+ border-color: rgba(0, 0, 0, 0.08);
15342
+ color: #424242;
15343
+ background-color: #fafafa;
15344
+ }
15345
+
15346
+ .k-actions, .k-edit-buttons,
15347
+ .k-action-buttons,
15348
+ .k-columnmenu-actions, .k-form-buttons {
15349
+ padding: 8px 8px;
15350
+ box-sizing: border-box;
15351
+ border-width: 0px 0 0 0;
15352
+ border-style: solid;
15353
+ border-color: inherit;
15354
+ flex-shrink: 0;
15355
+ display: flex;
15356
+ flex-flow: row nowrap;
15357
+ align-items: center;
15358
+ gap: 8px;
15359
+ overflow: hidden;
15360
+ clear: both;
15361
+ }
15362
+
15363
+ .k-actions *, .k-edit-buttons *, .k-action-buttons *, .k-columnmenu-actions *, .k-form-buttons *,
15364
+ .k-actions *::before,
15365
+ .k-edit-buttons *::before,
15366
+ .k-action-buttons *::before,
15367
+ .k-columnmenu-actions *::before,
15368
+ .k-form-buttons *::before,
15369
+ .k-actions *::after,
15370
+ .k-edit-buttons *::after,
15371
+ .k-action-buttons *::after,
15372
+ .k-columnmenu-actions *::after,
15373
+ .k-form-buttons *::after {
15374
+ box-sizing: border-box;
15375
+ }
15376
+
15377
+ .k-popup .k-actions, .k-popup .k-edit-buttons,
15378
+ .k-popup .k-action-buttons,
15379
+ .k-popup .k-columnmenu-actions, .k-popup .k-form-buttons {
15380
+ margin-top: 16px;
15381
+ }
15382
+
15383
+ .k-ie .k-actions .k-button ~ .k-button, .k-ie .k-edit-buttons .k-button ~ .k-button, .k-ie .k-action-buttons .k-button ~ .k-button, .k-ie .k-columnmenu-actions .k-button ~ .k-button, .k-ie .k-form-buttons .k-button ~ .k-button {
15384
+ margin-left: 8px;
15385
+ flex-shrink: 0;
15386
+ }
15387
+
15388
+ .k-rtl .k-ie .k-actions .k-button ~ .k-button, .k-rtl .k-ie .k-edit-buttons .k-button ~ .k-button, .k-rtl .k-ie .k-action-buttons .k-button ~ .k-button, .k-rtl .k-ie .k-columnmenu-actions .k-button ~ .k-button, .k-rtl .k-ie .k-form-buttons .k-button ~ .k-button,
15389
+ [dir="rtl"] .k-ie .k-actions .k-button ~ .k-button,
15390
+ [dir="rtl"] .k-ie .k-edit-buttons .k-button ~ .k-button,
15391
+ [dir="rtl"] .k-ie .k-action-buttons .k-button ~ .k-button,
15392
+ [dir="rtl"] .k-ie .k-columnmenu-actions .k-button ~ .k-button,
15393
+ [dir="rtl"] .k-ie .k-form-buttons .k-button ~ .k-button {
15394
+ margin-left: 0;
15395
+ margin-right: 8px;
15396
+ }
15397
+
15398
+ .k-actions-start {
15399
+ justify-content: flex-start;
15400
+ }
15401
+
15402
+ .k-actions-center {
15403
+ justify-content: center;
15404
+ }
15405
+
15406
+ .k-actions-end {
15407
+ justify-content: flex-end;
15408
+ }
14215
15409
 
14216
15410
  .k-actions-stretched > * {
14217
15411
  flex: 1 0 0%;
@@ -14650,6 +15844,12 @@ kendo-label > .k-label {
14650
15844
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
14651
15845
  }
14652
15846
 
15847
+ .k-tooltip *,
15848
+ .k-tooltip *::before,
15849
+ .k-tooltip *::after {
15850
+ box-sizing: border-box;
15851
+ }
15852
+
14653
15853
  .k-tooltip-icon {
14654
15854
  margin-inline-end: 4px;
14655
15855
  flex-shrink: 0;
@@ -14684,7 +15884,6 @@ kendo-label > .k-label {
14684
15884
  border-width: 6px;
14685
15885
  border-style: solid;
14686
15886
  border-color: transparent;
14687
- box-sizing: border-box;
14688
15887
  position: absolute;
14689
15888
  pointer-events: none;
14690
15889
  }
@@ -14821,6 +16020,12 @@ kendo-label > .k-label {
14821
16020
  -webkit-appearance: none;
14822
16021
  }
14823
16022
 
16023
+ .k-textbox *,
16024
+ .k-textbox *::before,
16025
+ .k-textbox *::after {
16026
+ box-sizing: border-box;
16027
+ }
16028
+
14824
16029
  .k-textbox::-ms-clear {
14825
16030
  display: none;
14826
16031
  }
@@ -14936,6 +16141,12 @@ input.k-textbox {
14936
16141
  -webkit-appearance: none;
14937
16142
  }
14938
16143
 
16144
+ .k-textarea *,
16145
+ .k-textarea *::before,
16146
+ .k-textarea *::after {
16147
+ box-sizing: border-box;
16148
+ }
16149
+
14939
16150
  .k-textarea::-ms-clear {
14940
16151
  display: none;
14941
16152
  }
@@ -15097,11 +16308,20 @@ textarea.k-textarea {
15097
16308
 
15098
16309
  .k-listbox .k-list-scroller {
15099
16310
  width: 100%;
16311
+ height: inherit;
15100
16312
  border-width: 1px;
15101
16313
  border-style: solid;
15102
16314
  box-sizing: border-box;
15103
16315
  }
15104
16316
 
16317
+ .k-listbox .k-list-scroller .k-list-scroller {
16318
+ border-width: 0;
16319
+ }
16320
+
16321
+ .k-listbox .k-list-scroller .k-list {
16322
+ height: inherit;
16323
+ }
16324
+
15105
16325
  .k-listbox .k-drop-hint {
15106
16326
  border-top-width: 1px;
15107
16327
  border-top-style: solid;
@@ -15161,6 +16381,12 @@ textarea.k-textarea {
15161
16381
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
15162
16382
  }
15163
16383
 
16384
+ .k-progressbar *,
16385
+ .k-progressbar *::before,
16386
+ .k-progressbar *::after {
16387
+ box-sizing: border-box;
16388
+ }
16389
+
15164
16390
  .k-progressbar > .k-state-selected {
15165
16391
  border-width: 0;
15166
16392
  border-style: solid;
@@ -15592,41 +16818,16 @@ textarea.k-textarea {
15592
16818
  line-height: 1.4285714286;
15593
16819
  background: none;
15594
16820
  display: inline-flex;
15595
- align-items: stretch;
16821
+ align-items: center;
15596
16822
  position: relative;
15597
16823
  -webkit-touch-callout: none;
15598
16824
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
15599
16825
  }
15600
16826
 
15601
- .k-slider .k-button {
15602
- height: 28px;
15603
- line-height: 28px;
15604
- margin: 0;
15605
- min-width: 0;
15606
- outline: 0;
15607
- padding: 0;
15608
- position: absolute;
15609
- width: 28px;
15610
- box-sizing: content-box;
15611
- }
15612
-
15613
- .k-slider .k-button .k-icon,
15614
- .k-slider .k-button .k-button-icon {
15615
- vertical-align: baseline;
15616
- line-height: 28px;
15617
- height: 100%;
15618
- }
15619
-
15620
- .k-slider .k-button-increase {
15621
- position: absolute;
15622
- right: 0;
15623
- top: 0;
15624
- }
15625
-
15626
- .k-slider .k-button-decrease {
15627
- position: absolute;
15628
- left: 0;
15629
- top: 0;
16827
+ .k-slider *,
16828
+ .k-slider *::before,
16829
+ .k-slider *::after {
16830
+ box-sizing: border-box;
15630
16831
  }
15631
16832
 
15632
16833
  .k-slider .k-label {
@@ -15663,29 +16864,27 @@ textarea.k-textarea {
15663
16864
  right: 0;
15664
16865
  }
15665
16866
 
15666
- .k-rtl .k-slider .k-button-increase, .k-slider.k-rtl .k-button-increase,
15667
- [dir="rtl"] .k-slider .k-button-increase, .k-slider[dir="rtl"] .k-button-increase {
15668
- left: 0;
15669
- right: auto;
15670
- }
15671
-
15672
- .k-rtl .k-slider .k-button-decrease, .k-slider.k-rtl .k-button-decrease,
15673
- [dir="rtl"] .k-slider .k-button-decrease, .k-slider[dir="rtl"] .k-button-decrease {
15674
- right: 0;
15675
- left: auto;
16867
+ .k-slider-wrap {
16868
+ width: 100%;
16869
+ height: 100%;
16870
+ display: flex;
16871
+ flex-flow: inherit;
16872
+ align-items: inherit;
16873
+ gap: inherit;
16874
+ position: relative;
15676
16875
  }
15677
16876
 
15678
16877
  .k-slider {
16878
+ width: min-content;
16879
+ height: min-content;
15679
16880
  gap: 7px;
15680
16881
  }
15681
16882
 
15682
- .k-slider > .k-button {
15683
- position: relative;
15684
- flex-shrink: 0;
15685
- align-self: center;
16883
+ .k-slider .k-button {
16884
+ flex: none;
15686
16885
  }
15687
16886
 
15688
- .k-slider > .k-slider-track-wrap {
16887
+ .k-slider .k-slider-track-wrap {
15689
16888
  flex: 1 1 auto;
15690
16889
  display: flex;
15691
16890
  flex-flow: inherit;
@@ -15693,114 +16892,118 @@ textarea.k-textarea {
15693
16892
  touch-action: none;
15694
16893
  }
15695
16894
 
15696
- .k-slider > .k-slider-track-wrap .k-slider-items {
16895
+ .k-slider .k-slider-track-wrap .k-slider-items {
16896
+ margin: 0;
16897
+ padding: 0;
16898
+ list-style: none;
15697
16899
  flex: 1 1 100%;
15698
16900
  display: flex;
15699
16901
  flex-flow: inherit;
15700
16902
  justify-content: space-between;
16903
+ -webkit-user-select: none;
16904
+ -ms-user-select: none;
16905
+ user-select: none;
15701
16906
  }
15702
16907
 
15703
- .k-slider > .k-slider-track-wrap .k-slider-items::after {
15704
- display: none;
15705
- }
15706
-
15707
- .k-slider > .k-slider-track-wrap .k-tick {
16908
+ .k-slider .k-slider-track-wrap .k-tick {
15708
16909
  flex: 0 0 1px;
15709
16910
  }
15710
16911
 
15711
- .k-slider > .k-slider-track-wrap .k-draghandle {
16912
+ .k-slider .k-slider-track-wrap .k-draghandle {
15712
16913
  position: absolute;
15713
16914
  }
15714
16915
 
15715
- .k-slider-horizontal > .k-slider-track-wrap .k-slider-track {
16916
+ .k-slider-horizontal .k-slider-track-wrap {
16917
+ height: 26px;
16918
+ }
16919
+
16920
+ .k-slider-horizontal .k-slider-track-wrap .k-slider-track {
15716
16921
  width: 100%;
15717
16922
  }
15718
16923
 
15719
- .k-slider-horizontal > .k-slider-track-wrap .k-draghandle {
16924
+ .k-slider-horizontal .k-slider-track-wrap .k-draghandle {
15720
16925
  top: 50%;
15721
16926
  transform: translate(-50%, -50%);
15722
16927
  }
15723
16928
 
15724
- .k-slider-horizontal > .k-slider-track-wrap .k-draghandle:focus,
15725
- .k-slider-horizontal > .k-slider-track-wrap .k-draghandle:active {
16929
+ .k-slider-horizontal .k-slider-track-wrap .k-draghandle:focus,
16930
+ .k-slider-horizontal .k-slider-track-wrap .k-draghandle:active {
15726
16931
  transform: translate(-50%, -50%) scale(1);
15727
16932
  }
15728
16933
 
15729
- .k-slider-horizontal > .k-slider-track-wrap .k-slider-selection {
16934
+ .k-slider-horizontal .k-slider-track-wrap .k-slider-selection {
15730
16935
  width: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%);
15731
16936
  left: calc(var(--kendo-slider-start, 0)*1%);
15732
16937
  }
15733
16938
 
15734
- .k-slider-horizontal > .k-slider-track-wrap .k-draghandle-start {
16939
+ .k-slider-horizontal .k-slider-track-wrap .k-draghandle-start {
15735
16940
  left: calc(var(--kendo-slider-start, 0)*1%);
15736
16941
  }
15737
16942
 
15738
- .k-slider-horizontal > .k-slider-track-wrap .k-draghandle-end {
16943
+ .k-slider-horizontal .k-slider-track-wrap .k-draghandle-end {
15739
16944
  left: calc(var(--kendo-slider-end, 0)*1%);
15740
16945
  }
15741
16946
 
15742
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-slider-selection {
16947
+ [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-slider-selection {
15743
16948
  left: unset;
15744
16949
  right: calc(var(--kendo-slider-start, 0)*1%);
15745
16950
  }
15746
16951
 
15747
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle-start {
16952
+ [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle-start {
15748
16953
  left: unset;
15749
16954
  right: calc(var(--kendo-slider-start, 0)*1%);
15750
16955
  }
15751
16956
 
15752
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle-end {
16957
+ [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle-end {
15753
16958
  left: unset;
15754
16959
  right: calc(var(--kendo-slider-end, 0)*1%);
15755
16960
  }
15756
16961
 
15757
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle {
16962
+ [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle {
15758
16963
  transform: translate(50%, -50%);
15759
16964
  }
15760
16965
 
15761
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle:focus,
15762
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle:active {
16966
+ [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle:focus,
16967
+ [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle:active {
15763
16968
  transform: translate(50%, -50%) scale(1);
15764
16969
  }
15765
16970
 
15766
- .k-slider-vertical > .k-slider-track-wrap .k-slider-track {
16971
+ .k-slider-vertical .k-slider-track-wrap {
16972
+ width: 26px;
16973
+ }
16974
+
16975
+ .k-slider-vertical .k-slider-track-wrap .k-slider-track {
15767
16976
  height: 100%;
15768
16977
  }
15769
16978
 
15770
- .k-slider-vertical > .k-slider-track-wrap .k-draghandle {
16979
+ .k-slider-vertical .k-slider-track-wrap .k-draghandle {
15771
16980
  left: 50%;
15772
16981
  transform: translate(-50%, 50%);
15773
16982
  }
15774
16983
 
15775
- .k-slider-vertical > .k-slider-track-wrap .k-draghandle:focus,
15776
- .k-slider-vertical > .k-slider-track-wrap .k-draghandle:active {
16984
+ .k-slider-vertical .k-slider-track-wrap .k-draghandle:focus,
16985
+ .k-slider-vertical .k-slider-track-wrap .k-draghandle:active {
15777
16986
  transform: translate(-50%, 50%) scale(1);
15778
16987
  }
15779
16988
 
15780
- .k-slider-vertical > .k-slider-track-wrap .k-slider-selection {
16989
+ .k-slider-vertical .k-slider-track-wrap .k-slider-selection {
15781
16990
  bottom: calc(var(--kendo-slider-start, 0)*1%);
15782
16991
  height: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%);
15783
16992
  }
15784
16993
 
15785
- .k-slider-vertical > .k-slider-track-wrap .k-draghandle-start {
16994
+ .k-slider-vertical .k-slider-track-wrap .k-draghandle-start {
15786
16995
  bottom: calc(var(--kendo-slider-start, 0)*1%);
15787
16996
  }
15788
16997
 
15789
- .k-slider-vertical > .k-slider-track-wrap .k-draghandle-end {
16998
+ .k-slider-vertical .k-slider-track-wrap .k-draghandle-end {
15790
16999
  bottom: calc(var(--kendo-slider-end, 0)*1%);
15791
17000
  }
15792
17001
 
15793
17002
  .k-slider-vertical {
15794
17003
  height: 200px;
15795
- width: 30px;
15796
17004
  flex-flow: column-reverse nowrap;
15797
17005
  }
15798
17006
 
15799
- .k-slider-vertical .k-button-decrease {
15800
- bottom: 0;
15801
- top: auto;
15802
- }
15803
-
15804
17007
  .k-slider-vertical .k-tick {
15805
17008
  text-align: right;
15806
17009
  margin-left: 2px;
@@ -15811,77 +17014,77 @@ textarea.k-textarea {
15811
17014
  }
15812
17015
 
15813
17016
  .k-slider-vertical .k-tick {
15814
- background-position: -92px center;
17017
+ background-position: -94px center;
15815
17018
  }
15816
17019
 
15817
17020
  .k-slider-vertical .k-slider-topleft .k-tick {
15818
- background-position: -122px center;
17021
+ background-position: -124px center;
15819
17022
  }
15820
17023
 
15821
17024
  .k-slider-vertical .k-slider-bottomright .k-tick {
15822
- background-position: -152px center;
17025
+ background-position: -154px center;
15823
17026
  }
15824
17027
 
15825
17028
  .k-slider-vertical .k-tick-large {
15826
17029
  display: flex;
15827
17030
  align-items: center;
15828
- background-position: -2px center;
17031
+ background-position: -4px center;
15829
17032
  }
15830
17033
 
15831
17034
  .k-slider-vertical .k-slider-topleft .k-tick-large {
15832
- background-position: -32px center;
17035
+ background-position: -34px center;
15833
17036
  }
15834
17037
 
15835
17038
  .k-slider-vertical .k-slider-bottomright .k-tick-large {
15836
- background-position: -62px center;
17039
+ background-position: -64px center;
15837
17040
  }
15838
17041
 
15839
17042
  .k-slider-vertical .k-first {
15840
- background-position: -92px 100%;
17043
+ background-position: -94px 100%;
15841
17044
  }
15842
17045
 
15843
17046
  .k-slider-vertical .k-tick-large.k-first {
15844
- background-position: -2px 100%;
17047
+ background-position: -4px 100%;
15845
17048
  }
15846
17049
 
15847
17050
  .k-slider-vertical .k-slider-topleft .k-first {
15848
- background-position: -122px 100%;
17051
+ background-position: -124px 100%;
15849
17052
  }
15850
17053
 
15851
17054
  .k-slider-vertical .k-slider-topleft .k-tick-large.k-first {
15852
- background-position: -32px 100%;
17055
+ background-position: -34px 100%;
15853
17056
  }
15854
17057
 
15855
17058
  .k-slider-vertical .k-slider-bottomright .k-first {
15856
- background-position: -152px 100%;
17059
+ background-position: -154px 100%;
15857
17060
  }
15858
17061
 
15859
17062
  .k-slider-vertical .k-slider-bottomright .k-tick-large.k-first {
15860
- background-position: -62px 100%;
17063
+ background-position: -64px 100%;
15861
17064
  }
15862
17065
 
15863
17066
  .k-slider-vertical .k-last {
15864
- background-position: -92px 0;
17067
+ background-position: -94px 0;
15865
17068
  }
15866
17069
 
15867
17070
  .k-slider-vertical .k-tick-large.k-last {
15868
- background-position: -2px 0;
17071
+ background-position: -4px 0;
15869
17072
  }
15870
17073
 
15871
17074
  .k-slider-vertical .k-slider-topleft .k-last {
15872
- background-position: -122px 0;
17075
+ background-position: -124px 0;
15873
17076
  }
15874
17077
 
15875
17078
  .k-slider-vertical .k-slider-topleft .k-tick-large.k-last {
15876
- background-position: -32px 0;
17079
+ background-position: -34px 0;
15877
17080
  }
15878
17081
 
15879
17082
  .k-slider-vertical .k-slider-bottomright .k-last {
15880
- background-position: -152px 0;
17083
+ background-position: -154px 0;
15881
17084
  }
15882
17085
 
15883
17086
  .k-slider-vertical .k-slider-bottomright .k-tick-large.k-last {
15884
- background-position: -62px 0;
17087
+ background-position: -64px 0;
15885
17088
  }
15886
17089
 
15887
17090
  .k-slider-vertical .k-label {
@@ -15917,17 +17120,10 @@ textarea.k-textarea {
15917
17120
  }
15918
17121
 
15919
17122
  .k-slider-horizontal {
15920
- height: 30px;
15921
17123
  width: 200px;
15922
17124
  flex-flow: row nowrap;
15923
17125
  }
15924
17126
 
15925
- .k-slider-horizontal .k-tick {
15926
- float: left;
15927
- height: 100%;
15928
- text-align: center;
15929
- }
15930
-
15931
17127
  .k-slider-horizontal .k-tick {
15932
17128
  background-position: center -92px;
15933
17129
  }
@@ -16028,11 +17224,6 @@ textarea.k-textarea {
16028
17224
  left: auto;
16029
17225
  }
16030
17226
 
16031
- .k-rtl .k-slider-horizontal .k-slider-buttons .k-slider-track, .k-slider-horizontal.k-rtl .k-slider-buttons .k-slider-track,
16032
- [dir="rtl"] .k-slider-horizontal .k-slider-buttons .k-slider-track, .k-slider-horizontal[dir="rtl"] .k-slider-buttons .k-slider-track {
16033
- right: 38px;
16034
- }
16035
-
16036
17227
  .k-rtl .k-slider-horizontal .k-button .k-i-arrow-e,
16037
17228
  .k-rtl .k-slider-horizontal .k-button .k-i-arrow-w, .k-slider-horizontal.k-rtl .k-button .k-i-arrow-e,
16038
17229
  .k-slider-horizontal.k-rtl .k-button .k-i-arrow-w,
@@ -16042,11 +17233,6 @@ textarea.k-textarea {
16042
17233
  transform: scaleX(-1);
16043
17234
  }
16044
17235
 
16045
- .k-slider-wrap {
16046
- height: 100%;
16047
- width: 100%;
16048
- }
16049
-
16050
17236
  .k-slider-track,
16051
17237
  .k-slider-selection {
16052
17238
  margin: 0;
@@ -16070,14 +17256,6 @@ textarea.k-textarea {
16070
17256
  width: 4px;
16071
17257
  }
16072
17258
 
16073
- .k-slider-horizontal .k-slider-buttons .k-slider-track {
16074
- left: 38px;
16075
- }
16076
-
16077
- .k-slider-vertical .k-slider-buttons .k-slider-track {
16078
- bottom: 38px;
16079
- }
16080
-
16081
17259
  .k-draghandle {
16082
17260
  background-color: transparent;
16083
17261
  background-repeat: no-repeat;
@@ -16087,29 +17265,10 @@ textarea.k-textarea {
16087
17265
  position: absolute;
16088
17266
  text-align: center;
16089
17267
  text-decoration: none;
16090
- box-sizing: content-box;
16091
17268
  width: 14px;
16092
17269
  height: 14px;
16093
17270
  }
16094
17271
 
16095
- .k-slider-horizontal .k-draghandle {
16096
- top: 50%;
16097
- transform: translateY(-50%);
16098
- }
16099
-
16100
- .k-slider-horizontal .k-draghandle:active, .k-slider-horizontal .k-draghandle.k-pressed {
16101
- transform: translateY(-50%) scale(1);
16102
- }
16103
-
16104
- .k-slider-vertical .k-draghandle {
16105
- left: 50%;
16106
- transform: translateX(-50%);
16107
- }
16108
-
16109
- .k-slider-vertical .k-draghandle:active, .k-slider-vertical .k-draghandle.k-pressed {
16110
- transform: translateX(-50%) scale(1);
16111
- }
16112
-
16113
17272
  .k-slider-transitions.k-slider-horizontal .k-draghandle {
16114
17273
  transition: left 0.3s ease-out, background-color 0.3s ease-out, transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
16115
17274
  }
@@ -16134,35 +17293,11 @@ textarea.k-textarea {
16134
17293
  transition: none;
16135
17294
  }
16136
17295
 
16137
- .k-slider-items {
16138
- -webkit-user-select: none;
16139
- -ms-user-select: none;
16140
- user-select: none;
16141
- }
16142
-
16143
- .k-slider-buttons .k-slider-items {
16144
- margin-left: 38px;
16145
- }
16146
-
16147
- .k-slider-horizontal .k-slider-items {
16148
- height: 100%;
16149
- padding: 2px 0;
16150
- box-sizing: border-box;
16151
- }
16152
-
16153
- .k-slider-vertical .k-slider-items {
16154
- padding-top: 1px;
16155
- }
16156
-
16157
- .k-slider-vertical .k-slider-buttons .k-slider-items {
16158
- margin: 0;
16159
- padding-top: 38px;
16160
- }
16161
-
16162
- .k-slider-items::after {
16163
- content: "";
16164
- display: block;
16165
- clear: both;
17296
+ .k-slider.k-readonly .k-button,
17297
+ .k-slider.k-readonly .k-slider-track,
17298
+ .k-slider.k-readonly .k-tick,
17299
+ .k-slider.k-readonly .k-draghandle {
17300
+ pointer-events: none;
16166
17301
  }
16167
17302
 
16168
17303
  .k-slider-tooltip .k-callout-n,
@@ -16175,6 +17310,20 @@ textarea.k-textarea {
16175
17310
  margin-top: -3px;
16176
17311
  }
16177
17312
 
17313
+ .k-slider kendo-resize-sensor {
17314
+ position: absolute;
17315
+ }
17316
+
17317
+ .k-slider-horizontal .k-slider-wrap:not(.k-slider-buttons) {
17318
+ padding-left: 7px;
17319
+ padding-right: 7px;
17320
+ }
17321
+
17322
+ .k-slider-vertical .k-slider-wrap:not(.k-slider-buttons) {
17323
+ padding-top: 7px;
17324
+ padding-bottom: 7px;
17325
+ }
17326
+
16178
17327
  .k-slider {
16179
17328
  color: #424242;
16180
17329
  }
@@ -16221,10 +17370,6 @@ textarea.k-textarea {
16221
17370
  box-shadow: 0 0 0 2px rgba(255, 99, 88, 0.3);
16222
17371
  }
16223
17372
 
16224
- .k-slider .k-slider-wrap:focus {
16225
- outline: none;
16226
- }
16227
-
16228
17373
  .k-slider-horizontal .k-tick {
16229
17374
  background-image: url(data:image/gif;base64,R0lGODlhAQC0AIABALi4uAAAACH5BAEAAAEALAAAAAABALQAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7);
16230
17375
  }
@@ -16929,6 +18074,7 @@ textarea.k-textarea {
16929
18074
  flex: 1;
16930
18075
  position: relative;
16931
18076
  z-index: 1;
18077
+ outline: 0;
16932
18078
  overflow: hidden;
16933
18079
  }
16934
18080
 
@@ -17074,6 +18220,12 @@ textarea.k-textarea {
17074
18220
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
17075
18221
  }
17076
18222
 
18223
+ .k-autocomplete *,
18224
+ .k-autocomplete *::before,
18225
+ .k-autocomplete *::after {
18226
+ box-sizing: border-box;
18227
+ }
18228
+
17077
18229
  .k-autocomplete .k-i-loading {
17078
18230
  width: 24px;
17079
18231
  height: 28px;
@@ -17118,6 +18270,12 @@ textarea.k-textarea {
17118
18270
  gap: 8px;
17119
18271
  }
17120
18272
 
18273
+ .k-captcha *,
18274
+ .k-captcha *::before,
18275
+ .k-captcha *::after {
18276
+ box-sizing: border-box;
18277
+ }
18278
+
17121
18279
  .k-captcha-image-wrap {
17122
18280
  position: relative;
17123
18281
  gap: 8px;
@@ -17178,6 +18336,12 @@ textarea.k-textarea {
17178
18336
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
17179
18337
  }
17180
18338
 
18339
+ .k-colorpalette *,
18340
+ .k-colorpalette *::before,
18341
+ .k-colorpalette *::after {
18342
+ box-sizing: border-box;
18343
+ }
18344
+
17181
18345
  .k-colorpalette-table {
17182
18346
  width: 100%;
17183
18347
  height: 100%;
@@ -17238,6 +18402,12 @@ textarea.k-textarea {
17238
18402
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
17239
18403
  }
17240
18404
 
18405
+ .k-numerictextbox *,
18406
+ .k-numerictextbox *::before,
18407
+ .k-numerictextbox *::after {
18408
+ box-sizing: border-box;
18409
+ }
18410
+
17241
18411
  .k-numerictextbox .k-input {
17242
18412
  text-overflow: clip;
17243
18413
  }
@@ -17248,7 +18418,6 @@ textarea.k-textarea {
17248
18418
  border-width: 0;
17249
18419
  border-inline-start-width: 0px;
17250
18420
  border-style: solid;
17251
- box-sizing: border-box;
17252
18421
  outline: 0;
17253
18422
  display: flex;
17254
18423
  flex-direction: column;
@@ -17262,7 +18431,6 @@ textarea.k-textarea {
17262
18431
  .k-numerictextbox .k-link {
17263
18432
  padding: 0 4px;
17264
18433
  min-width: 24px;
17265
- box-sizing: border-box;
17266
18434
  flex: 1 1 auto;
17267
18435
  display: block;
17268
18436
  overflow: hidden;
@@ -17347,6 +18515,12 @@ textarea.k-textarea {
17347
18515
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
17348
18516
  }
17349
18517
 
18518
+ .k-colorgradient *,
18519
+ .k-colorgradient *::before,
18520
+ .k-colorgradient *::after {
18521
+ box-sizing: border-box;
18522
+ }
18523
+
17350
18524
  .k-colorgradient-canvas {
17351
18525
  gap: 12px;
17352
18526
  }
@@ -17430,10 +18604,6 @@ textarea.k-textarea {
17430
18604
  z-index: 1;
17431
18605
  }
17432
18606
 
17433
- .k-colorgradient-slider .k-slider-wrap > .k-slider-track {
17434
- height: 180px;
17435
- }
17436
-
17437
18607
  .k-colorgradient-slider .k-slider-selection {
17438
18608
  display: none;
17439
18609
  }
@@ -17574,6 +18744,12 @@ textarea.k-textarea {
17574
18744
  align-items: stretch;
17575
18745
  }
17576
18746
 
18747
+ .k-coloreditor *,
18748
+ .k-coloreditor *::before,
18749
+ .k-coloreditor *::after {
18750
+ box-sizing: border-box;
18751
+ }
18752
+
17577
18753
  .k-coloreditor-header {
17578
18754
  padding: 12px 12px 0;
17579
18755
  }
@@ -17658,13 +18834,18 @@ textarea.k-textarea {
17658
18834
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
17659
18835
  }
17660
18836
 
18837
+ .k-colorpicker *,
18838
+ .k-colorpicker *::before,
18839
+ .k-colorpicker *::after {
18840
+ box-sizing: border-box;
18841
+ }
18842
+
17661
18843
  .k-colorpicker .k-selected-color {
17662
18844
  margin: 4px;
17663
18845
  width: 1.4285714286em;
17664
18846
  height: 1.4285714286em;
17665
18847
  border-width: 1px;
17666
18848
  border-style: solid;
17667
- box-sizing: border-box;
17668
18849
  background-clip: content-box;
17669
18850
  line-height: 0;
17670
18851
  position: relative;
@@ -17685,7 +18866,6 @@ textarea.k-textarea {
17685
18866
  border-width: 0;
17686
18867
  border-style: solid;
17687
18868
  border-color: inherit;
17688
- box-sizing: border-box;
17689
18869
  font-size: inherit;
17690
18870
  text-align: center;
17691
18871
  flex-direction: column;
@@ -17715,7 +18895,6 @@ textarea.k-textarea {
17715
18895
  border-inline-start-width: 0px;
17716
18896
  border-style: solid;
17717
18897
  border-color: transparent;
17718
- box-sizing: border-box;
17719
18898
  display: flex;
17720
18899
  align-items: center;
17721
18900
  justify-content: center;
@@ -17784,6 +18963,12 @@ textarea.k-textarea {
17784
18963
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
17785
18964
  }
17786
18965
 
18966
+ .k-dateinput *,
18967
+ .k-dateinput *::before,
18968
+ .k-dateinput *::after {
18969
+ box-sizing: border-box;
18970
+ }
18971
+
17787
18972
  .k-dateinput .k-select {
17788
18973
  padding: 0;
17789
18974
  width: calc(1.4285714286em + 8px);
@@ -17803,7 +18988,7 @@ textarea.k-textarea {
17803
18988
 
17804
18989
  .k-dateinput .k-link {
17805
18990
  padding: 0 4px;
17806
- min-width: 16px;
18991
+ min-width: 24px;
17807
18992
  flex: 1 1 auto;
17808
18993
  display: block;
17809
18994
  overflow: hidden;
@@ -17901,6 +19086,12 @@ textarea.k-textarea {
17901
19086
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
17902
19087
  }
17903
19088
 
19089
+ .k-datepicker *,
19090
+ .k-datepicker *::before,
19091
+ .k-datepicker *::after {
19092
+ box-sizing: border-box;
19093
+ }
19094
+
17904
19095
  .k-datepicker .k-select {
17905
19096
  padding: 4px 4px;
17906
19097
  width: calc(1.4285714286em + 8px);
@@ -17984,13 +19175,18 @@ textarea.k-textarea {
17984
19175
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
17985
19176
  }
17986
19177
 
19178
+ .k-timepicker *,
19179
+ .k-timepicker *::before,
19180
+ .k-timepicker *::after {
19181
+ box-sizing: border-box;
19182
+ }
19183
+
17987
19184
  .k-timepicker .k-select {
17988
19185
  padding: 4px 4px;
17989
19186
  width: calc(1.4285714286em + 8px);
17990
19187
  border-width: 0;
17991
19188
  border-inline-start-width: 0px;
17992
19189
  border-style: solid;
17993
- box-sizing: border-box;
17994
19190
  outline: 0;
17995
19191
  display: flex;
17996
19192
  flex-flow: row nowrap;
@@ -18067,11 +19263,16 @@ textarea.k-textarea {
18067
19263
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
18068
19264
  }
18069
19265
 
19266
+ .k-datetimepicker *,
19267
+ .k-datetimepicker *::before,
19268
+ .k-datetimepicker *::after {
19269
+ box-sizing: border-box;
19270
+ }
19271
+
18070
19272
  .k-datetimepicker .k-select {
18071
19273
  border-width: 0;
18072
19274
  border-inline-start-width: 0px;
18073
19275
  border-style: solid;
18074
- box-sizing: border-box;
18075
19276
  outline: 0;
18076
19277
  display: flex;
18077
19278
  align-items: stretch;
@@ -18091,7 +19292,6 @@ textarea.k-textarea {
18091
19292
  display: flex;
18092
19293
  align-items: center;
18093
19294
  justify-content: center;
18094
- box-sizing: border-box;
18095
19295
  }
18096
19296
 
18097
19297
  .k-datetime-popup .k-datetime-wrap,
@@ -18203,6 +19403,12 @@ textarea.k-textarea {
18203
19403
  gap: 8px;
18204
19404
  }
18205
19405
 
19406
+ .k-daterangepicker *,
19407
+ .k-daterangepicker *::before,
19408
+ .k-daterangepicker *::after {
19409
+ box-sizing: border-box;
19410
+ }
19411
+
18206
19412
  .k-daterangepicker-wrap {
18207
19413
  display: inherit;
18208
19414
  flex-flow: inherit;
@@ -18516,6 +19722,14 @@ textarea.k-textarea {
18516
19722
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
18517
19723
  }
18518
19724
 
19725
+ .k-dropdown *, .k-dropdowntree *,
19726
+ .k-dropdown *::before,
19727
+ .k-dropdowntree *::before,
19728
+ .k-dropdown *::after,
19729
+ .k-dropdowntree *::after {
19730
+ box-sizing: border-box;
19731
+ }
19732
+
18519
19733
  .k-dropdown .k-i-loading, .k-dropdowntree .k-i-loading {
18520
19734
  width: 24px;
18521
19735
  height: 28px;
@@ -18528,7 +19742,6 @@ textarea.k-textarea {
18528
19742
  border-inline-start-width: 0px;
18529
19743
  border-style: solid;
18530
19744
  border-color: transparent;
18531
- box-sizing: border-box;
18532
19745
  outline: 0;
18533
19746
  display: flex;
18534
19747
  flex-flow: row nowrap;
@@ -18610,6 +19823,14 @@ select.k-dropdown, select.k-dropdowntree {
18610
19823
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
18611
19824
  }
18612
19825
 
19826
+ .k-multiselect *, .k-dropdowntree *,
19827
+ .k-multiselect *::before,
19828
+ .k-dropdowntree *::before,
19829
+ .k-multiselect *::after,
19830
+ .k-dropdowntree *::after {
19831
+ box-sizing: border-box;
19832
+ }
19833
+
18613
19834
  .k-multiselect .k-loading-hidden, .k-dropdowntree .k-loading-hidden {
18614
19835
  visibility: hidden;
18615
19836
  }
@@ -18878,6 +20099,19 @@ select.k-dropdown, select.k-dropdowntree {
18878
20099
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
18879
20100
  }
18880
20101
 
20102
+ .k-treeview *,
20103
+ .k-treeview *::before,
20104
+ .k-treeview *::after {
20105
+ box-sizing: border-box;
20106
+ }
20107
+
20108
+ .k-treeview-filter {
20109
+ padding: 8px;
20110
+ display: block;
20111
+ position: relative;
20112
+ flex: none;
20113
+ }
20114
+
18881
20115
  .k-treeview-group,
18882
20116
  .k-treeview .k-group {
18883
20117
  margin: 0;
@@ -18935,21 +20169,13 @@ select.k-dropdown, select.k-dropdowntree {
18935
20169
  cursor: pointer;
18936
20170
  }
18937
20171
 
18938
- .k-treeview-toggle + .k-checkbox-wrap,
18939
- .k-treeview-toggle + .k-checkbox-wrapper,
18940
- .k-treeview .k-i-expand + .k-checkbox-wrap,
18941
- .k-treeview .k-i-expand + .k-checkbox-wrapper,
18942
- .k-treeview .k-i-collapse + .k-checkbox-wrap,
18943
- .k-treeview .k-i-collapse + .k-checkbox-wrapper {
18944
- margin-left: 4px;
18945
- }
18946
-
18947
20172
  .k-treeview-loading {
18948
20173
  margin-right: 4px;
18949
20174
  }
18950
20175
 
18951
20176
  .k-treeview .k-checkbox-wrap,
18952
20177
  .k-treeview .k-checkbox-wrapper {
20178
+ margin-left: 4px;
18953
20179
  margin-right: 4px;
18954
20180
  align-self: center;
18955
20181
  }
@@ -19008,35 +20234,12 @@ select.k-dropdown, select.k-dropdowntree {
19008
20234
  margin-right: -16px;
19009
20235
  }
19010
20236
 
19011
- .k-rtl .k-treeview .k-i-expand + .k-checkbox-wrap,
19012
- .k-rtl .k-treeview .k-i-expand + .k-checkbox-wrapper,
19013
- .k-rtl .k-treeview .k-i-collapse + .k-checkbox-wrap,
19014
- .k-rtl .k-treeview .k-i-collapse + .k-checkbox-wrapper,
19015
- .k-rtl .k-treeview .k-treeview-toggle + .k-checkbox-wrap,
19016
- .k-rtl .k-treeview .k-treeview-toggle + .k-checkbox-wrapper,
19017
- .k-treeview[dir="rtl"] .k-i-expand + .k-checkbox-wrap,
19018
- .k-treeview[dir="rtl"] .k-i-expand + .k-checkbox-wrapper,
19019
- .k-treeview[dir="rtl"] .k-i-collapse + .k-checkbox-wrap,
19020
- .k-treeview[dir="rtl"] .k-i-collapse + .k-checkbox-wrapper,
19021
- .k-treeview[dir="rtl"] .k-treeview-toggle + .k-checkbox-wrap,
19022
- .k-treeview[dir="rtl"] .k-treeview-toggle + .k-checkbox-wrapper {
19023
- margin-right: 4px;
19024
- }
19025
-
19026
20237
  .k-rtl .k-treeview .k-treeview-loading,
19027
20238
  .k-treeview[dir="rtl"] .k-treeview-loading {
19028
20239
  margin-right: 0;
19029
20240
  margin-left: 4px;
19030
20241
  }
19031
20242
 
19032
- .k-rtl .k-treeview .k-checkbox-wrap,
19033
- .k-rtl .k-treeview .k-checkbox-wrapper,
19034
- .k-treeview[dir="rtl"] .k-checkbox-wrap,
19035
- .k-treeview[dir="rtl"] .k-checkbox-wrapper {
19036
- margin-right: 0;
19037
- margin-left: 4px;
19038
- }
19039
-
19040
20243
  .k-rtl .k-treeview .k-treeview-leaf .k-icon,
19041
20244
  .k-rtl .k-treeview .k-treeview-leaf .k-image,
19042
20245
  .k-rtl .k-treeview .k-treeview-leaf .k-sprite,
@@ -19130,6 +20333,12 @@ select.k-dropdown, select.k-dropdowntree {
19130
20333
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
19131
20334
  }
19132
20335
 
20336
+ .k-maskedtextbox *,
20337
+ .k-maskedtextbox *::before,
20338
+ .k-maskedtextbox *::after {
20339
+ box-sizing: border-box;
20340
+ }
20341
+
19133
20342
  .k-maskedtextbox .k-i-loading {
19134
20343
  width: 24px;
19135
20344
  height: 28px;
@@ -19178,6 +20387,12 @@ select.k-dropdown, select.k-dropdowntree {
19178
20387
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
19179
20388
  }
19180
20389
 
20390
+ .k-rating *,
20391
+ .k-rating *::before,
20392
+ .k-rating *::after {
20393
+ box-sizing: border-box;
20394
+ }
20395
+
19181
20396
  .k-rating.k-state-readonly {
19182
20397
  pointer-events: none;
19183
20398
  }
@@ -19185,7 +20400,6 @@ select.k-dropdown, select.k-dropdowntree {
19185
20400
  .k-rating-container {
19186
20401
  flex: 0 1 auto;
19187
20402
  position: relative;
19188
- box-sizing: border-box;
19189
20403
  margin: 0 4px;
19190
20404
  }
19191
20405
 
@@ -19296,6 +20510,12 @@ select.k-dropdown, select.k-dropdowntree {
19296
20510
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
19297
20511
  }
19298
20512
 
20513
+ .k-searchbox *,
20514
+ .k-searchbox *::before,
20515
+ .k-searchbox *::after {
20516
+ box-sizing: border-box;
20517
+ }
20518
+
19299
20519
  .k-searchbox > .k-input {
19300
20520
  padding: 4px 8px;
19301
20521
  }
@@ -19344,7 +20564,7 @@ select.k-dropdown, select.k-dropdowntree {
19344
20564
  vertical-align: middle;
19345
20565
  font-family: inherit;
19346
20566
  font-size: 10px;
19347
- line-height: 1.4285714286;
20567
+ line-height: 1;
19348
20568
  -webkit-user-select: none;
19349
20569
  -ms-user-select: none;
19350
20570
  user-select: none;
@@ -19353,6 +20573,12 @@ select.k-dropdown, select.k-dropdowntree {
19353
20573
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
19354
20574
  }
19355
20575
 
20576
+ .k-switch *,
20577
+ .k-switch *::before,
20578
+ .k-switch *::after {
20579
+ box-sizing: border-box;
20580
+ }
20581
+
19356
20582
  .k-switch [type="checkbox"] {
19357
20583
  display: none;
19358
20584
  }
@@ -19361,12 +20587,6 @@ select.k-dropdown, select.k-dropdowntree {
19361
20587
  pointer-events: none;
19362
20588
  }
19363
20589
 
19364
- .k-switch,
19365
- .k-switch-container,
19366
- .k-switch-handle {
19367
- box-sizing: border-box;
19368
- }
19369
-
19370
20590
  .k-switch-container {
19371
20591
  border-radius: 9999px;
19372
20592
  padding: 0px 0px;
@@ -19419,22 +20639,26 @@ select.k-dropdown, select.k-dropdowntree {
19419
20639
  }
19420
20640
 
19421
20641
  .k-rtl .k-switch.k-switch-on .k-switch-handle,
20642
+ [dir="rtl"] .k-switch.k-switch-on .k-switch-handle,
19422
20643
  .k-switch[dir="rtl"].k-switch-on .k-switch-handle {
19423
20644
  left: 0px;
19424
20645
  }
19425
20646
 
19426
20647
  .k-rtl .k-switch.k-switch-off .k-switch-handle,
20648
+ [dir="rtl"] .k-switch.k-switch-off .k-switch-handle,
19427
20649
  .k-switch[dir="rtl"].k-switch-off .k-switch-handle {
19428
20650
  left: calc(100% - 30px);
19429
20651
  }
19430
20652
 
19431
20653
  .k-rtl .k-switch .k-switch-label-on,
20654
+ [dir="rtl"] .k-switch .k-switch-label-on,
19432
20655
  .k-switch[dir="rtl"] .k-switch-label-on {
19433
20656
  left: initial;
19434
20657
  right: 8px;
19435
20658
  }
19436
20659
 
19437
20660
  .k-rtl .k-switch .k-switch-label-off,
20661
+ [dir="rtl"] .k-switch .k-switch-label-off,
19438
20662
  .k-switch[dir="rtl"] .k-switch-label-off {
19439
20663
  left: 8px;
19440
20664
  right: initial;
@@ -19576,6 +20800,12 @@ select.k-dropdown, select.k-dropdowntree {
19576
20800
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
19577
20801
  }
19578
20802
 
20803
+ .k-upload *,
20804
+ .k-upload *::before,
20805
+ .k-upload *::after {
20806
+ box-sizing: border-box;
20807
+ }
20808
+
19579
20809
  .k-upload .k-upload-button {
19580
20810
  min-width: 7em;
19581
20811
  }
@@ -19727,7 +20957,6 @@ select.k-dropdown, select.k-dropdowntree {
19727
20957
  border-style: solid;
19728
20958
  font-size: 7.98px;
19729
20959
  text-transform: uppercase;
19730
- box-sizing: content-box;
19731
20960
  position: absolute;
19732
20961
  top: 8px;
19733
20962
  }
@@ -20094,6 +21323,12 @@ select.k-dropdown, select.k-dropdowntree {
20094
21323
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
20095
21324
  }
20096
21325
 
21326
+ .k-appbar *,
21327
+ .k-appbar *::before,
21328
+ .k-appbar *::after {
21329
+ box-sizing: border-box;
21330
+ }
21331
+
20097
21332
  .k-appbar > * {
20098
21333
  flex-shrink: 0;
20099
21334
  }
@@ -20245,6 +21480,12 @@ select.k-dropdown, select.k-dropdowntree {
20245
21480
  outline: none;
20246
21481
  }
20247
21482
 
21483
+ .k-fab *,
21484
+ .k-fab *::before,
21485
+ .k-fab *::after {
21486
+ box-sizing: border-box;
21487
+ }
21488
+
20248
21489
  .k-fab:focus {
20249
21490
  outline: none;
20250
21491
  }
@@ -20854,382 +22095,6 @@ select.k-dropdown, select.k-dropdowntree {
20854
22095
  box-shadow: none;
20855
22096
  }
20856
22097
 
20857
- .k-menu {
20858
- border-width: 0px;
20859
- border-style: solid;
20860
- box-sizing: border-box;
20861
- outline: 0;
20862
- font-family: inherit;
20863
- font-size: 14px;
20864
- line-height: 1.4285714286;
20865
- display: flex;
20866
- flex-wrap: wrap;
20867
- align-items: stretch;
20868
- position: relative;
20869
- cursor: default;
20870
- -webkit-touch-callout: none;
20871
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
20872
- }
20873
-
20874
- .k-menu-item {
20875
- box-sizing: border-box;
20876
- border-width: 0;
20877
- outline: 0;
20878
- display: flex;
20879
- flex-flow: column nowrap;
20880
- flex: none;
20881
- position: relative;
20882
- -webkit-user-select: none;
20883
- -ms-user-select: none;
20884
- user-select: none;
20885
- }
20886
-
20887
- .k-menu-link {
20888
- padding: 6px 12px;
20889
- outline: 0;
20890
- color: inherit;
20891
- display: flex;
20892
- flex-flow: row nowrap;
20893
- flex: 1 1 auto;
20894
- align-items: center;
20895
- position: relative;
20896
- white-space: nowrap;
20897
- cursor: pointer;
20898
- }
20899
-
20900
- .k-menu-link > .k-icon:not(.k-menu-expand-arrow),
20901
- .k-menu-link > .k-image,
20902
- .k-menu-link > .k-sprite {
20903
- margin-right: 4px;
20904
- }
20905
-
20906
- .k-menu-link-text {
20907
- flex: 1 1 auto;
20908
- overflow: hidden;
20909
- text-overflow: ellipsis;
20910
- }
20911
-
20912
- .k-menu-expand-arrow {
20913
- margin-left: 4px;
20914
- margin-right: -4px;
20915
- display: inline-flex;
20916
- flex-flow: row wrap;
20917
- align-items: center;
20918
- flex: none;
20919
- position: relative;
20920
- }
20921
-
20922
- .k-menu-expand-arrow.k-i-arrow-60-left,
20923
- .k-menu-expand-arrow.k-i-arrow-60-right {
20924
- margin: 0;
20925
- position: absolute;
20926
- top: 50%;
20927
- transform: translateY(-50%);
20928
- }
20929
-
20930
- .k-menu-expand-arrow.k-i-arrow-60-right {
20931
- right: 4px;
20932
- }
20933
-
20934
- .k-menu-expand-arrow.k-i-arrow-60-left {
20935
- left: 4px;
20936
- }
20937
-
20938
- .k-menu-horizontal {
20939
- flex-direction: row;
20940
- }
20941
-
20942
- .k-menu-horizontal > .k-menu-item + .k-menu-item {
20943
- margin-left: 0px;
20944
- }
20945
-
20946
- .k-menu-horizontal > .k-separator {
20947
- margin: 0 4px;
20948
- width: 0;
20949
- height: auto;
20950
- border-width: 0 0 0 1px;
20951
- border-style: solid;
20952
- }
20953
-
20954
- .k-menu-vertical {
20955
- flex-direction: column;
20956
- }
20957
-
20958
- .k-menu-vertical > .k-menu-item + .k-menu-item {
20959
- margin-top: 0px;
20960
- }
20961
-
20962
- .k-menu-vertical > .k-menu-item > .k-menu-link {
20963
- padding: 4px 8px;
20964
- padding-right: 32px;
20965
- }
20966
-
20967
- .k-menu-vertical > .k-menu-item > .k-menu-link .k-menu-expand-arrow {
20968
- margin: 0;
20969
- position: absolute;
20970
- top: 50%;
20971
- transform: translateY(-50%);
20972
- right: 4px;
20973
- }
20974
-
20975
- .k-menu-vertical > .k-separator {
20976
- margin: 4px 0;
20977
- height: 0;
20978
- border-width: 1px 0 0;
20979
- border-style: solid;
20980
- border-color: rgba(0, 0, 0, 0.08);
20981
- display: block;
20982
- }
20983
-
20984
- .k-menu-popup {
20985
- border-width: 1px;
20986
- border-style: solid;
20987
- overflow: auto;
20988
- max-height: 80vh;
20989
- }
20990
-
20991
- .k-menu-group {
20992
- margin: 0;
20993
- padding: 0;
20994
- font-size: 14px;
20995
- line-height: 1.4285714286;
20996
- list-style: none;
20997
- display: none;
20998
- position: absolute;
20999
- }
21000
-
21001
- .k-menu-popup .k-menu-group {
21002
- position: relative;
21003
- display: flex;
21004
- flex-direction: column;
21005
- }
21006
-
21007
- .k-menu-group .k-menu-item {
21008
- font-size: 14px;
21009
- line-height: 1.4285714286;
21010
- }
21011
-
21012
- .k-menu-group .k-menu-item + .k-menu-item {
21013
- margin-top: 0px;
21014
- }
21015
-
21016
- .k-menu-group .k-menu-link {
21017
- padding: 4px 8px;
21018
- padding-right: 32px;
21019
- }
21020
-
21021
- .k-menu-group .k-menu-link .k-menu-expand-arrow {
21022
- margin: 0;
21023
- position: absolute;
21024
- top: 50%;
21025
- transform: translateY(-50%);
21026
- right: 4px;
21027
- }
21028
-
21029
- .k-menu-group .k-separator {
21030
- margin: 4px 0;
21031
- height: 0;
21032
- border-width: 1px 0 0;
21033
- border-style: solid;
21034
- border-color: rgba(0, 0, 0, 0.08);
21035
- display: block;
21036
- }
21037
-
21038
- .k-popups-wrapper {
21039
- position: relative;
21040
- border: 0;
21041
- margin: 0;
21042
- padding: 0;
21043
- }
21044
-
21045
- .k-context-menu {
21046
- margin: 0;
21047
- padding: 0;
21048
- border-width: 1px;
21049
- border-style: solid;
21050
- }
21051
-
21052
- .k-animation-container .k-context-menu.k-menu-horizontal {
21053
- display: flex !important;
21054
- flex-wrap: nowrap;
21055
- }
21056
-
21057
- .k-context-menu-popup {
21058
- z-index: 12000;
21059
- }
21060
-
21061
- .k-context-menu-popup .k-context-menu {
21062
- border-width: 0;
21063
- }
21064
-
21065
- .k-popup .k-context-menu,
21066
- .k-context-menu-popup .k-context-menu {
21067
- border-width: 0;
21068
- }
21069
-
21070
- .k-menu-scroll-wrapper {
21071
- margin: 0;
21072
- padding: 0;
21073
- border: 0;
21074
- position: relative;
21075
- }
21076
-
21077
- .k-menu-scroll-wrapper .k-menu {
21078
- overflow: hidden;
21079
- flex-wrap: nowrap;
21080
- }
21081
-
21082
- .k-menu-scroll-button {
21083
- border-radius: 0;
21084
- padding: 0;
21085
- border-width: 0;
21086
- border-color: inherit;
21087
- color: inherit;
21088
- background: inherit;
21089
- position: absolute;
21090
- }
21091
-
21092
- .k-menu-scroll-button.k-scroll-left {
21093
- top: 0;
21094
- left: 0;
21095
- height: 100%;
21096
- width: 16px;
21097
- border-right-width: 1px;
21098
- }
21099
-
21100
- .k-menu-scroll-button.k-scroll-right {
21101
- top: 0;
21102
- right: 0;
21103
- height: 100%;
21104
- width: 16px;
21105
- border-left-width: 1px;
21106
- }
21107
-
21108
- .k-menu-scroll-button.k-scroll-up {
21109
- top: 0;
21110
- left: 0;
21111
- width: 100%;
21112
- height: 16px;
21113
- border-bottom-width: 1px;
21114
- }
21115
-
21116
- .k-menu-scroll-button.k-scroll-down {
21117
- bottom: 0;
21118
- left: 0;
21119
- width: 100%;
21120
- height: 16px;
21121
- border-top-width: 1px;
21122
- }
21123
-
21124
- .k-rtl .k-menu-link > .k-icon:not(.k-menu-expand-arrow),
21125
- .k-rtl .k-menu-link > .k-image,
21126
- .k-rtl .k-menu-link > .k-sprite,
21127
- [dir="rtl"] .k-menu-link > .k-icon:not(.k-menu-expand-arrow),
21128
- [dir="rtl"] .k-menu-link > .k-image,
21129
- [dir="rtl"] .k-menu-link > .k-sprite {
21130
- margin-left: 4px;
21131
- margin-right: 0;
21132
- }
21133
-
21134
- .k-rtl .k-menu-expand-arrow.k-i-arrow-60-down,
21135
- [dir="rtl"] .k-menu-expand-arrow.k-i-arrow-60-down {
21136
- margin-left: -4px;
21137
- margin-right: 4px;
21138
- }
21139
-
21140
- .k-rtl .k-menu-horizontal > .k-menu-item + .k-menu-item,
21141
- [dir="rtl"] .k-menu-horizontal > .k-menu-item + .k-menu-item {
21142
- margin-right: 0px;
21143
- margin-left: 0;
21144
- }
21145
-
21146
- .k-rtl .k-menu-vertical > .k-menu-item > .k-menu-link,
21147
- [dir="rtl"] .k-menu-vertical > .k-menu-item > .k-menu-link {
21148
- padding-right: 8px;
21149
- padding-left: 32px;
21150
- }
21151
-
21152
- .k-rtl .k-menu-vertical > .k-menu-item > .k-menu-link .k-menu-expand-arrow,
21153
- [dir="rtl"] .k-menu-vertical > .k-menu-item > .k-menu-link .k-menu-expand-arrow {
21154
- right: auto;
21155
- left: 4px;
21156
- }
21157
-
21158
- .k-rtl .k-menu-group .k-menu-link,
21159
- [dir="rtl"] .k-menu-group .k-menu-link {
21160
- padding-right: 8px;
21161
- padding-left: 32px;
21162
- }
21163
-
21164
- .k-rtl .k-menu-group .k-menu-link .k-menu-expand-arrow,
21165
- [dir="rtl"] .k-menu-group .k-menu-link .k-menu-expand-arrow {
21166
- right: auto;
21167
- left: 4px;
21168
- }
21169
-
21170
- .k-menu:not(.k-context-menu) {
21171
- color: #424242;
21172
- background-color: transparent;
21173
- }
21174
-
21175
- .k-menu:not(.k-context-menu) > .k-item {
21176
- color: #ff6358;
21177
- }
21178
-
21179
- .k-menu:not(.k-context-menu) > .k-item:hover, .k-menu:not(.k-context-menu) > .k-item.k-state-hover {
21180
- color: #d6534a;
21181
- }
21182
-
21183
- .k-menu:not(.k-context-menu) > .k-item > .k-state-active, .k-menu:not(.k-context-menu) > .k-item.k-state-selected {
21184
- color: #424242;
21185
- }
21186
-
21187
- .k-menu:not(.k-context-menu) > .k-item:focus, .k-menu:not(.k-context-menu) > .k-item.k-state-focus, .k-menu:not(.k-context-menu) > .k-item.k-state-focused {
21188
- box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
21189
- }
21190
-
21191
- .k-menu-group,
21192
- .k-menu.k-context-menu {
21193
- border-color: rgba(0, 0, 0, 0.08);
21194
- color: #424242;
21195
- background-color: #ffffff;
21196
- }
21197
-
21198
- .k-menu-group .k-item:hover, .k-menu-group .k-item.k-state-hover,
21199
- .k-menu.k-context-menu .k-item:hover,
21200
- .k-menu.k-context-menu .k-item.k-state-hover {
21201
- color: #424242;
21202
- background-color: #f0f0f0;
21203
- }
21204
-
21205
- .k-menu-group .k-item > .k-state-active, .k-menu-group .k-item.k-state-selected,
21206
- .k-menu.k-context-menu .k-item > .k-state-active,
21207
- .k-menu.k-context-menu .k-item.k-state-selected {
21208
- color: white;
21209
- background-color: #ff6358;
21210
- }
21211
-
21212
- .k-menu-group .k-item:focus, .k-menu-group .k-item.k-state-focus, .k-menu-group .k-item.k-state-focused,
21213
- .k-menu.k-context-menu .k-item:focus,
21214
- .k-menu.k-context-menu .k-item.k-state-focus,
21215
- .k-menu.k-context-menu .k-item.k-state-focused {
21216
- box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
21217
- }
21218
-
21219
- .k-menu-scroll-button {
21220
- border-color: rgba(0, 0, 0, 0.08);
21221
- color: #ff6358;
21222
- background-color: #ffffff;
21223
- }
21224
-
21225
- .k-menu-scroll-button:hover {
21226
- color: #d6534a;
21227
- }
21228
-
21229
- .k-menu-scroll-button:hover::before {
21230
- opacity: 0;
21231
- }
21232
-
21233
22098
  .k-actionsheet-container {
21234
22099
  width: 100vw;
21235
22100
  height: 100vh;
@@ -21257,6 +22122,12 @@ select.k-dropdown, select.k-dropdowntree {
21257
22122
  z-index: 10002;
21258
22123
  }
21259
22124
 
22125
+ .k-actionsheet *,
22126
+ .k-actionsheet *::before,
22127
+ .k-actionsheet *::after {
22128
+ box-sizing: border-box;
22129
+ }
22130
+
21260
22131
  .k-actionsheet-header {
21261
22132
  padding: 8px 16px;
21262
22133
  border-width: 0;
@@ -21471,11 +22342,11 @@ select.k-dropdown, select.k-dropdowntree {
21471
22342
  }
21472
22343
 
21473
22344
  .k-window-content:first-child {
21474
- padding-top: max( 16px, 12px );
22345
+ padding-top: clamp(16px, 12px, 12px);
21475
22346
  }
21476
22347
 
21477
22348
  .k-window-content:last-child {
21478
- padding-bottom: max( 16px, 12px );
22349
+ padding-bottom: clamp(16px, 12px, 12px);
21479
22350
  }
21480
22351
 
21481
22352
  .k-window-iframecontent {
@@ -21641,6 +22512,12 @@ kendo-drawer .k-drawer-wrapper {
21641
22512
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
21642
22513
  }
21643
22514
 
22515
+ .k-drawer *,
22516
+ .k-drawer *::before,
22517
+ .k-drawer *::after {
22518
+ box-sizing: border-box;
22519
+ }
22520
+
21644
22521
  .k-drawer-mini .k-drawer.k-drawer-start,
21645
22522
  .k-drawer-expanded .k-drawer.k-drawer-start,
21646
22523
  .k-drawer-left.k-drawer-mini .k-drawer,
@@ -21907,6 +22784,12 @@ kendo-drawer .k-drawer-wrapper {
21907
22784
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
21908
22785
  }
21909
22786
 
22787
+ .k-notification *,
22788
+ .k-notification *::before,
22789
+ .k-notification *::after {
22790
+ box-sizing: border-box;
22791
+ }
22792
+
21910
22793
  .k-notification-wrap {
21911
22794
  display: flex;
21912
22795
  flex-flow: row nowrap;
@@ -22039,6 +22922,12 @@ kendo-card-footer {
22039
22922
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
22040
22923
  }
22041
22924
 
22925
+ .k-card *,
22926
+ .k-card *::before,
22927
+ .k-card *::after {
22928
+ box-sizing: border-box;
22929
+ }
22930
+
22042
22931
  .k-card > .k-card-inner {
22043
22932
  border-radius: 3px;
22044
22933
  display: flex;
@@ -22534,6 +23423,12 @@ kendo-card-footer {
22534
23423
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
22535
23424
  }
22536
23425
 
23426
+ .k-popover *,
23427
+ .k-popover *::before,
23428
+ .k-popover *::after {
23429
+ box-sizing: border-box;
23430
+ }
23431
+
22537
23432
  .k-popover-header {
22538
23433
  border-top-left-radius: 4px;
22539
23434
  border-top-right-radius: 4px;
@@ -22677,6 +23572,12 @@ kendo-card-footer {
22677
23572
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
22678
23573
  }
22679
23574
 
23575
+ .k-bottom-nav *,
23576
+ .k-bottom-nav *::before,
23577
+ .k-bottom-nav *::after {
23578
+ box-sizing: border-box;
23579
+ }
23580
+
22680
23581
  .k-bottom-nav-border {
22681
23582
  border-width: 1px 0px 0px 0px;
22682
23583
  }
@@ -22975,6 +23876,12 @@ kendo-card-footer {
22975
23876
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
22976
23877
  }
22977
23878
 
23879
+ .k-breadcrumb *,
23880
+ .k-breadcrumb *::before,
23881
+ .k-breadcrumb *::after {
23882
+ box-sizing: border-box;
23883
+ }
23884
+
22978
23885
  .k-breadcrumb-container,
22979
23886
  .k-breadcrumb-root-item-container {
22980
23887
  margin: 0;
@@ -23121,6 +24028,12 @@ kendo-card-footer {
23121
24028
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
23122
24029
  }
23123
24030
 
24031
+ .k-pager-wrap *,
24032
+ .k-pager-wrap *::before,
24033
+ .k-pager-wrap *::after {
24034
+ box-sizing: border-box;
24035
+ }
24036
+
23124
24037
  .k-pager-wrap .k-link {
23125
24038
  text-decoration: none;
23126
24039
  outline: 0;
@@ -23175,7 +24088,6 @@ kendo-card-footer {
23175
24088
  .k-pager-nav, .k-pager-numbers .k-link, .k-pager-refresh {
23176
24089
  min-width: calc(1.4285714286em + 10px);
23177
24090
  height: calc(1.4285714286em + 10px);
23178
- box-sizing: border-box;
23179
24091
  color: inherit;
23180
24092
  text-align: center;
23181
24093
  display: inline-flex;
@@ -23283,7 +24195,6 @@ kendo-card-footer {
23283
24195
  margin-left: 1em;
23284
24196
  margin-right: 1em;
23285
24197
  height: calc(1.4285714286em + 10px);
23286
- box-sizing: border-box;
23287
24198
  border-color: inherit;
23288
24199
  }
23289
24200
 
@@ -23394,6 +24305,12 @@ kendo-card-footer {
23394
24305
  background: none;
23395
24306
  }
23396
24307
 
24308
+ .k-stepper *,
24309
+ .k-stepper *::before,
24310
+ .k-stepper *::after {
24311
+ box-sizing: border-box;
24312
+ }
24313
+
23397
24314
  .k-stepper .k-step-list {
23398
24315
  margin: 0;
23399
24316
  padding: 0;
@@ -23436,7 +24353,6 @@ kendo-card-footer {
23436
24353
  transition-property: color, background-color, border-color;
23437
24354
  transition-duration: .4s;
23438
24355
  transition-timing-function: ease-in-out;
23439
- box-sizing: content-box;
23440
24356
  }
23441
24357
 
23442
24358
  .k-stepper .k-step-indicator::after {
@@ -23702,6 +24618,7 @@ kendo-card-footer {
23702
24618
 
23703
24619
  .k-tabstrip-wrapper {
23704
24620
  padding: 0px 0px;
24621
+ box-sizing: border-box;
23705
24622
  border-width: 0px;
23706
24623
  border-style: solid;
23707
24624
  display: flex;
@@ -23719,7 +24636,7 @@ kendo-card-footer {
23719
24636
  color: inherit;
23720
24637
  background-color: transparent;
23721
24638
  display: flex;
23722
- flex-direction: column;
24639
+ flex-flow: column nowrap;
23723
24640
  -webkit-touch-callout: none;
23724
24641
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
23725
24642
  }
@@ -23729,6 +24646,7 @@ kendo-card-footer {
23729
24646
  }
23730
24647
 
23731
24648
  .k-tabstrip-items-wrapper {
24649
+ box-sizing: border-box;
23732
24650
  border-width: 0;
23733
24651
  border-style: solid;
23734
24652
  border-color: inherit;
@@ -23737,12 +24655,19 @@ kendo-card-footer {
23737
24655
  }
23738
24656
 
23739
24657
  .k-tabstrip-items {
24658
+ box-sizing: border-box;
23740
24659
  outline: 0;
23741
24660
  display: flex;
23742
24661
  flex-flow: row wrap;
23743
24662
  flex: 0 0 auto;
23744
24663
  }
23745
24664
 
24665
+ .k-tabstrip-items *,
24666
+ .k-tabstrip-items *::before,
24667
+ .k-tabstrip-items *::after {
24668
+ box-sizing: border-box;
24669
+ }
24670
+
23746
24671
  .k-tabstrip-items .k-item {
23747
24672
  margin: 0;
23748
24673
  padding: 0;
@@ -23779,6 +24704,7 @@ kendo-card-footer {
23779
24704
  .k-tabstrip-content,
23780
24705
  .k-tabstrip > .k-content {
23781
24706
  padding: 16px 16px;
24707
+ box-sizing: border-box;
23782
24708
  border-width: 1px;
23783
24709
  border-style: solid;
23784
24710
  border-color: inherit;
@@ -23813,6 +24739,7 @@ kendo-card-footer {
23813
24739
  top: 0;
23814
24740
  left: 0;
23815
24741
  transition: width .2s linear;
24742
+ display: none;
23816
24743
  }
23817
24744
 
23818
24745
  .k-tabstrip-items .k-loading.k-complete {
@@ -23822,21 +24749,30 @@ kendo-card-footer {
23822
24749
 
23823
24750
  .k-tabstrip-scrollable > .k-tabstrip-items-wrapper > .k-tabstrip-items {
23824
24751
  flex: 1 1 auto;
24752
+ flex-wrap: nowrap;
23825
24753
  white-space: nowrap;
23826
24754
  overflow: hidden;
23827
24755
  }
23828
24756
 
23829
24757
  .k-tabstrip-scrollable > .k-tabstrip-items-wrapper > .k-button {
23830
- flex-shrink: 0;
24758
+ width: auto;
24759
+ height: auto;
24760
+ flex: none;
23831
24761
  align-self: stretch;
24762
+ aspect-ratio: auto;
24763
+ }
24764
+
24765
+ .k-tabstrip-scrollable > .k-tabstrip-items-wrapper > .k-button .k-button-icon {
24766
+ min-width: auto;
24767
+ min-height: auto;
23832
24768
  }
23833
24769
 
23834
24770
  .k-tabstrip-scrollable > .k-tabstrip-items-wrapper.k-hstack > .k-button {
23835
- height: auto;
24771
+ padding: 0 4px;
23836
24772
  }
23837
24773
 
23838
24774
  .k-tabstrip-scrollable > .k-tabstrip-items-wrapper.k-vstack > .k-button {
23839
- width: auto;
24775
+ padding: 4px 0;
23840
24776
  }
23841
24777
 
23842
24778
  .k-tabstrip-top > .k-tabstrip-items-wrapper {
@@ -24056,11 +24992,13 @@ kendo-card-footer {
24056
24992
  }
24057
24993
 
24058
24994
  .k-wizard .k-wizard-steps {
24995
+ box-sizing: border-box;
24059
24996
  display: flex;
24060
24997
  overflow: hidden;
24061
24998
  }
24062
24999
 
24063
25000
  .k-wizard .k-wizard-step {
25001
+ box-sizing: border-box;
24064
25002
  padding: 10px;
24065
25003
  width: 100%;
24066
25004
  display: flex;
@@ -24076,11 +25014,13 @@ kendo-card-footer {
24076
25014
  }
24077
25015
 
24078
25016
  .k-wizard .k-wizard-content {
25017
+ box-sizing: border-box;
24079
25018
  overflow-y: auto;
24080
25019
  }
24081
25020
 
24082
25021
  .k-wizard .k-wizard-buttons {
24083
25022
  margin-top: 32px;
25023
+ box-sizing: border-box;
24084
25024
  display: flex;
24085
25025
  flex-wrap: nowrap;
24086
25026
  align-items: center;
@@ -24167,6 +25107,12 @@ kendo-card-footer {
24167
25107
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
24168
25108
  }
24169
25109
 
25110
+ .k-expander *,
25111
+ .k-expander *::before,
25112
+ .k-expander *::after {
25113
+ box-sizing: border-box;
25114
+ }
25115
+
24170
25116
  .k-rtl .k-expander .k-expander-indicator, .k-expander.k-rtl .k-expander-indicator, .k-expander[dir="rtl"] .k-expander-indicator {
24171
25117
  margin-left: 0;
24172
25118
  margin-right: 12px;
@@ -24195,7 +25141,6 @@ kendo-card-footer {
24195
25141
 
24196
25142
  .k-expander-content {
24197
25143
  padding: 16px 16px;
24198
- box-sizing: border-box;
24199
25144
  }
24200
25145
 
24201
25146
  .k-expander + .k-expander.k-expanded,
@@ -24255,6 +25200,12 @@ kendo-card-footer {
24255
25200
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
24256
25201
  }
24257
25202
 
25203
+ .k-panelbar *,
25204
+ .k-panelbar *::before,
25205
+ .k-panelbar *::after {
25206
+ box-sizing: border-box;
25207
+ }
25208
+
24258
25209
  .k-panelbar > .k-item,
24259
25210
  .k-panelbar > .k-panelbar-header {
24260
25211
  border-width: 0;
@@ -26404,11 +27355,12 @@ div.k-grid-norecords {
26404
27355
  }
26405
27356
 
26406
27357
  .k-grid-norecords-template {
27358
+ box-sizing: border-box;
27359
+ margin: 0 auto;
26407
27360
  width: 20em;
26408
27361
  height: 4em;
26409
- line-height: 4em;
26410
- margin: 0 auto;
26411
27362
  border: 1px solid;
27363
+ line-height: 4em;
26412
27364
  }
26413
27365
 
26414
27366
  .k-header > .k-cell-inner {
@@ -26664,7 +27616,7 @@ div.k-grid-norecords {
26664
27616
 
26665
27617
  .k-popup > .k-column-menu-popup, .k-popup >
26666
27618
  .k-grid-columnmenu-popup {
26667
- width: 100%;
27619
+ max-width: 100%;
26668
27620
  }
26669
27621
 
26670
27622
  .k-column-menu-popup .k-actions, .k-column-menu-popup .k-edit-buttons,
@@ -26871,8 +27823,8 @@ tbody .k-group-cell {
26871
27823
  background-color: rgba(0, 0, 0, 0.04);
26872
27824
  }
26873
27825
 
26874
- .k-grid tbody tr:hover,
26875
- .k-grid tbody tr.k-state-hover {
27826
+ .k-grid tbody tr:not(.k-detail-row):hover,
27827
+ .k-grid tbody tr:not(.k-detail-row).k-state-hover {
26876
27828
  background-color: #ededed;
26877
27829
  }
26878
27830
 
@@ -26935,11 +27887,6 @@ tbody .k-group-cell {
26935
27887
  background-color: #f7d1ce;
26936
27888
  }
26937
27889
 
26938
- .k-grid .k-grid-content-locked .k-state-hover td,
26939
- .k-grid .k-grid-content-locked tr:hover td {
26940
- background-color: #ebebeb;
26941
- }
26942
-
26943
27890
  .k-grid .k-grid-content-locked .k-state-selected:hover td,
26944
27891
  .k-grid .k-grid-content-locked .k-state-selected.k-state-hover td {
26945
27892
  background-color: #f1ccc9;
@@ -28876,6 +29823,7 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
28876
29823
  border-style: solid;
28877
29824
  align-items: flex-start;
28878
29825
  flex-wrap: wrap;
29826
+ box-shadow: none;
28879
29827
  }
28880
29828
 
28881
29829
  .k-pivot-toolbar > * {
@@ -28886,34 +29834,6 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
28886
29834
  display: none;
28887
29835
  }
28888
29836
 
28889
- .k-pivot-toolbar .k-button,
28890
- .k-fieldselector .k-list li.k-item {
28891
- border-radius: 2px;
28892
- padding: 4px 8px;
28893
- padding-right: 56px;
28894
- min-height: auto;
28895
- font-size: 14px;
28896
- line-height: 1.4285714286;
28897
- text-align: left;
28898
- white-space: normal;
28899
- word-break: break-word;
28900
- position: relative;
28901
- cursor: move;
28902
- }
28903
-
28904
- .k-pivot-toolbar .k-button .k-field-actions .k-setting-delete,
28905
- .k-fieldselector .k-list li.k-item .k-field-actions .k-setting-delete {
28906
- box-sizing: content-box;
28907
- }
28908
-
28909
- .k-field-actions {
28910
- position: absolute;
28911
- right: 4px;
28912
- top: 4px;
28913
- line-height: 1;
28914
- cursor: pointer;
28915
- }
28916
-
28917
29837
  .k-pivot-layout {
28918
29838
  border-spacing: 0;
28919
29839
  table-layout: auto;
@@ -28936,6 +29856,8 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
28936
29856
  .k-pivot-rowheaders > .k-grid,
28937
29857
  .k-pivot-table > .k-grid {
28938
29858
  border-width: 0;
29859
+ color: inherit;
29860
+ background: none;
28939
29861
  }
28940
29862
 
28941
29863
  .k-pivot-rowheaders > .k-grid td:first-child,
@@ -28988,77 +29910,73 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
28988
29910
  max-height: 600px;
28989
29911
  }
28990
29912
 
28991
- .k-fieldselector {
28992
- border-width: 1px;
28993
- border-style: solid;
29913
+ .k-pivotgrid-wrapper {
28994
29914
  box-sizing: border-box;
28995
- outline: 0;
28996
- font-family: inherit;
28997
- font-size: 14px;
28998
- line-height: 1.4285714286;
28999
- -webkit-touch-callout: none;
29000
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
29001
- }
29002
-
29003
- .k-fieldselector .k-columns {
29004
29915
  display: flex;
29005
- align-items: stretch;
29916
+ flex-flow: row nowrap;
29917
+ align-items: flex-start;
29918
+ gap: 8px;
29006
29919
  }
29007
29920
 
29008
- .k-fieldselector .k-columns > div {
29009
- padding: 8px;
29010
- width: 50%;
29011
- box-sizing: border-box;
29012
- border-width: 0;
29013
- border-style: solid;
29014
- float: left;
29015
- overflow: auto;
29921
+ .k-pivotgrid-wrapper > .k-pivotgrid-configurator-panel {
29922
+ max-width: 320px;
29923
+ flex: none;
29016
29924
  }
29017
29925
 
29018
- .k-fieldselector .k-columns > div + div {
29019
- border-left-width: 1px;
29926
+ .k-pivotgrid-wrapper > .k-pivot {
29927
+ flex: 1;
29020
29928
  }
29021
29929
 
29022
- .k-fieldselector p {
29023
- margin: 0 0 2px;
29024
- text-transform: uppercase;
29930
+ .k-pivotgrid-configurator-panel.kendo-jquery {
29931
+ box-sizing: border-box;
29932
+ display: inline-flex;
29025
29933
  }
29026
29934
 
29027
- .k-fieldselector p .k-icon {
29028
- margin: 0 4px 0 0;
29935
+ .k-pivotgrid-configurator-panel.kendo-jquery .k-pivotgrid-configurator {
29936
+ height: 100%;
29029
29937
  }
29030
29938
 
29031
- .k-fieldselector .k-treeview {
29032
- border-width: 0;
29033
- overflow: visible;
29939
+ .k-pivotgrid-configurator-panel.kendo-jquery .k-pivotgrid-configurator-content {
29940
+ padding: 16px;
29941
+ max-height: 100%;
29942
+ display: flex;
29943
+ flex-flow: column nowrap;
29944
+ gap: 16px;
29945
+ overflow-x: hidden;
29946
+ overflow-y: auto;
29034
29947
  }
29035
29948
 
29036
- .k-fieldselector .k-edit-label {
29037
- width: 16%;
29949
+ .k-pivotgrid-configurator-panel.kendo-jquery .k-pivotgrid-targets {
29950
+ display: flex;
29951
+ flex-flow: column nowrap;
29952
+ gap: 16px;
29038
29953
  }
29039
29954
 
29040
- .k-fieldselector .k-edit-field {
29041
- width: 77%;
29955
+ .k-pivotgrid-configurator-panel.kendo-jquery .k-pivotgrid-configurator-section {
29956
+ display: flex;
29957
+ flex-flow: column nowrap;
29958
+ gap: 8px;
29042
29959
  }
29043
29960
 
29044
- .k-fieldselector .k-list-container {
29045
- margin-bottom: 1em;
29046
- padding: 2px;
29961
+ .k-pivotgrid-configurator-panel.kendo-jquery .k-column-fields {
29962
+ margin: 0;
29963
+ padding: 4px;
29964
+ max-height: 200px;
29047
29965
  border-width: 1px;
29048
29966
  border-style: solid;
29967
+ display: flex;
29968
+ flex-flow: row wrap;
29969
+ gap: 4px;
29970
+ overflow-x: hidden;
29971
+ overflow-y: auto;
29049
29972
  }
29050
29973
 
29051
- .k-fieldselector .k-list {
29052
- padding-bottom: 1em;
29053
- }
29054
-
29055
- .k-fieldselector .k-list .k-item {
29056
- border-width: 1px;
29057
- border-style: solid;
29974
+ .k-pivotgrid-configurator-panel.kendo-jquery .k-column-fields > * {
29975
+ margin: 0;
29058
29976
  }
29059
29977
 
29060
- .k-fieldselector .k-list .k-item + .k-item {
29061
- margin-top: 0.5em;
29978
+ .k-ie .k-pivotgrid-configurator-panel.kendo-jquery .k-column-fields > * {
29979
+ margin: 2px;
29062
29980
  }
29063
29981
 
29064
29982
  .k-ie11 .k-pivot .k-grid {
@@ -29205,84 +30123,47 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
29205
30123
 
29206
30124
  .k-pivot {
29207
30125
  border-color: rgba(0, 0, 0, 0.08);
29208
- }
29209
-
29210
- .k-alt,
29211
- .k-pivot-layout > tbody > tr:first-child > td:first-child {
29212
- background-color: #fafafa;
29213
- }
29214
-
29215
- .k-fieldselector {
29216
30126
  color: #424242;
29217
- }
29218
-
29219
- .k-fieldselector .k-list-container {
29220
30127
  background-color: #ffffff;
29221
30128
  }
29222
30129
 
29223
- .k-pivot-toolbar,
29224
- .k-pivot-table,
29225
- .k-fieldselector,
29226
- .k-fieldselector .k-list-container,
29227
- .k-fieldselector .k-columns > div,
29228
- .k-pivot-rowheaders > .k-grid td:first-child,
29229
- .k-pivot-table .k-grid-header .k-header.k-first {
30130
+ .k-pivot-table {
29230
30131
  border-color: rgba(0, 0, 0, 0.08);
29231
30132
  }
29232
30133
 
29233
- .k-pivot-rowheaders .k-alt .k-alt,
29234
- .k-header.k-alt {
29235
- background-color: #ebebeb;
29236
- }
29237
-
29238
- .k-pivot-toolbar .k-button,
29239
- .k-fieldselector .k-list li.k-item {
30134
+ .k-pivot-rowheaders {
29240
30135
  border-color: rgba(0, 0, 0, 0.08);
29241
30136
  color: #424242;
29242
- background-color: #f5f5f5;
29243
- background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
29244
- }
29245
-
29246
- .k-pivot-toolbar .k-button:hover, .k-pivot-toolbar .k-button.k-state-hover,
29247
- .k-fieldselector .k-list li.k-item:hover,
29248
- .k-fieldselector .k-list li.k-item.k-state-hover {
29249
- background-color: #ebebeb;
29250
- }
29251
-
29252
- .k-pivot-toolbar .k-button:active, .k-pivot-toolbar .k-button.k-state-active,
29253
- .k-fieldselector .k-list li.k-item:active,
29254
- .k-fieldselector .k-list li.k-item.k-state-active {
29255
- background-color: #d8d8d8;
29256
- }
29257
-
29258
- .k-pivot-toolbar .k-button:focus, .k-pivot-toolbar .k-button.k-state-focus, .k-pivot-toolbar .k-button.k-state-focused,
29259
- .k-fieldselector .k-list li.k-item:focus,
29260
- .k-fieldselector .k-list li.k-item.k-state-focus,
29261
- .k-fieldselector .k-list li.k-item.k-state-focused {
29262
- box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
30137
+ background-color: #fafafa;
29263
30138
  }
29264
30139
 
29265
- .k-pivot-toolbar .k-button.k-empty,
29266
- .k-fieldselector .k-list li.k-item.k-empty {
29267
- color: #666666;
30140
+ .k-pivot-toolbar {
30141
+ border-color: rgba(0, 0, 0, 0.08);
30142
+ color: #424242;
30143
+ background-color: #fafafa;
29268
30144
  }
29269
30145
 
29270
30146
  .k-pivot-toolbar .k-empty {
29271
30147
  color: #666666;
29272
30148
  }
29273
30149
 
29274
- .k-pivot-layout .k-grid-footer,
29275
- .k-pivot-layout .k-grid.k-alt {
29276
- color: #424242;
30150
+ .k-alt {
29277
30151
  background-color: #fafafa;
29278
30152
  }
29279
30153
 
29280
- .k-fieldselector .k-i-loading {
29281
- border-color: #fafafa;
30154
+ .k-pivot-toolbar,
30155
+ .k-pivot-table,
30156
+ .k-pivot-rowheaders > .k-grid td:first-child,
30157
+ .k-pivot-table .k-grid-header .k-header.k-first {
30158
+ border-color: rgba(0, 0, 0, 0.08);
30159
+ }
30160
+
30161
+ .k-header.k-alt {
30162
+ background-color: #ebebeb;
29282
30163
  }
29283
30164
 
29284
- .k-fieldselector .k-i-loading::before,
29285
- .k-fieldselector .k-i-loading::after {
30165
+ .k-pivot-layout .k-grid-footer {
30166
+ color: #424242;
29286
30167
  background-color: #fafafa;
29287
30168
  }
29288
30169
 
@@ -29304,6 +30185,10 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
29304
30185
  color: #37b400;
29305
30186
  }
29306
30187
 
30188
+ .k-pivotgrid-configurator-panel.kendo-jquery .k-column-fields {
30189
+ border-color: rgba(0, 0, 0, 0.08);
30190
+ }
30191
+
29307
30192
  .k-treelist.k-grid-display-block.k-grid-lockedcolumns {
29308
30193
  display: block;
29309
30194
  }
@@ -29316,6 +30201,7 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
29316
30201
  .k-treelist .k-status .k-loading {
29317
30202
  vertical-align: baseline;
29318
30203
  margin-right: 5px;
30204
+ display: none;
29319
30205
  }
29320
30206
 
29321
30207
  .k-treelist tr.k-hidden {
@@ -29391,11 +30277,18 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
29391
30277
  }
29392
30278
 
29393
30279
  .k-filter {
30280
+ box-sizing: border-box;
29394
30281
  border-width: 0;
29395
30282
  display: inline-block;
29396
30283
  background-color: transparent;
29397
30284
  }
29398
30285
 
30286
+ .k-filter *,
30287
+ .k-filter *::before,
30288
+ .k-filter *::after {
30289
+ box-sizing: border-box;
30290
+ }
30291
+
29399
30292
  .k-filter ul {
29400
30293
  padding: 0;
29401
30294
  }
@@ -29758,6 +30651,12 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
29758
30651
  position: relative;
29759
30652
  }
29760
30653
 
30654
+ .k-taskboard *,
30655
+ .k-taskboard *::before,
30656
+ .k-taskboard *::after {
30657
+ box-sizing: border-box;
30658
+ }
30659
+
29761
30660
  .k-taskboard-toolbar {
29762
30661
  padding: 16px 16px;
29763
30662
  border-width: 0;
@@ -29820,7 +30719,6 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
29820
30719
 
29821
30720
  .k-taskboard-column-cards {
29822
30721
  min-height: 100%;
29823
- box-sizing: border-box;
29824
30722
  display: flex;
29825
30723
  flex-direction: column;
29826
30724
  gap: 8px 0;
@@ -29849,7 +30747,6 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
29849
30747
  width: 320px;
29850
30748
  border-width: 1px;
29851
30749
  border-style: solid;
29852
- box-sizing: border-box;
29853
30750
  display: flex;
29854
30751
  flex-direction: column;
29855
30752
  position: absolute;
@@ -30789,6 +31686,12 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
30789
31686
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
30790
31687
  }
30791
31688
 
31689
+ .k-imageeditor *,
31690
+ .k-imageeditor *::before,
31691
+ .k-imageeditor *::after {
31692
+ box-sizing: border-box;
31693
+ }
31694
+
30792
31695
  .k-imageeditor-toolbar {
30793
31696
  border-width: 0;
30794
31697
  border-bottom-width: 1px;
@@ -33014,6 +33917,12 @@ kendo-scheduler .k-recurrence-editor {
33014
33917
  font-size: inherit;
33015
33918
  }
33016
33919
 
33920
+ .k-scheduler-tooltip .k-no-data, .k-scheduler-tooltip .k-nodata {
33921
+ height: auto;
33922
+ min-height: auto;
33923
+ color: inherit;
33924
+ }
33925
+
33017
33926
  .k-scheduler-edit-dialog .k-dialog {
33018
33927
  max-height: 100vh;
33019
33928
  }
@@ -33277,7 +34186,9 @@ ul.k-scheduler-views li:hover, ul.k-scheduler-views li.k-state-hover {
33277
34186
  }
33278
34187
 
33279
34188
  ul.k-scheduler-views li.k-state-selected {
33280
- background-color: #d8d8d8;
34189
+ border-color: #ff6358;
34190
+ color: white;
34191
+ background-color: #ff6358;
33281
34192
  }
33282
34193
 
33283
34194
  ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-scheduler-views li.k-state-focused {
@@ -33806,11 +34717,18 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
33806
34717
 
33807
34718
  .k-chat-toolbar .k-scroll-button,
33808
34719
  .k-chat .k-toolbar-box .k-scroll-button {
34720
+ padding: 0 4px;
33809
34721
  height: 100%;
34722
+ aspect-ratio: auto;
33810
34723
  position: absolute;
33811
34724
  z-index: 2;
33812
- top: 50%;
33813
- transform: translateY(-50%);
34725
+ top: 0;
34726
+ }
34727
+
34728
+ .k-chat-toolbar .k-scroll-button .k-button-icon,
34729
+ .k-chat .k-toolbar-box .k-scroll-button .k-button-icon {
34730
+ min-width: auto;
34731
+ min-height: auto;
33814
34732
  }
33815
34733
 
33816
34734
  .k-chat-toolbar .k-scroll-button-left,
@@ -33984,6 +34902,12 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
33984
34902
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
33985
34903
  }
33986
34904
 
34905
+ .k-mediaplayer *,
34906
+ .k-mediaplayer *::before,
34907
+ .k-mediaplayer *::after {
34908
+ box-sizing: border-box;
34909
+ }
34910
+
33987
34911
  .k-mediaplayer > iframe {
33988
34912
  width: 100%;
33989
34913
  height: 100%;
@@ -34027,12 +34951,17 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
34027
34951
  align-items: center;
34028
34952
  }
34029
34953
 
34954
+ .k-mediaplayer-volume {
34955
+ width: 100px;
34956
+ }
34957
+
34030
34958
  .k-slider.k-mediaplayer-seekbar {
34031
34959
  width: 100%;
34032
34960
  position: absolute;
34033
34961
  z-index: 3;
34034
- top: -17px;
34962
+ top: 0;
34035
34963
  left: 0;
34964
+ transform: translateY(-50%);
34036
34965
  }
34037
34966
 
34038
34967
  .k-mediaplayer-seekbar .k-slider-track {
@@ -34040,6 +34969,10 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
34040
34969
  border-radius: 0;
34041
34970
  }
34042
34971
 
34972
+ .k-mediaplayer-seekbar .k-slider-selection {
34973
+ border-radius: 0;
34974
+ }
34975
+
34043
34976
  .k-mediaplayer-fullscreen {
34044
34977
  z-index: 10000;
34045
34978
  position: fixed;
@@ -34073,6 +35006,12 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
34073
35006
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
34074
35007
  }
34075
35008
 
35009
+ .k-timeline *,
35010
+ .k-timeline *::before,
35011
+ .k-timeline *::after, .k-timeline::before, .k-timeline::after {
35012
+ box-sizing: border-box;
35013
+ }
35014
+
34076
35015
  .k-timeline ul {
34077
35016
  margin: 0;
34078
35017
  padding: 0;
@@ -34090,7 +35029,6 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
34090
35029
  line-height: 1.4285714286;
34091
35030
  min-width: 80px;
34092
35031
  max-width: 160px;
34093
- box-sizing: border-box;
34094
35032
  position: relative;
34095
35033
  z-index: 1;
34096
35034
  }
@@ -34157,7 +35095,6 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
34157
35095
  margin: 40px 0;
34158
35096
  width: 100%;
34159
35097
  position: relative;
34160
- box-sizing: border-box;
34161
35098
  border: 0;
34162
35099
  }
34163
35100
 
@@ -34339,12 +35276,10 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
34339
35276
 
34340
35277
  .k-timeline-horizontal .k-timeline-card {
34341
35278
  height: 100%;
34342
- box-sizing: border-box;
34343
35279
  }
34344
35280
 
34345
35281
  .k-timeline-horizontal .k-card {
34346
35282
  max-height: 100%;
34347
- box-sizing: border-box;
34348
35283
  }
34349
35284
 
34350
35285
  .k-timeline-horizontal .k-timeline-events-list {
@@ -35752,6 +36687,7 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
35752
36687
 
35753
36688
  .k-map {
35754
36689
  height: 600px;
36690
+ box-sizing: border-box;
35755
36691
  border-width: 0px;
35756
36692
  border-style: solid;
35757
36693
  font-size: 14px;
@@ -35759,6 +36695,12 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
35759
36695
  font-family: inherit;
35760
36696
  }
35761
36697
 
36698
+ .k-map *,
36699
+ .k-map *::before,
36700
+ .k-map *::after {
36701
+ box-sizing: border-box;
36702
+ }
36703
+
35762
36704
  .k-map .km-scroll-wrapper {
35763
36705
  width: 100%;
35764
36706
  height: 100%;
@@ -35906,6 +36848,12 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
35906
36848
  overflow: auto;
35907
36849
  }
35908
36850
 
36851
+ .k-orgchart *,
36852
+ .k-orgchart *::before,
36853
+ .k-orgchart *::after {
36854
+ box-sizing: border-box;
36855
+ }
36856
+
35909
36857
  .k-orgchart-container {
35910
36858
  margin: 0 auto;
35911
36859
  width: 100%;