@progress/kendo-theme-default 5.6.1-dev.4 → 5.6.1-dev.7

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 (42) hide show
  1. package/dist/all.css +531 -399
  2. package/dist/all.scss +285 -194
  3. package/lib/swatches/default-blue.json +1 -1
  4. package/lib/swatches/default-dataviz-v4.json +1 -1
  5. package/lib/swatches/default-green.json +1 -1
  6. package/lib/swatches/default-main-dark.json +1 -1
  7. package/lib/swatches/default-main.json +1 -1
  8. package/lib/swatches/default-nordic.json +1 -1
  9. package/lib/swatches/default-ocean-blue.json +1 -1
  10. package/lib/swatches/default-orange.json +1 -1
  11. package/lib/swatches/default-purple.json +1 -1
  12. package/lib/swatches/default-turquoise.json +1 -1
  13. package/lib/swatches/default-urban.json +1 -1
  14. package/package.json +3 -3
  15. package/scss/adaptive/_layout.scss +2 -1
  16. package/scss/badge/_layout.scss +18 -69
  17. package/scss/badge/_theme.scss +2 -2
  18. package/scss/badge/_variables.scss +70 -35
  19. package/scss/button/_variables.scss +1 -1
  20. package/scss/card/_layout.scss +6 -5
  21. package/scss/card/_theme.scss +8 -20
  22. package/scss/card/_variables.scss +0 -10
  23. package/scss/colorgradient/_layout.scss +1 -1
  24. package/scss/dataviz/_layout.scss +1 -1
  25. package/scss/editor/_layout.scss +2 -1
  26. package/scss/grid/_layout.scss +3 -1
  27. package/scss/grid/_theme.scss +2 -0
  28. package/scss/notification/_layout.scss +4 -2
  29. package/scss/notification/_theme.scss +2 -1
  30. package/scss/pager/_layout.scss +4 -0
  31. package/scss/pdf-viewer/_index.scss +3 -0
  32. package/scss/pdf-viewer/_layout.scss +80 -28
  33. package/scss/pdf-viewer/_theme.scss +21 -0
  34. package/scss/pdf-viewer/_variables.scss +14 -1
  35. package/scss/popover/_layout.scss +10 -5
  36. package/scss/popover/_theme.scss +8 -6
  37. package/scss/popover/_variables.scss +0 -5
  38. package/scss/scheduler/_layout.scss +2 -0
  39. package/scss/slider/_layout.scss +2 -2
  40. package/scss/toolbar/_layout.scss +6 -0
  41. package/scss/toolbar/_theme.scss +7 -0
  42. package/scss/utils/_position.scss +3 -0
package/dist/all.css CHANGED
@@ -3211,26 +3211,51 @@ kendo-sortable {
3211
3211
  position: static !important;
3212
3212
  }
3213
3213
 
3214
+ .\!k-static,
3215
+ .\!k-pos-static {
3216
+ position: static !important;
3217
+ }
3218
+
3214
3219
  .k-relative,
3215
3220
  .k-pos-relative {
3216
3221
  position: relative !important;
3217
3222
  }
3218
3223
 
3224
+ .\!k-relative,
3225
+ .\!k-pos-relative {
3226
+ position: relative !important;
3227
+ }
3228
+
3219
3229
  .k-absolute,
3220
3230
  .k-pos-absolute {
3221
3231
  position: absolute !important;
3222
3232
  }
3223
3233
 
3234
+ .\!k-absolute,
3235
+ .\!k-pos-absolute {
3236
+ position: absolute !important;
3237
+ }
3238
+
3224
3239
  .k-fixed,
3225
3240
  .k-pos-fixed {
3226
3241
  position: fixed !important;
3227
3242
  }
3228
3243
 
3244
+ .\!k-fixed,
3245
+ .\!k-pos-fixed {
3246
+ position: fixed !important;
3247
+ }
3248
+
3229
3249
  .k-sticky,
3230
3250
  .k-pos-sticky {
3231
3251
  position: sticky !important;
3232
3252
  }
3233
3253
 
3254
+ .\!k-sticky,
3255
+ .\!k-pos-sticky {
3256
+ position: sticky !important;
3257
+ }
3258
+
3234
3259
  .k-top,
