@progress/kendo-theme-bootstrap 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 (87) hide show
  1. package/dist/all.css +1913 -1060
  2. package/dist/all.scss +1993 -1716
  3. package/modules/@progress/kendo-theme-default/package.json +2 -2
  4. package/modules/@progress/kendo-theme-default/scss/action-buttons/_layout.scss +7 -0
  5. package/modules/@progress/kendo-theme-default/scss/action-sheet/_layout.scss +6 -0
  6. package/modules/@progress/kendo-theme-default/scss/appbar/_layout.scss +6 -1
  7. package/modules/@progress/kendo-theme-default/scss/autocomplete/_layout.scss +6 -0
  8. package/modules/@progress/kendo-theme-default/scss/avatar/_layout.scss +6 -0
  9. package/modules/@progress/kendo-theme-default/scss/badge/_layout.scss +6 -0
  10. package/modules/@progress/kendo-theme-default/scss/bottom-navigation/_layout.scss +6 -0
  11. package/modules/@progress/kendo-theme-default/scss/breadcrumb/_layout.scss +6 -0
  12. package/modules/@progress/kendo-theme-default/scss/button/_layout.scss +80 -92
  13. package/modules/@progress/kendo-theme-default/scss/button/_theme.scss +177 -112
  14. package/modules/@progress/kendo-theme-default/scss/button/_variables.scss +80 -14
  15. package/modules/@progress/kendo-theme-default/scss/captcha/_layout.scss +6 -0
  16. package/modules/@progress/kendo-theme-default/scss/card/_layout.scss +6 -0
  17. package/modules/@progress/kendo-theme-default/scss/chat/_layout.scss +9 -2
  18. package/modules/@progress/kendo-theme-default/scss/chip/_layout.scss +6 -0
  19. package/modules/@progress/kendo-theme-default/scss/color-preview/_layout.scss +6 -0
  20. package/modules/@progress/kendo-theme-default/scss/coloreditor/_layout.scss +6 -0
  21. package/modules/@progress/kendo-theme-default/scss/colorgradient/_layout.scss +6 -4
  22. package/modules/@progress/kendo-theme-default/scss/colorpalette/_layout.scss +6 -0
  23. package/modules/@progress/kendo-theme-default/scss/colorpicker/_layout.scss +6 -3
  24. package/modules/@progress/kendo-theme-default/scss/combobox/_layout.scss +6 -1
  25. package/modules/@progress/kendo-theme-default/scss/common/_loading.scss +15 -13
  26. package/modules/@progress/kendo-theme-default/scss/dateinput/_layout.scss +7 -1
  27. package/modules/@progress/kendo-theme-default/scss/datepicker/_layout.scss +6 -0
  28. package/modules/@progress/kendo-theme-default/scss/daterangepicker/_layout.scss +6 -0
  29. package/modules/@progress/kendo-theme-default/scss/datetimepicker/_layout.scss +6 -2
  30. package/modules/@progress/kendo-theme-default/scss/drawer/_layout.scss +6 -0
  31. package/modules/@progress/kendo-theme-default/scss/dropdownlist/_layout.scss +6 -1
  32. package/modules/@progress/kendo-theme-default/scss/expansion-panel/_layout.scss +6 -1
  33. package/modules/@progress/kendo-theme-default/scss/fab/_layout.scss +6 -0
  34. package/modules/@progress/kendo-theme-default/scss/filter/_layout.scss +8 -0
  35. package/modules/@progress/kendo-theme-default/scss/floating-label/_layout.scss +7 -0
  36. package/modules/@progress/kendo-theme-default/scss/grid/_layout.scss +4 -3
  37. package/modules/@progress/kendo-theme-default/scss/grid/_theme.scss +2 -8
  38. package/modules/@progress/kendo-theme-default/scss/imageeditor/_layout.scss +6 -0
  39. package/modules/@progress/kendo-theme-default/scss/list/_layout.scss +10 -28
  40. package/modules/@progress/kendo-theme-default/scss/list/_theme.scss +4 -4
  41. package/modules/@progress/kendo-theme-default/scss/listbox/_layout.scss +9 -0
  42. package/modules/@progress/kendo-theme-default/scss/map/_layout.scss +7 -0
  43. package/modules/@progress/kendo-theme-default/scss/maskedtextbox/_layout.scss +6 -0
  44. package/modules/@progress/kendo-theme-default/scss/mediaplayer/_layout.scss +14 -1
  45. package/modules/@progress/kendo-theme-default/scss/multiselect/_layout.scss +8 -2
  46. package/modules/@progress/kendo-theme-default/scss/notification/_layout.scss +6 -0
  47. package/modules/@progress/kendo-theme-default/scss/numerictextbox/_layout.scss +6 -2
  48. package/modules/@progress/kendo-theme-default/scss/orgchart/_layout.scss +6 -0
  49. package/modules/@progress/kendo-theme-default/scss/pager/_layout.scss +6 -2
  50. package/modules/@progress/kendo-theme-default/scss/panelbar/_layout.scss +6 -0
  51. package/modules/@progress/kendo-theme-default/scss/pivotgrid/_layout.scss +55 -83
  52. package/modules/@progress/kendo-theme-default/scss/pivotgrid/_theme.scss +39 -73
  53. package/modules/@progress/kendo-theme-default/scss/popover/_layout.scss +6 -0
  54. package/modules/@progress/kendo-theme-default/scss/progressbar/_layout.scss +6 -0
  55. package/modules/@progress/kendo-theme-default/scss/rating/_layout.scss +6 -1
  56. package/modules/@progress/kendo-theme-default/scss/scheduler/_layout.scss +6 -0
  57. package/modules/@progress/kendo-theme-default/scss/searchbox/_layout.scss +6 -0
  58. package/modules/@progress/kendo-theme-default/scss/slider/_layout.scss +71 -144
  59. package/modules/@progress/kendo-theme-default/scss/slider/_theme.scss +0 -6
  60. package/modules/@progress/kendo-theme-default/scss/spreadsheet/_layout.scss +1 -0
  61. package/modules/@progress/kendo-theme-default/scss/stepper/_layout.scss +6 -1
  62. package/modules/@progress/kendo-theme-default/scss/switch/_layout.scss +14 -9
  63. package/modules/@progress/kendo-theme-default/scss/switch/_variables.scss +127 -33
  64. package/modules/@progress/kendo-theme-default/scss/tabstrip/_layout.scss +26 -4
  65. package/modules/@progress/kendo-theme-default/scss/taskboard/_layout.scss +6 -2
  66. package/modules/@progress/kendo-theme-default/scss/textarea/_layout.scss +6 -0
  67. package/modules/@progress/kendo-theme-default/scss/textbox/_layout.scss +6 -0
  68. package/modules/@progress/kendo-theme-default/scss/timeline/_layout.scss +8 -4
  69. package/modules/@progress/kendo-theme-default/scss/timepicker/_layout.scss +6 -1
  70. package/modules/@progress/kendo-theme-default/scss/timeselector/_layout.scss +1 -0
  71. package/modules/@progress/kendo-theme-default/scss/toolbar/_index.scss +1 -0
  72. package/modules/@progress/kendo-theme-default/scss/toolbar/_layout.scss +1 -0
  73. package/modules/@progress/kendo-theme-default/scss/tooltip/_layout.scss +6 -1
  74. package/modules/@progress/kendo-theme-default/scss/treelist/_layout.scss +4 -0
  75. package/modules/@progress/kendo-theme-default/scss/treeview/_layout.scss +17 -18
  76. package/modules/@progress/kendo-theme-default/scss/upload/_layout.scss +6 -1
  77. package/modules/@progress/kendo-theme-default/scss/window/_layout.scss +2 -2
  78. package/modules/@progress/kendo-theme-default/scss/wizard/_layout.scss +4 -0
  79. package/package.json +3 -3
  80. package/scss/button/_variables.scss +87 -21
  81. package/scss/checkbox/_variables.scss +1 -1
  82. package/scss/grid/_theme.scss +2 -8
  83. package/scss/list/_layout.scss +1 -3
  84. package/scss/multiselect/_layout.scss +2 -0
  85. package/scss/pivotgrid/_theme.scss +0 -116
  86. package/scss/switch/_variables.scss +123 -29
  87. package/scss/toolbar/_index.scss +1 -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
 
@@ -10752,7 +10763,7 @@ kendo-list > .k-group-header,
10752
10763
  display: flex;
10753
10764
  align-items: center;
10754
10765
  align-content: center;
10755
- gap: 0.25rem;
10766
+ gap: 0.5rem;
10756
10767
  cursor: default;
10757
10768
  position: relative;
10758
10769
  transition-property: color, background-color, outline-color, box-shadow;
@@ -10801,15 +10812,6 @@ kendo-list > .k-group-header,
10801
10812
  width: 100%;
10802
10813
  }
10803
10814
 
10804
- .k-dropdown-button .k-popup .k-item {
10805
- cursor: pointer;
10806
- }
10807
-
10808
- .k-split-button .k-list .k-item:focus,
10809
- .k-dropdown-button .k-list .k-item:focus {
10810
- outline: none;
10811
- }
10812
-
10813
10815
  .k-virtual-content {
10814
10816
  overflow-y: scroll;
10815
10817
  -webkit-overflow-scrolling: touch;
@@ -10831,13 +10833,12 @@ kendo-list > .k-group-header,
10831
10833
  text-overflow: ellipsis;
10832
10834
  }
10833
10835
 
