@progress/kendo-theme-material 5.6.1-dev.6 → 5.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/dist/all.css +713 -908
  2. package/dist/all.scss +294 -537
  3. package/lib/swatches/material-aqua-dark.json +1 -1
  4. package/lib/swatches/material-arctic.json +1 -1
  5. package/lib/swatches/material-burnt-teal.json +1 -1
  6. package/lib/swatches/material-dataviz-v4.json +1 -1
  7. package/lib/swatches/material-eggplant.json +1 -1
  8. package/lib/swatches/material-lime-dark.json +1 -1
  9. package/lib/swatches/material-lime.json +1 -1
  10. package/lib/swatches/material-main-dark.json +1 -1
  11. package/lib/swatches/material-main.json +1 -1
  12. package/lib/swatches/material-nova.json +1 -1
  13. package/lib/swatches/material-pacific-dark.json +1 -1
  14. package/lib/swatches/material-pacific.json +1 -1
  15. package/lib/swatches/material-sky-dark.json +1 -1
  16. package/lib/swatches/material-sky.json +1 -1
  17. package/lib/swatches/material-smoke.json +1 -1
  18. package/package.json +4 -4
  19. package/scss/button/_layout.scss +1 -2
  20. package/scss/calendar/_theme.scss +0 -2
  21. package/scss/drawer/_theme.scss +2 -2
  22. package/scss/editor/_theme.scss +2 -3
  23. package/scss/floating-label/_theme.scss +0 -3
  24. package/scss/forms/_variables.scss +1 -1
  25. package/scss/grid/_theme.scss +6 -22
  26. package/scss/input/_layout.scss +2 -4
  27. package/scss/listview/_theme.scss +1 -2
  28. package/scss/pdf-viewer/_index.scss +3 -1
  29. package/scss/pdf-viewer/_variables.scss +14 -1
  30. package/scss/pivotgrid/_theme.scss +1 -2
  31. package/scss/scheduler/_layout.scss +0 -1
  32. package/scss/signature/_variables.scss +23 -21
  33. package/scss/slider/_theme.scss +0 -1
  34. package/scss/spreadsheet/_theme.scss +0 -8
  35. package/scss/timeline/_layout.scss +0 -2
  36. package/scss/typography/_variables.scss +1 -1
package/dist/all.css CHANGED
@@ -166,7 +166,6 @@ kendo-sortable {
166
166
  background-color: white;
167
167
  }
168
168
 
169
- .k-state-disabled,
170
169
  .k-disabled,
171
170
  .k-widget[disabled],