3235
3260
  .k-pos-top {
3236
3261
  top: 0;
@@ -6558,23 +6583,32 @@ kendo-sortable {
6558
6583
  }
6559
6584
 
6560
6585
  .k-user-select-none {
6561
- user-select: none !important;
6586
+ -webkit-user-select: none !important;
6587
+ -ms-user-select: none !important;
6588
+ user-select: none !important;
6562
6589
  }
6563
6590
 
6564
6591
  .k-user-select-auto {
6565
- user-select: auto !important;
6592
+ -webkit-user-select: auto !important;
6593
+ -ms-user-select: auto !important;
6594
+ user-select: auto !important;
6566
6595
  }
6567
6596
 
6568
6597
  .k-user-select-text {
6569
- user-select: text !important;
6598
+ -webkit-user-select: text !important;
6599
+ -ms-user-select: text !important;
6600
+ user-select: text !important;
6570
6601
  }
6571
6602
 
6572
6603
  .k-user-select-all {
6573
- user-select: all !important;
6604
+ -webkit-user-select: all !important;
6605
+ user-select: all !important;
6574
6606
  }
6575
6607
 
6576
6608
  .k-user-select-contain {
6577
- user-select: contain !important;
6609
+ -webkit-user-select: contain !important;
6610
+ -ms-user-select: element !important;
6611
+ user-select: contain !important;
6578
6612
  }
6579
6613
 
6580
6614
  .k-cursor-auto {
@@ -11763,7 +11797,7 @@ kendo-sortable {
11763
11797
 
11764
11798
  .k-badge {
11765
11799
  padding: 0;
11766
- border-width: 0;
11800
+ border-width: 1px;
11767
11801
  border-style: solid;
11768
11802
  border-color: transparent;
11769
11803
  box-sizing: border-box;
@@ -11812,92 +11846,38 @@ a.k-badge:hover,
11812
11846
 
11813
11847
  .k-badge-sm {
11814
11848
  padding: 2px 2px;
11815
- border-width: 1px;
11816
11849
  font-size: 10px;
11817
11850
  line-height: 1;
11851
+ min-width: calc(1em + 6px);
11818
11852
  }
11819
11853
 
11820
11854
  .k-badge-sm:empty {
11821
11855
  padding: 2px;
11856
+ min-width: auto;
11822
11857
  }
11823
11858
 
11824
11859
  .k-badge-md {
11825
11860
  padding: 4px 4px;
11826
- border-width: 1px;
11827
11861
  font-size: 10px;
11828
11862
  line-height: 1;
11863
+ min-width: calc(1em + 10px);
11829
11864
  }
11830
11865
 
11831
11866
  .k-badge-md:empty {
11832
11867
  padding: 4px;
11868
+ min-width: auto;
11833
11869
  }
11834
11870
 
11835
11871
  .k-badge-lg {
11836
11872
  padding: 6px 6px;
11837
- border-width: 1px;
11838
- font-size: 12px;
11873
+ font-size: 10px;
11839
11874
  line-height: 1;
11875
+ min-width: calc(1em + 14px);
11840
11876
  }
11841
11877
 
11842
11878
  .k-badge-lg:empty {
11843
11879
  padding: 6px;
11844
- }
11845
-
11846
- .k-badge-rounded.k-badge-sm {
11847
- border-radius: 2px;
11848
- }
11849
-
11850
- .k-badge-rounded.k-badge-md {
11851
- border-radius: 4px;
11852
- }
11853
-
11854
- .k-badge-rounded.k-badge-lg {
11855
- border-radius: 6px;
11856
- }
11857
-
11858
- .k-badge-pill {
11859
- border-radius: 5rem;
11860
- }
11861
-
11862
- .k-badge-circle {
11863
- padding: 0 !important;
11864
- border-radius: 100%;
11865
- }
11866
-
11867
- .k-badge-circle.k-badge-sm {
11868
- width: calc( 1em + 4px + 2px);
11869
- height: calc( 1em + 4px + 2px);
11870
- }
11871
-
11872
- .k-badge-circle.k-badge-md {
11873
- width: calc( 1em + 8px + 2px);
11874
- height: calc( 1em + 8px + 2px);
11875
- }
11876
-
11877
- .k-badge-circle.k-badge-lg {
11878
- width: calc( 1em + 12px + 2px);
11879
- height: calc( 1em + 12px + 2px);
11880
- }
11881
-
11882
- .k-badge-dot {
11883
- padding: 0 !important;
11884
- border-radius: 100%;
11885
- font-size: 0;
11886
- }
11887
-
11888
- .k-badge-dot.k-badge-sm {
11889
- width: 6px;
11890
- height: 6px;
11891
- }
11892
-
11893
- .k-badge-dot.k-badge-md {
11894
- width: 10px;
11895
- height: 10px;
11896
- }
11897
-
11898
- .k-badge-dot.k-badge-lg {
11899
- width: 12px;
11900
- height: 12px;
11880
+ min-width: auto;
11901
11881
  }
11902
11882
 
11903
11883
  kendo-badge-container {
@@ -12008,61 +11988,61 @@ kendo-badge-container {
12008
11988
  box-shadow: 0 0 0 2px #ffffff;
12009
11989
  }
12010
11990
 
12011
- .k-badge-solid.k-badge-primary {
11991
+ .k-badge-solid-primary {
12012
11992
  border-color: #ff6358;
12013
11993
  color: white;
12014
11994
  background-color: #ff6358;
12015
11995
  }
12016
11996
 
12017
- .k-badge-solid.k-badge-secondary {
11997
+ .k-badge-solid-secondary {
12018
11998
  border-color: #666666;
12019
11999
  color: white;
12020
12000
  background-color: #666666;
12021
12001
  }
12022
12002
 
12023
- .k-badge-solid.k-badge-tertiary {
12003
+ .k-badge-solid-tertiary {
12024
12004
  border-color: #03a9f4;
12025
12005
  color: white;
12026
12006
  background-color: #03a9f4;
12027
12007
  }
12028
12008
 
12029
- .k-badge-solid.k-badge-info {
12009
+ .k-badge-solid-info {
12030
12010
  border-color: #0058e9;
12031
12011
  color: white;
12032
12012
  background-color: #0058e9;
12033
12013
  }
12034
12014
 
12035
- .k-badge-solid.k-badge-success {
12015
+ .k-badge-solid-success {
12036
12016
  border-color: #37b400;
12037
12017
  color: white;
12038
12018
  background-color: #37b400;
12039
12019
  }
12040
12020
 
12041
- .k-badge-solid.k-badge-warning {
12021
+ .k-badge-solid-warning {
12042
12022
  border-color: #ffc000;
12043
12023
  color: black;
12044
12024
  background-color: #ffc000;
12045
12025
  }
12046
12026
 
12047
- .k-badge-solid.k-badge-error {
12027
+ .k-badge-solid-error {
12048
12028
  border-color: #f31700;
12049
12029
  color: white;
12050
12030
  background-color: #f31700;
12051
12031
  }
12052
12032
 
12053
- .k-badge-solid.k-badge-dark {
12033
+ .k-badge-solid-dark {
12054
12034
  border-color: #424242;
12055
12035
  color: white;
12056
12036
  background-color: #424242;
12057
12037
  }
12058
12038
 
12059
- .k-badge-solid.k-badge-light {
12039
+ .k-badge-solid-light {
12060
12040
  border-color: #ebebeb;
12061
12041
  color: black;
12062
12042
  background-color: #ebebeb;
12063
12043
  }
12064
12044
 
12065
- .k-badge-solid.k-badge-inverse {
12045
+ .k-badge-solid-inverse {
12066
12046
  border-color: #424242;
12067
12047
  color: white;
12068
12048
  background-color: #424242;
@@ -12073,43 +12053,43 @@ kendo-badge-container {
12073
12053
  background-color: #ffffff;
12074
12054
  }
12075
12055
 
12076
- .k-badge-outline.k-badge-primary {
12056
+ .k-badge-outline-primary {
12077
12057
  color: #ff6358;
12078
12058
  }
12079
12059
 
12080
- .k-badge-outline.k-badge-secondary {
12060
+ .k-badge-outline-secondary {
12081
12061
  color: #666666;
12082
12062
  }
12083
12063
 
12084
- .k-badge-outline.k-badge-tertiary {
12064
+ .k-badge-outline-tertiary {
12085
12065
  color: #03a9f4;
12086
12066
  }
12087
12067
 
12088
- .k-badge-outline.k-badge-info {
12068
+ .k-badge-outline-info {
12089
12069
  color: #0058e9;
12090
12070
  }
12091
12071
 
12092
- .k-badge-outline.k-badge-success {
12072
+ .k-badge-outline-success {
12093
12073
  color: #37b400;
12094
12074
  }
12095
12075
 
12096
- .k-badge-outline.k-badge-warning {
12076
+ .k-badge-outline-warning {
12097
12077
  color: #ffc000;
12098
12078
  }
12099
12079
 
12100
- .k-badge-outline.k-badge-error {
12080
+ .k-badge-outline-error {
12101
12081
  color: #f31700;
12102
12082
  }
12103
12083
 
12104
- .k-badge-outline.k-badge-dark {
12084
+ .k-badge-outline-dark {
12105
12085
  color: #424242;
12106
12086
  }
12107
12087
 
12108
- .k-badge-outline.k-badge-light {
12088
+ .k-badge-outline-light {
12109
12089
  color: #ebebeb;
12110
12090
  }
12111
12091
 
12112
- .k-badge-outline.k-badge-inverse {
12092
+ .k-badge-outline-inverse {
12113
12093
  color: #424242;
12114
12094
  }
12115
12095
 
@@ -12128,7 +12108,9 @@ kendo-badge-container {
12128
12108
  justify-content: center;
12129
12109
  gap: 4px;
12130
12110
  vertical-align: middle;
12131
- user-select: none;
12111
+ -webkit-user-select: none;
12112
+ -ms-user-select: none;
12113
+ user-select: none;
12132
12114
  cursor: pointer;
12133
12115
  outline: none;
12134
12116
  -webkit-appearance: none;
@@ -12187,8 +12169,8 @@ kendo-badge-container {
12187
12169
  }
12188
12170
 
12189
12171
  .k-button-sm.k-icon-button > .k-button-icon {
12190
- min-width: calc( 14px * 1.4285714286);
12191
- min-height: calc( 14px * 1.4285714286);
12172
+ min-width: 20.0000000004px;
12173
+ min-height: 20.0000000004px;
12192
12174
  }
12193
12175
 
12194
12176
  .k-button-md {
@@ -12202,8 +12184,8 @@ kendo-badge-container {
12202
12184
  }
12203
12185
 
12204
12186
  .k-button-md.k-icon-button > .k-button-icon {
12205
- min-width: calc( 14px * 1.4285714286);
12206
- min-height: calc( 14px * 1.4285714286);
12187
+ min-width: 20.0000000004px;
12188
+ min-height: 20.0000000004px;
12207
12189
  }
12208
12190
 
12209
12191
  .k-button-lg {
@@ -12217,8 +12199,8 @@ kendo-badge-container {
12217
12199
  }
12218
12200
 
12219
12201
  .k-button-lg.k-icon-button > .k-button-icon {
12220
- min-width: calc( 16px * 1.5);
12221
- min-height: calc( 16px * 1.5);
12202
+ min-width: 24px;
12203
+ min-height: 24px;
12222
12204
  }
12223
12205
 
12224
12206
  .k-button-square {
@@ -13410,11 +13392,20 @@ kendo-badge-container {
13410
13392
  margin: 0;
13411
13393
  }
13412
13394
 
13395
+ .k-input:-ms-input-placeholder, .k-picker:-ms-input-placeholder {
13396
+ color: #666666;
13397
+ opacity: 1;
13398
+ -ms-user-select: none;
13399
+ user-select: none;
13400
+ }
13401
+
13413
13402
  .k-input::placeholder,
13414
13403
  .k-picker::placeholder {
13415
13404
  color: #666666;
13416
13405
  opacity: 1;
13417
- user-select: none;
13406
+ -webkit-user-select: none;
13407
+ -ms-user-select: none;
13408
+ user-select: none;
13418
13409
  }
13419
13410
 
13420
13411
  .k-input:-ms-input-placeholder,
@@ -13504,10 +13495,19 @@ select.k-picker:disabled, select.k-picker[disabled] {
13504
13495
  display: none;
13505
13496
  }
13506
13497
 
13498
+ .k-input-inner:-ms-input-placeholder {
13499
+ color: #666666;
13500
+ opacity: 1;
13501
+ -ms-user-select: none;
13502
+ user-select: none;
13503
+ }
13504
+
13507
13505
  .k-input-inner::placeholder {
13508
13506
  color: #666666;
13509
13507
  opacity: 1;
13510
- user-select: none;
13508
+ -webkit-user-select: none;
13509
+ -ms-user-select: none;
13510
+ user-select: none;
13511
13511
  }
13512
13512
 
13513
13513
  .k-input-inner:-ms-input-placeholder {
@@ -13623,7 +13623,7 @@ textarea.k-input-inner {
13623
13623
  }
13624
13624
 
13625
13625
  .k-input-button {
13626
- width: calc( 1.4285714286em + 8px);
13626
+ width: calc(1.4285714286em + 8px);
13627
13627
  border-width: 0;
13628
13628
  border-inline-start-width: 1px;
13629
13629
  flex: none;
@@ -13646,7 +13646,7 @@ textarea.k-input-inner {
13646
13646
  }
13647
13647
 
13648
13648
  .k-input-spinner {
13649
- width: calc( 1.4285714286em + 8px);
13649
+ width: calc(1.4285714286em + 8px);
13650
13650
  flex: none;
13651
13651
  display: flex;
13652
13652
  flex-flow: column nowrap;
@@ -13759,14 +13759,14 @@ textarea.k-input-inner {
13759
13759
  .k-picker-sm .k-clear-value,
13760
13760
  .k-picker-sm .k-input-prefix > .k-icon,
13761
13761
  .k-picker-sm .k-input-suffix > .k-icon {
13762
- width: calc( 16px + 4px);
13763
- height: calc( 16px + 4px);
13762
+ width: 20px;
13763
+ height: 20px;
13764
13764
  }
13765
13765
 
13766
13766
  .k-input-sm.k-icon-picker .k-input-inner,
13767
13767
  .k-picker-sm.k-icon-picker .k-input-inner {
13768
- width: calc( 1.4285714286em);
13769
- height: calc( 1.4285714286em);
13768
+ width: 1.4285714286em;
13769
+ height: 1.4285714286em;
13770
13770
  padding: 2px;
13771
13771
  box-sizing: content-box;
13772
13772
  }
@@ -13822,14 +13822,14 @@ textarea.k-input-inner {
13822
13822
  .k-picker-md .k-clear-value,
13823
13823
  .k-picker-md .k-input-prefix > .k-icon,
13824
13824
  .k-picker-md .k-input-suffix > .k-icon {
13825
- width: calc( 16px + 8px);
13826
- height: calc( 16px + 8px);
13825
+ width: 24px;
13826
+ height: 24px;
13827
13827
  }
13828
13828
 
13829
13829
  .k-input-md.k-icon-picker .k-input-inner,
13830
13830
  .k-picker-md.k-icon-picker .k-input-inner {
13831
- width: calc( 1.4285714286em);
13832
- height: calc( 1.4285714286em);
13831
+ width: 1.4285714286em;
13832
+ height: 1.4285714286em;
13833
13833
  padding: 4px;
13834
13834
  box-sizing: content-box;
13835
13835
  }
@@ -13885,14 +13885,14 @@ textarea.k-input-inner {
13885
13885
  .k-picker-lg .k-clear-value,
13886
13886
  .k-picker-lg .k-input-prefix > .k-icon,
13887
13887
  .k-picker-lg .k-input-suffix > .k-icon {
13888
- width: calc( 16px + 16px);
13889
- height: calc( 16px + 16px);
13888
+ width: 32px;
13889
+ height: 32px;
13890
13890
  }
13891
13891
 
13892
13892
  .k-input-lg.k-icon-picker .k-input-inner,
13893
13893
  .k-picker-lg.k-icon-picker .k-input-inner {
13894
- width: calc( 1.5em);
13895
- height: calc( 1.5em);
13894
+ width: 1.5em;
13895
+ height: 1.5em;
13896
13896
  padding: 8px;
13897
13897
  box-sizing: content-box;
13898
13898
  }
@@ -14108,7 +14108,7 @@ textarea.k-input-inner {
14108
14108
  }
14109
14109
 
14110
14110
  .k-floating-label-container {
14111
- padding-top: calc( 1.4285714286 * 14px);
14111
+ padding-top: 20.0000000004px;
14112
14112
  box-sizing: border-box;
14113
14113
  display: inline-flex;
14114
14114
  vertical-align: middle;
@@ -14130,8 +14130,8 @@ textarea.k-input-inner {
14130
14130
  white-space: nowrap;
14131
14131
  text-overflow: ellipsis;
14132
14132
  position: absolute;
14133
- top: calc( calc( 1.4285714286 * 14px) + 1px + 4px);
14134
- left: calc( 8px + 1px);
14133
+ top: 25.0000000004px;
14134
+ left: 9px;
14135
14135
  overflow: hidden;
14136
14136
  cursor: text;
14137
14137
  transform-origin: left center;
@@ -14144,8 +14144,8 @@ textarea.k-input-inner {
14144
14144
  }
14145
14145
 
14146
14146
  .k-floating-label-container.k-state-empty > .k-label, .k-floating-label-container.k-empty > .k-label {
14147
- top: calc( calc( 1.4285714286 * 14px) + 1px + 4px);
14148
- left: calc( 8px + 1px);
14147
+ top: 25.0000000004px;
14148
+ left: 9px;
14149
14149
  transform: scale(1);
14150
14150
  pointer-events: none;
14151
14151
  }
@@ -14164,6 +14164,10 @@ textarea.k-input-inner {
14164
14164
  transform: scale(1);
14165
14165
  }
14166
14166
 
14167
+ .k-floating-label-container.k-state-empty:not(.k-state-focused) :-ms-input-placeholder, .k-floating-label-container.k-empty:not(.k-focus):not(:focus-within) :-ms-input-placeholder {
14168
+ color: transparent;
14169
+ }
14170
+
14167
14171
  .k-floating-label-container.k-state-empty:not(.k-state-focused) ::placeholder,
14168
14172
  .k-floating-label-container.k-empty:not(.k-focus):not(:focus-within) ::placeholder {
14169
14173
  color: transparent;
@@ -14179,7 +14183,7 @@ textarea.k-input-inner {
14179
14183
  .k-rtl .k-floating-label-container.k-state-empty > .k-label,
14180
14184
  .k-rtl .k-floating-label-container.k-empty > .k-label, .k-floating-label-container[dir="rtl"].k-state-empty > .k-label, .k-floating-label-container[dir="rtl"].k-empty > .k-label {
14181
14185
  left: auto;
14182
- right: calc( 8px + 1px);
14186
+ right: 9px;
14183
14187
  }
14184
14188
 
14185
14189
  [dir="rtl"] .k-floating-label-container > .k-label,
@@ -14770,7 +14774,9 @@ textarea.k-input-inner {
14770
14774
  position: relative;
14771
14775
  overflow: hidden;
14772
14776
  cursor: pointer;
14773
- user-select: none;
14777
+ -webkit-user-select: none;
14778
+ -ms-user-select: none;
14779
+ user-select: none;
14774
14780
  }
14775
14781
 
14776
14782
  .k-chip *,
@@ -15159,7 +15165,7 @@ textarea.k-input-inner {
15159
15165
  }
15160
15166
 
15161
15167
  .k-icon-color-preview .k-color-preview-mask {
15162
- width: calc( 16px - 2px);
15168
+ width: 14px;
15163
15169
  height: 2px;
15164
15170
  }
15165
15171
 
@@ -15322,32 +15328,32 @@ textarea.k-input-inner {
15322
15328
  top: 100%;
15323
15329
  left: 0;
15324
15330
  animation: spinner-3-segment 2s ease infinite;
15325
- animation-delay: calc( -2s / 3);
15331
+ animation-delay: -0.6666666667s;
15326
15332
  }
15327
15333
 
15328
15334
  .k-loader-spinner-3 .k-loader-segment:nth-child(3) {
15329
15335
  top: 100%;
15330
15336
  left: 100%;
15331
15337
  animation: spinner-3-segment 2s ease infinite;
15332
- animation-delay: calc( -4s / 3);
15338
+ animation-delay: -1.3333333333s;
15333
15339
  }
15334
15340
 
15335
15341
  .k-loader-spinner-3.k-loader-sm .k-loader-canvas {
15336
15342
  margin: 2px;
15337
- width: calc( 16px - 4px);
15338
- height: calc( 13.8564064608px - 4px);
15343
+ width: 12px;
15344
+ height: 9.8564064608px;
15339
15345
  }
15340
15346
 
15341
15347
  .k-loader-spinner-3.k-loader-md .k-loader-canvas {
15342
15348
  margin: 4px;
15343
- width: calc( 32px - 8px);
15344
- height: calc( 27.7128129216px - 8px);
15349
+ width: 24px;
15350
+ height: 19.7128129216px;
15345
15351
  }
15346
15352
 
15347
15353
  .k-loader-spinner-3.k-loader-lg .k-loader-canvas {
15348
15354
  margin: 8px;
15349
- width: calc( 64px - 16px);
15350
- height: calc( 55.4256258432px - 16px);
15355
+ width: 48px;
15356
+ height: 39.4256258432px;
15351
15357
  }
15352
15358
 
15353
15359
  @keyframes spinner-4-segment-1 {
@@ -15727,7 +15733,9 @@ textarea.k-input-inner {
15727
15733
  flex-flow: column nowrap;
15728
15734
  flex: none;
15729
15735
  position: relative;
15730
- user-select: none;
15736
+ -webkit-user-select: none;
15737
+ -ms-user-select: none;
15738
+ user-select: none;
15731
15739
  }
15732
15740
 
15733
15741
  .k-menu-item-content {
@@ -15799,12 +15807,12 @@ textarea.k-input-inner {
15799
15807
 
15800
15808
  .k-menu-vertical > .k-menu-item > .k-menu-link {
15801
15809
  padding: 4px 8px;
15802
- padding-right: calc( 16px + 16px);
15810
+ padding-right: 32px;
15803
15811
  }
15804
15812
 
15805
15813
  .k-menu-vertical > .k-menu-item > .k-menu-link > .k-menu-expand-arrow {
15806
15814
  margin-inline-start: 8px;
15807
- margin-inline-end: calc( -1 * (calc( 16px + 16px) - 4px));
15815
+ margin-inline-end: -28px;
15808
15816
  }
15809
15817
 
15810
15818
  .k-menu-vertical > .k-separator {
@@ -15868,12 +15876,12 @@ textarea.k-input-inner {
15868
15876
 
15869
15877
  .k-menu-group-sm .k-menu-link {
15870
15878
  padding: 2px 8px;
15871
- padding-inline-end: calc( 16px + 16px);
15879
+ padding-inline-end: 32px;
15872
15880
  }
15873
15881
 
15874
15882
  .k-menu-group-sm .k-menu-expand-arrow {
15875
15883
  margin-inline-start: 8px;
15876
- margin-inline-end: calc( -1 * (calc( 16px + 16px) - 4px));
15884
+ margin-inline-end: -28px;
15877
15885
  }
15878
15886
 
15879
15887
  .k-menu-group-md {
@@ -15888,12 +15896,12 @@ textarea.k-input-inner {
15888
15896
 
15889
15897
  .k-menu-group-md .k-menu-link {
15890
15898
  padding: 4px 8px;
15891
- padding-inline-end: calc( 16px + 16px);
15899
+ padding-inline-end: 32px;
15892
15900
  }
15893
15901
 
15894
15902
  .k-menu-group-md .k-menu-expand-arrow {
15895
15903
  margin-inline-start: 8px;
15896
- margin-inline-end: calc( -1 * (calc( 16px + 16px) - 4px));
15904
+ margin-inline-end: -28px;
15897
15905
  }
15898
15906
 
15899
15907
  .k-menu-group-lg {
@@ -15908,12 +15916,12 @@ textarea.k-input-inner {
15908
15916
 
15909
15917
  .k-menu-group-lg .k-menu-link {
15910
15918
  padding: 6px 8px;
15911
- padding-inline-end: calc( 16px + 16px);
15919
+ padding-inline-end: 32px;
15912
15920
  }
15913
15921
 
15914
15922
  .k-menu-group-lg .k-menu-expand-arrow {
15915
15923
  margin-inline-start: 8px;
15916
- margin-inline-end: calc( -1 * (calc( 16px + 16px) - 4px));
15924
+ margin-inline-end: -28px;
15917
15925
  }
15918
15926
 
15919
15927
  .k-popups-wrapper {
@@ -16013,13 +16021,13 @@ textarea.k-input-inner {
16013
16021
  .k-rtl .k-menu-vertical > .k-menu-item > .k-menu-link,
16014
16022
  [dir="rtl"] .k-menu-vertical > .k-menu-item > .k-menu-link {
16015
16023
  padding-right: 8px;
16016
- padding-left: calc( 16px + 16px);
16024
+ padding-left: 32px;
16017
16025
  }
16018
16026
 
16019
16027
  .k-rtl .k-menu-group .k-menu-link,
16020
16028
  [dir="rtl"] .k-menu-group .k-menu-link {
16021
16029
  padding-right: 8px;
16022
- padding-left: calc( 16px + 16px);
16030
+ padding-left: 32px;
16023
16031
  }
16024
16032
 
16025
16033
  .k-menu:not(.k-context-menu) {
@@ -16110,7 +16118,7 @@ textarea.k-input-inner {
16110
16118
 
16111
16119
  .k-toolbar::before {
16112
16120
  content: "";
16113
- height: calc( 1.4285714286em + 8px + 2px);
16121
+ height: calc(1.4285714286em + 10px);
16114
16122
  margin-inline-start: -8px;
16115
16123
  }
16116
16124
 
@@ -16178,6 +16186,11 @@ textarea.k-input-inner {
16178
16186
  align-items: center;
16179
16187
  }
16180
16188
 
16189
+ .k-toolbar .k-toolbar-item:focus {
16190
+ text-decoration: none;
16191
+ outline: 0;
16192
+ }
16193
+
16181
16194
  .k-toolbar-group {
16182
16195
  display: flex;
16183
16196
  flex-direction: inherit;
@@ -16293,6 +16306,11 @@ kendo-toolbar-renderer {
16293
16306
  border-color: inherit;
16294
16307
  }
16295
16308
 
16309
+ .k-toolbar .k-toolbar-item:focus,
16310
+ .k-toolbar .k-toolbar-item.k-focus {
16311
+ box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
16312
+ }
16313
+
16296
16314
  .k-overflow-container .k-button:hover, .k-overflow-container .k-button.k-hover {
16297
16315
  color: #424242;
16298
16316
  background: #f0f0f0;
@@ -16586,7 +16604,7 @@ kendo-label > .k-label {
16586
16604
  }
16587
16605
 
16588
16606
  .k-form-horizontal .k-form-field-wrap {
16589
- max-width: calc( ( 100% - 25% ) - 10px);
16607
+ max-width: calc(75% - 10px);
16590
16608
  flex: 1 1 auto;
16591
16609
  }
16592
16610
 
@@ -16653,7 +16671,7 @@ kendo-label > .k-label {
16653
16671
  width: 25%;
16654
16672
  text-align: right;
16655
16673
  line-height: 1.4285714286;
16656
- padding: calc( 4px + 1px) 0;
16674
+ padding: 5px 0;
16657
16675
  padding-right: 12px;
16658
16676
  align-self: center;
16659
16677
  }
@@ -16702,7 +16720,7 @@ kendo-label > .k-label {
16702
16720
 
16703
16721
  .k-edit-label {
16704
16722
  margin: 0 0 1em 0;
16705
- padding: calc( 4px + 1px) 0;
16723
+ padding: 5px 0;
16706
16724
  width: 30%;
16707
16725
  line-height: 1.4285714286;
16708
16726
  text-align: right;
@@ -16719,7 +16737,7 @@ kendo-label > .k-label {
16719
16737
  }
16720
16738
 
16721
16739
  .k-edit-field.k-no-editor {
16722
- padding: calc( 4px + 1px) 0;
16740
+ padding: 5px 0;
16723
16741
  }
16724
16742
 
16725
16743
  .k-edit-field > .k-widget {
@@ -16942,7 +16960,7 @@ kendo-label > .k-label {
16942
16960
  }
16943
16961
 
16944
16962
  .k-validator-tooltip {
16945
- margin-top: calc( 6px + 0px);
16963
+ margin-top: 6px;
16946
16964
  width: auto;
16947
16965
  white-space: normal;
16948
16966
  display: flex;
@@ -17234,13 +17252,13 @@ kendo-label > .k-label {
17234
17252
  .k-progressbar-horizontal > .k-state-selected,
17235
17253
  .k-progressbar-horizontal > .k-selected {
17236
17254
  width: 0;
17237
- width: calc( var( --kendo-progressbar-progress, 0 ) * 1%);
17255
+ width: calc(var( --kendo-progressbar-progress, 0 )*1%);
17238
17256
  flex-direction: row;
17239
17257
  }
17240
17258
 
17241
17259
  .k-progressbar-horizontal > .k-state-selected > .k-progress-status-wrap,
17242
17260
  .k-progressbar-horizontal > .k-selected > .k-progress-status-wrap {
17243
- width: calc( 100% * ( 100 / var( --kendo-progressbar-progress, 1 ) ));
17261
+ width: calc(100%*(100/var( --kendo-progressbar-progress, 1 )));
17244
17262
  }
17245
17263
 
17246
17264
  .k-progressbar-horizontal > ul {
@@ -17271,13 +17289,14 @@ kendo-label > .k-label {
17271
17289
  }
17272
17290
 
17273
17291
  .k-progressbar-vertical .k-progress-status {
17274
- writing-mode: vertical-lr;
17292
+ -ms-writing-mode: tb-lr;
17293
+ writing-mode: vertical-lr;
17275
17294
  }
17276
17295
 
17277
17296
  .k-progressbar-vertical > .k-state-selected,
17278
17297
  .k-progressbar-vertical > .k-selected {
17279
17298
  height: 0;
17280
- height: calc( var( --kendo-progressbar-progress, 0 ) * 1%);
17299
+ height: calc(var( --kendo-progressbar-progress, 0 )*1%);
17281
17300
  flex-direction: column-reverse;
17282
17301
  align-self: flex-end;
17283
17302
  align-items: flex-end;
@@ -17285,7 +17304,7 @@ kendo-label > .k-label {
17285
17304
 
17286
17305
  .k-progressbar-vertical > .k-state-selected > .k-progress-status-wrap,
17287
17306
  .k-progressbar-vertical > .k-selected > .k-progress-status-wrap {
17288
- height: calc( 100% * ( 100 / var( --kendo-progressbar-progress, 1 ) ));
17307
+ height: calc(100%*(100/var( --kendo-progressbar-progress, 1 )));
17289
17308
  }
17290
17309
 
17291
17310
  .k-progressbar-vertical > ul {
@@ -17753,7 +17772,7 @@ kendo-label > .k-label {
17753
17772
  .k-slider {
17754
17773
  width: min-content;
17755
17774
  height: min-content;
17756
- gap: calc( 14px / 2);
17775
+ gap: 7px;
17757
17776
  }
17758
17777
 
17759
17778
  .k-slider .k-button {
@@ -17776,7 +17795,9 @@ kendo-label > .k-label {
17776
17795
  display: flex;
17777
17796
  flex-flow: inherit;
17778
17797
  justify-content: space-between;
17779
- user-select: none;
17798
+ -webkit-user-select: none;
17799
+ -ms-user-select: none;
17800
+ user-select: none;
17780
17801
  }
17781
17802
 
17782
17803
  .k-slider .k-slider-track-wrap .k-tick {
@@ -17816,31 +17837,31 @@ kendo-label > .k-label {
17816
17837
  }
17817
17838
 
17818
17839
  .k-slider-horizontal .k-slider-track-wrap .k-slider-selection {
17819
- width: calc( (var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0)) * 1%);
17820
- left: calc( var(--kendo-slider-start, 0) * 1%);
17840
+ width: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%);
17841
+ left: calc(var(--kendo-slider-start, 0)*1%);
17821
17842
  }
17822
17843
 
17823
17844
  .k-slider-horizontal .k-slider-track-wrap .k-draghandle-start {
17824
- left: calc( var(--kendo-slider-start, 0) * 1%);
17845
+ left: calc(var(--kendo-slider-start, 0)*1%);
17825
17846
  }
17826
17847
 
17827
17848
  .k-slider-horizontal .k-slider-track-wrap .k-draghandle-end {
17828
- left: calc( var(--kendo-slider-end, 0) * 1%);
17849
+ left: calc(var(--kendo-slider-end, 0)*1%);
17829
17850
  }
17830
17851
 
17831
17852
  [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-slider-selection {
17832
17853
  left: unset;
17833
- right: calc( var(--kendo-slider-start, 0) * 1%);
17854
+ right: calc(var(--kendo-slider-start, 0)*1%);
17834
17855
  }
17835
17856
 
17836
17857
  [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle-start {
17837
17858
  left: unset;
17838
- right: calc( var(--kendo-slider-start, 0) * 1%);
17859
+ right: calc(var(--kendo-slider-start, 0)*1%);
17839
17860
  }
17840
17861
 
17841
17862
  [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle-end {
17842
17863
  left: unset;
17843
- right: calc( var(--kendo-slider-end, 0) * 1%);
17864
+ right: calc(var(--kendo-slider-end, 0)*1%);
17844
17865
  }
17845
17866
 
17846
17867
  [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle {
@@ -17871,16 +17892,16 @@ kendo-label > .k-label {
17871
17892
  }
17872
17893
 
17873
17894
  .k-slider-vertical .k-slider-track-wrap .k-slider-selection {
17874
- bottom: calc( var(--kendo-slider-start, 0) * 1%);
17875
- height: calc( (var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0)) * 1%);
17895
+ bottom: calc(var(--kendo-slider-start, 0)*1%);
17896
+ height: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%);
17876
17897
  }
17877
17898
 
17878
17899
  .k-slider-vertical .k-slider-track-wrap .k-draghandle-start {
17879
- bottom: calc( var(--kendo-slider-start, 0) * 1%);
17900
+ bottom: calc(var(--kendo-slider-start, 0)*1%);
17880
17901
  }
17881
17902
 
17882
17903
  .k-slider-vertical .k-slider-track-wrap .k-draghandle-end {
17883
- bottom: calc( var(--kendo-slider-end, 0) * 1%);
17904
+ bottom: calc(var(--kendo-slider-end, 0)*1%);
17884
17905
  }
17885
17906
 
17886
17907
  .k-slider-vertical {
@@ -18108,12 +18129,12 @@ kendo-label > .k-label {
18108
18129
  left: auto;
18109
18130
  }
18110
18131
 
18111
- .k-rtl .k-slider-horizontal .k-button .k-i-arrow-e,
18112
- .k-rtl .k-slider-horizontal .k-button .k-i-arrow-w, .k-slider-horizontal.k-rtl .k-button .k-i-arrow-e,
18113
- .k-slider-horizontal.k-rtl .k-button .k-i-arrow-w,
18114
- [dir="rtl"] .k-slider-horizontal .k-button .k-i-arrow-e,
18115
- [dir="rtl"] .k-slider-horizontal .k-button .k-i-arrow-w, .k-slider-horizontal[dir="rtl"] .k-button .k-i-arrow-e,
18116
- .k-slider-horizontal[dir="rtl"] .k-button .k-i-arrow-w {
18132
+ .k-rtl .k-slider-horizontal .k-button-increase .k-icon,
18133
+ .k-rtl .k-slider-horizontal .k-button-decrease .k-icon, .k-slider-horizontal.k-rtl .k-button-increase .k-icon,
18134
+ .k-slider-horizontal.k-rtl .k-button-decrease .k-icon,
18135
+ [dir="rtl"] .k-slider-horizontal .k-button-increase .k-icon,
18136
+ [dir="rtl"] .k-slider-horizontal .k-button-decrease .k-icon, .k-slider-horizontal[dir="rtl"] .k-button-increase .k-icon,
18137
+ .k-slider-horizontal[dir="rtl"] .k-button-decrease .k-icon {
18117
18138
  transform: scaleX(-1);
18118
18139
  }
18119
18140
 
@@ -18199,13 +18220,13 @@ kendo-label > .k-label {
18199
18220
  }
18200
18221
 
18201
18222
  .k-slider-horizontal .k-slider-wrap:not(.k-slider-buttons) {
18202
- padding-left: calc( 14px / 2);
18203
- padding-right: calc( 14px / 2);
18223
+ padding-left: 7px;
18224
+ padding-right: 7px;
18204
18225
  }
18205
18226
 
18206
18227
  .k-slider-vertical .k-slider-wrap:not(.k-slider-buttons) {
18207
- padding-top: calc( 14px / 2);
18208
- padding-bottom: calc( 14px / 2);
18228
+ padding-top: 7px;
18229
+ padding-bottom: 7px;
18209
18230
  }
18210
18231
 
18211
18232
  .k-slider {
@@ -18272,7 +18293,9 @@ kendo-label > .k-label {
18272
18293
  overflow: hidden;
18273
18294
  display: inline-flex;
18274
18295
  flex-flow: column nowrap;
18275
- user-select: none;
18296
+ -webkit-user-select: none;
18297
+ -ms-user-select: none;
18298
+ user-select: none;
18276
18299
  -webkit-touch-callout: none;
18277
18300
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
18278
18301
  }
@@ -18964,7 +18987,9 @@ kendo-label > .k-label {
18964
18987
  overflow: hidden;
18965
18988
  display: flex;
18966
18989
  flex-flow: column nowrap;
18967
- user-select: none;
18990
+ -webkit-user-select: none;
18991
+ -ms-user-select: none;
18992
+ user-select: none;
18968
18993
  -webkit-touch-callout: none;
18969
18994
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
18970
18995
  }
@@ -19008,12 +19033,12 @@ kendo-label > .k-label {
19008
19033
  .k-time-highlight,
19009
19034
  .k-time-list-highlight {
19010
19035
  width: 100%;
19011
- height: calc( 20px + 8px);
19036
+ height: 28px;
19012
19037
  border-width: 1px 0px;
19013
19038
  border-style: solid;
19014
19039
  box-sizing: border-box;
19015
19040
  position: absolute;
19016
- top: calc( 50% + 9px);
19041
+ top: calc(50% + 9px);
19017
19042
  left: 0;
19018
19043
  right: 0;
19019
19044
  transform: translateY(-50%);
@@ -19049,7 +19074,7 @@ kendo-label > .k-label {
19049
19074
  width: 100%;
19050
19075
  left: 0;
19051
19076
  pointer-events: none;
19052
- height: calc( 50% - calc( 20px + 8px)/2);
19077
+ height: calc(50% - 14px);
19053
19078
  box-sizing: border-box;
19054
19079
  border-width: 0;
19055
19080
  border-style: solid;
@@ -19139,14 +19164,14 @@ kendo-label > .k-label {
19139
19164
 
19140
19165
  .k-time-separator {
19141
19166
  width: 0;
19142
- height: calc( 20px + 8px);
19167
+ height: 28px;
19143
19168
  align-self: center;
19144
19169
  display: inline-flex;
19145
19170
  justify-content: center;
19146
19171
  align-items: center;
19147
19172
  position: relative;
19148
19173
  z-index: 11;
19149
- top: calc( 9px);
19174
+ top: 9px;
19150
19175
  }
19151
19176
 
19152
19177
  .k-timeselector-sm {
@@ -19156,11 +19181,11 @@ kendo-label > .k-label {
19156
19181
 
19157
19182
  .k-timeselector-sm .k-time-highlight,
19158
19183
  .k-timeselector-sm .k-time-list-highlight {
19159
- height: calc( 20px + 4px);
19184
+ height: 24px;
19160
19185
  }
19161
19186
 
19162
19187
  .k-timeselector-sm .k-time-separator {
19163
- height: calc( 20px + 4px);
19188
+ height: 24px;
19164
19189
  }
19165
19190
 
19166
19191
  .k-timeselector-sm .k-time-list-item,
@@ -19175,11 +19200,11 @@ kendo-label > .k-label {
19175
19200
 
19176
19201
  .k-timeselector-md .k-time-highlight,
19177
19202
  .k-timeselector-md .k-time-list-highlight {
19178
- height: calc( 20px + 8px);
19203
+ height: 28px;
19179
19204
  }
19180
19205
 
19181
19206
  .k-timeselector-md .k-time-separator {
19182
- height: calc( 20px + 8px);
19207
+ height: 28px;
19183
19208
  }
19184
19209
 
19185
19210
  .k-timeselector-md .k-time-list-item,
@@ -19194,11 +19219,11 @@ kendo-label > .k-label {
19194
19219
 
19195
19220
  .k-timeselector-lg .k-time-highlight,
19196
19221
  .k-timeselector-lg .k-time-list-highlight {
19197
- height: calc( 24px + 16px);
19222
+ height: 40px;
19198
19223
  }
19199
19224
 
19200
19225
  .k-timeselector-lg .k-time-separator {
19201
- height: calc( 24px + 16px);
19226
+ height: 40px;
19202
19227
  }
19203
19228
 
19204
19229
  .k-timeselector-lg .k-time-list-item,
@@ -19401,7 +19426,9 @@ kendo-label > .k-label {
19401
19426
  border-radius: 4px;
19402
19427
  position: relative;
19403
19428
  flex: 1 1 auto;
19404
- user-select: none;
19429
+ -webkit-user-select: none;
19430
+ -ms-user-select: none;
19431
+ user-select: none;
19405
19432
  -ms-touch-action: pinch-zoom double-tap-zoom;
19406
19433
  }
19407
19434
 
@@ -19529,7 +19556,7 @@ kendo-label > .k-label {
19529
19556
  vertical-align: middle;
19530
19557
  }
19531
19558
 
19532
- .k-colorgradient-color-contrast .k-contrast-validation .k-i-check + .k-i-check {
19559
+ .k-colorgradient-color-contrast .k-contrast-validation .k-icon + .k-icon {
19533
19560
  margin-left: -13px;
19534
19561
  }
19535
19562
 
@@ -19647,7 +19674,7 @@ kendo-label > .k-label {
19647
19674
  }
19648
19675
 
19649
19676
  .k-coloreditor-views {
19650
- min-width: calc( var(--kendo-color-preview-width, 24px) * var(--kendo-color-preview-columns, 10));
19677
+ min-width: calc(var(--kendo-color-preview-width, 24px)*var(--kendo-color-preview-columns, 10));
19651
19678
  padding: 12px 12px;
19652
19679
  gap: 12px;
19653
19680
  }
@@ -19695,7 +19722,7 @@ kendo-label > .k-label {
19695
19722
  }
19696
19723
 
19697
19724
  .k-datetime-wrap {
19698
- width: calc( 256px + 32px);
19725
+ width: 288px;
19699
19726
  overflow: hidden;
19700
19727
  }
19701
19728
 
@@ -19712,7 +19739,7 @@ kendo-label > .k-label {
19712
19739
  .k-datetime-calendar-wrap,
19713
19740
  .k-datetime-time-wrap {
19714
19741
  text-align: center;
19715
- flex: 0 0 calc( 256px + 32px);
19742
+ flex: 0 0 288px;
19716
19743
  }
19717
19744
 
19718
19745
  .k-date-tab .k-datetime-selector {
@@ -20128,7 +20155,9 @@ kendo-label > .k-label {
20128
20155
  line-height: 1;
20129
20156
  position: relative;
20130
20157
  cursor: pointer;
20131
- user-select: none;
20158
+ -webkit-user-select: none;
20159
+ -ms-user-select: none;
20160
+ user-select: none;
20132
20161
  -webkit-touch-callout: none;
20133
20162
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
20134
20163
  }
@@ -20214,11 +20243,11 @@ kendo-label > .k-label {
20214
20243
  }
20215
20244
 
20216
20245
  .k-switch-sm.k-switch-on .k-switch-thumb-wrap {
20217
- left: calc( 100% - 13px - 0px);
20246
+ left: calc(100% - 13px);
20218
20247
  }
20219
20248
 
20220
20249
  .k-switch-sm.k-switch-off .k-switch-thumb-wrap {
20221
- left: calc( 13px + 0px);
20250
+ left: 13px;
20222
20251
  }
20223
20252
 
20224
20253
  .k-switch-sm[dir="rtl"] .k-switch-label-on,
@@ -20238,13 +20267,13 @@ kendo-label > .k-label {
20238
20267
  .k-switch-sm[dir="rtl"].k-switch-on .k-switch-thumb-wrap,
20239
20268
  [dir="rtl"] .k-switch-sm.k-switch-on .k-switch-thumb-wrap,
20240
20269
  .k-rtl .k-switch-sm.k-switch-on .k-switch-thumb-wrap {
20241
- left: calc( 13px + 0px);
20270
+ left: 13px;
20242
20271
  }
20243
20272
 
20244
20273
  .k-switch-sm[dir="rtl"].k-switch-off .k-switch-thumb-wrap,
20245
20274
  [dir="rtl"] .k-switch-sm.k-switch-off .k-switch-thumb-wrap,
20246
20275
  .k-rtl .k-switch-sm.k-switch-off .k-switch-thumb-wrap {
20247
- left: calc( 100% - 13px - 0px);
20276
+ left: calc(100% - 13px);
20248
20277
  }
20249
20278
 
20250
20279
  .k-switch-md {
@@ -20272,11 +20301,11 @@ kendo-label > .k-label {
20272
20301
  }
20273
20302
 
20274
20303
  .k-switch-md.k-switch-on .k-switch-thumb-wrap {
20275
- left: calc( 100% - 15px - 0px);
20304
+ left: calc(100% - 15px);
20276
20305
  }
20277
20306
 
20278
20307
  .k-switch-md.k-switch-off .k-switch-thumb-wrap {
20279
- left: calc( 15px + 0px);
20308
+ left: 15px;
20280
20309
  }
20281
20310
 
20282
20311
  .k-switch-md[dir="rtl"] .k-switch-label-on,
@@ -20296,13 +20325,13 @@ kendo-label > .k-label {
20296
20325
  .k-switch-md[dir="rtl"].k-switch-on .k-switch-thumb-wrap,
20297
20326
  [dir="rtl"] .k-switch-md.k-switch-on .k-switch-thumb-wrap,
20298
20327
  .k-rtl .k-switch-md.k-switch-on .k-switch-thumb-wrap {
20299
- left: calc( 15px + 0px);
20328
+ left: 15px;
20300
20329
  }
20301
20330
 
20302
20331
  .k-switch-md[dir="rtl"].k-switch-off .k-switch-thumb-wrap,
20303
20332
  [dir="rtl"] .k-switch-md.k-switch-off .k-switch-thumb-wrap,
20304
20333
  .k-rtl .k-switch-md.k-switch-off .k-switch-thumb-wrap {
20305
- left: calc( 100% - 15px - 0px);
20334
+ left: calc(100% - 15px);
20306
20335
  }
20307
20336
 
20308
20337
  .k-switch-lg {
@@ -20330,11 +20359,11 @@ kendo-label > .k-label {
20330
20359
  }
20331
20360
 
20332
20361
  .k-switch-lg.k-switch-on .k-switch-thumb-wrap {
20333
- left: calc( 100% - 17px - 0px);
20362
+ left: calc(100% - 17px);
20334
20363
  }
20335
20364
 
20336
20365
  .k-switch-lg.k-switch-off .k-switch-thumb-wrap {
20337
- left: calc( 17px + 0px);
20366
+ left: 17px;
20338
20367
  }
20339
20368
 
20340
20369
  .k-switch-lg[dir="rtl"] .k-switch-label-on,
@@ -20354,13 +20383,13 @@ kendo-label > .k-label {
20354
20383
  .k-switch-lg[dir="rtl"].k-switch-on .k-switch-thumb-wrap,
20355
20384
  [dir="rtl"] .k-switch-lg.k-switch-on .k-switch-thumb-wrap,
20356
20385
  .k-rtl .k-switch-lg.k-switch-on .k-switch-thumb-wrap {
20357
- left: calc( 17px + 0px);
20386
+ left: 17px;
20358
20387
  }
20359
20388
 
20360
20389
  .k-switch-lg[dir="rtl"].k-switch-off .k-switch-thumb-wrap,
20361
20390
  [dir="rtl"] .k-switch-lg.k-switch-off .k-switch-thumb-wrap,
20362
20391
  .k-rtl .k-switch-lg.k-switch-off .k-switch-thumb-wrap {
20363
- left: calc( 100% - 17px - 0px);
20392
+ left: calc(100% - 17px);
20364
20393
  }
20365
20394
 
20366
20395
  .k-switch[dir="rtl"] .k-switch-thumb,
@@ -20562,7 +20591,7 @@ kendo-label > .k-label {
20562
20591
  }
20563
20592
 
20564
20593
  .k-upload .k-upload-files .k-file {
20565
- padding: 8px 8px calc(8px + 2px);
20594
+ padding: 8px 8px 10px;
20566
20595
  border-width: 0 0 1px;
20567
20596
  border-style: solid;
20568
20597
  outline: none;
@@ -20672,7 +20701,7 @@ kendo-label > .k-label {
20672
20701
 
20673
20702
  .k-upload .k-upload-files .k-file-invalid-extension-wrapper + .k-file-name-size-wrapper,
20674
20703
  .k-upload .k-upload-files .k-file-single > .k-file-extension-wrapper + .k-file-name-size-wrapper {
20675
- margin-left: calc( 24px + 1em);
20704
+ margin-left: calc(24px + 1em);
20676
20705
  min-height: 38px;
20677
20706
  display: block;
20678
20707
  overflow: hidden;
@@ -20680,7 +20709,7 @@ kendo-label > .k-label {
20680
20709
 
20681
20710
  .k-upload .k-upload-files .k-multiple-files-invalid-extension-wrapper + .k-file-name-size-wrapper,
20682
20711
  .k-upload .k-upload-files .k-multiple-files-extension-wrapper + .k-file-name-size-wrapper {
20683
- margin-left: calc( 24px + 1em);
20712
+ margin-left: calc(24px + 1em);
20684
20713
  }
20685
20714
 
20686
20715
  .k-upload .k-upload-files .k-file-extension-wrapper + .k-file-name-size-wrapper {
@@ -20798,7 +20827,7 @@ kendo-label > .k-label {
20798
20827
  height: 2px;
20799
20828
  position: absolute;
20800
20829
  bottom: 4px;
20801
- width: calc(100% - 8px * 2);
20830
+ width: calc(100% - 16px);
20802
20831
  }
20803
20832
 
20804
20833
  .k-upload .k-progressbar .k-progress {
@@ -21986,7 +22015,7 @@ kendo-label > .k-label {
21986
22015
 
21987
22016
  .k-window-actions {
21988
22017
  margin: -5em 0;
21989
- margin-inline-end: calc( 12px - 16px);
22018
+ margin-inline-end: -4px;
21990
22019
  line-height: 1;
21991
22020
  display: flex;
21992
22021
  flex-flow: row nowrap;
@@ -22346,7 +22375,7 @@ kendo-drawer .k-drawer-wrapper {
22346
22375
  }
22347
22376
 
22348
22377
  .k-drawer-mini .k-drawer-wrapper {
22349
- width: calc(4 * 8px + 16px);
22378
+ width: 48px;
22350
22379
  }
22351
22380
 
22352
22381
  .k-rtl.k-drawer-mini .k-drawer-start,
@@ -22498,7 +22527,8 @@ kendo-drawer .k-drawer-wrapper {
22498
22527
  flex: none;
22499
22528
  }
22500
22529
 
22501
- .k-notification-wrap > .k-i-close {
22530
+ .k-notification-wrap > .k-i-close,
22531
+ .k-notification-wrap > .k-i-x {
22502
22532
  margin-right: 0;
22503
22533
  margin-left: 4px;
22504
22534
  flex: none;
@@ -22516,7 +22546,9 @@ kendo-drawer .k-drawer-wrapper {
22516
22546
  }
22517
22547
 
22518
22548
  .k-rtl .k-notification .k-notification-wrap > .k-i-close,
22519
- [dir="rtl"] .k-notification .k-notification-wrap > .k-i-close {
22549
+ .k-rtl .k-notification .k-notification-wrap > .k-i-x,
22550
+ [dir="rtl"] .k-notification .k-notification-wrap > .k-i-close,
22551
+ [dir="rtl"] .k-notification .k-notification-wrap > .k-i-x {
22520
22552
  margin-left: 0;
22521
22553
  margin-right: 4px;
22522
22554
  }
@@ -22527,7 +22559,8 @@ kendo-drawer .k-drawer-wrapper {
22527
22559
  background-color: #ffffff;
22528
22560
  }
22529
22561
 
22530
- .k-notification-wrap > .k-i-close {
22562
+ .k-notification-wrap > .k-i-close,
22563
+ .k-notification-wrap > .k-i-x {
22531
22564
  color: inherit;
22532
22565
  }
22533
22566
 
@@ -22627,10 +22660,11 @@ kendo-card-footer {
22627
22660
  }
22628
22661
 
22629
22662
  .k-card > .k-card-inner {
22630
- border-radius: calc( 6px - 1px);
22663
+ border-radius: 5px;
22631
22664
  display: flex;
22632
22665
  flex-direction: inherit;
22633
22666
  overflow: hidden;
22667
+ position: relative;
22634
22668
  }
22635
22669
 
22636
22670
  .k-card-horizontal {
@@ -22894,7 +22928,7 @@ kendo-card-footer {
22894
22928
  margin: 0;
22895
22929
  width: 20px;
22896
22930
  height: 20px;
22897
- border-width: 1px 1px 0 0;
22931
+ border-width: 1px;
22898
22932
  border-style: solid;
22899
22933
  box-sizing: border-box;
22900
22934
  position: absolute;
@@ -22903,25 +22937,25 @@ kendo-card-footer {
22903
22937
  .k-card-callout.k-callout-n {
22904
22938
  top: 0;
22905
22939
  left: 50%;
22906
- transform: translate(-50%, -50%) rotate(-45deg);
22940
+ transform: translate(-50%, -50%) rotate(45deg);
22907
22941
  }
22908
22942
 
22909
22943
  .k-card-callout.k-callout-e {
22910
22944
  top: 50%;
22911
22945
  right: 0;
22912
- transform: translate(50%, -50%) rotate(135deg) scaleX(-1);
22946
+ transform: translate(50%, -50%) rotate(-45deg);
22913
22947
  }
22914
22948
 
22915
22949
  .k-card-callout.k-callout-s {
22916
22950
  bottom: 0;
22917
22951
  left: 50%;
22918
- transform: translate(-50%, 50%) rotate(135deg);
22952
+ transform: translate(-50%, 50%) rotate(45deg);
22919
22953
  }
22920
22954
 
22921
22955
  .k-card-callout.k-callout-w {
22922
22956
  top: 50%;
22923
22957
  left: 0;
22924
- transform: translate(-50%, -50%) rotate(-135deg);
22958
+ transform: translate(-50%, -50%) rotate(45deg);
22925
22959
  }
22926
22960
 
22927
22961
  .k-card-flat {
@@ -22938,6 +22972,11 @@ kendo-card-footer {
22938
22972
  background-color: #ffffff;
22939
22973
  }
22940
22974
 
22975
+ .k-card .k-card-inner {
22976
+ background-color: inherit;
22977
+ border-color: inherit;
22978
+ }
22979
+
22941
22980
  .k-card:focus, .k-card.k-focus, .k-card.k-state-focus {
22942
22981
  border-color: rgba(0, 0, 0, 0.15);
22943
22982
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
@@ -23075,38 +23114,9 @@ kendo-card-footer {
23075
23114
  }
23076
23115
 
23077
23116
  .k-card-callout {
23078
- border-color: rgba(0, 0, 0, 0.08);
23079
- background-color: #ffffff;
23080
- }
23081
-
23082
- .k-card:focus .k-card-callout,
23083
- .k-card.k-focus .k-card-callout,
23084
- .k-card.k-state-focus .k-card-callout {
23085
- border-color: rgba(0, 0, 0, 0.15);
23086
- }
23087
-
23088
- .k-card:focus .k-card-callout.k-callout-n,
23089
- .k-card.k-focus .k-card-callout.k-callout-n,
23090
- .k-card.k-state-focus .k-card-callout.k-callout-n {
23091
- box-shadow: 1px -1px 4px 0 rgba(0, 0, 0, 0.06);
23092
- }
23093
-
23094
- .k-card:focus .k-card-callout.k-callout-e,
23095
- .k-card.k-focus .k-card-callout.k-callout-e,
23096
- .k-card.k-state-focus .k-card-callout.k-callout-e {
23097
- box-shadow: 2px -1px 4px 0 rgba(0, 0, 0, 0.06);
23098
- }
23099
-
23100
- .k-card:focus .k-card-callout.k-callout-s,
23101
- .k-card.k-focus .k-card-callout.k-callout-s,
23102
- .k-card.k-state-focus .k-card-callout.k-callout-s {
23103
- box-shadow: 2px -2px 4px 0 rgba(0, 0, 0, 0.06);
23104
- }
23105
-
23106
- .k-card:focus .k-card-callout.k-callout-w,
23107
- .k-card.k-focus .k-card-callout.k-callout-w,
23108
- .k-card.k-state-focus .k-card-callout.k-callout-w {
23109
- box-shadow: 2px -1px 4px 0 rgba(0, 0, 0, 0.06);
23117
+ border-color: inherit;
23118
+ background-color: inherit;
23119
+ box-shadow: inherit;
23110
23120
  }
23111
23121
 
23112
23122
  .k-popover {
@@ -23132,6 +23142,11 @@ kendo-card-footer {
23132
23142
  box-sizing: border-box;
23133
23143
  }
23134
23144
 
23145
+ .k-popover-inner {
23146
+ position: relative;
23147
+ border-radius: inherit;
23148
+ }
23149
+
23135
23150
  .k-popover-header {
23136
23151
  border-top-left-radius: 6px;
23137
23152
  border-top-right-radius: 6px;
@@ -23152,7 +23167,7 @@ kendo-card-footer {
23152
23167
  margin: 0;
23153
23168
  width: 20px;
23154
23169
  height: 20px;
23155
- border-width: 1px 1px 0 0;
23170
+ border-width: 1px;
23156
23171
  border-style: solid;
23157
23172
  position: absolute;
23158
23173
  }
@@ -23160,25 +23175,25 @@ kendo-card-footer {
23160
23175
  .k-popover-callout.k-callout-n {
23161
23176
  top: 0;
23162
23177
  left: 50%;
23163
- transform: translate(-50%, -50%) rotate(-45deg);
23178
+ transform: translate(-50%, -50%) rotate(45deg);
23164
23179
  }
23165
23180
 
23166
23181
  .k-popover-callout.k-callout-e {
23167
23182
  top: 50%;
23168
23183
  right: 0;
23169
- transform: translate(50%, -50%) rotate(135deg) scaleX(-1);
23184
+ transform: translate(50%, -50%) rotate(-45deg);
23170
23185
  }
23171
23186
 
23172
23187
  .k-popover-callout.k-callout-s {
23173
23188
  bottom: 0;
23174
23189
  left: 50%;
23175
- transform: translate(-50%, 50%) rotate(135deg);
23190
+ transform: translate(-50%, 50%) rotate(45deg);
23176
23191
  }
23177
23192
 
23178
23193
  .k-popover-callout.k-callout-w {
23179
23194
  top: 50%;
23180
23195
  left: 0;
23181
- transform: translate(-50%, -50%) rotate(-135deg);
23196
+ transform: translate(-50%, -50%) rotate(45deg);
23182
23197
  }
23183
23198
 
23184
23199
  .k-popover {
@@ -23188,26 +23203,20 @@ kendo-card-footer {
23188
23203
  background-color: #ffffff;
23189
23204
  }
23190
23205
 
23206
+ .k-popover-inner {
23207
+ background-color: inherit;
23208
+ border-color: inherit;
23209
+ }
23210
+
23191
23211
  .k-popover-header {
23192
23212
  border-color: rgba(0, 0, 0, 0.08);
23193
23213
  color: #424242;
23194
23214
  }
23195
23215
 
23196
23216
  .k-popover-callout {
23197
- border-color: rgba(0, 0, 0, 0.08);
23198
- background-color: #ffffff;
23199
- }
23200
-
23201
- .k-popover-callout.k-callout-e {
23202
- box-shadow: rgba(0, 0, 0, 0.03) 2px -1px 4px 0px;
23203
- }
23204
-
23205
- .k-popover-callout.k-callout-s {
23206
- box-shadow: rgba(0, 0, 0, 0.06) 2px -2px 4px 0px;
23207
- }
23208
-
23209
- .k-popover-callout.k-callout-w {
23210
- box-shadow: rgba(0, 0, 0, 0.03) 2px -1px 4px 0px;
23217
+ border-color: inherit;
23218
+ background-color: inherit;
23219
+ box-shadow: inherit;
23211
23220
  }
23212
23221
 
23213
23222
  .k-rpanel-left,
@@ -23292,7 +23301,7 @@ kendo-card-footer {
23292
23301
  .k-bottom-nav-item {
23293
23302
  padding: 0 8px;
23294
23303
  min-width: 72px;
23295
- min-height: calc( 40px + 16px - 8px);
23304
+ min-height: 48px;
23296
23305
  border-width: 0;
23297
23306
  border-radius: 4px;
23298
23307
  box-sizing: border-box;
@@ -23795,6 +23804,10 @@ kendo-card-footer {
23795
23804
  z-index: 3;
23796
23805
  }
23797
23806
 
23807
+ .k-rtl .k-pager-wrap .k-i-caret-alt-to-left,
23808
+ .k-rtl .k-pager-wrap .k-i-caret-alt-to-right,
23809
+ .k-rtl .k-pager-wrap .k-i-caret-alt-left,
23810
+ .k-rtl .k-pager-wrap .k-i-caret-alt-right,
23798
23811
  .k-rtl .k-pager-wrap .k-i-arrow-end-left,
23799
23812
  .k-rtl .k-pager-wrap .k-i-arrow-60-left,
23800
23813
  .k-rtl .k-pager-wrap .k-i-arrow-60-right,
@@ -23802,7 +23815,11 @@ kendo-card-footer {
23802
23815
  .k-rtl .k-pager-wrap .k-i-seek-w,
23803
23816
  .k-rtl .k-pager-wrap .k-i-arrow-w,
23804
23817
  .k-rtl .k-pager-wrap .k-i-arrow-e,
23805
- .k-rtl .k-pager-wrap .k-i-seek-e, .k-pager-wrap[dir="rtl"] .k-i-arrow-end-left,
23818
+ .k-rtl .k-pager-wrap .k-i-seek-e, .k-pager-wrap[dir="rtl"] .k-i-caret-alt-to-left,
23819
+ .k-pager-wrap[dir="rtl"] .k-i-caret-alt-to-right,
23820
+ .k-pager-wrap[dir="rtl"] .k-i-caret-alt-left,
23821
+ .k-pager-wrap[dir="rtl"] .k-i-caret-alt-right,
23822
+ .k-pager-wrap[dir="rtl"] .k-i-arrow-end-left,
23806
23823
  .k-pager-wrap[dir="rtl"] .k-i-arrow-60-left,
23807
23824
  .k-pager-wrap[dir="rtl"] .k-i-arrow-60-right,
23808
23825
  .k-pager-wrap[dir="rtl"] .k-i-arrow-end-right,
@@ -23810,6 +23827,10 @@ kendo-card-footer {
23810
23827
  .k-pager-wrap[dir="rtl"] .k-i-arrow-w,
23811
23828
  .k-pager-wrap[dir="rtl"] .k-i-arrow-e,
23812
23829
  .k-pager-wrap[dir="rtl"] .k-i-seek-e,
23830
+ [dir="rtl"] .k-pager-wrap .k-i-caret-alt-to-left,
23831
+ [dir="rtl"] .k-pager-wrap .k-i-caret-alt-to-right,
23832
+ [dir="rtl"] .k-pager-wrap .k-i-caret-alt-left,
23833
+ [dir="rtl"] .k-pager-wrap .k-i-caret-alt-right,
23813
23834
  [dir="rtl"] .k-pager-wrap .k-i-arrow-end-left,
23814
23835
  [dir="rtl"] .k-pager-wrap .k-i-arrow-60-left,
23815
23836
  [dir="rtl"] .k-pager-wrap .k-i-arrow-60-right,
@@ -23818,6 +23839,14 @@ kendo-card-footer {
23818
23839
  [dir="rtl"] .k-pager-wrap .k-i-arrow-w,
23819
23840
  [dir="rtl"] .k-pager-wrap .k-i-arrow-e,
23820
23841
  [dir="rtl"] .k-pager-wrap .k-i-seek-e, .k-rtl
23842
+ .k-pager .k-i-caret-alt-to-left,
23843
+ .k-rtl
23844
+ .k-pager .k-i-caret-alt-to-right,
23845
+ .k-rtl
23846
+ .k-pager .k-i-caret-alt-left,
23847
+ .k-rtl
23848
+ .k-pager .k-i-caret-alt-right,
23849
+ .k-rtl
23821
23850
  .k-pager .k-i-arrow-end-left,
23822
23851
  .k-rtl
23823
23852
  .k-pager .k-i-arrow-60-left,
@@ -23833,6 +23862,10 @@ kendo-card-footer {
23833
23862
  .k-pager .k-i-arrow-e,
23834
23863
  .k-rtl
23835
23864
  .k-pager .k-i-seek-e,
23865
+ .k-pager[dir="rtl"] .k-i-caret-alt-to-left,
23866
+ .k-pager[dir="rtl"] .k-i-caret-alt-to-right,
23867
+ .k-pager[dir="rtl"] .k-i-caret-alt-left,
23868
+ .k-pager[dir="rtl"] .k-i-caret-alt-right,
23836
23869
  .k-pager[dir="rtl"] .k-i-arrow-end-left,
23837
23870
  .k-pager[dir="rtl"] .k-i-arrow-60-left,
23838
23871
  .k-pager[dir="rtl"] .k-i-arrow-60-right,
@@ -23842,6 +23875,14 @@ kendo-card-footer {
23842
23875
  .k-pager[dir="rtl"] .k-i-arrow-e,
23843
23876
  .k-pager[dir="rtl"] .k-i-seek-e,
23844
23877
  [dir="rtl"]
23878
+ .k-pager .k-i-caret-alt-to-left,
23879
+ [dir="rtl"]
23880
+ .k-pager .k-i-caret-alt-to-right,
23881
+ [dir="rtl"]
23882
+ .k-pager .k-i-caret-alt-left,
23883
+ [dir="rtl"]
23884
+ .k-pager .k-i-caret-alt-right,
23885
+ [dir="rtl"]
23845
23886
  .k-pager .k-i-arrow-end-left,
23846
23887
  [dir="rtl"]
23847
23888
  .k-pager .k-i-arrow-60-left,
@@ -23869,8 +23910,8 @@ kendo-card-footer {
23869
23910
  }
23870
23911
 
23871
23912
  .k-pager-nav, .k-pager-numbers .k-link, .k-pager-refresh {
23872
- min-width: calc( 1.4285714286em + 8px + 2px);
23873
- height: calc( 1.4285714286em + 8px + 2px);
23913
+ min-width: calc(1.4285714286em + 10px);
23914
+ height: calc(1.4285714286em + 10px);
23874
23915
  color: inherit;
23875
23916
  text-align: center;
23876
23917
  display: inline-flex;
@@ -23988,7 +24029,7 @@ kendo-card-footer {
23988
24029
  .k-pager-sm .k-pager-numbers-wrap {
23989
24030
  margin-left: 1em;
23990
24031
  margin-right: 1em;
23991
- height: calc( 1.4285714286em + 8px + 2px);
24032
+ height: calc(1.4285714286em + 10px);
23992
24033
  border-color: inherit;
23993
24034
  }
23994
24035
 
@@ -24160,10 +24201,10 @@ kendo-card-footer {
24160
24201
  pointer-events: none;
24161
24202
  display: none;
24162
24203
  position: absolute;
24163
- top: calc( -1 * calc( 1px + 3px));
24164
- right: calc( -1 * calc( 1px + 3px));
24165
- bottom: calc( -1 * calc( 1px + 3px));
24166
- left: calc( -1 * calc( 1px + 3px));
24204
+ top: -4px;
24205
+ right: -4px;
24206
+ bottom: -4px;
24207
+ left: -4px;
24167
24208
  z-index: 2;
24168
24209
  }
24169
24210
 
@@ -24189,7 +24230,7 @@ kendo-card-footer {
24189
24230
  }
24190
24231
 
24191
24232
  .k-stepper .k-step-label .k-step-text {
24192
- max-width: calc(10em - (16px + 4px));
24233
+ max-width: calc(10em - 20px);
24193
24234
  flex-grow: 1;
24194
24235
  white-space: nowrap;
24195
24236
  text-overflow: ellipsis;
@@ -24260,13 +24301,13 @@ kendo-card-footer {
24260
24301
  }
24261
24302
 
24262
24303
  .k-step-list-horizontal .k-step-indicator + .k-step-label {
24263
- margin-top: calc(8px - 3px);
24304
+ margin-top: 5px;
24264
24305
  }
24265
24306
 
24266
24307
  .k-step-list-horizontal ~ .k-progressbar {
24267
24308
  width: 100%;
24268
24309
  height: 2px;
24269
- top: calc(((28px + 2 * 2px) / 2) + 2px / 2);
24310
+ top: 17px;
24270
24311
  }
24271
24312
 
24272
24313
  .k-step-list-vertical {
@@ -24274,7 +24315,7 @@ kendo-card-footer {
24274
24315
  }
24275
24316
 
24276
24317
  .k-step-list-vertical .k-step {
24277
- min-height: calc((28px + 2 * 1px + 2 * 2px) + 20px);
24318
+ min-height: 54px;
24278
24319
  }
24279
24320
 
24280
24321
  .k-step-list-vertical .k-step-label {
@@ -24289,7 +24330,7 @@ kendo-card-footer {
24289
24330
  width: 2px;
24290
24331
  height: 100%;
24291
24332
  min-height: 20px;
24292
- left: calc((28px + 2 * 1px + 2 * 2px) / 2);
24333
+ left: 17px;
24293
24334
  }
24294
24335
 
24295
24336
  .k-step-list-vertical .k-step-content {
@@ -24328,7 +24369,7 @@ kendo-card-footer {
24328
24369
  .k-rtl .k-stepper .k-step-list-vertical ~ .k-progressbar,
24329
24370
  .k-stepper[dir="rtl"] .k-step-list-vertical ~ .k-progressbar {
24330
24371
  left: auto;
24331
- right: calc((28px + 2 * 1px + 2 * 2px) / 2);
24372
+ right: 17px;
24332
24373
  }
24333
24374
 
24334
24375
  .k-stepper {
@@ -24814,7 +24855,7 @@ kendo-card-footer {
24814
24855
 
24815
24856
  .k-wizard .k-wizard-step {
24816
24857
  box-sizing: border-box;
24817
- padding: calc(8px + 2px);
24858
+ padding: 10px;
24818
24859
  width: 100%;
24819
24860
  display: flex;
24820
24861
  flex-direction: column;
@@ -25043,7 +25084,9 @@ kendo-card-footer {
25043
25084
  align-items: center;
25044
25085
  align-content: center;
25045
25086
  position: relative;
25046
- user-select: none;
25087
+ -webkit-user-select: none;
25088
+ -ms-user-select: none;
25089
+ user-select: none;
25047
25090
  cursor: default;
25048
25091
  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;
25049
25092
  }
@@ -25080,7 +25123,9 @@ kendo-card-footer {
25080
25123
  align-items: center;
25081
25124
  align-content: center;
25082
25125
  position: relative;
25083
- user-select: none;
25126
+ -webkit-user-select: none;
25127
+ -ms-user-select: none;
25128
+ user-select: none;
25084
25129
  cursor: default;
25085
25130
  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;
25086
25131
  }
@@ -25118,7 +25163,7 @@ kendo-card-footer {
25118
25163
  .k-panelbar .k-group .k-panelbar-expand,
25119
25164
  .k-panelbar .k-group .k-panelbar-collapse,
25120
25165
  .k-panelbar .k-panelbar-group .k-panelbar-toggle {
25121
- margin-inline-end: calc( 16px - 16px);
25166
+ margin-inline-end: 0px;
25122
25167
  }
25123
25168
 
25124
25169
  .k-rtl .k-panelbar .k-group > .k-item.k-level-1 .k-link,
@@ -25162,7 +25207,7 @@ kendo-card-footer {
25162
25207
  .k-ie .k-group .k-panelbar-expand,
25163
25208
  .k-ie .k-group .k-panelbar-collapse,
25164
25209
  .k-ie .k-panelbar-group .k-panelbar-toggle {
25165
- margin-right: calc( 16px - 16px);
25210
+ margin-right: 0px;
25166
25211
  }
25167
25212
 
25168
25213
  .k-rtl .k-ie .k-panelbar-expand,
@@ -25183,7 +25228,7 @@ kendo-card-footer {
25183
25228
  .k-ie.k-rtl .k-panelbar-group .k-panelbar-toggle, .k-ie[dir="rtl"] .k-group .k-panelbar-expand,
25184
25229
  .k-ie[dir="rtl"] .k-group .k-panelbar-collapse,
25185
25230
  .k-ie[dir="rtl"] .k-panelbar-group .k-panelbar-toggle {
25186
- margin-left: calc( 16px - 16px);
25231
+ margin-left: 0px;
25187
25232
  }
25188
25233
 
25189
25234
  .k-panelbar {
@@ -25370,7 +25415,6 @@ kendo-card-footer {
25370
25415
  outline: 0;
25371
25416
  position: absolute;
25372
25417
  -webkit-user-select: none;
25373
- -moz-user-select: none;
25374
25418
  -ms-user-select: none;
25375
25419
  user-select: none;
25376
25420
  display: flex;
@@ -25627,7 +25671,9 @@ kendo-card-footer {
25627
25671
  .k-pane-wrapper .k-pane {
25628
25672
  width: 100%;
25629
25673
  height: 100%;
25630
- user-select: none;
25674
+ -webkit-user-select: none;
25675
+ -ms-user-select: none;
25676
+ user-select: none;
25631
25677
  box-sizing: border-box;
25632
25678
  font-family: sans-serif;
25633
25679
  overflow-x: hidden;
@@ -25709,8 +25755,8 @@ kendo-card-footer {
25709
25755
  .k-grid-mobile .k-header a {
25710
25756
  -webkit-touch-callout: none;
25711
25757
  -webkit-user-select: none;
25712
- -moz-user-select: none;
25713
- user-select: none;
25758
+ -ms-user-select: none;
25759
+ user-select: none;
25714
25760
  -webkit-user-drag: none;
25715
25761
  -moz-user-drag: none;
25716
25762
  }
@@ -25889,7 +25935,8 @@ kendo-card-footer {
25889
25935
  border-radius: 50%;
25890
25936
  }
25891
25937
 
25892
- .k-scheduler-mobile .k-task .k-i-reload {
25938
+ .k-scheduler-mobile .k-task .k-i-reload,
25939
+ .k-scheduler-mobile .k-task .k-i-arrow-rotate-cw {
25893
25940
  font-size: 1em;
25894
25941
  margin-right: .5em;
25895
25942
  }
@@ -25909,7 +25956,8 @@ kendo-card-footer {
25909
25956
  .k-scheduler-mobile .k-scheduler-times .k-scheduler-groupcolumn .k-scheduler-group-text,
25910
25957
  .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-group-cell .k-scheduler-group-text,
25911
25958
  .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-groupcolumn .k-scheduler-group-text {
25912
- writing-mode: vertical-lr;
25959
+ -ms-writing-mode: tb-lr;
25960
+ writing-mode: vertical-lr;
25913
25961
  transform: rotate(180deg);
25914
25962
  white-space: nowrap;
25915
25963
  }
@@ -26272,7 +26320,7 @@ kendo-card-footer {
26272
26320
  }
26273
26321
 
26274
26322
  .k-grid .k-grouping-row .k-icon {
26275
- margin-left: calc( 8px - 12px);
26323
+ margin-left: -4px;
26276
26324
  margin-right: 8px;
26277
26325
  text-decoration: none;
26278
26326
  }
@@ -26441,7 +26489,7 @@ kendo-card-footer {
26441
26489
  .k-grid[dir="rtl"] .k-grid-header .k-filterable,
26442
26490
  .k-rtl .k-grid .k-grid-header .k-with-icon,
26443
26491
  .k-rtl .k-grid .k-grid-header .k-filterable {
26444
- padding-left: calc( calc( 1.4285714286em + 8px + 2px) + 4px);
26492
+ padding-left: calc(1.4285714286em + 14px);
26445
26493
  padding-right: 12px;
26446
26494
  }
26447
26495
 
@@ -26499,7 +26547,7 @@ kendo-card-footer {
26499
26547
  .k-grid[dir="rtl"] .k-grouping-row .k-icon,
26500
26548
  .k-rtl .k-grid .k-grouping-row .k-icon {
26501
26549
  margin-left: 8px;
26502
- margin-right: calc( 8px - 12px);
26550
+ margin-right: -4px;
26503
26551
  }
26504
26552
 
26505
26553
  .k-grid[dir="rtl"] .k-column-resizer,
@@ -26576,7 +26624,7 @@ kendo-card-footer {
26576
26624
 
26577
26625
  .k-grouping-header::before {
26578
26626
  content: "";
26579
- height: calc( 1.4285714286em + 8px + 2px);
26627
+ height: calc(1.4285714286em + 10px);
26580
26628
  display: inline-block;
26581
26629
  vertical-align: middle;
26582
26630
  }
@@ -26655,7 +26703,7 @@ kendo-card-footer {
26655
26703
 
26656
26704
  .k-grouping-dropclue {
26657
26705
  width: 12px;
26658
- height: calc( 1.4285714286em + 8px + 2px);
26706
+ height: calc(1.4285714286em + 10px);
26659
26707
  position: absolute;
26660
26708
  top: 3px;
26661
26709
  box-sizing: content-box;
@@ -26680,7 +26728,7 @@ kendo-card-footer {
26680
26728
  width: 2px;
26681
26729
  height: calc(100% - 6px);
26682
26730
  top: 6px;
26683
- left: calc( 6px - 1px);
26731
+ left: 5px;
26684
26732
  }
26685
26733
 
26686
26734
  .k-grid-header-wrap,
@@ -26733,7 +26781,9 @@ div.k-grid-footer {
26733
26781
  }
26734
26782
 
26735
26783
  .k-grid-header.k-grid-draggable-header {
26736
- user-select: none;
26784
+ -webkit-user-select: none;
26785
+ -ms-user-select: none;
26786
+ user-select: none;
26737
26787
  touch-action: none;
26738
26788
  }
26739
26789
 
@@ -26768,12 +26818,12 @@ div.k-grid-footer {
26768
26818
 
26769
26819
  .k-grid-header .k-with-icon,
26770
26820
  .k-grid-header .k-filterable {
26771
- padding-right: calc( calc( 1.4285714286em + 8px + 2px) + 4px);
26821
+ padding-right: calc(1.4285714286em + 14px);
26772
26822
  }
26773
26823
 
26774
26824
  .k-ie .k-grid-header .k-with-icon, .k-ie
26775
26825
  .k-grid-header .k-filterable {
26776
- padding-right: calc( calc( 1.4285714286em + 8px + 2px) + 4px);
26826
+ padding-right: calc(1.4285714286em + 14px);
26777
26827
  }
26778
26828
 
26779
26829
  .k-grid-header .k-header > .k-link:focus {
@@ -26784,8 +26834,8 @@ div.k-grid-footer {
26784
26834
  .k-grid-header .k-header-column-menu,
26785
26835
  .k-grid-header .k-grid-header-menu {
26786
26836
  padding: 4px;
26787
- width: calc( 1.4285714286em + 8px + 2px);
26788
- height: calc( 1.4285714286em + 8px + 2px);
26837
+ width: calc(1.4285714286em + 10px);
26838
+ height: calc(1.4285714286em + 10px);
26789
26839
  box-sizing: border-box;
26790
26840
  outline: 0;
26791
26841
  line-height: 1.4285714286;
@@ -26795,7 +26845,7 @@ div.k-grid-footer {
26795
26845
  justify-content: center;
26796
26846
  position: absolute;
26797
26847
  right: 4px;
26798
- bottom: calc( 8px + 0.7142857143em - calc( 1.4285714286em + 8px)/2);
26848
+ bottom: 4px;
26799
26849
  z-index: 1;
26800
26850
  }
26801
26851
 
@@ -26805,9 +26855,9 @@ div.k-grid-footer {
26805
26855
  cursor: pointer;
26806
26856
  }
26807
26857
 
26808
- .k-grid-header .k-cell-inner > .k-link > .k-icon.k-i-sort-desc-sm, .k-grid-header .k-cell-inner > .k-link > .k-icon.k-i-sort-asc-sm {
26858
+ .k-grid-header .k-cell-inner > .k-link > .k-icon.k-i-sort-desc-sm, .k-grid-header .k-cell-inner > .k-link > .k-icon.k-i-sort-asc-sm, .k-grid-header .k-cell-inner > .k-link > .k-icon.k-i-sort-asc-small, .k-grid-header .k-cell-inner > .k-link > .k-icon.k-i-sort-desc-small {
26809
26859
  vertical-align: text-top;
26810
- margin-inline-start: calc( 8px - 1px);
26860
+ margin-inline-start: 7px;
26811
26861
  }
26812
26862
 
26813
26863
  .k-grid-header .k-sort-order {
@@ -27219,7 +27269,7 @@ div.k-grid-norecords {
27219
27269
  }
27220
27270
 
27221
27271
  .k-filterable > .k-cell-inner {
27222
- margin-inline-end: calc(-1 * calc( calc( 1.4285714286em + 8px + 2px) + 4px));
27272
+ margin-inline-end: calc(-1.4285714286em + -14px);
27223
27273
  }
27224
27274
 
27225
27275
  .k-filterable > .k-cell-inner .k-link {
@@ -27541,7 +27591,9 @@ div.k-grid-norecords {
27541
27591
  display: flex;
27542
27592
  flex: 0 0 auto;
27543
27593
  position: relative;
27544
- user-select: none;
27594
+ -webkit-user-select: none;
27595
+ -ms-user-select: none;
27596
+ user-select: none;
27545
27597
  }
27546
27598
 
27547
27599
  .k-column-menu-group-header-text {
@@ -27731,6 +27783,8 @@ th.k-sorted {
27731
27783
 
27732
27784
  .k-grid-header .k-i-sort-asc-sm,
27733
27785
  .k-grid-header .k-i-sort-desc-sm,
27786
+ .k-grid-header .k-i-sort-asc-small,
27787
+ .k-grid-header .k-i-sort-desc-small,
27734
27788
  .k-grid-header .k-sort-order {
27735
27789
  color: #ff6358;
27736
27790
  }
@@ -28399,7 +28453,6 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
28399
28453
  border-color: inherit;
28400
28454
  box-sizing: border-box;
28401
28455
  -webkit-user-select: none;
28402
- -moz-user-select: none;
28403
28456
  -ms-user-select: none;
28404
28457
  user-select: none;
28405
28458
  position: absolute;
@@ -28723,12 +28776,12 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
28723
28776
 
28724
28777
  .k-spreadsheet-filter-menu > .k-menu .k-link,
28725
28778
  .k-spreadsheet-filter-menu > .k-menu.k-menu-vertical .k-link {
28726
- padding-left: calc( 16px + 8px);
28779
+ padding-left: 24px;
28727
28780
  }
28728
28781
 
28729
28782
  .k-spreadsheet-filter-menu > .k-menu .k-icon,
28730
28783
  .k-spreadsheet-filter-menu > .k-menu.k-menu-vertical .k-icon {
28731
- margin-left: calc(-1 * ( 16px + 4px ));
28784
+ margin-left: -20px;
28732
28785
  margin-right: 4px;
28733
28786
  }
28734
28787
 
@@ -29391,7 +29444,9 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
29391
29444
  border-style: solid;
29392
29445
  box-sizing: border-box;
29393
29446
  cursor: pointer;
29394
- user-select: none;
29447
+ -webkit-user-select: none;
29448
+ -ms-user-select: none;
29449
+ user-select: none;
29395
29450
  }
29396
29451
 
29397
29452
  .k-flex-row .k-pivotgrid-configurator-button, .k-d-flex-row .k-pivotgrid-configurator-button,
@@ -29402,7 +29457,8 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
29402
29457
 
29403
29458
  .k-flex-row .k-pivotgrid-configurator-button span, .k-d-flex-row .k-pivotgrid-configurator-button span,
29404
29459
  .k-flex-row-reverse .k-pivotgrid-configurator-button span {
29405
- writing-mode: vertical-rl;
29460
+ -ms-writing-mode: tb-rl;
29461
+ writing-mode: vertical-rl;
29406
29462
  }
29407
29463
 
29408
29464
  .k-flex-row .k-pivotgrid-configurator-button .k-icon, .k-d-flex-row .k-pivotgrid-configurator-button .k-icon,
@@ -29427,19 +29483,19 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
29427
29483
  }
29428
29484
 
29429
29485
  .k-flex-row .k-pivotgrid-configurator-overlay, .k-d-flex-row .k-pivotgrid-configurator-overlay {
29430
- right: calc( 1.4285714286em + 8px + 2px);
29486
+ right: calc(1.4285714286em + 10px);
29431
29487
  }
29432
29488
 
29433
29489
  .k-flex-row-reverse .k-pivotgrid-configurator-overlay {
29434
- left: calc( 1.4285714286em + 8px + 2px);
29490
+ left: calc(1.4285714286em + 10px);
29435
29491
  }
29436
29492
 
29437
29493
  .k-flex-col .k-pivotgrid-configurator-overlay, .k-d-flex-col .k-pivotgrid-configurator-overlay, .k-flex-column .k-pivotgrid-configurator-overlay {
29438
- bottom: calc( 1.4285714286em + 8px + 2px);
29494
+ bottom: calc(1.4285714286em + 10px);
29439
29495
  }
29440
29496
 
29441
29497
  .k-flex-col-reverse .k-pivotgrid-configurator-overlay, .k-flex-column-reverse .k-pivotgrid-configurator-overlay {
29442
- top: calc( 1.4285714286em + 8px + 2px);
29498
+ top: calc(1.4285714286em + 10px);
29443
29499
  }
29444
29500
 
29445
29501
  .k-pivotgrid-configurator-header {
@@ -30200,7 +30256,7 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
30200
30256
  content: "";
30201
30257
  position: absolute;
30202
30258
  width: 1px;
30203
- top: calc(-4px - 1px);
30259
+ top: -5px;
30204
30260
  bottom: 50%;
30205
30261
  left: -8px;
30206
30262
  }
@@ -30387,7 +30443,7 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
30387
30443
  .k-filemanager-preview {
30388
30444
  padding: 48px 16px 16px;
30389
30445
  width: 20%;
30390
- min-height: calc( 64px + 192px + 48px);
30446
+ min-height: 304px;
30391
30447
  border-width: 0;
30392
30448
  border-left-width: 1px;
30393
30449
  border-style: solid;
@@ -30941,8 +30997,8 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
30941
30997
 
30942
30998
  .k-editor-toolbar .k-tool {
30943
30999
  padding: 4px;
30944
- width: calc( 1.4285714286em + 8px + 2px);
30945
- height: calc( 1.4285714286em + 8px + 2px);
31000
+ width: calc(1.4285714286em + 10px);
31001
+ height: calc(1.4285714286em + 10px);
30946
31002
  }
30947
31003
 
30948
31004
  .k-editor-toolbar .k-tool-text {
@@ -31004,7 +31060,9 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31004
31060
  float: left;
31005
31061
  opacity: 1;
31006
31062
  cursor: text;
31007
- user-select: none;
31063
+ -webkit-user-select: none;
31064
+ -ms-user-select: none;
31065
+ user-select: none;
31008
31066
  }
31009
31067
 
31010
31068
  td.k-editor-content {
@@ -31064,7 +31122,8 @@ td.k-editor-content {
31064
31122
  cursor: se-resize;
31065
31123
  }
31066
31124
 
31067
- .k-editor .k-resize-handle .k-i-arrow-45-down-right {
31125
+ .k-editor .k-resize-handle .k-i-arrow-45-down-right,
31126
+ .k-editor .k-resize-handle .k-i-caret-br {
31068
31127
  display: none;
31069
31128
  }
31070
31129
 
@@ -31114,7 +31173,7 @@ td.k-editor-content {
31114
31173
 
31115
31174
  .k-editor-dialog .k-edit-label {
31116
31175
  width: 30%;
31117
- padding: calc( 4px + 1px) 0;
31176
+ padding: 5px 0;
31118
31177
  }
31119
31178
 
31120
31179
  .k-editor-dialog .k-edit-field {
@@ -31543,7 +31602,7 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31543
31602
 
31544
31603
  .k-imageeditor-action-pane {
31545
31604
  padding: 32px 16px;
31546
- width: calc(240px + 1px);
31605
+ width: 241px;
31547
31606
  border-width: 0;
31548
31607
  border-left-width: 1px;
31549
31608
  border-style: solid;
@@ -31591,14 +31650,14 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31591
31650
 
31592
31651
  .k-imageeditor-crop .k-resize-n,
31593
31652
  .k-imageeditor-crop .k-resize-s {
31594
- left: calc( 50% - (7.5px));
31653
+ left: calc(50% - 7.5px);
31595
31654
  width: 15px;
31596
31655
  height: 0;
31597
31656
  }
31598
31657
 
31599
31658
  .k-imageeditor-crop .k-resize-w,
31600
31659
  .k-imageeditor-crop .k-resize-e {
31601
- top: calc( 50% - (7.5px));
31660
+ top: calc(50% - 7.5px);
31602
31661
  width: 0;
31603
31662
  height: 15px;
31604
31663
  }
@@ -31649,7 +31708,7 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31649
31708
  .k-imageeditor-canvas {
31650
31709
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.09) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.09) 75%, rgba(0, 0, 0, 0.09) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.09) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.09) 75%, rgba(0, 0, 0, 0.09) 0), white;
31651
31710
  background-repeat: repeat, repeat;
31652
- background-position: 0px 0px, calc(10px / 2) calc(10px / 2);
31711
+ background-position: 0px 0px, 5px 5px;
31653
31712
  transform-origin: 0 0 0;
31654
31713
  background-origin: padding-box, padding-box;
31655
31714
  background-size: 10px 10px, 10px 10px;
@@ -31694,7 +31753,7 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31694
31753
  }
31695
31754
 
31696
31755
  .k-gantt .k-grid-header tr {
31697
- height: calc( 1.4285714286em + 16px + 1px);
31756
+ height: calc(1.4285714286em + 17px);
31698
31757
  }
31699
31758
 
31700
31759
  .k-gantt .k-grid-header .k-header {
@@ -31706,11 +31765,11 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31706
31765
  }
31707
31766
 
31708
31767
  .k-gantt .k-grid-content tr {
31709
- height: calc( 1.4285714286em + 16px + 0px);
31768
+ height: calc(1.4285714286em + 16px);
31710
31769
  }
31711
31770
 
31712
31771
  .k-gantt.k-gantt-planned .k-grid-content tr {
31713
- height: calc( 2.4285714286em + 16px + 0px);
31772
+ height: calc(2.4285714286em + 16px);
31714
31773
  }
31715
31774
 
31716
31775
  .k-gantt .k-gantt-layout {
@@ -31877,8 +31936,8 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31877
31936
  .k-gantt-toolbar .k-gantt-pdf,
31878
31937
  .k-gantt-toolbar .k-gantt-create {
31879
31938
  padding: 4px;
31880
- width: calc( 1.4285714286em + 8px + 2px);
31881
- height: calc( 1.4285714286em + 8px + 2px);
31939
+ width: calc(1.4285714286em + 10px);
31940
+ height: calc(1.4285714286em + 10px);
31882
31941
  }
31883
31942
  .k-gantt-toolbar .k-gantt-pdf .k-button-text,
31884
31943
  .k-gantt-toolbar .k-gantt-create .k-button-text {
@@ -31914,7 +31973,7 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31914
31973
  }
31915
31974
 
31916
31975
  .k-gantt-treelist .k-grid-header tr {
31917
- height: calc( 2.8571428571em + 32px + 2px);
31976
+ height: calc(2.8571428571em + 34px);
31918
31977
  vertical-align: bottom;
31919
31978
  }
31920
31979
 
@@ -31928,7 +31987,7 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31928
31987
  }
31929
31988
 
31930
31989
  .k-gantt-treelist .k-gantt-treelist-nested-columns .k-grid-header tr {
31931
- height: calc( 1.4285714286em + 16px + 1px);
31990
+ height: calc(1.4285714286em + 17px);
31932
31991
  }
31933
31992
 
31934
31993
  .k-gantt-treelist.k-gantt-treelist-scrollable .k-grid-content {
@@ -32049,8 +32108,8 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
32049
32108
  }
32050
32109
 
32051
32110
  .k-task-dot {
32052
- width: calc( 8px + 8px);
32053
- height: calc( 8px + 8px);
32111
+ width: 16px;
32112
+ height: 16px;
32054
32113
  line-height: 1;
32055
32114
  cursor: pointer;
32056
32115
  display: none;
@@ -32321,7 +32380,7 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
32321
32380
 
32322
32381
  .k-task-planned .k-task-moment {
32323
32382
  border-width: 2px;
32324
- border-radius: calc( ( 4px + 6px ) / 2);
32383
+ border-radius: 5px;
32325
32384
  border-style: solid;
32326
32385
  height: 6px;
32327
32386
  width: 6px;
@@ -32332,15 +32391,15 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
32332
32391
  }
32333
32392
 
32334
32393
  .k-task-planned .k-task-moment.k-moment-left {
32335
- margin-left: calc( 2px / 2 - calc( ( 4px + 6px ) / 2));
32394
+ margin-left: -4px;
32336
32395
  }
32337
32396
 
32338
32397
  .k-task-planned:hover .k-task-duration {
32339
- height: calc( 2px + 1px);
32398
+ height: 3px;
32340
32399
  }
32341
32400
 
32342
32401
  .k-milestone-wrap .k-task-moment {
32343
- margin-left: calc( 6px / 2);
32402
+ margin-left: 3px;
32344
32403
  }
32345
32404
 
32346
32405
  .k-planned-tooltip .k-task-content {
@@ -33141,7 +33200,7 @@ kendo-scheduler .k-event > div,
33141
33200
 
33142
33201
  kendo-scheduler .k-event .k-event-template,
33143
33202
  .k-event .k-event-template {
33144
- line-height: calc( 25px - (2 * 4px));
33203
+ line-height: 17px;
33145
33204
  padding: 4px 8px;
33146
33205
  }
33147
33206
 
@@ -33557,12 +33616,12 @@ kendo-scheduler .k-recurrence-editor {
33557
33616
  }
33558
33617
 
33559
33618
  .k-scheduler-yearview .k-day-indicator {
33560
- margin-top: calc( 32px - (0.25em * 2));
33619
+ margin-top: calc(32px - 0.5em);
33561
33620
  width: 3px;
33562
33621
  height: 3px;
33563
33622
  border-radius: 50%;
33564
33623
  position: absolute;
33565
- left: calc( 50% - (3px / 2));
33624
+ left: calc(50% - 1.5px);
33566
33625
  }
33567
33626
 
33568
33627
  .k-scheduler-tooltip {
@@ -33734,9 +33793,13 @@ kendo-scheduler .k-recurrence-editor {
33734
33793
  float: right;
33735
33794
  }
33736
33795
 
33796
+ .k-rtl .k-scheduler .k-i-caret-alt-left,
33797
+ .k-rtl .k-scheduler .k-i-caret-alt-right,
33737
33798
  .k-rtl .k-scheduler .k-i-arrow-60-left,
33738
33799
  .k-rtl .k-scheduler .k-i-arrow-60-right,
33739
- .k-rtl .k-scheduler .k-current-time-arrow-right, .k-rtl.k-scheduler .k-i-arrow-60-left,
33800
+ .k-rtl .k-scheduler .k-current-time-arrow-right, .k-rtl.k-scheduler .k-i-caret-alt-left,
33801
+ .k-rtl.k-scheduler .k-i-caret-alt-right,
33802
+ .k-rtl.k-scheduler .k-i-arrow-60-left,
33740
33803
  .k-rtl.k-scheduler .k-i-arrow-60-right,
33741
33804
  .k-rtl.k-scheduler .k-current-time-arrow-right {
33742
33805
  transform: scaleX(-1);
@@ -34119,11 +34182,11 @@ kendo-scheduler .k-recurrence-editor {
34119
34182
  }
34120
34183
 
34121
34184
  .k-chat .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
34122
- padding-left: calc( 32px + 8px);
34185
+ padding-left: 40px;
34123
34186
  }
34124
34187
 
34125
34188
  .k-chat .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
34126
- padding-right: calc( 32px + 8px);
34189
+ padding-right: 40px;
34127
34190
  }
34128
34191
 
34129
34192
  .k-author {
@@ -34157,7 +34220,9 @@ kendo-scheduler .k-recurrence-editor {
34157
34220
  border-style: solid;
34158
34221
  line-height: 18px;
34159
34222
  cursor: pointer;
34160
- user-select: none;
34223
+ -webkit-user-select: none;
34224
+ -ms-user-select: none;
34225
+ user-select: none;
34161
34226
  display: inline-block;
34162
34227
  flex: 0 0 auto;
34163
34228
  transition-property: color, background-color, border-color;
@@ -34419,13 +34484,13 @@ kendo-scheduler .k-recurrence-editor {
34419
34484
  .k-rtl .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar),
34420
34485
  [dir="rtl"] .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
34421
34486
  padding-left: 0;
34422
- padding-right: calc( 32px + 8px);
34487
+ padding-right: 40px;
34423
34488
  }
34424
34489
 
34425
34490
  .k-rtl .k-avatars .k-message-group.k-alt:not(.k-no-avatar),
34426
34491
  [dir="rtl"] .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
34427
34492
  padding-right: 0;
34428
- padding-left: calc( 32px + 8px);
34493
+ padding-left: 40px;
34429
34494
  }
34430
34495
 
34431
34496
  .k-rtl .k-chat .k-card-deck .k-card-wrap + .k-card-wrap,
@@ -34656,7 +34721,7 @@ kendo-scheduler .k-recurrence-editor {
34656
34721
  border-radius: 4px;
34657
34722
  line-height: 1.4285714286;
34658
34723
  min-width: 80px;
34659
- max-width: calc(80px + 2 * 40px);
34724
+ max-width: 160px;
34660
34725
  position: relative;
34661
34726
  z-index: 1;
34662
34727
  }
@@ -34736,11 +34801,11 @@ kendo-scheduler .k-recurrence-editor {
34736
34801
  }
34737
34802
 
34738
34803
  .k-timeline-vertical {
34739
- padding-left: calc(calc(40px + (80px - 6px) / 2) + 50px);
34804
+ padding-left: 127px;
34740
34805
  }
34741
34806
 
34742
34807
  .k-timeline-vertical.k-timeline-dates-hidden {
34743
- padding-left: calc(40px + (80px - 6px) / 2);
34808
+ padding-left: 77px;
34744
34809
  }
34745
34810
 
34746
34811
  .k-timeline-vertical::after {
@@ -34783,7 +34848,7 @@ kendo-scheduler .k-recurrence-editor {
34783
34848
 
34784
34849
  .k-timeline-vertical .k-timeline-card .k-card {
34785
34850
  margin-left: 16px;
34786
- min-height: calc(2 * (36px - 1px));
34851
+ min-height: 70px;
34787
34852
  width: 400px;
34788
34853
  max-width: 100%;
34789
34854
  }
@@ -34935,9 +35000,9 @@ kendo-scheduler .k-recurrence-editor {
34935
35000
 
34936
35001
  .k-timeline-horizontal .k-timeline-track-wrap::after {
34937
35002
  top: auto;
34938
- bottom: calc((30px / 2) + 3px);
34939
- left: calc(30px - 2 * 1px);
34940
- right: calc(30px - 2 * 1px);
35003
+ bottom: 18px;
35004
+ left: 28px;
35005
+ right: 28px;
34941
35006
  transform: translateY(-50%);
34942
35007
  height: 6px;
34943
35008
  }
@@ -34954,7 +35019,7 @@ kendo-scheduler .k-recurrence-editor {
34954
35019
  }
34955
35020
 
34956
35021
  .k-timeline-horizontal .k-timeline-track-wrap .k-timeline-flag {
34957
- margin-bottom: calc(6px + 2 * 1px + 4px + 10px);
35022
+ margin-bottom: 22px;
34958
35023
  position: relative;
34959
35024
  min-width: 60px;
34960
35025
  }
@@ -34980,7 +35045,7 @@ kendo-scheduler .k-recurrence-editor {
34980
35045
  height: 30px;
34981
35046
  border-radius: 50%;
34982
35047
  position: absolute;
34983
- bottom: calc(6px + 3px + 2 * 1px);
35048
+ bottom: 11px;
34984
35049
  z-index: 3;
34985
35050
  display: flex;
34986
35051
  align-items: center;
@@ -35001,7 +35066,7 @@ kendo-scheduler .k-recurrence-editor {
35001
35066
  }
35002
35067
 
35003
35068
  .k-timeline-mobile .k-timeline-flag {
35004
- max-width: calc(80px + 2 * 16px);
35069
+ max-width: 112px;
35005
35070
  }
35006
35071
 
35007
35072
  .k-timeline-mobile.k-timeline-horizontal .k-timeline-flag-wrap {
@@ -35009,11 +35074,11 @@ kendo-scheduler .k-recurrence-editor {
35009
35074
  }
35010
35075
 
35011
35076
  .k-timeline-mobile.k-timeline-vertical {
35012
- padding-left: calc(calc(16px + (80px - 6px) / 2) + 50px);
35077
+ padding-left: 103px;
35013
35078
  }
35014
35079
 
35015
35080
  .k-timeline-mobile.k-timeline-vertical.k-timeline-dates-hidden {
35016
- padding-left: calc(16px + (80px - 6px) / 2);
35081
+ padding-left: 53px;
35017
35082
  }
35018
35083
 
35019
35084
  .k-timeline-mobile.k-timeline-vertical.k-timeline-alternating {
@@ -35089,6 +35154,7 @@ kendo-scheduler .k-recurrence-editor {
35089
35154
  border-width: 1px;
35090
35155
  border-style: solid;
35091
35156
  box-sizing: border-box;
35157
+ position: relative;
35092
35158
  outline: 0;
35093
35159
  font-family: inherit;
35094
35160
  font-size: 14px;
@@ -35118,27 +35184,33 @@ kendo-scheduler .k-recurrence-editor {
35118
35184
  overflow: visible;
35119
35185
  }
35120
35186
 
35121
- .k-pdf-viewer .k-list-scroller {
35187
+ .k-pdf-viewer .k-canvas {
35188
+ display: flex;
35189
+ flex-direction: column;
35122
35190
  flex: 1 1 auto;
35123
35191
  outline: none;
35124
35192
  }
35125
35193
 
35126
- .k-pdf-viewer .k-list-scroller .k-enable-text-select {
35194
+ .k-pdf-viewer .k-canvas .k-enable-text-select, .k-pdf-viewer .k-canvas.k-enable-text-select {
35127
35195
  -webkit-user-select: text;
35128
- -moz-user-select: text;
35129
35196
  -ms-user-select: text;
35130
35197
  user-select: text;
35131
35198
  cursor: text;
35132
35199
  }
35133
35200
 
35134
- .k-pdf-viewer .k-list-scroller .k-enable-panning {
35201
+ .k-pdf-viewer .k-canvas .k-enable-panning, .k-pdf-viewer .k-canvas.k-enable-panning {
35135
35202
  cursor: grab;
35136
35203
  }
35137
35204
 
35138
- .k-pdf-viewer .k-list-scroller .k-enable-panning span::selection {
35205
+ .k-pdf-viewer .k-canvas .k-enable-panning span::selection,
35206
+ .k-pdf-viewer .k-canvas.k-enable-panning span::selection {
35139
35207
  background-color: transparent;
35140
35208
  }
35141
35209
 
35210
+ .k-pdf-viewer .k-pdf-viewer-pages {
35211
+ flex: 1 1 auto;
35212
+ }
35213
+
35142
35214
  .k-pdf-viewer .k-page {
35143
35215
  position: relative;
35144
35216
  margin: 30px auto;
@@ -35167,11 +35239,38 @@ kendo-scheduler .k-recurrence-editor {
35167
35239
  color: transparent;
35168
35240
  }
35169
35241
 
35242
+ .k-pdf-viewer .k-page .k-text-layer .k-search-highlight-mark {
35243
+ color: transparent;
35244
+ }
35245
+
35246
+ .k-pdf-viewer .k-blank-page {
35247
+ margin: 0;
35248
+ display: flex;
35249
+ flex-flow: column nowrap;
35250
+ width: 100%;
35251
+ height: 100%;
35252
+ align-items: center;
35253
+ justify-content: center;
35254
+ background-color: inherit !important;
35255
+ }
35256
+
35257
+ .k-pdf-viewer .k-blank-page .k-upload,
35258
+ .k-pdf-viewer .k-blank-page .k-dropzone,
35259
+ .k-pdf-viewer .k-blank-page .k-dropzone-inner {
35260
+ border: 0;
35261
+ background: none;
35262
+ }
35263
+
35264
+ .k-pdf-viewer .k-blank-page > .k-icon {
35265
+ font-size: 48px;
35266
+ }
35267
+
35170
35268
  .k-pdf-viewer-search-dialog {
35171
- padding: 8px;
35269
+ padding: 0 !important;
35172
35270
  }
35173
35271
 
35174
- .k-pdf-viewer-search-dialog .k-search-container {
35272
+ .k-search-panel, .k-search-container {
35273
+ padding: 16px 8px;
35175
35274
  display: flex;
35176
35275
  gap: 8px;
35177
35276
  flex-flow: row nowrap;
@@ -35180,22 +35279,32 @@ kendo-scheduler .k-recurrence-editor {
35180
35279
  align-items: center;
35181
35280
  }
35182
35281
 
35183
- .k-pdf-viewer-search-dialog .k-search-container .k-search-dialog-draghandle {
35282
+ .k-search-panel .k-search-dialog-draghandle, .k-search-container .k-search-dialog-draghandle {
35184
35283
  cursor: move;
35185
35284
  margin-left: 0;
35186
35285
  }
35187
35286
 
35188
- .k-pdf-viewer-search-dialog .k-search-container .k-textbox {
35287
+ .k-search-panel .k-textbox, .k-search-container .k-textbox {
35189
35288
  width: 10em;
35190
35289
  flex: none;
35191
35290
  }
35192
35291
 
35193
- .k-pdf-viewer-search-dialog .k-search-container .k-textbox .k-button {
35292
+ .k-search-panel .k-textbox .k-button, .k-search-container .k-textbox .k-button {
35194
35293
  border-width: 0;
35195
35294
  }
35196
35295
 
35197
- .k-pdf-viewer-search-dialog .k-search-container .k-search-matches {
35198
- flex: 1 1 auto;
35296
+ .k-search-panel .k-search-matches, .k-search-container .k-search-matches {
35297
+ display: inline-flex;
35298
+ gap: 4px;
35299
+ }
35300
+
35301
+ .k-pdf-viewer-canvas > .k-search-panel, .k-pdf-viewer-canvas > .k-search-container {
35302
+ width: max-content;
35303
+ margin-top: calc(-1.4285714286em + -43px);
35304
+ border-width: 1px;
35305
+ border-style: solid;
35306
+ border-radius: 0;
35307
+ z-index: 10;
35199
35308
  }
35200
35309
 
35201
35310
  .k-ie .k-pdf-viewer-search-dialog .k-search-container > * + * {
@@ -35219,13 +35328,30 @@ kendo-scheduler .k-recurrence-editor {
35219
35328
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
35220
35329
  }
35221
35330
 
35331
+ .k-pdf-viewer .k-blank-page > .k-icon {
35332
+ color: #7e7e7e;
35333
+ }
35334
+
35222
35335
  .k-pdf-viewer .k-search-highlight {
35223
35336
  background-color: #424242;
35224
35337
  }
35225
35338
 
35339
+ .k-pdf-viewer .k-search-highlight-mark {
35340
+ background-color: yellow;
35341
+ }
35342
+
35343
+ .k-pdf-viewer-canvas > .k-search-panel, .k-pdf-viewer-canvas > .k-search-container {
35344
+ border-color: rgba(0, 0, 0, 0.08);
35345
+ color: #424242;
35346
+ background-color: #ffffff;
35347
+ box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.06);
35348
+ }
35349
+
35226
35350
  .km-scrollview,
35227
35351
  .km-scroll-container {
35228
- user-select: none;
35352
+ -webkit-user-select: none;
35353
+ -ms-user-select: none;
35354
+ user-select: none;
35229
35355
  border-collapse: separate;
35230
35356
  }
35231
35357
 
@@ -35340,7 +35466,9 @@ kendo-scrollview.k-scrollview,
35340
35466
 
35341
35467
  .k-scrollview-wrap .k-scrollview img,
35342
35468
  .k-scrollview .k-scrollview-wrap img {
35343
- user-select: none;
35469
+ -webkit-user-select: none;
35470
+ -ms-user-select: none;
35471
+ user-select: none;
35344
35472
  }
35345
35473
 
35346
35474
  .k-scrollview-wrap .k-scrollview > li,
@@ -35362,20 +35490,20 @@ kendo-scrollview.k-scrollview,
35362
35490
  .k-scrollview-wrap.k-scrollview-animate {
35363
35491
  display: flex;
35364
35492
  flex-flow: row nowrap;
35365
- width: calc( var(--kendo-scrollview-views, 1) * 100%);
35493
+ width: calc(var(--kendo-scrollview-views, 1)*100%);
35366
35494
  transition-duration: 0.3s;
35367
35495
  transition-timing-function: ease-in-out;
35368
- transform: translateX(calc( -100% / var(--kendo-scrollview-views, 1) * ( var(--kendo-scrollview-current, 1) - 1)));
35496
+ transform: translateX(calc(-100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
35369
35497
  }
35370
35498
 
35371
35499
  .k-scrollview-wrap.k-scrollview-animate .k-scrollview-view {
35372
- width: calc( 100% / var(--kendo-scrollview-views, 1));
35373
- flex: 0 0 calc( 100% / var(--kendo-scrollview-views, 1));
35500
+ width: calc(100%/var(--kendo-scrollview-views, 1));
35501
+ flex: 0 0 calc(100%/var(--kendo-scrollview-views, 1));
35374
35502
  }
35375
35503
 
35376
35504
  [dir="rtl"] .k-scrollview-wrap.k-scrollview-animate,
35377
35505
  .k-rtl .k-scrollview-wrap.k-scrollview-animate {
35378
- transform: translateX(calc( 100% / var(--kendo-scrollview-views, 1) * ( var(--kendo-scrollview-current, 1) - 1)));
35506
+ transform: translateX(calc(100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
35379
35507
  }
35380
35508
 
35381
35509
  kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager,
@@ -35387,7 +35515,7 @@ kendo-scrollview.k-scrollview kendo-scrollview-pager,
35387
35515
  left: 0;
35388
35516
  right: 0;
35389
35517
  bottom: 0;
35390
- height: calc( 10px + 0px + 40px);
35518
+ height: 50px;
35391
35519
  text-align: center;
35392
35520
  }
35393
35521
 
@@ -35463,7 +35591,9 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
35463
35591
  height: 60%;
35464
35592
  top: 20%;
35465
35593
  text-decoration: none;
35466
- user-select: none;
35594
+ -webkit-user-select: none;
35595
+ -ms-user-select: none;
35596
+ user-select: none;
35467
35597
  cursor: pointer;
35468
35598
  }
35469
35599
 
@@ -35676,8 +35806,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
35676
35806
  z-index: 12000;
35677
35807
  }
35678
35808
 
35679
- .k-sparkline-tooltip-wrapper > .k-popup,
35680
- .k-chart-tooltip-wrapper > .k-popup {
35809
+ .k-sparkline-tooltip-wrapper .k-popup,
35810
+ .k-chart-tooltip-wrapper .k-popup {
35681
35811
  padding: 0;
35682
35812
  border-width: 0;
35683
35813
  background: transparent;
@@ -35940,11 +36070,11 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
35940
36070
  }
35941
36071
 
35942
36072
  .k-treemap .k-treemap-title + .k-treemap-wrap {
35943
- top: calc( 4px + (1.4285714286 * 14px) + 1px);
36073
+ top: 25.0000000004px;
35944
36074
  }
35945
36075
 
35946
36076
  .k-treemap .k-treemap-title-vertical + .k-treemap-wrap {
35947
- left: calc( 4px + (1.4285714286 * 14px) + 1px);
36077
+ left: 25.0000000004px;
35948
36078
  }
35949
36079
 
35950
36080
  .k-treemap .k-leaf {
@@ -36344,7 +36474,9 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
36344
36474
  .k-map .km-scroll-wrapper {
36345
36475
  width: 100%;
36346
36476
  height: 100%;
36347
- user-select: none;
36477
+ -webkit-user-select: none;
36478
+ -ms-user-select: none;
36479
+ user-select: none;
36348
36480
  position: absolute;
36349
36481
  }
36350
36482
 
@@ -36385,8 +36517,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
36385
36517
 
36386
36518
  .k-navigator {
36387
36519
  margin: 1em;
36388
- width: calc( 48px + 4px);
36389
- height: calc( 48px + 4px);
36520
+ width: 52px;
36521
+ height: 52px;
36390
36522
  border-width: 1px;
36391
36523
  border-style: solid;
36392
36524
  box-sizing: border-box;
@@ -36656,8 +36788,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
36656
36788
  }
36657
36789
 
36658
36790
  .k-signature-sm .k-signature-line {
36659
- width: calc( 100% - 2 * 2px);
36660
- bottom: calc( calc( 1.4285714286em + 8px + 2px) + 2px);
36791
+ width: calc(100% - 4px);
36792
+ bottom: calc(1.4285714286em + 12px);
36661
36793
  }
36662
36794
 
36663
36795
  .k-signature-md {
@@ -36665,8 +36797,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
36665
36797
  }
36666
36798
 
36667
36799
  .k-signature-md .k-signature-line {
36668
- width: calc( 100% - 2 * 4px);
36669
- bottom: calc( calc( 1.4285714286em + 8px + 2px) + 4px);
36800
+ width: calc(100% - 8px);
36801
+ bottom: calc(1.4285714286em + 14px);
36670
36802
  }
36671
36803
 
36672
36804
  .k-signature-lg {
@@ -36674,8 +36806,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
36674
36806
  }
36675
36807
 
36676
36808
  .k-signature-lg .k-signature-line {
36677
- width: calc( 100% - 2 * 6px);
36678
- bottom: calc( calc( 1.4285714286em + 8px + 2px) + 6px);
36809
+ width: calc(100% - 12px);
36810
+ bottom: calc(1.4285714286em + 16px);
36679
36811
  }
36680
36812
 
36681
36813
  .k-signature .k-signature-line {