@progress/kendo-theme-classic 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.
package/dist/all.css CHANGED
@@ -3212,26 +3212,51 @@ kendo-sortable {
3212
3212
  position: static !important;
3213
3213
  }
3214
3214
 
3215
+ .\!k-static,
3216
+ .\!k-pos-static {
3217
+ position: static !important;
3218
+ }
3219
+
3215
3220
  .k-relative,
3216
3221
  .k-pos-relative {
3217
3222
  position: relative !important;
3218
3223
  }
3219
3224
 
3225
+ .\!k-relative,
3226
+ .\!k-pos-relative {
3227
+ position: relative !important;
3228
+ }
3229
+
3220
3230
  .k-absolute,
3221
3231
  .k-pos-absolute {
3222
3232
  position: absolute !important;
3223
3233
  }
3224
3234
 
3235
+ .\!k-absolute,
3236
+ .\!k-pos-absolute {
3237
+ position: absolute !important;
3238
+ }
3239
+
3225
3240
  .k-fixed,
3226
3241
  .k-pos-fixed {
3227
3242
  position: fixed !important;
3228
3243
  }
3229
3244
 
3245
+ .\!k-fixed,
3246
+ .\!k-pos-fixed {
3247
+ position: fixed !important;
3248
+ }
3249
+
3230
3250
  .k-sticky,
3231
3251
  .k-pos-sticky {
3232
3252
  position: sticky !important;
3233
3253
  }
3234
3254
 
3255
+ .\!k-sticky,
3256
+ .\!k-pos-sticky {
3257
+ position: sticky !important;
3258
+ }
3259
+
3235
3260
  .k-top,
3236
3261
  .k-pos-top {
3237
3262
  top: 0;
@@ -6559,23 +6584,32 @@ kendo-sortable {
6559
6584
  }
6560
6585
 
6561
6586
  .k-user-select-none {
6562
- user-select: none !important;
6587
+ -webkit-user-select: none !important;
6588
+ -ms-user-select: none !important;
6589
+ user-select: none !important;
6563
6590
  }
6564
6591
 
6565
6592
  .k-user-select-auto {
6566
- user-select: auto !important;
6593
+ -webkit-user-select: auto !important;
6594
+ -ms-user-select: auto !important;
6595
+ user-select: auto !important;
6567
6596
  }
6568
6597
 
6569
6598
  .k-user-select-text {
6570
- user-select: text !important;
6599
+ -webkit-user-select: text !important;
6600
+ -ms-user-select: text !important;
6601
+ user-select: text !important;
6571
6602
  }
6572
6603
 
6573
6604
  .k-user-select-all {
6574
- user-select: all !important;
6605
+ -webkit-user-select: all !important;
6606
+ user-select: all !important;
6575
6607
  }
6576
6608
 
6577
6609
  .k-user-select-contain {
6578
- user-select: contain !important;
6610
+ -webkit-user-select: contain !important;
6611
+ -ms-user-select: element !important;
6612
+ user-select: contain !important;
6579
6613
  }
6580
6614
 
6581
6615
  .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: 8px;
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: #f35800;
12013
11993
  color: white;
12014
11994
  background-color: #f35800;
12015
11995
  }
12016
11996
 