172
171
  .k-disabled {
@@ -178,7 +177,6 @@ kendo-sortable {
178
177
  box-shadow: none;
179
178
  }
180
179
 
181
- .k-state-disabled .k-link,
182
180
  .k-disabled .k-link,
183
181
  .k-widget[disabled] .k-link,
184
182
  .k-disabled .k-link {
@@ -186,18 +184,12 @@ kendo-sortable {
186
184
  outline: 0;
187
185
  }
188
186
 
189
- .k-state-disabled [disabled],
190
- .k-state-disabled .k-disabled,
191
- .k-state-disabled .k-state-disabled,
192
187
  .k-disabled [disabled],
193
188
  .k-disabled .k-disabled,
194
- .k-disabled .k-state-disabled,
195
189
  .k-widget[disabled] [disabled],
196
190
  .k-widget[disabled] .k-disabled,
197
- .k-widget[disabled] .k-state-disabled,
198
191
  .k-disabled [disabled],
199
- .k-disabled .k-disabled,
200
- .k-disabled .k-state-disabled {
192
+ .k-disabled .k-disabled {
201
193
  opacity: 1;
202
194
  filter: grayscale(0);
203
195
  }
@@ -6315,180 +6307,197 @@ kendo-sortable {
6315
6307
  color: rgba(0, 0, 0, 0.87);
6316
6308
  }
6317
6309
 
6310
+ .\!k-text-base,
6311
+ .\!k-color-base {
6312
+ color: rgba(0, 0, 0, 0.87) !important;
6313
+ }
6314
+
6318
6315
  .k-color-inherit {
6319
6316
  color: inherit;
6320
6317
  }
6321
6318
 
6319
+ .\!k-color-inherit {
6320
+ color: inherit !important;
6321
+ }
6322
+
6322
6323
  .k-text-primary,
6323
6324
  .k-color-primary {
6325
+ color: #3f51b5;
6326
+ }
6327
+
6328
+ .\!k-text-primary,
6329
+ .\!k-color-primary {
6324
6330
  color: #3f51b5 !important;
6325
6331
  }
6326
6332
 
6327
6333
  .k-text-secondary,
6328
6334
  .k-color-secondary {
6335
+ color: #e51a5f;
6336
+ }
6337
+
6338
+ .\!k-text-secondary,
6339
+ .\!k-color-secondary {
6329
6340
  color: #e51a5f !important;
6330
6341
  }
6331
6342
 
6332
6343
  .k-text-tertiary,
6333
6344
  .k-color-tertiary {
6345
+ color: #00695c;
6346
+ }
6347
+
6348
+ .\!k-text-tertiary,
6349
+ .\!k-color-tertiary {
6334
6350
  color: #00695c !important;
6335
6351
  }
6336
6352
 
6337
6353
  .k-text-info,
6338
6354
  .k-color-info {
6355
+ color: #0058e9;
6356
+ }
6357
+
6358
+ .\!k-text-info,
6359
+ .\!k-color-info {
6339
6360
  color: #0058e9 !important;
6340
6361
  }
6341
6362
 
6342
6363
  .k-text-success,
6343
6364
  .k-color-success {
6365
+ color: #37b400;
6366
+ }
6367
+
6368
+ .\!k-text-success,
6369
+ .\!k-color-success {
6344
6370
  color: #37b400 !important;
6345
6371
  }
6346
6372
 
6347
6373
  .k-text-warning,
6348
6374
  .k-color-warning {
6375
+ color: #ffc000;
6376
+ }
6377
+
6378
+ .\!k-text-warning,
6379
+ .\!k-color-warning {
6349
6380
  color: #ffc000 !important;
6350
6381
  }
6351
6382
 
6352
6383
  .k-text-error,
6353
6384
  .k-color-error {
6385
+ color: #f31700;
6386
+ }
6387
+
6388
+ .\!k-text-error,
6389
+ .\!k-color-error {
6354
6390
  color: #f31700 !important;
6355
6391
  }
6356
6392
 
6357
6393
  .k-text-dark,
6358
6394
  .k-color-dark {
6395
+ color: #424242;
6396
+ }
6397
+
6398
+ .\!k-text-dark,
6399
+ .\!k-color-dark {
6359
6400
  color: #424242 !important;
6360
6401
  }
6361
6402
 
6362
6403
  .k-text-light,
6363
6404
  .k-color-light {
6405
+ color: #f5f5f5;
6406
+ }
6407
+
6408
+ .\!k-text-light,
6409
+ .\!k-color-light {
6364
6410
  color: #f5f5f5 !important;
6365
6411
  }
6366
6412
 
6367
6413
  .k-text-inverse,
6368
6414
  .k-color-inverse {
6415
+ color: #424242;
6416
+ }
6417
+
6418
+ .\!k-text-inverse,
6419
+ .\!k-color-inverse {
6369
6420
  color: #424242 !important;
6370
6421
  }
6371
6422
 
6372
6423
  .k-bg-primary {
6424
+ background-color: #3f51b5;
6425
+ }
6426
+
6427
+ .\!k-bg-primary {
6373
6428
  background-color: #3f51b5 !important;
6374
6429
  }
6375
6430
 
6376
6431
  .k-bg-secondary {
6432
+ background-color: #e51a5f;
6433
+ }
6434
+
6435
+ .\!k-bg-secondary {
6377
6436
  background-color: #e51a5f !important;
6378
6437
  }
6379
6438
 
6380
6439
  .k-bg-tertiary {
6440
+ background-color: #00695c;
6441
+ }
6442
+
6443
+ .\!k-bg-tertiary {
6381
6444
  background-color: #00695c !important;
6382
6445
  }
6383
6446
 
6384
6447
  .k-bg-info {
6448
+ background-color: #0058e9;
6449
+ }
6450
+
6451
+ .\!k-bg-info {
6385
6452
  background-color: #0058e9 !important;
6386
6453
  }
6387
6454
 
6388
6455
  .k-bg-success {
6456
+ background-color: #37b400;
6457
+ }
6458
+
6459
+ .\!k-bg-success {
6389
6460
  background-color: #37b400 !important;
6390
6461
  }
6391
6462
 
6392
6463
  .k-bg-warning {
6464
+ background-color: #ffc000;
6465
+ }
6466
+
6467
+ .\!k-bg-warning {
6393
6468
  background-color: #ffc000 !important;
6394
6469
  }
6395
6470
 
6396
6471
  .k-bg-error {
6397
- background-color: #f31700 !important;
6472
+ background-color: #f31700;
6398
6473
  }
6399
6474
 
6400
- .k-bg-dark {
6401
- background-color: #424242 !important;
6475
+ .\!k-bg-error {
6476
+ background-color: #f31700 !important;
6402
6477
  }
6403
6478
 
6404
- .k-bg-light {
6405
- background-color: #f5f5f5 !important;
6479
+ .k-bg-dark {
6480
+ background-color: #424242;
6406
6481
  }
6407
6482
 
6408
- .k-bg-inverse {
6483
+ .\!k-bg-dark {
6409
6484
  background-color: #424242 !important;
6410
6485
  }
6411
6486
 
6412
- .k-state-primary {
6413
- background-color: #d9dcf0;
6414
- color: #212a5e;
6415
- border-color: #c9ceea;
6416
- }
6417
-
6418
- .k-state-secondary {
6419
- background-color: #fad1df;
6420
- color: #770e31;
6421
- border-color: #f8bfd2;
6422
- }
6423
-
6424
- .k-state-tertiary {
6425
- background-color: #cce1de;
6426
- color: #003730;
6427
- border-color: #b8d5d1;
6428
- }
6429
-
6430
- .k-state-info {
6431
- background-color: #ccdefb;
6432
- color: #002e79;
6433
- border-color: #b8d0f9;
6434
- }
6435
-
6436
- .k-state-success {
6437
- background-color: #d7f0cc;
6438
- color: #1d5e00;
6439
- border-color: #c7eab8;
6440
- }
6441
-
6442
- .k-state-warning {
6443
- background-color: #fff2cc;
6444
- color: #856400;
6445
- border-color: #ffedb8;
6446
- }
6447
-
6448
- .k-state-error {
6449
- background-color: #fdd1cc;
6450
- color: #7e0c00;
6451
- border-color: #fcbeb8;
6452
- }
6453
-
6454
- .k-state-dark {
6455
- background-color: #d9d9d9;
6456
- color: #222222;
6457
- border-color: #cacaca;
6458
- }
6459
-
6460
- .k-state-light {
6461
- background-color: #fdfdfd;
6462
- color: #7f7f7f;
6463
- border-color: #fcfcfc;
6464
- }
6465
-
6466
- .k-state-inverse {
6467
- background-color: #d9d9d9;
6468
- color: #222222;
6469
- border-color: #cacaca;
6470
- }
6471
-
6472
- .k-info-colored {
6473
- color: #50607f;
6474
- border-color: #d0d9df;
6475
- background-color: #f0f9ff;
6487
+ .k-bg-light {
6488
+ background-color: #f5f5f5;
6476
6489
  }
6477
6490
 
6478
- .k-success-colored {
6479
- color: #507f50;
6480
- border-color: #d0dfd0;
6481
- background-color: #f0fff0;
6491
+ .\!k-bg-light {
6492
+ background-color: #f5f5f5 !important;
6482
6493
  }
6483
6494
 
6484
- .k-error-colored {
6485
- color: #7f5050;
6486
- border-color: #dfd0d0;
6487
- background-color: #fff0f0;
6495
+ .k-bg-inverse {
6496
+ background-color: #424242;
6488
6497
  }
6489
6498
 
6490
- .k-inset {
6491
- box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.03), inset 0 4px 5px 0 rgba(0, 0, 0, 0.04);
6499
+ .\!k-bg-inverse {
6500
+ background-color: #424242 !important;
6492
6501
  }
6493
6502
 
6494
6503
  .k-touch-action-none {
@@ -6588,23 +6597,32 @@ kendo-sortable {
6588
6597
  }
6589
6598
 
6590
6599
  .k-user-select-none {
6591
- user-select: none !important;
6600
+ -webkit-user-select: none !important;
6601
+ -ms-user-select: none !important;
6602
+ user-select: none !important;
6592
6603
  }
6593
6604
 
6594
6605
  .k-user-select-auto {
6595
- user-select: auto !important;
6606
+ -webkit-user-select: auto !important;
6607
+ -ms-user-select: auto !important;
6608
+ user-select: auto !important;
6596
6609
  }
6597
6610
 
6598
6611
  .k-user-select-text {
6599
- user-select: text !important;
6612
+ -webkit-user-select: text !important;
6613
+ -ms-user-select: text !important;
6614
+ user-select: text !important;
6600
6615
  }
6601
6616
 
6602
6617
  .k-user-select-all {
6603
- user-select: all !important;
6618
+ -webkit-user-select: all !important;
6619
+ user-select: all !important;
6604
6620
  }
6605
6621
 
6606
6622
  .k-user-select-contain {
6607
- user-select: contain !important;
6623
+ -webkit-user-select: contain !important;
6624
+ -ms-user-select: element !important;
6625
+ user-select: contain !important;
6608
6626
  }
6609
6627
 
6610
6628
  .k-cursor-auto {
@@ -11852,7 +11870,7 @@ a.k-badge:hover,
11852
11870
  padding: 2px 2px;
11853
11871
  font-size: 10px;
11854
11872
  line-height: 1;
11855
- min-width: calc( 1em + 4px + 2px);
11873
+ min-width: calc(1em + 6px);
11856
11874
  }
11857
11875
 
11858
11876
  .k-badge-sm:empty {
@@ -11864,7 +11882,7 @@ a.k-badge:hover,
11864
11882
  padding: 4px 4px;
11865
11883
  font-size: 10px;
11866
11884
  line-height: 1;
11867
- min-width: calc( 1em + 8px + 2px);
11885
+ min-width: calc(1em + 10px);
11868
11886
  }
11869
11887
 
11870
11888
  .k-badge-md:empty {
@@ -11876,7 +11894,7 @@ a.k-badge:hover,
11876
11894
  padding: 6px 6px;
11877
11895
  font-size: 10px;
11878
11896
  line-height: 1;
11879
- min-width: calc( 1em + 12px + 2px);
11897
+ min-width: calc(1em + 14px);
11880
11898
  }
11881
11899
 
11882
11900
  .k-badge-lg:empty {
@@ -12112,7 +12130,9 @@ kendo-badge-container {
12112
12130
  justify-content: center;
12113
12131
  gap: 8px;
12114
12132
  vertical-align: middle;
12115
- user-select: none;
12133
+ -webkit-user-select: none;
12134
+ -ms-user-select: none;
12135
+ user-select: none;
12116
12136
  cursor: pointer;
12117
12137
  outline: none;
12118
12138
  -webkit-appearance: none;
@@ -12171,8 +12191,8 @@ kendo-badge-container {
12171
12191
  }
12172
12192
 
12173
12193
  .k-button-sm.k-icon-button > .k-button-icon {
12174
- min-width: calc( 14px * 1.4285714286);
12175
- min-height: calc( 14px * 1.4285714286);
12194
+ min-width: 20.0000000004px;
12195
+ min-height: 20.0000000004px;
12176
12196
  }
12177
12197
 
12178
12198
  .k-button-md {
@@ -12186,8 +12206,8 @@ kendo-badge-container {
12186
12206
  }
12187
12207
 
12188
12208
  .k-button-md.k-icon-button > .k-button-icon {
12189
- min-width: calc( 14px * 1.4285714286);
12190
- min-height: calc( 14px * 1.4285714286);
12209
+ min-width: 20.0000000004px;
12210
+ min-height: 20.0000000004px;
12191
12211
  }
12192
12212
 
12193
12213
  .k-button-lg {
@@ -12201,8 +12221,8 @@ kendo-badge-container {
12201
12221
  }
12202
12222
 
12203
12223
  .k-button-lg.k-icon-button > .k-button-icon {
12204
- min-width: calc( 14px * 1.4285714286);
12205
- min-height: calc( 14px * 1.4285714286);
12224
+ min-width: 20.0000000004px;
12225
+ min-height: 20.0000000004px;
12206
12226
  }
12207
12227
 
12208
12228
  .k-button-square {
@@ -12382,7 +12402,7 @@ kendo-badge-container {
12382
12402
  display: none !important;
12383
12403
  }
12384
12404
 
12385
- .k-button:disabled, .k-button[disabled], .k-button.k-disabled, .k-button.k-state-disabled {
12405
+ .k-button:disabled, .k-button[disabled], .k-button.k-disabled {
12386
12406
  opacity: 1;
12387
12407
  filter: none;
12388
12408
  }
@@ -13757,11 +13777,20 @@ kendo-badge-container {
13757
13777
  margin: 0;
13758
13778
  }
13759
13779
 
13780
+ .k-input:-ms-input-placeholder, .k-picker:-ms-input-placeholder {
13781
+ color: rgba(0, 0, 0, 0.54);
13782
+ opacity: 1;
13783
+ -ms-user-select: none;
13784
+ user-select: none;
13785
+ }
13786
+
13760
13787
  .k-input::placeholder,
13761
13788
  .k-picker::placeholder {
13762
13789
  color: rgba(0, 0, 0, 0.54);
13763
13790
  opacity: 1;
13764
- user-select: none;
13791
+ -webkit-user-select: none;
13792
+ -ms-user-select: none;
13793
+ user-select: none;
13765
13794
  }
13766
13795
 
13767
13796
  .k-input:-ms-input-placeholder,
@@ -13786,19 +13815,13 @@ textarea.k-textarea[disabled] {
13786
13815
  }
13787
13816
 
13788
13817
  [disabled] input.k-input:disabled,
13789
- .k-disabled input.k-input:disabled,
13790
- .k-state-disabled input.k-input:disabled, [disabled] input.k-input[disabled],
13791
- .k-disabled input.k-input[disabled],
13792
- .k-state-disabled input.k-input[disabled], [disabled]
13818
+ .k-disabled input.k-input:disabled, [disabled] input.k-input[disabled],
13819
+ .k-disabled input.k-input[disabled], [disabled]
13793
13820
  textarea.k-textarea:disabled,
13794
13821
  .k-disabled
13795
- textarea.k-textarea:disabled,
13796
- .k-state-disabled
13797
13822
  textarea.k-textarea:disabled, [disabled]
13798
13823
  textarea.k-textarea[disabled],
13799
13824
  .k-disabled
13800
- textarea.k-textarea[disabled],
13801
- .k-state-disabled
13802
13825
  textarea.k-textarea[disabled] {
13803
13826
  opacity: 1;
13804
13827
  filter: grayscale(0);
@@ -13823,10 +13846,8 @@ select.k-picker:disabled, select.k-picker[disabled] {
13823
13846
  }
13824
13847
 
13825
13848
  [disabled] select.k-picker:disabled,
13826
- .k-disabled select.k-picker:disabled,
13827
- .k-state-disabled select.k-picker:disabled, [disabled] select.k-picker[disabled],
13828
- .k-disabled select.k-picker[disabled],
13829
- .k-state-disabled select.k-picker[disabled] {
13849
+ .k-disabled select.k-picker:disabled, [disabled] select.k-picker[disabled],
13850
+ .k-disabled select.k-picker[disabled] {
13830
13851
  opacity: 1;
13831
13852
  filter: grayscale(0);
13832
13853
  }
@@ -13851,10 +13872,19 @@ select.k-picker:disabled, select.k-picker[disabled] {
13851
13872
  display: none;
13852
13873
  }
13853
13874
 
13875
+ .k-input-inner:-ms-input-placeholder {
13876
+ color: rgba(0, 0, 0, 0.54);
13877
+ opacity: 1;
13878
+ -ms-user-select: none;
13879
+ user-select: none;
13880
+ }
13881
+
13854
13882
  .k-input-inner::placeholder {
13855
13883
  color: rgba(0, 0, 0, 0.54);
13856
13884
  opacity: 1;
13857
- user-select: none;
13885
+ -webkit-user-select: none;
13886
+ -ms-user-select: none;
13887
+ user-select: none;
13858
13888
  }
13859
13889
 
13860
13890
  .k-input-inner:-ms-input-placeholder {
@@ -14106,14 +14136,14 @@ textarea.k-input-inner {
14106
14136
  .k-picker-sm .k-clear-value,
14107
14137
  .k-picker-sm .k-input-prefix > .k-icon,
14108
14138
  .k-picker-sm .k-input-suffix > .k-icon {
14109
- width: calc( 16px + 12px);
14110
- height: calc( 16px + 12px);
14139
+ width: 28px;
14140
+ height: 28px;
14111
14141
  }
14112
14142
 
14113
14143
  .k-input-sm.k-icon-picker .k-input-inner,
14114
14144
  .k-picker-sm.k-icon-picker .k-input-inner {
14115
- width: calc( 1.25em);
14116
- height: calc( 1.25em);
14145
+ width: 1.25em;
14146
+ height: 1.25em;
14117
14147
  padding: 6px;
14118
14148
  box-sizing: content-box;
14119
14149
  }
@@ -14169,14 +14199,14 @@ textarea.k-input-inner {
14169
14199
  .k-picker-md .k-clear-value,
14170
14200
  .k-picker-md .k-input-prefix > .k-icon,
14171
14201
  .k-picker-md .k-input-suffix > .k-icon {
14172
- width: calc( 16px + 16px);
14173
- height: calc( 16px + 16px);
14202
+ width: 32px;
14203
+ height: 32px;
14174
14204
  }
14175
14205
 
14176
14206
  .k-input-md.k-icon-picker .k-input-inner,
14177
14207
  .k-picker-md.k-icon-picker .k-input-inner {
14178
- width: calc( 1.25em);
14179
- height: calc( 1.25em);
14208
+ width: 1.25em;
14209
+ height: 1.25em;
14180
14210
  padding: 8px;
14181
14211
  box-sizing: content-box;
14182
14212
  }
@@ -14232,14 +14262,14 @@ textarea.k-input-inner {
14232
14262
  .k-picker-lg .k-clear-value,
14233
14263
  .k-picker-lg .k-input-prefix > .k-icon,
14234
14264
  .k-picker-lg .k-input-suffix > .k-icon {
14235
- width: calc( 16px + 16px);
14236
- height: calc( 16px + 16px);
14265
+ width: 32px;
14266
+ height: 32px;
14237
14267
  }
14238
14268
 
14239
14269
  .k-input-lg.k-icon-picker .k-input-inner,
14240
14270
  .k-picker-lg.k-icon-picker .k-input-inner {
14241
- width: calc( 1.5em);
14242
- height: calc( 1.5em);
14271
+ width: 1.5em;
14272
+ height: 1.5em;
14243
14273
  padding: 8px;
14244
14274
  box-sizing: content-box;
14245
14275
  }
@@ -14359,17 +14389,12 @@ textarea.k-input-inner {
14359
14389
  pointer-events: none;
14360
14390
  }
14361
14391
 
14362
- .k-input-solid.k-focus::after, .k-input-solid.k-state-focused::after,
14392
+ .k-input-solid.k-focus::after,
14363
14393
  .k-input-flat.k-focus::after,
14364
- .k-input-flat.k-state-focused::after,
14365
14394
  .k-input-outline.k-focus::after,
14366
- .k-input-outline.k-state-focused::after,
14367
14395
  .k-picker-solid.k-focus::after,
14368
- .k-picker-solid.k-state-focused::after,
14369
14396
  .k-picker-flat.k-focus::after,
14370
- .k-picker-flat.k-state-focused::after,
14371
- .k-picker-outline.k-focus::after,
14372
- .k-picker-outline.k-state-focused::after {
14397
+ .k-picker-outline.k-focus::after {
14373
14398
  opacity: 1;
14374
14399
  transform: scaleX(1);
14375
14400
  }
@@ -14390,9 +14415,8 @@ textarea.k-input-inner {
14390
14415
  transform: none;
14391
14416
  }
14392
14417
 
14393
- .k-input-outline.k-focus::after, .k-input-outline.k-state-focused::after,
14394
- .k-picker-outline.k-focus::after,
14395
- .k-picker-outline.k-state-focused::after {
14418
+ .k-input-outline.k-focus::after,
14419
+ .k-picker-outline.k-focus::after {
14396
14420
  transform: none;
14397
14421
  }
14398
14422
 
@@ -14605,7 +14629,7 @@ textarea.k-input-inner {
14605
14629
  }
14606
14630
 
14607
14631
  .k-floating-label-container {
14608
- padding-top: calc( 1.25 * 16px);
14632
+ padding-top: 20px;
14609
14633
  box-sizing: border-box;
14610
14634
  display: inline-flex;
14611
14635
  vertical-align: middle;
@@ -14627,8 +14651,8 @@ textarea.k-input-inner {
14627
14651
  white-space: nowrap;
14628
14652
  text-overflow: ellipsis;
14629
14653
  position: absolute;
14630
- top: calc( calc( 1.25 * 16px) + 1px + 8px);
14631
- left: calc( 16px + 1px);
14654
+ top: 29px;
14655
+ left: 17px;
14632
14656
  overflow: hidden;
14633
14657
  cursor: text;
14634
14658
  transform-origin: left center;
@@ -14640,15 +14664,14 @@ textarea.k-input-inner {
14640
14664
  width: auto;
14641
14665
  }
14642
14666
 
14643
- .k-floating-label-container.k-state-empty > .k-label, .k-floating-label-container.k-empty > .k-label {
14644
- top: calc( calc( 1.25 * 16px) + 1px + 8px);
14645
- left: calc( 16px + 1px);
14667
+ .k-floating-label-container.k-empty > .k-label {
14668
+ top: 29px;
14669
+ left: 17px;
14646
14670
  transform: scale(1);
14647
14671
  pointer-events: none;
14648
14672
  }
14649
14673
 
14650
14674
  .k-floating-label-container > .k-label,
14651
- .k-floating-label-container.k-state-focused > .k-label,
14652
14675
  .k-floating-label-container.k-focus > .k-label {
14653
14676
  top: 0px;
14654
14677
  left: 0px;
@@ -14661,7 +14684,10 @@ textarea.k-input-inner {
14661
14684
  transform: scale(0.75);
14662
14685
  }
14663
14686
 
14664
- .k-floating-label-container.k-state-empty:not(.k-state-focused) ::placeholder,
14687
+ .k-floating-label-container.k-empty:not(.k-focus):not(:focus-within) :-ms-input-placeholder {
14688
+ color: transparent;
14689
+ }
14690
+
14665
14691
  .k-floating-label-container.k-empty:not(.k-focus):not(:focus-within) ::placeholder {
14666
14692
  color: transparent;
14667
14693
  }
@@ -14672,20 +14698,16 @@ textarea.k-input-inner {
14672
14698
  transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1), top 0.15s cubic-bezier(0.4, 0, 0.2, 1), right 0.15s cubic-bezier(0.4, 0, 0.2, 1);
14673
14699
  }
14674
14700
 
14675
- [dir="rtl"] .k-floating-label-container.k-state-empty > .k-label, [dir="rtl"] .k-floating-label-container.k-empty > .k-label,
14676
- .k-rtl .k-floating-label-container.k-state-empty > .k-label,
14677
- .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 {
14701
+ [dir="rtl"] .k-floating-label-container.k-empty > .k-label,
14702
+ .k-rtl .k-floating-label-container.k-empty > .k-label, .k-floating-label-container[dir="rtl"].k-empty > .k-label {
14678
14703
  left: auto;
14679
- right: calc( 16px + 1px);
14704
+ right: 17px;
14680
14705
  }
14681
14706
 
14682
14707
  [dir="rtl"] .k-floating-label-container > .k-label,
14683
- [dir="rtl"] .k-floating-label-container.k-state-focused > .k-label,
14684
14708
  [dir="rtl"] .k-floating-label-container.k-focus > .k-label,
14685
14709
  .k-rtl .k-floating-label-container > .k-label,
14686
- .k-rtl .k-floating-label-container.k-state-focused > .k-label,
14687
14710
  .k-rtl .k-floating-label-container.k-focus > .k-label, .k-floating-label-container[dir="rtl"] > .k-label,
14688
- .k-floating-label-container[dir="rtl"].k-state-focused > .k-label,
14689
14711
  .k-floating-label-container[dir="rtl"].k-focus > .k-label {
14690
14712
  left: auto;
14691
14713
  right: 0px;
@@ -14710,16 +14732,12 @@ textarea.k-input-inner {
14710
14732
  color: rgba(0, 0, 0, 0.54);
14711
14733
  }
14712
14734
 
14713
- .k-floating-label-container.k-focus > .k-label,
14714
- .k-floating-label-container.k-state-focused > .k-label {
14735
+ .k-floating-label-container.k-focus > .k-label {
14715
14736
  color: #3f51b5;
14716
14737
  }
14717
14738
 
14718
14739
  .k-floating-label-container.k-invalid + .k-label,
14719
14740
  .k-floating-label-container .k-invalid + .k-label,
14720
- .k-floating-label-container.k-state-invalid + .k-label,
14721
- .k-floating-label-container .k-state-invalid + .k-label,
14722
- .k-floating-label-container .k-invalid + .k-label,
14723
14741
  .k-floating-label-container .ng-invalid.ng-touched + .k-label,
14724
14742
  .k-floating-label-container .ng-invalid.ng-dirty + .k-label {
14725
14743
  color: #f31700;
@@ -15290,7 +15308,9 @@ textarea.k-input-inner {
15290
15308
  position: relative;
15291
15309
  overflow: hidden;
15292
15310
  cursor: pointer;
15293
- user-select: none;
15311
+ -webkit-user-select: none;
15312
+ -ms-user-select: none;
15313
+ user-select: none;
15294
15314
  }
15295
15315
 
15296
15316
  .k-chip *,
@@ -15833,7 +15853,7 @@ textarea.k-input-inner {
15833
15853
  }
15834
15854
 
15835
15855
  .k-icon-color-preview .k-color-preview-mask {
15836
- width: calc( 16px - 2px);
15856
+ width: 14px;
15837
15857
  height: 2px;
15838
15858
  }
15839
15859
 
@@ -15996,32 +16016,32 @@ textarea.k-input-inner {
15996
16016
  top: 100%;
15997
16017
  left: 0;
15998
16018
  animation: spinner-3-segment 2s ease infinite;
15999
- animation-delay: calc( -2s / 3);
16019
+ animation-delay: -0.6666666667s;
16000
16020
  }
16001
16021
 
16002
16022
  .k-loader-spinner-3 .k-loader-segment:nth-child(3) {
16003
16023
  top: 100%;
16004
16024
  left: 100%;
16005
16025
  animation: spinner-3-segment 2s ease infinite;
16006
- animation-delay: calc( -4s / 3);
16026
+ animation-delay: -1.3333333333s;
16007
16027
  }
16008
16028
 
16009
16029
  .k-loader-spinner-3.k-loader-sm .k-loader-canvas {
16010
16030
  margin: 2px;
16011
- width: calc( 16px - 4px);
16012
- height: calc( 13.8564064608px - 4px);
16031
+ width: 12px;
16032
+ height: 9.8564064608px;
16013
16033
  }
16014
16034
 
16015
16035
  .k-loader-spinner-3.k-loader-md .k-loader-canvas {
16016
16036
  margin: 4px;
16017
- width: calc( 32px - 8px);
16018
- height: calc( 27.7128129216px - 8px);
16037
+ width: 24px;
16038
+ height: 19.7128129216px;
16019
16039
  }
16020
16040
 
16021
16041
  .k-loader-spinner-3.k-loader-lg .k-loader-canvas {
16022
16042
  margin: 8px;
16023
- width: calc( 64px - 16px);
16024
- height: calc( 55.4256258432px - 16px);
16043
+ width: 48px;
16044
+ height: 39.4256258432px;
16025
16045
  }
16026
16046
 
16027
16047
  @keyframes spinner-4-segment-1 {
@@ -16292,7 +16312,8 @@ textarea.k-input-inner {
16292
16312
  border-color: rgba(0, 0, 0, 0.12);
16293
16313
  }
16294
16314
 
16295
- .k-loader-container-inner .k-text-secondary {
16315
+ .k-loader-container-inner .k-text-secondary,
16316
+ .k-loader-container-inner .\!k-text-secondary {
16296
16317
  color: #000000 !important;
16297
16318
  }
16298
16319
 
@@ -16401,7 +16422,9 @@ textarea.k-input-inner {
16401
16422
  flex-flow: column nowrap;
16402
16423
  flex: none;
16403
16424
  position: relative;
16404
- user-select: none;
16425
+ -webkit-user-select: none;
16426
+ -ms-user-select: none;
16427
+ user-select: none;
16405
16428
  }
16406
16429
 
16407
16430
  .k-menu-item-content {
@@ -16473,12 +16496,12 @@ textarea.k-input-inner {
16473
16496
 
16474
16497
  .k-menu-vertical > .k-menu-item > .k-menu-link {
16475
16498
  padding: 8px 16px;
16476
- padding-right: calc( 32px + 16px);
16499
+ padding-right: 48px;
16477
16500
  }
16478
16501
 
16479
16502
  .k-menu-vertical > .k-menu-item > .k-menu-link > .k-menu-expand-arrow {
16480
16503
  margin-inline-start: 16px;
16481
- margin-inline-end: calc( -1 * (calc( 32px + 16px) - 8px));
16504
+ margin-inline-end: -40px;
16482
16505
  }
16483
16506
 
16484
16507
  .k-menu-vertical > .k-separator {
@@ -16542,12 +16565,12 @@ textarea.k-input-inner {
16542
16565
 
16543
16566
  .k-menu-group-sm .k-menu-link {
16544
16567
  padding: 6px 16px;
16545
- padding-inline-end: calc( 32px + 16px);
16568
+ padding-inline-end: 48px;
16546
16569
  }
16547
16570
 
16548
16571
  .k-menu-group-sm .k-menu-expand-arrow {
16549
16572
  margin-inline-start: 16px;
16550
- margin-inline-end: calc( -1 * (calc( 32px + 16px) - 8px));
16573
+ margin-inline-end: -40px;
16551
16574
  }
16552
16575
 
16553
16576
  .k-menu-group-md {
@@ -16562,12 +16585,12 @@ textarea.k-input-inner {
16562
16585
 
16563
16586
  .k-menu-group-md .k-menu-link {
16564
16587
  padding: 8px 16px;
16565
- padding-inline-end: calc( 32px + 16px);
16588
+ padding-inline-end: 48px;
16566
16589
  }
16567
16590
 
16568
16591
  .k-menu-group-md .k-menu-expand-arrow {
16569
16592
  margin-inline-start: 16px;
16570
- margin-inline-end: calc( -1 * (calc( 32px + 16px) - 8px));
16593
+ margin-inline-end: -40px;
16571
16594
  }
16572
16595
 
16573
16596
  .k-menu-group-lg {
@@ -16582,12 +16605,12 @@ textarea.k-input-inner {
16582
16605
 
16583
16606
  .k-menu-group-lg .k-menu-link {
16584
16607
  padding: 10px 16px;
16585
- padding-inline-end: calc( 32px + 16px);
16608
+ padding-inline-end: 48px;
16586
16609
  }
16587
16610
 
16588
16611
  .k-menu-group-lg .k-menu-expand-arrow {
16589
16612
  margin-inline-start: 16px;
16590
- margin-inline-end: calc( -1 * (calc( 32px + 16px) - 8px));
16613
+ margin-inline-end: -40px;
16591
16614
  }
16592
16615
 
16593
16616
  .k-popups-wrapper {
@@ -16687,13 +16710,13 @@ textarea.k-input-inner {
16687
16710
  .k-rtl .k-menu-vertical > .k-menu-item > .k-menu-link,
16688
16711
  [dir="rtl"] .k-menu-vertical > .k-menu-item > .k-menu-link {
16689
16712
  padding-right: 16px;
16690
- padding-left: calc( 32px + 16px);
16713
+ padding-left: 48px;
16691
16714
  }
16692
16715
 
16693
16716
  .k-rtl .k-menu-group .k-menu-link,
16694
16717
  [dir="rtl"] .k-menu-group .k-menu-link {
16695
16718
  padding-right: 16px;
16696
- padding-left: calc( 32px + 16px);
16719
+ padding-left: 48px;
16697
16720
  }
16698
16721
 
16699
16722
  .k-menu:not(.k-context-menu) > .k-menu-item {
@@ -16705,11 +16728,11 @@ textarea.k-input-inner {
16705
16728
  }
16706
16729
 
16707
16730
  .k-menu-scroll-wrapper.horizontal .k-menu-scroll-button {
16708
- width: calc( 2em + 4px);
16731
+ width: calc(2em + 4px);
16709
16732
  }
16710
16733
 
16711
16734
  .k-menu-scroll-wrapper.vertical .k-menu-scroll-button {
16712
- height: calc( 2em + 4px);
16735
+ height: calc(2em + 4px);
16713
16736
  }
16714
16737
 
16715
16738
  .k-menu:not(.k-context-menu) {
@@ -16816,7 +16839,7 @@ textarea.k-input-inner {
16816
16839
 
16817
16840
  .k-toolbar::before {
16818
16841
  content: "";
16819
- height: calc( 1.4285714286em + 16px + 2px);
16842
+ height: calc(1.4285714286em + 18px);
16820
16843
  margin-inline-start: -8px;
16821
16844
  }
16822
16845
 
@@ -16884,6 +16907,11 @@ textarea.k-input-inner {
16884
16907
  align-items: center;
16885
16908
  }
16886
16909
 
16910
+ .k-toolbar .k-toolbar-item:focus {
16911
+ text-decoration: none;
16912
+ outline: 0;
16913
+ }
16914
+
16887
16915
  .k-toolbar-group {
16888
16916
  display: flex;
16889
16917
  flex-direction: inherit;
@@ -17343,7 +17371,7 @@ kendo-label > .k-label {
17343
17371
  }
17344
17372
 
17345
17373
  .k-form-horizontal .k-form-field-wrap {
17346
- max-width: calc( ( 100% - 25% ) - 10px);
17374
+ max-width: calc(75% - 10px);
17347
17375
  flex: 1 1 auto;
17348
17376
  }
17349
17377
 
@@ -17410,7 +17438,7 @@ kendo-label > .k-label {
17410
17438
  width: 25%;
17411
17439
  text-align: right;
17412
17440
  line-height: 2;
17413
- padding: calc( 4px + 1px) 0;
17441
+ padding: 5px 0;
17414
17442
  padding-right: 24px;
17415
17443
  align-self: center;
17416
17444
  }
@@ -17459,7 +17487,7 @@ kendo-label > .k-label {
17459
17487
 
17460
17488
  .k-edit-label {
17461
17489
  margin: 0 0 1em 0;
17462
- padding: calc( 8px + 1px) 0;
17490
+ padding: 9px 0;
17463
17491
  width: 30%;
17464
17492
  line-height: 2;
17465
17493
  text-align: right;
@@ -17476,7 +17504,7 @@ kendo-label > .k-label {
17476
17504
  }
17477
17505
 
17478
17506
  .k-edit-field.k-no-editor {
17479
- padding: calc( 8px + 1px) 0;
17507
+ padding: 9px 0;
17480
17508
  }
17481
17509
 
17482
17510
  .k-edit-field > .k-widget {
@@ -17732,7 +17760,7 @@ kendo-label > .k-label {
17732
17760
  }
17733
17761
 
17734
17762
  .k-validator-tooltip {
17735
- margin-top: calc( 6px + 0px);
17763
+ margin-top: 6px;
17736
17764
  width: auto;
17737
17765
  white-space: normal;
17738
17766
  display: flex;
@@ -17947,7 +17975,6 @@ kendo-label > .k-label {
17947
17975
  box-sizing: border-box;
17948
17976
  }
17949
17977
 
17950
- .k-progressbar > .k-state-selected,
17951
17978
  .k-progressbar > .k-selected {
17952
17979
  border-width: 0;
17953
17980
  border-style: solid;
@@ -18020,16 +18047,14 @@ kendo-label > .k-label {
18020
18047
  flex-direction: row;
18021
18048
  }
18022
18049
 
18023
- .k-progressbar-horizontal > .k-state-selected,
18024
18050
  .k-progressbar-horizontal > .k-selected {
18025
18051
  width: 0;
18026
- width: calc( var( --kendo-progressbar-progress, 0 ) * 1%);
18052
+ width: calc(var( --kendo-progressbar-progress, 0 )*1%);
18027
18053
  flex-direction: row;
18028
18054
  }
18029
18055
 
18030
- .k-progressbar-horizontal > .k-state-selected > .k-progress-status-wrap,
18031
18056
  .k-progressbar-horizontal > .k-selected > .k-progress-status-wrap {
18032
- width: calc( 100% * ( 100 / var( --kendo-progressbar-progress, 1 ) ));
18057
+ width: calc(100%*(100/var( --kendo-progressbar-progress, 1 )));
18033
18058
  }
18034
18059
 
18035
18060
  .k-progressbar-horizontal > ul {
@@ -18042,7 +18067,6 @@ kendo-label > .k-label {
18042
18067
  border-inline-end-width: 0;
18043
18068
  }
18044
18069
 
18045
- .k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected,
18046
18070
  .k-progressbar-horizontal.k-progressbar-reverse > .k-selected {
18047
18071
  flex-direction: row-reverse;
18048
18072
  justify-self: flex-end;
@@ -18060,21 +18084,20 @@ kendo-label > .k-label {
18060
18084
  }
18061
18085
 
18062
18086
  .k-progressbar-vertical .k-progress-status {
18063
- writing-mode: vertical-lr;
18087
+ -ms-writing-mode: tb-lr;
18088
+ writing-mode: vertical-lr;
18064
18089
  }
18065
18090
 
18066
- .k-progressbar-vertical > .k-state-selected,
18067
18091
  .k-progressbar-vertical > .k-selected {
18068
18092
  height: 0;
18069
- height: calc( var( --kendo-progressbar-progress, 0 ) * 1%);
18093
+ height: calc(var( --kendo-progressbar-progress, 0 )*1%);
18070
18094
  flex-direction: column-reverse;
18071
18095
  align-self: flex-end;
18072
18096
  align-items: flex-end;
18073
18097
  }
18074
18098
 
18075
- .k-progressbar-vertical > .k-state-selected > .k-progress-status-wrap,
18076
18099
  .k-progressbar-vertical > .k-selected > .k-progress-status-wrap {
18077
- height: calc( 100% * ( 100 / var( --kendo-progressbar-progress, 1 ) ));
18100
+ height: calc(100%*(100/var( --kendo-progressbar-progress, 1 )));
18078
18101
  }
18079
18102
 
18080
18103
  .k-progressbar-vertical > ul {
@@ -18091,22 +18114,18 @@ kendo-label > .k-label {
18091
18114
  flex-direction: column;
18092
18115
  }
18093
18116
 
18094
- .k-progressbar-vertical.k-progressbar-reverse > .k-state-selected,
18095
18117
  .k-progressbar-vertical.k-progressbar-reverse > .k-selected {
18096
18118
  flex-direction: column;
18097
18119
  align-self: flex-start;
18098
18120
  }
18099
18121
 
18100
18122
  .k-progressbar-indeterminate .k-progress-status-wrap,
18101
- .k-progressbar-indeterminate .k-state-selected,
18102
18123
  .k-progressbar-indeterminate .k-selected,
18103
18124
  .k-progressbar-indeterminate .k-item {
18104
18125
  display: none;
18105
18126
  }
18106
18127
 
18107
- .telerik-blazor.k-progressbar-horizontal > .k-state-selected,
18108
18128
  .telerik-blazor.k-progressbar-horizontal > .k-selected,
18109
- .telerik-blazor.k-progressbar-horizontal > .k-state-selected > .k-progress-status-wrap,
18110
18129
  .telerik-blazor.k-progressbar-horizontal > .k-selected > .k-progress-status-wrap {
18111
18130
  transition: width .1s ease-in-out;
18112
18131
  }
@@ -18121,7 +18140,6 @@ kendo-label > .k-label {
18121
18140
  }
18122
18141
 
18123
18142
  .k-progressbar > .k-progress-status-wrap,
18124
- .k-progressbar > .k-state-selected,
18125
18143
  .k-progressbar > .k-selected {
18126
18144
  -ms-grid-column: 1;
18127
18145
  -ms-grid-row: 1;
@@ -18132,7 +18150,6 @@ kendo-label > .k-label {
18132
18150
  -ms-grid-rows: 5px;
18133
18151
  }
18134
18152
 
18135
- .k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected,
18136
18153
  .k-progressbar-horizontal.k-progressbar-reverse > .k-selected {
18137
18154
  -ms-grid-column-align: end;
18138
18155
  }
@@ -18142,12 +18159,10 @@ kendo-label > .k-label {
18142
18159
  -ms-grid-rows: 1fr;
18143
18160
  }
18144
18161
 
18145
- .k-progressbar-vertical > .k-state-selected,
18146
18162
  .k-progressbar-vertical > .k-selected {
18147
18163
  -ms-grid-row-align: end;
18148
18164
  }
18149
18165
 
18150
- .k-progressbar-vertical.k-progressbar-reverse > .k-state-selected,
18151
18166
  .k-progressbar-vertical.k-progressbar-reverse > .k-selected {
18152
18167
  -ms-grid-row-align: start;
18153
18168
  }
@@ -18268,7 +18283,6 @@ kendo-label > .k-label {
18268
18283
  background-color: #bac0e4;
18269
18284
  }
18270
18285
 
18271
- .k-progressbar .k-state-selected,
18272
18286
  .k-progressbar .k-selected {
18273
18287
  color: white;
18274
18288
  background-color: #3f51b5;
@@ -18505,13 +18519,11 @@ kendo-label > .k-label {
18505
18519
  }
18506
18520
 
18507
18521
  .k-ripple-container .k-radio:focus,
18508
- .k-ripple-container .k-radio.k-state-focus,
18509
18522
  .k-ripple-container .k-radio.k-focus {
18510
18523
  box-shadow: none !important;
18511
18524
  }
18512
18525
 
18513
18526
  .k-ripple-container .k-radio:focus::after,
18514
- .k-ripple-container .k-radio.k-state-focus::after,
18515
18527
  .k-ripple-container .k-radio.k-focus::after {
18516
18528
  transform: translate(-50%, -50%) scale(1);
18517
18529
  }
@@ -18578,14 +18590,12 @@ kendo-label > .k-label {
18578
18590
  }
18579
18591
 
18580
18592
  .k-radio.k-invalid,
18581
- .k-radio.k-state-invalid,
18582
18593
  .k-radio.ng-invalid.ng-touched,
18583
18594
  .k-radio.ng-invalid.ng-dirty {
18584
18595
  border-color: #f31700;
18585
18596
  }
18586
18597
 
18587
18598
  .k-radio.k-invalid + .k-radio-label,
18588
- .k-radio.k-state-invalid + .k-radio-label,
18589
18599
  .k-radio.ng-invalid.ng-touched + .k-radio-label,
18590
18600
  .k-radio.ng-invalid.ng-dirty + .k-radio-label {
18591
18601
  color: #f31700;
@@ -18661,9 +18671,7 @@ kendo-label > .k-label {
18661
18671
  position: relative;
18662
18672
  }
18663
18673
 
18664
- .k-slider.k-state-disabled .k-tick,
18665
- .k-slider.k-state-disabled .k-slider-track,
18666
- .k-slider.k-state-disabled .k-draghandle, .k-slider.k-disabled .k-tick,
18674
+ .k-slider.k-disabled .k-tick,
18667
18675
  .k-slider.k-disabled .k-slider-track,
18668
18676
  .k-slider.k-disabled .k-draghandle {
18669
18677
  cursor: default;
@@ -18688,7 +18696,7 @@ kendo-label > .k-label {
18688
18696
  .k-slider {
18689
18697
  width: min-content;
18690
18698
  height: min-content;
18691
- gap: calc( 14px / 2);
18699
+ gap: 7px;
18692
18700
  }
18693
18701
 
18694
18702
  .k-slider .k-button {
@@ -18711,7 +18719,9 @@ kendo-label > .k-label {
18711
18719
  display: flex;
18712
18720
  flex-flow: inherit;
18713
18721
  justify-content: space-between;
18714
- user-select: none;
18722
+ -webkit-user-select: none;
18723
+ -ms-user-select: none;
18724
+ user-select: none;
18715
18725
  }
18716
18726
 
18717
18727
  .k-slider .k-slider-track-wrap .k-tick {
@@ -18751,31 +18761,31 @@ kendo-label > .k-label {
18751
18761
  }
18752
18762
 
18753
18763
  .k-slider-horizontal .k-slider-track-wrap .k-slider-selection {
18754
- width: calc( (var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0)) * 1%);
18755
- left: calc( var(--kendo-slider-start, 0) * 1%);
18764
+ width: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%);
18765
+ left: calc(var(--kendo-slider-start, 0)*1%);
18756
18766
  }
18757
18767
 
18758
18768
  .k-slider-horizontal .k-slider-track-wrap .k-draghandle-start {
18759
- left: calc( var(--kendo-slider-start, 0) * 1%);
18769
+ left: calc(var(--kendo-slider-start, 0)*1%);
18760
18770
  }
18761
18771
 
18762
18772
  .k-slider-horizontal .k-slider-track-wrap .k-draghandle-end {
18763
- left: calc( var(--kendo-slider-end, 0) * 1%);
18773
+ left: calc(var(--kendo-slider-end, 0)*1%);
18764
18774
  }
18765
18775
 
18766
18776
  [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-slider-selection {
18767
18777
  left: unset;
18768
- right: calc( var(--kendo-slider-start, 0) * 1%);
18778
+ right: calc(var(--kendo-slider-start, 0)*1%);
18769
18779
  }
18770
18780
 
18771
18781
  [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle-start {
18772
18782
  left: unset;
18773
- right: calc( var(--kendo-slider-start, 0) * 1%);
18783
+ right: calc(var(--kendo-slider-start, 0)*1%);
18774
18784
  }
18775
18785
 
18776
18786
  [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle-end {
18777
18787
  left: unset;
18778
- right: calc( var(--kendo-slider-end, 0) * 1%);
18788
+ right: calc(var(--kendo-slider-end, 0)*1%);
18779
18789
  }
18780
18790
 
18781
18791
  [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle {
@@ -18806,16 +18816,16 @@ kendo-label > .k-label {
18806
18816
  }
18807
18817
 
18808
18818
  .k-slider-vertical .k-slider-track-wrap .k-slider-selection {
18809
- bottom: calc( var(--kendo-slider-start, 0) * 1%);
18810
- height: calc( (var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0)) * 1%);
18819
+ bottom: calc(var(--kendo-slider-start, 0)*1%);
18820
+ height: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%);
18811
18821
  }
18812
18822
 
18813
18823
  .k-slider-vertical .k-slider-track-wrap .k-draghandle-start {
18814
- bottom: calc( var(--kendo-slider-start, 0) * 1%);
18824
+ bottom: calc(var(--kendo-slider-start, 0)*1%);
18815
18825
  }
18816
18826
 
18817
18827
  .k-slider-vertical .k-slider-track-wrap .k-draghandle-end {
18818
- bottom: calc( var(--kendo-slider-end, 0) * 1%);
18828
+ bottom: calc(var(--kendo-slider-end, 0)*1%);
18819
18829
  }
18820
18830
 
18821
18831
  .k-slider-vertical {
@@ -19043,12 +19053,12 @@ kendo-label > .k-label {
19043
19053
  left: auto;
19044
19054
  }
19045
19055
 
19046
- .k-rtl .k-slider-horizontal .k-button .k-i-arrow-e,
19047
- .k-rtl .k-slider-horizontal .k-button .k-i-arrow-w, .k-slider-horizontal.k-rtl .k-button .k-i-arrow-e,
19048
- .k-slider-horizontal.k-rtl .k-button .k-i-arrow-w,
19049
- [dir="rtl"] .k-slider-horizontal .k-button .k-i-arrow-e,
19050
- [dir="rtl"] .k-slider-horizontal .k-button .k-i-arrow-w, .k-slider-horizontal[dir="rtl"] .k-button .k-i-arrow-e,
19051
- .k-slider-horizontal[dir="rtl"] .k-button .k-i-arrow-w {
19056
+ .k-rtl .k-slider-horizontal .k-button-increase .k-icon,
19057
+ .k-rtl .k-slider-horizontal .k-button-decrease .k-icon, .k-slider-horizontal.k-rtl .k-button-increase .k-icon,
19058
+ .k-slider-horizontal.k-rtl .k-button-decrease .k-icon,
19059
+ [dir="rtl"] .k-slider-horizontal .k-button-increase .k-icon,
19060
+ [dir="rtl"] .k-slider-horizontal .k-button-decrease .k-icon, .k-slider-horizontal[dir="rtl"] .k-button-increase .k-icon,
19061
+ .k-slider-horizontal[dir="rtl"] .k-button-decrease .k-icon {
19052
19062
  transform: scaleX(-1);
19053
19063
  }
19054
19064
 
@@ -19134,13 +19144,13 @@ kendo-label > .k-label {
19134
19144
  }
19135
19145
 
19136
19146
  .k-slider-horizontal .k-slider-wrap:not(.k-slider-buttons) {
19137
- padding-left: calc( 14px / 2);
19138
- padding-right: calc( 14px / 2);
19147
+ padding-left: 7px;
19148
+ padding-right: 7px;
19139
19149
  }
19140
19150
 
19141
19151
  .k-slider-vertical .k-slider-wrap:not(.k-slider-buttons) {
19142
- padding-top: calc( 14px / 2);
19143
- padding-bottom: calc( 14px / 2);
19152
+ padding-top: 7px;
19153
+ padding-bottom: 7px;
19144
19154
  }
19145
19155
 
19146
19156
  .k-slider .k-tick {
@@ -19204,15 +19214,15 @@ kendo-label > .k-label {
19204
19214
  border-radius: 50%;
19205
19215
  }
19206
19216
 
19207
- .k-slider .k-draghandle:focus, .k-slider .k-draghandle.k-state-focused, .k-slider .k-draghandle.k-focus {
19217
+ .k-slider .k-draghandle:focus, .k-slider .k-draghandle.k-focus {
19208
19218
  box-shadow: 0 0 0 11px rgba(63, 81, 181, 0.25);
19209
19219
  }
19210
19220
 
19211
- .k-slider.k-state-focused .k-draghandle, .k-slider.k-focus .k-draghandle {
19221
+ .k-slider.k-focus .k-draghandle {
19212
19222
  box-shadow: 0 0 0 11px rgba(63, 81, 181, 0.25);
19213
19223
  }
19214
19224
 
19215
- .k-slider.k-state-disabled, .k-slider.k-disabled {
19225
+ .k-slider.k-disabled {
19216
19226
  opacity: 0.65;
19217
19227
  }
19218
19228
 
@@ -19237,19 +19247,17 @@ kendo-label > .k-label {
19237
19247
  box-shadow: 0 0 0 11px rgba(63, 81, 181, 0.25);
19238
19248
  }
19239
19249
 
19240
- .k-slider.k-state-disabled, .k-slider.k-disabled {
19250
+ .k-slider.k-disabled {
19241
19251
  opacity: 1;
19242
19252
  }
19243
19253
 
19244
- .k-slider.k-state-disabled .k-slider-track,
19245
- .k-slider.k-state-disabled .k-slider-selection,
19246
- .k-slider.k-state-disabled .k-draghandle, .k-slider.k-disabled .k-slider-track,
19254
+ .k-slider.k-disabled .k-slider-track,
19247
19255
  .k-slider.k-disabled .k-slider-selection,
19248
19256
  .k-slider.k-disabled .k-draghandle {
19249
19257
  background-color: #bac0e4;
19250
19258
  }
19251
19259
 
19252
- .k-slider.k-state-disabled .k-draghandle, .k-slider.k-disabled .k-draghandle {
19260
+ .k-slider.k-disabled .k-draghandle {
19253
19261
  border: 2px solid inherit;
19254
19262
  }
19255
19263
 
@@ -19267,7 +19275,9 @@ kendo-label > .k-label {
19267
19275
  overflow: hidden;
19268
19276
  display: inline-flex;
19269
19277
  flex-flow: column nowrap;
19270
- user-select: none;
19278
+ -webkit-user-select: none;
19279
+ -ms-user-select: none;
19280
+ user-select: none;
19271
19281
  -webkit-touch-callout: none;
19272
19282
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
19273
19283
  }
@@ -19802,13 +19812,11 @@ kendo-label > .k-label {
19802
19812
  color: #e51a5f;
19803
19813
  }
19804
19814
 
19805
- .k-calendar .k-nav-today:hover, .k-calendar .k-nav-today.k-hover, .k-calendar .k-nav-today.k-state-hover, .k-calendar .k-nav-today:focus, .k-calendar .k-nav-today.k-focus, .k-calendar .k-nav-today.k-state-focus,
19815
+ .k-calendar .k-nav-today:hover, .k-calendar .k-nav-today.k-hover, .k-calendar .k-nav-today:focus, .k-calendar .k-nav-today.k-focus,
19806
19816
  .k-calendar .k-calendar-nav-today:hover,
19807
19817
  .k-calendar .k-calendar-nav-today.k-hover,
19808
- .k-calendar .k-calendar-nav-today.k-state-hover,
19809
19818
  .k-calendar .k-calendar-nav-today:focus,
19810
- .k-calendar .k-calendar-nav-today.k-focus,
19811
- .k-calendar .k-calendar-nav-today.k-state-focus {
19819
+ .k-calendar .k-calendar-nav-today.k-focus {
19812
19820
  color: #c2185b;
19813
19821
  }
19814
19822
 
@@ -19838,17 +19846,13 @@ kendo-label > .k-label {
19838
19846
 
19839
19847
  .k-calendar .k-calendar-td:hover .k-calendar-cell-inner, .k-calendar .k-calendar-td:hover .k-link,
19840
19848
  .k-calendar .k-calendar-td.k-hover .k-calendar-cell-inner,
19841
- .k-calendar .k-calendar-td.k-hover .k-link,
19842
- .k-calendar .k-calendar-td.k-state-hover .k-calendar-cell-inner,
19843
- .k-calendar .k-calendar-td.k-state-hover .k-link {
19849
+ .k-calendar .k-calendar-td.k-hover .k-link {
19844
19850
  border-color: rgba(0, 0, 0, 0.15);
19845
19851
  color: rgba(0, 0, 0, 0.87);
19846
19852
  background-color: rgba(0, 0, 0, 0.04);
19847
19853
  }
19848
19854
 
19849
- .k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected .k-link,
19850
- .k-calendar .k-calendar-td.k-state-selected .k-calendar-cell-inner,
19851
- .k-calendar .k-calendar-td.k-state-selected .k-link {
19855
+ .k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected .k-link {
19852
19856
  border-color: #3f51b5;
19853
19857
  color: white;
19854
19858
  background-color: #3f51b5;
@@ -19856,9 +19860,7 @@ kendo-label > .k-label {
19856
19860
 
19857
19861
  .k-calendar .k-calendar-td.k-selected:hover .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected:hover .k-link,
19858
19862
  .k-calendar .k-calendar-td.k-selected.k-hover .k-calendar-cell-inner,
19859
- .k-calendar .k-calendar-td.k-selected.k-hover .k-link,
19860
- .k-calendar .k-calendar-td.k-state-selected:hover .k-calendar-cell-inner,
19861
- .k-calendar .k-calendar-td.k-state-selected:hover .k-link {
19863
+ .k-calendar .k-calendar-td.k-selected.k-hover .k-link {
19862
19864
  color: white;
19863
19865
  background-color: #3c4eae;
19864
19866
  }
@@ -19870,8 +19872,7 @@ kendo-label > .k-label {
19870
19872
  }
19871
19873
 
19872
19874
  .k-calendar .k-calendar-navigation li:hover,
19873
- .k-calendar .k-calendar-navigation li.k-hover,
19874
- .k-calendar .k-calendar-navigation li.k-state-hover {
19875
+ .k-calendar .k-calendar-navigation li.k-hover {
19875
19876
  color: #c2185b;
19876
19877
  }
19877
19878
 
@@ -19886,7 +19887,7 @@ kendo-label > .k-label {
19886
19887
  box-shadow: inset 1px 0 rgba(0, 0, 0, 0.12);
19887
19888
  }
19888
19889
 
19889
- .k-calendar.k-invalid, .k-calendar.k-invalid:hover, .k-calendar.k-state-invalid, .k-calendar.ng-invalid.ng-touched, .k-calendar.ng-invalid.ng-dirty {
19890
+ .k-calendar.k-invalid, .k-calendar.k-invalid:hover, .k-calendar.ng-invalid.ng-touched, .k-calendar.ng-invalid.ng-dirty {
19890
19891
  border-color: #f31700;
19891
19892
  }
19892
19893
 
@@ -19913,12 +19914,8 @@ kendo-label > .k-label {
19913
19914
  }
19914
19915
 
19915
19916
  .k-calendar .k-range-start.k-active .k-calendar-cell-inner, .k-calendar .k-range-start.k-active .k-link,
19916
- .k-calendar .k-range-start.k-state-active .k-calendar-cell-inner,
19917
- .k-calendar .k-range-start.k-state-active .k-link,
19918
19917
  .k-calendar .k-range-end.k-active .k-calendar-cell-inner,
19919
- .k-calendar .k-range-end.k-active .k-link,
19920
- .k-calendar .k-range-end.k-state-active .k-calendar-cell-inner,
19921
- .k-calendar .k-range-end.k-state-active .k-link {
19918
+ .k-calendar .k-range-end.k-active .k-link {
19922
19919
  box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.2);
19923
19920
  }
19924
19921
 
@@ -19949,14 +19946,12 @@ kendo-label > .k-label {
19949
19946
  background-image: linear-gradient(to right, rgba(63, 81, 181, 0.25), transparent 100%);
19950
19947
  }
19951
19948
 
19952
- .k-calendar .k-state-focused .k-link,
19953
19949
  .k-calendar .k-focus .k-link {
19954
19950
  border-color: rgba(0, 0, 0, 0.15);
19955
19951
  color: rgba(0, 0, 0, 0.87);
19956
19952
  background-color: rgba(0, 0, 0, 0.04);
19957
19953
  }
19958
19954
 
19959
- .k-calendar .k-state-selected.k-state-focused .k-link,
19960
19955
  .k-calendar .k-selected.k-focus .k-link {
19961
19956
  border-color: #3f51b5;
19962
19957
  color: white;
@@ -19975,7 +19970,9 @@ kendo-label > .k-label {
19975
19970
  overflow: hidden;
19976
19971
  display: flex;
19977
19972
  flex-flow: column nowrap;
19978
- user-select: none;
19973
+ -webkit-user-select: none;
19974
+ -ms-user-select: none;
19975
+ user-select: none;
19979
19976
  -webkit-touch-callout: none;
19980
19977
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
19981
19978
  }
@@ -20019,12 +20016,12 @@ kendo-label > .k-label {
20019
20016
  .k-time-highlight,
20020
20017
  .k-time-list-highlight {
20021
20018
  width: 100%;
20022
- height: calc( 20px + 16px);
20019
+ height: 36px;
20023
20020
  border-width: 1px 0px;
20024
20021
  border-style: solid;
20025
20022
  box-sizing: border-box;
20026
20023
  position: absolute;
20027
- top: calc( 50% + 9px);
20024
+ top: calc(50% + 9px);
20028
20025
  left: 0;
20029
20026
  right: 0;
20030
20027
  transform: translateY(-50%);
@@ -20053,24 +20050,24 @@ kendo-label > .k-label {
20053
20050
  display: block;
20054
20051
  }
20055
20052
 
20056
- .k-time-list-wrapper.k-state-focused::before, .k-time-list-wrapper.k-state-focused::after, .k-time-list-wrapper.k-focus::before, .k-time-list-wrapper.k-focus::after {
20053
+ .k-time-list-wrapper.k-focus::before, .k-time-list-wrapper.k-focus::after {
20057
20054
  display: block;
20058
20055
  content: "\200b";
20059
20056
  position: absolute;
20060
20057
  width: 100%;
20061
20058
  left: 0;
20062
20059
  pointer-events: none;
20063
- height: calc( 50% - calc( 20px + 16px)/2);
20060
+ height: calc(50% - 18px);
20064
20061
  box-sizing: border-box;
20065
20062
  border-width: 0;
20066
20063
  border-style: solid;
20067
20064
  }
20068
20065
 
20069
- .k-time-list-wrapper.k-state-focused::before, .k-time-list-wrapper.k-focus::before {
20066
+ .k-time-list-wrapper.k-focus::before {
20070
20067
  top: 18px;
20071
20068
  }
20072
20069
 
20073
- .k-time-list-wrapper.k-state-focused::after, .k-time-list-wrapper.k-focus::after {
20070
+ .k-time-list-wrapper.k-focus::after {
20074
20071
  bottom: 0;
20075
20072
  }
20076
20073
 
@@ -20150,14 +20147,14 @@ kendo-label > .k-label {
20150
20147
 
20151
20148
  .k-time-separator {
20152
20149
  width: 0;
20153
- height: calc( 20px + 16px);
20150
+ height: 36px;
20154
20151
  align-self: center;
20155
20152
  display: inline-flex;
20156
20153
  justify-content: center;
20157
20154
  align-items: center;
20158
20155
  position: relative;
20159
20156
  z-index: 11;
20160
- top: calc( 9px);
20157
+ top: 9px;
20161
20158
  }
20162
20159
 
20163
20160
  .k-timeselector-sm {
@@ -20167,11 +20164,11 @@ kendo-label > .k-label {
20167
20164
 
20168
20165
  .k-timeselector-sm .k-time-highlight,
20169
20166
  .k-timeselector-sm .k-time-list-highlight {
20170
- height: calc( 20px + 12px);
20167
+ height: 32px;
20171
20168
  }
20172
20169
 
20173
20170
  .k-timeselector-sm .k-time-separator {
20174
- height: calc( 20px + 12px);
20171
+ height: 32px;
20175
20172
  }
20176
20173
 
20177
20174
  .k-timeselector-sm .k-time-list-item,
@@ -20186,11 +20183,11 @@ kendo-label > .k-label {
20186
20183
 
20187
20184
  .k-timeselector-md .k-time-highlight,
20188
20185
  .k-timeselector-md .k-time-list-highlight {
20189
- height: calc( 20px + 16px);
20186
+ height: 36px;
20190
20187
  }
20191
20188
 
20192
20189
  .k-timeselector-md .k-time-separator {
20193
- height: calc( 20px + 16px);
20190
+ height: 36px;
20194
20191
  }
20195
20192
 
20196
20193
  .k-timeselector-md .k-time-list-item,
@@ -20205,11 +20202,11 @@ kendo-label > .k-label {
20205
20202
 
20206
20203
  .k-timeselector-lg .k-time-highlight,
20207
20204
  .k-timeselector-lg .k-time-list-highlight {
20208
- height: calc( 24px + 16px);
20205
+ height: 40px;
20209
20206
  }
20210
20207
 
20211
20208
  .k-timeselector-lg .k-time-separator {
20212
- height: calc( 24px + 16px);
20209
+ height: 40px;
20213
20210
  }
20214
20211
 
20215
20212
  .k-timeselector-lg .k-time-list-item,
@@ -20237,7 +20234,7 @@ kendo-label > .k-label {
20237
20234
  color: rgba(0, 0, 0, 0.54);
20238
20235
  }
20239
20236
 
20240
- .k-time-list-wrapper.k-state-focused .k-title, .k-time-list-wrapper.k-focus .k-title {
20237
+ .k-time-list-wrapper.k-focus .k-title {
20241
20238
  color: rgba(0, 0, 0, 0.87);
20242
20239
  }
20243
20240
 
@@ -20358,25 +20355,25 @@ kendo-label > .k-label {
20358
20355
  -ms-high-contrast-adjust: none;
20359
20356
  }
20360
20357
 
20361
- .k-colorpalette-tile:hover, .k-colorpalette-tile.k-state-hover, .k-colorpalette-tile.k-hover {
20358
+ .k-colorpalette-tile:hover, .k-colorpalette-tile.k-hover {
20362
20359
  position: relative;
20363
20360
  z-index: 101;
20364
20361
  }
20365
20362
 
20366
- .k-colorpalette-tile:focus, .k-colorpalette-tile.k-state-focus, .k-colorpalette-tile.k-focus, .k-colorpalette-tile.k-state-selected, .k-colorpalette-tile.k-selected, .k-colorpalette-tile.k-state-selected:hover, .k-colorpalette-tile.k-selected:hover {
20363
+ .k-colorpalette-tile:focus, .k-colorpalette-tile.k-focus, .k-colorpalette-tile.k-selected, .k-colorpalette-tile.k-selected:hover {
20367
20364
  position: relative;
20368
20365
  z-index: 100;
20369
20366
  }
20370
20367
 
20371
- .k-colorpalette-tile:focus, .k-colorpalette-tile.k-state-focus, .k-colorpalette-tile.k-focus {
20368
+ .k-colorpalette-tile:focus, .k-colorpalette-tile.k-focus {
20372
20369
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
20373
20370
  }
20374
20371
 
20375
- .k-colorpalette-tile:hover, .k-colorpalette-tile.k-state-hover, .k-colorpalette-tile.k-hover {
20372
+ .k-colorpalette-tile:hover, .k-colorpalette-tile.k-hover {
20376
20373
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.8);
20377
20374
  }
20378
20375
 
20379
- .k-colorpalette-tile.k-state-selected, .k-colorpalette-tile.k-selected, .k-colorpalette-tile.k-state-selected:hover, .k-colorpalette-tile.k-selected, .k-colorpalette-tile.k-selected:hover {
20376
+ .k-colorpalette-tile.k-selected, .k-colorpalette-tile.k-selected:hover {
20380
20377
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px white;
20381
20378
  }
20382
20379
 
@@ -20413,7 +20410,9 @@ kendo-label > .k-label {
20413
20410
  border-radius: 4px;
20414
20411
  position: relative;
20415
20412
  flex: 1 1 auto;
20416
- user-select: none;
20413
+ -webkit-user-select: none;
20414
+ -ms-user-select: none;
20415
+ user-select: none;
20417
20416
  -ms-touch-action: pinch-zoom double-tap-zoom;
20418
20417
  }
20419
20418
 
@@ -20541,7 +20540,7 @@ kendo-label > .k-label {
20541
20540
  vertical-align: middle;
20542
20541
  }
20543
20542
 
20544
- .k-colorgradient-color-contrast .k-contrast-validation .k-i-check + .k-i-check {
20543
+ .k-colorgradient-color-contrast .k-contrast-validation .k-icon + .k-icon {
20545
20544
  margin-left: -13px;
20546
20545
  }
20547
20546
 
@@ -20566,7 +20565,6 @@ kendo-label > .k-label {
20566
20565
  }
20567
20566
 
20568
20567
  .k-colorgradient:focus,
20569
- .k-colorgradient.k-state-focus,
20570
20568
  .k-colorgradient.k-focus {
20571
20569
  border-color: rgba(0, 0, 0, 0.15);
20572
20570
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
@@ -20582,13 +20580,13 @@ kendo-label > .k-label {
20582
20580
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
20583
20581
  }
20584
20582
 
20585
- .k-colorgradient .k-draghandle:focus, .k-colorgradient .k-draghandle.k-state-focus, .k-colorgradient .k-draghandle.k-focus {
20583
+ .k-colorgradient .k-draghandle:focus, .k-colorgradient .k-draghandle.k-focus {
20586
20584
  border-color: white;
20587
20585
  background-color: transparent;
20588
20586
  box-shadow: 0 1px 4px black;
20589
20587
  }
20590
20588
 
20591
- .k-colorgradient .k-draghandle:active, .k-colorgradient .k-draghandle:hover, .k-colorgradient .k-draghandle.k-state-hover, .k-colorgradient .k-draghandle.k-hover {
20589
+ .k-colorgradient .k-draghandle:hover, .k-colorgradient .k-draghandle.k-hover, .k-colorgradient .k-draghandle.k-active, .k-colorgradient .k-draghandle:active {
20592
20590
  border-color: white;
20593
20591
  background-color: transparent;
20594
20592
  box-shadow: 0 1px 4px black;
@@ -20660,7 +20658,7 @@ kendo-label > .k-label {
20660
20658
  }
20661
20659
 
20662
20660
  .k-coloreditor-views {
20663
- min-width: calc( var(--kendo-color-preview-width, 24px) * var(--kendo-color-preview-columns, 10));
20661
+ min-width: calc(var(--kendo-color-preview-width, 24px)*var(--kendo-color-preview-columns, 10));
20664
20662
  padding: 12px 12px;
20665
20663
  gap: 12px;
20666
20664
  }
@@ -20693,7 +20691,6 @@ kendo-label > .k-label {
20693
20691
  }
20694
20692
 
20695
20693
  .k-coloreditor:focus,
20696
- .k-coloreditor.k-state-focus,
20697
20694
  .k-coloreditor.k-focus {
20698
20695
  border-color: rgba(0, 0, 0, 0.15);
20699
20696
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
@@ -20709,7 +20706,7 @@ kendo-label > .k-label {
20709
20706
  }
20710
20707
 
20711
20708
  .k-datetime-wrap {
20712
- width: calc( 288px + 32px);
20709
+ width: 320px;
20713
20710
  overflow: hidden;
20714
20711
  }
20715
20712
 
@@ -20726,7 +20723,7 @@ kendo-label > .k-label {
20726
20723
  .k-datetime-calendar-wrap,
20727
20724
  .k-datetime-time-wrap {
20728
20725
  text-align: center;
20729
- flex: 0 0 calc( 288px + 32px);
20726
+ flex: 0 0 320px;
20730
20727
  }
20731
20728
 
20732
20729
  .k-date-tab .k-datetime-selector {
@@ -21039,7 +21036,7 @@ kendo-label > .k-label {
21039
21036
  box-sizing: border-box;
21040
21037
  }
21041
21038
 
21042
- .k-rating.k-state-readonly {
21039
+ .k-rating.k-readonly {
21043
21040
  pointer-events: none;
21044
21041
  }
21045
21042
 
@@ -21109,14 +21106,11 @@ kendo-label > .k-label {
21109
21106
  color: rgba(0, 0, 0, 0.87);
21110
21107
  }
21111
21108
 
21112
- .k-rating:focus .k-rating-item > .k-icon, .k-rating.k-state-focused .k-rating-item > .k-icon, .k-rating.k-focus .k-rating-item > .k-icon {
21109
+ .k-rating:focus .k-rating-item > .k-icon, .k-rating.k-focus .k-rating-item > .k-icon {
21113
21110
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
21114
21111
  }
21115
21112
 
21116
- .k-rating:focus .k-rating-item.k-state-selected > .k-icon,
21117
- .k-rating:focus .k-rating-item.k-selected > .k-icon, .k-rating.k-state-focused .k-rating-item.k-state-selected > .k-icon,
21118
- .k-rating.k-state-focused .k-rating-item.k-selected > .k-icon, .k-rating.k-focus .k-rating-item.k-state-selected > .k-icon,
21119
- .k-rating.k-focus .k-rating-item.k-selected > .k-icon {
21113
+ .k-rating:focus .k-rating-item.k-selected > .k-icon, .k-rating.k-focus .k-rating-item.k-selected > .k-icon {
21120
21114
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
21121
21115
  }
21122
21116
 
@@ -21124,15 +21118,15 @@ kendo-label > .k-label {
21124
21118
  color: rgba(0, 0, 0, 0.54);
21125
21119
  }
21126
21120
 
21127
- .k-rating-item.k-state-selected, .k-rating-item.k-selected {
21121
+ .k-rating-item.k-selected {
21128
21122
  color: #303f9f;
21129
21123
  }
21130
21124
 
21131
- .k-rating-item.k-state-selected:focus, .k-rating-item.k-state-selected.k-state-focused, .k-rating-item.k-state-selected.k-focus, .k-rating-item.k-selected:focus, .k-rating-item.k-selected.k-state-focused, .k-rating-item.k-selected.k-focus {
21125
+ .k-rating-item.k-selected:focus, .k-rating-item.k-selected.k-focus {
21132
21126
  color: #303f9f;
21133
21127
  }
21134
21128
 
21135
- .k-rating-item:hover, .k-rating-item.k-state-hover, .k-rating-item.k-hover {
21129
+ .k-rating-item:hover, .k-rating-item.k-hover {
21136
21130
  color: #303f9f;
21137
21131
  cursor: pointer;
21138
21132
  }
@@ -21146,7 +21140,9 @@ kendo-label > .k-label {
21146
21140
  line-height: 1;
21147
21141
  position: relative;
21148
21142
  cursor: pointer;
21149
- user-select: none;
21143
+ -webkit-user-select: none;
21144
+ -ms-user-select: none;
21145
+ user-select: none;
21150
21146
  -webkit-touch-callout: none;
21151
21147
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
21152
21148
  }
@@ -21226,11 +21222,11 @@ kendo-label > .k-label {
21226
21222
  }
21227
21223
 
21228
21224
  .k-switch-sm.k-switch-on .k-switch-thumb-wrap {
21229
- left: calc( 100% - 8px - -2px);
21225
+ left: calc(100% - 6px);
21230
21226
  }
21231
21227
 
21232
21228
  .k-switch-sm.k-switch-off .k-switch-thumb-wrap {
21233
- left: calc( 8px + -2px);
21229
+ left: 6px;
21234
21230
  }
21235
21231
 
21236
21232
  .k-switch-sm[dir="rtl"] .k-switch-label-on,
@@ -21250,13 +21246,13 @@ kendo-label > .k-label {
21250
21246
  .k-switch-sm[dir="rtl"].k-switch-on .k-switch-thumb-wrap,
21251
21247
  [dir="rtl"] .k-switch-sm.k-switch-on .k-switch-thumb-wrap,
21252
21248
  .k-rtl .k-switch-sm.k-switch-on .k-switch-thumb-wrap {
21253
- left: calc( 8px + -2px);
21249
+ left: 6px;
21254
21250
  }
21255
21251
 
21256
21252
  .k-switch-sm[dir="rtl"].k-switch-off .k-switch-thumb-wrap,
21257
21253
  [dir="rtl"] .k-switch-sm.k-switch-off .k-switch-thumb-wrap,
21258
21254
  .k-rtl .k-switch-sm.k-switch-off .k-switch-thumb-wrap {
21259
- left: calc( 100% - 8px - -2px);
21255
+ left: calc(100% - 6px);
21260
21256
  }
21261
21257
 
21262
21258
  .k-switch-md {
@@ -21283,11 +21279,11 @@ kendo-label > .k-label {
21283
21279
  }
21284
21280
 
21285
21281
  .k-switch-md.k-switch-on .k-switch-thumb-wrap {
21286
- left: calc( 100% - 10px - -3px);
21282
+ left: calc(100% - 7px);
21287
21283
  }
21288
21284
 
21289
21285
  .k-switch-md.k-switch-off .k-switch-thumb-wrap {
21290
- left: calc( 10px + -3px);
21286
+ left: 7px;
21291
21287
  }
21292
21288
 
21293
21289
  .k-switch-md[dir="rtl"] .k-switch-label-on,
@@ -21307,13 +21303,13 @@ kendo-label > .k-label {
21307
21303
  .k-switch-md[dir="rtl"].k-switch-on .k-switch-thumb-wrap,
21308
21304
  [dir="rtl"] .k-switch-md.k-switch-on .k-switch-thumb-wrap,
21309
21305
  .k-rtl .k-switch-md.k-switch-on .k-switch-thumb-wrap {
21310
- left: calc( 10px + -3px);
21306
+ left: 7px;
21311
21307
  }
21312
21308
 
21313
21309
  .k-switch-md[dir="rtl"].k-switch-off .k-switch-thumb-wrap,
21314
21310
  [dir="rtl"] .k-switch-md.k-switch-off .k-switch-thumb-wrap,
21315
21311
  .k-rtl .k-switch-md.k-switch-off .k-switch-thumb-wrap {
21316
- left: calc( 100% - 10px - -3px);
21312
+ left: calc(100% - 7px);
21317
21313
  }
21318
21314
 
21319
21315
  .k-switch-lg {
@@ -21340,11 +21336,11 @@ kendo-label > .k-label {
21340
21336
  }
21341
21337
 
21342
21338
  .k-switch-lg.k-switch-on .k-switch-thumb-wrap {
21343
- left: calc( 100% - 12px - -4px);
21339
+ left: calc(100% - 8px);
21344
21340
  }
21345
21341
 
21346
21342
  .k-switch-lg.k-switch-off .k-switch-thumb-wrap {
21347
- left: calc( 12px + -4px);
21343
+ left: 8px;
21348
21344
  }
21349
21345
 
21350
21346
  .k-switch-lg[dir="rtl"] .k-switch-label-on,
@@ -21364,13 +21360,13 @@ kendo-label > .k-label {
21364
21360
  .k-switch-lg[dir="rtl"].k-switch-on .k-switch-thumb-wrap,
21365
21361
  [dir="rtl"] .k-switch-lg.k-switch-on .k-switch-thumb-wrap,
21366
21362
  .k-rtl .k-switch-lg.k-switch-on .k-switch-thumb-wrap {
21367
- left: calc( 12px + -4px);
21363
+ left: 8px;
21368
21364
  }
21369
21365
 
21370
21366
  .k-switch-lg[dir="rtl"].k-switch-off .k-switch-thumb-wrap,
21371
21367
  [dir="rtl"] .k-switch-lg.k-switch-off .k-switch-thumb-wrap,
21372
21368
  .k-rtl .k-switch-lg.k-switch-off .k-switch-thumb-wrap {
21373
- left: calc( 100% - 12px - -4px);
21369
+ left: calc(100% - 8px);
21374
21370
  }
21375
21371
 
21376
21372
  .k-switch[dir="rtl"] .k-switch-thumb,
@@ -21593,7 +21589,7 @@ kendo-label > .k-label {
21593
21589
  }
21594
21590
 
21595
21591
  .k-upload .k-upload-files .k-file {
21596
- padding: 16px 16px calc(16px + 2px);
21592
+ padding: 16px 16px 18px;
21597
21593
  border-width: 0 0 1px;
21598
21594
  border-style: solid;
21599
21595
  outline: none;
@@ -21703,7 +21699,7 @@ kendo-label > .k-label {
21703
21699
 
21704
21700
  .k-upload .k-upload-files .k-file-invalid-extension-wrapper + .k-file-name-size-wrapper,
21705
21701
  .k-upload .k-upload-files .k-file-single > .k-file-extension-wrapper + .k-file-name-size-wrapper {
21706
- margin-left: calc( 24px + 1em);
21702
+ margin-left: calc(24px + 1em);
21707
21703
  min-height: 38px;
21708
21704
  display: block;
21709
21705
  overflow: hidden;
@@ -21711,7 +21707,7 @@ kendo-label > .k-label {
21711
21707
 
21712
21708
  .k-upload .k-upload-files .k-multiple-files-invalid-extension-wrapper + .k-file-name-size-wrapper,
21713
21709
  .k-upload .k-upload-files .k-multiple-files-extension-wrapper + .k-file-name-size-wrapper {
21714
- margin-left: calc( 24px + 1em);
21710
+ margin-left: calc(24px + 1em);
21715
21711
  }
21716
21712
 
21717
21713
  .k-upload .k-upload-files .k-file-extension-wrapper + .k-file-name-size-wrapper {
@@ -21829,7 +21825,7 @@ kendo-label > .k-label {
21829
21825
  height: 2px;
21830
21826
  position: absolute;
21831
21827
  bottom: 8px;
21832
- width: calc(100% - 16px * 2);
21828
+ width: calc(100% - 32px);
21833
21829
  }
21834
21830
 
21835
21831
  .k-upload .k-progressbar .k-progress {
@@ -21903,7 +21899,6 @@ kendo-label > .k-label {
21903
21899
  }
21904
21900
 
21905
21901
  .k-upload-button input[disabled],
21906
- .k-upload-button input.k-state-disabled,
21907
21902
  .k-upload-button input.k-disabled {
21908
21903
  visibility: hidden;
21909
21904
  }
@@ -21933,11 +21928,10 @@ kendo-label > .k-label {
21933
21928
  border-color: rgba(0, 0, 0, 0.12);
21934
21929
  }
21935
21930
 
21936
- .k-upload .k-file.k-state-focused, .k-upload .k-file.k-focus {
21931
+ .k-upload .k-file.k-focus {
21937
21932
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
21938
21933
  }
21939
21934
 
21940
- .k-upload .k-file .k-upload-action.k-state-focused,
21941
21935
  .k-upload .k-file .k-upload-action.k-focus {
21942
21936
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
21943
21937
  }
@@ -22014,7 +22008,7 @@ kendo-label > .k-label {
22014
22008
  color: rgba(0, 0, 0, 0.87);
22015
22009
  }
22016
22010
 
22017
- .k-upload.k-state-invalid, .k-upload.k-invalid, .k-upload.ng-invalid.ng-touched, .k-upload.ng-invalid.ng-dirty {
22011
+ .k-upload.k-invalid, .k-upload.ng-invalid.ng-touched, .k-upload.ng-invalid.ng-dirty {
22018
22012
  border-color: #f31700;
22019
22013
  }
22020
22014
 
@@ -22934,11 +22928,11 @@ kendo-label > .k-label {
22934
22928
  color: rgba(0, 0, 0, 0.54);
22935
22929
  }
22936
22930
 
22937
- .k-actionsheet-action:hover, .k-actionsheet-action.k-state-hover, .k-actionsheet-action.k-hover {
22931
+ .k-actionsheet-action:hover, .k-actionsheet-action.k-hover {
22938
22932
  background-color: rgba(0, 0, 0, 0.04);
22939
22933
  }
22940
22934
 
22941
- .k-actionsheet-action:focus, .k-actionsheet-action.k-state-focus, .k-actionsheet-action.k-focus {
22935
+ .k-actionsheet-action:focus, .k-actionsheet-action.k-focus {
22942
22936
  background-color: rgba(0, 0, 0, 0.12);
22943
22937
  }
22944
22938
 
@@ -23014,7 +23008,7 @@ kendo-label > .k-label {
23014
23008
 
23015
23009
  .k-window-actions {
23016
23010
  margin: -5em 0;
23017
- margin-inline-end: calc( 16px - 24px);
23011
+ margin-inline-end: -8px;
23018
23012
  line-height: 1;
23019
23013
  display: flex;
23020
23014
  flex-flow: row nowrap;
@@ -23106,7 +23100,7 @@ kendo-label > .k-label {
23106
23100
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
23107
23101
  }
23108
23102
 
23109
- .k-window:focus, .k-window.k-state-focused, .k-window.k-focus {
23103
+ .k-window:focus, .k-window.k-focus {
23110
23104
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
23111
23105
  }
23112
23106
 
@@ -23373,7 +23367,7 @@ kendo-drawer .k-drawer-wrapper {
23373
23367
  }
23374
23368
 
23375
23369
  .k-drawer-mini .k-drawer-wrapper {
23376
- width: calc(2 * 16px + 16px);
23370
+ width: 48px;
23377
23371
  }
23378
23372
 
23379
23373
  .k-rtl.k-drawer-mini .k-drawer-start,
@@ -23464,26 +23458,26 @@ kendo-drawer .k-drawer-wrapper {
23464
23458
  background: #9c9c9c;
23465
23459
  }
23466
23460
 
23467
- .k-drawer-item:hover, .k-drawer-item.k-state-hover, .k-drawer-item.k-hover {
23461
+ .k-drawer-item:hover, .k-drawer-item.k-hover {
23468
23462
  color: rgba(0, 0, 0, 0.87);
23469
23463
  background-color: rgba(0, 0, 0, 0.04);
23470
23464
  }
23471
23465
 
23472
- .k-drawer-item:focus, .k-drawer-item.k-state-focused, .k-drawer-item.k-focus {
23466
+ .k-drawer-item:focus, .k-drawer-item.k-focus {
23473
23467
  background-color: rgba(0, 0, 0, 0.04);
23474
23468
  box-shadow: none;
23475
23469
  }
23476
23470
 
23477
- .k-drawer-item:focus:hover, .k-drawer-item:focus.k-state-hover, .k-drawer-item:focus.k-hover, .k-drawer-item.k-state-focused:hover, .k-drawer-item.k-state-focused.k-state-hover, .k-drawer-item.k-state-focused.k-hover, .k-drawer-item.k-focus:hover, .k-drawer-item.k-focus.k-state-hover, .k-drawer-item.k-focus.k-hover {
23471
+ .k-drawer-item:focus:hover, .k-drawer-item:focus.k-hover, .k-drawer-item.k-focus:hover, .k-drawer-item.k-focus.k-hover {
23478
23472
  color: rgba(0, 0, 0, 0.87);
23479
23473
  background-color: rgba(0, 0, 0, 0.04);
23480
23474
  }
23481
23475
 
23482
- .k-drawer-item.k-state-selected, .k-drawer-item.k-selected {
23476
+ .k-drawer-item.k-selected {
23483
23477
  color: #e51a5f;
23484
23478
  }
23485
23479
 
23486
- .k-drawer-item.k-state-selected:hover, .k-drawer-item.k-state-selected.k-state-hover, .k-drawer-item.k-state-selected.k-hover, .k-drawer-item.k-selected:hover, .k-drawer-item.k-selected.k-state-hover, .k-drawer-item.k-selected.k-hover {
23480
+ .k-drawer-item.k-selected:hover, .k-drawer-item.k-selected.k-hover {
23487
23481
  color: #e51a5f;
23488
23482
  background-color: rgba(0, 0, 0, 0.04);
23489
23483
  }
@@ -23492,7 +23486,7 @@ kendo-drawer .k-drawer-wrapper {
23492
23486
  background-color: rgba(0, 0, 0, 0.12);
23493
23487
  }
23494
23488
 
23495
- .k-drawer-item.k-state-selected:focus, .k-drawer-item.k-state-selected.k-state-focused, .k-drawer-item.k-state-selected.k-focus, .k-drawer-item.k-selected:focus, .k-drawer-item.k-selected.k-state-focused, .k-drawer-item.k-selected.k-focus {
23489
+ .k-drawer-item.k-selected:focus, .k-drawer-item.k-selected.k-focus {
23496
23490
  background-color: rgba(0, 0, 0, 0.04);
23497
23491
  box-shadow: none;
23498
23492
  }
@@ -23548,7 +23542,8 @@ kendo-drawer .k-drawer-wrapper {
23548
23542
  flex: none;
23549
23543
  }
23550
23544
 
23551
- .k-notification-wrap > .k-i-close {
23545
+ .k-notification-wrap > .k-i-close,
23546
+ .k-notification-wrap > .k-i-x {
23552
23547
  margin-right: 0;
23553
23548
  margin-left: 8px;
23554
23549
  flex: none;
@@ -23566,7 +23561,9 @@ kendo-drawer .k-drawer-wrapper {
23566
23561
  }
23567
23562
 
23568
23563
  .k-rtl .k-notification .k-notification-wrap > .k-i-close,
23569
- [dir="rtl"] .k-notification .k-notification-wrap > .k-i-close {
23564
+ .k-rtl .k-notification .k-notification-wrap > .k-i-x,
23565
+ [dir="rtl"] .k-notification .k-notification-wrap > .k-i-close,
23566
+ [dir="rtl"] .k-notification .k-notification-wrap > .k-i-x {
23570
23567
  margin-left: 0;
23571
23568
  margin-right: 8px;
23572
23569
  }
@@ -23577,7 +23574,8 @@ kendo-drawer .k-drawer-wrapper {
23577
23574
  background-color: white;
23578
23575
  }
23579
23576
 
23580
- .k-notification-wrap > .k-i-close {
23577
+ .k-notification-wrap > .k-i-close,
23578
+ .k-notification-wrap > .k-i-x {
23581
23579
  color: inherit;
23582
23580
  }
23583
23581
 
@@ -23677,7 +23675,7 @@ kendo-card-footer {
23677
23675
  }
23678
23676
 
23679
23677
  .k-card > .k-card-inner {
23680
- border-radius: calc( 4px - 0px);
23678
+ border-radius: 4px;
23681
23679
  display: flex;
23682
23680
  flex-direction: inherit;
23683
23681
  overflow: hidden;
@@ -24001,11 +23999,11 @@ kendo-card-footer {
24001
23999
  border-color: inherit;
24002
24000
  }
24003
24001
 
24004
- .k-card:focus, .k-card.k-focus, .k-card.k-state-focus {
24002
+ .k-card:focus, .k-card.k-focus {
24005
24003
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
24006
24004
  }
24007
24005
 
24008
- .k-card.k-selected, .k-card.k-state-selected {
24006
+ .k-card.k-selected {
24009
24007
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
24010
24008
  }
24011
24009
 
@@ -24130,7 +24128,7 @@ kendo-card-footer {
24130
24128
  color: inherit;
24131
24129
  }
24132
24130
 
24133
- .k-card-wrap.k-state-focused > .k-card, .k-card-wrap.k-focus > .k-card, .k-card-wrap:focus > .k-card, .k-card-wrap.k-state-selected > .k-card, .k-card-wrap.k-selected > .k-card {
24131
+ .k-card-wrap:focus > .k-card, .k-card-wrap.k-focus > .k-card, .k-card-wrap.k-selected > .k-card {
24134
24132
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
24135
24133
  }
24136
24134
 
@@ -24321,7 +24319,7 @@ kendo-card-footer {
24321
24319
  .k-bottom-nav-item {
24322
24320
  padding: 0 8px;
24323
24321
  min-width: 72px;
24324
- min-height: calc( 40px + 16px - 0px);
24322
+ min-height: 56px;
24325
24323
  border-width: 0;
24326
24324
  box-sizing: border-box;
24327
24325
  font: inherit;
@@ -24360,7 +24358,6 @@ kendo-card-footer {
24360
24358
  outline: 0;
24361
24359
  }
24362
24360
 
24363
- .k-bottom-nav-item.k-state-disabled,
24364
24361
  .k-bottom-nav-item.k-disabled {
24365
24362
  background-color: initial;
24366
24363
  }
@@ -24393,15 +24390,11 @@ kendo-card-footer {
24393
24390
  background-color: #3f51b5;
24394
24391
  }
24395
24392
 
24396
- .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-state-focus,
24397
- .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-focus,
24398
- .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-state-focused,
24399
24393
  .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-focus,
24400
24394
  .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item:focus {
24401
24395
  background-color: rgba(188, 194, 229, 0.2);
24402
24396
  }
24403
24397
 
24404
- .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-state-selected,
24405
24398
  .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-selected {
24406
24399
  color: white;
24407
24400
  }
@@ -24411,15 +24404,11 @@ kendo-card-footer {
24411
24404
  background-color: #e51a5f;
24412
24405
  }
24413
24406
 
24414
- .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-state-focus,
24415
- .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-focus,
24416
- .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-state-focused,
24417
24407
  .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-focus,
24418
24408
  .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item:focus {
24419
24409
  background-color: rgba(246, 175, 199, 0.2);
24420
24410
  }
24421
24411
 
24422
- .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-state-selected,
24423
24412
  .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-selected {
24424
24413
  color: white;
24425
24414
  }
@@ -24429,15 +24418,11 @@ kendo-card-footer {
24429
24418
  background-color: #00695c;
24430
24419
  }
24431
24420
 
24432
- .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-state-focus,
24433
- .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-focus,
24434
- .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-state-focused,
24435
24421
  .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-focus,
24436
24422
  .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item:focus {
24437
24423
  background-color: rgba(166, 203, 198, 0.2);
24438
24424
  }
24439
24425
 
24440
- .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-state-selected,
24441
24426
  .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-selected {
24442
24427
  color: white;
24443
24428
  }
@@ -24447,15 +24432,11 @@ kendo-card-footer {
24447
24432
  background-color: #0058e9;
24448
24433
  }
24449
24434
 
24450
- .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-state-focus,
24451
- .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-focus,
24452
- .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-state-focused,
24453
24435
  .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-focus,
24454
24436
  .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item:focus {
24455
24437
  background-color: rgba(166, 197, 247, 0.2);
24456
24438
  }
24457
24439
 
24458
- .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-state-selected,
24459
24440
  .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-selected {
24460
24441
  color: white;
24461
24442
  }
@@ -24465,15 +24446,11 @@ kendo-card-footer {
24465
24446
  background-color: #37b400;
24466
24447
  }
24467
24448
 
24468
- .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-state-focus,
24469
- .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-focus,
24470
- .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-state-focused,
24471
24449
  .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-focus,
24472
24450
  .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item:focus {
24473
24451
  background-color: rgba(185, 229, 166, 0.2);
24474
24452
  }
24475
24453
 
24476
- .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-state-selected,
24477
24454
  .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-selected {
24478
24455
  color: white;
24479
24456
  }
@@ -24483,15 +24460,11 @@ kendo-card-footer {
24483
24460
  background-color: #ffc000;
24484
24461
  }
24485
24462
 
24486
- .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-state-focus,
24487
- .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-focus,
24488
- .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-state-focused,
24489
24463
  .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-focus,
24490
24464
  .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item:focus {
24491
24465
  background-color: rgba(89, 67, 0, 0.2);
24492
24466
  }
24493
24467
 
24494
- .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-state-selected,
24495
24468
  .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-selected {
24496
24469
  color: black;
24497
24470
  }
@@ -24501,15 +24474,11 @@ kendo-card-footer {
24501
24474
  background-color: #f31700;
24502
24475
  }
24503
24476
 
24504
- .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-state-focus,
24505
- .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-focus,
24506
- .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-state-focused,
24507
24477
  .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-focus,
24508
24478
  .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item:focus {
24509
24479
  background-color: rgba(251, 174, 166, 0.2);
24510
24480
  }
24511
24481
 
24512
- .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-state-selected,
24513
24482
  .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-selected {
24514
24483
  color: white;
24515
24484
  }
@@ -24519,15 +24488,11 @@ kendo-card-footer {
24519
24488
  background-color: #424242;
24520
24489
  }
24521
24490
 
24522
- .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-state-focus,
24523
- .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-focus,
24524
- .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-state-focused,
24525
24491
  .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-focus,
24526
24492
  .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item:focus {
24527
24493
  background-color: rgba(189, 189, 189, 0.2);
24528
24494
  }
24529
24495
 
24530
- .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-state-selected,
24531
24496
  .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-selected {
24532
24497
  color: white;
24533
24498
  }
@@ -24537,15 +24502,11 @@ kendo-card-footer {
24537
24502
  background-color: #f5f5f5;
24538
24503
  }
24539
24504
 
24540
- .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-state-focus,
24541
- .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-focus,
24542
- .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-state-focused,
24543
24505
  .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-focus,
24544
24506
  .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item:focus {
24545
24507
  background-color: rgba(86, 86, 86, 0.2);
24546
24508
  }
24547
24509
 
24548
- .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-state-selected,
24549
24510
  .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-selected {
24550
24511
  color: black;
24551
24512
  }
@@ -24555,15 +24516,11 @@ kendo-card-footer {
24555
24516
  background-color: #424242;
24556
24517
  }
24557
24518
 
24558
- .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-state-focus,
24559
- .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-focus,
24560
- .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-state-focused,
24561
24519
  .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-focus,
24562
24520
  .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item:focus {
24563
24521
  background-color: rgba(189, 189, 189, 0.2);
24564
24522
  }
24565
24523
 
24566
- .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-state-selected,
24567
24524
  .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-selected {
24568
24525
  color: white;
24569
24526
  }
@@ -24574,60 +24531,47 @@ kendo-card-footer {
24574
24531
  background-color: white;
24575
24532
  }
24576
24533
 
24577
- .k-bottom-nav-flat .k-bottom-nav-item.k-state-focus,
24578
- .k-bottom-nav-flat .k-bottom-nav-item.k-focus,
24579
- .k-bottom-nav-flat .k-bottom-nav-item.k-state-focused,
24580
24534
  .k-bottom-nav-flat .k-bottom-nav-item.k-focus,
24581
24535
  .k-bottom-nav-flat .k-bottom-nav-item:focus {
24582
24536
  background-color: rgba(0, 0, 0, 0.05);
24583
24537
  }
24584
24538
 
24585
- .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item.k-state-selected,
24586
24539
  .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item.k-selected {
24587
24540
  color: #3f51b5;
24588
24541
  }
24589
24542
 
24590
- .k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item.k-state-selected,
24591
24543
  .k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item.k-selected {
24592
24544
  color: #ae1448;
24593
24545
  }
24594
24546
 
24595
- .k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item.k-state-selected,
24596
24547
  .k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item.k-selected {
24597
24548
  color: #00695c;
24598
24549
  }
24599
24550
 
24600
- .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item.k-state-selected,
24601
24551
  .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item.k-selected {
24602
24552
  color: #0058e9;
24603
24553
  }
24604
24554
 
24605
- .k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item.k-state-selected,
24606
24555
  .k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item.k-selected {
24607
24556
  color: #37b400;
24608
24557
  }
24609
24558
 
24610
- .k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item.k-state-selected,
24611
24559
  .k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item.k-selected {
24612
24560
  color: #ffc000;
24613
24561
  }
24614
24562
 
24615
- .k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item.k-state-selected,
24616
24563
  .k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item.k-selected {
24617
24564
  color: #f31700;
24618
24565
  }
24619
24566
 
24620
- .k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item.k-state-selected,
24621
24567
  .k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item.k-selected {
24622
24568
  color: #424242;
24623
24569
  }
24624
24570
 
24625
- .k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item.k-state-selected,
24626
24571
  .k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item.k-selected {
24627
24572
  color: #bababa;
24628
24573
  }
24629
24574
 
24630
- .k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item.k-state-selected,
24631
24575
  .k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item.k-selected {
24632
24576
  color: #424242;
24633
24577
  }
@@ -24752,7 +24696,7 @@ kendo-card-footer {
24752
24696
  background-color: white;
24753
24697
  }
24754
24698
 
24755
- .k-breadcrumb:focus, .k-breadcrumb.k-state-focused, .k-breadcrumb.k-focus {
24699
+ .k-breadcrumb:focus, .k-breadcrumb.k-focus {
24756
24700
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.06);
24757
24701
  }
24758
24702
 
@@ -24760,19 +24704,19 @@ kendo-card-footer {
24760
24704
  color: #3f51b5;
24761
24705
  }
24762
24706
 
24763
- .k-breadcrumb-link:hover, .k-breadcrumb-link.k-state-hover, .k-breadcrumb-link.k-hover {
24707
+ .k-breadcrumb-link:hover, .k-breadcrumb-link.k-hover {
24764
24708
  background-color: rgba(0, 0, 0, 0.04);
24765
24709
  }
24766
24710
 
24767
- .k-breadcrumb-link:focus, .k-breadcrumb-link.k-state-focused, .k-breadcrumb-link.k-focus {
24711
+ .k-breadcrumb-link:focus, .k-breadcrumb-link.k-focus {
24768
24712
  background-color: rgba(0, 0, 0, 0.12);
24769
24713
  }
24770
24714
 
24771
- .k-breadcrumb-root-link:hover, .k-breadcrumb-root-link.k-state-hover, .k-breadcrumb-root-link.k-hover {
24715
+ .k-breadcrumb-root-link:hover, .k-breadcrumb-root-link.k-hover {
24772
24716
  background-color: rgba(0, 0, 0, 0.04);
24773
24717
  }
24774
24718
 
24775
- .k-breadcrumb-root-link:focus, .k-breadcrumb-root-link.k-state-focused, .k-breadcrumb-root-link.k-focus {
24719
+ .k-breadcrumb-root-link:focus, .k-breadcrumb-root-link.k-focus {
24776
24720
  background-color: rgba(0, 0, 0, 0.12);
24777
24721
  }
24778
24722
 
@@ -24814,13 +24758,16 @@ kendo-card-footer {
24814
24758
  background-color: inherit;
24815
24759
  }
24816
24760
 
24817
- .k-pager-wrap .k-link:focus, .k-pager-wrap .k-link.k-state-focus, .k-pager-wrap .k-link.k-focus,
24761
+ .k-pager-wrap .k-link:focus, .k-pager-wrap .k-link.k-focus,
24818
24762
  .k-pager .k-link:focus,
24819
- .k-pager .k-link.k-state-focus,
24820
24763
  .k-pager .k-link.k-focus {
24821
24764
  z-index: 3;
24822
24765
  }
24823
24766
 
24767
+ .k-rtl .k-pager-wrap .k-i-caret-alt-to-left,
24768
+ .k-rtl .k-pager-wrap .k-i-caret-alt-to-right,
24769
+ .k-rtl .k-pager-wrap .k-i-caret-alt-left,
24770
+ .k-rtl .k-pager-wrap .k-i-caret-alt-right,
24824
24771
  .k-rtl .k-pager-wrap .k-i-arrow-end-left,
24825
24772
  .k-rtl .k-pager-wrap .k-i-arrow-60-left,
24826
24773
  .k-rtl .k-pager-wrap .k-i-arrow-60-right,
@@ -24828,7 +24775,11 @@ kendo-card-footer {
24828
24775
  .k-rtl .k-pager-wrap .k-i-seek-w,
24829
24776
  .k-rtl .k-pager-wrap .k-i-arrow-w,
24830
24777
  .k-rtl .k-pager-wrap .k-i-arrow-e,
24831
- .k-rtl .k-pager-wrap .k-i-seek-e, .k-pager-wrap[dir="rtl"] .k-i-arrow-end-left,
24778
+ .k-rtl .k-pager-wrap .k-i-seek-e, .k-pager-wrap[dir="rtl"] .k-i-caret-alt-to-left,
24779
+ .k-pager-wrap[dir="rtl"] .k-i-caret-alt-to-right,
24780
+ .k-pager-wrap[dir="rtl"] .k-i-caret-alt-left,
24781
+ .k-pager-wrap[dir="rtl"] .k-i-caret-alt-right,
24782
+ .k-pager-wrap[dir="rtl"] .k-i-arrow-end-left,
24832
24783
  .k-pager-wrap[dir="rtl"] .k-i-arrow-60-left,
24833
24784
  .k-pager-wrap[dir="rtl"] .k-i-arrow-60-right,
24834
24785
  .k-pager-wrap[dir="rtl"] .k-i-arrow-end-right,
@@ -24836,6 +24787,10 @@ kendo-card-footer {
24836
24787
  .k-pager-wrap[dir="rtl"] .k-i-arrow-w,
24837
24788
  .k-pager-wrap[dir="rtl"] .k-i-arrow-e,
24838
24789
  .k-pager-wrap[dir="rtl"] .k-i-seek-e,
24790
+ [dir="rtl"] .k-pager-wrap .k-i-caret-alt-to-left,
24791
+ [dir="rtl"] .k-pager-wrap .k-i-caret-alt-to-right,
24792
+ [dir="rtl"] .k-pager-wrap .k-i-caret-alt-left,
24793
+ [dir="rtl"] .k-pager-wrap .k-i-caret-alt-right,
24839
24794
  [dir="rtl"] .k-pager-wrap .k-i-arrow-end-left,
24840
24795
  [dir="rtl"] .k-pager-wrap .k-i-arrow-60-left,
24841
24796
  [dir="rtl"] .k-pager-wrap .k-i-arrow-60-right,
@@ -24844,6 +24799,14 @@ kendo-card-footer {
24844
24799
  [dir="rtl"] .k-pager-wrap .k-i-arrow-w,
24845
24800
  [dir="rtl"] .k-pager-wrap .k-i-arrow-e,
24846
24801
  [dir="rtl"] .k-pager-wrap .k-i-seek-e, .k-rtl
24802
+ .k-pager .k-i-caret-alt-to-left,
24803
+ .k-rtl
24804
+ .k-pager .k-i-caret-alt-to-right,
24805
+ .k-rtl
24806
+ .k-pager .k-i-caret-alt-left,
24807
+ .k-rtl
24808
+ .k-pager .k-i-caret-alt-right,
24809
+ .k-rtl
24847
24810
  .k-pager .k-i-arrow-end-left,
24848
24811
  .k-rtl
24849
24812
  .k-pager .k-i-arrow-60-left,
@@ -24859,6 +24822,10 @@ kendo-card-footer {
24859
24822
  .k-pager .k-i-arrow-e,
24860
24823
  .k-rtl
24861
24824
  .k-pager .k-i-seek-e,
24825
+ .k-pager[dir="rtl"] .k-i-caret-alt-to-left,
24826
+ .k-pager[dir="rtl"] .k-i-caret-alt-to-right,
24827
+ .k-pager[dir="rtl"] .k-i-caret-alt-left,
24828
+ .k-pager[dir="rtl"] .k-i-caret-alt-right,
24862
24829
  .k-pager[dir="rtl"] .k-i-arrow-end-left,
24863
24830
  .k-pager[dir="rtl"] .k-i-arrow-60-left,
24864
24831
  .k-pager[dir="rtl"] .k-i-arrow-60-right,
@@ -24868,6 +24835,14 @@ kendo-card-footer {
24868
24835
  .k-pager[dir="rtl"] .k-i-arrow-e,
24869
24836
  .k-pager[dir="rtl"] .k-i-seek-e,
24870
24837
  [dir="rtl"]
24838
+ .k-pager .k-i-caret-alt-to-left,
24839
+ [dir="rtl"]
24840
+ .k-pager .k-i-caret-alt-to-right,
24841
+ [dir="rtl"]
24842
+ .k-pager .k-i-caret-alt-left,
24843
+ [dir="rtl"]
24844
+ .k-pager .k-i-caret-alt-right,
24845
+ [dir="rtl"]
24871
24846
  .k-pager .k-i-arrow-end-left,
24872
24847
  [dir="rtl"]
24873
24848
  .k-pager .k-i-arrow-60-left,
@@ -24895,8 +24870,8 @@ kendo-card-footer {
24895
24870
  }
24896
24871
 
24897
24872
  .k-pager-nav, .k-pager-numbers .k-link, .k-pager-refresh {
24898
- min-width: calc( 1.4285714286em + 16px + 2px);
24899
- height: calc( 1.4285714286em + 16px + 2px);
24873
+ min-width: calc(1.4285714286em + 18px);
24874
+ height: calc(1.4285714286em + 18px);
24900
24875
  color: inherit;
24901
24876
  text-align: center;
24902
24877
  display: inline-flex;
@@ -24909,7 +24884,7 @@ kendo-card-footer {
24909
24884
  z-index: 2;
24910
24885
  }
24911
24886
 
24912
- .k-state-disabled.k-pager-nav, .k-pager-numbers .k-state-disabled.k-link, .k-state-disabled.k-pager-refresh, .k-disabled.k-pager-nav, .k-pager-numbers .k-disabled.k-link, .k-disabled.k-pager-refresh {
24887
+ .k-disabled.k-pager-nav, .k-pager-numbers .k-disabled.k-link, .k-disabled.k-pager-refresh {
24913
24888
  color: inherit;
24914
24889
  }
24915
24890
 
@@ -24951,7 +24926,6 @@ kendo-card-footer {
24951
24926
  border-style: solid;
24952
24927
  }
24953
24928
 
24954
- .k-pager-numbers .k-state-selected,
24955
24929
  .k-pager-numbers .k-selected {
24956
24930
  cursor: inherit;
24957
24931
  z-index: 2;
@@ -25038,7 +25012,7 @@ kendo-card-footer {
25038
25012
  .k-pager-sm .k-pager-numbers-wrap {
25039
25013
  margin-left: 8px;
25040
25014
  margin-right: 8px;
25041
- height: calc( 1.4285714286em + 16px + 2px);
25015
+ height: calc(1.4285714286em + 18px);
25042
25016
  border-color: inherit;
25043
25017
  }
25044
25018
 
@@ -25067,26 +25041,23 @@ kendo-card-footer {
25067
25041
  background-color: white;
25068
25042
  }
25069
25043
 
25070
- .k-pager-wrap:focus, .k-pager-wrap.k-focus, .k-pager-wrap.k-state-focus, .k-pager-wrap.k-state-focused, .k-pager-wrap.k-focus,
25044
+ .k-pager-wrap:focus, .k-pager-wrap.k-focus,
25071
25045
  .k-pager:focus,
25072
- .k-pager.k-focus,
25073
- .k-pager.k-state-focus,
25074
- .k-pager.k-state-focused,
25075
25046
  .k-pager.k-focus {
25076
25047
  background-color: whitesmoke;
25077
25048
  }
25078
25049
 
25079
- .k-pager-nav.k-link:hover, .k-pager-refresh:hover, .k-state-hover.k-pager-nav.k-link, .k-state-hover.k-pager-refresh, .k-hover.k-pager-nav.k-link, .k-hover.k-pager-refresh {
25050
+ .k-pager-nav.k-link:hover, .k-pager-refresh:hover, .k-hover.k-pager-nav.k-link, .k-hover.k-pager-refresh {
25080
25051
  color: rgba(0, 0, 0, 0.54);
25081
25052
  background-color: rgba(0, 0, 0, 0.04);
25082
25053
  }
25083
25054
 
25084
- .k-state-selected.k-pager-nav.k-link, .k-state-selected.k-pager-refresh, .k-selected.k-pager-nav.k-link, .k-selected.k-pager-refresh {
25055
+ .k-selected.k-pager-nav.k-link, .k-selected.k-pager-refresh {
25085
25056
  color: white;
25086
25057
  background-color: #3f51b5;
25087
25058
  }
25088
25059
 
25089
- .k-pager-nav.k-link:focus, .k-pager-refresh:focus, .k-state-focus.k-pager-nav.k-link, .k-state-focus.k-pager-refresh, .k-focus.k-pager-nav.k-link, .k-focus.k-pager-refresh {
25060
+ .k-pager-nav.k-link:focus, .k-pager-refresh:focus, .k-focus.k-pager-nav.k-link, .k-focus.k-pager-refresh {
25090
25061
  background-color: rgba(0, 0, 0, 0.12);
25091
25062
  }
25092
25063
 
@@ -25094,16 +25065,16 @@ kendo-card-footer {
25094
25065
  color: rgba(0, 0, 0, 0.87);
25095
25066
  }
25096
25067
 
25097
- .k-pager-numbers .k-link:hover, .k-pager-numbers .k-link.k-state-hover, .k-pager-numbers .k-link.k-hover {
25068
+ .k-pager-numbers .k-link:hover, .k-pager-numbers .k-link.k-hover {
25098
25069
  color: rgba(0, 0, 0, 0.87);
25099
25070
  background-color: rgba(0, 0, 0, 0.04);
25100
25071
  }
25101
25072
 
25102
- .k-pager-numbers .k-link:focus, .k-pager-numbers .k-link.k-state-focus, .k-pager-numbers .k-link.k-focus {
25073
+ .k-pager-numbers .k-link:focus, .k-pager-numbers .k-link.k-focus {
25103
25074
  background-color: rgba(0, 0, 0, 0.12);
25104
25075
  }
25105
25076
 
25106
- .k-pager-numbers .k-link.k-state-selected, .k-pager-numbers .k-link.k-selected {
25077
+ .k-pager-numbers .k-link.k-selected {
25107
25078
  color: #3f51b5;
25108
25079
  background-color: rgba(63, 81, 181, 0.22);
25109
25080
  }
@@ -25115,32 +25086,29 @@ kendo-card-footer {
25115
25086
  background-color: whitesmoke;
25116
25087
  }
25117
25088
 
25118
- .k-pager-md .k-pager-numbers .k-current-page .k-link:hover, .k-pager-md .k-pager-numbers .k-current-page .k-link.k-state-hover, .k-pager-md .k-pager-numbers .k-current-page .k-link.k-hover,
25089
+ .k-pager-md .k-pager-numbers .k-current-page .k-link:hover, .k-pager-md .k-pager-numbers .k-current-page .k-link.k-hover,
25119
25090
  .k-pager-sm .k-pager-numbers .k-current-page .k-link:hover,
25120
- .k-pager-sm .k-pager-numbers .k-current-page .k-link.k-state-hover,
25121
25091
  .k-pager-sm .k-pager-numbers .k-current-page .k-link.k-hover {
25122
25092
  border-color: rgba(0, 0, 0, 0.87);
25123
25093
  }
25124
25094
 
25125
- .k-pager-md .k-pager-numbers.k-state-expanded,
25126
- .k-pager-sm .k-pager-numbers.k-state-expanded {
25095
+ .k-pager-md .k-pager-numbers.k-expanded,
25096
+ .k-pager-sm .k-pager-numbers.k-expanded {
25127
25097
  border-color: rgba(0, 0, 0, 0.12);
25128
25098
  color: rgba(0, 0, 0, 0.87);
25129
25099
  background-color: white;
25130
25100
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
25131
25101
  }
25132
25102
 
25133
- .k-pager-md .k-pager-numbers.k-state-expanded .k-link:hover, .k-pager-md .k-pager-numbers.k-state-expanded .k-link.k-state-hover, .k-pager-md .k-pager-numbers.k-state-expanded .k-link.k-hover,
25134
- .k-pager-sm .k-pager-numbers.k-state-expanded .k-link:hover,
25135
- .k-pager-sm .k-pager-numbers.k-state-expanded .k-link.k-state-hover,
25136
- .k-pager-sm .k-pager-numbers.k-state-expanded .k-link.k-hover {
25103
+ .k-pager-md .k-pager-numbers.k-expanded .k-link:hover, .k-pager-md .k-pager-numbers.k-expanded .k-link.k-hover,
25104
+ .k-pager-sm .k-pager-numbers.k-expanded .k-link:hover,
25105
+ .k-pager-sm .k-pager-numbers.k-expanded .k-link.k-hover {
25137
25106
  color: rgba(0, 0, 0, 0.87);
25138
25107
  background-color: rgba(0, 0, 0, 0.04);
25139
25108
  }
25140
25109
 
25141
- .k-pager-md .k-pager-numbers.k-state-expanded .k-link.k-state-selected, .k-pager-md .k-pager-numbers.k-state-expanded .k-link.k-selected,
25142
- .k-pager-sm .k-pager-numbers.k-state-expanded .k-link.k-state-selected,
25143
- .k-pager-sm .k-pager-numbers.k-state-expanded .k-link.k-selected {
25110
+ .k-pager-md .k-pager-numbers.k-expanded .k-link.k-selected,
25111
+ .k-pager-sm .k-pager-numbers.k-expanded .k-link.k-selected {
25144
25112
  color: #e51a5f;
25145
25113
  background-color: white;
25146
25114
  }
@@ -25218,10 +25186,10 @@ kendo-card-footer {
25218
25186
  pointer-events: none;
25219
25187
  display: none;
25220
25188
  position: absolute;
25221
- top: calc( -1 * calc( 1px + 3px));
25222
- right: calc( -1 * calc( 1px + 3px));
25223
- bottom: calc( -1 * calc( 1px + 3px));
25224
- left: calc( -1 * calc( 1px + 3px));
25189
+ top: -4px;
25190
+ right: -4px;
25191
+ bottom: -4px;
25192
+ left: -4px;
25225
25193
  z-index: 2;
25226
25194
  }
25227
25195
 
@@ -25247,7 +25215,7 @@ kendo-card-footer {
25247
25215
  }
25248
25216
 
25249
25217
  .k-stepper .k-step-label .k-step-text {
25250
- max-width: calc(10em - (16px + 8px));
25218
+ max-width: calc(10em - 24px);
25251
25219
  flex-grow: 1;
25252
25220
  white-space: nowrap;
25253
25221
  text-overflow: ellipsis;
@@ -25318,13 +25286,13 @@ kendo-card-footer {
25318
25286
  }
25319
25287
 
25320
25288
  .k-step-list-horizontal .k-step-indicator + .k-step-label {
25321
- margin-top: calc(8px - 3px);
25289
+ margin-top: 5px;
25322
25290
  }
25323
25291
 
25324
25292
  .k-step-list-horizontal ~ .k-progressbar {
25325
25293
  width: 100%;
25326
25294
  height: 2px;
25327
- top: calc(((28px + 2 * 2px) / 2) + 2px / 2);
25295
+ top: 17px;
25328
25296
  }
25329
25297
 
25330
25298
  .k-step-list-vertical {
@@ -25332,7 +25300,7 @@ kendo-card-footer {
25332
25300
  }
25333
25301
 
25334
25302
  .k-step-list-vertical .k-step {
25335
- min-height: calc((28px + 2 * 1px + 2 * 2px) + 20px);
25303
+ min-height: 54px;
25336
25304
  }
25337
25305
 
25338
25306
  .k-step-list-vertical .k-step-label {
@@ -25347,7 +25315,7 @@ kendo-card-footer {
25347
25315
  width: 2px;
25348
25316
  height: 100%;
25349
25317
  min-height: 20px;
25350
- left: calc((28px + 2 * 1px + 2 * 2px) / 2);
25318
+ left: 17px;
25351
25319
  }
25352
25320
 
25353
25321
  .k-step-list-vertical .k-step-content {
@@ -25386,7 +25354,7 @@ kendo-card-footer {
25386
25354
  .k-rtl .k-stepper .k-step-list-vertical ~ .k-progressbar,
25387
25355
  .k-stepper[dir="rtl"] .k-step-list-vertical ~ .k-progressbar {
25388
25356
  left: auto;
25389
- right: calc((28px + 2 * 1px + 2 * 2px) / 2);
25357
+ right: 17px;
25390
25358
  }
25391
25359
 
25392
25360
  .k-step-current .k-step-label {
@@ -25581,15 +25549,13 @@ kendo-card-footer {
25581
25549
  z-index: 1;
25582
25550
  }
25583
25551
 
25584
- .k-tabstrip-content.k-state-active, .k-tabstrip-content.k-active,
25585
- .k-tabstrip > .k-content.k-state-active,
25552
+ .k-tabstrip-content.k-active,
25586
25553
  .k-tabstrip > .k-content.k-active {
25587
25554
  display: block;
25588
25555
  }
25589
25556
 
25590
- .k-tabstrip-content:focus, .k-tabstrip-content.k-state-focused, .k-tabstrip-content.k-focus,
25557
+ .k-tabstrip-content:focus, .k-tabstrip-content.k-focus,
25591
25558
  .k-tabstrip > .k-content:focus,
25592
- .k-tabstrip > .k-content.k-state-focused,
25593
25559
  .k-tabstrip > .k-content.k-focus {
25594
25560
  outline-width: 1px;
25595
25561
  outline-style: dotted;
@@ -25662,7 +25628,6 @@ kendo-card-footer {
25662
25628
  margin-left: 0px;
25663
25629
  }
25664
25630
 
25665
- .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-state-active,
25666
25631
  .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active {
25667
25632
  border-bottom-color: transparent;
25668
25633
  }
@@ -25693,7 +25658,6 @@ kendo-card-footer {
25693
25658
  margin-left: 0px;
25694
25659
  }
25695
25660
 
25696
- .k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item.k-state-active,
25697
25661
  .k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item.k-active {
25698
25662
  border-top-color: transparent;
25699
25663
  }
@@ -25730,7 +25694,6 @@ kendo-card-footer {
25730
25694
  margin-top: 0px;
25731
25695
  }
25732
25696
 
25733
- .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item.k-state-active,
25734
25697
  .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item.k-active {
25735
25698
  border-right-color: transparent;
25736
25699
  }
@@ -25768,7 +25731,6 @@ kendo-card-footer {
25768
25731
  margin-top: 0px;
25769
25732
  }
25770
25733
 
25771
- .k-tabstrip-right > .k-tabstrip-items-wrapper .k-item.k-state-active,
25772
25734
  .k-tabstrip-right > .k-tabstrip-items-wrapper .k-item.k-active {
25773
25735
  border-left-color: transparent;
25774
25736
  }
@@ -25810,7 +25772,6 @@ kendo-card-footer {
25810
25772
  border-left-width: 2px;
25811
25773
  }
25812
25774
 
25813
- .k-tabstrip-items-wrapper .k-item.k-state-active::after,
25814
25775
  .k-tabstrip-items-wrapper .k-item.k-active::after {
25815
25776
  display: block;
25816
25777
  }
@@ -25870,12 +25831,12 @@ kendo-card-footer {
25870
25831
  color: rgba(0, 0, 0, 0.54);
25871
25832
  }
25872
25833
 
25873
- .k-tabstrip-items-wrapper .k-item:hover, .k-tabstrip-items-wrapper .k-item.k-state-hover, .k-tabstrip-items-wrapper .k-item.k-hover {
25834
+ .k-tabstrip-items-wrapper .k-item:hover, .k-tabstrip-items-wrapper .k-item.k-hover {
25874
25835
  color: rgba(0, 0, 0, 0.87);
25875
25836
  background-color: rgba(0, 0, 0, 0.04);
25876
25837
  }
25877
25838
 
25878
- .k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-items-wrapper .k-item.k-state-active, .k-tabstrip-items-wrapper .k-item.k-active, .k-tabstrip-items-wrapper .k-item.k-state-selected, .k-tabstrip-items-wrapper .k-item.k-selected {
25839
+ .k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-items-wrapper .k-item.k-active, .k-tabstrip-items-wrapper .k-item.k-selected {
25879
25840
  color: rgba(0, 0, 0, 0.87);
25880
25841
  }
25881
25842
 
@@ -25888,14 +25849,12 @@ kendo-card-footer {
25888
25849
  background-color: transparent;
25889
25850
  }
25890
25851
 
25891
- .k-tabstrip-content:focus, .k-tabstrip-content.k-state-focused, .k-tabstrip-content.k-focus,
25852
+ .k-tabstrip-content:focus, .k-tabstrip-content.k-focus,
25892
25853
  .k-tabstrip > .k-content:focus,
25893
- .k-tabstrip > .k-content.k-state-focused,
25894
25854
  .k-tabstrip > .k-content.k-focus {
25895
25855
  outline-color: rgba(0, 0, 0, 0.87);
25896
25856
  }
25897
25857
 
25898
- .k-tabstrip-items-wrapper .k-item.k-state-active::after,
25899
25858
  .k-tabstrip-items-wrapper .k-item.k-active::after {
25900
25859
  border-color: #3f51b5;
25901
25860
  }
@@ -25929,7 +25888,7 @@ kendo-card-footer {
25929
25888
 
25930
25889
  .k-wizard .k-wizard-step {
25931
25890
  box-sizing: border-box;
25932
- padding: calc(8px + 2px);
25891
+ padding: 10px;
25933
25892
  width: 100%;
25934
25893
  display: flex;
25935
25894
  flex-direction: column;
@@ -25937,7 +25896,7 @@ kendo-card-footer {
25937
25896
  justify-content: space-between;
25938
25897
  }
25939
25898
 
25940
- .k-wizard .k-wizard-step:focus, .k-wizard .k-wizard-step.k-state-focused, .k-wizard .k-wizard-step.k-focus {
25899
+ .k-wizard .k-wizard-step:focus, .k-wizard .k-wizard-step.k-focus {
25941
25900
  outline-width: 1px;
25942
25901
  outline-style: dotted;
25943
25902
  outline-offset: -1px;
@@ -26012,12 +25971,11 @@ kendo-card-footer {
26012
25971
  margin-left: 0;
26013
25972
  }
26014
25973
 
26015
- .k-wizard-step:focus, .k-wizard-step.k-state-focused, .k-wizard-step.k-focus {
25974
+ .k-wizard-step:focus, .k-wizard-step.k-focus {
26016
25975
  outline-color: #656565;
26017
25976
  }
26018
25977
 
26019
25978
  .k-ie .k-wizard-step:focus,
26020
- .k-ie .k-wizard-step.k-state-focused,
26021
25979
  .k-ie .k-wizard-step.k-focus {
26022
25980
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
26023
25981
  outline: none;
@@ -26089,7 +26047,7 @@ kendo-card-footer {
26089
26047
  background-color: white;
26090
26048
  }
26091
26049
 
26092
- .k-expander.k-state-focus, .k-expander.k-focus {
26050
+ .k-expander.k-focus {
26093
26051
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.08);
26094
26052
  }
26095
26053
 
@@ -26099,11 +26057,11 @@ kendo-card-footer {
26099
26057
  outline: none;
26100
26058
  }
26101
26059
 
26102
- .k-expander-header:hover, .k-expander-header.k-state-hover, .k-expander-header.k-hover {
26060
+ .k-expander-header:hover, .k-expander-header.k-hover {
26103
26061
  background-color: rgba(0, 0, 0, 0.04);
26104
26062
  }
26105
26063
 
26106
- .k-expander-header.k-state-focused, .k-expander-header.k-focus {
26064
+ .k-expander-header.k-focus {
26107
26065
  background-color: rgba(0, 0, 0, 0.12);
26108
26066
  box-shadow: none;
26109
26067
  }
@@ -26159,7 +26117,9 @@ kendo-card-footer {
26159
26117
  align-items: center;
26160
26118
  align-content: center;
26161
26119
  position: relative;
26162
- user-select: none;
26120
+ -webkit-user-select: none;
26121
+ -ms-user-select: none;
26122
+ user-select: none;
26163
26123
  cursor: default;
26164
26124
  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;
26165
26125
  }
@@ -26196,7 +26156,9 @@ kendo-card-footer {
26196
26156
  align-items: center;
26197
26157
  align-content: center;
26198
26158
  position: relative;
26199
- user-select: none;
26159
+ -webkit-user-select: none;
26160
+ -ms-user-select: none;
26161
+ user-select: none;
26200
26162
  cursor: default;
26201
26163
  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;
26202
26164
  }
@@ -26221,6 +26183,10 @@ kendo-card-footer {
26221
26183
  padding-left: 96px;
26222
26184
  }
26223
26185
 
26186
+ .k-panelbar .k-panelbar-item {
26187
+ outline-style: none;
26188
+ }
26189
+
26224
26190
  .k-panelbar .k-panelbar-content {
26225
26191
  display: flow-root;
26226
26192
  }
@@ -26234,7 +26200,7 @@ kendo-card-footer {
26234
26200
  .k-panelbar .k-group .k-panelbar-expand,
26235
26201
  .k-panelbar .k-group .k-panelbar-collapse,
26236
26202
  .k-panelbar .k-panelbar-group .k-panelbar-toggle {
26237
- margin-inline-end: calc( 24px - 24px);
26203
+ margin-inline-end: 0px;
26238
26204
  }
26239
26205
 
26240
26206
  .k-rtl .k-panelbar .k-group > .k-item.k-level-1 .k-link,
@@ -26278,7 +26244,7 @@ kendo-card-footer {
26278
26244
  .k-ie .k-group .k-panelbar-expand,
26279
26245
  .k-ie .k-group .k-panelbar-collapse,
26280
26246
  .k-ie .k-panelbar-group .k-panelbar-toggle {
26281
- margin-right: calc( 24px - 24px);
26247
+ margin-right: 0px;
26282
26248
  }
26283
26249
 
26284
26250
  .k-rtl .k-ie .k-panelbar-expand,
@@ -26299,7 +26265,7 @@ kendo-card-footer {
26299
26265
  .k-ie.k-rtl .k-panelbar-group .k-panelbar-toggle, .k-ie[dir="rtl"] .k-group .k-panelbar-expand,
26300
26266
  .k-ie[dir="rtl"] .k-group .k-panelbar-collapse,
26301
26267
  .k-ie[dir="rtl"] .k-panelbar-group .k-panelbar-toggle {
26302
- margin-left: calc( 24px - 24px);
26268
+ margin-left: 0px;
26303
26269
  }
26304
26270
 
26305
26271
  .k-panelbar {
@@ -26322,231 +26288,131 @@ kendo-card-footer {
26322
26288
  }
26323
26289
 
26324
26290
  .k-panelbar > .k-item > .k-link:hover,
26325
- .k-panelbar > .k-item > .k-link.k-state-hover,
26326
26291
  .k-panelbar > .k-item > .k-link.k-hover,
26327
26292
  .k-panelbar > .k-panelbar-header > .k-link:hover,
26328
- .k-panelbar > .k-panelbar-header > .k-link.k-state-hover,
26329
26293
  .k-panelbar > .k-panelbar-header > .k-link.k-hover {
26330
26294
  background-color: whitesmoke;
26331
26295
  }
26332
26296
 
26333
26297
  .k-panelbar > .k-item > .k-link:focus,
26334
- .k-panelbar > .k-item > .k-link.k-state-focus,
26335
- .k-panelbar > .k-item > .k-link.k-focus,
26336
- .k-panelbar > .k-item > .k-link.k-state-focused,
26337
26298
  .k-panelbar > .k-item > .k-link.k-focus,
26338
26299
  .k-panelbar > .k-panelbar-header > .k-link:focus,
26339
- .k-panelbar > .k-panelbar-header > .k-link.k-state-focus,
26340
- .k-panelbar > .k-panelbar-header > .k-link.k-focus,
26341
- .k-panelbar > .k-panelbar-header > .k-link.k-state-focused,
26342
26300
  .k-panelbar > .k-panelbar-header > .k-link.k-focus {
26343
26301
  background-color: #e0e0e0;
26344
26302
  }
26345
26303
 
26346
26304
  .k-panelbar > .k-item > .k-link:focus:hover,
26347
- .k-panelbar > .k-item > .k-link.k-state-focus.k-state-hover,
26348
26305
  .k-panelbar > .k-item > .k-link.k-focus.k-hover,
26349
26306
  .k-panelbar > .k-panelbar-header > .k-link:focus:hover,
26350
- .k-panelbar > .k-panelbar-header > .k-link.k-state-focus.k-state-hover,
26351
26307
  .k-panelbar > .k-panelbar-header > .k-link.k-focus.k-hover {
26352
26308
  background-color: #d6d6d6;
26353
26309
  }
26354
26310
 
26355
- .k-panelbar > .k-item > .k-link.k-state-selected,
26356
26311
  .k-panelbar > .k-item > .k-link.k-selected,
26357
- .k-panelbar > .k-panelbar-header > .k-link.k-state-selected,
26358
26312
  .k-panelbar > .k-panelbar-header > .k-link.k-selected {
26359
26313
  color: white;
26360
26314
  background-color: #e51a5f;
26361
26315
  }
26362
26316
 
26363
- .k-panelbar > .k-item > .k-link.k-state-selected .k-icon,
26364
- .k-panelbar > .k-item > .k-link.k-state-selected .k-panelbar-item-icon,
26365
26317
  .k-panelbar > .k-item > .k-link.k-selected .k-icon,
26366
26318
  .k-panelbar > .k-item > .k-link.k-selected .k-panelbar-item-icon,
26367
- .k-panelbar > .k-panelbar-header > .k-link.k-state-selected .k-icon,
26368
- .k-panelbar > .k-panelbar-header > .k-link.k-state-selected .k-panelbar-item-icon,
26369
26319
  .k-panelbar > .k-panelbar-header > .k-link.k-selected .k-icon,
26370
26320
  .k-panelbar > .k-panelbar-header > .k-link.k-selected .k-panelbar-item-icon {
26371
26321
  color: inherit;
26372
26322
  }
26373
26323
 
26374
- .k-panelbar > .k-item > .k-link.k-state-selected:hover,
26375
26324
  .k-panelbar > .k-item > .k-link.k-selected:hover,
26376
- .k-panelbar > .k-item > .k-link.k-state-selected.k-state-hover,
26377
26325
  .k-panelbar > .k-item > .k-link.k-selected.k-hover,
26378
- .k-panelbar > .k-panelbar-header > .k-link.k-state-selected:hover,
26379
26326
  .k-panelbar > .k-panelbar-header > .k-link.k-selected:hover,
26380
- .k-panelbar > .k-panelbar-header > .k-link.k-state-selected.k-state-hover,
26381
26327
  .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-hover {
26382
26328
  background-color: #e72b6b;
26383
26329
  }
26384
26330
 
26385
- .k-panelbar > .k-item > .k-link.k-state-selected:focus,
26386
26331
  .k-panelbar > .k-item > .k-link.k-selected:focus,
26387
- .k-panelbar > .k-item > .k-link.k-state-selected.k-state-focus,
26388
26332
  .k-panelbar > .k-item > .k-link.k-selected.k-focus,
26389
- .k-panelbar > .k-item > .k-link.k-state-selected.k-state-focused,
26390
- .k-panelbar > .k-item > .k-link.k-selected.k-focused,
26391
- .k-panelbar > .k-panelbar-header > .k-link.k-state-selected:focus,
26392
26333
  .k-panelbar > .k-panelbar-header > .k-link.k-selected:focus,
26393
- .k-panelbar > .k-panelbar-header > .k-link.k-state-selected.k-state-focus,
26394
- .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-focus,
26395
- .k-panelbar > .k-panelbar-header > .k-link.k-state-selected.k-state-focused,
26396
- .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-focused {
26334
+ .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-focus {
26397
26335
  background-color: #eb5185;
26398
26336
  }
26399
26337
 
26400
- .k-panelbar > .k-item > .k-link.k-state-selected:hover:focus,
26401
26338
  .k-panelbar > .k-item > .k-link.k-selected:hover:focus,
26402
- .k-panelbar > .k-item > .k-link.k-state-selected.k-state-hover.k-state-focus,
26403
- .k-panelbar > .k-item > .k-link.k-selected.k-hover.k-state-focus,
26404
- .k-panelbar > .k-item > .k-link.k-state-selected.k-state-hover.k-state-focused,
26405
- .k-panelbar > .k-item > .k-link.k-selected.k-hover.k-state-focused,
26406
- .k-panelbar > .k-panelbar-header > .k-link.k-state-selected:hover:focus,
26339
+ .k-panelbar > .k-item > .k-link.k-selected.k-hover.k-focus,
26407
26340
  .k-panelbar > .k-panelbar-header > .k-link.k-selected:hover:focus,
26408
- .k-panelbar > .k-panelbar-header > .k-link.k-state-selected.k-state-hover.k-state-focus,
26409
- .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-hover.k-state-focus,
26410
- .k-panelbar > .k-panelbar-header > .k-link.k-state-selected.k-state-hover.k-state-focused,
26411
- .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-hover.k-state-focused {
26341
+ .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-hover.k-focus {
26412
26342
  background-color: #ed6292;
26413
26343
  }
26414
26344
 
26415
26345
  .k-panelbar .k-group > .k-item > .k-link:hover,
26416
- .k-panelbar .k-group > .k-item > .k-link.k-state-hover,
26417
26346
  .k-panelbar .k-group > .k-item > .k-link.k-hover,
26418
26347
  .k-panelbar .k-group > .k-panelbar-item > .k-link:hover,
26419
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-hover,
26420
26348
  .k-panelbar .k-group > .k-panelbar-item > .k-link.k-hover,
26421
26349
  .k-panelbar .k-panelbar-group > .k-item > .k-link:hover,
26422
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-hover,
26423
26350
  .k-panelbar .k-panelbar-group > .k-item > .k-link.k-hover,
26424
26351
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link:hover,
26425
- .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-hover,
26426
26352
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-hover {
26427
26353
  background-color: whitesmoke;
26428
26354
  }
26429
26355
 
26430
26356
  .k-panelbar .k-group > .k-item > .k-link:focus,
26431
- .k-panelbar .k-group > .k-item > .k-link.k-state-focus,
26432
- .k-panelbar .k-group > .k-item > .k-link.k-focus,
26433
- .k-panelbar .k-group > .k-item > .k-link.k-state-focused,
26434
26357
  .k-panelbar .k-group > .k-item > .k-link.k-focus,
26435
26358
  .k-panelbar .k-group > .k-panelbar-item > .k-link:focus,
26436
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-focus,
26437
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-focus,
26438
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-focused,
26439
26359
  .k-panelbar .k-group > .k-panelbar-item > .k-link.k-focus,
26440
26360
  .k-panelbar .k-panelbar-group > .k-item > .k-link:focus,
26441
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-focus,
26442
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-focus,
26443
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-focused,
26444
26361
  .k-panelbar .k-panelbar-group > .k-item > .k-link.k-focus,
26445
26362
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link:focus,
26446
- .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-focus,
26447
- .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-focus,
26448
- .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-focused,
26449
26363
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-focus {
26450
26364
  background-color: #e0e0e0;
26451
26365
  }
26452
26366
 
26453
26367
  .k-panelbar .k-group > .k-item > .k-link:focus:hover,
26454
- .k-panelbar .k-group > .k-item > .k-link.k-state-focus.k-state-hover,
26455
26368
  .k-panelbar .k-group > .k-item > .k-link.k-focus.k-hover,
26456
26369
  .k-panelbar .k-group > .k-panelbar-item > .k-link:focus:hover,
26457
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-focus.k-state-hover,
26458
26370
  .k-panelbar .k-group > .k-panelbar-item > .k-link.k-focus.k-hover,
26459
26371
  .k-panelbar .k-panelbar-group > .k-item > .k-link:focus:hover,
26460
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-focus.k-state-hover,
26461
26372
  .k-panelbar .k-panelbar-group > .k-item > .k-link.k-focus.k-hover,
26462
26373
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link:focus:hover,
26463
- .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-focus.k-state-hover,
26464
26374
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-focus.k-hover {
26465
26375
  background-color: #d6d6d6;
26466
26376
  }
26467
26377
 
26468
- .k-panelbar .k-group > .k-item > .k-link.k-state-selected,
26469
26378
  .k-panelbar .k-group > .k-item > .k-link.k-selected,
26470
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-selected,
26471
26379
  .k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected,
26472
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected,
26473
26380
  .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected,
26474
- .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-selected,
26475
26381
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected {
26476
26382
  color: white;
26477
26383
  background-color: #e51a5f;
26478
26384
  }
26479
26385
 
26480
- .k-panelbar .k-group > .k-item > .k-link.k-state-selected:hover,
26481
26386
  .k-panelbar .k-group > .k-item > .k-link.k-selected:hover,
26482
- .k-panelbar .k-group > .k-item > .k-link.k-state-selected.k-state-hover,
26483
26387
  .k-panelbar .k-group > .k-item > .k-link.k-selected.k-hover,
26484
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-selected:hover,
26485
26388
  .k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected:hover,
26486
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-selected.k-state-hover,
26487
26389
  .k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected.k-hover,
26488
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected:hover,
26489
26390
  .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected:hover,
26490
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected.k-state-hover,
26491
26391
  .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected.k-hover,
26492
- .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-selected:hover,
26493
26392
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected:hover,
26494
- .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-selected.k-state-hover,
26495
26393
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected.k-hover {
26496
26394
  background-color: #e72b6b;
26497
26395
  }
26498
26396
 
26499
- .k-panelbar .k-group > .k-item > .k-link.k-state-selected:focus,
26500
26397
  .k-panelbar .k-group > .k-item > .k-link.k-selected:focus,
26501
- .k-panelbar .k-group > .k-item > .k-link.k-state-selected.k-state-focus,
26502
26398
  .k-panelbar .k-group > .k-item > .k-link.k-selected.k-focus,
26503
- .k-panelbar .k-group > .k-item > .k-link.k-state-selected.k-state-focused,
26504
- .k-panelbar .k-group > .k-item > .k-link.k-selected.k-focused,
26505
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-selected:focus,
26506
26399
  .k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected:focus,
26507
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-selected.k-state-focus,
26508
26400
  .k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected.k-focus,
26509
- .k-panelbar .k-group > .k-item > .k-link.k-state-selected.k-state-focused,
26510
- .k-panelbar .k-group > .k-item > .k-link.k-selected.k-focused,
26511
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected:focus,
26512
26401
  .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected:focus,
26513
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected.k-state-focus,
26514
26402
  .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected.k-focus,
26515
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected.k-state-focused,
26516
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected.k-focused,
26517
- .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-selected:focus,
26518
26403
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected:focus,
26519
- .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-selected.k-state-focus,
26520
- .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected.k-focus,
26521
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected.k-state-focused,
26522
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected.k-focused {
26404
+ .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected.k-focus {
26523
26405
  background-color: #eb5185;
26524
26406
  }
26525
26407
 
26526
- .k-panelbar .k-group > .k-item > .k-link.k-state-selected:focus:hover,
26527
26408
  .k-panelbar .k-group > .k-item > .k-link.k-selected:focus:hover,
26528
- .k-panelbar .k-group > .k-item > .k-link.k-state-selected.k-state-focus.k-state-hover,
26529
- .k-panelbar .k-group > .k-item > .k-link.k-selected.k-focus.k-state-hover,
26530
- .k-panelbar .k-group > .k-item > .k-link.k-state-selected.k-state-focused.k-state-hover,
26531
- .k-panelbar .k-group > .k-item > .k-link.k-selected.k-focused.k-state-hover,
26532
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-selected:focus:hover,
26409
+ .k-panelbar .k-group > .k-item > .k-link.k-selected.k-focus.k-hover,
26533
26410
  .k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected:focus:hover,
26534
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-selected.k-state-focus.k-state-hover,
26535
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected.k-focus.k-state-hover,
26536
- .k-panelbar .k-group > .k-item > .k-link.k-state-selected.k-state-focused.k-state-hover,
26537
- .k-panelbar .k-group > .k-item > .k-link.k-selected.k-focused.k-state-hover,
26538
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected:focus:hover,
26411
+ .k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected.k-focus.k-hover,
26539
26412
  .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected:focus:hover,
26540
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected.k-state-focus.k-state-hover,
26541
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected.k-focus.k-state-hover,
26542
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected.k-state-focused.k-state-hover,
26543
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected.k-focused.k-state-hover,
26544
- .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-selected:focus:hover,
26413
+ .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected.k-focus.k-hover,
26545
26414
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected:focus:hover,
26546
- .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-selected.k-state-focus.k-state-hover,
26547
- .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected.k-focus.k-state-hover,
26548
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected.k-state-focused.k-state-hover,
26549
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected.k-focused.k-state-hover {
26415
+ .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected.k-focus.k-hover {
26550
26416
  background-color: #ed6292;
26551
26417
  }
26552
26418
 
@@ -26594,7 +26460,6 @@ kendo-card-footer {
26594
26460
  outline: 0;
26595
26461
  position: absolute;
26596
26462
  -webkit-user-select: none;
26597
- -moz-user-select: none;
26598
26463
  -ms-user-select: none;
26599
26464
  user-select: none;
26600
26465
  display: flex;
@@ -26724,8 +26589,8 @@ kendo-card-footer {
26724
26589
  flex: 0 0 auto;
26725
26590
  }
26726
26591
 
26727
- .k-splitter-flex .k-pane.k-state-hidden, .k-splitter-flex .k-pane[hidden],
26728
- .k-splitter-flex .k-pane-flex.k-state-hidden,
26592
+ .k-splitter-flex .k-pane.k-hidden, .k-splitter-flex .k-pane[hidden],
26593
+ .k-splitter-flex .k-pane-flex.k-hidden,
26729
26594
  .k-splitter-flex .k-pane-flex[hidden] {
26730
26595
  flex: 0 1 0% !important;
26731
26596
  overflow: hidden !important;
@@ -26757,7 +26622,6 @@ kendo-card-footer {
26757
26622
  }
26758
26623
 
26759
26624
  .k-splitbar:hover,
26760
- .k-splitbar.k-state-hover,
26761
26625
  .k-splitbar.k-hover,
26762
26626
  .k-splitbar-horizontal-hover,
26763
26627
  .k-splitbar-vertical-hover {
@@ -26766,9 +26630,6 @@ kendo-card-footer {
26766
26630
  }
26767
26631
 
26768
26632
  .k-splitbar:focus,
26769
- .k-splitbar.k-state-focus,
26770
- .k-splitbar.k-focus,
26771
- .k-splitbar.k-state-focused,
26772
26633
  .k-splitbar.k-focus {
26773
26634
  color: white;
26774
26635
  background: #3f51b5;
@@ -26822,9 +26683,6 @@ kendo-card-footer {
26822
26683
  }
26823
26684
 
26824
26685
  .k-tilelayout-item:focus,
26825
- .k-tilelayout-item.k-focus,
26826
- .k-tilelayout-item.k-state-focus,
26827
- .k-tilelayout-item.k-state-focused,
26828
26686
  .k-tilelayout-item.k-focus {
26829
26687
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
26830
26688
  }
@@ -26851,7 +26709,9 @@ kendo-card-footer {
26851
26709
  .k-pane-wrapper .k-pane {
26852
26710
  width: 100%;
26853
26711
  height: 100%;
26854
- user-select: none;
26712
+ -webkit-user-select: none;
26713
+ -ms-user-select: none;
26714
+ user-select: none;
26855
26715
  box-sizing: border-box;
26856
26716
  font-family: sans-serif;
26857
26717
  overflow-x: hidden;
@@ -26933,8 +26793,8 @@ kendo-card-footer {
26933
26793
  .k-grid-mobile .k-header a {
26934
26794
  -webkit-touch-callout: none;
26935
26795
  -webkit-user-select: none;
26936
- -moz-user-select: none;
26937
- user-select: none;
26796
+ -ms-user-select: none;
26797
+ user-select: none;
26938
26798
  -webkit-user-drag: none;
26939
26799
  -moz-user-drag: none;
26940
26800
  }
@@ -27113,7 +26973,8 @@ kendo-card-footer {
27113
26973
  border-radius: 50%;
27114
26974
  }
27115
26975
 
27116
- .k-scheduler-mobile .k-task .k-i-reload {
26976
+ .k-scheduler-mobile .k-task .k-i-reload,
26977
+ .k-scheduler-mobile .k-task .k-i-arrow-rotate-cw {
27117
26978
  font-size: 1em;
27118
26979
  margin-right: .5em;
27119
26980
  }
@@ -27133,7 +26994,8 @@ kendo-card-footer {
27133
26994
  .k-scheduler-mobile .k-scheduler-times .k-scheduler-groupcolumn .k-scheduler-group-text,
27134
26995
  .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-group-cell .k-scheduler-group-text,
27135
26996
  .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-groupcolumn .k-scheduler-group-text {
27136
- writing-mode: vertical-lr;
26997
+ -ms-writing-mode: tb-lr;
26998
+ writing-mode: vertical-lr;
27137
26999
  transform: rotate(180deg);
27138
27000
  white-space: nowrap;
27139
27001
  }
@@ -27348,13 +27210,11 @@ kendo-card-footer {
27348
27210
  color: #3f51b5;
27349
27211
  }
27350
27212
 
27351
- .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-state-selected,
27352
27213
  .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-selected {
27353
27214
  color: #3f51b5;
27354
27215
  background: none;
27355
27216
  }
27356
27217
 
27357
- .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-state-selected .k-link,
27358
27218
  .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-selected .k-link {
27359
27219
  color: inherit;
27360
27220
  }
@@ -27496,7 +27356,7 @@ kendo-card-footer {
27496
27356
  }
27497
27357
 
27498
27358
  .k-grid .k-grouping-row .k-icon {
27499
- margin-left: calc( 8px - 24px);
27359
+ margin-left: -16px;
27500
27360
  margin-right: 8px;
27501
27361
  text-decoration: none;
27502
27362
  }
@@ -27665,7 +27525,7 @@ kendo-card-footer {
27665
27525
  .k-grid[dir="rtl"] .k-grid-header .k-filterable,
27666
27526
  .k-rtl .k-grid .k-grid-header .k-with-icon,
27667
27527
  .k-rtl .k-grid .k-grid-header .k-filterable {
27668
- padding-left: calc( calc( 1.4285714286em + 16px + 2px) + 14px);
27528
+ padding-left: calc(1.4285714286em + 32px);
27669
27529
  padding-right: 24px;
27670
27530
  }
27671
27531
 
@@ -27723,7 +27583,7 @@ kendo-card-footer {
27723
27583
  .k-grid[dir="rtl"] .k-grouping-row .k-icon,
27724
27584
  .k-rtl .k-grid .k-grouping-row .k-icon {
27725
27585
  margin-left: 8px;
27726
- margin-right: calc( 8px - 24px);
27586
+ margin-right: -16px;
27727
27587
  }
27728
27588
 
27729
27589
  .k-grid[dir="rtl"] .k-column-resizer,
@@ -27800,7 +27660,7 @@ kendo-card-footer {
27800
27660
 
27801
27661
  .k-grouping-header::before {
27802
27662
  content: "";
27803
- height: calc( 1.4285714286em + 16px + 2px);
27663
+ height: calc(1.4285714286em + 18px);
27804
27664
  display: inline-block;
27805
27665
  vertical-align: middle;
27806
27666
  }
@@ -27830,7 +27690,7 @@ kendo-card-footer {
27830
27690
  }
27831
27691
 
27832
27692
  .k-group-indicator {
27833
- border-radius: calc( 14px + 8px);
27693
+ border-radius: 22px;
27834
27694
  margin: 0;
27835
27695
  padding: 8px 16px;
27836
27696
  border-width: 1px;
@@ -27879,9 +27739,9 @@ kendo-card-footer {
27879
27739
 
27880
27740
  .k-grouping-dropclue {
27881
27741
  width: 12px;
27882
- height: calc( 28px + 8px);
27742
+ height: 36px;
27883
27743
  position: absolute;
27884
- top: calc( ( calc( 1.4285714286em + 16px + 2px) + 16px - calc( 28px + 8px) ) / 2);
27744
+ top: calc(0.7142857143em - 1px);
27885
27745
  box-sizing: content-box;
27886
27746
  }
27887
27747
 
@@ -27904,7 +27764,7 @@ kendo-card-footer {
27904
27764
  width: 2px;
27905
27765
  height: calc(100% - 6px);
27906
27766
  top: 6px;
27907
- left: calc( 6px - 1px);
27767
+ left: 5px;
27908
27768
  }
27909
27769
 
27910
27770
  .k-grid-header-wrap,
@@ -27958,7 +27818,9 @@ div.k-grid-footer {
27958
27818
  }
27959
27819
 
27960
27820
  .k-grid-header.k-grid-draggable-header {
27961
- user-select: none;
27821
+ -webkit-user-select: none;
27822
+ -ms-user-select: none;
27823
+ user-select: none;
27962
27824
  touch-action: none;
27963
27825
  }
27964
27826
 
@@ -27993,12 +27855,12 @@ div.k-grid-footer {
27993
27855
 
27994
27856
  .k-grid-header .k-with-icon,
27995
27857
  .k-grid-header .k-filterable {
27996
- padding-right: calc( calc( 1.4285714286em + 16px + 2px) + 14px);
27858
+ padding-right: calc(1.4285714286em + 32px);
27997
27859
  }
27998
27860
 
27999
27861
  .k-ie .k-grid-header .k-with-icon, .k-ie
28000
27862
  .k-grid-header .k-filterable {
28001
- padding-right: calc( calc( 1.4285714286em + 16px + 2px) + 14px);
27863
+ padding-right: calc(1.4285714286em + 32px);
28002
27864
  }
28003
27865
 
28004
27866
  .k-grid-header .k-header > .k-link:focus {
@@ -28009,8 +27871,8 @@ div.k-grid-footer {
28009
27871
  .k-grid-header .k-header-column-menu,
28010
27872
  .k-grid-header .k-grid-header-menu {
28011
27873
  padding: 8px;
28012
- width: calc( 1.4285714286em + 16px + 2px);
28013
- height: calc( 1.4285714286em + 16px + 2px);
27874
+ width: calc(1.4285714286em + 18px);
27875
+ height: calc(1.4285714286em + 18px);
28014
27876
  box-sizing: border-box;
28015
27877
  outline: 0;
28016
27878
  line-height: 2;
@@ -28020,7 +27882,7 @@ div.k-grid-footer {
28020
27882
  justify-content: center;
28021
27883
  position: absolute;
28022
27884
  right: 14px;
28023
- bottom: calc( 16px + 1em - calc( 1.4285714286em + 16px)/2);
27885
+ bottom: calc(8px + 0.2857142857em);
28024
27886
  z-index: 1;
28025
27887
  }
28026
27888
 
@@ -28030,7 +27892,7 @@ div.k-grid-footer {
28030
27892
  cursor: pointer;
28031
27893
  }
28032
27894
 
28033
- .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 {
27895
+ .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 {
28034
27896
  vertical-align: text-top;
28035
27897
  margin-inline-start: 4px;
28036
27898
  }
@@ -28444,7 +28306,7 @@ div.k-grid-norecords {
28444
28306
  }
28445
28307
 
28446
28308
  .k-filterable > .k-cell-inner {
28447
- margin-inline-end: calc(-1 * calc( calc( 1.4285714286em + 16px + 2px) + 14px));
28309
+ margin-inline-end: calc(-1.4285714286em + -32px);
28448
28310
  }
28449
28311
 
28450
28312
  .k-filterable > .k-cell-inner .k-link {
@@ -28766,7 +28628,9 @@ div.k-grid-norecords {
28766
28628
  display: flex;
28767
28629
  flex: 0 0 auto;
28768
28630
  position: relative;
28769
- user-select: none;
28631
+ -webkit-user-select: none;
28632
+ -ms-user-select: none;
28633
+ user-select: none;
28770
28634
  }
28771
28635
 
28772
28636
  .k-column-menu-group-header-text {
@@ -28860,8 +28724,8 @@ div.k-grid-norecords {
28860
28724
 
28861
28725
  .k-grouping-dropclue {
28862
28726
  width: 0;
28863
- height: calc( 28px + 8px);
28864
- top: calc( ( calc( 1.4285714286em + 16px + 2px) + 16px - calc( 28px + 8px) ) / 2);
28727
+ height: 36px;
28728
+ top: calc(0.7142857143em - 1px);
28865
28729
  border-style: solid;
28866
28730
  border-width: 0 2px 0 0;
28867
28731
  }
@@ -28955,14 +28819,11 @@ tbody .k-group-cell {
28955
28819
  }
28956
28820
 
28957
28821
  .k-grid tbody > tr:not(.k-detail-row):hover,
28958
- .k-grid tbody > tr:not(.k-detail-row).k-state-hover,
28959
28822
  .k-grid tbody > tr:not(.k-detail-row).k-hover {
28960
28823
  background-color: rgba(0, 0, 0, 0.07);
28961
28824
  }
28962
28825
 
28963
- .k-grid td.k-state-selected,
28964
28826
  .k-grid td.k-selected,
28965
- .k-grid tr.k-state-selected > td,
28966
28827
  .k-grid tr.k-selected > td {
28967
28828
  background-color: rgba(0, 0, 0, 0.04);
28968
28829
  }
@@ -29003,19 +28864,15 @@ tbody .k-group-cell {
29003
28864
  border-top-color: rgba(0, 0, 0, 0.12);
29004
28865
  }
29005
28866
 
29006
- .k-grid .k-grid-content-locked .k-state-selected td,
29007
28867
  .k-grid .k-grid-content-locked .k-selected td {
29008
28868
  background-color: whitesmoke;
29009
28869
  }
29010
28870
 
29011
- .k-grid .k-grid-content-locked .k-state-selected.k-alt td,
29012
28871
  .k-grid .k-grid-content-locked .k-selected.k-alt td {
29013
28872
  background-color: whitesmoke;
29014
28873
  }
29015
28874
 
29016
- .k-grid .k-grid-content-locked .k-state-selected:hover td,
29017
28875
  .k-grid .k-grid-content-locked .k-selected:hover td,
29018
- .k-grid .k-grid-content-locked .k-state-selected.k-state-hover td,
29019
28876
  .k-grid .k-grid-content-locked .k-selected.k-hover td {
29020
28877
  background-color: #e4e4e4;
29021
28878
  }
@@ -29037,32 +28894,25 @@ th.k-sorted {
29037
28894
 
29038
28895
  .k-grid-header .k-i-sort-asc-sm,
29039
28896
  .k-grid-header .k-i-sort-desc-sm,
28897
+ .k-grid-header .k-i-sort-asc-small,
28898
+ .k-grid-header .k-i-sort-desc-small,
29040
28899
  .k-grid-header .k-sort-order {
29041
28900
  color: rgba(0, 0, 0, 0.54);
29042
28901
  }
29043
28902
 
29044
- .k-grid-header .k-grid-filter:focus, .k-grid-header .k-grid-filter.k-state-focus, .k-grid-header .k-grid-filter.k-focus, .k-grid-header .k-grid-filter.k-state-border-down,
28903
+ .k-grid-header .k-grid-filter:focus, .k-grid-header .k-grid-filter.k-focus,
29045
28904
  .k-grid-header .k-header-column-menu:focus,
29046
- .k-grid-header .k-header-column-menu.k-state-focus,
29047
28905
  .k-grid-header .k-header-column-menu.k-focus,
29048
- .k-grid-header .k-header-column-menu.k-state-border-down,
29049
28906
  .k-grid-header .k-grid-header-menu:focus,
29050
- .k-grid-header .k-grid-header-menu.k-state-focus,
29051
28907
  .k-grid-header .k-grid-header-menu.k-focus,
29052
- .k-grid-header .k-grid-header-menu.k-state-border-down,
29053
28908
  .k-grid-header .k-hierarchy-cell .k-icon:focus,
29054
- .k-grid-header .k-hierarchy-cell .k-icon.k-state-focus,
29055
- .k-grid-header .k-hierarchy-cell .k-icon.k-focus,
29056
- .k-grid-header .k-hierarchy-cell .k-icon.k-state-border-down {
28909
+ .k-grid-header .k-hierarchy-cell .k-icon.k-focus {
29057
28910
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
29058
28911
  }
29059
28912
 
29060
- .k-grid-header .k-grid-filter.k-state-active, .k-grid-header .k-grid-filter.k-active,
29061
- .k-grid-header .k-header-column-menu.k-state-active,
28913
+ .k-grid-header .k-grid-filter.k-active,
29062
28914
  .k-grid-header .k-header-column-menu.k-active,
29063
- .k-grid-header .k-grid-header-menu.k-state-active,
29064
28915
  .k-grid-header .k-grid-header-menu.k-active,
29065
- .k-grid-header .k-hierarchy-cell .k-icon.k-state-active,
29066
28916
  .k-grid-header .k-hierarchy-cell .k-icon.k-active {
29067
28917
  color: white;
29068
28918
  background-color: #e51a5f;
@@ -29106,44 +28956,30 @@ th.k-sorted {
29106
28956
  background-color: white;
29107
28957
  }
29108
28958
 
29109
- .k-master-row.k-state-selected .k-grid-content-sticky,
29110
28959
  .k-master-row.k-selected .k-grid-content-sticky,
29111
- .k-master-row.k-state-selected .k-grid-row-sticky,
29112
28960
  .k-master-row.k-selected .k-grid-row-sticky,
29113
- .k-master-row td.k-grid-content-sticky.k-state-selected,
29114
28961
  .k-master-row td.k-grid-content-sticky.k-selected {
29115
28962
  background-color: whitesmoke;
29116
28963
  }
29117
28964
 
29118
- .k-master-row.k-state-selected.k-alt .k-grid-content-sticky,
29119
28965
  .k-master-row.k-selected.k-alt .k-grid-content-sticky,
29120
- .k-master-row.k-state-selected.k-alt .k-grid-row-sticky,
29121
28966
  .k-master-row.k-selected.k-alt .k-grid-row-sticky,
29122
- .k-master-row.k-alt td.k-grid-content-sticky.k-state-selected,
29123
28967
  .k-master-row.k-alt td.k-grid-content-sticky.k-selected {
29124
28968
  background-color: whitesmoke;
29125
28969
  }
29126
28970
 
29127
28971
  .k-master-row:hover .k-grid-content-sticky,
29128
28972
  .k-master-row:hover .k-grid-row-sticky,
29129
- .k-master-row.k-state-hover .k-grid-content-sticky,
29130
28973
  .k-master-row.k-hover .k-grid-content-sticky,
29131
- .k-master-row.k-state-hover .k-grid-row-sticky,
29132
28974
  .k-master-row.k-hover .k-grid-row-sticky {
29133
28975
  background-color: #ededed;
29134
28976
  }
29135
28977
 
29136
- .k-master-row.k-state-selected:hover .k-grid-content-sticky,
29137
28978
  .k-master-row.k-selected:hover .k-grid-content-sticky,
29138
- .k-master-row.k-state-selected:hover .k-grid-row-sticky,
29139
28979
  .k-master-row.k-selected:hover .k-grid-row-sticky,
29140
- .k-master-row.k-state-selected.k-state-hover .k-grid-content-sticky,
29141
28980
  .k-master-row.k-selected.k-hover .k-grid-content-sticky,
29142
- .k-master-row.k-state-selected.k-state-hover .k-grid-row-sticky,
29143
28981
  .k-master-row.k-selected.k-hover .k-grid-row-sticky,
29144
- .k-master-row:hover td.k-grid-content-sticky.k-state-selected,
29145
28982
  .k-master-row:hover td.k-grid-content-sticky.k-selected,
29146
- .k-master-row.k-state-hover td.k-grid-content-sticky.k-state-selected,
29147
28983
  .k-master-row.k-hover td.k-grid-content-sticky.k-selected {
29148
28984
  background-color: #e4e4e4;
29149
28985
  }
@@ -29155,7 +28991,7 @@ kendo-grid .k-grid-content-sticky {
29155
28991
  background-color: white;
29156
28992
  }
29157
28993
 
29158
- kendo-grid .k-grid-content-sticky:hover, kendo-grid .k-grid-content-sticky.k-state-hover, kendo-grid .k-grid-content-sticky.k-hover {
28994
+ kendo-grid .k-grid-content-sticky:hover, kendo-grid .k-grid-content-sticky.k-hover {
29159
28995
  background-color: #ededed;
29160
28996
  }
29161
28997
 
@@ -29166,7 +29002,6 @@ kendo-grid .k-grid-row-sticky td {
29166
29002
  }
29167
29003
 
29168
29004
  kendo-grid .k-grid-row-sticky:hover td,
29169
- kendo-grid .k-grid-row-sticky.k-state-hover td,
29170
29005
  kendo-grid .k-grid-row-sticky.k-hover td {
29171
29006
  background-color: #ededed;
29172
29007
  }
@@ -29176,64 +29011,41 @@ kendo-grid .k-grid-row-sticky.k-alt td {
29176
29011
  background-color: white;
29177
29012
  }
29178
29013
 
29179
- kendo-grid tr.k-state-selected .k-grid-content-sticky,
29180
29014
  kendo-grid tr.k-selected .k-grid-content-sticky,
29181
- kendo-grid .k-state-selected.k-grid-row-sticky td,
29182
29015
  kendo-grid .k-selected.k-grid-row-sticky td,
29183
- kendo-grid .k-grid-row-sticky td.k-state-selected,
29184
29016
  kendo-grid .k-grid-row-sticky td.k-selected,
29185
- kendo-grid .k-state-selected.k-grid-content-sticky,
29186
29017
  kendo-grid .k-selected.k-grid-content-sticky {
29187
29018
  background-color: whitesmoke;
29188
29019
  }
29189
29020
 
29190
- kendo-grid tr.k-state-selected.k-alt .k-grid-content-sticky,
29191
29021
  kendo-grid tr.k-selected.k-alt .k-grid-content-sticky,
29192
- kendo-grid .k-state-selected.k-alt.k-grid-row-sticky td,
29193
29022
  kendo-grid .k-selected.k-alt.k-grid-row-sticky td,
29194
- kendo-grid .k-alt .k-state-selected.k-grid-content-sticky,
29195
29023
  kendo-grid .k-alt .k-selected.k-grid-content-sticky {
29196
29024
  background-color: whitesmoke;
29197
29025
  }
29198
29026
 
29199
29027
  kendo-grid tr:hover .k-grid-content-sticky,
29200
- kendo-grid tr.k-state-hover .k-grid-content-sticky,
29201
29028
  kendo-grid tr.k-hover .k-grid-content-sticky,
29202
29029
  kendo-grid .k-grid-row-sticky:hover td,
29203
- kendo-grid .k-grid-row-sticky.k-state-hover td,
29204
29030
  kendo-grid .k-grid-row-sticky.k-hover td,
29205
29031
  kendo-grid .k-grid-row-sticky.k-alt:hover td,
29206
- kendo-grid .k-grid-row-sticky.k-alt.k-state-hover td,
29207
29032
  kendo-grid .k-grid-row-sticky.k-alt.k-hover td,
29208
29033
  kendo-grid .k-alt:hover .k-grid-content-sticky,
29209
- kendo-grid .k-alt.k-state-hover .k-grid-content-sticky,
29210
29034
  kendo-grid .k-alt.k-hover .k-grid-content-sticky {
29211
29035
  background-color: #ededed;
29212
29036
  }
29213
29037
 
29214
- kendo-grid tr.k-state-selected:hover .k-grid-content-sticky,
29215
29038
  kendo-grid tr.k-selected:hover .k-grid-content-sticky,
29216
- kendo-grid tr.k-state-selected.k-state-hover .k-grid-content-sticky,
29217
29039
  kendo-grid tr.k-selected.k-hover .k-grid-content-sticky,
29218
- kendo-grid .k-state-selected.k-grid-row-sticky:hover td,
29219
29040
  kendo-grid .k-selected.k-grid-row-sticky:hover td,
29220
- kendo-grid .k-state-selected.k-grid-row-sticky.k-state-hover td,
29221
29041
  kendo-grid .k-selected.k-grid-row-sticky.k-hover td,
29222
- kendo-grid .k-state-selected.k-alt.k-grid-row-sticky:hover td,
29223
29042
  kendo-grid .k-selected.k-alt.k-grid-row-sticky:hover td,
29224
- kendo-grid .k-state-selected.k-alt.k-grid-row-sticky.k-state-hover td,
29225
29043
  kendo-grid .k-selected.k-alt.k-grid-row-sticky.k-hover td,
29226
- kendo-grid tr.k-state-selected.k-alt:hover .k-grid-content-sticky,
29227
29044
  kendo-grid tr.k-selected.k-alt:hover .k-grid-content-sticky,
29228
- kendo-grid tr.k-state-selected.k-alt.k-state-hover .k-grid-content-sticky,
29229
29045
  kendo-grid tr.k-selected.k-alt.k-hover .k-grid-content-sticky,
29230
- kendo-grid .k-grid-row-sticky:hover td.k-state-selected,
29231
29046
  kendo-grid .k-grid-row-sticky:hover td.k-selected,
29232
- kendo-grid .k-grid-row-sticky.k-state-hover td.k-state-selected,
29233
29047
  kendo-grid .k-grid-row-sticky.k-hover td.k-selected,
29234
- kendo-grid tr:hover .k-grid-content-sticky.k-state-selected,
29235
29048
  kendo-grid tr:hover .k-grid-content-sticky.k-selected,
29236
- kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected,
29237
29049
  kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
29238
29050
  background-color: #e4e4e4;
29239
29051
  }
@@ -29243,7 +29055,6 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
29243
29055
  }
29244
29056
 
29245
29057
  .k-grouping-row:hover .k-grid-content-sticky,
29246
- .k-grouping-row.k-state-hover .k-grid-content-sticky,
29247
29058
  .k-grouping-row.k-hover .k-grid-content-sticky {
29248
29059
  background-color: #ededed;
29249
29060
  }
@@ -29254,7 +29065,7 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
29254
29065
  background-color: rgba(0, 0, 0, 0.04);
29255
29066
  }
29256
29067
 
29257
- .k-columnmenu-item.k-state-selected, .k-columnmenu-item.k-selected {
29068
+ .k-columnmenu-item.k-selected {
29258
29069
  color: #e51a5f;
29259
29070
  background-color: white;
29260
29071
  }
@@ -29265,12 +29076,12 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
29265
29076
  background-color: white;
29266
29077
  }
29267
29078
 
29268
- .k-column-menu .k-menu:not(.k-context-menu) .k-item:hover, .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-state-hover, .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-hover {
29079
+ .k-column-menu .k-menu:not(.k-context-menu) .k-item:hover, .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-hover {
29269
29080
  color: rgba(0, 0, 0, 0.87);
29270
29081
  background-color: rgba(0, 0, 0, 0.04);
29271
29082
  }
29272
29083
 
29273
- .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-state-selected, .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-selected {
29084
+ .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-selected {
29274
29085
  color: #e51a5f;
29275
29086
  background-color: white;
29276
29087
  }
@@ -29289,27 +29100,22 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
29289
29100
  border-color: rgba(0, 0, 0, 0.12);
29290
29101
  }
29291
29102
 
29292
- .k-grid td.k-state-selected,
29293
29103
  .k-grid td.k-selected,
29294
- .k-grid tr.k-state-selected,
29295
29104
  .k-grid tr.k-selected {
29296
29105
  background-color: rgba(0, 0, 0, 0.04);
29297
29106
  }
29298
29107
 
29299
- .k-grid tr.k-state-selected > td,
29300
29108
  .k-grid tr.k-selected > td {
29301
29109
  color: inherit;
29302
29110
  background-color: transparent;
29303
29111
  }
29304
29112
 
29305
29113
  .k-grid table > tr:not(.k-detail-row):hover,
29306
- .k-grid table > tr:not(.k-detail-row).k-state-hover,
29307
29114
  .k-grid table > tr:not(.k-detail-row).k-hover,
29308
- .k-grid table td.k-state-focused,
29115
+ .k-grid table td:focus,
29309
29116
  .k-grid table td.k-focus,
29310
- .k-grid table th.k-state-focused,
29311
- .k-grid table th.k-focus,
29312
29117
  .k-grid table th:focus,
29118
+ .k-grid table th.k-focus,
29313
29119
  .k-grid table .k-master-row > td:focus,
29314
29120
  .k-grid table .k-grouping-row > td:focus,
29315
29121
  .k-grid table .k-detail-row > td:focus,
@@ -29320,21 +29126,16 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
29320
29126
 
29321
29127
  .k-grid table tr:hover .k-grid-header-sticky,
29322
29128
  .k-grid table tr:hover .k-grid-footer-sticky,
29323
- .k-grid table tr.k-state-hover .k-grid-header-sticky,
29324
- .k-grid table tr.k-state-hover .k-grid-footer-sticky,
29325
29129
  .k-grid table tr.k-hover .k-grid-header-sticky,
29326
29130
  .k-grid table tr.k-hover .k-grid-footer-sticky {
29327
29131
  color: inherit;
29328
29132
  background-color: #ededed;
29329
29133
  }
29330
29134
 
29331
- .k-grid table td.k-state-focused.k-grid-header-sticky, .k-grid table td.k-state-focused.k-grid-content-sticky, .k-grid table td.k-state-focused.k-grid-footer-sticky,
29135
+ .k-grid table td:focus.k-grid-header-sticky, .k-grid table td:focus.k-grid-content-sticky, .k-grid table td:focus.k-grid-footer-sticky,
29332
29136
  .k-grid table td.k-focus.k-grid-header-sticky,
29333
29137
  .k-grid table td.k-focus.k-grid-content-sticky,
29334
29138
  .k-grid table td.k-focus.k-grid-footer-sticky,
29335
- .k-grid table th.k-state-focused.k-grid-header-sticky,
29336
- .k-grid table th.k-state-focused.k-grid-content-sticky,
29337
- .k-grid table th.k-state-focused.k-grid-footer-sticky,
29338
29139
  .k-grid table th.k-focus.k-grid-header-sticky,
29339
29140
  .k-grid table th.k-focus.k-grid-content-sticky,
29340
29141
  .k-grid table th.k-focus.k-grid-footer-sticky,
@@ -29358,7 +29159,6 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
29358
29159
  }
29359
29160
 
29360
29161
  .k-grid .k-grid-pager:focus,
29361
- .k-grid .k-grid-pager.k-state-focused,
29362
29162
  .k-grid .k-grid-pager.k-focus {
29363
29163
  color: inherit;
29364
29164
  }
@@ -29414,16 +29214,12 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
29414
29214
  }
29415
29215
 
29416
29216
  .k-grid .k-grid-header-locked .k-group-footer:hover td,
29417
- .k-grid .k-grid-header-locked .k-group-footer.k-state-hover td,
29418
29217
  .k-grid .k-grid-header-locked .k-group-footer.k-hover td,
29419
29218
  .k-grid .k-grid-content-locked .k-group-footer:hover td,
29420
- .k-grid .k-grid-content-locked .k-group-footer.k-state-hover td,
29421
29219
  .k-grid .k-grid-content-locked .k-group-footer.k-hover td,
29422
29220
  .k-grid .k-grid-header-locked .k-header .k-group-footer:hover td,
29423
- .k-grid .k-grid-header-locked .k-header .k-group-footer.k-state-hover td,
29424
29221
  .k-grid .k-grid-header-locked .k-header .k-group-footer.k-hover td,
29425
29222
  .k-grid .k-grid-content-locked td .k-group-footer:hover td,
29426
- .k-grid .k-grid-content-locked td .k-group-footer.k-state-hover td,
29427
29223
  .k-grid .k-grid-content-locked td .k-group-footer.k-hover td {
29428
29224
  color: inherit;
29429
29225
  background-color: white;
@@ -29467,30 +29263,21 @@ kendo-grid .k-grid-row-sticky td {
29467
29263
  background-color: transparent;
29468
29264
  }
29469
29265
 
29470
- .k-grid-header .k-grid-filter:focus, .k-grid-header .k-grid-filter.k-state-focus, .k-grid-header .k-grid-filter.k-focus, .k-grid-header .k-grid-filter.k-state-border-down,
29266
+ .k-grid-header .k-grid-filter:focus, .k-grid-header .k-grid-filter.k-focus,
29471
29267
  .k-grid-header .k-header-column-menu:focus,
29472
- .k-grid-header .k-header-column-menu.k-state-focus,
29473
29268
  .k-grid-header .k-header-column-menu.k-focus,
29474
- .k-grid-header .k-header-column-menu.k-state-border-down,
29475
29269
  .k-grid-header .k-grid-header-menu:focus,
29476
- .k-grid-header .k-grid-header-menu.k-state-focus,
29477
29270
  .k-grid-header .k-grid-header-menu.k-focus,
29478
- .k-grid-header .k-grid-header-menu.k-state-border-down,
29479
29271
  .k-grid-header .k-hierarchy-cell .k-icon:focus,
29480
- .k-grid-header .k-hierarchy-cell .k-icon.k-state-focus,
29481
- .k-grid-header .k-hierarchy-cell .k-icon.k-focus,
29482
- .k-grid-header .k-hierarchy-cell .k-icon.k-state-border-down {
29272
+ .k-grid-header .k-hierarchy-cell .k-icon.k-focus {
29483
29273
  color: rgba(0, 0, 0, 0.87);
29484
29274
  background-color: rgba(0, 0, 0, 0.12);
29485
29275
  box-shadow: none;
29486
29276
  }
29487
29277
 
29488
- .k-grid-header .k-grid-filter.k-state-active, .k-grid-header .k-grid-filter.k-active,
29489
- .k-grid-header .k-header-column-menu.k-state-active,
29278
+ .k-grid-header .k-grid-filter.k-active,
29490
29279
  .k-grid-header .k-header-column-menu.k-active,
29491
- .k-grid-header .k-grid-header-menu.k-state-active,
29492
29280
  .k-grid-header .k-grid-header-menu.k-active,
29493
- .k-grid-header .k-hierarchy-cell .k-icon.k-state-active,
29494
29281
  .k-grid-header .k-hierarchy-cell .k-icon.k-active {
29495
29282
  color: white;
29496
29283
  background-color: #3f51b5;
@@ -29527,7 +29314,6 @@ thead.k-grid-header > tr:not(:only-child) > th {
29527
29314
  }
29528
29315
 
29529
29316
  .k-group-footer:hover td,
29530
- .k-group-footer.k-state-hover td,
29531
29317
  .k-group-footer.k-hover td {
29532
29318
  background-color: white;
29533
29319
  }
@@ -29560,18 +29346,17 @@ thead.k-grid-header > tr:not(:only-child) > th {
29560
29346
  background-color: #3f51b5;
29561
29347
  }
29562
29348
 
29563
- .k-columnmenu-item.k-state-selected, .k-columnmenu-item.k-selected {
29349
+ .k-columnmenu-item.k-selected {
29564
29350
  color: #e51a5f;
29565
29351
  background-color: white;
29566
29352
  }
29567
29353
 
29568
29354
  .k-columnmenu-item:focus,
29569
- .k-columnmenu-item.k-state-focus,
29570
29355
  .k-columnmenu-item.k-focus {
29571
29356
  background: rgba(0, 0, 0, 0.04);
29572
29357
  }
29573
29358
 
29574
- .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-state-selected, .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-selected {
29359
+ .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-selected {
29575
29360
  background: rgba(0, 0, 0, 0.04);
29576
29361
  }
29577
29362
 
@@ -29710,18 +29495,15 @@ thead.k-grid-header > tr:not(:only-child) > th {
29710
29495
  background-color: white;
29711
29496
  }
29712
29497
 
29713
- .k-listview-content > .k-state-focused,
29714
29498
  .k-listview-content > .k-focus {
29715
29499
  background-color: rgba(0, 0, 0, 0.08);
29716
29500
  }
29717
29501
 
29718
- .k-listview-content > .k-state-selected,
29719
29502
  .k-listview-content > .k-selected {
29720
29503
  background-color: rgba(0, 0, 0, 0.04);
29721
29504
  }
29722
29505
 
29723
- .k-listview-content > .k-state-selected.k-state-focused,
29724
- .k-listview-content > .k-selected.k-focused {
29506
+ .k-listview-content > .k-selected.k-focus {
29725
29507
  background-color: rgba(0, 0, 0, 0.12);
29726
29508
  }
29727
29509
 
@@ -29968,7 +29750,6 @@ thead.k-grid-header > tr:not(:only-child) > th {
29968
29750
  overflow: hidden;
29969
29751
  }
29970
29752
 
29971
- .k-spreadsheet-view .k-state-disabled,
29972
29753
  .k-spreadsheet-view .k-disabled {
29973
29754
  pointer-events: auto;
29974
29755
  }
@@ -29979,7 +29760,6 @@ thead.k-grid-header > tr:not(:only-child) > th {
29979
29760
  border-color: inherit;
29980
29761
  box-sizing: border-box;
29981
29762
  -webkit-user-select: none;
29982
- -moz-user-select: none;
29983
29763
  -ms-user-select: none;
29984
29764
  user-select: none;
29985
29765
  position: absolute;
@@ -30303,12 +30083,12 @@ thead.k-grid-header > tr:not(:only-child) > th {
30303
30083
 
30304
30084
  .k-spreadsheet-filter-menu > .k-menu .k-link,
30305
30085
  .k-spreadsheet-filter-menu > .k-menu.k-menu-vertical .k-link {
30306
- padding-left: calc( 16px + 8px);
30086
+ padding-left: 24px;
30307
30087
  }
30308
30088
 
30309
30089
  .k-spreadsheet-filter-menu > .k-menu .k-icon,
30310
30090
  .k-spreadsheet-filter-menu > .k-menu.k-menu-vertical .k-icon {
30311
- margin-left: calc(-1 * ( 16px + 4px ));
30091
+ margin-left: -20px;
30312
30092
  margin-right: 4px;
30313
30093
  }
30314
30094
 
@@ -30516,7 +30296,6 @@ thead.k-grid-header > tr:not(:only-child) > th {
30516
30296
  }
30517
30297
 
30518
30298
  .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover div,
30519
- .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-state-hovered div,
30520
30299
  .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-hover div {
30521
30300
  margin: 0;
30522
30301
  align-self: center;
@@ -30608,7 +30387,7 @@ thead.k-grid-header > tr:not(:only-child) > th {
30608
30387
  cursor: nwse-resize;
30609
30388
  }
30610
30389
 
30611
- .k-spreadsheet-drawing .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover, .k-spreadsheet-drawing .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-state-hovered, .k-spreadsheet-drawing .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-hover {
30390
+ .k-spreadsheet-drawing .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover, .k-spreadsheet-drawing .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-hover {
30612
30391
  border-radius: 4px;
30613
30392
  }
30614
30393
 
@@ -30682,7 +30461,6 @@ thead.k-grid-header > tr:not(:only-child) > th {
30682
30461
  color: inherit;
30683
30462
  }
30684
30463
 
30685
- .k-spreadsheet > .k-tabstrip-wrapper .k-tabstrip-items .k-item.k-state-active::after,
30686
30464
  .k-spreadsheet > .k-tabstrip-wrapper .k-tabstrip-items .k-item.k-active::after {
30687
30465
  border-color: white;
30688
30466
  }
@@ -30698,7 +30476,6 @@ thead.k-grid-header > tr:not(:only-child) > th {
30698
30476
  background-color: whitesmoke;
30699
30477
  }
30700
30478
 
30701
- .k-spreadsheet-sheets-bar .k-tabstrip-items .k-item.k-state-active,
30702
30479
  .k-spreadsheet-sheets-bar .k-tabstrip-items .k-item.k-active {
30703
30480
  border-color: #e51a5f;
30704
30481
  }
@@ -30816,7 +30593,7 @@ thead.k-grid-header > tr:not(:only-child) > th {
30816
30593
  box-shadow: inset 0 0 0 1px white;
30817
30594
  }
30818
30595
 
30819
- .k-spreadsheet-filter.k-state-active, .k-spreadsheet-filter.k-active {
30596
+ .k-spreadsheet-filter.k-active {
30820
30597
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
30821
30598
  }
30822
30599
 
@@ -30830,12 +30607,11 @@ thead.k-grid-header > tr:not(:only-child) > th {
30830
30607
  border-color: rgba(0, 0, 0, 0.12);
30831
30608
  }
30832
30609
 
30833
- .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover, .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-state-hovered, .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-hover {
30610
+ .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover, .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-hover {
30834
30611
  box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.5);
30835
30612
  }
30836
30613
 
30837
30614
  .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover div,
30838
- .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-state-hovered div,
30839
30615
  .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-hover div {
30840
30616
  color: white;
30841
30617
  }
@@ -30854,16 +30630,13 @@ thead.k-grid-header > tr:not(:only-child) > th {
30854
30630
  }
30855
30631
 
30856
30632
  .k-spreadsheet-popup .k-button:hover,
30857
- .k-spreadsheet-popup .k-button.k-state-hover,
30858
30633
  .k-spreadsheet-popup .k-button.k-hover {
30859
30634
  color: rgba(0, 0, 0, 0.87);
30860
30635
  background-color: rgba(0, 0, 0, 0.04);
30861
30636
  }
30862
30637
 
30863
30638
  .k-spreadsheet-popup .k-button:active,
30864
- .k-spreadsheet-popup .k-button.k-state-active,
30865
30639
  .k-spreadsheet-popup .k-button.k-active,
30866
- .k-spreadsheet-popup .k-button.k-state-selected,
30867
30640
  .k-spreadsheet-popup .k-button.k-selected {
30868
30641
  color: #e51a5f;
30869
30642
  background-color: white;
@@ -30937,6 +30710,10 @@ thead.k-grid-header > tr:not(:only-child) > th {
30937
30710
  border-bottom-width: 1px;
30938
30711
  }
30939
30712
 
30713
+ .k-pivotgrid-empty-cell:focus {
30714
+ outline: none;
30715
+ }
30716
+
30940
30717
  .k-pivotgrid-column-headers {
30941
30718
  overflow: hidden;
30942
30719
  }
@@ -31001,6 +30778,10 @@ thead.k-grid-header > tr:not(:only-child) > th {
31001
30778
  overflow: hidden;
31002
30779
  }
31003
30780
 
30781
+ .k-pivotgrid-cell:focus {
30782
+ outline: none;
30783
+ }
30784
+
31004
30785
  .k-pivotgrid-cell .k-icon {
31005
30786
  cursor: pointer;
31006
30787
  padding-inline-end: 8px;
@@ -31035,7 +30816,9 @@ thead.k-grid-header > tr:not(:only-child) > th {
31035
30816
  border-style: solid;
31036
30817
  box-sizing: border-box;
31037
30818
  cursor: pointer;
31038
- user-select: none;
30819
+ -webkit-user-select: none;
30820
+ -ms-user-select: none;
30821
+ user-select: none;
31039
30822
  }
31040
30823
 
31041
30824
  .k-flex-row .k-pivotgrid-configurator-button, .k-d-flex-row .k-pivotgrid-configurator-button,
@@ -31046,7 +30829,8 @@ thead.k-grid-header > tr:not(:only-child) > th {
31046
30829
 
31047
30830
  .k-flex-row .k-pivotgrid-configurator-button span, .k-d-flex-row .k-pivotgrid-configurator-button span,
31048
30831
  .k-flex-row-reverse .k-pivotgrid-configurator-button span {
31049
- writing-mode: vertical-rl;
30832
+ -ms-writing-mode: tb-rl;
30833
+ writing-mode: vertical-rl;
31050
30834
  }
31051
30835
 
31052
30836
  .k-flex-row .k-pivotgrid-configurator-button .k-icon, .k-d-flex-row .k-pivotgrid-configurator-button .k-icon,
@@ -31071,19 +30855,19 @@ thead.k-grid-header > tr:not(:only-child) > th {
31071
30855
  }
31072
30856
 
31073
30857
  .k-flex-row .k-pivotgrid-configurator-overlay, .k-d-flex-row .k-pivotgrid-configurator-overlay {
31074
- right: calc( 2em + 8px + 2px);
30858
+ right: calc(2em + 10px);
31075
30859
  }
31076
30860
 
31077
30861
  .k-flex-row-reverse .k-pivotgrid-configurator-overlay {
31078
- left: calc( 2em + 8px + 2px);
30862
+ left: calc(2em + 10px);
31079
30863
  }
31080
30864
 
31081
30865
  .k-flex-col .k-pivotgrid-configurator-overlay, .k-d-flex-col .k-pivotgrid-configurator-overlay, .k-flex-column .k-pivotgrid-configurator-overlay {
31082
- bottom: calc( 2em + 8px + 2px);
30866
+ bottom: calc(2em + 10px);
31083
30867
  }
31084
30868
 
31085
30869
  .k-flex-col-reverse .k-pivotgrid-configurator-overlay, .k-flex-column-reverse .k-pivotgrid-configurator-overlay {
31086
- top: calc( 2em + 8px + 2px);
30870
+ top: calc(2em + 10px);
31087
30871
  }
31088
30872
 
31089
30873
  .k-pivotgrid-configurator-header {
@@ -31546,21 +31330,16 @@ thead.k-grid-header > tr:not(:only-child) > th {
31546
31330
  background-color: #ebebeb;
31547
31331
  }
31548
31332
 
31549
- .k-pivotgrid-row-headers tbody > .k-pivotgrid-row.k-state-hover,
31550
- .k-pivotgrid-row-headers tbody > .k-pivotgrid-row.k-hover,
31551
31333
  .k-pivotgrid-row-headers tbody > .k-pivotgrid-row:hover,
31552
- .k-pivotgrid-column-headers tbody > .k-pivotgrid-row.k-state-hover,
31553
- .k-pivotgrid-column-headers tbody > .k-pivotgrid-row.k-hover,
31334
+ .k-pivotgrid-row-headers tbody > .k-pivotgrid-row.k-hover,
31554
31335
  .k-pivotgrid-column-headers tbody > .k-pivotgrid-row:hover,
31555
- .k-pivotgrid-values tbody > .k-pivotgrid-row.k-state-hover,
31556
- .k-pivotgrid-values tbody > .k-pivotgrid-row.k-hover,
31557
- .k-pivotgrid-values tbody > .k-pivotgrid-row:hover {
31336
+ .k-pivotgrid-column-headers tbody > .k-pivotgrid-row.k-hover,
31337
+ .k-pivotgrid-values tbody > .k-pivotgrid-row:hover,
31338
+ .k-pivotgrid-values tbody > .k-pivotgrid-row.k-hover {
31558
31339
  background-color: #ededed;
31559
31340
  }
31560
31341
 
31561
- .k-pivotgrid-cell.k-state-selected,
31562
31342
  .k-pivotgrid-cell.k-selected,
31563
- .k-pivotgrid-row.k-state-selected > .k-pivotgrid-cell,
31564
31343
  .k-pivotgrid-row.k-selected > .k-pivotgrid-cell {
31565
31344
  background-color: rgba(0, 0, 0, 0.04);
31566
31345
  }
@@ -31678,9 +31457,8 @@ thead.k-grid-header > tr:not(:only-child) > th {
31678
31457
  border-color: rgba(0, 0, 0, 0.12);
31679
31458
  }
31680
31459
 
31681
- .k-pivotgrid-cell.k-state-focus,
31682
- .k-pivotgrid-cell.k-focus,
31683
31460
  .k-pivotgrid-cell:focus,
31461
+ .k-pivotgrid-cell.k-focus,
31684
31462
  .k-master-row > .k-pivotgrid-cell:focus,
31685
31463
  .k-grouping-row > .k-pivotgrid-cell:focus,
31686
31464
  .k-detail-row > .k-pivotgrid-cell:focus,
@@ -31708,7 +31486,6 @@ thead.k-grid-header > tr:not(:only-child) > th {
31708
31486
  }
31709
31487
 
31710
31488
  .k-treelist .k-treelist-dragging,
31711
- .k-treelist .k-treelist-dragging .k-state-hover,
31712
31489
  .k-treelist .k-treelist-dragging .k-hover {
31713
31490
  cursor: default;
31714
31491
  }
@@ -31879,7 +31656,7 @@ thead.k-grid-header > tr:not(:only-child) > th {
31879
31656
  content: "";
31880
31657
  position: absolute;
31881
31658
  width: 1px;
31882
- top: calc(-8px - 1px);
31659
+ top: -9px;
31883
31660
  bottom: 50%;
31884
31661
  left: -8px;
31885
31662
  }
@@ -32066,7 +31843,7 @@ thead.k-grid-header > tr:not(:only-child) > th {
32066
31843
  .k-filemanager-preview {
32067
31844
  padding: 48px 16px 16px;
32068
31845
  width: 20%;
32069
- min-height: calc( 64px + 192px + 48px);
31846
+ min-height: 304px;
32070
31847
  border-width: 0;
32071
31848
  border-left-width: 1px;
32072
31849
  border-style: solid;
@@ -32169,7 +31946,6 @@ thead.k-grid-header > tr:not(:only-child) > th {
32169
31946
  color: rgba(97, 97, 97, 0.9116);
32170
31947
  }
32171
31948
 
32172
- .k-filemanager-listview .k-listview-item.k-state-selected .k-file-icon,
32173
31949
  .k-filemanager-listview .k-listview-item.k-selected .k-file-icon {
32174
31950
  border-color: transparent;
32175
31951
  color: inherit;
@@ -32345,7 +32121,7 @@ thead.k-grid-header > tr:not(:only-child) > th {
32345
32121
  overflow-wrap: anywhere;
32346
32122
  }
32347
32123
 
32348
- .k-taskboard-card .k-card-title:focus, .k-taskboard-card .k-card-title.k-focus, .k-taskboard-card .k-card-title.k-state-focus, .k-taskboard-card .k-card-title:hover, .k-taskboard-card .k-card-title.k-hover, .k-taskboard-card .k-card-title.k-state-hover {
32124
+ .k-taskboard-card .k-card-title:focus, .k-taskboard-card .k-card-title.k-focus, .k-taskboard-card .k-card-title:hover, .k-taskboard-card .k-card-title.k-hover {
32349
32125
  text-decoration: underline;
32350
32126
  }
32351
32127
 
@@ -32389,7 +32165,6 @@ thead.k-grid-header > tr:not(:only-child) > th {
32389
32165
  }
32390
32166
 
32391
32167
  .k-taskboard-column:focus,
32392
- .k-taskboard-column.k-state-focus,
32393
32168
  .k-taskboard-column.k-focus {
32394
32169
  border-color: rgba(0, 0, 0, 0.264);
32395
32170
  }
@@ -32419,29 +32194,29 @@ thead.k-grid-header > tr:not(:only-child) > th {
32419
32194
  color: #3f51b5;
32420
32195
  }
32421
32196
 
32422
- .k-taskboard-card .k-card-title:focus, .k-taskboard-card .k-card-title.k-focus, .k-taskboard-card .k-card-title.k-state-focus {
32197
+ .k-taskboard-card .k-card-title:focus, .k-taskboard-card .k-card-title.k-focus {
32423
32198
  color: #303f9f;
32424
32199
  }
32425
32200
 
32426
- .k-taskboard-card .k-card-title:hover, .k-taskboard-card .k-card-title.k-hover, .k-taskboard-card .k-card-title.k-state-hover {
32201
+ .k-taskboard-card .k-card-title:hover, .k-taskboard-card .k-card-title.k-hover {
32427
32202
  color: #303f9f;
32428
32203
  }
32429
32204
 
32430
- .k-taskboard-card:focus, .k-taskboard-card.k-focus, .k-taskboard-card.k-state-focus {
32205
+ .k-taskboard-card:focus, .k-taskboard-card.k-focus {
32431
32206
  border-color: rgba(0, 0, 0, 0.1628);
32432
32207
  box-shadow: none;
32433
32208
  }
32434
32209
 
32435
- .k-taskboard-card:hover, .k-taskboard-card.k-hover, .k-taskboard-card.k-state-hover {
32210
+ .k-taskboard-card:hover, .k-taskboard-card.k-hover {
32436
32211
  border-color: rgba(0, 0, 0, 0.172);
32437
32212
  }
32438
32213
 
32439
- .k-taskboard-card.k-selected, .k-taskboard-card.k-state-selected {
32214
+ .k-taskboard-card.k-selected {
32440
32215
  border-color: #7986cb;
32441
32216
  box-shadow: none;
32442
32217
  }
32443
32218
 
32444
- .k-taskboard-card.k-disabled, .k-taskboard-card.k-state-disabled {
32219
+ .k-taskboard-card.k-disabled {
32445
32220
  outline: none;
32446
32221
  cursor: default;
32447
32222
  opacity: 0.6;
@@ -32503,7 +32278,6 @@ kendo-editor.k-readonly .k-editor-content {
32503
32278
  pointer-events: auto;
32504
32279
  }
32505
32280
 
32506
- kendo-editor.k-readonly .k-editor-content.k-state-focused,
32507
32281
  kendo-editor.k-readonly .k-editor-content.k-focus {
32508
32282
  outline-width: 1px;
32509
32283
  outline-style: dashed;
@@ -32625,8 +32399,8 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
32625
32399
 
32626
32400
  .k-editor-toolbar .k-tool {
32627
32401
  padding: 8px;
32628
- width: calc( 1.4285714286em + 16px + 2px);
32629
- height: calc( 1.4285714286em + 16px + 2px);
32402
+ width: calc(1.4285714286em + 18px);
32403
+ height: calc(1.4285714286em + 18px);
32630
32404
  }
32631
32405
 
32632
32406
  .k-editor-toolbar .k-tool-text {
@@ -32688,7 +32462,9 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
32688
32462
  float: left;
32689
32463
  opacity: 1;
32690
32464
  cursor: text;
32691
- user-select: none;
32465
+ -webkit-user-select: none;
32466
+ -ms-user-select: none;
32467
+ user-select: none;
32692
32468
  }
32693
32469
 
32694
32470
  td.k-editor-content {
@@ -32748,7 +32524,8 @@ td.k-editor-content {
32748
32524
  cursor: se-resize;
32749
32525
  }
32750
32526
 
32751
- .k-editor .k-resize-handle .k-i-arrow-45-down-right {
32527
+ .k-editor .k-resize-handle .k-i-arrow-45-down-right,
32528
+ .k-editor .k-resize-handle .k-i-caret-br {
32752
32529
  display: none;
32753
32530
  }
32754
32531
 
@@ -32798,7 +32575,7 @@ td.k-editor-content {
32798
32575
 
32799
32576
  .k-editor-dialog .k-edit-label {
32800
32577
  width: 30%;
32801
- padding: calc( 4px + 1px) 0;
32578
+ padding: 5px 0;
32802
32579
  }
32803
32580
 
32804
32581
  .k-editor-dialog .k-edit-field {
@@ -32932,7 +32709,7 @@ td.k-editor-content {
32932
32709
  margin: auto;
32933
32710
  }
32934
32711
 
32935
- .k-filebrowser .k-tile-empty.k-state-selected, .k-filebrowser .k-tile-empty.k-selected {
32712
+ .k-filebrowser .k-tile-empty.k-selected {
32936
32713
  color: inherit;
32937
32714
  border-width: 0;
32938
32715
  background-image: none;
@@ -33147,7 +32924,7 @@ td.k-editor-content {
33147
32924
  }
33148
32925
 
33149
32926
  .k-editor-dialog .k-edit-label {
33150
- padding: calc( 4px - 1px) 0;
32927
+ padding: 3px 0;
33151
32928
  margin: 0 0 -.5em;
33152
32929
  width: auto;
33153
32930
  font-size: 12px;
@@ -33192,7 +32969,8 @@ td.k-editor-content {
33192
32969
  background-color: #00b0ff;
33193
32970
  }
33194
32971
 
33195
- .k-editor-inline:hover, .k-editor-inline.k-state-active, .k-editor-inline.k-active {
32972
+ .k-editor-inline:hover,
32973
+ .k-editor-inline.k-hover .k-editor-inline.k-active {
33196
32974
  border-color: rgba(0, 0, 0, 0.12);
33197
32975
  }
33198
32976
 
@@ -33205,7 +32983,6 @@ td.k-editor-content {
33205
32983
  outline-color: #8cf;
33206
32984
  }
33207
32985
 
33208
- .k-ct-popup .k-state-selected,
33209
32986
  .k-ct-popup .k-selected {
33210
32987
  border-color: rgba(0, 0, 0, 0.1);
33211
32988
  color: white;
@@ -33268,7 +33045,7 @@ td.k-editor-content {
33268
33045
 
33269
33046
  .k-imageeditor-action-pane {
33270
33047
  padding: 32px 16px;
33271
- width: calc(240px + 1px);
33048
+ width: 241px;
33272
33049
  border-width: 0;
33273
33050
  border-left-width: 1px;
33274
33051
  border-style: solid;
@@ -33316,14 +33093,14 @@ td.k-editor-content {
33316
33093
 
33317
33094
  .k-imageeditor-crop .k-resize-n,
33318
33095
  .k-imageeditor-crop .k-resize-s {
33319
- left: calc( 50% - (7.5px));
33096
+ left: calc(50% - 7.5px);
33320
33097
  width: 15px;
33321
33098
  height: 0;
33322
33099
  }
33323
33100
 
33324
33101
  .k-imageeditor-crop .k-resize-w,
33325
33102
  .k-imageeditor-crop .k-resize-e {
33326
- top: calc( 50% - (7.5px));
33103
+ top: calc(50% - 7.5px);
33327
33104
  width: 0;
33328
33105
  height: 15px;
33329
33106
  }
@@ -33374,7 +33151,7 @@ td.k-editor-content {
33374
33151
  .k-imageeditor-canvas {
33375
33152
  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;
33376
33153
  background-repeat: repeat, repeat;
33377
- background-position: 0px 0px, calc(10px / 2) calc(10px / 2);
33154
+ background-position: 0px 0px, 5px 5px;
33378
33155
  transform-origin: 0 0 0;
33379
33156
  background-origin: padding-box, padding-box;
33380
33157
  background-size: 10px 10px, 10px 10px;
@@ -33419,7 +33196,7 @@ td.k-editor-content {
33419
33196
  }
33420
33197
 
33421
33198
  .k-gantt .k-grid-header tr {
33422
- height: calc( 2em + 32px + 1px);
33199
+ height: calc(2em + 33px);
33423
33200
  }
33424
33201
 
33425
33202
  .k-gantt .k-grid-header .k-header {
@@ -33431,11 +33208,11 @@ td.k-editor-content {
33431
33208
  }
33432
33209
 
33433
33210
  .k-gantt .k-grid-content tr {
33434
- height: calc( 2em + 20px + 1px);
33211
+ height: calc(2em + 21px);
33435
33212
  }
33436
33213
 
33437
33214
  .k-gantt.k-gantt-planned .k-grid-content tr {
33438
- height: calc( 3.4em + 20px + 1px);
33215
+ height: calc(3.4em + 21px);
33439
33216
  }
33440
33217
 
33441
33218
  .k-gantt .k-gantt-layout {
@@ -33479,7 +33256,6 @@ td.k-editor-content {
33479
33256
  white-space: nowrap;
33480
33257
  }
33481
33258
 
33482
- .k-gantt .k-treelist-scrollable tr.k-state-selected > td:last-child,
33483
33259
  .k-gantt .k-treelist-scrollable tr.k-selected > td:last-child {
33484
33260
  background: transparent;
33485
33261
  }
@@ -33602,8 +33378,8 @@ td.k-editor-content {
33602
33378
  .k-gantt-toolbar .k-gantt-pdf,
33603
33379
  .k-gantt-toolbar .k-gantt-create {
33604
33380
  padding: 8px;
33605
- width: calc( 1.4285714286em + 16px + 2px);
33606
- height: calc( 1.4285714286em + 16px + 2px);
33381
+ width: calc(1.4285714286em + 18px);
33382
+ height: calc(1.4285714286em + 18px);
33607
33383
  }
33608
33384
  .k-gantt-toolbar .k-gantt-pdf .k-button-text,
33609
33385
  .k-gantt-toolbar .k-gantt-create .k-button-text {
@@ -33639,7 +33415,7 @@ td.k-editor-content {
33639
33415
  }
33640
33416
 
33641
33417
  .k-gantt-treelist .k-grid-header tr {
33642
- height: calc( 4em + 64px + 2px);
33418
+ height: calc(4em + 66px);
33643
33419
  vertical-align: bottom;
33644
33420
  }
33645
33421
 
@@ -33653,7 +33429,7 @@ td.k-editor-content {
33653
33429
  }
33654
33430
 
33655
33431
  .k-gantt-treelist .k-gantt-treelist-nested-columns .k-grid-header tr {
33656
- height: calc( 2em + 32px + 1px);
33432
+ height: calc(2em + 33px);
33657
33433
  }
33658
33434
 
33659
33435
  .k-gantt-treelist.k-gantt-treelist-scrollable .k-grid-content {
@@ -33722,7 +33498,6 @@ td.k-editor-content {
33722
33498
  position: absolute;
33723
33499
  }
33724
33500
 
33725
- .k-gantt-line.k-state-selected,
33726
33501
  .k-gantt-line.k-selected {
33727
33502
  z-index: 3;
33728
33503
  }
@@ -33774,8 +33549,8 @@ td.k-editor-content {
33774
33549
  }
33775
33550
 
33776
33551
  .k-task-dot {
33777
- width: calc( 8px + 8px);
33778
- height: calc( 8px + 8px);
33552
+ width: 16px;
33553
+ height: 16px;
33779
33554
  line-height: 1;
33780
33555
  cursor: pointer;
33781
33556
  display: none;
@@ -33804,7 +33579,6 @@ td.k-editor-content {
33804
33579
  }
33805
33580
 
33806
33581
  .k-task-dot:hover::before,
33807
- .k-task-dot.k-state-hover::before,
33808
33582
  .k-task-dot.k-hover::before {
33809
33583
  border-width: 1px;
33810
33584
  }
@@ -34046,7 +33820,7 @@ td.k-editor-content {
34046
33820
 
34047
33821
  .k-task-planned .k-task-moment {
34048
33822
  border-width: 2px;
34049
- border-radius: calc( ( 4px + 6px ) / 2);
33823
+ border-radius: 5px;
34050
33824
  border-style: solid;
34051
33825
  height: 6px;
34052
33826
  width: 6px;
@@ -34057,15 +33831,15 @@ td.k-editor-content {
34057
33831
  }
34058
33832
 
34059
33833
  .k-task-planned .k-task-moment.k-moment-left {
34060
- margin-left: calc( 2px / 2 - calc( ( 4px + 6px ) / 2));
33834
+ margin-left: -4px;
34061
33835
  }
34062
33836
 
34063
33837
  .k-task-planned:hover .k-task-duration {
34064
- height: calc( 2px + 1px);
33838
+ height: 3px;
34065
33839
  }
34066
33840
 
34067
33841
  .k-milestone-wrap .k-task-moment {
34068
- margin-left: calc( 3px);
33842
+ margin-left: 3px;
34069
33843
  }
34070
33844
 
34071
33845
  .k-planned-tooltip .k-task-content {
@@ -34277,7 +34051,6 @@ td.k-editor-content {
34277
34051
  background-color: #3f51b5;
34278
34052
  }
34279
34053
 
34280
- .k-gantt .k-treelist-scrollable .k-task-milestone.k-state-selected .k-task-milestone-content,
34281
34054
  .k-gantt .k-treelist-scrollable .k-task-milestone.k-selected .k-task-milestone-content {
34282
34055
  border-color: #e51a5f;
34283
34056
  background-color: #e51a5f;
@@ -34288,7 +34061,6 @@ td.k-editor-content {
34288
34061
  stroke: rgba(144, 144, 144, 0.935);
34289
34062
  }
34290
34063
 
34291
- .k-gantt .k-gantt-dependencies-svg polyline.k-state-selected,
34292
34064
  .k-gantt .k-gantt-dependencies-svg polyline.k-selected {
34293
34065
  stroke: #e51a5f;
34294
34066
  }
@@ -34311,7 +34083,6 @@ td.k-editor-content {
34311
34083
  }
34312
34084
 
34313
34085
  .k-task-dot:hover::before,
34314
- .k-task-dot.k-state-hover::before,
34315
34086
  .k-task-dot.k-hover::before {
34316
34087
  border-color: rgba(0, 0, 0, 0.87);
34317
34088
  background-color: white;
@@ -34330,7 +34101,6 @@ td.k-editor-content {
34330
34101
  background-color: #37b400;
34331
34102
  }
34332
34103
 
34333
- .k-task-milestone.k-state-selected,
34334
34104
  .k-task-milestone.k-selected {
34335
34105
  background-image: none;
34336
34106
  border-color: #e51a5f;
@@ -34361,12 +34131,10 @@ td.k-editor-content {
34361
34131
  color: #37b400;
34362
34132
  }
34363
34133
 
34364
- .k-task-summary.k-state-selected,
34365
34134
  .k-task-summary.k-selected {
34366
34135
  color: #f28daf;
34367
34136
  }
34368
34137
 
34369
- .k-task-summary.k-state-selected .k-task-summary-complete,
34370
34138
  .k-task-summary.k-selected .k-task-summary-complete {
34371
34139
  color: #e51a5f;
34372
34140
  }
@@ -34396,13 +34164,11 @@ td.k-editor-content {
34396
34164
  background-color: #37b400;
34397
34165
  }
34398
34166
 
34399
- .k-task-single.k-state-selected,
34400
34167
  .k-task-single.k-selected {
34401
34168
  color: white;
34402
34169
  background-color: #f28daf;
34403
34170
  }
34404
34171
 
34405
- .k-task-single.k-state-selected .k-task-complete,
34406
34172
  .k-task-single.k-selected .k-task-complete {
34407
34173
  background-color: #e51a5f;
34408
34174
  }
@@ -34411,7 +34177,6 @@ td.k-editor-content {
34411
34177
  color: rgba(144, 144, 144, 0.935);
34412
34178
  }
34413
34179
 
34414
- .k-gantt-line.k-state-selected,
34415
34180
  .k-gantt-line.k-selected {
34416
34181
  color: #e51a5f;
34417
34182
  }
@@ -34878,7 +34643,7 @@ kendo-scheduler .k-event > div,
34878
34643
 
34879
34644
  kendo-scheduler .k-event .k-event-template,
34880
34645
  .k-event .k-event-template {
34881
- line-height: calc( 25px - (2 * 2px));
34646
+ line-height: 21px;
34882
34647
  padding: 4px 16px;
34883
34648
  }
34884
34649
 
@@ -34906,9 +34671,8 @@ kendo-scheduler .k-event .k-event-actions .k-event-delete,
34906
34671
  visibility: hidden;
34907
34672
  }
34908
34673
 
34909
- kendo-scheduler .k-event .k-event-actions:hover .k-event-delete, kendo-scheduler .k-event .k-event-actions.k-state-hover .k-event-delete, kendo-scheduler .k-event .k-event-actions.k-hover .k-event-delete,
34674
+ kendo-scheduler .k-event .k-event-actions:hover .k-event-delete, kendo-scheduler .k-event .k-event-actions.k-hover .k-event-delete,
34910
34675
  .k-event .k-event-actions:hover .k-event-delete,
34911
- .k-event .k-event-actions.k-state-hover .k-event-delete,
34912
34676
  .k-event .k-event-actions.k-hover .k-event-delete {
34913
34677
  opacity: 1;
34914
34678
  }
@@ -34989,13 +34753,10 @@ kendo-scheduler .k-event .k-resize-e::before,
34989
34753
  }
34990
34754
 
34991
34755
  kendo-scheduler .k-event:hover .k-event-actions .k-event-delete,
34992
- kendo-scheduler .k-event:hover .k-resize-handle, kendo-scheduler .k-event.k-state-hover .k-event-actions .k-event-delete,
34993
- kendo-scheduler .k-event.k-state-hover .k-resize-handle, kendo-scheduler .k-event.k-hover .k-event-actions .k-event-delete,
34756
+ kendo-scheduler .k-event:hover .k-resize-handle, kendo-scheduler .k-event.k-hover .k-event-actions .k-event-delete,
34994
34757
  kendo-scheduler .k-event.k-hover .k-resize-handle,
34995
34758
  .k-event:hover .k-event-actions .k-event-delete,
34996
34759
  .k-event:hover .k-resize-handle,
34997
- .k-event.k-state-hover .k-event-actions .k-event-delete,
34998
- .k-event.k-state-hover .k-resize-handle,
34999
34760
  .k-event.k-hover .k-event-actions .k-event-delete,
35000
34761
  .k-event.k-hover .k-resize-handle {
35001
34762
  visibility: visible;
@@ -35210,11 +34971,9 @@ kendo-scheduler .k-recurrence-editor {
35210
34971
  visibility: hidden;
35211
34972
  }
35212
34973
 
35213
- .k-scheduler-agendaview .k-state-hover .k-task > .k-event-delete,
35214
34974
  .k-scheduler-agendaview .k-hover .k-task > .k-event-delete,
35215
34975
  .k-scheduler-agendaview .k-scheduler-content tr:hover .k-event-delete,
35216
34976
  .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row:hover .k-event-delete,
35217
- .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row.k-state-hover .k-event-delete,
35218
34977
  .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row.k-hover .k-event-delete {
35219
34978
  visibility: visible;
35220
34979
  }
@@ -35288,18 +35047,17 @@ kendo-scheduler .k-recurrence-editor {
35288
35047
  position: relative;
35289
35048
  }
35290
35049
 
35291
- .k-scheduler-yearview .k-calendar td.k-state-selected,
35292
35050
  .k-scheduler-yearview .k-calendar td.k-selected {
35293
35051
  background-color: inherit;
35294
35052
  }
35295
35053
 
35296
35054
  .k-scheduler-yearview .k-day-indicator {
35297
- margin-top: calc( 36px - (0.25em * 2));
35055
+ margin-top: calc(36px - 0.5em);
35298
35056
  width: 3px;
35299
35057
  height: 3px;
35300
35058
  border-radius: 50%;
35301
35059
  position: absolute;
35302
- left: calc( 50% - (3px / 2));
35060
+ left: calc(50% - 1.5px);
35303
35061
  }
35304
35062
 
35305
35063
  .k-scheduler-tooltip {
@@ -35471,9 +35229,13 @@ kendo-scheduler .k-recurrence-editor {
35471
35229
  float: right;
35472
35230
  }
35473
35231
 
35232
+ .k-rtl .k-scheduler .k-i-caret-alt-left,
35233
+ .k-rtl .k-scheduler .k-i-caret-alt-right,
35474
35234
  .k-rtl .k-scheduler .k-i-arrow-60-left,
35475
35235
  .k-rtl .k-scheduler .k-i-arrow-60-right,
35476
- .k-rtl .k-scheduler .k-current-time-arrow-right, .k-rtl.k-scheduler .k-i-arrow-60-left,
35236
+ .k-rtl .k-scheduler .k-current-time-arrow-right, .k-rtl.k-scheduler .k-i-caret-alt-left,
35237
+ .k-rtl.k-scheduler .k-i-caret-alt-right,
35238
+ .k-rtl.k-scheduler .k-i-arrow-60-left,
35477
35239
  .k-rtl.k-scheduler .k-i-arrow-60-right,
35478
35240
  .k-rtl.k-scheduler .k-current-time-arrow-right {
35479
35241
  transform: scaleX(-1);
@@ -35527,8 +35289,7 @@ kendo-scheduler .k-recurrence-editor {
35527
35289
  font-size: 12px;
35528
35290
  }
35529
35291
 
35530
- kendo-scheduler .k-event.k-state-selected::before, kendo-scheduler .k-event.k-selected::before,
35531
- .k-event.k-state-selected::before,
35292
+ kendo-scheduler .k-event.k-selected::before,
35532
35293
  .k-event.k-selected::before {
35533
35294
  display: block;
35534
35295
  }
@@ -35552,7 +35313,7 @@ kendo-scheduler .k-event .k-event-actions,
35552
35313
 
35553
35314
  .k-event .k-event-delete .k-icon {
35554
35315
  font-size: 12px;
35555
- padding: calc( 14px - 12px);
35316
+ padding: 2px;
35556
35317
  box-sizing: content-box;
35557
35318
  vertical-align: unset;
35558
35319
  }
@@ -35682,9 +35443,7 @@ kendo-scheduler .k-event .k-event-actions,
35682
35443
  background-color: whitesmoke;
35683
35444
  }
35684
35445
 
35685
- .k-scheduler-layout td.k-state-selected,
35686
35446
  .k-scheduler-layout td.k-selected,
35687
- .k-scheduler-layout .k-scheduler-cell.k-state-selected,
35688
35447
  .k-scheduler-layout .k-scheduler-cell.k-selected {
35689
35448
  background-color: rgba(229, 26, 95, 0.25);
35690
35449
  }
@@ -35699,7 +35458,7 @@ kendo-scheduler .k-event .k-event-actions,
35699
35458
  background-color: #3f51b5;
35700
35459
  }
35701
35460
 
35702
- .k-event.k-state-selected, .k-event.k-selected {
35461
+ .k-event.k-selected {
35703
35462
  color: white;
35704
35463
  background-color: #4e5fbb;
35705
35464
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
@@ -35723,10 +35482,8 @@ kendo-scheduler .k-event .k-event-actions,
35723
35482
  }
35724
35483
 
35725
35484
  .k-scheduler-agendaview .k-scheduler-content tr:hover,
35726
- .k-scheduler-agendaview .k-scheduler-content tr.k-state-hover,
35727
35485
  .k-scheduler-agendaview .k-scheduler-content tr.k-hover,
35728
35486
  .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row:hover,
35729
- .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row.k-state-hover,
35730
35487
  .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row.k-hover {
35731
35488
  border-color: rgba(0, 0, 0, 0.15);
35732
35489
  color: rgba(0, 0, 0, 0.87);
@@ -35735,23 +35492,18 @@ kendo-scheduler .k-event .k-event-actions,
35735
35492
 
35736
35493
  .k-scheduler-agendaview .k-scheduler-content tr:hover .k-scheduler-datecolumn,
35737
35494
  .k-scheduler-agendaview .k-scheduler-content tr:hover .k-scheduler-groupcolumn,
35738
- .k-scheduler-agendaview .k-scheduler-content tr.k-state-hover .k-scheduler-datecolumn,
35739
35495
  .k-scheduler-agendaview .k-scheduler-content tr.k-hover .k-scheduler-datecolumn,
35740
- .k-scheduler-agendaview .k-scheduler-content tr.k-state-hover .k-scheduler-groupcolumn,
35741
35496
  .k-scheduler-agendaview .k-scheduler-content tr.k-hover .k-scheduler-groupcolumn {
35742
35497
  border-color: rgba(0, 0, 0, 0.12);
35743
35498
  color: rgba(0, 0, 0, 0.87);
35744
35499
  background-color: white;
35745
35500
  }
35746
35501
 
35747
- .k-scheduler-agendaview .k-scheduler-content tr.k-state-selected,
35748
35502
  .k-scheduler-agendaview .k-scheduler-content tr.k-selected {
35749
35503
  background-color: rgba(229, 26, 95, 0.25);
35750
35504
  }
35751
35505
 
35752
- .k-scheduler-agendaview .k-scheduler-content tr.k-state-selected .k-scheduler-datecolumn,
35753
35506
  .k-scheduler-agendaview .k-scheduler-content tr.k-selected .k-scheduler-datecolumn,
35754
- .k-scheduler-agendaview .k-scheduler-content tr.k-state-selected .k-scheduler-groupcolumn,
35755
35507
  .k-scheduler-agendaview .k-scheduler-content tr.k-selected .k-scheduler-groupcolumn {
35756
35508
  background-color: white;
35757
35509
  }
@@ -35760,7 +35512,6 @@ kendo-scheduler .k-event .k-event-actions,
35760
35512
  background-color: #3f51b5;
35761
35513
  }
35762
35514
 
35763
- .k-scheduler-yearview .k-state-selected .k-day-indicator,
35764
35515
  .k-scheduler-yearview .k-selected .k-day-indicator {
35765
35516
  background-color: white;
35766
35517
  }
@@ -35941,7 +35692,6 @@ kendo-scheduler .k-event .k-event-actions,
35941
35692
  text-decoration: underline;
35942
35693
  }
35943
35694
 
35944
- .k-chat .k-message.k-state-selected,
35945
35695
  .k-chat .k-message.k-selected {
35946
35696
  margin-bottom: 16px;
35947
35697
  border: 0;
@@ -35949,12 +35699,10 @@ kendo-scheduler .k-event .k-event-actions,
35949
35699
  background: none;
35950
35700
  }
35951
35701
 
35952
- .k-chat .k-message.k-state-selected .k-message-time,
35953
35702
  .k-chat .k-message.k-selected .k-message-time {
35954
35703
  opacity: 1;
35955
35704
  }
35956
35705
 
35957
- .k-chat .k-message.k-state-selected .k-message-status,
35958
35706
  .k-chat .k-message.k-selected .k-message-status {
35959
35707
  height: 1.2em;
35960
35708
  }
@@ -35988,11 +35736,11 @@ kendo-scheduler .k-event .k-event-actions,
35988
35736
  }
35989
35737
 
35990
35738
  .k-chat .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
35991
- padding-left: calc( 32px + 8px);
35739
+ padding-left: 40px;
35992
35740
  }
35993
35741
 
35994
35742
  .k-chat .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
35995
- padding-right: calc( 32px + 8px);
35743
+ padding-right: 40px;
35996
35744
  }
35997
35745
 
35998
35746
  .k-author {
@@ -36026,7 +35774,9 @@ kendo-scheduler .k-event .k-event-actions,
36026
35774
  border-style: solid;
36027
35775
  line-height: 1.25;
36028
35776
  cursor: pointer;
36029
- user-select: none;
35777
+ -webkit-user-select: none;
35778
+ -ms-user-select: none;
35779
+ user-select: none;
36030
35780
  display: inline-block;
36031
35781
  flex: 0 0 auto;
36032
35782
  transition-property: color, background-color, border-color;
@@ -36073,7 +35823,7 @@ kendo-scheduler .k-event .k-event-actions,
36073
35823
  align-items: center;
36074
35824
  }
36075
35825
 
36076
- .k-message-box:focus, .k-message-box.k-state-focus, .k-message-box.k-focus, .k-message-box:focus-within {
35826
+ .k-message-box:focus, .k-message-box.k-focus, .k-message-box:focus-within {
36077
35827
  outline: 0;
36078
35828
  box-shadow: none;
36079
35829
  }
@@ -36138,7 +35888,7 @@ kendo-scheduler .k-event .k-event-actions,
36138
35888
  flex: 0 0 auto;
36139
35889
  }
36140
35890
 
36141
- .k-chat .k-card-deck .k-card-wrap.k-state-selected, .k-chat .k-card-deck .k-card-wrap.k-selected {
35891
+ .k-chat .k-card-deck .k-card-wrap.k-selected {
36142
35892
  background: none;
36143
35893
  }
36144
35894
 
@@ -36288,13 +36038,13 @@ kendo-scheduler .k-event .k-event-actions,
36288
36038
  .k-rtl .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar),
36289
36039
  [dir="rtl"] .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
36290
36040
  padding-left: 0;
36291
- padding-right: calc( 32px + 8px);
36041
+ padding-right: 40px;
36292
36042
  }
36293
36043
 
36294
36044
  .k-rtl .k-avatars .k-message-group.k-alt:not(.k-no-avatar),
36295
36045
  [dir="rtl"] .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
36296
36046
  padding-right: 0;
36297
- padding-left: calc( 32px + 8px);
36047
+ padding-left: 40px;
36298
36048
  }
36299
36049
 
36300
36050
  .k-rtl .k-chat .k-card-deck .k-card-wrap + .k-card-wrap,
@@ -36344,7 +36094,6 @@ kendo-scheduler .k-event .k-event-actions,
36344
36094
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
36345
36095
  }
36346
36096
 
36347
- .k-chat .k-state-selected .k-bubble,
36348
36097
  .k-chat .k-selected .k-bubble {
36349
36098
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
36350
36099
  }
@@ -36360,7 +36109,6 @@ kendo-scheduler .k-event .k-event-actions,
36360
36109
  box-shadow: 0 1px 2px rgba(63, 81, 181, 0.2);
36361
36110
  }
36362
36111
 
36363
- .k-chat .k-alt .k-state-selected .k-bubble,
36364
36112
  .k-chat .k-alt .k-selected .k-bubble {
36365
36113
  box-shadow: 0 3px 10px rgba(63, 81, 181, 0.4);
36366
36114
  }
@@ -36525,7 +36273,7 @@ kendo-scheduler .k-event .k-event-actions,
36525
36273
  border-radius: 4px;
36526
36274
  line-height: 1.4285714286;
36527
36275
  min-width: 80px;
36528
- max-width: calc(80px + 2 * 40px);
36276
+ max-width: 160px;
36529
36277
  position: relative;
36530
36278
  z-index: 1;
36531
36279
  }
@@ -36605,11 +36353,11 @@ kendo-scheduler .k-event .k-event-actions,
36605
36353
  }
36606
36354
 
36607
36355
  .k-timeline-vertical {
36608
- padding-left: calc(calc(40px + (80px - 6px) / 2) + 50px);
36356
+ padding-left: 127px;
36609
36357
  }
36610
36358
 
36611
36359
  .k-timeline-vertical.k-timeline-dates-hidden {
36612
- padding-left: calc(40px + (80px - 6px) / 2);
36360
+ padding-left: 77px;
36613
36361
  }
36614
36362
 
36615
36363
  .k-timeline-vertical::after {
@@ -36652,7 +36400,7 @@ kendo-scheduler .k-event .k-event-actions,
36652
36400
 
36653
36401
  .k-timeline-vertical .k-timeline-card .k-card {
36654
36402
  margin-left: 16px;
36655
- min-height: calc(2 * (36px - 0px));
36403
+ min-height: 72px;
36656
36404
  width: 400px;
36657
36405
  max-width: 100%;
36658
36406
  }
@@ -36804,9 +36552,9 @@ kendo-scheduler .k-event .k-event-actions,
36804
36552
 
36805
36553
  .k-timeline-horizontal .k-timeline-track-wrap::after {
36806
36554
  top: auto;
36807
- bottom: calc((36px / 2) + 3px);
36808
- left: calc(36px - 2 * 1px);
36809
- right: calc(36px - 2 * 1px);
36555
+ bottom: 21px;
36556
+ left: 34px;
36557
+ right: 34px;
36810
36558
  transform: translateY(-50%);
36811
36559
  height: 6px;
36812
36560
  }
@@ -36823,7 +36571,7 @@ kendo-scheduler .k-event .k-event-actions,
36823
36571
  }
36824
36572
 
36825
36573
  .k-timeline-horizontal .k-timeline-track-wrap .k-timeline-flag {
36826
- margin-bottom: calc(6px + 2 * 1px + 4px + 10px);
36574
+ margin-bottom: 22px;
36827
36575
  position: relative;
36828
36576
  min-width: 60px;
36829
36577
  }
@@ -36849,7 +36597,7 @@ kendo-scheduler .k-event .k-event-actions,
36849
36597
  height: 36px;
36850
36598
  border-radius: 50%;
36851
36599
  position: absolute;
36852
- bottom: calc(6px + 3px + 2 * 1px);
36600
+ bottom: 11px;
36853
36601
  z-index: 3;
36854
36602
  display: flex;
36855
36603
  align-items: center;
@@ -36870,7 +36618,7 @@ kendo-scheduler .k-event .k-event-actions,
36870
36618
  }
36871
36619
 
36872
36620
  .k-timeline-mobile .k-timeline-flag {
36873
- max-width: calc(80px + 2 * 16px);
36621
+ max-width: 112px;
36874
36622
  }
36875
36623
 
36876
36624
  .k-timeline-mobile.k-timeline-horizontal .k-timeline-flag-wrap {
@@ -36878,11 +36626,11 @@ kendo-scheduler .k-event .k-event-actions,
36878
36626
  }
36879
36627
 
36880
36628
  .k-timeline-mobile.k-timeline-vertical {
36881
- padding-left: calc(calc(16px + (80px - 6px) / 2) + 50px);
36629
+ padding-left: 103px;
36882
36630
  }
36883
36631
 
36884
36632
  .k-timeline-mobile.k-timeline-vertical.k-timeline-dates-hidden {
36885
- padding-left: calc(16px + (80px - 6px) / 2);
36633
+ padding-left: 53px;
36886
36634
  }
36887
36635
 
36888
36636
  .k-timeline-mobile.k-timeline-vertical.k-timeline-alternating {
@@ -36906,12 +36654,10 @@ kendo-scheduler .k-event .k-event-actions,
36906
36654
  }
36907
36655
 
36908
36656
  .k-timeline-track-item:hover .k-timeline-circle::before,
36909
- .k-timeline-track-item.k-state-hover .k-timeline-circle::before,
36910
36657
  .k-timeline-track-item.k-hover .k-timeline-circle::before {
36911
36658
  opacity: 0.08;
36912
36659
  }
36913
36660
 
36914
- .k-timeline-track-item.k-state-focus .k-timeline-circle::before,
36915
36661
  .k-timeline-track-item.k-focus .k-timeline-circle::before {
36916
36662
  opacity: 0.12;
36917
36663
  }
@@ -36950,7 +36696,6 @@ kendo-scheduler .k-event .k-event-actions,
36950
36696
  color: rgba(0, 0, 0, 0.87);
36951
36697
  }
36952
36698
 
36953
- .k-timeline .k-timeline-arrow.k-state-disabled,
36954
36699
  .k-timeline .k-timeline-arrow.k-disabled {
36955
36700
  opacity: 1;
36956
36701
  color: #595959;
@@ -36968,7 +36713,6 @@ kendo-scheduler .k-event .k-event-actions,
36968
36713
  background-color: #3f51b5;
36969
36714
  }
36970
36715
 
36971
- .k-timeline-track-item.k-state-focus .k-timeline-circle,
36972
36716
  .k-timeline-track-item.k-focus .k-timeline-circle {
36973
36717
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
36974
36718
  }
@@ -36977,6 +36721,7 @@ kendo-scheduler .k-event .k-event-actions,
36977
36721
  border-width: 1px;
36978
36722
  border-style: solid;
36979
36723
  box-sizing: border-box;
36724
+ position: relative;
36980
36725
  outline: 0;
36981
36726
  font-family: Roboto, "Helvetica Neue", sans-serif;
36982
36727
  font-size: 14px;
@@ -37006,27 +36751,33 @@ kendo-scheduler .k-event .k-event-actions,
37006
36751
  overflow: visible;
37007
36752
  }
37008
36753
 
37009
- .k-pdf-viewer .k-list-scroller {
36754
+ .k-pdf-viewer .k-canvas {
36755
+ display: flex;
36756
+ flex-direction: column;
37010
36757
  flex: 1 1 auto;
37011
36758
  outline: none;
37012
36759
  }
37013
36760
 
37014
- .k-pdf-viewer .k-list-scroller .k-enable-text-select {
36761
+ .k-pdf-viewer .k-canvas .k-enable-text-select, .k-pdf-viewer .k-canvas.k-enable-text-select {
37015
36762
  -webkit-user-select: text;
37016
- -moz-user-select: text;
37017
36763
  -ms-user-select: text;
37018
36764
  user-select: text;
37019
36765
  cursor: text;
37020
36766
  }
37021
36767
 
37022
- .k-pdf-viewer .k-list-scroller .k-enable-panning {
36768
+ .k-pdf-viewer .k-canvas .k-enable-panning, .k-pdf-viewer .k-canvas.k-enable-panning {
37023
36769
  cursor: grab;
37024
36770
  }
37025
36771
 
37026
- .k-pdf-viewer .k-list-scroller .k-enable-panning span::selection {
36772
+ .k-pdf-viewer .k-canvas .k-enable-panning span::selection,
36773
+ .k-pdf-viewer .k-canvas.k-enable-panning span::selection {
37027
36774
  background-color: transparent;
37028
36775
  }
37029
36776
 
36777
+ .k-pdf-viewer .k-pdf-viewer-pages {
36778
+ flex: 1 1 auto;
36779
+ }
36780
+
37030
36781
  .k-pdf-viewer .k-page {
37031
36782
  position: relative;
37032
36783
  margin: 30px auto;
@@ -37055,11 +36806,38 @@ kendo-scheduler .k-event .k-event-actions,
37055
36806
  color: transparent;
37056
36807
  }
37057
36808
 
36809
+ .k-pdf-viewer .k-page .k-text-layer .k-search-highlight-mark {
36810
+ color: transparent;
36811
+ }
36812
+
36813
+ .k-pdf-viewer .k-blank-page {
36814
+ margin: 0;
36815
+ display: flex;
36816
+ flex-flow: column nowrap;
36817
+ width: 100%;
36818
+ height: 100%;
36819
+ align-items: center;
36820
+ justify-content: center;
36821
+ background-color: inherit !important;
36822
+ }
36823
+
36824
+ .k-pdf-viewer .k-blank-page .k-upload,
36825
+ .k-pdf-viewer .k-blank-page .k-dropzone,
36826
+ .k-pdf-viewer .k-blank-page .k-dropzone-inner {
36827
+ border: 0;
36828
+ background: none;
36829
+ }
36830
+
36831
+ .k-pdf-viewer .k-blank-page > .k-icon {
36832
+ font-size: 48px;
36833
+ }
36834
+
37058
36835
  .k-pdf-viewer-search-dialog {
37059
- padding: 8px;
36836
+ padding: 0 !important;
37060
36837
  }
37061
36838
 
37062
- .k-pdf-viewer-search-dialog .k-search-container {
36839
+ .k-search-panel, .k-search-container {
36840
+ padding: 16px 8px;
37063
36841
  display: flex;
37064
36842
  gap: 8px;
37065
36843
  flex-flow: row nowrap;
@@ -37068,22 +36846,32 @@ kendo-scheduler .k-event .k-event-actions,
37068
36846
  align-items: center;
37069
36847
  }
37070
36848
 
37071
- .k-pdf-viewer-search-dialog .k-search-container .k-search-dialog-draghandle {
36849
+ .k-search-panel .k-search-dialog-draghandle, .k-search-container .k-search-dialog-draghandle {
37072
36850
  cursor: move;
37073
36851
  margin-left: 0;
37074
36852
  }
37075
36853
 
37076
- .k-pdf-viewer-search-dialog .k-search-container .k-textbox {
36854
+ .k-search-panel .k-textbox, .k-search-container .k-textbox {
37077
36855
  width: 10em;
37078
36856
  flex: none;
37079
36857
  }
37080
36858
 
37081
- .k-pdf-viewer-search-dialog .k-search-container .k-textbox .k-button {
36859
+ .k-search-panel .k-textbox .k-button, .k-search-container .k-textbox .k-button {
37082
36860
  border-width: 0;
37083
36861
  }
37084
36862
 
37085
- .k-pdf-viewer-search-dialog .k-search-container .k-search-matches {
37086
- flex: 1 1 auto;
36863
+ .k-search-panel .k-search-matches, .k-search-container .k-search-matches {
36864
+ display: inline-flex;
36865
+ gap: 8px;
36866
+ }
36867
+
36868
+ .k-pdf-viewer-canvas > .k-search-panel, .k-pdf-viewer-canvas > .k-search-container {
36869
+ width: max-content;
36870
+ margin-top: calc(-1.4285714286em + -52px);
36871
+ border-width: 1px;
36872
+ border-style: solid;
36873
+ border-radius: 4px;
36874
+ z-index: 10;
37087
36875
  }
37088
36876
 
37089
36877
  .k-ie .k-pdf-viewer-search-dialog .k-search-container > * + * {
@@ -37111,13 +36899,30 @@ kendo-scheduler .k-event .k-event-actions,
37111
36899
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.12);
37112
36900
  }
37113
36901
 
36902
+ .k-pdf-viewer .k-blank-page > .k-icon {
36903
+ color: rgba(97, 97, 97, 0.9116);
36904
+ }
36905
+
37114
36906
  .k-pdf-viewer .k-search-highlight {
37115
36907
  background-color: rgba(0, 0, 0, 0.87);
37116
36908
  }
37117
36909
 
36910
+ .k-pdf-viewer .k-search-highlight-mark {
36911
+ background-color: yellow;
36912
+ }
36913
+
36914
+ .k-pdf-viewer-canvas > .k-search-panel, .k-pdf-viewer-canvas > .k-search-container {
36915
+ border-color: rgba(0, 0, 0, 0.12);
36916
+ color: rgba(0, 0, 0, 0.87);
36917
+ background-color: white;
36918
+ box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
36919
+ }
36920
+
37118
36921
  .km-scrollview,
37119
36922
  .km-scroll-container {
37120
- user-select: none;
36923
+ -webkit-user-select: none;
36924
+ -ms-user-select: none;
36925
+ user-select: none;
37121
36926
  border-collapse: separate;
37122
36927
  }
37123
36928
 
@@ -37232,7 +37037,9 @@ kendo-scrollview.k-scrollview,
37232
37037
 
37233
37038
  .k-scrollview-wrap .k-scrollview img,
37234
37039
  .k-scrollview .k-scrollview-wrap img {
37235
- user-select: none;
37040
+ -webkit-user-select: none;
37041
+ -ms-user-select: none;
37042
+ user-select: none;
37236
37043
  }
37237
37044
 
37238
37045
  .k-scrollview-wrap .k-scrollview > li,
@@ -37254,20 +37061,20 @@ kendo-scrollview.k-scrollview,
37254
37061
  .k-scrollview-wrap.k-scrollview-animate {
37255
37062
  display: flex;
37256
37063
  flex-flow: row nowrap;
37257
- width: calc( var(--kendo-scrollview-views, 1) * 100%);
37064
+ width: calc(var(--kendo-scrollview-views, 1)*100%);
37258
37065
  transition-duration: 0.3s;
37259
37066
  transition-timing-function: ease-in-out;
37260
- transform: translateX(calc( -100% / var(--kendo-scrollview-views, 1) * ( var(--kendo-scrollview-current, 1) - 1)));
37067
+ transform: translateX(calc(-100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
37261
37068
  }
37262
37069
 
37263
37070
  .k-scrollview-wrap.k-scrollview-animate .k-scrollview-view {
37264
- width: calc( 100% / var(--kendo-scrollview-views, 1));
37265
- flex: 0 0 calc( 100% / var(--kendo-scrollview-views, 1));
37071
+ width: calc(100%/var(--kendo-scrollview-views, 1));
37072
+ flex: 0 0 calc(100%/var(--kendo-scrollview-views, 1));
37266
37073
  }
37267
37074
 
37268
37075
  [dir="rtl"] .k-scrollview-wrap.k-scrollview-animate,
37269
37076
  .k-rtl .k-scrollview-wrap.k-scrollview-animate {
37270
- transform: translateX(calc( 100% / var(--kendo-scrollview-views, 1) * ( var(--kendo-scrollview-current, 1) - 1)));
37077
+ transform: translateX(calc(100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
37271
37078
  }
37272
37079
 
37273
37080
  kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager,
@@ -37279,7 +37086,7 @@ kendo-scrollview.k-scrollview kendo-scrollview-pager,
37279
37086
  left: 0;
37280
37087
  right: 0;
37281
37088
  bottom: 0;
37282
- height: calc( 10px + 0px + 40px);
37089
+ height: 50px;
37283
37090
  text-align: center;
37284
37091
  }
37285
37092
 
@@ -37355,7 +37162,9 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
37355
37162
  height: 60%;
37356
37163
  top: 20%;
37357
37164
  text-decoration: none;
37358
- user-select: none;
37165
+ -webkit-user-select: none;
37166
+ -ms-user-select: none;
37167
+ user-select: none;
37359
37168
  cursor: pointer;
37360
37169
  }
37361
37170
 
@@ -37453,24 +37262,21 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
37453
37262
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
37454
37263
  }
37455
37264
 
37456
- .k-scrollview-next:focus, .k-scrollview-next.k-state-focus, .k-scrollview-next.k-focus,
37265
+ .k-scrollview-next:focus, .k-scrollview-next.k-focus,
37457
37266
  .k-scrollview-prev:focus,
37458
- .k-scrollview-prev.k-state-focus,
37459
37267
  .k-scrollview-prev.k-focus {
37460
37268
  color: white;
37461
37269
  opacity: 1;
37462
37270
  }
37463
37271
 
37464
- .k-scrollview-next:focus .k-icon::before, .k-scrollview-next.k-state-focus .k-icon::before, .k-scrollview-next.k-focus .k-icon::before,
37272
+ .k-scrollview-next:focus .k-icon::before, .k-scrollview-next.k-focus .k-icon::before,
37465
37273
  .k-scrollview-prev:focus .k-icon::before,
37466
- .k-scrollview-prev.k-state-focus .k-icon::before,
37467
37274
  .k-scrollview-prev.k-focus .k-icon::before {
37468
37275
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
37469
37276
  }
37470
37277
 
37471
- .k-scrollview-next:hover, .k-scrollview-next.k-state-hover, .k-scrollview-next.k-hover,
37278
+ .k-scrollview-next:hover, .k-scrollview-next.k-hover,
37472
37279
  .k-scrollview-prev:hover,
37473
- .k-scrollview-prev.k-state-hover,
37474
37280
  .k-scrollview-prev.k-hover {
37475
37281
  color: white;
37476
37282
  opacity: 1;
@@ -37488,15 +37294,13 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
37488
37294
  border: #3f51b5;
37489
37295
  }
37490
37296
 
37491
- .k-scrollview-pageable > .k-button:focus, .k-scrollview-pageable > .k-button.k-state-focused, .k-scrollview-pageable > .k-button.k-focus,
37297
+ .k-scrollview-pageable > .k-button:focus, .k-scrollview-pageable > .k-button.k-focus,
37492
37298
  .k-scrollview-nav > .k-link:focus,
37493
- .k-scrollview-nav > .k-link.k-state-focused,
37494
37299
  .k-scrollview-nav > .k-link.k-focus {
37495
37300
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
37496
37301
  }
37497
37302
 
37498
37303
  .k-scrollview-nav > .k-link:hover,
37499
- .k-scrollview-nav > .k-link.k-state-hover,
37500
37304
  .k-scrollview-nav > .k-link.k-hover {
37501
37305
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
37502
37306
  }
@@ -37832,11 +37636,11 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
37832
37636
  }
37833
37637
 
37834
37638
  .k-treemap .k-treemap-title + .k-treemap-wrap {
37835
- top: calc( 4px + (2 * 14px) + 1px);
37639
+ top: 33px;
37836
37640
  }
37837
37641
 
37838
37642
  .k-treemap .k-treemap-title-vertical + .k-treemap-wrap {
37839
- left: calc( 4px + (2 * 14px) + 1px);
37643
+ left: 33px;
37840
37644
  }
37841
37645
 
37842
37646
  .k-treemap .k-leaf {
@@ -38207,7 +38011,7 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
38207
38011
  color: rgba(0, 0, 0, 0.87);
38208
38012
  }
38209
38013
 
38210
- .k-treemap .k-leaf.k-state-hover,
38014
+ .k-treemap .k-leaf:hover,
38211
38015
  .k-treemap .k-leaf.k-hover {
38212
38016
  box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.12);
38213
38017
  }
@@ -38231,7 +38035,9 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
38231
38035
  .k-map .km-scroll-wrapper {
38232
38036
  width: 100%;
38233
38037
  height: 100%;
38234
- user-select: none;
38038
+ -webkit-user-select: none;
38039
+ -ms-user-select: none;
38040
+ user-select: none;
38235
38041
  position: absolute;
38236
38042
  }
38237
38043
 
@@ -38272,8 +38078,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
38272
38078
 
38273
38079
  .k-navigator {
38274
38080
  margin: 1em;
38275
- width: calc( 48px + 4px);
38276
- height: calc( 48px + 4px);
38081
+ width: 52px;
38082
+ height: 52px;
38277
38083
  border-width: 1px;
38278
38084
  border-style: solid;
38279
38085
  box-sizing: border-box;
@@ -38470,7 +38276,7 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
38470
38276
  border-color: transparent;
38471
38277
  }
38472
38278
 
38473
- .k-orgchart-card:focus, .k-orgchart-card.k-focus, .k-orgchart-card.k-state-focus {
38279
+ .k-orgchart-card:focus, .k-orgchart-card.k-focus {
38474
38280
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
38475
38281
  }
38476
38282
 
@@ -38481,9 +38287,6 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
38481
38287
  }
38482
38288
 
38483
38289
  .k-orgchart-node-group-container:focus,
38484
- .k-orgchart-node-group-container.k-focus,
38485
- .k-orgchart-node-group-container.k-state-focus,
38486
- .k-orgchart-node-group-container.k-state-focused,
38487
38290
  .k-orgchart-node-group-container.k-focus {
38488
38291
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
38489
38292
  }
@@ -38499,7 +38302,7 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
38499
38302
 
38500
38303
  .k-signature {
38501
38304
  width: 246px;
38502
- height: 108px;
38305
+ min-height: 108px;
38503
38306
  position: relative;
38504
38307
  box-sizing: border-box;
38505
38308
  display: flex;
@@ -38536,36 +38339,38 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
38536
38339
 
38537
38340
  .k-signature-line {
38538
38341
  position: absolute;
38539
- z-index: 0;
38342
+ bottom: 33%;
38343
+ z-index: 2;
38344
+ pointer-events: none;
38540
38345
  border-bottom-width: 1px;
38541
38346
  border-bottom-style: dashed;
38542
38347
  }
38543
38348
 
38544
38349
  .k-signature-sm {
38545
- padding: 6px;
38350
+ padding-inline: 2px;
38351
+ padding-block: 2px;
38546
38352
  }
38547
38353
 
38548
38354
  .k-signature-sm .k-signature-line {
38549
- width: calc( 100% - 2 * 6px);
38550
- bottom: calc( calc( 1.4285714286em + 16px + 2px) + 6px);
38355
+ width: calc(100% - 4px);
38551
38356
  }
38552
38357
 
38553
38358
  .k-signature-md {
38554
- padding: 8px;
38359
+ padding-inline: 4px;
38360
+ padding-block: 4px;
38555
38361
  }
38556
38362
 
38557
38363
  .k-signature-md .k-signature-line {
38558
- width: calc( 100% - 2 * 8px);
38559
- bottom: calc( calc( 1.4285714286em + 16px + 2px) + 8px);
38364
+ width: calc(100% - 8px);
38560
38365
  }
38561
38366
 
38562
38367
  .k-signature-lg {
38563
- padding: 10px;
38368
+ padding-inline: 6px;
38369
+ padding-block: 6px;
38564
38370
  }
38565
38371
 
38566
38372
  .k-signature-lg .k-signature-line {
38567
- width: calc( 100% - 2 * 10px);
38568
- bottom: calc( calc( 1.4285714286em + 16px + 2px) + 10px);
38373
+ width: calc(100% - 12px);
38569
38374
  }
38570
38375
 
38571
38376
  .k-signature .k-signature-line {