10834
- .k-list-container .k-no-data, .k-list-container .k-nodata {
10835
- min-height: 138px;
10836
- width: 100%;
10836
+ .k-no-data, .k-nodata {
10837
+ min-height: 140px;
10838
+ box-sizing: border-box;
10837
10839
  display: flex;
10838
10840
  align-items: center;
10839
10841
  justify-content: center;
10840
- text-transform: uppercase;
10841
10842
  font-weight: lighter;
10842
10843
  text-align: center;
10843
10844
  white-space: normal;
@@ -10848,9 +10849,7 @@ kendo-list > .k-group-header,
10848
10849
  .k-list-container > .k-group-header,
10849
10850
  kendo-list > .k-group-header,
10850
10851
  .k-virtual-wrap > .k-group-header {
10851
- font-weight: 600;
10852
- font-size: 0.875rem;
10853
- box-shadow: none;
10852
+ font-weight: bold;
10854
10853
  }
10855
10854
 
10856
10855
  .k-list__group-header, .k-outer-group-header,
@@ -10930,7 +10929,7 @@ kendo-list > .k-group-header,
10930
10929
  background: transparent;
10931
10930
  }
10932
10931
 
10933
- .k-list-container .k-no-data, .k-list-container .k-nodata {
10932
+ .k-no-data, .k-nodata {
10934
10933
  color: #6c757d;
10935
10934
  }
10936
10935
 
@@ -11546,6 +11545,7 @@ kendo-list > .k-group-header,
11546
11545
  .k-floating-label-container {
11547
11546
  padding-top: 1.5rem;
11548
11547
  width: 10em;
11548
+ box-sizing: border-box;
11549
11549
  display: inline-flex;
11550
11550
  vertical-align: middle;
11551
11551
  position: relative;
@@ -11553,6 +11553,15 @@ kendo-list > .k-group-header,
11553
11553
  justify-content: stretch;
11554
11554
  }
11555
11555
 
11556
+ .k-textbox-container *,
11557
+ .k-textbox-container *::before,
11558
+ .k-textbox-container *::after,
11559
+ .k-floating-label-container *,
11560
+ .k-floating-label-container *::before,
11561
+ .k-floating-label-container *::after {
11562
+ box-sizing: border-box;
11563
+ }
11564
+
11556
11565
  .k-textbox-container > .k-label,
11557
11566
  .k-floating-label-container > .k-label {
11558
11567
  max-width: 90%;
@@ -11664,6 +11673,12 @@ kendo-list > .k-group-header,
11664
11673
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
11665
11674
  }
11666
11675
 
11676
+ .k-combobox *,
11677
+ .k-combobox *::before,
11678
+ .k-combobox *::after {
11679
+ box-sizing: border-box;
11680
+ }
11681
+
11667
11682
  .k-combobox .k-i-loading {
11668
11683
  width: calc(16px + 0.75rem);
11669
11684
  height: 2.25rem;
@@ -11674,7 +11689,6 @@ kendo-list > .k-group-header,
11674
11689
  border-width: 0;
11675
11690
  border-inline-start-width: 1px;
11676
11691
  border-style: solid;
11677
- box-sizing: border-box;
11678
11692
  outline: 0;
11679
11693
  display: flex;
11680
11694
  flex-flow: row nowrap;
@@ -12090,6 +12104,12 @@ kendo-list > .k-group-header,
12090
12104
  overflow: hidden;
12091
12105
  }
12092
12106
 
12107
+ .k-avatar *,
12108
+ .k-avatar *::before,
12109
+ .k-avatar *::after {
12110
+ box-sizing: border-box;
12111
+ }
12112
+
12093
12113
  .k-avatar-text,
12094
12114
  .k-avatar-initials {
12095
12115
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
@@ -12269,6 +12289,12 @@ kendo-list > .k-group-header,
12269
12289
  text-overflow: ellipsis;
12270
12290
  }
12271
12291
 
12292
+ .k-badge *,
12293
+ .k-badge *::before,
12294
+ .k-badge *::after {
12295
+ box-sizing: border-box;
12296
+ }
12297
+
12272
12298
  .k-badge > * {
12273
12299
  color: inherit;
12274
12300
  }
@@ -12618,6 +12644,12 @@ kendo-badge-container {
12618
12644
  user-select: none;
12619
12645
  }
12620
12646
 
12647
+ .k-chip *,
12648
+ .k-chip *::before,
12649
+ .k-chip *::after {
12650
+ box-sizing: border-box;
12651
+ }
12652
+
12621
12653
  .k-chip .k-selected-icon-wrapper {
12622
12654
  display: none !important;
12623
12655
  }
@@ -12922,6 +12954,12 @@ kendo-badge-container {
12922
12954
  overflow: hidden;
12923
12955
  }
12924
12956
 
12957
+ .k-color-preview *,
12958
+ .k-color-preview *::before,
12959
+ .k-color-preview *::after {
12960
+ box-sizing: border-box;
12961
+ }
12962
+
12925
12963
  .k-coloreditor-current-color {
12926
12964
  cursor: pointer;
12927
12965
  }
@@ -13508,6 +13546,12 @@ kendo-badge-container {
13508
13546
  position: relative;
13509
13547
  }
13510
13548
 
13549
+ .k-button *,
13550
+ .k-button *::before,
13551
+ .k-button *::after {
13552
+ box-sizing: border-box;
13553
+ }
13554
+
13511
13555
  .k-button:disabled, .k-button.k-state-disabled {
13512
13556
  outline: none;
13513
13557
  cursor: default;
@@ -13542,6 +13586,20 @@ kendo-badge-container {
13542
13586
  position: relative;
13543
13587
  }
13544
13588
 
13589
+ .k-button-arrow {
13590
+ padding-left: 0.375rem;
13591
+ padding-right: 0.375rem;
13592
+ flex: none;
13593
+ display: inline-flex;
13594
+ align-items: center;
13595
+ justify-content: center;
13596
+ }
13597
+
13598
+ .k-button > .k-button-arrow {
13599
+ margin-inline-start: -0.375rem;
13600
+ margin-inline-end: -0.75rem;
13601
+ }
13602
+
13545
13603
  .k-text-button > .k-icon,
13546
13604
  .k-text-button > .k-button-icon {
13547
13605
  display: none;
@@ -13567,6 +13625,11 @@ kendo-badge-container {
13567
13625
  min-height: 1.5rem;
13568
13626
  }
13569
13627
 
13628
+ .k-icon-button > .k-button-arrow {
13629
+ margin-inline-start: 0;
13630
+ margin-inline-end: -0.375rem;
13631
+ }
13632
+
13570
13633
  .k-button.k-button-icon {
13571
13634
  padding: 0.375rem;
13572
13635
  width: calc(1.5em + 0.75rem + 2px);
@@ -13597,54 +13660,49 @@ kendo-badge-container {
13597
13660
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
13598
13661
  }
13599
13662
 
13600
- .k-button-group .k-button {
13601
- border-radius: 0;
13602
- }
13603
-
13604
- .k-button-group .k-button ~ .k-button {
13663
+ .k-button-group > .k-button + .k-button {
13605
13664
  margin-inline-start: -1px;
13606
13665
  }
13607
13666
 
13608
- .k-button-group .k-button:hover,
13609
- .k-button-group .k-button.k-state-hover,
13610
- .k-button-group .k-button:active,
13611
- .k-button-group .k-button.k-state-active,
13612
- .k-button-group .k-button.k-state-selected,
13613
- .k-button-group .k-button:focus,
13614
- .k-button-group .k-button.k-state-focus {
13667
+ .k-button-group > .k-button:hover,
13668
+ .k-button-group > .k-button.k-state-hover,
13669
+ .k-button-group > .k-button:focus,
13670
+ .k-button-group > .k-button.k-state-focus,
13671
+ .k-button-group > .k-button:active,
13672
+ .k-button-group > .k-button.k-state-active,
13673
+ .k-button-group > .k-button.k-state-selected {
13615
13674
  z-index: 2;
13616
13675
  }
13617
13676
 
13618
- .k-button-group .k-group-start,
13619
- .k-button-group .k-button:first-child {
13620
- border-top-left-radius: 0.25rem;
13621
- border-bottom-left-radius: 0.25rem;
13677
+ .k-button-group .k-button:not(:first-child):not(:last-child) {
13678
+ border-start-end-radius: 0;
13679
+ border-end-end-radius: 0;
13680
+ border-start-start-radius: 0;
13681
+ border-end-start-radius: 0;
13622
13682
  }
13623
13683
 
13624
- .k-button-group .k-group-end,
13625
- .k-button-group .k-button:last-child {
13626
- border-top-right-radius: 0.25rem;
13627
- border-bottom-right-radius: 0.25rem;
13684
+ .k-button-group > .k-button:first-child:not(:only-child) {
13685
+ border-start-end-radius: 0;
13686
+ border-end-end-radius: 0;
13628
13687
  }
13629
13688
 
13630
- .k-button-group .k-group-start.k-group-end,
13631
- .k-button-group .k-button:first-child:last-child {
13632
- border-radius: 0.25rem;
13689
+ .k-button-group > .k-button:last-child:not(:only-child) {
13690
+ border-start-start-radius: 0;
13691
+ border-end-start-radius: 0;
13692
+ }
13693
+
13694
+ .k-button-group:disabled, .k-button-group[disabled], .k-button-group.k-disabled, .k-button-group.k-state-disabled {
13695
+ opacity: 1;
13696
+ filter: none;
13633
13697
  }
13634
13698
 
13635
13699
  .k-button-group-stretched {
13636
- display: flex;
13700
+ width: 100%;
13637
13701
  }
13638
13702
 
13639
- .k-button-group-stretched .k-button {
13640
- display: inline-block;
13703
+ .k-button-group-stretched > * {
13641
13704
  flex: 1 0 0%;
13642
13705
  overflow: hidden;
13643
- text-overflow: ellipsis;
13644
- }
13645
-
13646
- .k-button-group-stretched .k-button > .k-icon {
13647
- vertical-align: text-bottom;
13648
13706
  }
13649
13707
 
13650
13708
  .k-split-button {
@@ -13656,37 +13714,14 @@ kendo-badge-container {
13656
13714
  vertical-align: middle;
13657
13715
  }
13658
13716
 
13659
- .k-split-button .k-button {
13660
- border-radius: 0;
13661
- }
13662
-
13663
- .k-split-button > .k-button:first-child {
13664
- border-top-left-radius: 0.25rem;
13665
- border-bottom-left-radius: 0.25rem;
13666
- }
13667
-
13668
- .k-split-button > .k-split-button-arrow,
13669
- .k-split-button > .k-button:last-child {
13670
- border-top-right-radius: 0.25rem;
13671
- border-bottom-right-radius: 0.25rem;
13672
- margin-inline-start: -1px;
13673
- padding: 0.375rem;
13717
+ .k-split-button .k-split-button-arrow {
13718
+ padding: 0.375rem 0.375rem;
13674
13719
  width: auto;
13675
13720
  flex: none;
13676
13721
  }
13677
13722
 
13678
- .k-split-button[dir="rtl"] > .k-button:first-child {
13679
- border-top-left-radius: 0;
13680
- border-bottom-left-radius: 0;
13681
- border-top-right-radius: 0.25rem;
13682
- border-bottom-right-radius: 0.25rem;
13683
- }
13684
-
13685
- .k-split-button[dir="rtl"] > .k-button:last-child {
13686
- border-top-right-radius: 0;
13687
- border-bottom-right-radius: 0;
13688
- border-top-left-radius: 0.25rem;
13689
- border-bottom-left-radius: 0.25rem;
13723
+ .k-split-button .k-split-button-arrow .k-button-icon {
13724
+ min-width: 0;
13690
13725
  }
13691
13726
 
13692
13727
  .k-button-flat, .k-button.k-flat,
@@ -13719,52 +13754,36 @@ kendo-badge-container {
13719
13754
  .k-button-outline, .k-button.k-outline {
13720
13755
  box-shadow: none;
13721
13756
  color: inherit;
13722
- background: none;
13757
+ background-color: transparent;
13758
+ background-image: none !important;
13723
13759
  }
13724
13760
 
13725
- .k-button-clear {
13761
+ .k-button-link {
13762
+ box-shadow: none;
13726
13763
  border-color: transparent !important;
13727
13764
  color: inherit;
13728
- background: none !important;
13729
- box-shadow: none !important;
13730
- }
13731
-
13732
- .k-rtl .k-button-group .k-button {
13733
- border-radius: 0;
13734
- }
13735
-
13736
- .k-rtl .k-button-group .k-group-start,
13737
- .k-rtl .k-button-group .k-button:first-child {
13738
- border-top-right-radius: 0.25rem;
13739
- border-bottom-right-radius: 0.25rem;
13765
+ background-color: transparent !important;
13766
+ background-image: none !important;
13767
+ text-decoration: none;
13740
13768
  }
13741
13769
 
13742
- .k-rtl .k-button-group .k-group-end,
13743
- .k-rtl .k-button-group .k-button:last-child {
13744
- border-top-left-radius: 0.25rem;
13745
- border-bottom-left-radius: 0.25rem;
13770
+ .k-button-link:hover,
13771
+ .k-button-link.k-state-hover {
13772
+ text-decoration: underline;
13746
13773
  }
13747
13774
 
13748
- .k-rtl .k-button-group .k-group-start.k-group-end,
13749
- .k-rtl .k-button-group .k-button:first-child:last-child {
13750
- border-radius: 0.25rem;
13775
+ .k-button-clear {
13776
+ border-color: transparent !important;
13777
+ color: inherit;
13778
+ background: none !important;
13779
+ box-shadow: none !important;
13751
13780
  }
13752
13781
 
13753
- .k-rtl .k-split-button .k-button {
13782
+ .k-ie .k-button-group .k-button,
13783
+ .k-ie .k-split-button .k-button {
13754
13784
  border-radius: 0;
13755
13785
  }
13756
13786
 
13757
- .k-rtl .k-split-button > .k-button:first-child {
13758
- border-top-right-radius: 0.25rem;
13759
- border-bottom-right-radius: 0.25rem;
13760
- }
13761
-
13762
- .k-rtl .k-split-button > .k-split-button-arrow,
13763
- .k-rtl .k-split-button > .k-button:last-child {
13764
- border-top-left-radius: 0.25rem;
13765
- border-bottom-left-radius: 0.25rem;
13766
- }
13767
-
13768
13787
  .k-button-overlay, .k-button::before {
13769
13788
  border-radius: inherit;
13770
13789
  content: "";
@@ -13836,79 +13855,293 @@ kendo-badge-container {
13836
13855
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
13837
13856
  }
13838
13857
 
13839
- .k-button,
13840
- .k-button-secondary {
13858
+ .k-button {
13841
13859
  border-color: #e4e7eb;
13842
13860
  color: #212529;
13843
13861
  background-color: #e4e7eb;
13844
13862
  }
13845
13863
 
13846
- .k-button:hover, .k-button.k-state-hover,
13847
- .k-button-secondary:hover,
13848
- .k-button-secondary.k-state-hover {
13864
+ .k-button:hover, .k-button.k-state-hover {
13849
13865
  border-color: #c7cdd5;
13850
13866
  background-color: #ced3db;
13851
13867
  }
13852
13868
 
13853
- .k-button:focus, .k-button.k-state-focus, .k-button.k-state-focused,
13854
- .k-button-secondary:focus,
13855
- .k-button-secondary.k-state-focus,
13856
- .k-button-secondary.k-state-focused {
13857
- box-shadow: 0 0 0 3px rgba(228, 231, 235, 0.5);
13869
+ .k-button:focus, .k-button.k-state-focus, .k-button.k-state-focused {
13870
+ box-shadow: 0 0 0 0.25rem rgba(228, 231, 235, 0.5);
13858
13871
  }
13859
13872
 
13860
- .k-button:active, .k-button.k-state-active,
13861
- .k-button-secondary:active,
13862
- .k-button-secondary.k-state-active {
13873
+ .k-button:active, .k-button.k-state-active {
13863
13874
  border-color: #bfc6d0;
13864
13875
  background-color: #c7cdd5;
13865
13876
  }
13866
13877
 
13867
- .k-button.k-state-selected,
13868
- .k-button-secondary.k-state-selected {
13869
- border-color: #bfc6d0;
13870
- background-color: #c7cdd5;
13878
+ .k-button.k-state-selected {
13879
+ border-color: #0252c9;
13880
+ color: white;
13881
+ background-color: #0257d5;
13871
13882
  }
13872
13883
 
13873
- .k-button-primary, .k-button.k-primary {
13884
+ .k-button-solid.k-button-solid-primary, .k-button-solid.k-button.k-primary {
13874
13885
  border-color: #0d6efd;
13875
13886
  color: white;
13876
13887
  background-color: #0d6efd;
13877
13888
  }
13878
13889
 
13879
- .k-button-primary:hover, .k-button.k-primary:hover, .k-button-primary.k-state-hover, .k-state-hover.k-button.k-primary {
13890
+ .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 {
13880
13891
  border-color: #0257d5;
13881
- color: white;
13882
13892
  background-color: #025ce2;
13883
13893
  }
13884
13894
 
13885
- .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 {
13886
- box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.5);
13895
+ .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 {
13896
+ box-shadow: 0 0 0px 0.25rem rgba(13, 110, 253, 0.5);
13887
13897
  }
13888
13898
 
13889
- .k-button-primary:active, .k-button.k-primary:active, .k-button-primary.k-state-active, .k-state-active.k-button.k-primary {
13899
+ .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 {
13890
13900
  border-color: #0252c9;
13891
- color: white;
13892
13901
  background-color: #0257d5;
13893
13902
  }
13894
13903
 
13895
- .k-button-primary.k-state-selected, .k-state-selected.k-button.k-primary {
13904
+ .k-button-solid.k-button-solid-primary.k-state-selected, .k-button-solid.k-state-selected.k-button.k-primary {
13896
13905
  border-color: #0252c9;
13897
- color: white;
13898
13906
  background-color: #0257d5;
13899
13907
  }
13900
13908
 
13909
+ .k-button-solid.k-button-solid-secondary {
13910
+ border-color: #6c757d;
13911
+ color: white;
13912
+ background-color: #6c757d;
13913
+ }
13914
+
13915
+ .k-button-solid.k-button-solid-secondary:hover, .k-button-solid.k-button-solid-secondary.k-state-hover {
13916
+ border-color: #545b62;
13917
+ background-color: #5a6268;
13918
+ }
13919
+
13920
+ .k-button-solid.k-button-solid-secondary:focus, .k-button-solid.k-button-solid-secondary.k-state-focus {
13921
+ box-shadow: 0 0 0px 0.25rem rgba(108, 117, 125, 0.5);
13922
+ }
13923
+
13924
+ .k-button-solid.k-button-solid-secondary:active, .k-button-solid.k-button-solid-secondary.k-state-active {
13925
+ border-color: #4e555b;
13926
+ background-color: #545b62;
13927
+ }
13928
+
13929
+ .k-button-solid.k-button-solid-secondary.k-state-selected {
13930
+ border-color: #4e555b;
13931
+ background-color: #545b62;
13932
+ }
13933
+
13934
+ .k-button-solid.k-button-solid-tertiary {
13935
+ border-color: #6f42c1;
13936
+ color: white;
13937
+ background-color: #6f42c1;
13938
+ }
13939
+
13940
+ .k-button-solid.k-button-solid-tertiary:hover, .k-button-solid.k-button-solid-tertiary.k-state-hover {
13941
+ border-color: #59339d;
13942
+ background-color: #5e37a6;
13943
+ }
13944
+
13945
+ .k-button-solid.k-button-solid-tertiary:focus, .k-button-solid.k-button-solid-tertiary.k-state-focus {
13946
+ box-shadow: 0 0 0px 0.25rem rgba(111, 66, 193, 0.5);
13947
+ }
13948
+
13949
+ .k-button-solid.k-button-solid-tertiary:active, .k-button-solid.k-button-solid-tertiary.k-state-active {
13950
+ border-color: #533093;
13951
+ background-color: #59339d;
13952
+ }
13953
+
13954
+ .k-button-solid.k-button-solid-tertiary.k-state-selected {
13955
+ border-color: #533093;
13956
+ background-color: #59339d;
13957
+ }
13958
+
13959
+ .k-button-solid.k-button-solid-info {
13960
+ border-color: #0dcaf0;
13961
+ color: white;
13962
+ background-color: #0dcaf0;
13963
+ }
13964
+
13965
+ .k-button-solid.k-button-solid-info:hover, .k-button-solid.k-button-solid-info.k-state-hover {
13966
+ border-color: #0aa1c0;
13967
+ background-color: #0babcc;
13968
+ }
13969
+
13970
+ .k-button-solid.k-button-solid-info:focus, .k-button-solid.k-button-solid-info.k-state-focus {
13971
+ box-shadow: 0 0 0px 0.25rem rgba(13, 202, 240, 0.5);
13972
+ }
13973
+
13974
+ .k-button-solid.k-button-solid-info:active, .k-button-solid.k-button-solid-info.k-state-active {
13975
+ border-color: #0a97b4;
13976
+ background-color: #0aa1c0;
13977
+ }
13978
+
13979
+ .k-button-solid.k-button-solid-info.k-state-selected {
13980
+ border-color: #0a97b4;
13981
+ background-color: #0aa1c0;
13982
+ }
13983
+
13984
+ .k-button-solid.k-button-solid-success {
13985
+ border-color: #198754;
13986
+ color: white;
13987
+ background-color: #198754;
13988
+ }
13989
+
13990
+ .k-button-solid.k-button-solid-success:hover, .k-button-solid.k-button-solid-success.k-state-hover {
13991
+ border-color: #115c39;
13992
+ background-color: #136740;
13993
+ }
13994
+
13995
+ .k-button-solid.k-button-solid-success:focus, .k-button-solid.k-button-solid-success.k-state-focus {
13996
+ box-shadow: 0 0 0px 0.25rem rgba(25, 135, 84, 0.5);
13997
+ }
13998
+
13999
+ .k-button-solid.k-button-solid-success:active, .k-button-solid.k-button-solid-success.k-state-active {
14000
+ border-color: #0f5133;
14001
+ background-color: #115c39;
14002
+ }
14003
+
14004
+ .k-button-solid.k-button-solid-success.k-state-selected {
14005
+ border-color: #0f5133;
14006
+ background-color: #115c39;
14007
+ }
14008
+
14009
+ .k-button-solid.k-button-solid-warning {
14010
+ border-color: #ffc107;
14011
+ color: black;
14012
+ background-color: #ffc107;
14013
+ }
14014
+
14015
+ .k-button-solid.k-button-solid-warning:hover, .k-button-solid.k-button-solid-warning.k-state-hover {
14016
+ border-color: #d39e00;
14017
+ background-color: #e0a800;
14018
+ }
14019
+
14020
+ .k-button-solid.k-button-solid-warning:focus, .k-button-solid.k-button-solid-warning.k-state-focus {
14021
+ box-shadow: 0 0 0px 0.25rem rgba(255, 193, 7, 0.5);
14022
+ }
14023
+
14024
+ .k-button-solid.k-button-solid-warning:active, .k-button-solid.k-button-solid-warning.k-state-active {
14025
+ border-color: #c69500;
14026
+ background-color: #d39e00;
14027
+ }
14028
+
14029
+ .k-button-solid.k-button-solid-warning.k-state-selected {
14030
+ border-color: #c69500;
14031
+ background-color: #d39e00;
14032
+ }
14033
+
14034
+ .k-button-solid.k-button-solid-error {
14035
+ border-color: #dc3545;
14036
+ color: white;
14037
+ background-color: #dc3545;
14038
+ }
14039
+
14040
+ .k-button-solid.k-button-solid-error:hover, .k-button-solid.k-button-solid-error.k-state-hover {
14041
+ border-color: #bd2130;
14042
+ background-color: #c82333;
14043
+ }
14044
+
14045
+ .k-button-solid.k-button-solid-error:focus, .k-button-solid.k-button-solid-error.k-state-focus {
14046
+ box-shadow: 0 0 0px 0.25rem rgba(220, 53, 69, 0.5);
14047
+ }
14048
+
14049
+ .k-button-solid.k-button-solid-error:active, .k-button-solid.k-button-solid-error.k-state-active {
14050
+ border-color: #b21f2d;
14051
+ background-color: #bd2130;
14052
+ }
14053
+
14054
+ .k-button-solid.k-button-solid-error.k-state-selected {
14055
+ border-color: #b21f2d;
14056
+ background-color: #bd2130;
14057
+ }
14058
+
14059
+ .k-button-solid.k-button-solid-dark {
14060
+ border-color: #212529;
14061
+ color: white;
14062
+ background-color: #212529;
14063
+ }
14064
+
14065
+ .k-button-solid.k-button-solid-dark:hover, .k-button-solid.k-button-solid-dark.k-state-hover {
14066
+ border-color: #0a0c0d;
14067
+ background-color: #101214;
14068
+ }
14069
+
14070
+ .k-button-solid.k-button-solid-dark:focus, .k-button-solid.k-button-solid-dark.k-state-focus {
14071
+ box-shadow: 0 0 0px 0.25rem rgba(33, 37, 41, 0.5);
14072
+ }
14073
+
14074
+ .k-button-solid.k-button-solid-dark:active, .k-button-solid.k-button-solid-dark.k-state-active {
14075
+ border-color: #050506;
14076
+ background-color: #0a0c0d;
14077
+ }
14078
+
14079
+ .k-button-solid.k-button-solid-dark.k-state-selected {
14080
+ border-color: #050506;
14081
+ background-color: #0a0c0d;
14082
+ }
14083
+
14084
+ .k-button-solid.k-button-solid-light {
14085
+ border-color: #f8f9fa;
14086
+ color: black;
14087
+ background-color: #f8f9fa;
14088
+ }
14089
+
14090
+ .k-button-solid.k-button-solid-light:hover, .k-button-solid.k-button-solid-light.k-state-hover {
14091
+ border-color: #dae0e5;
14092
+ background-color: #e2e6ea;
14093
+ }
14094
+
14095
+ .k-button-solid.k-button-solid-light:focus, .k-button-solid.k-button-solid-light.k-state-focus {
14096
+ box-shadow: 0 0 0px 0.25rem rgba(248, 249, 250, 0.5);
14097
+ }
14098
+
14099
+ .k-button-solid.k-button-solid-light:active, .k-button-solid.k-button-solid-light.k-state-active {
14100
+ border-color: #d3d9df;
14101
+ background-color: #dae0e5;
14102
+ }
14103
+
14104
+ .k-button-solid.k-button-solid-light.k-state-selected {
14105
+ border-color: #d3d9df;
14106
+ background-color: #dae0e5;
14107
+ }
14108
+
14109
+ .k-button-solid.k-button-solid-inverse {
14110
+ border-color: #212529;
14111
+ color: white;
14112
+ background-color: #212529;
14113
+ }
14114
+
14115
+ .k-button-solid.k-button-solid-inverse:hover, .k-button-solid.k-button-solid-inverse.k-state-hover {
14116
+ border-color: #0a0c0d;
14117
+ background-color: #101214;
14118
+ }
14119
+
14120
+ .k-button-solid.k-button-solid-inverse:focus, .k-button-solid.k-button-solid-inverse.k-state-focus {
14121
+ box-shadow: 0 0 0px 0.25rem rgba(33, 37, 41, 0.5);
14122
+ }
14123
+
14124
+ .k-button-solid.k-button-solid-inverse:active, .k-button-solid.k-button-solid-inverse.k-state-active {
14125
+ border-color: #050506;
14126
+ background-color: #0a0c0d;
14127
+ }
14128
+
14129
+ .k-button-solid.k-button-solid-inverse.k-state-selected {
14130
+ border-color: #050506;
14131
+ background-color: #0a0c0d;
14132
+ }
14133
+
13901
14134
  .k-split-button:focus,
13902
14135
  .k-split-button.k-state-focus,
13903
14136
  .k-split-button.k-state-focused {
13904
- box-shadow: 0 0 0 3px rgba(228, 231, 235, 0.5);
14137
+ box-shadow: 0 0 0 0.25rem rgba(228, 231, 235, 0.5);
13905
14138
  }
13906
14139
 
13907
14140
  .k-button-outline, .k-button.k-outline {
13908
14141
  box-shadow: none;
13909
14142
  border-color: currentColor;
13910
14143
  color: #212529;
13911
- background: none;
14144
+ background-color: transparent;
13912
14145
  }
13913
14146
 
13914
14147
  .k-button-outline:hover, .k-button.k-outline:hover, .k-button-outline.k-state-hover, .k-state-hover.k-button.k-outline {
@@ -13918,7 +14151,7 @@ kendo-badge-container {
13918
14151
  }
13919
14152
 
13920
14153
  .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 {
13921
- box-shadow: 0 0 0 3px rgba(228, 231, 235, 0.5);
14154
+ box-shadow: 0 0 0px 0.25rem rgba(33, 37, 41, 0.5);
13922
14155
  }
13923
14156
 
13924
14157
  .k-button-outline:active, .k-button.k-outline:active, .k-button-outline.k-state-active, .k-state-active.k-button.k-outline {
@@ -13933,37 +14166,316 @@ kendo-badge-container {
13933
14166
  background-color: #212529;
13934
14167
  }
13935
14168
 
13936
- .k-button-outline.k-primary, .k-primary.k-button.k-outline {
14169
+ .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 {
14170
+ box-shadow: none;
13937
14171
  border-color: currentColor;
13938
14172
  color: #0d6efd;
13939
- background: none;
13940
- box-shadow: none;
14173
+ background-color: transparent;
13941
14174
  }
13942
14175
 
13943
- .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 {
14176
+ .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 {
13944
14177
  border-color: #0d6efd;
13945
14178
  color: white;
13946
14179
  background-color: #0d6efd;
13947
14180
  }
13948
14181
 
13949
- .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 {
13950
- box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.5);
14182
+ .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 {
14183
+ box-shadow: 0 0 0px 0.25rem rgba(13, 110, 253, 0.5);
13951
14184
  }
13952
14185
 
13953
- .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 {
14186
+ .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 {
13954
14187
  border-color: #0d6efd;
13955
14188
  color: white;
13956
14189
  background-color: #0d6efd;
13957
14190
  box-shadow: none;
13958
14191
  }
13959
14192
 
13960
- .k-button-outline.k-primary.k-state-selected, .k-primary.k-state-selected.k-button.k-outline {
14193
+ .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 {
13961
14194
  border-color: #0d6efd;
13962
14195
  color: white;
13963
14196
  background-color: #0d6efd;
13964
14197
  box-shadow: none;
13965
14198
  }
13966
14199
 
14200
+ .k-button-outline.k-button-outline-secondary, .k-button-outline-secondary.k-button.k-outline {
14201
+ box-shadow: none;
14202
+ border-color: currentColor;
14203
+ color: #6c757d;
14204
+ background-color: transparent;
14205
+ }
14206
+
14207
+ .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 {
14208
+ border-color: #6c757d;
14209
+ color: white;
14210
+ background-color: #6c757d;
14211
+ }
14212
+
14213
+ .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 {
14214
+ box-shadow: 0 0 0px 0.25rem rgba(108, 117, 125, 0.5);
14215
+ }
14216
+
14217
+ .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 {
14218
+ border-color: #6c757d;
14219
+ color: white;
14220
+ background-color: #6c757d;
14221
+ box-shadow: none;
14222
+ }
14223
+
14224
+ .k-button-outline.k-button-outline-secondary.k-state-selected, .k-button-outline-secondary.k-state-selected.k-button.k-outline {
14225
+ border-color: #6c757d;
14226
+ color: white;
14227
+ background-color: #6c757d;
14228
+ box-shadow: none;
14229
+ }
14230
+
14231
+ .k-button-outline.k-button-outline-tertiary, .k-button-outline-tertiary.k-button.k-outline {
14232
+ box-shadow: none;
14233
+ border-color: currentColor;
14234
+ color: #6f42c1;
14235
+ background-color: transparent;
14236
+ }
14237
+
14238
+ .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 {
14239
+ border-color: #6f42c1;
14240
+ color: white;
14241
+ background-color: #6f42c1;
14242
+ }
14243
+
14244
+ .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 {
14245
+ box-shadow: 0 0 0px 0.25rem rgba(111, 66, 193, 0.5);
14246
+ }
14247
+
14248
+ .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 {
14249
+ border-color: #6f42c1;
14250
+ color: white;
14251
+ background-color: #6f42c1;
14252
+ box-shadow: none;
14253
+ }
14254
+
14255
+ .k-button-outline.k-button-outline-tertiary.k-state-selected, .k-button-outline-tertiary.k-state-selected.k-button.k-outline {
14256
+ border-color: #6f42c1;
14257
+ color: white;
14258
+ background-color: #6f42c1;
14259
+ box-shadow: none;
14260
+ }
14261
+
14262
+ .k-button-outline.k-button-outline-info, .k-button-outline-info.k-button.k-outline {
14263
+ box-shadow: none;
14264
+ border-color: currentColor;
14265
+ color: #0dcaf0;
14266
+ background-color: transparent;
14267
+ }
14268
+
14269
+ .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 {
14270
+ border-color: #0dcaf0;
14271
+ color: white;
14272
+ background-color: #0dcaf0;
14273
+ }
14274
+
14275
+ .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 {
14276
+ box-shadow: 0 0 0px 0.25rem rgba(13, 202, 240, 0.5);
14277
+ }
14278
+
14279
+ .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 {
14280
+ border-color: #0dcaf0;
14281
+ color: white;
14282
+ background-color: #0dcaf0;
14283
+ box-shadow: none;
14284
+ }
14285
+
14286
+ .k-button-outline.k-button-outline-info.k-state-selected, .k-button-outline-info.k-state-selected.k-button.k-outline {
14287
+ border-color: #0dcaf0;
14288
+ color: white;
14289
+ background-color: #0dcaf0;
14290
+ box-shadow: none;
14291
+ }
14292
+
14293
+ .k-button-outline.k-button-outline-success, .k-button-outline-success.k-button.k-outline {
14294
+ box-shadow: none;
14295
+ border-color: currentColor;
14296
+ color: #198754;
14297
+ background-color: transparent;
14298
+ }
14299
+
14300
+ .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 {
14301
+ border-color: #198754;
14302
+ color: white;
14303
+ background-color: #198754;
14304
+ }
14305
+
14306
+ .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 {
14307
+ box-shadow: 0 0 0px 0.25rem rgba(25, 135, 84, 0.5);
14308
+ }
14309
+
14310
+ .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 {
14311
+ border-color: #198754;
14312
+ color: white;
14313
+ background-color: #198754;
14314
+ box-shadow: none;
14315
+ }
14316
+
14317
+ .k-button-outline.k-button-outline-success.k-state-selected, .k-button-outline-success.k-state-selected.k-button.k-outline {
14318
+ border-color: #198754;
14319
+ color: white;
14320
+ background-color: #198754;
14321
+ box-shadow: none;
14322
+ }
14323
+
14324
+ .k-button-outline.k-button-outline-warning, .k-button-outline-warning.k-button.k-outline {
14325
+ box-shadow: none;
14326
+ border-color: currentColor;
14327
+ color: #ffc107;
14328
+ background-color: transparent;
14329
+ }
14330
+
14331
+ .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 {
14332
+ border-color: #ffc107;
14333
+ color: black;
14334
+ background-color: #ffc107;
14335
+ }
14336
+
14337
+ .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 {
14338
+ box-shadow: 0 0 0px 0.25rem rgba(255, 193, 7, 0.5);
14339
+ }
14340
+
14341
+ .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 {
14342
+ border-color: #ffc107;
14343
+ color: black;
14344
+ background-color: #ffc107;
14345
+ box-shadow: none;
14346
+ }
14347
+
14348
+ .k-button-outline.k-button-outline-warning.k-state-selected, .k-button-outline-warning.k-state-selected.k-button.k-outline {
14349
+ border-color: #ffc107;
14350
+ color: black;
14351
+ background-color: #ffc107;
14352
+ box-shadow: none;
14353
+ }
14354
+
14355
+ .k-button-outline.k-button-outline-error, .k-button-outline-error.k-button.k-outline {
14356
+ box-shadow: none;
14357
+ border-color: currentColor;
14358
+ color: #dc3545;
14359
+ background-color: transparent;
14360
+ }
14361
+
14362
+ .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 {
14363
+ border-color: #dc3545;
14364
+ color: white;
14365
+ background-color: #dc3545;
14366
+ }
14367
+
14368
+ .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 {
14369
+ box-shadow: 0 0 0px 0.25rem rgba(220, 53, 69, 0.5);
14370
+ }
14371
+
14372
+ .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 {
14373
+ border-color: #dc3545;
14374
+ color: white;
14375
+ background-color: #dc3545;
14376
+ box-shadow: none;
14377
+ }
14378
+
14379
+ .k-button-outline.k-button-outline-error.k-state-selected, .k-button-outline-error.k-state-selected.k-button.k-outline {
14380
+ border-color: #dc3545;
14381
+ color: white;
14382
+ background-color: #dc3545;
14383
+ box-shadow: none;
14384
+ }
14385
+
14386
+ .k-button-outline.k-button-outline-dark, .k-button-outline-dark.k-button.k-outline {
14387
+ box-shadow: none;
14388
+ border-color: currentColor;
14389
+ color: #212529;
14390
+ background-color: transparent;
14391
+ }
14392
+
14393
+ .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 {
14394
+ border-color: #212529;
14395
+ color: white;
14396
+ background-color: #212529;
14397
+ }
14398
+
14399
+ .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 {
14400
+ box-shadow: 0 0 0px 0.25rem rgba(33, 37, 41, 0.5);
14401
+ }
14402
+
14403
+ .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 {
14404
+ border-color: #212529;
14405
+ color: white;
14406
+ background-color: #212529;
14407
+ box-shadow: none;
14408
+ }
14409
+
14410
+ .k-button-outline.k-button-outline-dark.k-state-selected, .k-button-outline-dark.k-state-selected.k-button.k-outline {
14411
+ border-color: #212529;
14412
+ color: white;
14413
+ background-color: #212529;
14414
+ box-shadow: none;
14415
+ }
14416
+
14417
+ .k-button-outline.k-button-outline-light, .k-button-outline-light.k-button.k-outline {
14418
+ box-shadow: none;
14419
+ border-color: currentColor;
14420
+ color: #f8f9fa;
14421
+ background-color: transparent;
14422
+ }
14423
+
14424
+ .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 {
14425
+ border-color: #f8f9fa;
14426
+ color: black;
14427
+ background-color: #f8f9fa;
14428
+ }
14429
+
14430
+ .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 {
14431
+ box-shadow: 0 0 0px 0.25rem rgba(248, 249, 250, 0.5);
14432
+ }
14433
+
14434
+ .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 {
14435
+ border-color: #f8f9fa;
14436
+ color: black;
14437
+ background-color: #f8f9fa;
14438
+ box-shadow: none;
14439
+ }
14440
+
14441
+ .k-button-outline.k-button-outline-light.k-state-selected, .k-button-outline-light.k-state-selected.k-button.k-outline {
14442
+ border-color: #f8f9fa;
14443
+ color: black;
14444
+ background-color: #f8f9fa;
14445
+ box-shadow: none;
14446
+ }
14447
+
14448
+ .k-button-outline.k-button-outline-inverse, .k-button-outline-inverse.k-button.k-outline {
14449
+ box-shadow: none;
14450
+ border-color: currentColor;
14451
+ color: #212529;
14452
+ background-color: transparent;
14453
+ }
14454
+
14455
+ .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 {
14456
+ border-color: #212529;
14457
+ color: white;
14458
+ background-color: #212529;
14459
+ }
14460
+
14461
+ .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 {
14462
+ box-shadow: 0 0 0px 0.25rem rgba(33, 37, 41, 0.5);
14463
+ }
14464
+
14465
+ .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 {
14466
+ border-color: #212529;
14467
+ color: white;
14468
+ background-color: #212529;
14469
+ box-shadow: none;
14470
+ }
14471
+
14472
+ .k-button-outline.k-button-outline-inverse.k-state-selected, .k-button-outline-inverse.k-state-selected.k-button.k-outline {
14473
+ border-color: #212529;
14474
+ color: white;
14475
+ background-color: #212529;
14476
+ box-shadow: none;
14477
+ }
14478
+
13967
14479
  .k-button-flat, .k-button.k-flat,
13968
14480
  .k-button.k-bare, .k-button-flat:hover, .k-button.k-flat:hover,
13969
14481
  .k-button.k-bare:hover, .k-button-flat.k-state-hover, .k-state-hover.k-button.k-flat,
@@ -13975,17 +14487,310 @@ kendo-badge-container {
13975
14487
  color: inherit;
13976
14488
  }
13977
14489
 
13978
- .k-button-flat.k-primary, .k-primary.k-button.k-flat,
13979
- .k-primary.k-button.k-bare, .k-button-flat.k-primary:hover, .k-primary.k-button.k-flat:hover,
13980
- .k-primary.k-button.k-bare:hover, .k-button-flat.k-primary.k-state-hover, .k-primary.k-state-hover.k-button.k-flat,
13981
- .k-primary.k-state-hover.k-button.k-bare, .k-button-flat.k-primary:active, .k-primary.k-button.k-flat:active,
13982
- .k-primary.k-button.k-bare:active, .k-button-flat.k-primary.k-state-active, .k-primary.k-state-active.k-button.k-flat,
13983
- .k-primary.k-state-active.k-button.k-bare, .k-button-flat.k-primary:focus, .k-primary.k-button.k-flat:focus,
13984
- .k-primary.k-button.k-bare:focus, .k-button-flat.k-primary.k-state-focus, .k-primary.k-state-focus.k-button.k-flat,
13985
- .k-primary.k-state-focus.k-button.k-bare {
14490
+ .k-button-flat.k-button-flat-primary, .k-button-flat-primary.k-button.k-flat,
14491
+ .k-button-flat-primary.k-button.k-bare, .k-button-flat.k-primary, .k-primary.k-button.k-flat,
14492
+ .k-primary.k-button.k-bare, .k-button-flat.k-button-flat-primary:hover, .k-button-flat-primary.k-button.k-flat:hover,
14493
+ .k-button-flat-primary.k-button.k-bare:hover, .k-button-flat.k-primary:hover, .k-primary.k-button.k-flat:hover,
14494
+ .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,
14495
+ .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,
14496
+ .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,
14497
+ .k-button-flat-primary.k-button.k-bare:active, .k-button-flat.k-primary:active, .k-primary.k-button.k-flat:active,
14498
+ .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,
14499
+ .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,
14500
+ .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,
14501
+ .k-button-flat-primary.k-button.k-bare:focus, .k-button-flat.k-primary:focus, .k-primary.k-button.k-flat:focus,
14502
+ .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,
14503
+ .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,
14504
+ .k-state-focus.k-primary.k-button.k-bare {
13986
14505
  color: #0d6efd;
13987
14506
  }
13988
14507
 
14508
+ .k-button-flat.k-button-flat-secondary, .k-button-flat-secondary.k-button.k-flat,
14509
+ .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,
14510
+ .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,
14511
+ .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,
14512
+ .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,
14513
+ .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,
14514
+ .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,
14515
+ .k-button-flat-secondary.k-state-focus.k-button.k-bare {
14516
+ color: #6c757d;
14517
+ }
14518
+
14519
+ .k-button-flat.k-button-flat-tertiary, .k-button-flat-tertiary.k-button.k-flat,
14520
+ .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,
14521
+ .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,
14522
+ .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,
14523
+ .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,
14524
+ .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,
14525
+ .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,
14526
+ .k-button-flat-tertiary.k-state-focus.k-button.k-bare {
14527
+ color: #6f42c1;
14528
+ }
14529
+
14530
+ .k-button-flat.k-button-flat-info, .k-button-flat-info.k-button.k-flat,
14531
+ .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,
14532
+ .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,
14533
+ .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,
14534
+ .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,
14535
+ .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,
14536
+ .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,
14537
+ .k-button-flat-info.k-state-focus.k-button.k-bare {
14538
+ color: #0dcaf0;
14539
+ }
14540
+
14541
+ .k-button-flat.k-button-flat-success, .k-button-flat-success.k-button.k-flat,
14542
+ .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,
14543
+ .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,
14544
+ .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,
14545
+ .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,
14546
+ .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,
14547
+ .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,
14548
+ .k-button-flat-success.k-state-focus.k-button.k-bare {
14549
+ color: #198754;
14550
+ }
14551
+
14552
+ .k-button-flat.k-button-flat-warning, .k-button-flat-warning.k-button.k-flat,
14553
+ .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,
14554
+ .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,
14555
+ .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,
14556
+ .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,
14557
+ .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,
14558
+ .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,
14559
+ .k-button-flat-warning.k-state-focus.k-button.k-bare {
14560
+ color: #ffc107;
14561
+ }
14562
+
14563
+ .k-button-flat.k-button-flat-error, .k-button-flat-error.k-button.k-flat,
14564
+ .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,
14565
+ .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,
14566
+ .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,
14567
+ .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,
14568
+ .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,
14569
+ .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,
14570
+ .k-button-flat-error.k-state-focus.k-button.k-bare {
14571
+ color: #dc3545;
14572
+ }
14573
+
14574
+ .k-button-flat.k-button-flat-dark, .k-button-flat-dark.k-button.k-flat,
14575
+ .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,
14576
+ .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,
14577
+ .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,
14578
+ .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,
14579
+ .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,
14580
+ .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,
14581
+ .k-button-flat-dark.k-state-focus.k-button.k-bare {
14582
+ color: #212529;
14583
+ }
14584
+
14585
+ .k-button-flat.k-button-flat-light, .k-button-flat-light.k-button.k-flat,
14586
+ .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,
14587
+ .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,
14588
+ .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,
14589
+ .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,
14590
+ .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,
14591
+ .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,
14592
+ .k-button-flat-light.k-state-focus.k-button.k-bare {
14593
+ color: #f8f9fa;
14594
+ }
14595
+
14596
+ .k-button-flat.k-button-flat-inverse, .k-button-flat-inverse.k-button.k-flat,
14597
+ .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,
14598
+ .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,
14599
+ .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,
14600
+ .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,
14601
+ .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,
14602
+ .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,
14603
+ .k-button-flat-inverse.k-state-focus.k-button.k-bare {
14604
+ color: #212529;
14605
+ }
14606
+
14607
+ .k-button-link.k-button-link-primary {
14608
+ box-shadow: none;
14609
+ color: #0d6efd;
14610
+ }
14611
+
14612
+ .k-button-link.k-button-link-primary:hover, .k-button-link.k-button-link-primary.k-state-hover {
14613
+ color: #0b5cd5;
14614
+ }
14615
+
14616
+ .k-button-link.k-button-link-primary:focus, .k-button-link.k-button-link-primary.k-state-focus {
14617
+ box-shadow: 0 0 0px 0.25rem rgba(13, 110, 253, 0.5);
14618
+ }
14619
+
14620
+ .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 {
14621
+ color: #0b5cd5;
14622
+ }
14623
+
14624
+ .k-button-link.k-button-link-secondary {
14625
+ box-shadow: none;
14626
+ color: #6c757d;
14627
+ }
14628
+
14629
+ .k-button-link.k-button-link-secondary:hover, .k-button-link.k-button-link-secondary.k-state-hover {
14630
+ color: #5b6269;
14631
+ }
14632
+
14633
+ .k-button-link.k-button-link-secondary:focus, .k-button-link.k-button-link-secondary.k-state-focus {
14634
+ box-shadow: 0 0 0px 0.25rem rgba(108, 117, 125, 0.5);
14635
+ }
14636
+
14637
+ .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 {
14638
+ color: #5b6269;
14639
+ }
14640
+
14641
+ .k-button-link.k-button-link-tertiary {
14642
+ box-shadow: none;
14643
+ color: #6f42c1;
14644
+ }
14645
+
14646
+ .k-button-link.k-button-link-tertiary:hover, .k-button-link.k-button-link-tertiary.k-state-hover {
14647
+ color: #5d37a2;
14648
+ }
14649
+
14650
+ .k-button-link.k-button-link-tertiary:focus, .k-button-link.k-button-link-tertiary.k-state-focus {
14651
+ box-shadow: 0 0 0px 0.25rem rgba(111, 66, 193, 0.5);
14652
+ }
14653
+
14654
+ .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 {
14655
+ color: #5d37a2;
14656
+ }
14657
+
14658
+ .k-button-link.k-button-link-info {
14659
+ box-shadow: none;
14660
+ color: #0dcaf0;
14661
+ }
14662
+
14663
+ .k-button-link.k-button-link-info:hover, .k-button-link.k-button-link-info.k-state-hover {
14664
+ color: #0baaca;
14665
+ }
14666
+
14667
+ .k-button-link.k-button-link-info:focus, .k-button-link.k-button-link-info.k-state-focus {
14668
+ box-shadow: 0 0 0px 0.25rem rgba(13, 202, 240, 0.5);
14669
+ }
14670
+
14671
+ .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 {
14672
+ color: #0baaca;
14673
+ }
14674
+
14675
+ .k-button-link.k-button-link-success {
14676
+ box-shadow: none;
14677
+ color: #198754;
14678
+ }
14679
+
14680
+ .k-button-link.k-button-link-success:hover, .k-button-link.k-button-link-success.k-state-hover {
14681
+ color: #157147;
14682
+ }
14683
+
14684
+ .k-button-link.k-button-link-success:focus, .k-button-link.k-button-link-success.k-state-focus {
14685
+ box-shadow: 0 0 0px 0.25rem rgba(25, 135, 84, 0.5);
14686
+ }
14687
+
14688
+ .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 {
14689
+ color: #157147;
14690
+ }
14691
+
14692
+ .k-button-link.k-button-link-warning {
14693
+ box-shadow: none;
14694
+ color: #ffc107;
14695
+ }
14696
+
14697
+ .k-button-link.k-button-link-warning:hover, .k-button-link.k-button-link-warning.k-state-hover {
14698
+ color: #d6a206;
14699
+ }
14700
+
14701
+ .k-button-link.k-button-link-warning:focus, .k-button-link.k-button-link-warning.k-state-focus {
14702
+ box-shadow: 0 0 0px 0.25rem rgba(255, 193, 7, 0.5);
14703
+ }
14704
+
14705
+ .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 {
14706
+ color: #d6a206;
14707
+ }
14708
+
14709
+ .k-button-link.k-button-link-error {
14710
+ box-shadow: none;
14711
+ color: #dc3545;
14712
+ }
14713
+
14714
+ .k-button-link.k-button-link-error:hover, .k-button-link.k-button-link-error.k-state-hover {
14715
+ color: #b92d3a;
14716
+ }
14717
+
14718
+ .k-button-link.k-button-link-error:focus, .k-button-link.k-button-link-error.k-state-focus {
14719
+ box-shadow: 0 0 0px 0.25rem rgba(220, 53, 69, 0.5);
14720
+ }
14721
+
14722
+ .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 {
14723
+ color: #b92d3a;
14724
+ }
14725
+
14726
+ .k-button-link.k-button-link-dark {
14727
+ box-shadow: none;
14728
+ color: #212529;
14729
+ }
14730
+
14731
+ .k-button-link.k-button-link-dark:hover, .k-button-link.k-button-link-dark.k-state-hover {
14732
+ color: #1c1f22;
14733
+ }
14734
+
14735
+ .k-button-link.k-button-link-dark:focus, .k-button-link.k-button-link-dark.k-state-focus {
14736
+ box-shadow: 0 0 0px 0.25rem rgba(33, 37, 41, 0.5);
14737
+ }
14738
+
14739
+ .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 {
14740
+ color: #1c1f22;
14741
+ }
14742
+
14743
+ .k-button-link.k-button-link-light {
14744
+ box-shadow: none;
14745
+ color: #f8f9fa;
14746
+ }
14747
+
14748
+ .k-button-link.k-button-link-light:hover, .k-button-link.k-button-link-light.k-state-hover {
14749
+ color: #d0d1d2;
14750
+ }
14751
+
14752
+ .k-button-link.k-button-link-light:focus, .k-button-link.k-button-link-light.k-state-focus {
14753
+ box-shadow: 0 0 0px 0.25rem rgba(248, 249, 250, 0.5);
14754
+ }
14755
+
14756
+ .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 {
14757
+ color: #d0d1d2;
14758
+ }
14759
+
14760
+ .k-button-link.k-button-link-inverse {
14761
+ box-shadow: none;
14762
+ color: #212529;
14763
+ }
14764
+
14765
+ .k-button-link.k-button-link-inverse:hover, .k-button-link.k-button-link-inverse.k-state-hover {
14766
+ color: #1c1f22;
14767
+ }
14768
+
14769
+ .k-button-link.k-button-link-inverse:focus, .k-button-link.k-button-link-inverse.k-state-focus {
14770
+ box-shadow: 0 0 0px 0.25rem rgba(33, 37, 41, 0.5);
14771
+ }
14772
+
14773
+ .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 {
14774
+ color: #1c1f22;
14775
+ }
14776
+
14777
+ .k-button-link.k-button-link-base {
14778
+ box-shadow: none;
14779
+ color: #212529;
14780
+ }
14781
+
14782
+ .k-button-link.k-button-link-base:hover, .k-button-link.k-button-link-base.k-state-hover {
14783
+ color: #1c1f22;
14784
+ }
14785
+
14786
+ .k-button-link.k-button-link-base:focus, .k-button-link.k-button-link-base.k-state-focus {
14787
+ box-shadow: 0 0 0px 0.25rem rgba(33, 37, 41, 0.5);
14788
+ }
14789
+
14790
+ .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 {
14791
+ color: #1c1f22;
14792
+ }
14793
+
13989
14794
  .k-button-clear {
13990
14795
  color: inherit;
13991
14796
  }
@@ -14000,6 +14805,409 @@ kendo-badge-container {
14000
14805
  display: block;
14001
14806
  }
14002
14807
 
14808
+ .k-menu {
14809
+ border-width: 0px;
14810
+ border-style: solid;
14811
+ box-sizing: border-box;
14812
+ outline: 0;
14813
+ font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
14814
+ font-size: 1rem;
14815
+ line-height: 1.5;
14816
+ display: flex;
14817
+ flex-wrap: wrap;
14818
+ align-items: stretch;
14819
+ position: relative;
14820
+ cursor: default;
14821
+ -webkit-touch-callout: none;
14822
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
14823
+ }
14824
+
14825
+ .k-menu-item {
14826
+ box-sizing: border-box;
14827
+ border-width: 0;
14828
+ outline: 0;
14829
+ display: flex;
14830
+ flex-flow: column nowrap;
14831
+ flex: none;
14832
+ position: relative;
14833
+ -webkit-user-select: none;
14834
+ -ms-user-select: none;
14835
+ user-select: none;
14836
+ }
14837
+
14838
+ .k-menu-link {
14839
+ padding: 0.5rem 0.5rem;
14840
+ outline: 0;
14841
+ color: inherit;
14842
+ display: flex;
14843
+ flex-flow: row nowrap;
14844
+ flex: 1 1 auto;
14845
+ align-items: center;
14846
+ position: relative;
14847
+ white-space: nowrap;
14848
+ cursor: pointer;
14849
+ }
14850
+
14851
+ .k-menu-link > .k-icon:not(.k-menu-expand-arrow),
14852
+ .k-menu-link > .k-image,
14853
+ .k-menu-link > .k-sprite {
14854
+ margin-right: 0.5rem;
14855
+ }
14856
+
14857
+ .k-menu-link-text {
14858
+ flex: 1 1 auto;
14859
+ overflow: hidden;
14860
+ text-overflow: ellipsis;
14861
+ }
14862
+
14863
+ .k-menu-expand-arrow {
14864
+ margin-left: 0.5rem;
14865
+ margin-right: -0.5rem;
14866
+ display: inline-flex;
14867
+ flex-flow: row wrap;
14868
+ align-items: center;
14869
+ flex: none;
14870
+ position: relative;
14871
+ }
14872
+
14873
+ .k-menu-expand-arrow.k-i-arrow-60-left,
14874
+ .k-menu-expand-arrow.k-i-arrow-60-right {
14875
+ margin: 0;
14876
+ position: absolute;
14877
+ top: 50%;
14878
+ transform: translateY(-50%);
14879
+ }
14880
+
14881
+ .k-menu-expand-arrow.k-i-arrow-60-right {
14882
+ right: 0.5rem;
14883
+ }
14884
+
14885
+ .k-menu-expand-arrow.k-i-arrow-60-left {
14886
+ left: 0.5rem;
14887
+ }
14888
+
14889
+ .k-menu-horizontal {
14890
+ flex-direction: row;
14891
+ }
14892
+
14893
+ .k-menu-horizontal > .k-menu-item + .k-menu-item {
14894
+ margin-left: 0px;
14895
+ }
14896
+
14897
+ .k-menu-horizontal > .k-separator {
14898
+ margin: 0 0.25rem;
14899
+ width: 0;
14900
+ height: auto;
14901
+ border-width: 0 0 0 1px;
14902
+ border-style: solid;
14903
+ }
14904
+
14905
+ .k-menu-vertical {
14906
+ flex-direction: column;
14907
+ }
14908
+
14909
+ .k-menu-vertical > .k-menu-item + .k-menu-item {
14910
+ margin-top: 0px;
14911
+ }
14912
+
14913
+ .k-menu-vertical > .k-menu-item > .k-menu-link {
14914
+ padding: 0.25rem 1rem;
14915
+ padding-right: calc(2rem + 16px);
14916
+ }
14917
+
14918
+ .k-menu-vertical > .k-menu-item > .k-menu-link .k-menu-expand-arrow {
14919
+ margin: 0;
14920
+ position: absolute;
14921
+ top: 50%;
14922
+ transform: translateY(-50%);
14923
+ right: 0.5rem;
14924
+ }
14925
+
14926
+ .k-menu-vertical > .k-separator {
14927
+ margin: 0.25rem 0;
14928
+ height: 0;
14929
+ border-width: 1px 0 0;
14930
+ border-style: solid;
14931
+ border-color: #dee2e6;
14932
+ display: block;
14933
+ }
14934
+
14935
+ .k-menu-popup {
14936
+ border-width: 1px;
14937
+ border-style: solid;
14938
+ overflow: auto;
14939
+ max-height: 80vh;
14940
+ }
14941
+
14942
+ .k-menu-group {
14943
+ margin: 0;
14944
+ padding: 0;
14945
+ font-size: 1rem;
14946
+ line-height: 1.5;
14947
+ list-style: none;
14948
+ display: none;
14949
+ position: absolute;
14950
+ }
14951
+
14952
+ .k-menu-popup .k-menu-group {
14953
+ position: relative;
14954
+ display: flex;
14955
+ flex-direction: column;
14956
+ }
14957
+
14958
+ .k-menu-group .k-menu-item {
14959
+ font-size: 1rem;
14960
+ line-height: 1.5;
14961
+ }
14962
+
14963
+ .k-menu-group .k-menu-item + .k-menu-item {
14964
+ margin-top: 0px;
14965
+ }
14966
+
14967
+ .k-menu-group .k-menu-link {
14968
+ padding: 0.25rem 1rem;
14969
+ padding-right: calc(2rem + 16px);
14970
+ }
14971
+
14972
+ .k-menu-group .k-menu-link .k-menu-expand-arrow {
14973
+ margin: 0;
14974
+ position: absolute;
14975
+ top: 50%;
14976
+ transform: translateY(-50%);
14977
+ right: 0.5rem;
14978
+ }
14979
+
14980
+ .k-menu-group .k-separator {
14981
+ margin: 0.25rem 0;
14982
+ height: 0;
14983
+ border-width: 1px 0 0;
14984
+ border-style: solid;
14985
+ border-color: #dee2e6;
14986
+ display: block;
14987
+ }
14988
+
14989
+ .k-popups-wrapper {
14990
+ position: relative;
14991
+ border: 0;
14992
+ margin: 0;
14993
+ padding: 0;
14994
+ }
14995
+
14996
+ .k-context-menu {
14997
+ margin: 0;
14998
+ padding: 0;
14999
+ border-width: 1px;
15000
+ border-style: solid;
15001
+ }
15002
+
15003
+ .k-animation-container .k-context-menu.k-menu-horizontal {
15004
+ display: flex !important;
15005
+ flex-wrap: nowrap;
15006
+ }
15007
+
15008
+ .k-context-menu-popup {
15009
+ z-index: 12000;
15010
+ }
15011
+
15012
+ .k-context-menu-popup .k-context-menu {
15013
+ border-width: 0;
15014
+ }
15015
+
15016
+ .k-popup .k-context-menu,
15017
+ .k-context-menu-popup .k-context-menu {
15018
+ border-width: 0;
15019
+ }
15020
+
15021
+ .k-menu-scroll-wrapper {
15022
+ margin: 0;
15023
+ padding: 0;
15024
+ border: 0;
15025
+ position: relative;
15026
+ }
15027
+
15028
+ .k-menu-scroll-wrapper .k-menu {
15029
+ overflow: hidden;
15030
+ flex-wrap: nowrap;
15031
+ }
15032
+
15033
+ .k-menu-scroll-button {
15034
+ border-radius: 0;
15035
+ padding: 0;
15036
+ border-width: 0;
15037
+ border-color: inherit;
15038
+ color: inherit;
15039
+ background: inherit;
15040
+ position: absolute;
15041
+ }
15042
+
15043
+ .k-menu-scroll-button.k-scroll-left {
15044
+ top: 0;
15045
+ left: 0;
15046
+ height: 100%;
15047
+ width: 16px;
15048
+ border-right-width: 1px;
15049
+ }
15050
+
15051
+ .k-menu-scroll-button.k-scroll-right {
15052
+ top: 0;
15053
+ right: 0;
15054
+ height: 100%;
15055
+ width: 16px;
15056
+ border-left-width: 1px;
15057
+ }
15058
+
15059
+ .k-menu-scroll-button.k-scroll-up {
15060
+ top: 0;
15061
+ left: 0;
15062
+ width: 100%;
15063
+ height: 16px;
15064
+ border-bottom-width: 1px;
15065
+ }
15066
+
15067
+ .k-menu-scroll-button.k-scroll-down {
15068
+ bottom: 0;
15069
+ left: 0;
15070
+ width: 100%;
15071
+ height: 16px;
15072
+ border-top-width: 1px;
15073
+ }
15074
+
15075
+ .k-rtl .k-menu-link > .k-icon:not(.k-menu-expand-arrow),
15076
+ .k-rtl .k-menu-link > .k-image,
15077
+ .k-rtl .k-menu-link > .k-sprite,
15078
+ [dir="rtl"] .k-menu-link > .k-icon:not(.k-menu-expand-arrow),
15079
+ [dir="rtl"] .k-menu-link > .k-image,
15080
+ [dir="rtl"] .k-menu-link > .k-sprite {
15081
+ margin-left: 0.5rem;
15082
+ margin-right: 0;
15083
+ }
15084
+
15085
+ .k-rtl .k-menu-expand-arrow.k-i-arrow-60-down,
15086
+ [dir="rtl"] .k-menu-expand-arrow.k-i-arrow-60-down {
15087
+ margin-left: -0.5rem;
15088
+ margin-right: 0.5rem;
15089
+ }
15090
+
15091
+ .k-rtl .k-menu-horizontal > .k-menu-item + .k-menu-item,
15092
+ [dir="rtl"] .k-menu-horizontal > .k-menu-item + .k-menu-item {
15093
+ margin-right: 0px;
15094
+ margin-left: 0;
15095
+ }
15096
+
15097
+ .k-rtl .k-menu-vertical > .k-menu-item > .k-menu-link,
15098
+ [dir="rtl"] .k-menu-vertical > .k-menu-item > .k-menu-link {
15099
+ padding-right: 1rem;
15100
+ padding-left: calc(2rem + 16px);
15101
+ }
15102
+
15103
+ .k-rtl .k-menu-vertical > .k-menu-item > .k-menu-link .k-menu-expand-arrow,
15104
+ [dir="rtl"] .k-menu-vertical > .k-menu-item > .k-menu-link .k-menu-expand-arrow {
15105
+ right: auto;
15106
+ left: 0.5rem;
15107
+ }
15108
+
15109
+ .k-rtl .k-menu-group .k-menu-link,
15110
+ [dir="rtl"] .k-menu-group .k-menu-link {
15111
+ padding-right: 1rem;
15112
+ padding-left: calc(2rem + 16px);
15113
+ }
15114
+
15115
+ .k-rtl .k-menu-group .k-menu-link .k-menu-expand-arrow,
15116
+ [dir="rtl"] .k-menu-group .k-menu-link .k-menu-expand-arrow {
15117
+ right: auto;
15118
+ left: 0.5rem;
15119
+ }
15120
+
15121
+ .k-menu.k-menu-horizontal:not(.k-context-menu) {
15122
+ padding: 0.5rem;
15123
+ }
15124
+
15125
+ .k-menu.k-menu-vertical:not(.k-context-menu) {
15126
+ padding: 0.5rem 0;
15127
+ }
15128
+
15129
+ .k-menu-popup .k-menu-group, .k-menu-popup
15130
+ .k-menu-vertical {
15131
+ padding: 0;
15132
+ }
15133
+
15134
+ .k-context-menu-popup > .k-popup:not(.k-menu-popup) {
15135
+ padding: 0;
15136
+ }
15137
+
15138
+ .k-context-menu-popup .k-context-menu {
15139
+ border-radius: 0.25rem;
15140
+ }
15141
+
15142
+ .k-context-menu-popup .k-header {
15143
+ font-size: inherit;
15144
+ font-weight: inherit;
15145
+ }
15146
+
15147
+ .k-menu:not(.k-context-menu) {
15148
+ border-color: #dee2e6;
15149
+ color: #212529;
15150
+ background-color: #f8f9fa;
15151
+ }
15152
+
15153
+ .k-menu:not(.k-context-menu) > .k-item {
15154
+ color: rgba(33, 37, 41, 0.5);
15155
+ }
15156
+
15157
+ .k-menu:not(.k-context-menu) > .k-item:hover, .k-menu:not(.k-context-menu) > .k-item.k-state-hover {
15158
+ color: rgba(33, 37, 41, 0.7);
15159
+ }
15160
+
15161
+ .k-menu:not(.k-context-menu) > .k-item > .k-state-active, .k-menu:not(.k-context-menu) > .k-item.k-state-selected {
15162
+ color: rgba(33, 37, 41, 0.9);
15163
+ }
15164
+
15165
+ .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 {
15166
+ box-shadow: inset 0 0 0 3px rgba(33, 37, 41, 0.15);
15167
+ }
15168
+
15169
+ .k-menu-group,
15170
+ .k-menu.k-context-menu {
15171
+ border-color: #dee2e6;
15172
+ color: #212529;
15173
+ background-color: #ffffff;
15174
+ }
15175
+
15176
+ .k-menu-group .k-item:hover, .k-menu-group .k-item.k-state-hover,
15177
+ .k-menu.k-context-menu .k-item:hover,
15178
+ .k-menu.k-context-menu .k-item.k-state-hover {
15179
+ color: #212529;
15180
+ background-color: #e9ecef;
15181
+ }
15182
+
15183
+ .k-menu-group .k-item > .k-state-active, .k-menu-group .k-item.k-state-selected,
15184
+ .k-menu.k-context-menu .k-item > .k-state-active,
15185
+ .k-menu.k-context-menu .k-item.k-state-selected {
15186
+ color: white;
15187
+ background-color: #0d6efd;
15188
+ }
15189
+
15190
+ .k-menu-group .k-item:focus, .k-menu-group .k-item.k-state-focus, .k-menu-group .k-item.k-state-focused,
15191
+ .k-menu.k-context-menu .k-item:focus,
15192
+ .k-menu.k-context-menu .k-item.k-state-focus,
15193
+ .k-menu.k-context-menu .k-item.k-state-focused {
15194
+ box-shadow: inset 0 0 0 3px rgba(33, 37, 41, 0.15);
15195
+ }
15196
+
15197
+ .k-menu-scroll-button {
15198
+ border-color: #dee2e6;
15199
+ color: rgba(33, 37, 41, 0.5);
15200
+ background-color: #f8f9fa;
15201
+ }
15202
+
15203
+ .k-menu-scroll-button:hover {
15204
+ color: rgba(33, 37, 41, 0.7);
15205
+ }
15206
+
15207
+ .k-menu-scroll-button:hover::before {
15208
+ opacity: 0;
15209
+ }
15210
+
14003
15211
  .k-toolbar {
14004
15212
  margin: 0;
14005
15213
  padding: 0.5rem 0.5rem;
@@ -14174,6 +15382,7 @@ kendo-toolbar-renderer {
14174
15382
  .editorToolbarWindow.k-window-content .k-toolbar {
14175
15383
  padding: 0;
14176
15384
  border-width: 0;
15385
+ flex-shrink: 1;
14177
15386
  color: inherit;
14178
15387
  background: none;
14179
15388
  }
@@ -14226,6 +15435,7 @@ kendo-toolbar-renderer {
14226
15435
  .k-action-buttons,
14227
15436
  .k-columnmenu-actions, .k-form-buttons {
14228
15437
  padding: 0.5rem 0.5rem;
15438
+ box-sizing: border-box;
14229
15439
  border-width: 0px 0 0 0;
14230
15440
  border-style: solid;
14231
15441
  border-color: inherit;
@@ -14238,6 +15448,20 @@ kendo-toolbar-renderer {
14238
15448
  clear: both;
14239
15449
  }
14240
15450
 
15451
+ .k-actions *, .k-edit-buttons *, .k-action-buttons *, .k-columnmenu-actions *, .k-form-buttons *,
15452
+ .k-actions *::before,
15453
+ .k-edit-buttons *::before,
15454
+ .k-action-buttons *::before,
15455
+ .k-columnmenu-actions *::before,
15456
+ .k-form-buttons *::before,
15457
+ .k-actions *::after,
15458
+ .k-edit-buttons *::after,
15459
+ .k-action-buttons *::after,
15460
+ .k-columnmenu-actions *::after,
15461
+ .k-form-buttons *::after {
15462
+ box-sizing: border-box;
15463
+ }
15464
+
14241
15465
  .k-popup .k-actions, .k-popup .k-edit-buttons,
14242
15466
  .k-popup .k-action-buttons,
14243
15467
  .k-popup .k-columnmenu-actions, .k-popup .k-form-buttons {
@@ -14737,6 +15961,12 @@ kendo-label > .k-label {
14737
15961
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
14738
15962
  }
14739
15963
 
15964
+ .k-tooltip *,
15965
+ .k-tooltip *::before,
15966
+ .k-tooltip *::after {
15967
+ box-sizing: border-box;
15968
+ }
15969
+
14740
15970
  .k-tooltip-icon {
14741
15971
  margin-inline-end: 0.5rem;
14742
15972
  flex-shrink: 0;
@@ -14771,7 +16001,6 @@ kendo-label > .k-label {
14771
16001
  border-width: 0.4rem;
14772
16002
  border-style: solid;
14773
16003
  border-color: transparent;
14774
- box-sizing: border-box;
14775
16004
  position: absolute;
14776
16005
  pointer-events: none;
14777
16006
  }
@@ -14908,6 +16137,12 @@ kendo-label > .k-label {
14908
16137
  -webkit-appearance: none;
14909
16138
  }
14910
16139
 
16140
+ .k-textbox *,
16141
+ .k-textbox *::before,
16142
+ .k-textbox *::after {
16143
+ box-sizing: border-box;
16144
+ }
16145
+
14911
16146
  .k-textbox::-ms-clear {
14912
16147
  display: none;
14913
16148
  }
@@ -15025,6 +16260,12 @@ input.k-textbox {
15025
16260
  -webkit-appearance: none;
15026
16261
  }
15027
16262
 
16263
+ .k-textarea *,
16264
+ .k-textarea *::before,
16265
+ .k-textarea *::after {
16266
+ box-sizing: border-box;
16267
+ }
16268
+
15028
16269
  .k-textarea::-ms-clear {
15029
16270
  display: none;
15030
16271
  }
@@ -15192,11 +16433,20 @@ textarea.k-textarea {
15192
16433
 
15193
16434
  .k-listbox .k-list-scroller {
15194
16435
  width: 100%;
16436
+ height: inherit;
15195
16437
  border-width: 1px;
15196
16438
  border-style: solid;
15197
16439
  box-sizing: border-box;
15198
16440
  }
15199
16441
 
16442
+ .k-listbox .k-list-scroller .k-list-scroller {
16443
+ border-width: 0;
16444
+ }
16445
+
16446
+ .k-listbox .k-list-scroller .k-list {
16447
+ height: inherit;
16448
+ }
16449
+
15200
16450
  .k-listbox .k-drop-hint {
15201
16451
  border-top-width: 1px;
15202
16452
  border-top-style: solid;
@@ -15256,6 +16506,12 @@ textarea.k-textarea {
15256
16506
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
15257
16507
  }
15258
16508
 
16509
+ .k-progressbar *,
16510
+ .k-progressbar *::before,
16511
+ .k-progressbar *::after {
16512
+ box-sizing: border-box;
16513
+ }
16514
+
15259
16515
  .k-progressbar > .k-state-selected {
15260
16516
  border-width: 0;
15261
16517
  border-style: solid;
@@ -15684,41 +16940,16 @@ textarea.k-textarea {
15684
16940
  line-height: 1.5;
15685
16941
  background: none;
15686
16942
  display: inline-flex;
15687
- align-items: stretch;
16943
+ align-items: center;
15688
16944
  position: relative;
15689
16945
  -webkit-touch-callout: none;
15690
16946
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
15691
16947
  }
15692
16948
 
15693
- .k-slider .k-button {
15694
- height: 28px;
15695
- line-height: 28px;
15696
- margin: 0;
15697
- min-width: 0;
15698
- outline: 0;
15699
- padding: 0;
15700
- position: absolute;
15701
- width: 28px;
15702
- box-sizing: content-box;
15703
- }
15704
-
15705
- .k-slider .k-button .k-icon,
15706
- .k-slider .k-button .k-button-icon {
15707
- vertical-align: baseline;
15708
- line-height: 28px;
15709
- height: 100%;
15710
- }
15711
-
15712
- .k-slider .k-button-increase {
15713
- position: absolute;
15714
- right: 0;
15715
- top: 0;
15716
- }
15717
-
15718
- .k-slider .k-button-decrease {
15719
- position: absolute;
15720
- left: 0;
15721
- top: 0;
16949
+ .k-slider *,
16950
+ .k-slider *::before,
16951
+ .k-slider *::after {
16952
+ box-sizing: border-box;
15722
16953
  }
15723
16954
 
15724
16955
  .k-slider .k-label {
@@ -15755,29 +16986,27 @@ textarea.k-textarea {
15755
16986
  right: 0;
15756
16987
  }
15757
16988
 
15758
- .k-rtl .k-slider .k-button-increase, .k-slider.k-rtl .k-button-increase,
15759
- [dir="rtl"] .k-slider .k-button-increase, .k-slider[dir="rtl"] .k-button-increase {
15760
- left: 0;
15761
- right: auto;
15762
- }
15763
-
15764
- .k-rtl .k-slider .k-button-decrease, .k-slider.k-rtl .k-button-decrease,
15765
- [dir="rtl"] .k-slider .k-button-decrease, .k-slider[dir="rtl"] .k-button-decrease {
15766
- right: 0;
15767
- left: auto;
16989
+ .k-slider-wrap {
16990
+ width: 100%;
16991
+ height: 100%;
16992
+ display: flex;
16993
+ flex-flow: inherit;
16994
+ align-items: inherit;
16995
+ gap: inherit;
16996
+ position: relative;
15768
16997
  }
15769
16998
 
15770
16999
  .k-slider {
17000
+ width: min-content;
17001
+ height: min-content;
15771
17002
  gap: 7px;
15772
17003
  }
15773
17004
 
15774
- .k-slider > .k-button {
15775
- position: relative;
15776
- flex-shrink: 0;
15777
- align-self: center;
17005
+ .k-slider .k-button {
17006
+ flex: none;
15778
17007
  }
15779
17008
 
15780
- .k-slider > .k-slider-track-wrap {
17009
+ .k-slider .k-slider-track-wrap {
15781
17010
  flex: 1 1 auto;
15782
17011
  display: flex;
15783
17012
  flex-flow: inherit;
@@ -15785,114 +17014,118 @@ textarea.k-textarea {
15785
17014
  touch-action: none;
15786
17015
  }
15787
17016
 
15788
- .k-slider > .k-slider-track-wrap .k-slider-items {
17017
+ .k-slider .k-slider-track-wrap .k-slider-items {
17018
+ margin: 0;
17019
+ padding: 0;
17020
+ list-style: none;
15789
17021
  flex: 1 1 100%;
15790
17022
  display: flex;
15791
17023
  flex-flow: inherit;
15792
17024
  justify-content: space-between;
17025
+ -webkit-user-select: none;
17026
+ -ms-user-select: none;
17027
+ user-select: none;
15793
17028
  }
15794
17029
 
15795
- .k-slider > .k-slider-track-wrap .k-slider-items::after {
15796
- display: none;
15797
- }
15798
-
15799
- .k-slider > .k-slider-track-wrap .k-tick {
17030
+ .k-slider .k-slider-track-wrap .k-tick {
15800
17031
  flex: 0 0 1px;
15801
17032
  }
15802
17033
 
15803
- .k-slider > .k-slider-track-wrap .k-draghandle {
17034
+ .k-slider .k-slider-track-wrap .k-draghandle {
15804
17035
  position: absolute;
15805
17036
  }
15806
17037
 
15807
- .k-slider-horizontal > .k-slider-track-wrap .k-slider-track {
17038
+ .k-slider-horizontal .k-slider-track-wrap {
17039
+ height: 26px;
17040
+ }
17041
+
17042
+ .k-slider-horizontal .k-slider-track-wrap .k-slider-track {
15808
17043
  width: 100%;
15809
17044
  }
15810
17045
 
15811
- .k-slider-horizontal > .k-slider-track-wrap .k-draghandle {
17046
+ .k-slider-horizontal .k-slider-track-wrap .k-draghandle {
15812
17047
  top: 50%;
15813
17048
  transform: translate(-50%, -50%);
15814
17049
  }
15815
17050
 
15816
- .k-slider-horizontal > .k-slider-track-wrap .k-draghandle:focus,
15817
- .k-slider-horizontal > .k-slider-track-wrap .k-draghandle:active {
17051
+ .k-slider-horizontal .k-slider-track-wrap .k-draghandle:focus,
17052
+ .k-slider-horizontal .k-slider-track-wrap .k-draghandle:active {
15818
17053
  transform: translate(-50%, -50%) scale(1);
15819
17054
  }
15820
17055
 
15821
- .k-slider-horizontal > .k-slider-track-wrap .k-slider-selection {
17056
+ .k-slider-horizontal .k-slider-track-wrap .k-slider-selection {
15822
17057
  width: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%);
15823
17058
  left: calc(var(--kendo-slider-start, 0)*1%);
15824
17059
  }
15825
17060
 
15826
- .k-slider-horizontal > .k-slider-track-wrap .k-draghandle-start {
17061
+ .k-slider-horizontal .k-slider-track-wrap .k-draghandle-start {
15827
17062
  left: calc(var(--kendo-slider-start, 0)*1%);
15828
17063
  }
15829
17064
 
15830
- .k-slider-horizontal > .k-slider-track-wrap .k-draghandle-end {
17065
+ .k-slider-horizontal .k-slider-track-wrap .k-draghandle-end {
15831
17066
  left: calc(var(--kendo-slider-end, 0)*1%);
15832
17067
  }
15833
17068
 
15834
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-slider-selection {
17069
+ [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-slider-selection {
15835
17070
  left: unset;
15836
17071
  right: calc(var(--kendo-slider-start, 0)*1%);
15837
17072
  }
15838
17073
 
15839
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle-start {
17074
+ [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle-start {
15840
17075
  left: unset;
15841
17076
  right: calc(var(--kendo-slider-start, 0)*1%);
15842
17077
  }
15843
17078
 
15844
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle-end {
17079
+ [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle-end {
15845
17080
  left: unset;
15846
17081
  right: calc(var(--kendo-slider-end, 0)*1%);
15847
17082
  }
15848
17083
 
15849
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle {
17084
+ [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle {
15850
17085
  transform: translate(50%, -50%);
15851
17086
  }
15852
17087
 
15853
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle:focus,
15854
- [dir="rtl"] .k-slider-horizontal > .k-slider-track-wrap .k-draghandle:active {
17088
+ [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle:focus,
17089
+ [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle:active {
15855
17090
  transform: translate(50%, -50%) scale(1);
15856
17091
  }
15857
17092
 
15858
- .k-slider-vertical > .k-slider-track-wrap .k-slider-track {
17093
+ .k-slider-vertical .k-slider-track-wrap {
17094
+ width: 26px;
17095
+ }
17096
+
17097
+ .k-slider-vertical .k-slider-track-wrap .k-slider-track {
15859
17098
  height: 100%;
15860
17099
  }
15861
17100
 
15862
- .k-slider-vertical > .k-slider-track-wrap .k-draghandle {
17101
+ .k-slider-vertical .k-slider-track-wrap .k-draghandle {
15863
17102
  left: 50%;
15864
17103
  transform: translate(-50%, 50%);
15865
17104
  }
15866
17105
 
15867
- .k-slider-vertical > .k-slider-track-wrap .k-draghandle:focus,
15868
- .k-slider-vertical > .k-slider-track-wrap .k-draghandle:active {
17106
+ .k-slider-vertical .k-slider-track-wrap .k-draghandle:focus,
17107
+ .k-slider-vertical .k-slider-track-wrap .k-draghandle:active {
15869
17108
  transform: translate(-50%, 50%) scale(1);
15870
17109
  }
15871
17110
 
15872
- .k-slider-vertical > .k-slider-track-wrap .k-slider-selection {
17111
+ .k-slider-vertical .k-slider-track-wrap .k-slider-selection {
15873
17112
  bottom: calc(var(--kendo-slider-start, 0)*1%);
15874
17113
  height: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%);
15875
17114
  }
15876
17115
 
15877
- .k-slider-vertical > .k-slider-track-wrap .k-draghandle-start {
17116
+ .k-slider-vertical .k-slider-track-wrap .k-draghandle-start {
15878
17117
  bottom: calc(var(--kendo-slider-start, 0)*1%);
15879
17118
  }
15880
17119
 
15881
- .k-slider-vertical > .k-slider-track-wrap .k-draghandle-end {
17120
+ .k-slider-vertical .k-slider-track-wrap .k-draghandle-end {
15882
17121
  bottom: calc(var(--kendo-slider-end, 0)*1%);
15883
17122
  }
15884
17123
 
15885
17124
  .k-slider-vertical {
15886
17125
  height: 200px;
15887
- width: 30px;
15888
17126
  flex-flow: column-reverse nowrap;
15889
17127
  }
15890
17128
 
15891
- .k-slider-vertical .k-button-decrease {
15892
- bottom: 0;
15893
- top: auto;
15894
- }
15895
-
15896
17129
  .k-slider-vertical .k-tick {
15897
17130
  text-align: right;
15898
17131
  margin-left: 2px;
@@ -15903,77 +17136,77 @@ textarea.k-textarea {
15903
17136
  }
15904
17137
 
15905
17138
  .k-slider-vertical .k-tick {
15906
- background-position: -92px center;
17139
+ background-position: -94px center;
15907
17140
  }
15908
17141
 
15909
17142
  .k-slider-vertical .k-slider-topleft .k-tick {
15910
- background-position: -122px center;
17143
+ background-position: -124px center;
15911
17144
  }
15912
17145
 
15913
17146
  .k-slider-vertical .k-slider-bottomright .k-tick {
15914
- background-position: -152px center;
17147
+ background-position: -154px center;
15915
17148
  }
15916
17149
 
15917
17150
  .k-slider-vertical .k-tick-large {
15918
17151
  display: flex;
15919
17152
  align-items: center;
15920
- background-position: -2px center;
17153
+ background-position: -4px center;
15921
17154
  }
15922
17155
 
15923
17156
  .k-slider-vertical .k-slider-topleft .k-tick-large {
15924
- background-position: -32px center;
17157
+ background-position: -34px center;
15925
17158
  }
15926
17159
 
15927
17160
  .k-slider-vertical .k-slider-bottomright .k-tick-large {
15928
- background-position: -62px center;
17161
+ background-position: -64px center;
15929
17162
  }
15930
17163
 
15931
17164
  .k-slider-vertical .k-first {
15932
- background-position: -92px 100%;
17165
+ background-position: -94px 100%;
15933
17166
  }
15934
17167
 
15935
17168
  .k-slider-vertical .k-tick-large.k-first {
15936
- background-position: -2px 100%;
17169
+ background-position: -4px 100%;
15937
17170
  }
15938
17171
 
15939
17172
  .k-slider-vertical .k-slider-topleft .k-first {
15940
- background-position: -122px 100%;
17173
+ background-position: -124px 100%;
15941
17174
  }
15942
17175
 
15943
17176
  .k-slider-vertical .k-slider-topleft .k-tick-large.k-first {
15944
- background-position: -32px 100%;
17177
+ background-position: -34px 100%;
15945
17178
  }
15946
17179
 
15947
17180
  .k-slider-vertical .k-slider-bottomright .k-first {
15948
- background-position: -152px 100%;
17181
+ background-position: -154px 100%;
15949
17182
  }
15950
17183
 
15951
17184
  .k-slider-vertical .k-slider-bottomright .k-tick-large.k-first {
15952
- background-position: -62px 100%;
17185
+ background-position: -64px 100%;
15953
17186
  }
15954
17187
 
15955
17188
  .k-slider-vertical .k-last {
15956
- background-position: -92px 0;
17189
+ background-position: -94px 0;
15957
17190
  }
15958
17191
 
15959
17192
  .k-slider-vertical .k-tick-large.k-last {
15960
- background-position: -2px 0;
17193
+ background-position: -4px 0;
15961
17194
  }
15962
17195
 
15963
17196
  .k-slider-vertical .k-slider-topleft .k-last {
15964
- background-position: -122px 0;
17197
+ background-position: -124px 0;
15965
17198
  }
15966
17199
 
15967
17200
  .k-slider-vertical .k-slider-topleft .k-tick-large.k-last {
15968
- background-position: -32px 0;
17201
+ background-position: -34px 0;
15969
17202
  }
15970
17203
 
15971
17204
  .k-slider-vertical .k-slider-bottomright .k-last {
15972
- background-position: -152px 0;
17205
+ background-position: -154px 0;
15973
17206
  }
15974
17207
 
15975
17208
  .k-slider-vertical .k-slider-bottomright .k-tick-large.k-last {
15976
- background-position: -62px 0;
17209
+ background-position: -64px 0;
15977
17210
  }
15978
17211
 
15979
17212
  .k-slider-vertical .k-label {
@@ -16009,17 +17242,10 @@ textarea.k-textarea {
16009
17242
  }
16010
17243
 
16011
17244
  .k-slider-horizontal {
16012
- height: 30px;
16013
17245
  width: 200px;
16014
17246
  flex-flow: row nowrap;
16015
17247
  }
16016
17248
 
16017
- .k-slider-horizontal .k-tick {
16018
- float: left;
16019
- height: 100%;
16020
- text-align: center;
16021
- }
16022
-
16023
17249
  .k-slider-horizontal .k-tick {
16024
17250
  background-position: center -92px;
16025
17251
  }
@@ -16120,11 +17346,6 @@ textarea.k-textarea {
16120
17346
  left: auto;
16121
17347
  }
16122
17348
 
16123
- .k-rtl .k-slider-horizontal .k-slider-buttons .k-slider-track, .k-slider-horizontal.k-rtl .k-slider-buttons .k-slider-track,
16124
- [dir="rtl"] .k-slider-horizontal .k-slider-buttons .k-slider-track, .k-slider-horizontal[dir="rtl"] .k-slider-buttons .k-slider-track {
16125
- right: 38px;
16126
- }
16127
-
16128
17349
  .k-rtl .k-slider-horizontal .k-button .k-i-arrow-e,
16129
17350
  .k-rtl .k-slider-horizontal .k-button .k-i-arrow-w, .k-slider-horizontal.k-rtl .k-button .k-i-arrow-e,
16130
17351
  .k-slider-horizontal.k-rtl .k-button .k-i-arrow-w,
@@ -16134,11 +17355,6 @@ textarea.k-textarea {
16134
17355
  transform: scaleX(-1);
16135
17356
  }
16136
17357
 
16137
- .k-slider-wrap {
16138
- height: 100%;
16139
- width: 100%;
16140
- }
16141
-
16142
17358
  .k-slider-track,
16143
17359
  .k-slider-selection {
16144
17360
  margin: 0;
@@ -16162,14 +17378,6 @@ textarea.k-textarea {
16162
17378
  width: 4px;
16163
17379
  }
16164
17380
 
16165
- .k-slider-horizontal .k-slider-buttons .k-slider-track {
16166
- left: 38px;
16167
- }
16168
-
16169
- .k-slider-vertical .k-slider-buttons .k-slider-track {
16170
- bottom: 38px;
16171
- }
16172
-
16173
17381
  .k-draghandle {
16174
17382
  background-color: transparent;
16175
17383
  background-repeat: no-repeat;
@@ -16179,29 +17387,10 @@ textarea.k-textarea {
16179
17387
  position: absolute;
16180
17388
  text-align: center;
16181
17389
  text-decoration: none;
16182
- box-sizing: content-box;
16183
17390
  width: 14px;
16184
17391
  height: 14px;
16185
17392
  }
16186
17393
 
16187
- .k-slider-horizontal .k-draghandle {
16188
- top: 50%;
16189
- transform: translateY(-50%);
16190
- }
16191
-
16192
- .k-slider-horizontal .k-draghandle:active, .k-slider-horizontal .k-draghandle.k-pressed {
16193
- transform: translateY(-50%) scale(1);
16194
- }
16195
-
16196
- .k-slider-vertical .k-draghandle {
16197
- left: 50%;
16198
- transform: translateX(-50%);
16199
- }
16200
-
16201
- .k-slider-vertical .k-draghandle:active, .k-slider-vertical .k-draghandle.k-pressed {
16202
- transform: translateX(-50%) scale(1);
16203
- }
16204
-
16205
17394
  .k-slider-transitions.k-slider-horizontal .k-draghandle {
16206
17395
  transition: left 0.3s ease-out, background-color 0.3s ease-out, transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
16207
17396
  }
@@ -16226,35 +17415,11 @@ textarea.k-textarea {
16226
17415
  transition: none;
16227
17416
  }
16228
17417
 
16229
- .k-slider-items {
16230
- -webkit-user-select: none;
16231
- -ms-user-select: none;
16232
- user-select: none;
16233
- }
16234
-
16235
- .k-slider-buttons .k-slider-items {
16236
- margin-left: 38px;
16237
- }
16238
-
16239
- .k-slider-horizontal .k-slider-items {
16240
- height: 100%;
16241
- padding: 2px 0;
16242
- box-sizing: border-box;
16243
- }
16244
-
16245
- .k-slider-vertical .k-slider-items {
16246
- padding-top: 1px;
16247
- }
16248
-
16249
- .k-slider-vertical .k-slider-buttons .k-slider-items {
16250
- margin: 0;
16251
- padding-top: 38px;
16252
- }
16253
-
16254
- .k-slider-items::after {
16255
- content: "";
16256
- display: block;
16257
- clear: both;
17418
+ .k-slider.k-readonly .k-button,
17419
+ .k-slider.k-readonly .k-slider-track,
17420
+ .k-slider.k-readonly .k-tick,
17421
+ .k-slider.k-readonly .k-draghandle {
17422
+ pointer-events: none;
16258
17423
  }
16259
17424
 
16260
17425
  .k-slider-tooltip .k-callout-n,
@@ -16267,6 +17432,20 @@ textarea.k-textarea {
16267
17432
  margin-top: -0.2rem;
16268
17433
  }
16269
17434
 
17435
+ .k-slider kendo-resize-sensor {
17436
+ position: absolute;
17437
+ }
17438
+
17439
+ .k-slider-horizontal .k-slider-wrap:not(.k-slider-buttons) {
17440
+ padding-left: 7px;
17441
+ padding-right: 7px;
17442
+ }
17443
+
17444
+ .k-slider-vertical .k-slider-wrap:not(.k-slider-buttons) {
17445
+ padding-top: 7px;
17446
+ padding-bottom: 7px;
17447
+ }
17448
+
16270
17449
  .k-slider {
16271
17450
  color: #212529;
16272
17451
  }
@@ -16297,26 +17476,20 @@ textarea.k-textarea {
16297
17476
 
16298
17477
  .k-slider .k-draghandle:hover {
16299
17478
  border-color: #0257d5;
16300
- color: white;
16301
17479
  background-color: #025ce2;
16302
17480
  }
16303
17481
 
16304
17482
  .k-slider .k-draghandle:active, .k-slider .k-draghandle.k-pressed {
16305
17483
  border-color: #0252c9;
16306
- color: white;
16307
17484
  background-color: #0257d5;
16308
17485
  }
16309
17486
 
16310
17487
  .k-slider .k-draghandle:focus, .k-slider .k-draghandle.k-state-focused {
16311
- box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.5);
17488
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
16312
17489
  }
16313
17490
 
16314
17491
  .k-slider.k-state-focused .k-draghandle {
16315
- box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.5);
16316
- }
16317
-
16318
- .k-slider .k-slider-wrap:focus {
16319
- outline: none;
17492
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
16320
17493
  }
16321
17494
 
16322
17495
  .k-slider-horizontal .k-tick {
@@ -16775,7 +17948,7 @@ textarea.k-textarea {
16775
17948
  }
16776
17949
 
16777
17950
  .k-calendar .k-calendar-view .k-today.k-state-focused .k-link {
16778
- box-shadow: inset 0 0 0 1px #0d6efd, inset 0 0 0 3px rgba(228, 231, 235, 0.5);
17951
+ box-shadow: inset 0 0 0 1px #0d6efd, inset 0 0 0 0.25rem rgba(228, 231, 235, 0.5);
16779
17952
  }
16780
17953
 
16781
17954
  .k-calendar .k-other-month {
@@ -16814,7 +17987,7 @@ textarea.k-textarea {
16814
17987
 
16815
17988
  .k-calendar .k-calendar-td.k-state-focused .k-link,
16816
17989
  .k-calendar .k-calendar-td.k-state-focus .k-link {
16817
- box-shadow: inset 0 0 0 3px rgba(228, 231, 235, 0.5);
17990
+ box-shadow: inset 0 0 0 0.25rem rgba(228, 231, 235, 0.5);
16818
17991
  }
16819
17992
 
16820
17993
  .k-calendar .k-calendar-td.k-state-selected.k-state-focused .k-link,
@@ -17028,6 +18201,7 @@ textarea.k-textarea {
17028
18201
  flex: 1;
17029
18202
  position: relative;
17030
18203
  z-index: 1;
18204
+ outline: 0;
17031
18205
  overflow: hidden;
17032
18206
  }
17033
18207
 
@@ -17173,6 +18347,12 @@ textarea.k-textarea {
17173
18347
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
17174
18348
  }
17175
18349
 
18350
+ .k-autocomplete *,
18351
+ .k-autocomplete *::before,
18352
+ .k-autocomplete *::after {
18353
+ box-sizing: border-box;
18354
+ }
18355
+
17176
18356
  .k-autocomplete .k-i-loading {
17177
18357
  width: calc(16px + 0.75rem);
17178
18358
  height: 2.25rem;
@@ -17221,6 +18401,12 @@ textarea.k-textarea {
17221
18401
  gap: 0.5rem;
17222
18402
  }
17223
18403
 
18404
+ .k-captcha *,
18405
+ .k-captcha *::before,
18406
+ .k-captcha *::after {
18407
+ box-sizing: border-box;
18408
+ }
18409
+
17224
18410
  .k-captcha-image-wrap {
17225
18411
  position: relative;
17226
18412
  gap: 0.5rem;
@@ -17281,6 +18467,12 @@ textarea.k-textarea {
17281
18467
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
17282
18468
  }
17283
18469
 
18470
+ .k-colorpalette *,
18471
+ .k-colorpalette *::before,
18472
+ .k-colorpalette *::after {
18473
+ box-sizing: border-box;
18474
+ }
18475
+
17284
18476
  .k-colorpalette-table {
17285
18477
  width: 100%;
17286
18478
  height: 100%;
@@ -17341,6 +18533,12 @@ textarea.k-textarea {
17341
18533
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
17342
18534
  }
17343
18535
 
18536
+ .k-numerictextbox *,
18537
+ .k-numerictextbox *::before,
18538
+ .k-numerictextbox *::after {
18539
+ box-sizing: border-box;
18540
+ }
18541
+
17344
18542
  .k-numerictextbox .k-input {
17345
18543
  text-overflow: clip;
17346
18544
  }
@@ -17350,7 +18548,6 @@ textarea.k-textarea {
17350
18548
  border-width: 0;
17351
18549
  border-inline-start-width: 1px;
17352
18550
  border-style: solid;
17353
- box-sizing: border-box;
17354
18551
  outline: 0;
17355
18552
  display: flex;
17356
18553
  flex-direction: column;
@@ -17364,7 +18561,6 @@ textarea.k-textarea {
17364
18561
  .k-numerictextbox .k-link {
17365
18562
  padding: 0 0.375rem;
17366
18563
  min-width: calc(16px + 0.75rem);
17367
- box-sizing: border-box;
17368
18564
  flex: 1 1 auto;
17369
18565
  display: block;
17370
18566
  overflow: hidden;
@@ -17458,6 +18654,12 @@ textarea.k-textarea {
17458
18654
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
17459
18655
  }
17460
18656
 
18657
+ .k-colorgradient *,
18658
+ .k-colorgradient *::before,
18659
+ .k-colorgradient *::after {
18660
+ box-sizing: border-box;
18661
+ }
18662
+
17461
18663
  .k-colorgradient-canvas {
17462
18664
  gap: 0.75rem;
17463
18665
  }
@@ -17541,10 +18743,6 @@ textarea.k-textarea {
17541
18743
  z-index: 1;
17542
18744
  }
17543
18745
 
17544
- .k-colorgradient-slider .k-slider-wrap > .k-slider-track {
17545
- height: 180px;
17546
- }
17547
-
17548
18746
  .k-colorgradient-slider .k-slider-selection {
17549
18747
  display: none;
17550
18748
  }
@@ -17685,6 +18883,12 @@ textarea.k-textarea {
17685
18883
  align-items: stretch;
17686
18884
  }
17687
18885
 
18886
+ .k-coloreditor *,
18887
+ .k-coloreditor *::before,
18888
+ .k-coloreditor *::after {
18889
+ box-sizing: border-box;
18890
+ }
18891
+
17688
18892
  .k-coloreditor-header {
17689
18893
  padding: 1rem 1rem 0;
17690
18894
  }
@@ -17769,13 +18973,18 @@ textarea.k-textarea {
17769
18973
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
17770
18974
  }
17771
18975
 
18976
+ .k-colorpicker *,
18977
+ .k-colorpicker *::before,
18978
+ .k-colorpicker *::after {
18979
+ box-sizing: border-box;
18980
+ }
18981
+
17772
18982
  .k-colorpicker .k-selected-color {
17773
18983
  margin: 0.375rem;
17774
18984
  width: 1.5em;
17775
18985
  height: 1.5em;
17776
18986
  border-width: 1px;
17777
18987
  border-style: solid;
17778
- box-sizing: border-box;
17779
18988
  background-clip: content-box;
17780
18989
  line-height: 0;
17781
18990
  position: relative;
@@ -17796,7 +19005,6 @@ textarea.k-textarea {
17796
19005
  border-width: 0;
17797
19006
  border-style: solid;
17798
19007
  border-color: inherit;
17799
- box-sizing: border-box;
17800
19008
  font-size: inherit;
17801
19009
  text-align: center;
17802
19010
  flex-direction: column;
@@ -17825,7 +19033,6 @@ textarea.k-textarea {
17825
19033
  border-inline-start-width: 1px;
17826
19034
  border-style: solid;
17827
19035
  border-color: transparent;
17828
- box-sizing: border-box;
17829
19036
  display: flex;
17830
19037
  align-items: center;
17831
19038
  justify-content: center;
@@ -17863,13 +19070,13 @@ textarea.k-textarea {
17863
19070
  .k-colorpicker:focus, .k-colorpicker.k-state-focus {
17864
19071
  border-color: #bfc6d0;
17865
19072
  background-color: #c7cdd5;
17866
- box-shadow: 0 0 0 3px rgba(228, 231, 235, 0.5);
19073
+ box-shadow: 0 0 0 0.25rem rgba(228, 231, 235, 0.5);
17867
19074
  }
17868
19075
 
17869
19076
  .k-colorpicker:focus-within {
17870
19077
  border-color: #bfc6d0;
17871
19078
  background-color: #c7cdd5;
17872
- box-shadow: 0 0 0 3px rgba(228, 231, 235, 0.5);
19079
+ box-shadow: 0 0 0 0.25rem rgba(228, 231, 235, 0.5);
17873
19080
  }
17874
19081
 
17875
19082
  .k-colorpicker.k-invalid, .k-colorpicker.ng-invalid, .k-colorpicker.k-state-invalid {
@@ -17906,6 +19113,12 @@ textarea.k-textarea {
17906
19113
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
17907
19114
  }
17908
19115
 
19116
+ .k-dateinput *,
19117
+ .k-dateinput *::before,
19118
+ .k-dateinput *::after {
19119
+ box-sizing: border-box;
19120
+ }
19121
+
17909
19122
  .k-dateinput .k-select {
17910
19123
  padding: 0;
17911
19124
  border-width: 0;
@@ -17924,7 +19137,7 @@ textarea.k-textarea {
17924
19137
 
17925
19138
  .k-dateinput .k-link {
17926
19139
  padding: 0 0.375rem;
17927
- min-width: 16px;
19140
+ min-width: calc(16px + 0.75rem);
17928
19141
  flex: 1 1 auto;
17929
19142
  display: block;
17930
19143
  overflow: hidden;
@@ -18031,6 +19244,12 @@ textarea.k-textarea {
18031
19244
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
18032
19245
  }
18033
19246
 
19247
+ .k-datepicker *,
19248
+ .k-datepicker *::before,
19249
+ .k-datepicker *::after {
19250
+ box-sizing: border-box;
19251
+ }
19252
+
18034
19253
  .k-datepicker .k-select {
18035
19254
  padding: 0.375rem 0.375rem;
18036
19255
  border-width: 0;
@@ -18122,12 +19341,17 @@ textarea.k-textarea {
18122
19341
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
18123
19342
  }
18124
19343
 
19344
+ .k-timepicker *,
19345
+ .k-timepicker *::before,
19346
+ .k-timepicker *::after {
19347
+ box-sizing: border-box;
19348
+ }
19349
+
18125
19350
  .k-timepicker .k-select {
18126
19351
  padding: 0.375rem 0.375rem;
18127
19352
  border-width: 0;
18128
19353
  border-inline-start-width: 1px;
18129
19354
  border-style: solid;
18130
- box-sizing: border-box;
18131
19355
  outline: 0;
18132
19356
  display: flex;
18133
19357
  flex-flow: row nowrap;
@@ -18213,11 +19437,16 @@ textarea.k-textarea {
18213
19437
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
18214
19438
  }
18215
19439
 
19440
+ .k-datetimepicker *,
19441
+ .k-datetimepicker *::before,
19442
+ .k-datetimepicker *::after {
19443
+ box-sizing: border-box;
19444
+ }
19445
+
18216
19446
  .k-datetimepicker .k-select {
18217
19447
  border-width: 0;
18218
19448
  border-inline-start-width: 1px;
18219
19449
  border-style: solid;
18220
- box-sizing: border-box;
18221
19450
  outline: 0;
18222
19451
  display: flex;
18223
19452
  align-items: stretch;
@@ -18236,7 +19465,6 @@ textarea.k-textarea {
18236
19465
  display: flex;
18237
19466
  align-items: center;
18238
19467
  justify-content: center;
18239
- box-sizing: border-box;
18240
19468
  }
18241
19469
 
18242
19470
  .k-datetime-popup .k-datetime-wrap,
@@ -18357,6 +19585,12 @@ textarea.k-textarea {
18357
19585
  gap: 0.5rem;
18358
19586
  }
18359
19587
 
19588
+ .k-daterangepicker *,
19589
+ .k-daterangepicker *::before,
19590
+ .k-daterangepicker *::after {
19591
+ box-sizing: border-box;
19592
+ }
19593
+
18360
19594
  .k-daterangepicker-wrap {
18361
19595
  display: inherit;
18362
19596
  flex-flow: inherit;
@@ -18672,6 +19906,14 @@ textarea.k-textarea {
18672
19906
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
18673
19907
  }
18674
19908
 
19909
+ .k-dropdown *, .k-dropdowntree *,
19910
+ .k-dropdown *::before,
19911
+ .k-dropdowntree *::before,
19912
+ .k-dropdown *::after,
19913
+ .k-dropdowntree *::after {
19914
+ box-sizing: border-box;
19915
+ }
19916
+
18675
19917
  .k-dropdown .k-i-loading, .k-dropdowntree .k-i-loading {
18676
19918
  width: calc(16px + 0.75rem);
18677
19919
  height: 2.25rem;
@@ -18683,7 +19925,6 @@ textarea.k-textarea {
18683
19925
  border-inline-start-width: 1px;
18684
19926
  border-style: solid;
18685
19927
  border-color: transparent;
18686
- box-sizing: border-box;
18687
19928
  outline: 0;
18688
19929
  display: flex;
18689
19930
  flex-flow: row nowrap;
@@ -18737,13 +19978,13 @@ select.k-dropdown, select.k-dropdowntree {
18737
19978
  .k-dropdown:focus, .k-dropdowntree:focus, .k-dropdown.k-state-focus, .k-state-focus.k-dropdowntree {
18738
19979
  border-color: #bfc6d0;
18739
19980
  background-color: #c7cdd5;
18740
- box-shadow: 0 0 0 3px rgba(228, 231, 235, 0.5);
19981
+ box-shadow: 0 0 0 0.25rem rgba(228, 231, 235, 0.5);
18741
19982
  }
18742
19983
 
18743
19984
  .k-dropdown:focus-within, .k-dropdowntree:focus-within {
18744
19985
  border-color: #bfc6d0;
18745
19986
  background-color: #c7cdd5;
18746
- box-shadow: 0 0 0 3px rgba(228, 231, 235, 0.5);
19987
+ box-shadow: 0 0 0 0.25rem rgba(228, 231, 235, 0.5);
18747
19988
  }
18748
19989
 
18749
19990
  .k-dropdown.k-invalid, .k-invalid.k-dropdowntree, .k-dropdown.ng-invalid, .ng-invalid.k-dropdowntree, .k-dropdown.k-state-invalid, .k-state-invalid.k-dropdowntree {
@@ -18777,6 +20018,14 @@ select.k-dropdown, select.k-dropdowntree {
18777
20018
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
18778
20019
  }
18779
20020
 
20021
+ .k-multiselect *, .k-dropdowntree *,
20022
+ .k-multiselect *::before,
20023
+ .k-dropdowntree *::before,
20024
+ .k-multiselect *::after,
20025
+ .k-dropdowntree *::after {
20026
+ box-sizing: border-box;
20027
+ }
20028
+
18780
20029
  .k-multiselect .k-loading-hidden, .k-dropdowntree .k-loading-hidden {
18781
20030
  visibility: hidden;
18782
20031
  }
@@ -18818,8 +20067,8 @@ select.k-dropdown, select.k-dropdowntree {
18818
20067
  }
18819
20068
 
18820
20069
  .k-multiselect .k-multiselect-wrap .k-button, .k-dropdowntree .k-multiselect-wrap .k-button {
18821
- min-height: calc(1.5em + 0.25rem + 2px);
18822
- padding: 0.125rem 0.375rem;
20070
+ min-height: calc(1.5em + 0.1875rem + 2px);
20071
+ padding: 0.09375rem 0.375rem;
18823
20072
  margin: 0.25rem 0 0 0.25rem;
18824
20073
  cursor: default;
18825
20074
  display: inline-flex;
@@ -18959,6 +20208,8 @@ select.k-dropdown, select.k-dropdowntree {
18959
20208
  }
18960
20209
 
18961
20210
  .k-multiselect .k-multiselect-wrap .k-button, .k-dropdowntree .k-multiselect-wrap .k-button {
20211
+ padding-top: 2px;
20212
+ padding-bottom: 2px;
18962
20213
  margin: calc(0.25rem - 1px) 0 0 calc(0.25rem - 1px);
18963
20214
  }
18964
20215
 
@@ -19066,6 +20317,19 @@ select.k-dropdown, select.k-dropdowntree {
19066
20317
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
19067
20318
  }
19068
20319
 
20320
+ .k-treeview *,
20321
+ .k-treeview *::before,
20322
+ .k-treeview *::after {
20323
+ box-sizing: border-box;
20324
+ }
20325
+
20326
+ .k-treeview-filter {
20327
+ padding: 0.5rem;
20328
+ display: block;
20329
+ position: relative;
20330
+ flex: none;
20331
+ }
20332
+
19069
20333
  .k-treeview-group,
19070
20334
  .k-treeview .k-group {
19071
20335
  margin: 0;
@@ -19123,21 +20387,13 @@ select.k-dropdown, select.k-dropdowntree {
19123
20387
  cursor: pointer;
19124
20388
  }
19125
20389
 
19126
- .k-treeview-toggle + .k-checkbox-wrap,
19127
- .k-treeview-toggle + .k-checkbox-wrapper,
19128
- .k-treeview .k-i-expand + .k-checkbox-wrap,
19129
- .k-treeview .k-i-expand + .k-checkbox-wrapper,
19130
- .k-treeview .k-i-collapse + .k-checkbox-wrap,
19131
- .k-treeview .k-i-collapse + .k-checkbox-wrapper {
19132
- margin-left: 0.5rem;
19133
- }
19134
-
19135
20390
  .k-treeview-loading {
19136
20391
  margin-right: 0.5rem;
19137
20392
  }
19138
20393
 
19139
20394
  .k-treeview .k-checkbox-wrap,
19140
20395
  .k-treeview .k-checkbox-wrapper {
20396
+ margin-left: 0.5rem;
19141
20397
  margin-right: 0.5rem;
19142
20398
  align-self: center;
19143
20399
  }
@@ -19197,35 +20453,12 @@ select.k-dropdown, select.k-dropdowntree {
19197
20453
  margin-right: -16px;
19198
20454
  }
19199
20455
 
19200
- .k-rtl .k-treeview .k-i-expand + .k-checkbox-wrap,
19201
- .k-rtl .k-treeview .k-i-expand + .k-checkbox-wrapper,
19202
- .k-rtl .k-treeview .k-i-collapse + .k-checkbox-wrap,
19203
- .k-rtl .k-treeview .k-i-collapse + .k-checkbox-wrapper,
19204
- .k-rtl .k-treeview .k-treeview-toggle + .k-checkbox-wrap,
19205
- .k-rtl .k-treeview .k-treeview-toggle + .k-checkbox-wrapper,
19206
- .k-treeview[dir="rtl"] .k-i-expand + .k-checkbox-wrap,
19207
- .k-treeview[dir="rtl"] .k-i-expand + .k-checkbox-wrapper,
19208
- .k-treeview[dir="rtl"] .k-i-collapse + .k-checkbox-wrap,
19209
- .k-treeview[dir="rtl"] .k-i-collapse + .k-checkbox-wrapper,
19210
- .k-treeview[dir="rtl"] .k-treeview-toggle + .k-checkbox-wrap,
19211
- .k-treeview[dir="rtl"] .k-treeview-toggle + .k-checkbox-wrapper {
19212
- margin-right: 0.5rem;
19213
- }
19214
-
19215
20456
  .k-rtl .k-treeview .k-treeview-loading,
19216
20457
  .k-treeview[dir="rtl"] .k-treeview-loading {
19217
20458
  margin-right: 0;
19218
20459
  margin-left: 0.5rem;
19219
20460
  }
19220
20461
 
19221
- .k-rtl .k-treeview .k-checkbox-wrap,
19222
- .k-rtl .k-treeview .k-checkbox-wrapper,
19223
- .k-treeview[dir="rtl"] .k-checkbox-wrap,
19224
- .k-treeview[dir="rtl"] .k-checkbox-wrapper {
19225
- margin-right: 0;
19226
- margin-left: 0.5rem;
19227
- }
19228
-
19229
20462
  .k-rtl .k-treeview .k-treeview-leaf .k-icon,
19230
20463
  .k-rtl .k-treeview .k-treeview-leaf .k-image,
19231
20464
  .k-rtl .k-treeview .k-treeview-leaf .k-sprite,
@@ -19326,6 +20559,12 @@ select.k-dropdown, select.k-dropdowntree {
19326
20559
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
19327
20560
  }
19328
20561
 
20562
+ .k-maskedtextbox *,
20563
+ .k-maskedtextbox *::before,
20564
+ .k-maskedtextbox *::after {
20565
+ box-sizing: border-box;
20566
+ }
20567
+
19329
20568
  .k-maskedtextbox .k-i-loading {
19330
20569
  width: calc(16px + 0.75rem);
19331
20570
  height: 2.25rem;
@@ -19378,6 +20617,12 @@ select.k-dropdown, select.k-dropdowntree {
19378
20617
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
19379
20618
  }
19380
20619
 
20620
+ .k-rating *,
20621
+ .k-rating *::before,
20622
+ .k-rating *::after {
20623
+ box-sizing: border-box;
20624
+ }
20625
+
19381
20626
  .k-rating.k-state-readonly {
19382
20627
  pointer-events: none;
19383
20628
  }
@@ -19385,7 +20630,6 @@ select.k-dropdown, select.k-dropdowntree {
19385
20630
  .k-rating-container {
19386
20631
  flex: 0 1 auto;
19387
20632
  position: relative;
19388
- box-sizing: border-box;
19389
20633
  margin: 0 0.5rem;
19390
20634
  }
19391
20635
 
@@ -19496,6 +20740,12 @@ select.k-dropdown, select.k-dropdowntree {
19496
20740
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
19497
20741
  }
19498
20742
 
20743
+ .k-searchbox *,
20744
+ .k-searchbox *::before,
20745
+ .k-searchbox *::after {
20746
+ box-sizing: border-box;
20747
+ }
20748
+
19499
20749
  .k-searchbox > .k-input {
19500
20750
  padding: 0.375rem 0.75rem;
19501
20751
  }
@@ -19548,7 +20798,7 @@ select.k-dropdown, select.k-dropdowntree {
19548
20798
  vertical-align: middle;
19549
20799
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
19550
20800
  font-size: 0.75rem;
19551
- line-height: 1.5;
20801
+ line-height: 1;
19552
20802
  -webkit-user-select: none;
19553
20803
  -ms-user-select: none;
19554
20804
  user-select: none;
@@ -19557,6 +20807,12 @@ select.k-dropdown, select.k-dropdowntree {
19557
20807
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
19558
20808
  }
19559
20809
 
20810
+ .k-switch *,
20811
+ .k-switch *::before,
20812
+ .k-switch *::after {
20813
+ box-sizing: border-box;
20814
+ }
20815
+
19560
20816
  .k-switch [type="checkbox"] {
19561
20817
  display: none;
19562
20818
  }
@@ -19565,12 +20821,6 @@ select.k-dropdown, select.k-dropdowntree {
19565
20821
  pointer-events: none;
19566
20822
  }
19567
20823
 
19568
- .k-switch,
19569
- .k-switch-container,
19570
- .k-switch-handle {
19571
- box-sizing: border-box;
19572
- }
19573
-
19574
20824
  .k-switch-container {
19575
20825
  border-radius: 9999px;
19576
20826
  padding: 2px 2px;
@@ -19613,21 +20863,25 @@ select.k-dropdown, select.k-dropdowntree {
19613
20863
  }
19614
20864
 
19615
20865
  .k-rtl .k-switch.k-switch-on .k-switch-handle,
20866
+ [dir="rtl"] .k-switch.k-switch-on .k-switch-handle,
19616
20867
  .k-switch[dir="rtl"].k-switch-on .k-switch-handle {
19617
20868
  left: 0px;
19618
20869
  }
19619
20870
 
19620
20871
  .k-rtl .k-switch.k-switch-off .k-switch-handle,
20872
+ [dir="rtl"] .k-switch.k-switch-off .k-switch-handle,
19621
20873
  .k-switch[dir="rtl"].k-switch-off .k-switch-handle {
19622
20874
  left: calc(100% - 24px);
19623
20875
  }
19624
20876
 
19625
20877
  .k-rtl .k-switch .k-switch-label-on,
20878
+ [dir="rtl"] .k-switch .k-switch-label-on,
19626
20879
  .k-switch[dir="rtl"] .k-switch-label-on {
19627
20880
  left: initial;
19628
20881
  }
19629
20882
 
19630
20883
  .k-rtl .k-switch .k-switch-label-off,
20884
+ [dir="rtl"] .k-switch .k-switch-label-off,
19631
20885
  .k-switch[dir="rtl"] .k-switch-label-off {
19632
20886
  right: initial;
19633
20887
  }
@@ -19767,6 +21021,12 @@ select.k-dropdown, select.k-dropdowntree {
19767
21021
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
19768
21022
  }
19769
21023
 
21024
+ .k-upload *,
21025
+ .k-upload *::before,
21026
+ .k-upload *::after {
21027
+ box-sizing: border-box;
21028
+ }
21029
+
19770
21030
  .k-upload .k-upload-button {
19771
21031
  min-width: 7em;
19772
21032
  }
@@ -19918,7 +21178,6 @@ select.k-dropdown, select.k-dropdowntree {
19918
21178
  border-style: solid;
19919
21179
  font-size: 0.57rem;
19920
21180
  text-transform: uppercase;
19921
- box-sizing: content-box;
19922
21181
  position: absolute;
19923
21182
  top: 1rem;
19924
21183
  }
@@ -20285,6 +21544,12 @@ select.k-dropdown, select.k-dropdowntree {
20285
21544
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
20286
21545
  }
20287
21546
 
21547
+ .k-appbar *,
21548
+ .k-appbar *::before,
21549
+ .k-appbar *::after {
21550
+ box-sizing: border-box;
21551
+ }
21552
+
20288
21553
  .k-appbar > * {
20289
21554
  flex-shrink: 0;
20290
21555
  }
@@ -20436,6 +21701,12 @@ select.k-dropdown, select.k-dropdowntree {
20436
21701
  outline: none;
20437
21702
  }
20438
21703
 
21704
+ .k-fab *,
21705
+ .k-fab *::before,
21706
+ .k-fab *::after {
21707
+ box-sizing: border-box;
21708
+ }
21709
+
20439
21710
  .k-fab:focus {
20440
21711
  outline: none;
20441
21712
  }
@@ -21069,409 +22340,6 @@ select.k-dropdown, select.k-dropdowntree {
21069
22340
  color: #afb1b2;
21070
22341
  }
21071
22342
 
21072
- .k-menu {
21073
- border-width: 0px;
21074
- border-style: solid;
21075
- box-sizing: border-box;
21076
- outline: 0;
21077
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
21078
- font-size: 1rem;
21079
- line-height: 1.5;
21080
- display: flex;
21081
- flex-wrap: wrap;
21082
- align-items: stretch;
21083
- position: relative;
21084
- cursor: default;
21085
- -webkit-touch-callout: none;
21086
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
21087
- }
21088
-
21089
- .k-menu-item {
21090
- box-sizing: border-box;
21091
- border-width: 0;
21092
- outline: 0;
21093
- display: flex;
21094
- flex-flow: column nowrap;
21095
- flex: none;
21096
- position: relative;
21097
- -webkit-user-select: none;
21098
- -ms-user-select: none;
21099
- user-select: none;
21100
- }
21101
-
21102
- .k-menu-link {
21103
- padding: 0.5rem 0.5rem;
21104
- outline: 0;
21105
- color: inherit;
21106
- display: flex;
21107
- flex-flow: row nowrap;
21108
- flex: 1 1 auto;
21109
- align-items: center;
21110
- position: relative;
21111
- white-space: nowrap;
21112
- cursor: pointer;
21113
- }
21114
-
21115
- .k-menu-link > .k-icon:not(.k-menu-expand-arrow),
21116
- .k-menu-link > .k-image,
21117
- .k-menu-link > .k-sprite {
21118
- margin-right: 0.5rem;
21119
- }
21120
-
21121
- .k-menu-link-text {
21122
- flex: 1 1 auto;
21123
- overflow: hidden;
21124
- text-overflow: ellipsis;
21125
- }
21126
-
21127
- .k-menu-expand-arrow {
21128
- margin-left: 0.5rem;
21129
- margin-right: -0.5rem;
21130
- display: inline-flex;
21131
- flex-flow: row wrap;
21132
- align-items: center;
21133
- flex: none;
21134
- position: relative;
21135
- }
21136
-
21137
- .k-menu-expand-arrow.k-i-arrow-60-left,
21138
- .k-menu-expand-arrow.k-i-arrow-60-right {
21139
- margin: 0;
21140
- position: absolute;
21141
- top: 50%;
21142
- transform: translateY(-50%);
21143
- }
21144
-
21145
- .k-menu-expand-arrow.k-i-arrow-60-right {
21146
- right: 0.5rem;
21147
- }
21148
-
21149
- .k-menu-expand-arrow.k-i-arrow-60-left {
21150
- left: 0.5rem;
21151
- }
21152
-
21153
- .k-menu-horizontal {
21154
- flex-direction: row;
21155
- }
21156
-
21157
- .k-menu-horizontal > .k-menu-item + .k-menu-item {
21158
- margin-left: 0px;
21159
- }
21160
-
21161
- .k-menu-horizontal > .k-separator {
21162
- margin: 0 0.25rem;
21163
- width: 0;
21164
- height: auto;
21165
- border-width: 0 0 0 1px;
21166
- border-style: solid;
21167
- }
21168
-
21169
- .k-menu-vertical {
21170
- flex-direction: column;
21171
- }
21172
-
21173
- .k-menu-vertical > .k-menu-item + .k-menu-item {
21174
- margin-top: 0px;
21175
- }
21176
-
21177
- .k-menu-vertical > .k-menu-item > .k-menu-link {
21178
- padding: 0.25rem 1rem;
21179
- padding-right: calc(2rem + 16px);
21180
- }
21181
-
21182
- .k-menu-vertical > .k-menu-item > .k-menu-link .k-menu-expand-arrow {
21183
- margin: 0;
21184
- position: absolute;
21185
- top: 50%;
21186
- transform: translateY(-50%);
21187
- right: 0.5rem;
21188
- }
21189
-
21190
- .k-menu-vertical > .k-separator {
21191
- margin: 0.25rem 0;
21192
- height: 0;
21193
- border-width: 1px 0 0;
21194
- border-style: solid;
21195
- border-color: #dee2e6;
21196
- display: block;
21197
- }
21198
-
21199
- .k-menu-popup {
21200
- border-width: 1px;
21201
- border-style: solid;
21202
- overflow: auto;
21203
- max-height: 80vh;
21204
- }
21205
-
21206
- .k-menu-group {
21207
- margin: 0;
21208
- padding: 0;
21209
- font-size: 1rem;
21210
- line-height: 1.5;
21211
- list-style: none;
21212
- display: none;
21213
- position: absolute;
21214
- }
21215
-
21216
- .k-menu-popup .k-menu-group {
21217
- position: relative;
21218
- display: flex;
21219
- flex-direction: column;
21220
- }
21221
-
21222
- .k-menu-group .k-menu-item {
21223
- font-size: 1rem;
21224
- line-height: 1.5;
21225
- }
21226
-
21227
- .k-menu-group .k-menu-item + .k-menu-item {
21228
- margin-top: 0px;
21229
- }
21230
-
21231
- .k-menu-group .k-menu-link {
21232
- padding: 0.25rem 1rem;
21233
- padding-right: calc(2rem + 16px);
21234
- }
21235
-
21236
- .k-menu-group .k-menu-link .k-menu-expand-arrow {
21237
- margin: 0;
21238
- position: absolute;
21239
- top: 50%;
21240
- transform: translateY(-50%);
21241
- right: 0.5rem;
21242
- }
21243
-
21244
- .k-menu-group .k-separator {
21245
- margin: 0.25rem 0;
21246
- height: 0;
21247
- border-width: 1px 0 0;
21248
- border-style: solid;
21249
- border-color: #dee2e6;
21250
- display: block;
21251
- }
21252
-
21253
- .k-popups-wrapper {
21254
- position: relative;
21255
- border: 0;
21256
- margin: 0;
21257
- padding: 0;
21258
- }
21259
-
21260
- .k-context-menu {
21261
- margin: 0;
21262
- padding: 0;
21263
- border-width: 1px;
21264
- border-style: solid;
21265
- }
21266
-
21267
- .k-animation-container .k-context-menu.k-menu-horizontal {
21268
- display: flex !important;
21269
- flex-wrap: nowrap;
21270
- }
21271
-
21272
- .k-context-menu-popup {
21273
- z-index: 12000;
21274
- }
21275
-
21276
- .k-context-menu-popup .k-context-menu {
21277
- border-width: 0;
21278
- }
21279
-
21280
- .k-popup .k-context-menu,
21281
- .k-context-menu-popup .k-context-menu {
21282
- border-width: 0;
21283
- }
21284
-
21285
- .k-menu-scroll-wrapper {
21286
- margin: 0;
21287
- padding: 0;
21288
- border: 0;
21289
- position: relative;
21290
- }
21291
-
21292
- .k-menu-scroll-wrapper .k-menu {
21293
- overflow: hidden;
21294
- flex-wrap: nowrap;
21295
- }
21296
-
21297
- .k-menu-scroll-button {
21298
- border-radius: 0;
21299
- padding: 0;
21300
- border-width: 0;
21301
- border-color: inherit;
21302
- color: inherit;
21303
- background: inherit;
21304
- position: absolute;
21305
- }
21306
-
21307
- .k-menu-scroll-button.k-scroll-left {
21308
- top: 0;
21309
- left: 0;
21310
- height: 100%;
21311
- width: 16px;
21312
- border-right-width: 1px;
21313
- }
21314
-
21315
- .k-menu-scroll-button.k-scroll-right {
21316
- top: 0;
21317
- right: 0;
21318
- height: 100%;
21319
- width: 16px;
21320
- border-left-width: 1px;
21321
- }
21322
-
21323
- .k-menu-scroll-button.k-scroll-up {
21324
- top: 0;
21325
- left: 0;
21326
- width: 100%;
21327
- height: 16px;
21328
- border-bottom-width: 1px;
21329
- }
21330
-
21331
- .k-menu-scroll-button.k-scroll-down {
21332
- bottom: 0;
21333
- left: 0;
21334
- width: 100%;
21335
- height: 16px;
21336
- border-top-width: 1px;
21337
- }
21338
-
21339
- .k-rtl .k-menu-link > .k-icon:not(.k-menu-expand-arrow),
21340
- .k-rtl .k-menu-link > .k-image,
21341
- .k-rtl .k-menu-link > .k-sprite,
21342
- [dir="rtl"] .k-menu-link > .k-icon:not(.k-menu-expand-arrow),
21343
- [dir="rtl"] .k-menu-link > .k-image,
21344
- [dir="rtl"] .k-menu-link > .k-sprite {
21345
- margin-left: 0.5rem;
21346
- margin-right: 0;
21347
- }
21348
-
21349
- .k-rtl .k-menu-expand-arrow.k-i-arrow-60-down,
21350
- [dir="rtl"] .k-menu-expand-arrow.k-i-arrow-60-down {
21351
- margin-left: -0.5rem;
21352
- margin-right: 0.5rem;
21353
- }
21354
-
21355
- .k-rtl .k-menu-horizontal > .k-menu-item + .k-menu-item,
21356
- [dir="rtl"] .k-menu-horizontal > .k-menu-item + .k-menu-item {
21357
- margin-right: 0px;
21358
- margin-left: 0;
21359
- }
21360
-
21361
- .k-rtl .k-menu-vertical > .k-menu-item > .k-menu-link,
21362
- [dir="rtl"] .k-menu-vertical > .k-menu-item > .k-menu-link {
21363
- padding-right: 1rem;
21364
- padding-left: calc(2rem + 16px);
21365
- }
21366
-
21367
- .k-rtl .k-menu-vertical > .k-menu-item > .k-menu-link .k-menu-expand-arrow,
21368
- [dir="rtl"] .k-menu-vertical > .k-menu-item > .k-menu-link .k-menu-expand-arrow {
21369
- right: auto;
21370
- left: 0.5rem;
21371
- }
21372
-
21373
- .k-rtl .k-menu-group .k-menu-link,
21374
- [dir="rtl"] .k-menu-group .k-menu-link {
21375
- padding-right: 1rem;
21376
- padding-left: calc(2rem + 16px);
21377
- }
21378
-
21379
- .k-rtl .k-menu-group .k-menu-link .k-menu-expand-arrow,
21380
- [dir="rtl"] .k-menu-group .k-menu-link .k-menu-expand-arrow {
21381
- right: auto;
21382
- left: 0.5rem;
21383
- }
21384
-
21385
- .k-menu.k-menu-horizontal:not(.k-context-menu) {
21386
- padding: 0.5rem;
21387
- }
21388
-
21389
- .k-menu.k-menu-vertical:not(.k-context-menu) {
21390
- padding: 0.5rem 0;
21391
- }
21392
-
21393
- .k-menu-popup .k-menu-group, .k-menu-popup
21394
- .k-menu-vertical {
21395
- padding: 0;
21396
- }
21397
-
21398
- .k-context-menu-popup > .k-popup:not(.k-menu-popup) {
21399
- padding: 0;
21400
- }
21401
-
21402
- .k-context-menu-popup .k-context-menu {
21403
- border-radius: 0.25rem;
21404
- }
21405
-
21406
- .k-context-menu-popup .k-header {
21407
- font-size: inherit;
21408
- font-weight: inherit;
21409
- }
21410
-
21411
- .k-menu:not(.k-context-menu) {
21412
- border-color: #dee2e6;
21413
- color: #212529;
21414
- background-color: #f8f9fa;
21415
- }
21416
-
21417
- .k-menu:not(.k-context-menu) > .k-item {
21418
- color: rgba(33, 37, 41, 0.5);
21419
- }
21420
-
21421
- .k-menu:not(.k-context-menu) > .k-item:hover, .k-menu:not(.k-context-menu) > .k-item.k-state-hover {
21422
- color: rgba(33, 37, 41, 0.7);
21423
- }
21424
-
21425
- .k-menu:not(.k-context-menu) > .k-item > .k-state-active, .k-menu:not(.k-context-menu) > .k-item.k-state-selected {
21426
- color: rgba(33, 37, 41, 0.9);
21427
- }
21428
-
21429
- .k-menu:not(.k-context-menu) > .k-item:focus, .k-menu:not(.k-context-menu) > .k-item.k-state-focus, .k-menu:not(.k-context-menu) > .k-item.k-state-focused {
21430
- box-shadow: inset 0 0 0 3px rgba(33, 37, 41, 0.15);
21431
- }
21432
-
21433
- .k-menu-group,
21434
- .k-menu.k-context-menu {
21435
- border-color: #dee2e6;
21436
- color: #212529;
21437
- background-color: #ffffff;
21438
- }
21439
-
21440
- .k-menu-group .k-item:hover, .k-menu-group .k-item.k-state-hover,
21441
- .k-menu.k-context-menu .k-item:hover,
21442
- .k-menu.k-context-menu .k-item.k-state-hover {
21443
- color: #212529;
21444
- background-color: #e9ecef;
21445
- }
21446
-
21447
- .k-menu-group .k-item > .k-state-active, .k-menu-group .k-item.k-state-selected,
21448
- .k-menu.k-context-menu .k-item > .k-state-active,
21449
- .k-menu.k-context-menu .k-item.k-state-selected {
21450
- color: white;
21451
- background-color: #0d6efd;
21452
- }
21453
-
21454
- .k-menu-group .k-item:focus, .k-menu-group .k-item.k-state-focus, .k-menu-group .k-item.k-state-focused,
21455
- .k-menu.k-context-menu .k-item:focus,
21456
- .k-menu.k-context-menu .k-item.k-state-focus,
21457
- .k-menu.k-context-menu .k-item.k-state-focused {
21458
- box-shadow: inset 0 0 0 3px rgba(33, 37, 41, 0.15);
21459
- }
21460
-
21461
- .k-menu-scroll-button {
21462
- border-color: #dee2e6;
21463
- color: rgba(33, 37, 41, 0.5);
21464
- background-color: #f8f9fa;
21465
- }
21466
-
21467
- .k-menu-scroll-button:hover {
21468
- color: rgba(33, 37, 41, 0.7);
21469
- }
21470
-
21471
- .k-menu-scroll-button:hover::before {
21472
- opacity: 0;
21473
- }
21474
-
21475
22343
  .k-actionsheet-container {
21476
22344
  width: 100vw;
21477
22345
  height: 100vh;
@@ -21499,6 +22367,12 @@ select.k-dropdown, select.k-dropdowntree {
21499
22367
  z-index: 10002;
21500
22368
  }
21501
22369
 
22370
+ .k-actionsheet *,
22371
+ .k-actionsheet *::before,
22372
+ .k-actionsheet *::after {
22373
+ box-sizing: border-box;
22374
+ }
22375
+
21502
22376
  .k-actionsheet-header {
21503
22377
  padding: 0.5rem 1rem;
21504
22378
  border-width: 0;
@@ -21719,11 +22593,11 @@ select.k-dropdown, select.k-dropdowntree {
21719
22593
  }
21720
22594
 
21721
22595
  .k-window-content:first-child {
21722
- padding-top: max( 1rem, 1rem );
22596
+ padding-top: clamp(1rem, 1rem, 1rem);
21723
22597
  }
21724
22598
 
21725
22599
  .k-window-content:last-child {
21726
- padding-bottom: max( 1rem, 1rem );
22600
+ padding-bottom: clamp(1rem, 1rem, 1rem);
21727
22601
  }
21728
22602
 
21729
22603
  .k-window-iframecontent {
@@ -21880,6 +22754,12 @@ kendo-drawer .k-drawer-wrapper {
21880
22754
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
21881
22755
  }
21882
22756
 
22757
+ .k-drawer *,
22758
+ .k-drawer *::before,
22759
+ .k-drawer *::after {
22760
+ box-sizing: border-box;
22761
+ }
22762
+
21883
22763
  .k-drawer-mini .k-drawer.k-drawer-start,
21884
22764
  .k-drawer-expanded .k-drawer.k-drawer-start,
21885
22765
  .k-drawer-left.k-drawer-mini .k-drawer,
@@ -22164,6 +23044,12 @@ kendo-drawer .k-drawer-wrapper {
22164
23044
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
22165
23045
  }
22166
23046
 
23047
+ .k-notification *,
23048
+ .k-notification *::before,
23049
+ .k-notification *::after {
23050
+ box-sizing: border-box;
23051
+ }
23052
+
22167
23053
  .k-notification-wrap {
22168
23054
  display: flex;
22169
23055
  flex-flow: row nowrap;
@@ -22297,6 +23183,12 @@ kendo-card-footer {
22297
23183
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
22298
23184
  }
22299
23185
 
23186
+ .k-card *,
23187
+ .k-card *::before,
23188
+ .k-card *::after {
23189
+ box-sizing: border-box;
23190
+ }
23191
+
22300
23192
  .k-card > .k-card-inner {
22301
23193
  border-radius: calc(0.25rem - 1px);
22302
23194
  display: flex;
@@ -22788,6 +23680,12 @@ kendo-card-footer {
22788
23680
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
22789
23681
  }
22790
23682
 
23683
+ .k-popover *,
23684
+ .k-popover *::before,
23685
+ .k-popover *::after {
23686
+ box-sizing: border-box;
23687
+ }
23688
+
22791
23689
  .k-popover-header {
22792
23690
  border-top-left-radius: 0.3rem;
22793
23691
  border-top-right-radius: 0.3rem;
@@ -22919,6 +23817,12 @@ kendo-card-footer {
22919
23817
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
22920
23818
  }
22921
23819
 
23820
+ .k-bottom-nav *,
23821
+ .k-bottom-nav *::before,
23822
+ .k-bottom-nav *::after {
23823
+ box-sizing: border-box;
23824
+ }
23825
+
22922
23826
  .k-bottom-nav-border {
22923
23827
  border-width: 1px 0px 0px 0px;
22924
23828
  }
@@ -23217,6 +24121,12 @@ kendo-card-footer {
23217
24121
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
23218
24122
  }
23219
24123
 
24124
+ .k-breadcrumb *,
24125
+ .k-breadcrumb *::before,
24126
+ .k-breadcrumb *::after {
24127
+ box-sizing: border-box;
24128
+ }
24129
+
23220
24130
  .k-breadcrumb-container,
23221
24131
  .k-breadcrumb-root-item-container {
23222
24132
  margin: 0;
@@ -23379,6 +24289,12 @@ kendo-card-footer {
23379
24289
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
23380
24290
  }
23381
24291
 
24292
+ .k-pager-wrap *,
24293
+ .k-pager-wrap *::before,
24294
+ .k-pager-wrap *::after {
24295
+ box-sizing: border-box;
24296
+ }
24297
+
23382
24298
  .k-pager-wrap .k-link {
23383
24299
  text-decoration: none;
23384
24300
  outline: 0;
@@ -23433,7 +24349,6 @@ kendo-card-footer {
23433
24349
  .k-pager-nav, .k-pager-numbers .k-link, .k-pager-refresh {
23434
24350
  min-width: calc(1.5em + 0.75rem + 2px);
23435
24351
  height: calc(1.5em + 0.75rem + 2px);
23436
- box-sizing: border-box;
23437
24352
  color: inherit;
23438
24353
  text-align: center;
23439
24354
  display: inline-flex;
@@ -23565,7 +24480,6 @@ kendo-card-footer {
23565
24480
  margin-left: 1rem;
23566
24481
  margin-right: 1rem;
23567
24482
  height: calc(1.5em + 0.75rem + 2px);
23568
- box-sizing: border-box;
23569
24483
  border-color: inherit;
23570
24484
  }
23571
24485
 
@@ -23732,6 +24646,12 @@ kendo-card-footer {
23732
24646
  background: none;
23733
24647
  }
23734
24648
 
24649
+ .k-stepper *,
24650
+ .k-stepper *::before,
24651
+ .k-stepper *::after {
24652
+ box-sizing: border-box;
24653
+ }
24654
+
23735
24655
  .k-stepper .k-step-list {
23736
24656
  margin: 0;
23737
24657
  padding: 0;
@@ -23774,7 +24694,6 @@ kendo-card-footer {
23774
24694
  transition-property: color, background-color, border-color;
23775
24695
  transition-duration: .4s;
23776
24696
  transition-timing-function: ease-in-out;
23777
- box-sizing: content-box;
23778
24697
  }
23779
24698
 
23780
24699
  .k-stepper .k-step-indicator::after {
@@ -24036,6 +24955,7 @@ kendo-card-footer {
24036
24955
 
24037
24956
  .k-tabstrip-wrapper {
24038
24957
  padding: 0px 0px;
24958
+ box-sizing: border-box;
24039
24959
  border-width: 0px;
24040
24960
  border-style: solid;
24041
24961
  display: flex;
@@ -24053,7 +24973,7 @@ kendo-card-footer {
24053
24973
  color: inherit;
24054
24974
  background-color: transparent;
24055
24975
  display: flex;
24056
- flex-direction: column;
24976
+ flex-flow: column nowrap;
24057
24977
  -webkit-touch-callout: none;
24058
24978
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
24059
24979
  }
@@ -24063,6 +24983,7 @@ kendo-card-footer {
24063
24983
  }
24064
24984
 
24065
24985
  .k-tabstrip-items-wrapper {
24986
+ box-sizing: border-box;
24066
24987
  border-width: 0;
24067
24988
  border-style: solid;
24068
24989
  border-color: inherit;
@@ -24071,12 +24992,19 @@ kendo-card-footer {
24071
24992
  }
24072
24993
 
24073
24994
  .k-tabstrip-items {
24995
+ box-sizing: border-box;
24074
24996
  outline: 0;
24075
24997
  display: flex;
24076
24998
  flex-flow: row wrap;
24077
24999
  flex: 0 0 auto;
24078
25000
  }
24079
25001
 
25002
+ .k-tabstrip-items *,
25003
+ .k-tabstrip-items *::before,
25004
+ .k-tabstrip-items *::after {
25005
+ box-sizing: border-box;
25006
+ }
25007
+
24080
25008
  .k-tabstrip-items .k-item {
24081
25009
  margin: 0;
24082
25010
  padding: 0;
@@ -24113,6 +25041,7 @@ kendo-card-footer {
24113
25041
  .k-tabstrip-content,
24114
25042
  .k-tabstrip > .k-content {
24115
25043
  padding: 1rem 1rem;
25044
+ box-sizing: border-box;
24116
25045
  border-width: 1px;
24117
25046
  border-style: solid;
24118
25047
  border-color: inherit;
@@ -24147,6 +25076,7 @@ kendo-card-footer {
24147
25076
  top: 0;
24148
25077
  left: 0;
24149
25078
  transition: width .2s linear;
25079
+ display: none;
24150
25080
  }
24151
25081
 
24152
25082
  .k-tabstrip-items .k-loading.k-complete {
@@ -24156,21 +25086,30 @@ kendo-card-footer {
24156
25086
 
24157
25087
  .k-tabstrip-scrollable > .k-tabstrip-items-wrapper > .k-tabstrip-items {
24158
25088
  flex: 1 1 auto;
25089
+ flex-wrap: nowrap;
24159
25090
  white-space: nowrap;
24160
25091
  overflow: hidden;
24161
25092
  }
24162
25093
 
24163
25094
  .k-tabstrip-scrollable > .k-tabstrip-items-wrapper > .k-button {
24164
- flex-shrink: 0;
25095
+ width: auto;
25096
+ height: auto;
25097
+ flex: none;
24165
25098
  align-self: stretch;
25099
+ aspect-ratio: auto;
25100
+ }
25101
+
25102
+ .k-tabstrip-scrollable > .k-tabstrip-items-wrapper > .k-button .k-button-icon {
25103
+ min-width: auto;
25104
+ min-height: auto;
24166
25105
  }
24167
25106
 
24168
25107
  .k-tabstrip-scrollable > .k-tabstrip-items-wrapper.k-hstack > .k-button {
24169
- height: auto;
25108
+ padding: 0 0.25rem;
24170
25109
  }
24171
25110
 
24172
25111
  .k-tabstrip-scrollable > .k-tabstrip-items-wrapper.k-vstack > .k-button {
24173
- width: auto;
25112
+ padding: 0.25rem 0;
24174
25113
  }
24175
25114
 
24176
25115
  .k-tabstrip-top > .k-tabstrip-items-wrapper {
@@ -24411,11 +25350,13 @@ kendo-card-footer {
24411
25350
  }
24412
25351
 
24413
25352
  .k-wizard .k-wizard-steps {
25353
+ box-sizing: border-box;
24414
25354
  display: flex;
24415
25355
  overflow: hidden;
24416
25356
  }
24417
25357
 
24418
25358
  .k-wizard .k-wizard-step {
25359
+ box-sizing: border-box;
24419
25360
  padding: calc(0.5rem + 2px);
24420
25361
  width: 100%;
24421
25362
  display: flex;
@@ -24431,11 +25372,13 @@ kendo-card-footer {
24431
25372
  }
24432
25373
 
24433
25374
  .k-wizard .k-wizard-content {
25375
+ box-sizing: border-box;
24434
25376
  overflow-y: auto;
24435
25377
  }
24436
25378
 
24437
25379
  .k-wizard .k-wizard-buttons {
24438
25380
  margin-top: 2rem;
25381
+ box-sizing: border-box;
24439
25382
  display: flex;
24440
25383
  flex-wrap: nowrap;
24441
25384
  align-items: center;
@@ -24522,6 +25465,12 @@ kendo-card-footer {
24522
25465
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
24523
25466
  }
24524
25467
 
25468
+ .k-expander *,
25469
+ .k-expander *::before,
25470
+ .k-expander *::after {
25471
+ box-sizing: border-box;
25472
+ }
25473
+
24525
25474
  .k-rtl .k-expander .k-expander-indicator, .k-expander.k-rtl .k-expander-indicator, .k-expander[dir="rtl"] .k-expander-indicator {
24526
25475
  margin-left: 0;
24527
25476
  margin-right: 0.75rem;
@@ -24550,7 +25499,6 @@ kendo-card-footer {
24550
25499
 
24551
25500
  .k-expander-content {
24552
25501
  padding: 1.5rem 1.5rem;
24553
- box-sizing: border-box;
24554
25502
  }
24555
25503
 
24556
25504
  .k-expander + .k-expander.k-expanded,
@@ -24610,6 +25558,12 @@ kendo-card-footer {
24610
25558
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
24611
25559
  }
24612
25560
 
25561
+ .k-panelbar *,
25562
+ .k-panelbar *::before,
25563
+ .k-panelbar *::after {
25564
+ box-sizing: border-box;
25565
+ }
25566
+
24613
25567
  .k-panelbar > .k-item,
24614
25568
  .k-panelbar > .k-panelbar-header {
24615
25569
  border-width: 0;
@@ -26759,11 +27713,12 @@ div.k-grid-norecords {
26759
27713
  }
26760
27714
 
26761
27715
  .k-grid-norecords-template {
27716
+ box-sizing: border-box;
27717
+ margin: 0 auto;
26762
27718
  width: 20em;
26763
27719
  height: 4em;
26764
- line-height: 4em;
26765
- margin: 0 auto;
26766
27720
  border: 1px solid;
27721
+ line-height: 4em;
26767
27722
  }
26768
27723
 
26769
27724
  .k-header > .k-cell-inner {
@@ -27019,7 +27974,7 @@ div.k-grid-norecords {
27019
27974
 
27020
27975
  .k-popup > .k-column-menu-popup, .k-popup >
27021
27976
  .k-grid-columnmenu-popup {
27022
- width: 100%;
27977
+ max-width: 100%;
27023
27978
  }
27024
27979
 
27025
27980
  .k-column-menu-popup .k-actions, .k-column-menu-popup .k-edit-buttons,
@@ -27188,8 +28143,8 @@ div.k-grid-norecords {
27188
28143
  background-color: rgba(0, 0, 0, 0.04);
27189
28144
  }
27190
28145
 
27191
- .k-grid tbody tr:hover,
27192
- .k-grid tbody tr.k-state-hover {
28146
+ .k-grid tbody tr:not(.k-detail-row):hover,
28147
+ .k-grid tbody tr:not(.k-detail-row).k-state-hover {
27193
28148
  background-color: rgba(0, 0, 0, 0.08);
27194
28149
  }
27195
28150
 
@@ -27245,11 +28200,6 @@ div.k-grid-norecords {
27245
28200
  background-color: #bdd4f7;
27246
28201
  }
27247
28202
 
27248
- .k-grid .k-grid-content-locked .k-state-hover td,
27249
- .k-grid .k-grid-content-locked tr:hover td {
27250
- background-color: #ebebeb;
27251
- }
27252
-
27253
28203
  .k-grid .k-grid-content-locked .k-state-selected:hover td,
27254
28204
  .k-grid .k-grid-content-locked .k-state-selected.k-state-hover td {
27255
28205
  background-color: #b8cff1;
@@ -29236,6 +30186,7 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
29236
30186
  border-style: solid;
29237
30187
  align-items: flex-start;
29238
30188
  flex-wrap: wrap;
30189
+ box-shadow: none;
29239
30190
  }
29240
30191
 
29241
30192
  .k-pivot-toolbar > * {
@@ -29246,34 +30197,6 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
29246
30197
  display: none;
29247
30198
  }
29248
30199
 
29249
- .k-pivot-toolbar .k-button,
29250
- .k-fieldselector .k-list li.k-item {
29251
- border-radius: 0.25rem;
29252
- padding: 0.375rem 0.75rem;
29253
- padding-right: calc(0.75rem + 48px);
29254
- min-height: auto;
29255
- font-size: 1rem;
29256
- line-height: 1.5;
29257
- text-align: left;
29258
- white-space: normal;
29259
- word-break: break-word;
29260
- position: relative;
29261
- cursor: move;
29262
- }
29263
-
29264
- .k-pivot-toolbar .k-button .k-field-actions .k-setting-delete,
29265
- .k-fieldselector .k-list li.k-item .k-field-actions .k-setting-delete {
29266
- box-sizing: content-box;
29267
- }
29268
-
29269
- .k-field-actions {
29270
- position: absolute;
29271
- right: 0.375rem;
29272
- top: 0.375rem;
29273
- line-height: 1;
29274
- cursor: pointer;
29275
- }
29276
-
29277
30200
  .k-pivot-layout {
29278
30201
  border-spacing: 0;
29279
30202
  table-layout: auto;
@@ -29296,6 +30219,8 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
29296
30219
  .k-pivot-rowheaders > .k-grid,
29297
30220
  .k-pivot-table > .k-grid {
29298
30221
  border-width: 0;
30222
+ color: inherit;
30223
+ background: none;
29299
30224
  }
29300
30225
 
29301
30226
  .k-pivot-rowheaders > .k-grid td:first-child,
@@ -29348,77 +30273,73 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
29348
30273
  max-height: 600px;
29349
30274
  }
29350
30275
 
29351
- .k-fieldselector {
29352
- border-width: 1px;
29353
- border-style: solid;
30276
+ .k-pivotgrid-wrapper {
29354
30277
  box-sizing: border-box;
29355
- outline: 0;
29356
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
29357
- font-size: 1rem;
29358
- line-height: 1.5;
29359
- -webkit-touch-callout: none;
29360
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
29361
- }
29362
-
29363
- .k-fieldselector .k-columns {
29364
30278
  display: flex;
29365
- align-items: stretch;
30279
+ flex-flow: row nowrap;
30280
+ align-items: flex-start;
30281
+ gap: 0.5rem;
29366
30282
  }
29367
30283
 
29368
- .k-fieldselector .k-columns > div {
29369
- padding: 0.5rem;
29370
- width: 50%;
29371
- box-sizing: border-box;
29372
- border-width: 0;
29373
- border-style: solid;
29374
- float: left;
29375
- overflow: auto;
30284
+ .k-pivotgrid-wrapper > .k-pivotgrid-configurator-panel {
30285
+ max-width: 320px;
30286
+ flex: none;
29376
30287
  }
29377
30288
 
29378
- .k-fieldselector .k-columns > div + div {
29379
- border-left-width: 1px;
30289
+ .k-pivotgrid-wrapper > .k-pivot {
30290
+ flex: 1;
29380
30291
  }
29381
30292
 
29382
- .k-fieldselector p {
29383
- margin: 0 0 0.25rem;
29384
- text-transform: uppercase;
30293
+ .k-pivotgrid-configurator-panel.kendo-jquery {
30294
+ box-sizing: border-box;
30295
+ display: inline-flex;
29385
30296
  }
29386
30297
 
29387
- .k-fieldselector p .k-icon {
29388
- margin: 0 0.5rem 0 0;
30298
+ .k-pivotgrid-configurator-panel.kendo-jquery .k-pivotgrid-configurator {
30299
+ height: 100%;
29389
30300
  }
29390
30301
 
29391
- .k-fieldselector .k-treeview {
29392
- border-width: 0;
29393
- overflow: visible;
30302
+ .k-pivotgrid-configurator-panel.kendo-jquery .k-pivotgrid-configurator-content {
30303
+ padding: 1rem;
30304
+ max-height: 100%;
30305
+ display: flex;
30306
+ flex-flow: column nowrap;
30307
+ gap: 1rem;
30308
+ overflow-x: hidden;
30309
+ overflow-y: auto;
29394
30310
  }
29395
30311
 
29396
- .k-fieldselector .k-edit-label {
29397
- width: 16%;
30312
+ .k-pivotgrid-configurator-panel.kendo-jquery .k-pivotgrid-targets {
30313
+ display: flex;
30314
+ flex-flow: column nowrap;
30315
+ gap: 1rem;
29398
30316
  }
29399
30317
 
29400
- .k-fieldselector .k-edit-field {
29401
- width: 77%;
30318
+ .k-pivotgrid-configurator-panel.kendo-jquery .k-pivotgrid-configurator-section {
30319
+ display: flex;
30320
+ flex-flow: column nowrap;
30321
+ gap: 0.5rem;
29402
30322
  }
29403
30323
 
29404
- .k-fieldselector .k-list-container {
29405
- margin-bottom: 1rem;
30324
+ .k-pivotgrid-configurator-panel.kendo-jquery .k-column-fields {
30325
+ margin: 0;
29406
30326
  padding: 0.25rem;
30327
+ max-height: 200px;
29407
30328
  border-width: 1px;
29408
30329
  border-style: solid;
30330
+ display: flex;
30331
+ flex-flow: row wrap;
30332
+ gap: 0.25rem;
30333
+ overflow-x: hidden;
30334
+ overflow-y: auto;
29409
30335
  }
29410
30336
 
29411
- .k-fieldselector .k-list {
29412
- padding-bottom: 1rem;
29413
- }
29414
-
29415
- .k-fieldselector .k-list .k-item {
29416
- border-width: 1px;
29417
- border-style: solid;
30337
+ .k-pivotgrid-configurator-panel.kendo-jquery .k-column-fields > * {
30338
+ margin: 0;
29418
30339
  }
29419
30340
 
29420
- .k-fieldselector .k-list .k-item + .k-item {
29421
- margin-top: 0.5rem;
30341
+ .k-ie .k-pivotgrid-configurator-panel.kendo-jquery .k-column-fields > * {
30342
+ margin: 2px;
29422
30343
  }
29423
30344
 
29424
30345
  .k-ie11 .k-pivot .k-grid {
@@ -29565,181 +30486,47 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
29565
30486
 
29566
30487
  .k-pivot {
29567
30488
  border-color: #dee2e6;
30489
+ color: #212529;
30490
+ background-color: #ffffff;
29568
30491
  }
29569
30492
 
29570
- .k-alt,
29571
- .k-pivot-layout > tbody > tr:first-child > td:first-child {
29572
- background-color: #f8f9fa;
30493
+ .k-pivot-table {
30494
+ border-color: #dee2e6;
29573
30495
  }
29574
30496
 
29575
- .k-fieldselector {
30497
+ .k-pivot-rowheaders {
30498
+ border-color: #dee2e6;
29576
30499
  color: #212529;
29577
- }
29578
-
29579
- .k-fieldselector .k-list-container {
29580
30500
  background-color: #f8f9fa;
29581
30501
  }
29582
30502
 
29583
- .k-pivot-toolbar,
29584
- .k-pivot-table,
29585
- .k-fieldselector,
29586
- .k-fieldselector .k-list-container,
29587
- .k-fieldselector .k-columns > div,
29588
- .k-pivot-rowheaders > .k-grid td:first-child,
29589
- .k-pivot-table .k-grid-header .k-header.k-first {
30503
+ .k-pivot-toolbar {
29590
30504
  border-color: #dee2e6;
29591
- }
29592
-
29593
- .k-pivot-rowheaders .k-alt .k-alt,
29594
- .k-header.k-alt {
29595
- background-color: #eeeff0;
29596
- }
29597
-
29598
- .k-pivot-toolbar .k-button,
29599
- .k-fieldselector .k-list li.k-item {
29600
- border-color: #e4e7eb;
29601
30505
  color: #212529;
29602
- background-color: #e4e7eb;
29603
- }
29604
-
29605
- .k-pivot-toolbar .k-button:hover, .k-pivot-toolbar .k-button.k-state-hover,
29606
- .k-fieldselector .k-list li.k-item:hover,
29607
- .k-fieldselector .k-list li.k-item.k-state-hover {
29608
- border-color: #c7cdd5;
29609
- background-color: #ced3db;
29610
- }
29611
-
29612
- .k-pivot-toolbar .k-button:active, .k-pivot-toolbar .k-button.k-state-active,
29613
- .k-fieldselector .k-list li.k-item:active,
29614
- .k-fieldselector .k-list li.k-item.k-state-active {
29615
- border-color: #bfc6d0;
29616
- background-color: #c7cdd5;
29617
- }
29618
-
29619
- .k-pivot-toolbar .k-button:focus, .k-pivot-toolbar .k-button.k-state-focus, .k-pivot-toolbar .k-button.k-state-focused,
29620
- .k-fieldselector .k-list li.k-item:focus,
29621
- .k-fieldselector .k-list li.k-item.k-state-focus,
29622
- .k-fieldselector .k-list li.k-item.k-state-focused {
29623
- box-shadow: 0 0 0 3px rgba(228, 231, 235, 0.5);
29624
- }
29625
-
29626
- .k-pivot-toolbar .k-button.k-empty,
29627
- .k-fieldselector .k-list li.k-item.k-empty {
29628
- color: #6c757d;
30506
+ background-color: #f8f9fa;
29629
30507
  }
29630
30508
 
29631
30509
  .k-pivot-toolbar .k-empty {
29632
30510
  color: #6c757d;
29633
30511
  }
29634
30512
 
29635
- .k-pivot-layout .k-grid-footer,
29636
- .k-pivot-layout .k-grid.k-alt {
29637
- color: #212529;
30513
+ .k-alt {
29638
30514
  background-color: #f8f9fa;
29639
30515
  }
29640
30516
 
29641
- .k-fieldselector .k-i-loading {
29642
- border-color: #f8f9fa;
29643
- }
29644
-
29645
- .k-fieldselector .k-i-loading::before,
29646
- .k-fieldselector .k-i-loading::after {
29647
- background-color: #f8f9fa;
29648
- }
29649
-
29650
- .k-i-kpi-trend-increase,
29651
- .k-i-kpi-trend-decrease,
29652
- .k-i-kpi-trend-equal {
29653
- color: inherit;
29654
- }
29655
-
29656
- .k-i-kpi-status-hold {
29657
- color: #ffc107;
29658
- }
29659
-
29660
- .k-i-kpi-status-deny {
29661
- color: #dc3545;
29662
- }
29663
-
29664
- .k-i-kpi-status-open {
29665
- color: #198754;
29666
- }
29667
-
29668
- .k-pivot {
29669
- border-color: #dee2e6;
29670
- }
29671
-
29672
- .k-pivot-layout > tbody > tr:first-child > td:first-child {
29673
- background-color: #f8f9fa;
29674
- }
29675
-
29676
- .k-fieldselector {
29677
- color: #212529;
29678
- background-color: #f8f9fa;
29679
- }
29680
-
29681
- .k-fieldselector .k-list-container {
29682
- background-color: #ffffff;
29683
- }
29684
-
29685
30517
  .k-pivot-toolbar,
29686
- .k-fieldselector {
29687
- border-color: #dee2e6;
29688
- }
29689
-
29690
30518
  .k-pivot-table,
29691
- .k-fieldselector .k-list-container,
29692
- .k-fieldselector .k-columns > div,
29693
30519
  .k-pivot-rowheaders > .k-grid td:first-child,
29694
30520
  .k-pivot-table .k-grid-header .k-header.k-first {
29695
30521
  border-color: #dee2e6;
29696
30522
  }
29697
30523
 
29698
- .k-pivot-rowheaders .k-alt .k-alt,
29699
30524
  .k-header.k-alt {
29700
30525
  background-color: #eeeff0;
29701
30526
  }
29702
30527
 
29703
- .k-pivot-toolbar .k-button,
29704
- .k-fieldselector .k-list li.k-item {
29705
- border-color: #e4e7eb;
30528
+ .k-pivot-layout .k-grid-footer {
29706
30529
  color: #212529;
29707
- background-color: #e4e7eb;
29708
- }
29709
-
29710
- .k-pivot-toolbar .k-button:hover, .k-pivot-toolbar .k-button.k-state-hover,
29711
- .k-fieldselector .k-list li.k-item:hover,
29712
- .k-fieldselector .k-list li.k-item.k-state-hover {
29713
- border-color: #c7cdd5;
29714
- background-color: #ced3db;
29715
- }
29716
-
29717
- .k-pivot-toolbar .k-button:active, .k-pivot-toolbar .k-button.k-state-active,
29718
- .k-fieldselector .k-list li.k-item:active,
29719
- .k-fieldselector .k-list li.k-item.k-state-active {
29720
- border-color: #bfc6d0;
29721
- background-color: #c7cdd5;
29722
- }
29723
-
29724
- .k-pivot-toolbar .k-button.k-state-selected,
29725
- .k-fieldselector .k-list li.k-item.k-state-selected {
29726
- border-color: #bfc6d0;
29727
- background-color: #c7cdd5;
29728
- }
29729
-
29730
- .k-pivot-toolbar .k-button:focus, .k-pivot-toolbar .k-button.k-state-focus, .k-pivot-toolbar .k-button.k-state-focused,
29731
- .k-fieldselector .k-list li.k-item:focus,
29732
- .k-fieldselector .k-list li.k-item.k-state-focus,
29733
- .k-fieldselector .k-list li.k-item.k-state-focused {
29734
- box-shadow: 0 0 0 3px rgba(228, 231, 235, 0.5);
29735
- }
29736
-
29737
- .k-fieldselector .k-i-loading {
29738
- border-color: #f8f9fa;
29739
- }
29740
-
29741
- .k-fieldselector .k-i-loading::before,
29742
- .k-fieldselector .k-i-loading::after {
29743
30530
  background-color: #f8f9fa;
29744
30531
  }
29745
30532
 
@@ -29761,6 +30548,10 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
29761
30548
  color: #198754;
29762
30549
  }
29763
30550
 
30551
+ .k-pivotgrid-configurator-panel.kendo-jquery .k-column-fields {
30552
+ border-color: #dee2e6;
30553
+ }
30554
+
29764
30555
  .k-treelist.k-grid-display-block.k-grid-lockedcolumns {
29765
30556
  display: block;
29766
30557
  }
@@ -29773,6 +30564,7 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
29773
30564
  .k-treelist .k-status .k-loading {
29774
30565
  vertical-align: baseline;
29775
30566
  margin-right: 5px;
30567
+ display: none;
29776
30568
  }
29777
30569
 
29778
30570
  .k-treelist tr.k-hidden {
@@ -29868,11 +30660,18 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
29868
30660
  }
29869
30661
 
29870
30662
  .k-filter {
30663
+ box-sizing: border-box;
29871
30664
  border-width: 0;
29872
30665
  display: inline-block;
29873
30666
  background-color: transparent;
29874
30667
  }
29875
30668
 
30669
+ .k-filter *,
30670
+ .k-filter *::before,
30671
+ .k-filter *::after {
30672
+ box-sizing: border-box;
30673
+ }
30674
+
29876
30675
  .k-filter ul {
29877
30676
  padding: 0;
29878
30677
  }
@@ -30235,6 +31034,12 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
30235
31034
  position: relative;
30236
31035
  }
30237
31036
 
31037
+ .k-taskboard *,
31038
+ .k-taskboard *::before,
31039
+ .k-taskboard *::after {
31040
+ box-sizing: border-box;
31041
+ }
31042
+
30238
31043
  .k-taskboard-toolbar {
30239
31044
  padding: 1rem 1rem;
30240
31045
  border-width: 0;
@@ -30298,7 +31103,6 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
30298
31103
  .k-taskboard-column-cards {
30299
31104
  padding: 0.25rem 0px;
30300
31105
  min-height: 100%;
30301
- box-sizing: border-box;
30302
31106
  display: flex;
30303
31107
  flex-direction: column;
30304
31108
  gap: 0.75rem 0;
@@ -30327,7 +31131,6 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
30327
31131
  width: 320px;
30328
31132
  border-width: 1px;
30329
31133
  border-style: solid;
30330
- box-sizing: border-box;
30331
31134
  display: flex;
30332
31135
  flex-direction: column;
30333
31136
  position: absolute;
@@ -31266,6 +32069,12 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
31266
32069
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
31267
32070
  }
31268
32071
 
32072
+ .k-imageeditor *,
32073
+ .k-imageeditor *::before,
32074
+ .k-imageeditor *::after {
32075
+ box-sizing: border-box;
32076
+ }
32077
+
31269
32078
  .k-imageeditor-toolbar {
31270
32079
  border-width: 0;
31271
32080
  border-bottom-width: 1px;
@@ -33493,6 +34302,12 @@ kendo-scheduler .k-recurrence-editor {
33493
34302
  font-size: inherit;
33494
34303
  }
33495
34304
 
34305
+ .k-scheduler-tooltip .k-no-data, .k-scheduler-tooltip .k-nodata {
34306
+ height: auto;
34307
+ min-height: auto;
34308
+ color: inherit;
34309
+ }
34310
+
33496
34311
  .k-scheduler-edit-dialog .k-dialog {
33497
34312
  max-height: 100vh;
33498
34313
  }
@@ -33779,12 +34594,13 @@ ul.k-scheduler-views li:hover, ul.k-scheduler-views li.k-state-hover {
33779
34594
  }
33780
34595
 
33781
34596
  ul.k-scheduler-views li.k-state-selected {
33782
- border-color: #bfc6d0;
33783
- background-color: #c7cdd5;
34597
+ border-color: #0252c9;
34598
+ color: white;
34599
+ background-color: #0257d5;
33784
34600
  }
33785
34601
 
33786
34602
  ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-scheduler-views li.k-state-focused {
33787
- box-shadow: 0 0 0 3px rgba(228, 231, 235, 0.5);
34603
+ box-shadow: 0 0 0 0.25rem rgba(228, 231, 235, 0.5);
33788
34604
  }
33789
34605
 
33790
34606
  .k-scheduler-footer li {
@@ -34308,11 +35124,18 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
34308
35124
 
34309
35125
  .k-chat-toolbar .k-scroll-button,
34310
35126
  .k-chat .k-toolbar-box .k-scroll-button {
35127
+ padding: 0 0.25rem;
34311
35128
  height: 100%;
35129
+ aspect-ratio: auto;
34312
35130
  position: absolute;
34313
35131
  z-index: 2;
34314
- top: 50%;
34315
- transform: translateY(-50%);
35132
+ top: 0;
35133
+ }
35134
+
35135
+ .k-chat-toolbar .k-scroll-button .k-button-icon,
35136
+ .k-chat .k-toolbar-box .k-scroll-button .k-button-icon {
35137
+ min-width: auto;
35138
+ min-height: auto;
34316
35139
  }
34317
35140
 
34318
35141
  .k-chat-toolbar .k-scroll-button-left,
@@ -34486,6 +35309,12 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
34486
35309
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
34487
35310
  }
34488
35311
 
35312
+ .k-mediaplayer *,
35313
+ .k-mediaplayer *::before,
35314
+ .k-mediaplayer *::after {
35315
+ box-sizing: border-box;
35316
+ }
35317
+
34489
35318
  .k-mediaplayer > iframe {
34490
35319
  width: 100%;
34491
35320
  height: 100%;
@@ -34529,12 +35358,17 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
34529
35358
  align-items: center;
34530
35359
  }
34531
35360
 
35361
+ .k-mediaplayer-volume {
35362
+ width: 100px;
35363
+ }
35364
+
34532
35365
  .k-slider.k-mediaplayer-seekbar {
34533
35366
  width: 100%;
34534
35367
  position: absolute;
34535
35368
  z-index: 3;
34536
- top: -17px;
35369
+ top: 0;
34537
35370
  left: 0;
35371
+ transform: translateY(-50%);
34538
35372
  }
34539
35373
 
34540
35374
  .k-mediaplayer-seekbar .k-slider-track {
@@ -34542,6 +35376,10 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
34542
35376
  border-radius: 0;
34543
35377
  }
34544
35378
 
35379
+ .k-mediaplayer-seekbar .k-slider-selection {
35380
+ border-radius: 0;
35381
+ }
35382
+
34545
35383
  .k-mediaplayer-fullscreen {
34546
35384
  z-index: 10000;
34547
35385
  position: fixed;
@@ -34575,6 +35413,12 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
34575
35413
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
34576
35414
  }
34577
35415
 
35416
+ .k-timeline *,
35417
+ .k-timeline *::before,
35418
+ .k-timeline *::after, .k-timeline::before, .k-timeline::after {
35419
+ box-sizing: border-box;
35420
+ }
35421
+
34578
35422
  .k-timeline ul {
34579
35423
  margin: 0;
34580
35424
  padding: 0;
@@ -34592,7 +35436,6 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
34592
35436
  line-height: 1.5;
34593
35437
  min-width: 80px;
34594
35438
  max-width: 160px;
34595
- box-sizing: border-box;
34596
35439
  position: relative;
34597
35440
  z-index: 1;
34598
35441
  }
@@ -34659,7 +35502,6 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
34659
35502
  margin: 40px 0;
34660
35503
  width: 100%;
34661
35504
  position: relative;
34662
- box-sizing: border-box;
34663
35505
  border: 0;
34664
35506
  }
34665
35507
 
@@ -34841,12 +35683,10 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
34841
35683
 
34842
35684
  .k-timeline-horizontal .k-timeline-card {
34843
35685
  height: 100%;
34844
- box-sizing: border-box;
34845
35686
  }
34846
35687
 
34847
35688
  .k-timeline-horizontal .k-card {
34848
35689
  max-height: 100%;
34849
- box-sizing: border-box;
34850
35690
  }
34851
35691
 
34852
35692
  .k-timeline-horizontal .k-timeline-events-list {
@@ -36246,6 +37086,7 @@ kendo-scrollview.k-scrollview-wrap.k-scrollview-light .k-scrollview-nav-wrap,
36246
37086
 
36247
37087
  .k-map {
36248
37088
  height: 600px;
37089
+ box-sizing: border-box;
36249
37090
  border-width: 0px;
36250
37091
  border-style: solid;
36251
37092
  font-size: 1rem;
@@ -36253,6 +37094,12 @@ kendo-scrollview.k-scrollview-wrap.k-scrollview-light .k-scrollview-nav-wrap,
36253
37094
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
36254
37095
  }
36255
37096
 
37097
+ .k-map *,
37098
+ .k-map *::before,
37099
+ .k-map *::after {
37100
+ box-sizing: border-box;
37101
+ }
37102
+
36256
37103
  .k-map .km-scroll-wrapper {
36257
37104
  width: 100%;
36258
37105
  height: 100%;
@@ -36399,6 +37246,12 @@ kendo-scrollview.k-scrollview-wrap.k-scrollview-light .k-scrollview-nav-wrap,
36399
37246
  overflow: auto;
36400
37247
  }
36401
37248
 
37249
+ .k-orgchart *,
37250
+ .k-orgchart *::before,
37251
+ .k-orgchart *::after {
37252
+ box-sizing: border-box;
37253
+ }
37254
+
36402
37255
  .k-orgchart-container {
36403
37256
  margin: 0 auto;
36404
37257
  width: 100%;