12017
- .k-badge-solid.k-badge-secondary {
11997
+ .k-badge-solid-secondary {
12018
11998
  border-color: #e9e9e9;
12019
11999
  color: black;
12020
12000
  background-color: #e9e9e9;
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: #2498bc;
12031
12011
  color: white;
12032
12012
  background-color: #2498bc;
12033
12013
  }
12034
12014
 
12035
- .k-badge-solid.k-badge-success {
12015
+ .k-badge-solid-success {
12036
12016
  border-color: #3ea44e;
12037
12017
  color: white;
12038
12018
  background-color: #3ea44e;
12039
12019
  }
12040
12020
 
12041
- .k-badge-solid.k-badge-warning {
12021
+ .k-badge-solid-warning {
12042
12022
  border-color: #ff9800;
12043
12023
  color: white;
12044
12024
  background-color: #ff9800;
12045
12025
  }
12046
12026
 
12047
- .k-badge-solid.k-badge-error {
12027
+ .k-badge-solid-error {
12048
12028
  border-color: #d92800;
12049
12029
  color: white;
12050
12030
  background-color: #d92800;
12051
12031
  }
12052
12032
 
12053
- .k-badge-solid.k-badge-dark {
12033
+ .k-badge-solid-dark {
12054
12034
  border-color: #404040;
12055
12035
  color: white;
12056
12036
  background-color: #404040;
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: #404040;
12067
12047
  color: white;
12068
12048
  background-color: #404040;
@@ -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: #f35800;
12078
12058
  }
12079
12059
 
12080
- .k-badge-outline.k-badge-secondary {
12060
+ .k-badge-outline-secondary {
12081
12061
  color: #e9e9e9;
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: #2498bc;
12090
12070
  }
12091
12071
 
12092
- .k-badge-outline.k-badge-success {
12072
+ .k-badge-outline-success {
12093
12073
  color: #3ea44e;
12094
12074
  }
12095
12075
 
12096
- .k-badge-outline.k-badge-warning {
12076
+ .k-badge-outline-warning {
12097
12077
  color: #ff9800;
12098
12078
  }
12099
12079
 
12100
- .k-badge-outline.k-badge-error {
12080
+ .k-badge-outline-error {
12101
12081
  color: #d92800;
12102
12082
  }
12103
12083
 
12104
- .k-badge-outline.k-badge-dark {
12084
+ .k-badge-outline-dark {
12105
12085
  color: #404040;
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: #404040;
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 {
@@ -13416,11 +13398,20 @@ kendo-badge-container {
13416
13398
  margin: 0;
13417
13399
  }
13418
13400
 
13401
+ .k-input:-ms-input-placeholder, .k-picker:-ms-input-placeholder {
13402
+ color: #646464;
13403
+ opacity: 1;
13404
+ -ms-user-select: none;
13405
+ user-select: none;
13406
+ }
13407
+
13419
13408
  .k-input::placeholder,
13420
13409
  .k-picker::placeholder {
13421
13410
  color: #646464;
13422
13411
  opacity: 1;
13423
- user-select: none;
13412
+ -webkit-user-select: none;
13413
+ -ms-user-select: none;
13414
+ user-select: none;
13424
13415
  }
13425
13416
 
13426
13417
  .k-input:-ms-input-placeholder,
@@ -13510,10 +13501,19 @@ select.k-picker:disabled, select.k-picker[disabled] {
13510
13501
  display: none;
13511
13502
  }
13512
13503
 
13504
+ .k-input-inner:-ms-input-placeholder {
13505
+ color: #646464;
13506
+ opacity: 1;
13507
+ -ms-user-select: none;
13508
+ user-select: none;
13509
+ }
13510
+
13513
13511
  .k-input-inner::placeholder {
13514
13512
  color: #646464;
13515
13513
  opacity: 1;
13516
- user-select: none;
13514
+ -webkit-user-select: none;
13515
+ -ms-user-select: none;
13516
+ user-select: none;
13517
13517
  }
13518
13518
 
13519
13519
  .k-input-inner:-ms-input-placeholder {
@@ -13765,14 +13765,14 @@ textarea.k-input-inner {
13765
13765
  .k-picker-sm .k-clear-value,
13766
13766
  .k-picker-sm .k-input-prefix > .k-icon,
13767
13767
  .k-picker-sm .k-input-suffix > .k-icon {
13768
- width: calc( 16px + 4px);
13769
- height: calc( 16px + 4px);
13768
+ width: 20px;
13769
+ height: 20px;
13770
13770
  }
13771
13771
 
13772
13772
  .k-input-sm.k-icon-picker .k-input-inner,
13773
13773
  .k-picker-sm.k-icon-picker .k-input-inner {
13774
- width: calc( 1.4285714286em);
13775
- height: calc( 1.4285714286em);
13774
+ width: 1.4285714286em;
13775
+ height: 1.4285714286em;
13776
13776
  padding: 2px;
13777
13777
  box-sizing: content-box;
13778
13778
  }
@@ -13828,14 +13828,14 @@ textarea.k-input-inner {
13828
13828
  .k-picker-md .k-clear-value,
13829
13829
  .k-picker-md .k-input-prefix > .k-icon,
13830
13830
  .k-picker-md .k-input-suffix > .k-icon {
13831
- width: calc( 16px + 8px);
13832
- height: calc( 16px + 8px);
13831
+ width: 24px;
13832
+ height: 24px;
13833
13833
  }
13834
13834
 
13835
13835
  .k-input-md.k-icon-picker .k-input-inner,
13836
13836
  .k-picker-md.k-icon-picker .k-input-inner {
13837
- width: calc( 1.4285714286em);
13838
- height: calc( 1.4285714286em);
13837
+ width: 1.4285714286em;
13838
+ height: 1.4285714286em;
13839
13839
  padding: 4px;
13840
13840
  box-sizing: content-box;
13841
13841
  }
@@ -13891,14 +13891,14 @@ textarea.k-input-inner {
13891
13891
  .k-picker-lg .k-clear-value,
13892
13892
  .k-picker-lg .k-input-prefix > .k-icon,
13893
13893
  .k-picker-lg .k-input-suffix > .k-icon {
13894
- width: calc( 16px + 16px);
13895
- height: calc( 16px + 16px);
13894
+ width: 32px;
13895
+ height: 32px;
13896
13896
  }
13897
13897
 
13898
13898
  .k-input-lg.k-icon-picker .k-input-inner,
13899
13899
  .k-picker-lg.k-icon-picker .k-input-inner {
13900
- width: calc( 1.5em);
13901
- height: calc( 1.5em);
13900
+ width: 1.5em;
13901
+ height: 1.5em;
13902
13902
  padding: 8px;
13903
13903
  box-sizing: content-box;
13904
13904
  }
@@ -14114,7 +14114,7 @@ textarea.k-input-inner {
14114
14114
  }
14115
14115
 
14116
14116
  .k-floating-label-container {
14117
- padding-top: calc( 1.4285714286 * 14px);
14117
+ padding-top: 20.0000000004px;
14118
14118
  box-sizing: border-box;
14119
14119
  display: inline-flex;
14120
14120
  vertical-align: middle;
@@ -14136,8 +14136,8 @@ textarea.k-input-inner {
14136
14136
  white-space: nowrap;
14137
14137
  text-overflow: ellipsis;
14138
14138
  position: absolute;
14139
- top: calc( calc( 1.4285714286 * 14px) + 1px + 4px);
14140
- left: calc( 8px + 1px);
14139
+ top: 25.0000000004px;
14140
+ left: 9px;
14141
14141
  overflow: hidden;
14142
14142
  cursor: text;
14143
14143
  transform-origin: left center;
@@ -14150,8 +14150,8 @@ textarea.k-input-inner {
14150
14150
  }
14151
14151
 
14152
14152
  .k-floating-label-container.k-state-empty > .k-label, .k-floating-label-container.k-empty > .k-label {
14153
- top: calc( calc( 1.4285714286 * 14px) + 1px + 4px);
14154
- left: calc( 8px + 1px);
14153
+ top: 25.0000000004px;
14154
+ left: 9px;
14155
14155
  transform: scale(1);
14156
14156
  pointer-events: none;
14157
14157
  }
@@ -14170,6 +14170,10 @@ textarea.k-input-inner {
14170
14170
  transform: scale(1);
14171
14171
  }
14172
14172
 
14173
+ .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 {
14174
+ color: transparent;
14175
+ }
14176
+
14173
14177
  .k-floating-label-container.k-state-empty:not(.k-state-focused) ::placeholder,
14174
14178
  .k-floating-label-container.k-empty:not(.k-focus):not(:focus-within) ::placeholder {
14175
14179
  color: transparent;
@@ -14185,7 +14189,7 @@ textarea.k-input-inner {
14185
14189
  .k-rtl .k-floating-label-container.k-state-empty > .k-label,
14186
14190
  .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 {
14187
14191
  left: auto;
14188
- right: calc( 8px + 1px);
14192
+ right: 9px;
14189
14193
  }
14190
14194
 
14191
14195
  [dir="rtl"] .k-floating-label-container > .k-label,
@@ -14776,7 +14780,9 @@ textarea.k-input-inner {
14776
14780
  position: relative;
14777
14781
  overflow: hidden;
14778
14782
  cursor: pointer;
14779
- user-select: none;
14783
+ -webkit-user-select: none;
14784
+ -ms-user-select: none;
14785
+ user-select: none;
14780
14786
  }
14781
14787
 
14782
14788
  .k-chip *,
@@ -15165,7 +15171,7 @@ textarea.k-input-inner {
15165
15171
  }
15166
15172
 
15167
15173
  .k-icon-color-preview .k-color-preview-mask {
15168
- width: calc( 16px - 2px);
15174
+ width: 14px;
15169
15175
  height: 2px;
15170
15176
  }
15171
15177
 
@@ -15328,32 +15334,32 @@ textarea.k-input-inner {
15328
15334
  top: 100%;
15329
15335
  left: 0;
15330
15336
  animation: spinner-3-segment 2s ease infinite;
15331
- animation-delay: calc( -2s / 3);
15337
+ animation-delay: -0.6666666667s;
15332
15338
  }
15333
15339
 
15334
15340
  .k-loader-spinner-3 .k-loader-segment:nth-child(3) {
15335
15341
  top: 100%;
15336
15342
  left: 100%;
15337
15343
  animation: spinner-3-segment 2s ease infinite;
15338
- animation-delay: calc( -4s / 3);
15344
+ animation-delay: -1.3333333333s;
15339
15345
  }
15340
15346
 
15341
15347
  .k-loader-spinner-3.k-loader-sm .k-loader-canvas {
15342
15348
  margin: 2px;
15343
- width: calc( 16px - 4px);
15344
- height: calc( 13.8564064608px - 4px);
15349
+ width: 12px;
15350
+ height: 9.8564064608px;
15345
15351
  }
15346
15352
 
15347
15353
  .k-loader-spinner-3.k-loader-md .k-loader-canvas {
15348
15354
  margin: 4px;
15349
- width: calc( 32px - 8px);
15350
- height: calc( 27.7128129216px - 8px);
15355
+ width: 24px;
15356
+ height: 19.7128129216px;
15351
15357
  }
15352
15358
 
15353
15359
  .k-loader-spinner-3.k-loader-lg .k-loader-canvas {
15354
15360
  margin: 8px;
15355
- width: calc( 64px - 16px);
15356
- height: calc( 55.4256258432px - 16px);
15361
+ width: 48px;
15362
+ height: 39.4256258432px;
15357
15363
  }
15358
15364
 
15359
15365
  @keyframes spinner-4-segment-1 {
@@ -15733,7 +15739,9 @@ textarea.k-input-inner {
15733
15739
  flex-flow: column nowrap;
15734
15740
  flex: none;
15735
15741
  position: relative;
15736
- user-select: none;
15742
+ -webkit-user-select: none;
15743
+ -ms-user-select: none;
15744
+ user-select: none;
15737
15745
  }
15738
15746
 
15739
15747
  .k-menu-item-content {
@@ -15797,12 +15805,12 @@ textarea.k-input-inner {
15797
15805
 
15798
15806
  .k-menu-vertical > .k-menu-item > .k-menu-link {
15799
15807
  padding: 4px 8px;
15800
- padding-right: calc( 16px + 16px);
15808
+ padding-right: 32px;
15801
15809
  }
15802
15810
 
15803
15811
  .k-menu-vertical > .k-menu-item > .k-menu-link > .k-menu-expand-arrow {
15804
15812
  margin-inline-start: 8px;
15805
- margin-inline-end: calc( -1 * (calc( 16px + 16px) - 4px));
15813
+ margin-inline-end: -28px;
15806
15814
  }
15807
15815
 
15808
15816
  .k-menu-vertical > .k-separator {
@@ -15866,12 +15874,12 @@ textarea.k-input-inner {
15866
15874
 
15867
15875
  .k-menu-group-sm .k-menu-link {
15868
15876
  padding: 2px 8px;
15869
- padding-inline-end: calc( 16px + 16px);
15877
+ padding-inline-end: 32px;
15870
15878
  }
15871
15879
 
15872
15880
  .k-menu-group-sm .k-menu-expand-arrow {
15873
15881
  margin-inline-start: 8px;
15874
- margin-inline-end: calc( -1 * (calc( 16px + 16px) - 4px));
15882
+ margin-inline-end: -28px;
15875
15883
  }
15876
15884
 
15877
15885
  .k-menu-group-md {
@@ -15886,12 +15894,12 @@ textarea.k-input-inner {
15886
15894
 
15887
15895
  .k-menu-group-md .k-menu-link {
15888
15896
  padding: 4px 8px;
15889
- padding-inline-end: calc( 16px + 16px);
15897
+ padding-inline-end: 32px;
15890
15898
  }
15891
15899
 
15892
15900
  .k-menu-group-md .k-menu-expand-arrow {
15893
15901
  margin-inline-start: 8px;
15894
- margin-inline-end: calc( -1 * (calc( 16px + 16px) - 4px));
15902
+ margin-inline-end: -28px;
15895
15903
  }
15896
15904
 
15897
15905
  .k-menu-group-lg {
@@ -15906,12 +15914,12 @@ textarea.k-input-inner {
15906
15914
 
15907
15915
  .k-menu-group-lg .k-menu-link {
15908
15916
  padding: 6px 8px;
15909
- padding-inline-end: calc( 16px + 16px);
15917
+ padding-inline-end: 32px;
15910
15918
  }
15911
15919
 
15912
15920
  .k-menu-group-lg .k-menu-expand-arrow {
15913
15921
  margin-inline-start: 8px;
15914
- margin-inline-end: calc( -1 * (calc( 16px + 16px) - 4px));
15922
+ margin-inline-end: -28px;
15915
15923
  }
15916
15924
 
15917
15925
  .k-popups-wrapper {
@@ -16010,13 +16018,13 @@ textarea.k-input-inner {
16010
16018
  .k-rtl .k-menu-vertical > .k-menu-item > .k-menu-link,
16011
16019
  [dir="rtl"] .k-menu-vertical > .k-menu-item > .k-menu-link {
16012
16020
  padding-right: 8px;
16013
- padding-left: calc( 16px + 16px);
16021
+ padding-left: 32px;
16014
16022
  }
16015
16023
 
16016
16024
  .k-rtl .k-menu-group .k-menu-link,
16017
16025
  [dir="rtl"] .k-menu-group .k-menu-link {
16018
16026
  padding-right: 8px;
16019
- padding-left: calc( 16px + 16px);
16027
+ padding-left: 32px;
16020
16028
  }
16021
16029
 
16022
16030
  .k-menu:not(.k-context-menu) {
@@ -16112,7 +16120,7 @@ textarea.k-input-inner {
16112
16120
 
16113
16121
  .k-toolbar::before {
16114
16122
  content: "";
16115
- height: calc( 1.4285714286em + 8px + 2px);
16123
+ height: calc(1.4285714286em + 10px);
16116
16124
  margin-inline-start: -8px;
16117
16125
  }
16118
16126
 
@@ -16180,6 +16188,11 @@ textarea.k-input-inner {
16180
16188
  align-items: center;
16181
16189
  }
16182
16190
 
16191
+ .k-toolbar .k-toolbar-item:focus {
16192
+ text-decoration: none;
16193
+ outline: 0;
16194
+ }
16195
+
16183
16196
  .k-toolbar-group {
16184
16197
  display: flex;
16185
16198
  flex-direction: inherit;
@@ -16295,6 +16308,11 @@ kendo-toolbar-renderer {
16295
16308
  border-color: inherit;
16296
16309
  }
16297
16310
 
16311
+ .k-toolbar .k-toolbar-item:focus,
16312
+ .k-toolbar .k-toolbar-item.k-focus {
16313
+ box-shadow: 0 0 4px 0 rgba(202, 202, 202, 0.75);
16314
+ }
16315
+
16298
16316
  .k-overflow-container .k-button:hover, .k-overflow-container .k-button.k-hover {
16299
16317
  color: #272727;
16300
16318
  background: #dddddd;
@@ -16588,7 +16606,7 @@ kendo-label > .k-label {
16588
16606
  }
16589
16607
 
16590
16608
  .k-form-horizontal .k-form-field-wrap {
16591
- max-width: calc( ( 100% - 25% ) - 10px);
16609
+ max-width: calc(75% - 10px);
16592
16610
  flex: 1 1 auto;
16593
16611
  }
16594
16612
 
@@ -16655,7 +16673,7 @@ kendo-label > .k-label {
16655
16673
  width: 25%;
16656
16674
  text-align: right;
16657
16675
  line-height: 1.4285714286;
16658
- padding: calc( 4px + 1px) 0;
16676
+ padding: 5px 0;
16659
16677
  padding-right: 12px;
16660
16678
  align-self: center;
16661
16679
  }
@@ -16704,7 +16722,7 @@ kendo-label > .k-label {
16704
16722
 
16705
16723
  .k-edit-label {
16706
16724
  margin: 0 0 1em 0;
16707
- padding: calc( 4px + 1px) 0;
16725
+ padding: 5px 0;
16708
16726
  width: 30%;
16709
16727
  line-height: 1.4285714286;
16710
16728
  text-align: right;
@@ -16721,7 +16739,7 @@ kendo-label > .k-label {
16721
16739
  }
16722
16740
 
16723
16741
  .k-edit-field.k-no-editor {
16724
- padding: calc( 4px + 1px) 0;
16742
+ padding: 5px 0;
16725
16743
  }
16726
16744
 
16727
16745
  .k-edit-field > .k-widget {
@@ -16944,7 +16962,7 @@ kendo-label > .k-label {
16944
16962
  }
16945
16963
 
16946
16964
  .k-validator-tooltip {
16947
- margin-top: calc( 6px + 0px);
16965
+ margin-top: 6px;
16948
16966
  width: auto;
16949
16967
  white-space: normal;
16950
16968
  display: flex;
@@ -17236,13 +17254,13 @@ kendo-label > .k-label {
17236
17254
  .k-progressbar-horizontal > .k-state-selected,
17237
17255
  .k-progressbar-horizontal > .k-selected {
17238
17256
  width: 0;
17239
- width: calc( var( --kendo-progressbar-progress, 0 ) * 1%);
17257
+ width: calc(var( --kendo-progressbar-progress, 0 )*1%);
17240
17258
  flex-direction: row;
17241
17259
  }
17242
17260
 
17243
17261
  .k-progressbar-horizontal > .k-state-selected > .k-progress-status-wrap,
17244
17262
  .k-progressbar-horizontal > .k-selected > .k-progress-status-wrap {
17245
- width: calc( 100% * ( 100 / var( --kendo-progressbar-progress, 1 ) ));
17263
+ width: calc(100%*(100/var( --kendo-progressbar-progress, 1 )));
17246
17264
  }
17247
17265
 
17248
17266
  .k-progressbar-horizontal > ul {
@@ -17273,13 +17291,14 @@ kendo-label > .k-label {
17273
17291
  }
17274
17292
 
17275
17293
  .k-progressbar-vertical .k-progress-status {
17276
- writing-mode: vertical-lr;
17294
+ -ms-writing-mode: tb-lr;
17295
+ writing-mode: vertical-lr;
17277
17296
  }
17278
17297
 
17279
17298
  .k-progressbar-vertical > .k-state-selected,
17280
17299
  .k-progressbar-vertical > .k-selected {
17281
17300
  height: 0;
17282
- height: calc( var( --kendo-progressbar-progress, 0 ) * 1%);
17301
+ height: calc(var( --kendo-progressbar-progress, 0 )*1%);
17283
17302
  flex-direction: column-reverse;
17284
17303
  align-self: flex-end;
17285
17304
  align-items: flex-end;
@@ -17287,7 +17306,7 @@ kendo-label > .k-label {
17287
17306
 
17288
17307
  .k-progressbar-vertical > .k-state-selected > .k-progress-status-wrap,
17289
17308
  .k-progressbar-vertical > .k-selected > .k-progress-status-wrap {
17290
- height: calc( 100% * ( 100 / var( --kendo-progressbar-progress, 1 ) ));
17309
+ height: calc(100%*(100/var( --kendo-progressbar-progress, 1 )));
17291
17310
  }
17292
17311
 
17293
17312
  .k-progressbar-vertical > ul {
@@ -17755,7 +17774,7 @@ kendo-label > .k-label {
17755
17774
  .k-slider {
17756
17775
  width: min-content;
17757
17776
  height: min-content;
17758
- gap: calc( 14px / 2);
17777
+ gap: 7px;
17759
17778
  }
17760
17779
 
17761
17780
  .k-slider .k-button {
@@ -17778,7 +17797,9 @@ kendo-label > .k-label {
17778
17797
  display: flex;
17779
17798
  flex-flow: inherit;
17780
17799
  justify-content: space-between;
17781
- user-select: none;
17800
+ -webkit-user-select: none;
17801
+ -ms-user-select: none;
17802
+ user-select: none;
17782
17803
  }
17783
17804
 
17784
17805
  .k-slider .k-slider-track-wrap .k-tick {
@@ -17818,31 +17839,31 @@ kendo-label > .k-label {
17818
17839
  }
17819
17840
 
17820
17841
  .k-slider-horizontal .k-slider-track-wrap .k-slider-selection {
17821
- width: calc( (var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0)) * 1%);
17822
- left: calc( var(--kendo-slider-start, 0) * 1%);
17842
+ width: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%);
17843
+ left: calc(var(--kendo-slider-start, 0)*1%);
17823
17844
  }
17824
17845
 
17825
17846
  .k-slider-horizontal .k-slider-track-wrap .k-draghandle-start {
17826
- left: calc( var(--kendo-slider-start, 0) * 1%);
17847
+ left: calc(var(--kendo-slider-start, 0)*1%);
17827
17848
  }
17828
17849
 
17829
17850
  .k-slider-horizontal .k-slider-track-wrap .k-draghandle-end {
17830
- left: calc( var(--kendo-slider-end, 0) * 1%);
17851
+ left: calc(var(--kendo-slider-end, 0)*1%);
17831
17852
  }
17832
17853
 
17833
17854
  [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-slider-selection {
17834
17855
  left: unset;
17835
- right: calc( var(--kendo-slider-start, 0) * 1%);
17856
+ right: calc(var(--kendo-slider-start, 0)*1%);
17836
17857
  }
17837
17858
 
17838
17859
  [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle-start {
17839
17860
  left: unset;
17840
- right: calc( var(--kendo-slider-start, 0) * 1%);
17861
+ right: calc(var(--kendo-slider-start, 0)*1%);
17841
17862
  }
17842
17863
 
17843
17864
  [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle-end {
17844
17865
  left: unset;
17845
- right: calc( var(--kendo-slider-end, 0) * 1%);
17866
+ right: calc(var(--kendo-slider-end, 0)*1%);
17846
17867
  }
17847
17868
 
17848
17869
  [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle {
@@ -17873,16 +17894,16 @@ kendo-label > .k-label {
17873
17894
  }
17874
17895
 
17875
17896
  .k-slider-vertical .k-slider-track-wrap .k-slider-selection {
17876
- bottom: calc( var(--kendo-slider-start, 0) * 1%);
17877
- height: calc( (var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0)) * 1%);
17897
+ bottom: calc(var(--kendo-slider-start, 0)*1%);
17898
+ height: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%);
17878
17899
  }
17879
17900
 
17880
17901
  .k-slider-vertical .k-slider-track-wrap .k-draghandle-start {
17881
- bottom: calc( var(--kendo-slider-start, 0) * 1%);
17902
+ bottom: calc(var(--kendo-slider-start, 0)*1%);
17882
17903
  }
17883
17904
 
17884
17905
  .k-slider-vertical .k-slider-track-wrap .k-draghandle-end {
17885
- bottom: calc( var(--kendo-slider-end, 0) * 1%);
17906
+ bottom: calc(var(--kendo-slider-end, 0)*1%);
17886
17907
  }
17887
17908
 
17888
17909
  .k-slider-vertical {
@@ -18110,12 +18131,12 @@ kendo-label > .k-label {
18110
18131
  left: auto;
18111
18132
  }
18112
18133
 
18113
- .k-rtl .k-slider-horizontal .k-button .k-i-arrow-e,
18114
- .k-rtl .k-slider-horizontal .k-button .k-i-arrow-w, .k-slider-horizontal.k-rtl .k-button .k-i-arrow-e,
18115
- .k-slider-horizontal.k-rtl .k-button .k-i-arrow-w,
18116
- [dir="rtl"] .k-slider-horizontal .k-button .k-i-arrow-e,
18117
- [dir="rtl"] .k-slider-horizontal .k-button .k-i-arrow-w, .k-slider-horizontal[dir="rtl"] .k-button .k-i-arrow-e,
18118
- .k-slider-horizontal[dir="rtl"] .k-button .k-i-arrow-w {
18134
+ .k-rtl .k-slider-horizontal .k-button-increase .k-icon,
18135
+ .k-rtl .k-slider-horizontal .k-button-decrease .k-icon, .k-slider-horizontal.k-rtl .k-button-increase .k-icon,
18136
+ .k-slider-horizontal.k-rtl .k-button-decrease .k-icon,
18137
+ [dir="rtl"] .k-slider-horizontal .k-button-increase .k-icon,
18138
+ [dir="rtl"] .k-slider-horizontal .k-button-decrease .k-icon, .k-slider-horizontal[dir="rtl"] .k-button-increase .k-icon,
18139
+ .k-slider-horizontal[dir="rtl"] .k-button-decrease .k-icon {
18119
18140
  transform: scaleX(-1);
18120
18141
  }
18121
18142
 
@@ -18201,13 +18222,13 @@ kendo-label > .k-label {
18201
18222
  }
18202
18223
 
18203
18224
  .k-slider-horizontal .k-slider-wrap:not(.k-slider-buttons) {
18204
- padding-left: calc( 14px / 2);
18205
- padding-right: calc( 14px / 2);
18225
+ padding-left: 7px;
18226
+ padding-right: 7px;
18206
18227
  }
18207
18228
 
18208
18229
  .k-slider-vertical .k-slider-wrap:not(.k-slider-buttons) {
18209
- padding-top: calc( 14px / 2);
18210
- padding-bottom: calc( 14px / 2);
18230
+ padding-top: 7px;
18231
+ padding-bottom: 7px;
18211
18232
  }
18212
18233
 
18213
18234
  .k-slider {
@@ -18274,7 +18295,9 @@ kendo-label > .k-label {
18274
18295
  overflow: hidden;
18275
18296
  display: inline-flex;
18276
18297
  flex-flow: column nowrap;
18277
- user-select: none;
18298
+ -webkit-user-select: none;
18299
+ -ms-user-select: none;
18300
+ user-select: none;
18278
18301
  -webkit-touch-callout: none;
18279
18302
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
18280
18303
  }
@@ -18963,7 +18986,9 @@ kendo-label > .k-label {
18963
18986
  overflow: hidden;
18964
18987
  display: flex;
18965
18988
  flex-flow: column nowrap;
18966
- user-select: none;
18989
+ -webkit-user-select: none;
18990
+ -ms-user-select: none;
18991
+ user-select: none;
18967
18992
  -webkit-touch-callout: none;
18968
18993
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
18969
18994
  }
@@ -19007,12 +19032,12 @@ kendo-label > .k-label {
19007
19032
  .k-time-highlight,
19008
19033
  .k-time-list-highlight {
19009
19034
  width: 100%;
19010
- height: calc( 20px + 8px);
19035
+ height: 28px;
19011
19036
  border-width: 1px 0px;
19012
19037
  border-style: solid;
19013
19038
  box-sizing: border-box;
19014
19039
  position: absolute;
19015
- top: calc( 50% + 9px);
19040
+ top: calc(50% + 9px);
19016
19041
  left: 0;
19017
19042
  right: 0;
19018
19043
  transform: translateY(-50%);
@@ -19048,7 +19073,7 @@ kendo-label > .k-label {
19048
19073
  width: 100%;
19049
19074
  left: 0;
19050
19075
  pointer-events: none;
19051
- height: calc( 50% - calc( 20px + 8px)/2);
19076
+ height: calc(50% - 14px);
19052
19077
  box-sizing: border-box;
19053
19078
  border-width: 0;
19054
19079
  border-style: solid;
@@ -19138,14 +19163,14 @@ kendo-label > .k-label {
19138
19163
 
19139
19164
  .k-time-separator {
19140
19165
  width: 0;
19141
- height: calc( 20px + 8px);
19166
+ height: 28px;
19142
19167
  align-self: center;
19143
19168
  display: inline-flex;
19144
19169
  justify-content: center;
19145
19170
  align-items: center;
19146
19171
  position: relative;
19147
19172
  z-index: 11;
19148
- top: calc( 9px);
19173
+ top: 9px;
19149
19174
  }
19150
19175
 
19151
19176
  .k-timeselector-sm {
@@ -19155,11 +19180,11 @@ kendo-label > .k-label {
19155
19180
 
19156
19181
  .k-timeselector-sm .k-time-highlight,
19157
19182
  .k-timeselector-sm .k-time-list-highlight {
19158
- height: calc( 20px + 4px);
19183
+ height: 24px;
19159
19184
  }
19160
19185
 
19161
19186
  .k-timeselector-sm .k-time-separator {
19162
- height: calc( 20px + 4px);
19187
+ height: 24px;
19163
19188
  }
19164
19189
 
19165
19190
  .k-timeselector-sm .k-time-list-item,
@@ -19174,11 +19199,11 @@ kendo-label > .k-label {
19174
19199
 
19175
19200
  .k-timeselector-md .k-time-highlight,
19176
19201
  .k-timeselector-md .k-time-list-highlight {
19177
- height: calc( 20px + 8px);
19202
+ height: 28px;
19178
19203
  }
19179
19204
 
19180
19205
  .k-timeselector-md .k-time-separator {
19181
- height: calc( 20px + 8px);
19206
+ height: 28px;
19182
19207
  }
19183
19208
 
19184
19209
  .k-timeselector-md .k-time-list-item,
@@ -19193,11 +19218,11 @@ kendo-label > .k-label {
19193
19218
 
19194
19219
  .k-timeselector-lg .k-time-highlight,
19195
19220
  .k-timeselector-lg .k-time-list-highlight {
19196
- height: calc( 24px + 16px);
19221
+ height: 40px;
19197
19222
  }
19198
19223
 
19199
19224
  .k-timeselector-lg .k-time-separator {
19200
- height: calc( 24px + 16px);
19225
+ height: 40px;
19201
19226
  }
19202
19227
 
19203
19228
  .k-timeselector-lg .k-time-list-item,
@@ -19400,7 +19425,9 @@ kendo-label > .k-label {
19400
19425
  border-radius: 4px;
19401
19426
  position: relative;
19402
19427
  flex: 1 1 auto;
19403
- user-select: none;
19428
+ -webkit-user-select: none;
19429
+ -ms-user-select: none;
19430
+ user-select: none;
19404
19431
  -ms-touch-action: pinch-zoom double-tap-zoom;
19405
19432
  }
19406
19433
 
@@ -19528,7 +19555,7 @@ kendo-label > .k-label {
19528
19555
  vertical-align: middle;
19529
19556
  }
19530
19557
 
19531
- .k-colorgradient-color-contrast .k-contrast-validation .k-i-check + .k-i-check {
19558
+ .k-colorgradient-color-contrast .k-contrast-validation .k-icon + .k-icon {
19532
19559
  margin-left: -13px;
19533
19560
  }
19534
19561
 
@@ -19646,7 +19673,7 @@ kendo-label > .k-label {
19646
19673
  }
19647
19674
 
19648
19675
  .k-coloreditor-views {
19649
- min-width: calc( var(--kendo-color-preview-width, 24px) * var(--kendo-color-preview-columns, 10));
19676
+ min-width: calc(var(--kendo-color-preview-width, 24px)*var(--kendo-color-preview-columns, 10));
19650
19677
  padding: 12px 12px;
19651
19678
  gap: 12px;
19652
19679
  }
@@ -19694,7 +19721,7 @@ kendo-label > .k-label {
19694
19721
  }
19695
19722
 
19696
19723
  .k-datetime-wrap {
19697
- width: calc( 256px + 32px);
19724
+ width: 288px;
19698
19725
  overflow: hidden;
19699
19726
  }
19700
19727
 
@@ -19711,7 +19738,7 @@ kendo-label > .k-label {
19711
19738
  .k-datetime-calendar-wrap,
19712
19739
  .k-datetime-time-wrap {
19713
19740
  text-align: center;
19714
- flex: 0 0 calc( 256px + 32px);
19741
+ flex: 0 0 288px;
19715
19742
  }
19716
19743
 
19717
19744
  .k-date-tab .k-datetime-selector {
@@ -20131,7 +20158,9 @@ kendo-label > .k-label {
20131
20158
  line-height: 1;
20132
20159
  position: relative;
20133
20160
  cursor: pointer;
20134
- user-select: none;
20161
+ -webkit-user-select: none;
20162
+ -ms-user-select: none;
20163
+ user-select: none;
20135
20164
  -webkit-touch-callout: none;
20136
20165
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
20137
20166
  }
@@ -20216,11 +20245,11 @@ kendo-label > .k-label {
20216
20245
  }
20217
20246
 
20218
20247
  .k-switch-sm.k-switch-on .k-switch-thumb-wrap {
20219
- left: calc( 100% - 10px - 3px);
20248
+ left: calc(100% - 13px);
20220
20249
  }
20221
20250
 
20222
20251
  .k-switch-sm.k-switch-off .k-switch-thumb-wrap {
20223
- left: calc( 10px + 3px);
20252
+ left: 13px;
20224
20253
  }
20225
20254
 
20226
20255
  .k-switch-sm[dir="rtl"] .k-switch-label-on,
@@ -20240,13 +20269,13 @@ kendo-label > .k-label {
20240
20269
  .k-switch-sm[dir="rtl"].k-switch-on .k-switch-thumb-wrap,
20241
20270
  [dir="rtl"] .k-switch-sm.k-switch-on .k-switch-thumb-wrap,
20242
20271
  .k-rtl .k-switch-sm.k-switch-on .k-switch-thumb-wrap {
20243
- left: calc( 10px + 3px);
20272
+ left: 13px;
20244
20273
  }
20245
20274
 
20246
20275
  .k-switch-sm[dir="rtl"].k-switch-off .k-switch-thumb-wrap,
20247
20276
  [dir="rtl"] .k-switch-sm.k-switch-off .k-switch-thumb-wrap,
20248
20277
  .k-rtl .k-switch-sm.k-switch-off .k-switch-thumb-wrap {
20249
- left: calc( 100% - 10px - 3px);
20278
+ left: calc(100% - 13px);
20250
20279
  }
20251
20280
 
20252
20281
  .k-switch-md {
@@ -20274,11 +20303,11 @@ kendo-label > .k-label {
20274
20303
  }
20275
20304
 
20276
20305
  .k-switch-md.k-switch-on .k-switch-thumb-wrap {
20277
- left: calc( 100% - 12px - 3px);
20306
+ left: calc(100% - 15px);
20278
20307
  }
20279
20308
 
20280
20309
  .k-switch-md.k-switch-off .k-switch-thumb-wrap {
20281
- left: calc( 12px + 3px);
20310
+ left: 15px;
20282
20311
  }
20283
20312
 
20284
20313
  .k-switch-md[dir="rtl"] .k-switch-label-on,
@@ -20298,13 +20327,13 @@ kendo-label > .k-label {
20298
20327
  .k-switch-md[dir="rtl"].k-switch-on .k-switch-thumb-wrap,
20299
20328
  [dir="rtl"] .k-switch-md.k-switch-on .k-switch-thumb-wrap,
20300
20329
  .k-rtl .k-switch-md.k-switch-on .k-switch-thumb-wrap {
20301
- left: calc( 12px + 3px);
20330
+ left: 15px;
20302
20331
  }
20303
20332
 
20304
20333
  .k-switch-md[dir="rtl"].k-switch-off .k-switch-thumb-wrap,
20305
20334
  [dir="rtl"] .k-switch-md.k-switch-off .k-switch-thumb-wrap,
20306
20335
  .k-rtl .k-switch-md.k-switch-off .k-switch-thumb-wrap {
20307
- left: calc( 100% - 12px - 3px);
20336
+ left: calc(100% - 15px);
20308
20337
  }
20309
20338
 
20310
20339
  .k-switch-lg {
@@ -20332,11 +20361,11 @@ kendo-label > .k-label {
20332
20361
  }
20333
20362
 
20334
20363
  .k-switch-lg.k-switch-on .k-switch-thumb-wrap {
20335
- left: calc( 100% - 14px - 3px);
20364
+ left: calc(100% - 17px);
20336
20365
  }
20337
20366
 
20338
20367
  .k-switch-lg.k-switch-off .k-switch-thumb-wrap {
20339
- left: calc( 14px + 3px);
20368
+ left: 17px;
20340
20369
  }
20341
20370
 
20342
20371
  .k-switch-lg[dir="rtl"] .k-switch-label-on,
@@ -20356,13 +20385,13 @@ kendo-label > .k-label {
20356
20385
  .k-switch-lg[dir="rtl"].k-switch-on .k-switch-thumb-wrap,
20357
20386
  [dir="rtl"] .k-switch-lg.k-switch-on .k-switch-thumb-wrap,
20358
20387
  .k-rtl .k-switch-lg.k-switch-on .k-switch-thumb-wrap {
20359
- left: calc( 14px + 3px);
20388
+ left: 17px;
20360
20389
  }
20361
20390
 
20362
20391
  .k-switch-lg[dir="rtl"].k-switch-off .k-switch-thumb-wrap,
20363
20392
  [dir="rtl"] .k-switch-lg.k-switch-off .k-switch-thumb-wrap,
20364
20393
  .k-rtl .k-switch-lg.k-switch-off .k-switch-thumb-wrap {
20365
- left: calc( 100% - 14px - 3px);
20394
+ left: calc(100% - 17px);
20366
20395
  }
20367
20396
 
20368
20397
  .k-switch[dir="rtl"] .k-switch-thumb,
@@ -20574,7 +20603,7 @@ kendo-label > .k-label {
20574
20603
  }
20575
20604
 
20576
20605
  .k-upload .k-upload-files .k-file {
20577
- padding: 8px 8px calc(8px + 2px);
20606
+ padding: 8px 8px 10px;
20578
20607
  border-width: 0 0 1px;
20579
20608
  border-style: solid;
20580
20609
  outline: none;
@@ -20684,7 +20713,7 @@ kendo-label > .k-label {
20684
20713
 
20685
20714
  .k-upload .k-upload-files .k-file-invalid-extension-wrapper + .k-file-name-size-wrapper,
20686
20715
  .k-upload .k-upload-files .k-file-single > .k-file-extension-wrapper + .k-file-name-size-wrapper {
20687
- margin-left: calc( 24px + 1em);
20716
+ margin-left: calc(24px + 1em);
20688
20717
  min-height: 38px;
20689
20718
  display: block;
20690
20719
  overflow: hidden;
@@ -20692,7 +20721,7 @@ kendo-label > .k-label {
20692
20721
 
20693
20722
  .k-upload .k-upload-files .k-multiple-files-invalid-extension-wrapper + .k-file-name-size-wrapper,
20694
20723
  .k-upload .k-upload-files .k-multiple-files-extension-wrapper + .k-file-name-size-wrapper {
20695
- margin-left: calc( 24px + 1em);
20724
+ margin-left: calc(24px + 1em);
20696
20725
  }
20697
20726
 
20698
20727
  .k-upload .k-upload-files .k-file-extension-wrapper + .k-file-name-size-wrapper {
@@ -20810,7 +20839,7 @@ kendo-label > .k-label {
20810
20839
  height: 2px;
20811
20840
  position: absolute;
20812
20841
  bottom: 4px;
20813
- width: calc(100% - 8px * 2);
20842
+ width: calc(100% - 16px);
20814
20843
  }
20815
20844
 
20816
20845
  .k-upload .k-progressbar .k-progress {
@@ -21998,7 +22027,7 @@ kendo-label > .k-label {
21998
22027
 
21999
22028
  .k-window-actions {
22000
22029
  margin: -5em 0;
22001
- margin-inline-end: calc( 8px - 12px);
22030
+ margin-inline-end: -4px;
22002
22031
  line-height: 1;
22003
22032
  display: flex;
22004
22033
  flex-flow: row nowrap;
@@ -22353,7 +22382,7 @@ kendo-drawer .k-drawer-wrapper {
22353
22382
  }
22354
22383
 
22355
22384
  .k-drawer-mini .k-drawer-wrapper {
22356
- width: calc(4 * 8px + 16px);
22385
+ width: 48px;
22357
22386
  }
22358
22387
 
22359
22388
  .k-rtl.k-drawer-mini .k-drawer-start,
@@ -22505,7 +22534,8 @@ kendo-drawer .k-drawer-wrapper {
22505
22534
  flex: none;
22506
22535
  }
22507
22536
 
22508
- .k-notification-wrap > .k-i-close {
22537
+ .k-notification-wrap > .k-i-close,
22538
+ .k-notification-wrap > .k-i-x {
22509
22539
  margin-right: 0;
22510
22540
  margin-left: 4px;
22511
22541
  flex: none;
@@ -22523,7 +22553,9 @@ kendo-drawer .k-drawer-wrapper {
22523
22553
  }
22524
22554
 
22525
22555
  .k-rtl .k-notification .k-notification-wrap > .k-i-close,
22526
- [dir="rtl"] .k-notification .k-notification-wrap > .k-i-close {
22556
+ .k-rtl .k-notification .k-notification-wrap > .k-i-x,
22557
+ [dir="rtl"] .k-notification .k-notification-wrap > .k-i-close,
22558
+ [dir="rtl"] .k-notification .k-notification-wrap > .k-i-x {
22527
22559
  margin-left: 0;
22528
22560
  margin-right: 4px;
22529
22561
  }
@@ -22534,7 +22566,8 @@ kendo-drawer .k-drawer-wrapper {
22534
22566
  background-color: #ffffff;
22535
22567
  }
22536
22568
 
22537
- .k-notification-wrap > .k-i-close {
22569
+ .k-notification-wrap > .k-i-close,
22570
+ .k-notification-wrap > .k-i-x {
22538
22571
  color: inherit;
22539
22572
  }
22540
22573
 
@@ -22634,10 +22667,11 @@ kendo-card-footer {
22634
22667
  }
22635
22668
 
22636
22669
  .k-card > .k-card-inner {
22637
- border-radius: calc( 8px - 1px);
22670
+ border-radius: 7px;
22638
22671
  display: flex;
22639
22672
  flex-direction: inherit;
22640
22673
  overflow: hidden;
22674
+ position: relative;
22641
22675
  }
22642
22676
 
22643
22677
  .k-card-horizontal {
@@ -22901,7 +22935,7 @@ kendo-card-footer {
22901
22935
  margin: 0;
22902
22936
  width: 20px;
22903
22937
  height: 20px;
22904
- border-width: 1px 1px 0 0;
22938
+ border-width: 1px;
22905
22939
  border-style: solid;
22906
22940
  box-sizing: border-box;
22907
22941
  position: absolute;
@@ -22910,25 +22944,25 @@ kendo-card-footer {
22910
22944
  .k-card-callout.k-callout-n {
22911
22945
  top: 0;
22912
22946
  left: 50%;
22913
- transform: translate(-50%, -50%) rotate(-45deg);
22947
+ transform: translate(-50%, -50%) rotate(45deg);
22914
22948
  }
22915
22949
 
22916
22950
  .k-card-callout.k-callout-e {
22917
22951
  top: 50%;
22918
22952
  right: 0;
22919
- transform: translate(50%, -50%) rotate(135deg) scaleX(-1);
22953
+ transform: translate(50%, -50%) rotate(-45deg);
22920
22954
  }
22921
22955
 
22922
22956
  .k-card-callout.k-callout-s {
22923
22957
  bottom: 0;
22924
22958
  left: 50%;
22925
- transform: translate(-50%, 50%) rotate(135deg);
22959
+ transform: translate(-50%, 50%) rotate(45deg);
22926
22960
  }
22927
22961
 
22928
22962
  .k-card-callout.k-callout-w {
22929
22963
  top: 50%;
22930
22964
  left: 0;
22931
- transform: translate(-50%, -50%) rotate(-135deg);
22965
+ transform: translate(-50%, -50%) rotate(45deg);
22932
22966
  }
22933
22967
 
22934
22968
  .k-card-flat {
@@ -22945,6 +22979,11 @@ kendo-card-footer {
22945
22979
  background-color: #ffffff;
22946
22980
  }
22947
22981
 
22982
+ .k-card .k-card-inner {
22983
+ background-color: inherit;
22984
+ border-color: inherit;
22985
+ }
22986
+
22948
22987
  .k-card:focus, .k-card.k-focus, .k-card.k-state-focus {
22949
22988
  border-color: rgba(0, 0, 0, 0.15);
22950
22989
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
@@ -23082,38 +23121,9 @@ kendo-card-footer {
23082
23121
  }
23083
23122
 
23084
23123
  .k-card-callout {
23085
- border-color: #cacaca;
23086
- background-color: #ffffff;
23087
- }
23088
-
23089
- .k-card:focus .k-card-callout,
23090
- .k-card.k-focus .k-card-callout,
23091
- .k-card.k-state-focus .k-card-callout {
23092
- border-color: rgba(0, 0, 0, 0.15);
23093
- }
23094
-
23095
- .k-card:focus .k-card-callout.k-callout-n,
23096
- .k-card.k-focus .k-card-callout.k-callout-n,
23097
- .k-card.k-state-focus .k-card-callout.k-callout-n {
23098
- box-shadow: 1px -1px 4px 0 rgba(0, 0, 0, 0.06);
23099
- }
23100
-
23101
- .k-card:focus .k-card-callout.k-callout-e,
23102
- .k-card.k-focus .k-card-callout.k-callout-e,
23103
- .k-card.k-state-focus .k-card-callout.k-callout-e {
23104
- box-shadow: 2px -1px 4px 0 rgba(0, 0, 0, 0.06);
23105
- }
23106
-
23107
- .k-card:focus .k-card-callout.k-callout-s,
23108
- .k-card.k-focus .k-card-callout.k-callout-s,
23109
- .k-card.k-state-focus .k-card-callout.k-callout-s {
23110
- box-shadow: 2px -2px 4px 0 rgba(0, 0, 0, 0.06);
23111
- }
23112
-
23113
- .k-card:focus .k-card-callout.k-callout-w,
23114
- .k-card.k-focus .k-card-callout.k-callout-w,
23115
- .k-card.k-state-focus .k-card-callout.k-callout-w {
23116
- box-shadow: 2px -1px 4px 0 rgba(0, 0, 0, 0.06);
23124
+ border-color: inherit;
23125
+ background-color: inherit;
23126
+ box-shadow: inherit;
23117
23127
  }
23118
23128
 
23119
23129
  .k-popover {
@@ -23139,6 +23149,11 @@ kendo-card-footer {
23139
23149
  box-sizing: border-box;
23140
23150
  }
23141
23151
 
23152
+ .k-popover-inner {
23153
+ position: relative;
23154
+ border-radius: inherit;
23155
+ }
23156
+
23142
23157
  .k-popover-header {
23143
23158
  border-top-left-radius: 8px;
23144
23159
  border-top-right-radius: 8px;
@@ -23159,7 +23174,7 @@ kendo-card-footer {
23159
23174
  margin: 0;
23160
23175
  width: 20px;
23161
23176
  height: 20px;
23162
- border-width: 1px 1px 0 0;
23177
+ border-width: 1px;
23163
23178
  border-style: solid;
23164
23179
  position: absolute;
23165
23180
  }
@@ -23167,25 +23182,25 @@ kendo-card-footer {
23167
23182
  .k-popover-callout.k-callout-n {
23168
23183
  top: 0;
23169
23184
  left: 50%;
23170
- transform: translate(-50%, -50%) rotate(-45deg);
23185
+ transform: translate(-50%, -50%) rotate(45deg);
23171
23186
  }
23172
23187
 
23173
23188
  .k-popover-callout.k-callout-e {
23174
23189
  top: 50%;
23175
23190
  right: 0;
23176
- transform: translate(50%, -50%) rotate(135deg) scaleX(-1);
23191
+ transform: translate(50%, -50%) rotate(-45deg);
23177
23192
  }
23178
23193
 
23179
23194
  .k-popover-callout.k-callout-s {
23180
23195
  bottom: 0;
23181
23196
  left: 50%;
23182
- transform: translate(-50%, 50%) rotate(135deg);
23197
+ transform: translate(-50%, 50%) rotate(45deg);
23183
23198
  }
23184
23199
 
23185
23200
  .k-popover-callout.k-callout-w {
23186
23201
  top: 50%;
23187
23202
  left: 0;
23188
- transform: translate(-50%, -50%) rotate(-135deg);
23203
+ transform: translate(-50%, -50%) rotate(45deg);
23189
23204
  }
23190
23205
 
23191
23206
  .k-popover {
@@ -23195,14 +23210,20 @@ kendo-card-footer {
23195
23210
  background-color: #ffffff;
23196
23211
  }
23197
23212
 
23213
+ .k-popover-inner {
23214
+ background-color: inherit;
23215
+ border-color: inherit;
23216
+ }
23217
+
23198
23218
  .k-popover-header {
23199
23219
  border-color: #cacaca;
23200
23220
  color: #272727;
23201
23221
  }
23202
23222
 
23203
23223
  .k-popover-callout {
23204
- border-color: #cacaca;
23205
- background-color: #ffffff;
23224
+ border-color: inherit;
23225
+ background-color: inherit;
23226
+ box-shadow: inherit;
23206
23227
  }
23207
23228
 
23208
23229
  .k-rpanel-left,
@@ -23287,7 +23308,7 @@ kendo-card-footer {
23287
23308
  .k-bottom-nav-item {
23288
23309
  padding: 0 8px;
23289
23310
  min-width: 72px;
23290
- min-height: calc( 40px + 16px - 8px);
23311
+ min-height: 48px;
23291
23312
  border-width: 0;
23292
23313
  border-radius: 4px;
23293
23314
  box-sizing: border-box;
@@ -23790,6 +23811,10 @@ kendo-card-footer {
23790
23811
  z-index: 3;
23791
23812
  }
23792
23813
 
23814
+ .k-rtl .k-pager-wrap .k-i-caret-alt-to-left,
23815
+ .k-rtl .k-pager-wrap .k-i-caret-alt-to-right,
23816
+ .k-rtl .k-pager-wrap .k-i-caret-alt-left,
23817
+ .k-rtl .k-pager-wrap .k-i-caret-alt-right,
23793
23818
  .k-rtl .k-pager-wrap .k-i-arrow-end-left,
23794
23819
  .k-rtl .k-pager-wrap .k-i-arrow-60-left,
23795
23820
  .k-rtl .k-pager-wrap .k-i-arrow-60-right,
@@ -23797,7 +23822,11 @@ kendo-card-footer {
23797
23822
  .k-rtl .k-pager-wrap .k-i-seek-w,
23798
23823
  .k-rtl .k-pager-wrap .k-i-arrow-w,
23799
23824
  .k-rtl .k-pager-wrap .k-i-arrow-e,
23800
- .k-rtl .k-pager-wrap .k-i-seek-e, .k-pager-wrap[dir="rtl"] .k-i-arrow-end-left,
23825
+ .k-rtl .k-pager-wrap .k-i-seek-e, .k-pager-wrap[dir="rtl"] .k-i-caret-alt-to-left,
23826
+ .k-pager-wrap[dir="rtl"] .k-i-caret-alt-to-right,
23827
+ .k-pager-wrap[dir="rtl"] .k-i-caret-alt-left,
23828
+ .k-pager-wrap[dir="rtl"] .k-i-caret-alt-right,
23829
+ .k-pager-wrap[dir="rtl"] .k-i-arrow-end-left,
23801
23830
  .k-pager-wrap[dir="rtl"] .k-i-arrow-60-left,
23802
23831
  .k-pager-wrap[dir="rtl"] .k-i-arrow-60-right,
23803
23832
  .k-pager-wrap[dir="rtl"] .k-i-arrow-end-right,
@@ -23805,6 +23834,10 @@ kendo-card-footer {
23805
23834
  .k-pager-wrap[dir="rtl"] .k-i-arrow-w,
23806
23835
  .k-pager-wrap[dir="rtl"] .k-i-arrow-e,
23807
23836
  .k-pager-wrap[dir="rtl"] .k-i-seek-e,
23837
+ [dir="rtl"] .k-pager-wrap .k-i-caret-alt-to-left,
23838
+ [dir="rtl"] .k-pager-wrap .k-i-caret-alt-to-right,
23839
+ [dir="rtl"] .k-pager-wrap .k-i-caret-alt-left,
23840
+ [dir="rtl"] .k-pager-wrap .k-i-caret-alt-right,
23808
23841
  [dir="rtl"] .k-pager-wrap .k-i-arrow-end-left,
23809
23842
  [dir="rtl"] .k-pager-wrap .k-i-arrow-60-left,
23810
23843
  [dir="rtl"] .k-pager-wrap .k-i-arrow-60-right,
@@ -23813,6 +23846,14 @@ kendo-card-footer {
23813
23846
  [dir="rtl"] .k-pager-wrap .k-i-arrow-w,
23814
23847
  [dir="rtl"] .k-pager-wrap .k-i-arrow-e,
23815
23848
  [dir="rtl"] .k-pager-wrap .k-i-seek-e, .k-rtl
23849
+ .k-pager .k-i-caret-alt-to-left,
23850
+ .k-rtl
23851
+ .k-pager .k-i-caret-alt-to-right,
23852
+ .k-rtl
23853
+ .k-pager .k-i-caret-alt-left,
23854
+ .k-rtl
23855
+ .k-pager .k-i-caret-alt-right,
23856
+ .k-rtl
23816
23857
  .k-pager .k-i-arrow-end-left,
23817
23858
  .k-rtl
23818
23859
  .k-pager .k-i-arrow-60-left,
@@ -23828,6 +23869,10 @@ kendo-card-footer {
23828
23869
  .k-pager .k-i-arrow-e,
23829
23870
  .k-rtl
23830
23871
  .k-pager .k-i-seek-e,
23872
+ .k-pager[dir="rtl"] .k-i-caret-alt-to-left,
23873
+ .k-pager[dir="rtl"] .k-i-caret-alt-to-right,
23874
+ .k-pager[dir="rtl"] .k-i-caret-alt-left,
23875
+ .k-pager[dir="rtl"] .k-i-caret-alt-right,
23831
23876
  .k-pager[dir="rtl"] .k-i-arrow-end-left,
23832
23877
  .k-pager[dir="rtl"] .k-i-arrow-60-left,
23833
23878
  .k-pager[dir="rtl"] .k-i-arrow-60-right,
@@ -23837,6 +23882,14 @@ kendo-card-footer {
23837
23882
  .k-pager[dir="rtl"] .k-i-arrow-e,
23838
23883
  .k-pager[dir="rtl"] .k-i-seek-e,
23839
23884
  [dir="rtl"]
23885
+ .k-pager .k-i-caret-alt-to-left,
23886
+ [dir="rtl"]
23887
+ .k-pager .k-i-caret-alt-to-right,
23888
+ [dir="rtl"]
23889
+ .k-pager .k-i-caret-alt-left,
23890
+ [dir="rtl"]
23891
+ .k-pager .k-i-caret-alt-right,
23892
+ [dir="rtl"]
23840
23893
  .k-pager .k-i-arrow-end-left,
23841
23894
  [dir="rtl"]
23842
23895
  .k-pager .k-i-arrow-60-left,
@@ -23864,8 +23917,8 @@ kendo-card-footer {
23864
23917
  }
23865
23918
 
23866
23919
  .k-pager-nav, .k-pager-numbers .k-link, .k-pager-refresh {
23867
- min-width: calc( 1.4285714286em + 8px + 2px);
23868
- height: calc( 1.4285714286em + 8px + 2px);
23920
+ min-width: calc(1.4285714286em + 10px);
23921
+ height: calc(1.4285714286em + 10px);
23869
23922
  color: inherit;
23870
23923
  text-align: center;
23871
23924
  display: inline-flex;
@@ -23983,7 +24036,7 @@ kendo-card-footer {
23983
24036
  .k-pager-sm .k-pager-numbers-wrap {
23984
24037
  margin-left: 1em;
23985
24038
  margin-right: 1em;
23986
- height: calc( 1.4285714286em + 8px + 2px);
24039
+ height: calc(1.4285714286em + 10px);
23987
24040
  border-color: inherit;
23988
24041
  }
23989
24042
 
@@ -24156,10 +24209,10 @@ kendo-card-footer {
24156
24209
  pointer-events: none;
24157
24210
  display: none;
24158
24211
  position: absolute;
24159
- top: calc( -1 * calc( 1px + 3px));
24160
- right: calc( -1 * calc( 1px + 3px));
24161
- bottom: calc( -1 * calc( 1px + 3px));
24162
- left: calc( -1 * calc( 1px + 3px));
24212
+ top: -4px;
24213
+ right: -4px;
24214
+ bottom: -4px;
24215
+ left: -4px;
24163
24216
  z-index: 2;
24164
24217
  }
24165
24218
 
@@ -24185,7 +24238,7 @@ kendo-card-footer {
24185
24238
  }
24186
24239
 
24187
24240
  .k-stepper .k-step-label .k-step-text {
24188
- max-width: calc(10em - (16px + 4px));
24241
+ max-width: calc(10em - 20px);
24189
24242
  flex-grow: 1;
24190
24243
  white-space: nowrap;
24191
24244
  text-overflow: ellipsis;
@@ -24256,13 +24309,13 @@ kendo-card-footer {
24256
24309
  }
24257
24310
 
24258
24311
  .k-step-list-horizontal .k-step-indicator + .k-step-label {
24259
- margin-top: calc(8px - 3px);
24312
+ margin-top: 5px;
24260
24313
  }
24261
24314
 
24262
24315
  .k-step-list-horizontal ~ .k-progressbar {
24263
24316
  width: 100%;
24264
24317
  height: 2px;
24265
- top: calc(((28px + 2 * 2px) / 2) + 2px / 2);
24318
+ top: 17px;
24266
24319
  }
24267
24320
 
24268
24321
  .k-step-list-vertical {
@@ -24270,7 +24323,7 @@ kendo-card-footer {
24270
24323
  }
24271
24324
 
24272
24325
  .k-step-list-vertical .k-step {
24273
- min-height: calc((28px + 2 * 1px + 2 * 2px) + 20px);
24326
+ min-height: 54px;
24274
24327
  }
24275
24328
 
24276
24329
  .k-step-list-vertical .k-step-label {
@@ -24285,7 +24338,7 @@ kendo-card-footer {
24285
24338
  width: 2px;
24286
24339
  height: 100%;
24287
24340
  min-height: 20px;
24288
- left: calc((28px + 2 * 1px + 2 * 2px) / 2);
24341
+ left: 17px;
24289
24342
  }
24290
24343
 
24291
24344
  .k-step-list-vertical .k-step-content {
@@ -24324,7 +24377,7 @@ kendo-card-footer {
24324
24377
  .k-rtl .k-stepper .k-step-list-vertical ~ .k-progressbar,
24325
24378
  .k-stepper[dir="rtl"] .k-step-list-vertical ~ .k-progressbar {
24326
24379
  left: auto;
24327
- right: calc((28px + 2 * 1px + 2 * 2px) / 2);
24380
+ right: 17px;
24328
24381
  }
24329
24382
 
24330
24383
  .k-stepper {
@@ -24811,7 +24864,7 @@ kendo-card-footer {
24811
24864
 
24812
24865
  .k-wizard .k-wizard-step {
24813
24866
  box-sizing: border-box;
24814
- padding: calc(8px + 2px);
24867
+ padding: 10px;
24815
24868
  width: 100%;
24816
24869
  display: flex;
24817
24870
  flex-direction: column;
@@ -25040,7 +25093,9 @@ kendo-card-footer {
25040
25093
  align-items: center;
25041
25094
  align-content: center;
25042
25095
  position: relative;
25043
- user-select: none;
25096
+ -webkit-user-select: none;
25097
+ -ms-user-select: none;
25098
+ user-select: none;
25044
25099
  cursor: default;
25045
25100
  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;
25046
25101
  }
@@ -25077,7 +25132,9 @@ kendo-card-footer {
25077
25132
  align-items: center;
25078
25133
  align-content: center;
25079
25134
  position: relative;
25080
- user-select: none;
25135
+ -webkit-user-select: none;
25136
+ -ms-user-select: none;
25137
+ user-select: none;
25081
25138
  cursor: default;
25082
25139
  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;
25083
25140
  }
@@ -25115,7 +25172,7 @@ kendo-card-footer {
25115
25172
  .k-panelbar .k-group .k-panelbar-expand,
25116
25173
  .k-panelbar .k-group .k-panelbar-collapse,
25117
25174
  .k-panelbar .k-panelbar-group .k-panelbar-toggle {
25118
- margin-inline-end: calc( 8px - 8px);
25175
+ margin-inline-end: 0px;
25119
25176
  }
25120
25177
 
25121
25178
  .k-rtl .k-panelbar .k-group > .k-item.k-level-1 .k-link,
@@ -25159,7 +25216,7 @@ kendo-card-footer {
25159
25216
  .k-ie .k-group .k-panelbar-expand,
25160
25217
  .k-ie .k-group .k-panelbar-collapse,
25161
25218
  .k-ie .k-panelbar-group .k-panelbar-toggle {
25162
- margin-right: calc( 8px - 8px);
25219
+ margin-right: 0px;
25163
25220
  }
25164
25221
 
25165
25222
  .k-rtl .k-ie .k-panelbar-expand,
@@ -25180,7 +25237,7 @@ kendo-card-footer {
25180
25237
  .k-ie.k-rtl .k-panelbar-group .k-panelbar-toggle, .k-ie[dir="rtl"] .k-group .k-panelbar-expand,
25181
25238
  .k-ie[dir="rtl"] .k-group .k-panelbar-collapse,
25182
25239
  .k-ie[dir="rtl"] .k-panelbar-group .k-panelbar-toggle {
25183
- margin-left: calc( 8px - 8px);
25240
+ margin-left: 0px;
25184
25241
  }
25185
25242
 
25186
25243
  .k-panelbar {
@@ -25372,7 +25429,6 @@ kendo-card-footer {
25372
25429
  outline: 0;
25373
25430
  position: absolute;
25374
25431
  -webkit-user-select: none;
25375
- -moz-user-select: none;
25376
25432
  -ms-user-select: none;
25377
25433
  user-select: none;
25378
25434
  display: flex;
@@ -25629,7 +25685,9 @@ kendo-card-footer {
25629
25685
  .k-pane-wrapper .k-pane {
25630
25686
  width: 100%;
25631
25687
  height: 100%;
25632
- user-select: none;
25688
+ -webkit-user-select: none;
25689
+ -ms-user-select: none;
25690
+ user-select: none;
25633
25691
  box-sizing: border-box;
25634
25692
  font-family: sans-serif;
25635
25693
  overflow-x: hidden;
@@ -25711,8 +25769,8 @@ kendo-card-footer {
25711
25769
  .k-grid-mobile .k-header a {
25712
25770
  -webkit-touch-callout: none;
25713
25771
  -webkit-user-select: none;
25714
- -moz-user-select: none;
25715
- user-select: none;
25772
+ -ms-user-select: none;
25773
+ user-select: none;
25716
25774
  -webkit-user-drag: none;
25717
25775
  -moz-user-drag: none;
25718
25776
  }
@@ -25891,7 +25949,8 @@ kendo-card-footer {
25891
25949
  border-radius: 50%;
25892
25950
  }
25893
25951
 
25894
- .k-scheduler-mobile .k-task .k-i-reload {
25952
+ .k-scheduler-mobile .k-task .k-i-reload,
25953
+ .k-scheduler-mobile .k-task .k-i-arrow-rotate-cw {
25895
25954
  font-size: 1em;
25896
25955
  margin-right: .5em;
25897
25956
  }
@@ -25911,7 +25970,8 @@ kendo-card-footer {
25911
25970
  .k-scheduler-mobile .k-scheduler-times .k-scheduler-groupcolumn .k-scheduler-group-text,
25912
25971
  .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-group-cell .k-scheduler-group-text,
25913
25972
  .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-groupcolumn .k-scheduler-group-text {
25914
- writing-mode: vertical-lr;
25973
+ -ms-writing-mode: tb-lr;
25974
+ writing-mode: vertical-lr;
25915
25975
  transform: rotate(180deg);
25916
25976
  white-space: nowrap;
25917
25977
  }
@@ -26274,7 +26334,7 @@ kendo-card-footer {
26274
26334
  }
26275
26335
 
26276
26336
  .k-grid .k-grouping-row .k-icon {
26277
- margin-left: calc( 8px - 8px);
26337
+ margin-left: 0px;
26278
26338
  margin-right: 8px;
26279
26339
  text-decoration: none;
26280
26340
  }
@@ -26443,7 +26503,7 @@ kendo-card-footer {
26443
26503
  .k-grid[dir="rtl"] .k-grid-header .k-filterable,
26444
26504
  .k-rtl .k-grid .k-grid-header .k-with-icon,
26445
26505
  .k-rtl .k-grid .k-grid-header .k-filterable {
26446
- padding-left: calc( calc( 1.4285714286em + 8px + 2px) + 4px);
26506
+ padding-left: calc(1.4285714286em + 14px);
26447
26507
  padding-right: 8px;
26448
26508
  }
26449
26509
 
@@ -26501,7 +26561,7 @@ kendo-card-footer {
26501
26561
  .k-grid[dir="rtl"] .k-grouping-row .k-icon,
26502
26562
  .k-rtl .k-grid .k-grouping-row .k-icon {
26503
26563
  margin-left: 8px;
26504
- margin-right: calc( 8px - 8px);
26564
+ margin-right: 0px;
26505
26565
  }
26506
26566
 
26507
26567
  .k-grid[dir="rtl"] .k-column-resizer,
@@ -26578,7 +26638,7 @@ kendo-card-footer {
26578
26638
 
26579
26639
  .k-grouping-header::before {
26580
26640
  content: "";
26581
- height: calc( 1.4285714286em + 8px + 2px);
26641
+ height: calc(1.4285714286em + 10px);
26582
26642
  display: inline-block;
26583
26643
  vertical-align: middle;
26584
26644
  }
@@ -26657,7 +26717,7 @@ kendo-card-footer {
26657
26717
 
26658
26718
  .k-grouping-dropclue {
26659
26719
  width: 12px;
26660
- height: calc( 1.4285714286em + 8px + 2px);
26720
+ height: calc(1.4285714286em + 10px);
26661
26721
  position: absolute;
26662
26722
  top: 3px;
26663
26723
  box-sizing: content-box;
@@ -26682,7 +26742,7 @@ kendo-card-footer {
26682
26742
  width: 2px;
26683
26743
  height: calc(100% - 6px);
26684
26744
  top: 6px;
26685
- left: calc( 6px - 1px);
26745
+ left: 5px;
26686
26746
  }
26687
26747
 
26688
26748
  .k-grid-header-wrap,
@@ -26735,7 +26795,9 @@ div.k-grid-footer {
26735
26795
  }
26736
26796
 
26737
26797
  .k-grid-header.k-grid-draggable-header {
26738
- user-select: none;
26798
+ -webkit-user-select: none;
26799
+ -ms-user-select: none;
26800
+ user-select: none;
26739
26801
  touch-action: none;
26740
26802
  }
26741
26803
 
@@ -26770,12 +26832,12 @@ div.k-grid-footer {
26770
26832
 
26771
26833
  .k-grid-header .k-with-icon,
26772
26834
  .k-grid-header .k-filterable {
26773
- padding-right: calc( calc( 1.4285714286em + 8px + 2px) + 4px);
26835
+ padding-right: calc(1.4285714286em + 14px);
26774
26836
  }
26775
26837
 
26776
26838
  .k-ie .k-grid-header .k-with-icon, .k-ie
26777
26839
  .k-grid-header .k-filterable {
26778
- padding-right: calc( calc( 1.4285714286em + 8px + 2px) + 4px);
26840
+ padding-right: calc(1.4285714286em + 14px);
26779
26841
  }
26780
26842
 
26781
26843
  .k-grid-header .k-header > .k-link:focus {
@@ -26786,8 +26848,8 @@ div.k-grid-footer {
26786
26848
  .k-grid-header .k-header-column-menu,
26787
26849
  .k-grid-header .k-grid-header-menu {
26788
26850
  padding: 4px;
26789
- width: calc( 1.4285714286em + 8px + 2px);
26790
- height: calc( 1.4285714286em + 8px + 2px);
26851
+ width: calc(1.4285714286em + 10px);
26852
+ height: calc(1.4285714286em + 10px);
26791
26853
  box-sizing: border-box;
26792
26854
  outline: 0;
26793
26855
  line-height: 1.4285714286;
@@ -26797,7 +26859,7 @@ div.k-grid-footer {
26797
26859
  justify-content: center;
26798
26860
  position: absolute;
26799
26861
  right: 4px;
26800
- bottom: calc( 8px + 0.7142857143em - calc( 1.4285714286em + 8px)/2);
26862
+ bottom: 4px;
26801
26863
  z-index: 1;
26802
26864
  }
26803
26865
 
@@ -26807,9 +26869,9 @@ div.k-grid-footer {
26807
26869
  cursor: pointer;
26808
26870
  }
26809
26871
 
26810
- .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 {
26872
+ .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 {
26811
26873
  vertical-align: text-top;
26812
- margin-inline-start: calc( 8px - 1px);
26874
+ margin-inline-start: 7px;
26813
26875
  }
26814
26876
 
26815
26877
  .k-grid-header .k-sort-order {
@@ -27221,7 +27283,7 @@ div.k-grid-norecords {
27221
27283
  }
27222
27284
 
27223
27285
  .k-filterable > .k-cell-inner {
27224
- margin-inline-end: calc(-1 * calc( calc( 1.4285714286em + 8px + 2px) + 4px));
27286
+ margin-inline-end: calc(-1.4285714286em + -14px);
27225
27287
  }
27226
27288
 
27227
27289
  .k-filterable > .k-cell-inner .k-link {
@@ -27543,7 +27605,9 @@ div.k-grid-norecords {
27543
27605
  display: flex;
27544
27606
  flex: 0 0 auto;
27545
27607
  position: relative;
27546
- user-select: none;
27608
+ -webkit-user-select: none;
27609
+ -ms-user-select: none;
27610
+ user-select: none;
27547
27611
  }
27548
27612
 
27549
27613
  .k-column-menu-group-header-text {
@@ -27732,6 +27796,8 @@ th.k-sorted {
27732
27796
 
27733
27797
  .k-grid-header .k-i-sort-asc-sm,
27734
27798
  .k-grid-header .k-i-sort-desc-sm,
27799
+ .k-grid-header .k-i-sort-asc-small,
27800
+ .k-grid-header .k-i-sort-desc-small,
27735
27801
  .k-grid-header .k-sort-order {
27736
27802
  color: #f35800;
27737
27803
  }
@@ -28400,7 +28466,6 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
28400
28466
  border-color: inherit;
28401
28467
  box-sizing: border-box;
28402
28468
  -webkit-user-select: none;
28403
- -moz-user-select: none;
28404
28469
  -ms-user-select: none;
28405
28470
  user-select: none;
28406
28471
  position: absolute;
@@ -28724,12 +28789,12 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
28724
28789
 
28725
28790
  .k-spreadsheet-filter-menu > .k-menu .k-link,
28726
28791
  .k-spreadsheet-filter-menu > .k-menu.k-menu-vertical .k-link {
28727
- padding-left: calc( 16px + 8px);
28792
+ padding-left: 24px;
28728
28793
  }
28729
28794
 
28730
28795
  .k-spreadsheet-filter-menu > .k-menu .k-icon,
28731
28796
  .k-spreadsheet-filter-menu > .k-menu.k-menu-vertical .k-icon {
28732
- margin-left: calc(-1 * ( 16px + 4px ));
28797
+ margin-left: -20px;
28733
28798
  margin-right: 4px;
28734
28799
  }
28735
28800
 
@@ -29395,7 +29460,9 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
29395
29460
  border-style: solid;
29396
29461
  box-sizing: border-box;
29397
29462
  cursor: pointer;
29398
- user-select: none;
29463
+ -webkit-user-select: none;
29464
+ -ms-user-select: none;
29465
+ user-select: none;
29399
29466
  }
29400
29467
 
29401
29468
  .k-flex-row .k-pivotgrid-configurator-button, .k-d-flex-row .k-pivotgrid-configurator-button,
@@ -29406,7 +29473,8 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
29406
29473
 
29407
29474
  .k-flex-row .k-pivotgrid-configurator-button span, .k-d-flex-row .k-pivotgrid-configurator-button span,
29408
29475
  .k-flex-row-reverse .k-pivotgrid-configurator-button span {
29409
- writing-mode: vertical-rl;
29476
+ -ms-writing-mode: tb-rl;
29477
+ writing-mode: vertical-rl;
29410
29478
  }
29411
29479
 
29412
29480
  .k-flex-row .k-pivotgrid-configurator-button .k-icon, .k-d-flex-row .k-pivotgrid-configurator-button .k-icon,
@@ -29431,19 +29499,19 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
29431
29499
  }
29432
29500
 
29433
29501
  .k-flex-row .k-pivotgrid-configurator-overlay, .k-d-flex-row .k-pivotgrid-configurator-overlay {
29434
- right: calc( 1.4285714286em + 8px + 2px);
29502
+ right: calc(1.4285714286em + 10px);
29435
29503
  }
29436
29504
 
29437
29505
  .k-flex-row-reverse .k-pivotgrid-configurator-overlay {
29438
- left: calc( 1.4285714286em + 8px + 2px);
29506
+ left: calc(1.4285714286em + 10px);
29439
29507
  }
29440
29508
 
29441
29509
  .k-flex-col .k-pivotgrid-configurator-overlay, .k-d-flex-col .k-pivotgrid-configurator-overlay, .k-flex-column .k-pivotgrid-configurator-overlay {
29442
- bottom: calc( 1.4285714286em + 8px + 2px);
29510
+ bottom: calc(1.4285714286em + 10px);
29443
29511
  }
29444
29512
 
29445
29513
  .k-flex-col-reverse .k-pivotgrid-configurator-overlay, .k-flex-column-reverse .k-pivotgrid-configurator-overlay {
29446
- top: calc( 1.4285714286em + 8px + 2px);
29514
+ top: calc(1.4285714286em + 10px);
29447
29515
  }
29448
29516
 
29449
29517
  .k-pivotgrid-configurator-header {
@@ -30204,7 +30272,7 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
30204
30272
  content: "";
30205
30273
  position: absolute;
30206
30274
  width: 1px;
30207
- top: calc(-4px - 1px);
30275
+ top: -5px;
30208
30276
  bottom: 50%;
30209
30277
  left: -8px;
30210
30278
  }
@@ -30391,7 +30459,7 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
30391
30459
  .k-filemanager-preview {
30392
30460
  padding: 48px 16px 16px;
30393
30461
  width: 20%;
30394
- min-height: calc( 64px + 192px + 48px);
30462
+ min-height: 304px;
30395
30463
  border-width: 0;
30396
30464
  border-left-width: 1px;
30397
30465
  border-style: solid;
@@ -30945,8 +31013,8 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
30945
31013
 
30946
31014
  .k-editor-toolbar .k-tool {
30947
31015
  padding: 4px;
30948
- width: calc( 1.4285714286em + 8px + 2px);
30949
- height: calc( 1.4285714286em + 8px + 2px);
31016
+ width: calc(1.4285714286em + 10px);
31017
+ height: calc(1.4285714286em + 10px);
30950
31018
  }
30951
31019
 
30952
31020
  .k-editor-toolbar .k-tool-text {
@@ -31008,7 +31076,9 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31008
31076
  float: left;
31009
31077
  opacity: 1;
31010
31078
  cursor: text;
31011
- user-select: none;
31079
+ -webkit-user-select: none;
31080
+ -ms-user-select: none;
31081
+ user-select: none;
31012
31082
  }
31013
31083
 
31014
31084
  td.k-editor-content {
@@ -31068,7 +31138,8 @@ td.k-editor-content {
31068
31138
  cursor: se-resize;
31069
31139
  }
31070
31140
 
31071
- .k-editor .k-resize-handle .k-i-arrow-45-down-right {
31141
+ .k-editor .k-resize-handle .k-i-arrow-45-down-right,
31142
+ .k-editor .k-resize-handle .k-i-caret-br {
31072
31143
  display: none;
31073
31144
  }
31074
31145
 
@@ -31118,7 +31189,7 @@ td.k-editor-content {
31118
31189
 
31119
31190
  .k-editor-dialog .k-edit-label {
31120
31191
  width: 30%;
31121
- padding: calc( 4px + 1px) 0;
31192
+ padding: 5px 0;
31122
31193
  }
31123
31194
 
31124
31195
  .k-editor-dialog .k-edit-field {
@@ -31547,7 +31618,7 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31547
31618
 
31548
31619
  .k-imageeditor-action-pane {
31549
31620
  padding: 32px 16px;
31550
- width: calc(240px + 1px);
31621
+ width: 241px;
31551
31622
  border-width: 0;
31552
31623
  border-left-width: 1px;
31553
31624
  border-style: solid;
@@ -31595,14 +31666,14 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31595
31666
 
31596
31667
  .k-imageeditor-crop .k-resize-n,
31597
31668
  .k-imageeditor-crop .k-resize-s {
31598
- left: calc( 50% - (7.5px));
31669
+ left: calc(50% - 7.5px);
31599
31670
  width: 15px;
31600
31671
  height: 0;
31601
31672
  }
31602
31673
 
31603
31674
  .k-imageeditor-crop .k-resize-w,
31604
31675
  .k-imageeditor-crop .k-resize-e {
31605
- top: calc( 50% - (7.5px));
31676
+ top: calc(50% - 7.5px);
31606
31677
  width: 0;
31607
31678
  height: 15px;
31608
31679
  }
@@ -31653,7 +31724,7 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31653
31724
  .k-imageeditor-canvas {
31654
31725
  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;
31655
31726
  background-repeat: repeat, repeat;
31656
- background-position: 0px 0px, calc(10px / 2) calc(10px / 2);
31727
+ background-position: 0px 0px, 5px 5px;
31657
31728
  transform-origin: 0 0 0;
31658
31729
  background-origin: padding-box, padding-box;
31659
31730
  background-size: 10px 10px, 10px 10px;
@@ -31698,7 +31769,7 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31698
31769
  }
31699
31770
 
31700
31771
  .k-gantt .k-grid-header tr {
31701
- height: calc( 1.4285714286em + 16px + 1px);
31772
+ height: calc(1.4285714286em + 17px);
31702
31773
  }
31703
31774
 
31704
31775
  .k-gantt .k-grid-header .k-header {
@@ -31710,11 +31781,11 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31710
31781
  }
31711
31782
 
31712
31783
  .k-gantt .k-grid-content tr {
31713
- height: calc( 1.4285714286em + 16px + 0px);
31784
+ height: calc(1.4285714286em + 16px);
31714
31785
  }
31715
31786
 
31716
31787
  .k-gantt.k-gantt-planned .k-grid-content tr {
31717
- height: calc( 2.4285714286em + 16px + 0px);
31788
+ height: calc(2.4285714286em + 16px);
31718
31789
  }
31719
31790
 
31720
31791
  .k-gantt .k-gantt-layout {
@@ -31881,8 +31952,8 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31881
31952
  .k-gantt-toolbar .k-gantt-pdf,
31882
31953
  .k-gantt-toolbar .k-gantt-create {
31883
31954
  padding: 4px;
31884
- width: calc( 1.4285714286em + 8px + 2px);
31885
- height: calc( 1.4285714286em + 8px + 2px);
31955
+ width: calc(1.4285714286em + 10px);
31956
+ height: calc(1.4285714286em + 10px);
31886
31957
  }
31887
31958
  .k-gantt-toolbar .k-gantt-pdf .k-button-text,
31888
31959
  .k-gantt-toolbar .k-gantt-create .k-button-text {
@@ -31918,7 +31989,7 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31918
31989
  }
31919
31990
 
31920
31991
  .k-gantt-treelist .k-grid-header tr {
31921
- height: calc( 2.8571428571em + 32px + 2px);
31992
+ height: calc(2.8571428571em + 34px);
31922
31993
  vertical-align: bottom;
31923
31994
  }
31924
31995
 
@@ -31932,7 +32003,7 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31932
32003
  }
31933
32004
 
31934
32005
  .k-gantt-treelist .k-gantt-treelist-nested-columns .k-grid-header tr {
31935
- height: calc( 1.4285714286em + 16px + 1px);
32006
+ height: calc(1.4285714286em + 17px);
31936
32007
  }
31937
32008
 
31938
32009
  .k-gantt-treelist.k-gantt-treelist-scrollable .k-grid-content {
@@ -32053,8 +32124,8 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
32053
32124
  }
32054
32125
 
32055
32126
  .k-task-dot {
32056
- width: calc( 8px + 8px);
32057
- height: calc( 8px + 8px);
32127
+ width: 16px;
32128
+ height: 16px;
32058
32129
  line-height: 1;
32059
32130
  cursor: pointer;
32060
32131
  display: none;
@@ -32325,7 +32396,7 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
32325
32396
 
32326
32397
  .k-task-planned .k-task-moment {
32327
32398
  border-width: 2px;
32328
- border-radius: calc( ( 4px + 6px ) / 2);
32399
+ border-radius: 5px;
32329
32400
  border-style: solid;
32330
32401
  height: 6px;
32331
32402
  width: 6px;
@@ -32336,15 +32407,15 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
32336
32407
  }
32337
32408
 
32338
32409
  .k-task-planned .k-task-moment.k-moment-left {
32339
- margin-left: calc( 2px / 2 - calc( ( 4px + 6px ) / 2));
32410
+ margin-left: -4px;
32340
32411
  }
32341
32412
 
32342
32413
  .k-task-planned:hover .k-task-duration {
32343
- height: calc( 2px + 1px);
32414
+ height: 3px;
32344
32415
  }
32345
32416
 
32346
32417
  .k-milestone-wrap .k-task-moment {
32347
- margin-left: calc( 6px / 2);
32418
+ margin-left: 3px;
32348
32419
  }
32349
32420
 
32350
32421
  .k-planned-tooltip .k-task-content {
@@ -33145,7 +33216,7 @@ kendo-scheduler .k-event > div,
33145
33216
 
33146
33217
  kendo-scheduler .k-event .k-event-template,
33147
33218
  .k-event .k-event-template {
33148
- line-height: calc( 25px - (2 * 4px));
33219
+ line-height: 17px;
33149
33220
  padding: 4px 8px;
33150
33221
  }
33151
33222
 
@@ -33561,12 +33632,12 @@ kendo-scheduler .k-recurrence-editor {
33561
33632
  }
33562
33633
 
33563
33634
  .k-scheduler-yearview .k-day-indicator {
33564
- margin-top: calc( 32px - (4px * 2));
33635
+ margin-top: 24px;
33565
33636
  width: 3px;
33566
33637
  height: 3px;
33567
33638
  border-radius: 50%;
33568
33639
  position: absolute;
33569
- left: calc( 50% - (3px / 2));
33640
+ left: calc(50% - 1.5px);
33570
33641
  }
33571
33642
 
33572
33643
  .k-scheduler-tooltip {
@@ -33738,9 +33809,13 @@ kendo-scheduler .k-recurrence-editor {
33738
33809
  float: right;
33739
33810
  }
33740
33811
 
33812
+ .k-rtl .k-scheduler .k-i-caret-alt-left,
33813
+ .k-rtl .k-scheduler .k-i-caret-alt-right,
33741
33814
  .k-rtl .k-scheduler .k-i-arrow-60-left,
33742
33815
  .k-rtl .k-scheduler .k-i-arrow-60-right,
33743
- .k-rtl .k-scheduler .k-current-time-arrow-right, .k-rtl.k-scheduler .k-i-arrow-60-left,
33816
+ .k-rtl .k-scheduler .k-current-time-arrow-right, .k-rtl.k-scheduler .k-i-caret-alt-left,
33817
+ .k-rtl.k-scheduler .k-i-caret-alt-right,
33818
+ .k-rtl.k-scheduler .k-i-arrow-60-left,
33744
33819
  .k-rtl.k-scheduler .k-i-arrow-60-right,
33745
33820
  .k-rtl.k-scheduler .k-current-time-arrow-right {
33746
33821
  transform: scaleX(-1);
@@ -34123,11 +34198,11 @@ kendo-scheduler .k-recurrence-editor {
34123
34198
  }
34124
34199
 
34125
34200
  .k-chat .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
34126
- padding-left: calc( 32px + 8px);
34201
+ padding-left: 40px;
34127
34202
  }
34128
34203
 
34129
34204
  .k-chat .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
34130
- padding-right: calc( 32px + 8px);
34205
+ padding-right: 40px;
34131
34206
  }
34132
34207
 
34133
34208
  .k-author {
@@ -34161,7 +34236,9 @@ kendo-scheduler .k-recurrence-editor {
34161
34236
  border-style: solid;
34162
34237
  line-height: 18px;
34163
34238
  cursor: pointer;
34164
- user-select: none;
34239
+ -webkit-user-select: none;
34240
+ -ms-user-select: none;
34241
+ user-select: none;
34165
34242
  display: inline-block;
34166
34243
  flex: 0 0 auto;
34167
34244
  transition-property: color, background-color, border-color;
@@ -34423,13 +34500,13 @@ kendo-scheduler .k-recurrence-editor {
34423
34500
  .k-rtl .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar),
34424
34501
  [dir="rtl"] .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
34425
34502
  padding-left: 0;
34426
- padding-right: calc( 32px + 8px);
34503
+ padding-right: 40px;
34427
34504
  }
34428
34505
 
34429
34506
  .k-rtl .k-avatars .k-message-group.k-alt:not(.k-no-avatar),
34430
34507
  [dir="rtl"] .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
34431
34508
  padding-right: 0;
34432
- padding-left: calc( 32px + 8px);
34509
+ padding-left: 40px;
34433
34510
  }
34434
34511
 
34435
34512
  .k-rtl .k-chat .k-card-deck .k-card-wrap + .k-card-wrap,
@@ -34660,7 +34737,7 @@ kendo-scheduler .k-recurrence-editor {
34660
34737
  border-radius: 4px;
34661
34738
  line-height: 1.4285714286;
34662
34739
  min-width: 80px;
34663
- max-width: calc(80px + 2 * 40px);
34740
+ max-width: 160px;
34664
34741
  position: relative;
34665
34742
  z-index: 1;
34666
34743
  }
@@ -34740,11 +34817,11 @@ kendo-scheduler .k-recurrence-editor {
34740
34817
  }
34741
34818
 
34742
34819
  .k-timeline-vertical {
34743
- padding-left: calc(calc(40px + (80px - 6px) / 2) + 50px);
34820
+ padding-left: 127px;
34744
34821
  }
34745
34822
 
34746
34823
  .k-timeline-vertical.k-timeline-dates-hidden {
34747
- padding-left: calc(40px + (80px - 6px) / 2);
34824
+ padding-left: 77px;
34748
34825
  }
34749
34826
 
34750
34827
  .k-timeline-vertical::after {
@@ -34787,7 +34864,7 @@ kendo-scheduler .k-recurrence-editor {
34787
34864
 
34788
34865
  .k-timeline-vertical .k-timeline-card .k-card {
34789
34866
  margin-left: 16px;
34790
- min-height: calc(2 * (36px - 1px));
34867
+ min-height: 70px;
34791
34868
  width: 400px;
34792
34869
  max-width: 100%;
34793
34870
  }
@@ -34939,9 +35016,9 @@ kendo-scheduler .k-recurrence-editor {
34939
35016
 
34940
35017
  .k-timeline-horizontal .k-timeline-track-wrap::after {
34941
35018
  top: auto;
34942
- bottom: calc((30px / 2) + 3px);
34943
- left: calc(30px - 2 * 1px);
34944
- right: calc(30px - 2 * 1px);
35019
+ bottom: 18px;
35020
+ left: 28px;
35021
+ right: 28px;
34945
35022
  transform: translateY(-50%);
34946
35023
  height: 6px;
34947
35024
  }
@@ -34958,7 +35035,7 @@ kendo-scheduler .k-recurrence-editor {
34958
35035
  }
34959
35036
 
34960
35037
  .k-timeline-horizontal .k-timeline-track-wrap .k-timeline-flag {
34961
- margin-bottom: calc(6px + 2 * 1px + 4px + 10px);
35038
+ margin-bottom: 22px;
34962
35039
  position: relative;
34963
35040
  min-width: 60px;
34964
35041
  }
@@ -34984,7 +35061,7 @@ kendo-scheduler .k-recurrence-editor {
34984
35061
  height: 30px;
34985
35062
  border-radius: 50%;
34986
35063
  position: absolute;
34987
- bottom: calc(6px + 3px + 2 * 1px);
35064
+ bottom: 11px;
34988
35065
  z-index: 3;
34989
35066
  display: flex;
34990
35067
  align-items: center;
@@ -35005,7 +35082,7 @@ kendo-scheduler .k-recurrence-editor {
35005
35082
  }
35006
35083
 
35007
35084
  .k-timeline-mobile .k-timeline-flag {
35008
- max-width: calc(80px + 2 * 16px);
35085
+ max-width: 112px;
35009
35086
  }
35010
35087
 
35011
35088
  .k-timeline-mobile.k-timeline-horizontal .k-timeline-flag-wrap {
@@ -35013,11 +35090,11 @@ kendo-scheduler .k-recurrence-editor {
35013
35090
  }
35014
35091
 
35015
35092
  .k-timeline-mobile.k-timeline-vertical {
35016
- padding-left: calc(calc(16px + (80px - 6px) / 2) + 50px);
35093
+ padding-left: 103px;
35017
35094
  }
35018
35095
 
35019
35096
  .k-timeline-mobile.k-timeline-vertical.k-timeline-dates-hidden {
35020
- padding-left: calc(16px + (80px - 6px) / 2);
35097
+ padding-left: 53px;
35021
35098
  }
35022
35099
 
35023
35100
  .k-timeline-mobile.k-timeline-vertical.k-timeline-alternating {
@@ -35093,6 +35170,7 @@ kendo-scheduler .k-recurrence-editor {
35093
35170
  border-width: 1px;
35094
35171
  border-style: solid;
35095
35172
  box-sizing: border-box;
35173
+ position: relative;
35096
35174
  outline: 0;
35097
35175
  font-family: inherit;
35098
35176
  font-size: 14px;
@@ -35122,27 +35200,33 @@ kendo-scheduler .k-recurrence-editor {
35122
35200
  overflow: visible;
35123
35201
  }
35124
35202
 
35125
- .k-pdf-viewer .k-list-scroller {
35203
+ .k-pdf-viewer .k-canvas {
35204
+ display: flex;
35205
+ flex-direction: column;
35126
35206
  flex: 1 1 auto;
35127
35207
  outline: none;
35128
35208
  }
35129
35209
 
35130
- .k-pdf-viewer .k-list-scroller .k-enable-text-select {
35210
+ .k-pdf-viewer .k-canvas .k-enable-text-select, .k-pdf-viewer .k-canvas.k-enable-text-select {
35131
35211
  -webkit-user-select: text;
35132
- -moz-user-select: text;
35133
35212
  -ms-user-select: text;
35134
35213
  user-select: text;
35135
35214
  cursor: text;
35136
35215
  }
35137
35216
 
35138
- .k-pdf-viewer .k-list-scroller .k-enable-panning {
35217
+ .k-pdf-viewer .k-canvas .k-enable-panning, .k-pdf-viewer .k-canvas.k-enable-panning {
35139
35218
  cursor: grab;
35140
35219
  }
35141
35220
 
35142
- .k-pdf-viewer .k-list-scroller .k-enable-panning span::selection {
35221
+ .k-pdf-viewer .k-canvas .k-enable-panning span::selection,
35222
+ .k-pdf-viewer .k-canvas.k-enable-panning span::selection {
35143
35223
  background-color: transparent;
35144
35224
  }
35145
35225
 
35226
+ .k-pdf-viewer .k-pdf-viewer-pages {
35227
+ flex: 1 1 auto;
35228
+ }
35229
+
35146
35230
  .k-pdf-viewer .k-page {
35147
35231
  position: relative;
35148
35232
  margin: 30px auto;
@@ -35171,11 +35255,38 @@ kendo-scheduler .k-recurrence-editor {
35171
35255
  color: transparent;
35172
35256
  }
35173
35257
 
35258
+ .k-pdf-viewer .k-page .k-text-layer .k-search-highlight-mark {
35259
+ color: transparent;
35260
+ }
35261
+
35262
+ .k-pdf-viewer .k-blank-page {
35263
+ margin: 0;
35264
+ display: flex;
35265
+ flex-flow: column nowrap;
35266
+ width: 100%;
35267
+ height: 100%;
35268
+ align-items: center;
35269
+ justify-content: center;
35270
+ background-color: inherit !important;
35271
+ }
35272
+
35273
+ .k-pdf-viewer .k-blank-page .k-upload,
35274
+ .k-pdf-viewer .k-blank-page .k-dropzone,
35275
+ .k-pdf-viewer .k-blank-page .k-dropzone-inner {
35276
+ border: 0;
35277
+ background: none;
35278
+ }
35279
+
35280
+ .k-pdf-viewer .k-blank-page > .k-icon {
35281
+ font-size: 48px;
35282
+ }
35283
+
35174
35284
  .k-pdf-viewer-search-dialog {
35175
- padding: 8px;
35285
+ padding: 0 !important;
35176
35286
  }
35177
35287
 
35178
- .k-pdf-viewer-search-dialog .k-search-container {
35288
+ .k-search-panel, .k-search-container {
35289
+ padding: 12px 8px;
35179
35290
  display: flex;
35180
35291
  gap: 8px;
35181
35292
  flex-flow: row nowrap;
@@ -35184,22 +35295,32 @@ kendo-scheduler .k-recurrence-editor {
35184
35295
  align-items: center;
35185
35296
  }
35186
35297
 
35187
- .k-pdf-viewer-search-dialog .k-search-container .k-search-dialog-draghandle {
35298
+ .k-search-panel .k-search-dialog-draghandle, .k-search-container .k-search-dialog-draghandle {
35188
35299
  cursor: move;
35189
35300
  margin-left: 0;
35190
35301
  }
35191
35302
 
35192
- .k-pdf-viewer-search-dialog .k-search-container .k-textbox {
35303
+ .k-search-panel .k-textbox, .k-search-container .k-textbox {
35193
35304
  width: 10em;
35194
35305
  flex: none;
35195
35306
  }
35196
35307
 
35197
- .k-pdf-viewer-search-dialog .k-search-container .k-textbox .k-button {
35308
+ .k-search-panel .k-textbox .k-button, .k-search-container .k-textbox .k-button {
35198
35309
  border-width: 0;
35199
35310
  }
35200
35311
 
35201
- .k-pdf-viewer-search-dialog .k-search-container .k-search-matches {
35202
- flex: 1 1 auto;
35312
+ .k-search-panel .k-search-matches, .k-search-container .k-search-matches {
35313
+ display: inline-flex;
35314
+ gap: 4px;
35315
+ }
35316
+
35317
+ .k-pdf-viewer-canvas > .k-search-panel, .k-pdf-viewer-canvas > .k-search-container {
35318
+ width: max-content;
35319
+ margin-top: calc(-1.4285714286em + -35px);
35320
+ border-width: 1px;
35321
+ border-style: solid;
35322
+ border-radius: 4px;
35323
+ z-index: 10;
35203
35324
  }
35204
35325
 
35205
35326
  .k-ie .k-pdf-viewer-search-dialog .k-search-container > * + * {
@@ -35223,13 +35344,30 @@ kendo-scheduler .k-recurrence-editor {
35223
35344
  box-shadow: 0 0 15px #cacaca;
35224
35345
  }
35225
35346
 
35347
+ .k-pdf-viewer .k-blank-page > .k-icon {
35348
+ color: #6c6c6c;
35349
+ }
35350
+
35226
35351
  .k-pdf-viewer .k-search-highlight {
35227
35352
  background-color: #272727;
35228
35353
  }
35229
35354
 
35355
+ .k-pdf-viewer .k-search-highlight-mark {
35356
+ background-color: yellow;
35357
+ }
35358
+
35359
+ .k-pdf-viewer-canvas > .k-search-panel, .k-pdf-viewer-canvas > .k-search-container {
35360
+ border-color: #cacaca;
35361
+ color: #272727;
35362
+ background-color: #ffffff;
35363
+ box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.12);
35364
+ }
35365
+
35230
35366
  .km-scrollview,
35231
35367
  .km-scroll-container {
35232
- user-select: none;
35368
+ -webkit-user-select: none;
35369
+ -ms-user-select: none;
35370
+ user-select: none;
35233
35371
  border-collapse: separate;
35234
35372
  }
35235
35373
 
@@ -35344,7 +35482,9 @@ kendo-scrollview.k-scrollview,
35344
35482
 
35345
35483
  .k-scrollview-wrap .k-scrollview img,
35346
35484
  .k-scrollview .k-scrollview-wrap img {
35347
- user-select: none;
35485
+ -webkit-user-select: none;
35486
+ -ms-user-select: none;
35487
+ user-select: none;
35348
35488
  }
35349
35489
 
35350
35490
  .k-scrollview-wrap .k-scrollview > li,
@@ -35366,20 +35506,20 @@ kendo-scrollview.k-scrollview,
35366
35506
  .k-scrollview-wrap.k-scrollview-animate {
35367
35507
  display: flex;
35368
35508
  flex-flow: row nowrap;
35369
- width: calc( var(--kendo-scrollview-views, 1) * 100%);
35509
+ width: calc(var(--kendo-scrollview-views, 1)*100%);
35370
35510
  transition-duration: 0.3s;
35371
35511
  transition-timing-function: ease-in-out;
35372
- transform: translateX(calc( -100% / var(--kendo-scrollview-views, 1) * ( var(--kendo-scrollview-current, 1) - 1)));
35512
+ transform: translateX(calc(-100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
35373
35513
  }
35374
35514
 
35375
35515
  .k-scrollview-wrap.k-scrollview-animate .k-scrollview-view {
35376
- width: calc( 100% / var(--kendo-scrollview-views, 1));
35377
- flex: 0 0 calc( 100% / var(--kendo-scrollview-views, 1));
35516
+ width: calc(100%/var(--kendo-scrollview-views, 1));
35517
+ flex: 0 0 calc(100%/var(--kendo-scrollview-views, 1));
35378
35518
  }
35379
35519
 
35380
35520
  [dir="rtl"] .k-scrollview-wrap.k-scrollview-animate,
35381
35521
  .k-rtl .k-scrollview-wrap.k-scrollview-animate {
35382
- transform: translateX(calc( 100% / var(--kendo-scrollview-views, 1) * ( var(--kendo-scrollview-current, 1) - 1)));
35522
+ transform: translateX(calc(100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
35383
35523
  }
35384
35524
 
35385
35525
  kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager,
@@ -35391,7 +35531,7 @@ kendo-scrollview.k-scrollview kendo-scrollview-pager,
35391
35531
  left: 0;
35392
35532
  right: 0;
35393
35533
  bottom: 0;
35394
- height: calc( 10px + 0px + 40px);
35534
+ height: 50px;
35395
35535
  text-align: center;
35396
35536
  }
35397
35537
 
@@ -35467,7 +35607,9 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
35467
35607
  height: 60%;
35468
35608
  top: 20%;
35469
35609
  text-decoration: none;
35470
- user-select: none;
35610
+ -webkit-user-select: none;
35611
+ -ms-user-select: none;
35612
+ user-select: none;
35471
35613
  cursor: pointer;
35472
35614
  }
35473
35615
 
@@ -35680,8 +35822,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
35680
35822
  z-index: 12000;
35681
35823
  }
35682
35824
 
35683
- .k-sparkline-tooltip-wrapper > .k-popup,
35684
- .k-chart-tooltip-wrapper > .k-popup {
35825
+ .k-sparkline-tooltip-wrapper .k-popup,
35826
+ .k-chart-tooltip-wrapper .k-popup {
35685
35827
  padding: 0;
35686
35828
  border-width: 0;
35687
35829
  background: transparent;
@@ -35944,11 +36086,11 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
35944
36086
  }
35945
36087
 
35946
36088
  .k-treemap .k-treemap-title + .k-treemap-wrap {
35947
- top: calc( 4px + (1.4285714286 * 14px) + 1px);
36089
+ top: 25.0000000004px;
35948
36090
  }
35949
36091
 
35950
36092
  .k-treemap .k-treemap-title-vertical + .k-treemap-wrap {
35951
- left: calc( 4px + (1.4285714286 * 14px) + 1px);
36093
+ left: 25.0000000004px;
35952
36094
  }
35953
36095
 
35954
36096
  .k-treemap .k-leaf {
@@ -36350,7 +36492,9 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
36350
36492
  .k-map .km-scroll-wrapper {
36351
36493
  width: 100%;
36352
36494
  height: 100%;
36353
- user-select: none;
36495
+ -webkit-user-select: none;
36496
+ -ms-user-select: none;
36497
+ user-select: none;
36354
36498
  position: absolute;
36355
36499
  }
36356
36500
 
@@ -36391,8 +36535,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
36391
36535
 
36392
36536
  .k-navigator {
36393
36537
  margin: 1em;
36394
- width: calc( 48px + 4px);
36395
- height: calc( 48px + 4px);
36538
+ width: 52px;
36539
+ height: 52px;
36396
36540
  border-width: 1px;
36397
36541
  border-style: solid;
36398
36542
  box-sizing: border-box;
@@ -36662,8 +36806,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
36662
36806
  }
36663
36807
 
36664
36808
  .k-signature-sm .k-signature-line {
36665
- width: calc( 100% - 2 * 2px);
36666
- bottom: calc( calc( 1.4285714286em + 8px + 2px) + 2px);
36809
+ width: calc(100% - 4px);
36810
+ bottom: calc(1.4285714286em + 12px);
36667
36811
  }
36668
36812
 
36669
36813
  .k-signature-md {
@@ -36671,8 +36815,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
36671
36815
  }
36672
36816
 
36673
36817
  .k-signature-md .k-signature-line {
36674
- width: calc( 100% - 2 * 4px);
36675
- bottom: calc( calc( 1.4285714286em + 8px + 2px) + 4px);
36818
+ width: calc(100% - 8px);
36819
+ bottom: calc(1.4285714286em + 14px);
36676
36820
  }
36677
36821
 
36678
36822
  .k-signature-lg {
@@ -36680,8 +36824,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
36680
36824
  }
36681
36825
 
36682
36826
  .k-signature-lg .k-signature-line {
36683
- width: calc( 100% - 2 * 6px);
36684
- bottom: calc( calc( 1.4285714286em + 8px + 2px) + 6px);
36827
+ width: calc(100% - 12px);
36828
+ bottom: calc(1.4285714286em + 16px);
36685
36829
  }
36686
36830
 
36687
36831
  .k-signature .k-signature-line {