@progress/kendo-theme-default 5.6.1-dev.5 → 5.7.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 (106) hide show
  1. package/dist/all.css +770 -930
  2. package/dist/all.scss +398 -649
  3. package/lib/swatches/default-blue.json +1 -1
  4. package/lib/swatches/default-dataviz-v4.json +1 -1
  5. package/lib/swatches/default-green.json +1 -1
  6. package/lib/swatches/default-main-dark.json +1 -1
  7. package/lib/swatches/default-main.json +1 -1
  8. package/lib/swatches/default-nordic.json +1 -1
  9. package/lib/swatches/default-ocean-blue.json +1 -1
  10. package/lib/swatches/default-orange.json +1 -1
  11. package/lib/swatches/default-purple.json +1 -1
  12. package/lib/swatches/default-turquoise.json +1 -1
  13. package/lib/swatches/default-urban.json +1 -1
  14. package/package.json +3 -3
  15. package/scss/action-sheet/_theme.scss +0 -3
  16. package/scss/adaptive/_layout.scss +2 -1
  17. package/scss/adaptive/_theme.scss +0 -2
  18. package/scss/badge/_layout.scss +18 -69
  19. package/scss/badge/_theme.scss +2 -2
  20. package/scss/badge/_variables.scss +70 -35
  21. package/scss/bottom-navigation/_layout.scss +0 -1
  22. package/scss/bottom-navigation/_theme.scss +0 -8
  23. package/scss/breadcrumb/_theme.scss +0 -5
  24. package/scss/button/_variables.scss +1 -1
  25. package/scss/calendar/_layout.scss +0 -1
  26. package/scss/calendar/_theme.scss +9 -22
  27. package/scss/card/_layout.scss +6 -5
  28. package/scss/card/_theme.scss +11 -27
  29. package/scss/card/_variables.scss +0 -10
  30. package/scss/chat/_layout.scss +0 -3
  31. package/scss/chat/_theme.scss +0 -2
  32. package/scss/coloreditor/_theme.scss +0 -1
  33. package/scss/colorgradient/_layout.scss +1 -1
  34. package/scss/colorgradient/_theme.scss +3 -5
  35. package/scss/colorpalette/_layout.scss +0 -4
  36. package/scss/colorpalette/_theme.scss +0 -5
  37. package/scss/common/_base.scss +1 -3
  38. package/scss/dataviz/_layout.scss +1 -1
  39. package/scss/dataviz/_theme.scss +1 -1
  40. package/scss/drawer/_theme.scss +0 -5
  41. package/scss/editor/_layout.scss +2 -3
  42. package/scss/editor/_theme.scss +1 -3
  43. package/scss/expansion-panel/_theme.scss +0 -4
  44. package/scss/filemanager/_theme.scss +0 -1
  45. package/scss/floating-label/_layout.scss +0 -7
  46. package/scss/floating-label/_theme.scss +1 -2
  47. package/scss/forms/_variables.scss +1 -1
  48. package/scss/gantt/_layout.scss +2 -5
  49. package/scss/gantt/_theme.scss +0 -7
  50. package/scss/grid/_layout.scss +3 -1
  51. package/scss/grid/_theme.scss +7 -62
  52. package/scss/input/_layout.scss +2 -4
  53. package/scss/listview/_theme.scss +0 -2
  54. package/scss/loader/_theme.scss +5 -2
  55. package/scss/notification/_layout.scss +4 -2
  56. package/scss/notification/_theme.scss +2 -1
  57. package/scss/orgchart/_theme.scss +1 -5
  58. package/scss/pager/_layout.scss +4 -3
  59. package/scss/pager/_theme.scss +1 -13
  60. package/scss/panelbar/_layout.scss +4 -0
  61. package/scss/panelbar/_theme.scss +5 -54
  62. package/scss/pdf-viewer/_index.scss +3 -0
  63. package/scss/pdf-viewer/_layout.scss +80 -28
  64. package/scss/pdf-viewer/_theme.scss +21 -0
  65. package/scss/pdf-viewer/_variables.scss +14 -1
  66. package/scss/pivotgrid/_theme.scss +7 -11
  67. package/scss/popover/_layout.scss +10 -5
  68. package/scss/popover/_theme.scss +8 -6
  69. package/scss/popover/_variables.scss +0 -5
  70. package/scss/progressbar/_layout.scss +0 -12
  71. package/scss/progressbar/_theme.scss +0 -1
  72. package/scss/radio/_layout.scss +0 -1
  73. package/scss/radio/_theme.scss +0 -5
  74. package/scss/rating/_layout.scss +1 -1
  75. package/scss/rating/_theme.scss +0 -6
  76. package/scss/scheduler/_layout.scss +2 -5
  77. package/scss/scheduler/_theme.scss +1 -12
  78. package/scss/scrollview/_theme.scss +0 -4
  79. package/scss/signature/_layout.scss +9 -6
  80. package/scss/signature/_variables.scss +23 -21
  81. package/scss/slider/_layout.scss +2 -3
  82. package/scss/slider/_theme.scss +0 -3
  83. package/scss/splitter/_layout.scss +1 -1
  84. package/scss/splitter/_theme.scss +0 -4
  85. package/scss/spreadsheet/_layout.scss +1 -4
  86. package/scss/spreadsheet/_theme.scss +1 -7
  87. package/scss/stepper/_theme.scss +0 -1
  88. package/scss/tabstrip/_layout.scss +0 -7
  89. package/scss/tabstrip/_theme.scss +0 -6
  90. package/scss/taskboard/_layout.scss +1 -3
  91. package/scss/taskboard/_theme.scss +6 -13
  92. package/scss/tilelayout/_theme.scss +0 -3
  93. package/scss/timeline/_theme.scss +0 -2
  94. package/scss/timeselector/_layout.scss +0 -1
  95. package/scss/timeselector/_theme.scss +0 -1
  96. package/scss/toolbar/_layout.scss +6 -0
  97. package/scss/toolbar/_theme.scss +7 -0
  98. package/scss/treelist/_layout.scss +0 -1
  99. package/scss/typography/_variables.scss +1 -1
  100. package/scss/upload/_layout.scss +0 -1
  101. package/scss/upload/_theme.scss +0 -3
  102. package/scss/utils/_position.scss +3 -0
  103. package/scss/utils/_theme-colors.scss +14 -48
  104. package/scss/window/_theme.scss +0 -1
  105. package/scss/wizard/_layout.scss +0 -1
  106. package/scss/wizard/_theme.scss +2 -2
package/dist/all.css CHANGED
@@ -166,7 +166,6 @@ kendo-sortable {
166
166
  background-color: #ffffff;
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
  }
@@ -3211,26 +3203,51 @@ kendo-sortable {
3211
3203
  position: static !important;
3212
3204
  }
3213
3205
 
3206
+ .\!k-static,
3207
+ .\!k-pos-static {
3208
+ position: static !important;
3209
+ }
3210
+
3214
3211
  .k-relative,
3215
3212
  .k-pos-relative {
3216
3213
  position: relative !important;
3217
3214
  }
3218
3215
 
3216
+ .\!k-relative,
3217
+ .\!k-pos-relative {
3218
+ position: relative !important;
3219
+ }
3220
+
3219
3221
  .k-absolute,
3220
3222
  .k-pos-absolute {
3221
3223
  position: absolute !important;
3222
3224
  }
3223
3225
 
3226
+ .\!k-absolute,
3227
+ .\!k-pos-absolute {
3228
+ position: absolute !important;
3229
+ }
3230
+
3224
3231
  .k-fixed,
3225
3232
  .k-pos-fixed {
3226
3233
  position: fixed !important;
3227
3234
  }
3228
3235
 
3236
+ .\!k-fixed,
3237
+ .\!k-pos-fixed {
3238
+ position: fixed !important;
3239
+ }
3240
+
3229
3241
  .k-sticky,
3230
3242
  .k-pos-sticky {
3231
3243
  position: sticky !important;
3232
3244
  }
3233
3245
 
3246
+ .\!k-sticky,
3247
+ .\!k-pos-sticky {
3248
+ position: sticky !important;
3249
+ }
3250
+
3234
3251
  .k-top,
3235
3252
  .k-pos-top {
3236
3253
  top: 0;
@@ -6285,180 +6302,197 @@ kendo-sortable {
6285
6302
  color: #424242;
6286
6303
  }
6287
6304
 
6305
+ .\!k-text-base,
6306
+ .\!k-color-base {
6307
+ color: #424242 !important;
6308
+ }
6309
+
6288
6310
  .k-color-inherit {
6289
6311
  color: inherit;
6290
6312
  }
6291
6313
 
6314
+ .\!k-color-inherit {
6315
+ color: inherit !important;
6316
+ }
6317
+
6292
6318
  .k-text-primary,
6293
6319
  .k-color-primary {
6320
+ color: #ff6358;
6321
+ }
6322
+
6323
+ .\!k-text-primary,
6324
+ .\!k-color-primary {
6294
6325
  color: #ff6358 !important;
6295
6326
  }
6296
6327
 
6297
6328
  .k-text-secondary,
6298
6329
  .k-color-secondary {
6330
+ color: #666666;
6331
+ }
6332
+
6333
+ .\!k-text-secondary,
6334
+ .\!k-color-secondary {
6299
6335
  color: #666666 !important;
6300
6336
  }
6301
6337
 
6302
6338
  .k-text-tertiary,
6303
6339
  .k-color-tertiary {
6340
+ color: #03a9f4;
6341
+ }
6342
+
6343
+ .\!k-text-tertiary,
6344
+ .\!k-color-tertiary {
6304
6345
  color: #03a9f4 !important;
6305
6346
  }
6306
6347
 
6307
6348
  .k-text-info,
6308
6349
  .k-color-info {
6350
+ color: #0058e9;
6351
+ }
6352
+
6353
+ .\!k-text-info,
6354
+ .\!k-color-info {
6309
6355
  color: #0058e9 !important;
6310
6356
  }
6311
6357
 
6312
6358
  .k-text-success,
6313
6359
  .k-color-success {
6360
+ color: #37b400;
6361
+ }
6362
+
6363
+ .\!k-text-success,
6364
+ .\!k-color-success {
6314
6365
  color: #37b400 !important;
6315
6366
  }
6316
6367
 
6317
6368
  .k-text-warning,
6318
6369
  .k-color-warning {
6370
+ color: #ffc000;
6371
+ }
6372
+
6373
+ .\!k-text-warning,
6374
+ .\!k-color-warning {
6319
6375
  color: #ffc000 !important;
6320
6376
  }
6321
6377
 
6322
6378
  .k-text-error,
6323
6379
  .k-color-error {
6380
+ color: #f31700;
6381
+ }
6382
+
6383
+ .\!k-text-error,
6384
+ .\!k-color-error {
6324
6385
  color: #f31700 !important;
6325
6386
  }
6326
6387
 
6327
6388
  .k-text-dark,
6328
6389
  .k-color-dark {
6390
+ color: #424242;
6391
+ }
6392
+
6393
+ .\!k-text-dark,
6394
+ .\!k-color-dark {
6329
6395
  color: #424242 !important;
6330
6396
  }
6331
6397
 
6332
6398
  .k-text-light,
6333
6399
  .k-color-light {
6400
+ color: #ebebeb;
6401
+ }
6402
+
6403
+ .\!k-text-light,
6404
+ .\!k-color-light {
6334
6405
  color: #ebebeb !important;
6335
6406
  }
6336
6407
 
6337
6408
  .k-text-inverse,
6338
6409
  .k-color-inverse {
6410
+ color: #424242;
6411
+ }
6412
+
6413
+ .\!k-text-inverse,
6414
+ .\!k-color-inverse {
6339
6415
  color: #424242 !important;
6340
6416
  }
6341
6417
 
6342
6418
  .k-bg-primary {
6419
+ background-color: #ff6358;
6420
+ }
6421
+
6422
+ .\!k-bg-primary {
6343
6423
  background-color: #ff6358 !important;
6344
6424
  }
6345
6425
 
6346
6426
  .k-bg-secondary {
6427
+ background-color: #666666;
6428
+ }
6429
+
6430
+ .\!k-bg-secondary {
6347
6431
  background-color: #666666 !important;
6348
6432
  }
6349
6433
 
6350
6434
  .k-bg-tertiary {
6435
+ background-color: #03a9f4;
6436
+ }
6437
+
6438
+ .\!k-bg-tertiary {
6351
6439
  background-color: #03a9f4 !important;
6352
6440
  }
6353
6441
 
6354
6442
  .k-bg-info {
6443
+ background-color: #0058e9;
6444
+ }
6445
+
6446
+ .\!k-bg-info {
6355
6447
  background-color: #0058e9 !important;
6356
6448
  }
6357
6449
 
6358
6450
  .k-bg-success {
6451
+ background-color: #37b400;
6452
+ }
6453
+
6454
+ .\!k-bg-success {
6359
6455
  background-color: #37b400 !important;
6360
6456
  }
6361
6457
 
6362
6458
  .k-bg-warning {
6459
+ background-color: #ffc000;
6460
+ }
6461
+
6462
+ .\!k-bg-warning {
6363
6463
  background-color: #ffc000 !important;
6364
6464
  }
6365
6465
 
6366
6466
  .k-bg-error {
6367
- background-color: #f31700 !important;
6467
+ background-color: #f31700;
6368
6468
  }
6369
6469
 
6370
- .k-bg-dark {
6371
- background-color: #424242 !important;
6470
+ .\!k-bg-error {
6471
+ background-color: #f31700 !important;
6372
6472
  }
6373
6473
 
6374
- .k-bg-light {
6375
- background-color: #ebebeb !important;
6474
+ .k-bg-dark {
6475
+ background-color: #424242;
6376
6476
  }
6377
6477
 
6378
- .k-bg-inverse {
6478
+ .\!k-bg-dark {
6379
6479
  background-color: #424242 !important;
6380
6480
  }
6381
6481
 
6382
- .k-state-primary {
6383
- background-color: #ffe0de;
6384
- color: #85332e;
6385
- border-color: #ffd3d0;
6386
- }
6387
-
6388
- .k-state-secondary {
6389
- background-color: #e0e0e0;
6390
- color: #353535;
6391
- border-color: #d4d4d4;
6392
- }
6393
-
6394
- .k-state-tertiary {
6395
- background-color: #cdeefd;
6396
- color: #02587f;
6397
- border-color: #b8e7fc;
6398
- }
6399
-
6400
- .k-state-info {
6401
- background-color: #ccdefb;
6402
- color: #002e79;
6403
- border-color: #b8d0f9;
6404
- }
6405
-
6406
- .k-state-success {
6407
- background-color: #d7f0cc;
6408
- color: #1d5e00;
6409
- border-color: #c7eab8;
6410
- }
6411
-
6412
- .k-state-warning {
6413
- background-color: #fff2cc;
6414
- color: #856400;
6415
- border-color: #ffedb8;
6416
- }
6417
-
6418
- .k-state-error {
6419
- background-color: #fdd1cc;
6420
- color: #7e0c00;
6421
- border-color: #fcbeb8;
6422
- }
6423
-
6424
- .k-state-dark {
6425
- background-color: #d9d9d9;
6426
- color: #222222;
6427
- border-color: #cacaca;
6428
- }
6429
-
6430
- .k-state-light {
6431
- background-color: #fbfbfb;
6432
- color: #7a7a7a;
6433
- border-color: #f9f9f9;
6434
- }
6435
-
6436
- .k-state-inverse {
6437
- background-color: #d9d9d9;
6438
- color: #222222;
6439
- border-color: #cacaca;
6440
- }
6441
-
6442
- .k-info-colored {
6443
- color: #50607f;
6444
- border-color: #d0d9df;
6445
- background-color: #f0f9ff;
6482
+ .k-bg-light {
6483
+ background-color: #ebebeb;
6446
6484
  }
6447
6485
 
6448
- .k-success-colored {
6449
- color: #507f50;
6450
- border-color: #d0dfd0;
6451
- background-color: #f0fff0;
6486
+ .\!k-bg-light {
6487
+ background-color: #ebebeb !important;
6452
6488
  }
6453
6489
 
6454
- .k-error-colored {
6455
- color: #7f5050;
6456
- border-color: #dfd0d0;
6457
- background-color: #fff0f0;
6490
+ .k-bg-inverse {
6491
+ background-color: #424242;
6458
6492
  }
6459
6493
 
6460
- .k-inset {
6461
- box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.03), inset 0 4px 5px 0 rgba(0, 0, 0, 0.04);
6494
+ .\!k-bg-inverse {
6495
+ background-color: #424242 !important;
6462
6496
  }
6463
6497
 
6464
6498
  .k-touch-action-none {
@@ -6558,23 +6592,32 @@ kendo-sortable {
6558
6592
  }
6559
6593
 
6560
6594
  .k-user-select-none {
6561
- user-select: none !important;
6595
+ -webkit-user-select: none !important;
6596
+ -ms-user-select: none !important;
6597
+ user-select: none !important;
6562
6598
  }
6563
6599
 
6564
6600
  .k-user-select-auto {
6565
- user-select: auto !important;
6601
+ -webkit-user-select: auto !important;
6602
+ -ms-user-select: auto !important;
6603
+ user-select: auto !important;
6566
6604
  }
6567
6605
 
6568
6606
  .k-user-select-text {
6569
- user-select: text !important;
6607
+ -webkit-user-select: text !important;
6608
+ -ms-user-select: text !important;
6609
+ user-select: text !important;
6570
6610
  }
6571
6611
 
6572
6612
  .k-user-select-all {
6573
- user-select: all !important;
6613
+ -webkit-user-select: all !important;
6614
+ user-select: all !important;
6574
6615
  }
6575
6616
 
6576
6617
  .k-user-select-contain {
6577
- user-select: contain !important;
6618
+ -webkit-user-select: contain !important;
6619
+ -ms-user-select: element !important;
6620
+ user-select: contain !important;
6578
6621
  }
6579
6622
 
6580
6623
  .k-cursor-auto {
@@ -11763,7 +11806,7 @@ kendo-sortable {
11763
11806
 
11764
11807
  .k-badge {
11765
11808
  padding: 0;
11766
- border-width: 0;
11809
+ border-width: 1px;
11767
11810
  border-style: solid;
11768
11811
  border-color: transparent;
11769
11812
  box-sizing: border-box;
@@ -11812,92 +11855,38 @@ a.k-badge:hover,
11812
11855
 
11813
11856
  .k-badge-sm {
11814
11857
  padding: 2px 2px;
11815
- border-width: 1px;
11816
11858
  font-size: 10px;
11817
11859
  line-height: 1;
11860
+ min-width: calc(1em + 6px);
11818
11861
  }
11819
11862
 
11820
11863
  .k-badge-sm:empty {
11821
11864
  padding: 2px;
11865
+ min-width: auto;
11822
11866
  }
11823
11867
 
11824
11868
  .k-badge-md {
11825
11869
  padding: 4px 4px;
11826
- border-width: 1px;
11827
11870
  font-size: 10px;
11828
11871
  line-height: 1;
11872
+ min-width: calc(1em + 10px);
11829
11873
  }
11830
11874
 
11831
11875
  .k-badge-md:empty {
11832
11876
  padding: 4px;
11877
+ min-width: auto;
11833
11878
  }
11834
11879
 
11835
11880
  .k-badge-lg {
11836
11881
  padding: 6px 6px;
11837
- border-width: 1px;
11838
- font-size: 12px;
11882
+ font-size: 10px;
11839
11883
  line-height: 1;
11884
+ min-width: calc(1em + 14px);
11840
11885
  }
11841
11886
 
11842
11887
  .k-badge-lg:empty {
11843
11888
  padding: 6px;
11844
- }
11845
-
11846
- .k-badge-rounded.k-badge-sm {
11847
- border-radius: 2px;
11848
- }
11849
-
11850
- .k-badge-rounded.k-badge-md {
11851
- border-radius: 4px;
11852
- }
11853
-
11854
- .k-badge-rounded.k-badge-lg {
11855
- border-radius: 6px;
11856
- }
11857
-
11858
- .k-badge-pill {
11859
- border-radius: 5rem;
11860
- }
11861
-
11862
- .k-badge-circle {
11863
- padding: 0 !important;
11864
- border-radius: 100%;
11865
- }
11866
-
11867
- .k-badge-circle.k-badge-sm {
11868
- width: calc( 1em + 4px + 2px);
11869
- height: calc( 1em + 4px + 2px);
11870
- }
11871
-
11872
- .k-badge-circle.k-badge-md {
11873
- width: calc( 1em + 8px + 2px);
11874
- height: calc( 1em + 8px + 2px);
11875
- }
11876
-
11877
- .k-badge-circle.k-badge-lg {
11878
- width: calc( 1em + 12px + 2px);
11879
- height: calc( 1em + 12px + 2px);
11880
- }
11881
-
11882
- .k-badge-dot {
11883
- padding: 0 !important;
11884
- border-radius: 100%;
11885
- font-size: 0;
11886
- }
11887
-
11888
- .k-badge-dot.k-badge-sm {
11889
- width: 6px;
11890
- height: 6px;
11891
- }
11892
-
11893
- .k-badge-dot.k-badge-md {
11894
- width: 10px;
11895
- height: 10px;
11896
- }
11897
-
11898
- .k-badge-dot.k-badge-lg {
11899
- width: 12px;
11900
- height: 12px;
11889
+ min-width: auto;
11901
11890
  }
11902
11891
 
11903
11892
  kendo-badge-container {
@@ -12008,61 +11997,61 @@ kendo-badge-container {
12008
11997
  box-shadow: 0 0 0 2px #ffffff;
12009
11998
  }
12010
11999
 
12011
- .k-badge-solid.k-badge-primary {
12000
+ .k-badge-solid-primary {
12012
12001
  border-color: #ff6358;
12013
12002
  color: white;
12014
12003
  background-color: #ff6358;
12015
12004
  }
12016
12005
 
12017
- .k-badge-solid.k-badge-secondary {
12006
+ .k-badge-solid-secondary {
12018
12007
  border-color: #666666;
12019
12008
  color: white;
12020
12009
  background-color: #666666;
12021
12010
  }
12022
12011
 
12023
- .k-badge-solid.k-badge-tertiary {
12012
+ .k-badge-solid-tertiary {
12024
12013
  border-color: #03a9f4;
12025
12014
  color: white;
12026
12015
  background-color: #03a9f4;
12027
12016
  }
12028
12017
 
12029
- .k-badge-solid.k-badge-info {
12018
+ .k-badge-solid-info {
12030
12019
  border-color: #0058e9;
12031
12020
  color: white;
12032
12021
  background-color: #0058e9;
12033
12022
  }
12034
12023
 
12035
- .k-badge-solid.k-badge-success {
12024
+ .k-badge-solid-success {
12036
12025
  border-color: #37b400;
12037
12026
  color: white;
12038
12027
  background-color: #37b400;
12039
12028
  }
12040
12029
 
12041
- .k-badge-solid.k-badge-warning {
12030
+ .k-badge-solid-warning {
12042
12031
  border-color: #ffc000;
12043
12032
  color: black;
12044
12033
  background-color: #ffc000;
12045
12034
  }
12046
12035
 
12047
- .k-badge-solid.k-badge-error {
12036
+ .k-badge-solid-error {
12048
12037
  border-color: #f31700;
12049
12038
  color: white;
12050
12039
  background-color: #f31700;
12051
12040
  }
12052
12041
 
12053
- .k-badge-solid.k-badge-dark {
12042
+ .k-badge-solid-dark {
12054
12043
  border-color: #424242;
12055
12044
  color: white;
12056
12045
  background-color: #424242;
12057
12046
  }
12058
12047
 
12059
- .k-badge-solid.k-badge-light {
12048
+ .k-badge-solid-light {
12060
12049
  border-color: #ebebeb;
12061
12050
  color: black;
12062
12051
  background-color: #ebebeb;
12063
12052
  }
12064
12053
 
12065
- .k-badge-solid.k-badge-inverse {
12054
+ .k-badge-solid-inverse {
12066
12055
  border-color: #424242;
12067
12056
  color: white;
12068
12057
  background-color: #424242;
@@ -12073,43 +12062,43 @@ kendo-badge-container {
12073
12062
  background-color: #ffffff;
12074
12063
  }
12075
12064
 
12076
- .k-badge-outline.k-badge-primary {
12065
+ .k-badge-outline-primary {
12077
12066
  color: #ff6358;
12078
12067
  }
12079
12068
 
12080
- .k-badge-outline.k-badge-secondary {
12069
+ .k-badge-outline-secondary {
12081
12070
  color: #666666;
12082
12071
  }
12083
12072
 
12084
- .k-badge-outline.k-badge-tertiary {
12073
+ .k-badge-outline-tertiary {
12085
12074
  color: #03a9f4;
12086
12075
  }
12087
12076
 
12088
- .k-badge-outline.k-badge-info {
12077
+ .k-badge-outline-info {
12089
12078
  color: #0058e9;
12090
12079
  }
12091
12080
 
12092
- .k-badge-outline.k-badge-success {
12081
+ .k-badge-outline-success {
12093
12082
  color: #37b400;
12094
12083
  }
12095
12084
 
12096
- .k-badge-outline.k-badge-warning {
12085
+ .k-badge-outline-warning {
12097
12086
  color: #ffc000;
12098
12087
  }
12099
12088
 
12100
- .k-badge-outline.k-badge-error {
12089
+ .k-badge-outline-error {
12101
12090
  color: #f31700;
12102
12091
  }
12103
12092
 
12104
- .k-badge-outline.k-badge-dark {
12093
+ .k-badge-outline-dark {
12105
12094
  color: #424242;
12106
12095
  }
12107
12096
 
12108
- .k-badge-outline.k-badge-light {
12097
+ .k-badge-outline-light {
12109
12098
  color: #ebebeb;
12110
12099
  }
12111
12100
 
12112
- .k-badge-outline.k-badge-inverse {
12101
+ .k-badge-outline-inverse {
12113
12102
  color: #424242;
12114
12103
  }
12115
12104
 
@@ -12128,7 +12117,9 @@ kendo-badge-container {
12128
12117
  justify-content: center;
12129
12118
  gap: 4px;
12130
12119
  vertical-align: middle;
12131
- user-select: none;
12120
+ -webkit-user-select: none;
12121
+ -ms-user-select: none;
12122
+ user-select: none;
12132
12123
  cursor: pointer;
12133
12124
  outline: none;
12134
12125
  -webkit-appearance: none;
@@ -12187,8 +12178,8 @@ kendo-badge-container {
12187
12178
  }
12188
12179
 
12189
12180
  .k-button-sm.k-icon-button > .k-button-icon {
12190
- min-width: calc( 14px * 1.4285714286);
12191
- min-height: calc( 14px * 1.4285714286);
12181
+ min-width: 20.0000000004px;
12182
+ min-height: 20.0000000004px;
12192
12183
  }
12193
12184
 
12194
12185
  .k-button-md {
@@ -12202,8 +12193,8 @@ kendo-badge-container {
12202
12193
  }
12203
12194
 
12204
12195
  .k-button-md.k-icon-button > .k-button-icon {
12205
- min-width: calc( 14px * 1.4285714286);
12206
- min-height: calc( 14px * 1.4285714286);
12196
+ min-width: 20.0000000004px;
12197
+ min-height: 20.0000000004px;
12207
12198
  }
12208
12199
 
12209
12200
  .k-button-lg {
@@ -12217,8 +12208,8 @@ kendo-badge-container {
12217
12208
  }
12218
12209
 
12219
12210
  .k-button-lg.k-icon-button > .k-button-icon {
12220
- min-width: calc( 16px * 1.5);
12221
- min-height: calc( 16px * 1.5);
12211
+ min-width: 24px;
12212
+ min-height: 24px;
12222
12213
  }
12223
12214
 
12224
12215
  .k-button-square {
@@ -13410,11 +13401,20 @@ kendo-badge-container {
13410
13401
  margin: 0;
13411
13402
  }
13412
13403
 
13404
+ .k-input:-ms-input-placeholder, .k-picker:-ms-input-placeholder {
13405
+ color: #666666;
13406
+ opacity: 1;
13407
+ -ms-user-select: none;
13408
+ user-select: none;
13409
+ }
13410
+
13413
13411
  .k-input::placeholder,
13414
13412
  .k-picker::placeholder {
13415
13413
  color: #666666;
13416
13414
  opacity: 1;
13417
- user-select: none;
13415
+ -webkit-user-select: none;
13416
+ -ms-user-select: none;
13417
+ user-select: none;
13418
13418
  }
13419
13419
 
13420
13420
  .k-input:-ms-input-placeholder,
@@ -13439,19 +13439,13 @@ textarea.k-textarea[disabled] {
13439
13439
  }
13440
13440
 
13441
13441
  [disabled] input.k-input:disabled,
13442
- .k-disabled input.k-input:disabled,
13443
- .k-state-disabled input.k-input:disabled, [disabled] input.k-input[disabled],
13444
- .k-disabled input.k-input[disabled],
13445
- .k-state-disabled input.k-input[disabled], [disabled]
13442
+ .k-disabled input.k-input:disabled, [disabled] input.k-input[disabled],
13443
+ .k-disabled input.k-input[disabled], [disabled]
13446
13444
  textarea.k-textarea:disabled,
13447
13445
  .k-disabled
13448
- textarea.k-textarea:disabled,
13449
- .k-state-disabled
13450
13446
  textarea.k-textarea:disabled, [disabled]
13451
13447
  textarea.k-textarea[disabled],
13452
13448
  .k-disabled
13453
- textarea.k-textarea[disabled],
13454
- .k-state-disabled
13455
13449
  textarea.k-textarea[disabled] {
13456
13450
  opacity: 1;
13457
13451
  filter: grayscale(0);
@@ -13476,10 +13470,8 @@ select.k-picker:disabled, select.k-picker[disabled] {
13476
13470
  }
13477
13471
 
13478
13472
  [disabled] select.k-picker:disabled,
13479
- .k-disabled select.k-picker:disabled,
13480
- .k-state-disabled select.k-picker:disabled, [disabled] select.k-picker[disabled],
13481
- .k-disabled select.k-picker[disabled],
13482
- .k-state-disabled select.k-picker[disabled] {
13473
+ .k-disabled select.k-picker:disabled, [disabled] select.k-picker[disabled],
13474
+ .k-disabled select.k-picker[disabled] {
13483
13475
  opacity: 1;
13484
13476
  filter: grayscale(0);
13485
13477
  }
@@ -13504,10 +13496,19 @@ select.k-picker:disabled, select.k-picker[disabled] {
13504
13496
  display: none;
13505
13497
  }
13506
13498
 
13499
+ .k-input-inner:-ms-input-placeholder {
13500
+ color: #666666;
13501
+ opacity: 1;
13502
+ -ms-user-select: none;
13503
+ user-select: none;
13504
+ }
13505
+
13507
13506
  .k-input-inner::placeholder {
13508
13507
  color: #666666;
13509
13508
  opacity: 1;
13510
- user-select: none;
13509
+ -webkit-user-select: none;
13510
+ -ms-user-select: none;
13511
+ user-select: none;
13511
13512
  }
13512
13513
 
13513
13514
  .k-input-inner:-ms-input-placeholder {
@@ -13623,7 +13624,7 @@ textarea.k-input-inner {
13623
13624
  }
13624
13625
 
13625
13626
  .k-input-button {
13626
- width: calc( 1.4285714286em + 8px);
13627
+ width: calc(1.4285714286em + 8px);
13627
13628
  border-width: 0;
13628
13629
  border-inline-start-width: 1px;
13629
13630
  flex: none;
@@ -13646,7 +13647,7 @@ textarea.k-input-inner {
13646
13647
  }
13647
13648
 
13648
13649
  .k-input-spinner {
13649
- width: calc( 1.4285714286em + 8px);
13650
+ width: calc(1.4285714286em + 8px);
13650
13651
  flex: none;
13651
13652
  display: flex;
13652
13653
  flex-flow: column nowrap;
@@ -13759,14 +13760,14 @@ textarea.k-input-inner {
13759
13760
  .k-picker-sm .k-clear-value,
13760
13761
  .k-picker-sm .k-input-prefix > .k-icon,
13761
13762
  .k-picker-sm .k-input-suffix > .k-icon {
13762
- width: calc( 16px + 4px);
13763
- height: calc( 16px + 4px);
13763
+ width: 20px;
13764
+ height: 20px;
13764
13765
  }
13765
13766
 
13766
13767
  .k-input-sm.k-icon-picker .k-input-inner,
13767
13768
  .k-picker-sm.k-icon-picker .k-input-inner {
13768
- width: calc( 1.4285714286em);
13769
- height: calc( 1.4285714286em);
13769
+ width: 1.4285714286em;
13770
+ height: 1.4285714286em;
13770
13771
  padding: 2px;
13771
13772
  box-sizing: content-box;
13772
13773
  }
@@ -13822,14 +13823,14 @@ textarea.k-input-inner {
13822
13823
  .k-picker-md .k-clear-value,
13823
13824
  .k-picker-md .k-input-prefix > .k-icon,
13824
13825
  .k-picker-md .k-input-suffix > .k-icon {
13825
- width: calc( 16px + 8px);
13826
- height: calc( 16px + 8px);
13826
+ width: 24px;
13827
+ height: 24px;
13827
13828
  }
13828
13829
 
13829
13830
  .k-input-md.k-icon-picker .k-input-inner,
13830
13831
  .k-picker-md.k-icon-picker .k-input-inner {
13831
- width: calc( 1.4285714286em);
13832
- height: calc( 1.4285714286em);
13832
+ width: 1.4285714286em;
13833
+ height: 1.4285714286em;
13833
13834
  padding: 4px;
13834
13835
  box-sizing: content-box;
13835
13836
  }
@@ -13885,14 +13886,14 @@ textarea.k-input-inner {
13885
13886
  .k-picker-lg .k-clear-value,
13886
13887
  .k-picker-lg .k-input-prefix > .k-icon,
13887
13888
  .k-picker-lg .k-input-suffix > .k-icon {
13888
- width: calc( 16px + 16px);
13889
- height: calc( 16px + 16px);
13889
+ width: 32px;
13890
+ height: 32px;
13890
13891
  }
13891
13892
 
13892
13893
  .k-input-lg.k-icon-picker .k-input-inner,
13893
13894
  .k-picker-lg.k-icon-picker .k-input-inner {
13894
- width: calc( 1.5em);
13895
- height: calc( 1.5em);
13895
+ width: 1.5em;
13896
+ height: 1.5em;
13896
13897
  padding: 8px;
13897
13898
  box-sizing: content-box;
13898
13899
  }
@@ -14108,7 +14109,7 @@ textarea.k-input-inner {
14108
14109
  }
14109
14110
 
14110
14111
  .k-floating-label-container {
14111
- padding-top: calc( 1.4285714286 * 14px);
14112
+ padding-top: 20.0000000004px;
14112
14113
  box-sizing: border-box;
14113
14114
  display: inline-flex;
14114
14115
  vertical-align: middle;
@@ -14130,8 +14131,8 @@ textarea.k-input-inner {
14130
14131
  white-space: nowrap;
14131
14132
  text-overflow: ellipsis;
14132
14133
  position: absolute;
14133
- top: calc( calc( 1.4285714286 * 14px) + 1px + 4px);
14134
- left: calc( 8px + 1px);
14134
+ top: 25.0000000004px;
14135
+ left: 9px;
14135
14136
  overflow: hidden;
14136
14137
  cursor: text;
14137
14138
  transform-origin: left center;
@@ -14143,15 +14144,14 @@ textarea.k-input-inner {
14143
14144
  width: auto;
14144
14145
  }
14145
14146
 
14146
- .k-floating-label-container.k-state-empty > .k-label, .k-floating-label-container.k-empty > .k-label {
14147
- top: calc( calc( 1.4285714286 * 14px) + 1px + 4px);
14148
- left: calc( 8px + 1px);
14147
+ .k-floating-label-container.k-empty > .k-label {
14148
+ top: 25.0000000004px;
14149
+ left: 9px;
14149
14150
  transform: scale(1);
14150
14151
  pointer-events: none;
14151
14152
  }
14152
14153
 
14153
14154
  .k-floating-label-container > .k-label,
14154
- .k-floating-label-container.k-state-focused > .k-label,
14155
14155
  .k-floating-label-container.k-focus > .k-label {
14156
14156
  top: 0;
14157
14157
  left: 0;
@@ -14164,7 +14164,10 @@ textarea.k-input-inner {
14164
14164
  transform: scale(1);
14165
14165
  }
14166
14166
 
14167
- .k-floating-label-container.k-state-empty:not(.k-state-focused) ::placeholder,
14167
+ .k-floating-label-container.k-empty:not(.k-focus):not(:focus-within) :-ms-input-placeholder {
14168
+ color: transparent;
14169
+ }
14170
+
14168
14171
  .k-floating-label-container.k-empty:not(.k-focus):not(:focus-within) ::placeholder {
14169
14172
  color: transparent;
14170
14173
  }
@@ -14175,20 +14178,16 @@ textarea.k-input-inner {
14175
14178
  transition: transform 0.2s ease-out, color 0.2s ease-out, top 0.2s ease-out, right 0.2s ease-out;
14176
14179
  }
14177
14180
 
14178
- [dir="rtl"] .k-floating-label-container.k-state-empty > .k-label, [dir="rtl"] .k-floating-label-container.k-empty > .k-label,
14179
- .k-rtl .k-floating-label-container.k-state-empty > .k-label,
14180
- .k-rtl .k-floating-label-container.k-empty > .k-label, .k-floating-label-container[dir="rtl"].k-state-empty > .k-label, .k-floating-label-container[dir="rtl"].k-empty > .k-label {
14181
+ [dir="rtl"] .k-floating-label-container.k-empty > .k-label,
14182
+ .k-rtl .k-floating-label-container.k-empty > .k-label, .k-floating-label-container[dir="rtl"].k-empty > .k-label {
14181
14183
  left: auto;
14182
- right: calc( 8px + 1px);
14184
+ right: 9px;
14183
14185
  }
14184
14186
 
14185
14187
  [dir="rtl"] .k-floating-label-container > .k-label,
14186
- [dir="rtl"] .k-floating-label-container.k-state-focused > .k-label,
14187
14188
  [dir="rtl"] .k-floating-label-container.k-focus > .k-label,
14188
14189
  .k-rtl .k-floating-label-container > .k-label,
14189
- .k-rtl .k-floating-label-container.k-state-focused > .k-label,
14190
14190
  .k-rtl .k-floating-label-container.k-focus > .k-label, .k-floating-label-container[dir="rtl"] > .k-label,
14191
- .k-floating-label-container[dir="rtl"].k-state-focused > .k-label,
14192
14191
  .k-floating-label-container[dir="rtl"].k-focus > .k-label {
14193
14192
  left: auto;
14194
14193
  right: 0;
@@ -14770,7 +14769,9 @@ textarea.k-input-inner {
14770
14769
  position: relative;
14771
14770
  overflow: hidden;
14772
14771
  cursor: pointer;
14773
- user-select: none;
14772
+ -webkit-user-select: none;
14773
+ -ms-user-select: none;
14774
+ user-select: none;
14774
14775
  }
14775
14776
 
14776
14777
  .k-chip *,
@@ -15159,7 +15160,7 @@ textarea.k-input-inner {
15159
15160
  }
15160
15161
 
15161
15162
  .k-icon-color-preview .k-color-preview-mask {
15162
- width: calc( 16px - 2px);
15163
+ width: 14px;
15163
15164
  height: 2px;
15164
15165
  }
15165
15166
 
@@ -15322,32 +15323,32 @@ textarea.k-input-inner {
15322
15323
  top: 100%;
15323
15324
  left: 0;
15324
15325
  animation: spinner-3-segment 2s ease infinite;
15325
- animation-delay: calc( -2s / 3);
15326
+ animation-delay: -0.6666666667s;
15326
15327
  }
15327
15328
 
15328
15329
  .k-loader-spinner-3 .k-loader-segment:nth-child(3) {
15329
15330
  top: 100%;
15330
15331
  left: 100%;
15331
15332
  animation: spinner-3-segment 2s ease infinite;
15332
- animation-delay: calc( -4s / 3);
15333
+ animation-delay: -1.3333333333s;
15333
15334
  }
15334
15335
 
15335
15336
  .k-loader-spinner-3.k-loader-sm .k-loader-canvas {
15336
15337
  margin: 2px;
15337
- width: calc( 16px - 4px);
15338
- height: calc( 13.8564064608px - 4px);
15338
+ width: 12px;
15339
+ height: 9.8564064608px;
15339
15340
  }
15340
15341
 
15341
15342
  .k-loader-spinner-3.k-loader-md .k-loader-canvas {
15342
15343
  margin: 4px;
15343
- width: calc( 32px - 8px);
15344
- height: calc( 27.7128129216px - 8px);
15344
+ width: 24px;
15345
+ height: 19.7128129216px;
15345
15346
  }
15346
15347
 
15347
15348
  .k-loader-spinner-3.k-loader-lg .k-loader-canvas {
15348
15349
  margin: 8px;
15349
- width: calc( 64px - 16px);
15350
- height: calc( 55.4256258432px - 16px);
15350
+ width: 48px;
15351
+ height: 39.4256258432px;
15351
15352
  }
15352
15353
 
15353
15354
  @keyframes spinner-4-segment-1 {
@@ -15618,7 +15619,8 @@ textarea.k-input-inner {
15618
15619
  border-color: rgba(0, 0, 0, 0.08);
15619
15620
  }
15620
15621
 
15621
- .k-loader-container-inner .k-text-secondary {
15622
+ .k-loader-container-inner .k-text-secondary,
15623
+ .k-loader-container-inner .\!k-text-secondary {
15622
15624
  color: #656565 !important;
15623
15625
  }
15624
15626
 
@@ -15727,7 +15729,9 @@ textarea.k-input-inner {
15727
15729
  flex-flow: column nowrap;
15728
15730
  flex: none;
15729
15731
  position: relative;
15730
- user-select: none;
15732
+ -webkit-user-select: none;
15733
+ -ms-user-select: none;
15734
+ user-select: none;
15731
15735
  }
15732
15736
 
15733
15737
  .k-menu-item-content {
@@ -15799,12 +15803,12 @@ textarea.k-input-inner {
15799
15803
 
15800
15804
  .k-menu-vertical > .k-menu-item > .k-menu-link {
15801
15805
  padding: 4px 8px;
15802
- padding-right: calc( 16px + 16px);
15806
+ padding-right: 32px;
15803
15807
  }
15804
15808
 
15805
15809
  .k-menu-vertical > .k-menu-item > .k-menu-link > .k-menu-expand-arrow {
15806
15810
  margin-inline-start: 8px;
15807
- margin-inline-end: calc( -1 * (calc( 16px + 16px) - 4px));
15811
+ margin-inline-end: -28px;
15808
15812
  }
15809
15813
 
15810
15814
  .k-menu-vertical > .k-separator {
@@ -15868,12 +15872,12 @@ textarea.k-input-inner {
15868
15872
 
15869
15873
  .k-menu-group-sm .k-menu-link {
15870
15874
  padding: 2px 8px;
15871
- padding-inline-end: calc( 16px + 16px);
15875
+ padding-inline-end: 32px;
15872
15876
  }
15873
15877
 
15874
15878
  .k-menu-group-sm .k-menu-expand-arrow {
15875
15879
  margin-inline-start: 8px;
15876
- margin-inline-end: calc( -1 * (calc( 16px + 16px) - 4px));
15880
+ margin-inline-end: -28px;
15877
15881
  }
15878
15882
 
15879
15883
  .k-menu-group-md {
@@ -15888,12 +15892,12 @@ textarea.k-input-inner {
15888
15892
 
15889
15893
  .k-menu-group-md .k-menu-link {
15890
15894
  padding: 4px 8px;
15891
- padding-inline-end: calc( 16px + 16px);
15895
+ padding-inline-end: 32px;
15892
15896
  }
15893
15897
 
15894
15898
  .k-menu-group-md .k-menu-expand-arrow {
15895
15899
  margin-inline-start: 8px;
15896
- margin-inline-end: calc( -1 * (calc( 16px + 16px) - 4px));
15900
+ margin-inline-end: -28px;
15897
15901
  }
15898
15902
 
15899
15903
  .k-menu-group-lg {
@@ -15908,12 +15912,12 @@ textarea.k-input-inner {
15908
15912
 
15909
15913
  .k-menu-group-lg .k-menu-link {
15910
15914
  padding: 6px 8px;
15911
- padding-inline-end: calc( 16px + 16px);
15915
+ padding-inline-end: 32px;
15912
15916
  }
15913
15917
 
15914
15918
  .k-menu-group-lg .k-menu-expand-arrow {
15915
15919
  margin-inline-start: 8px;
15916
- margin-inline-end: calc( -1 * (calc( 16px + 16px) - 4px));
15920
+ margin-inline-end: -28px;
15917
15921
  }
15918
15922
 
15919
15923
  .k-popups-wrapper {
@@ -16013,13 +16017,13 @@ textarea.k-input-inner {
16013
16017
  .k-rtl .k-menu-vertical > .k-menu-item > .k-menu-link,
16014
16018
  [dir="rtl"] .k-menu-vertical > .k-menu-item > .k-menu-link {
16015
16019
  padding-right: 8px;
16016
- padding-left: calc( 16px + 16px);
16020
+ padding-left: 32px;
16017
16021
  }
16018
16022
 
16019
16023
  .k-rtl .k-menu-group .k-menu-link,
16020
16024
  [dir="rtl"] .k-menu-group .k-menu-link {
16021
16025
  padding-right: 8px;
16022
- padding-left: calc( 16px + 16px);
16026
+ padding-left: 32px;
16023
16027
  }
16024
16028
 
16025
16029
  .k-menu:not(.k-context-menu) {
@@ -16110,7 +16114,7 @@ textarea.k-input-inner {
16110
16114
 
16111
16115
  .k-toolbar::before {
16112
16116
  content: "";
16113
- height: calc( 1.4285714286em + 8px + 2px);
16117
+ height: calc(1.4285714286em + 10px);
16114
16118
  margin-inline-start: -8px;
16115
16119
  }
16116
16120
 
@@ -16178,6 +16182,11 @@ textarea.k-input-inner {
16178
16182
  align-items: center;
16179
16183
  }
16180
16184
 
16185
+ .k-toolbar .k-toolbar-item:focus {
16186
+ text-decoration: none;
16187
+ outline: 0;
16188
+ }
16189
+
16181
16190
  .k-toolbar-group {
16182
16191
  display: flex;
16183
16192
  flex-direction: inherit;
@@ -16293,6 +16302,11 @@ kendo-toolbar-renderer {
16293
16302
  border-color: inherit;
16294
16303
  }
16295
16304
 
16305
+ .k-toolbar .k-toolbar-item:focus,
16306
+ .k-toolbar .k-toolbar-item.k-focus {
16307
+ box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
16308
+ }
16309
+
16296
16310
  .k-overflow-container .k-button:hover, .k-overflow-container .k-button.k-hover {
16297
16311
  color: #424242;
16298
16312
  background: #f0f0f0;
@@ -16586,7 +16600,7 @@ kendo-label > .k-label {
16586
16600
  }
16587
16601
 
16588
16602
  .k-form-horizontal .k-form-field-wrap {
16589
- max-width: calc( ( 100% - 25% ) - 10px);
16603
+ max-width: calc(75% - 10px);
16590
16604
  flex: 1 1 auto;
16591
16605
  }
16592
16606
 
@@ -16653,7 +16667,7 @@ kendo-label > .k-label {
16653
16667
  width: 25%;
16654
16668
  text-align: right;
16655
16669
  line-height: 1.4285714286;
16656
- padding: calc( 4px + 1px) 0;
16670
+ padding: 5px 0;
16657
16671
  padding-right: 12px;
16658
16672
  align-self: center;
16659
16673
  }
@@ -16702,7 +16716,7 @@ kendo-label > .k-label {
16702
16716
 
16703
16717
  .k-edit-label {
16704
16718
  margin: 0 0 1em 0;
16705
- padding: calc( 4px + 1px) 0;
16719
+ padding: 5px 0;
16706
16720
  width: 30%;
16707
16721
  line-height: 1.4285714286;
16708
16722
  text-align: right;
@@ -16719,7 +16733,7 @@ kendo-label > .k-label {
16719
16733
  }
16720
16734
 
16721
16735
  .k-edit-field.k-no-editor {
16722
- padding: calc( 4px + 1px) 0;
16736
+ padding: 5px 0;
16723
16737
  }
16724
16738
 
16725
16739
  .k-edit-field > .k-widget {
@@ -16942,7 +16956,7 @@ kendo-label > .k-label {
16942
16956
  }
16943
16957
 
16944
16958
  .k-validator-tooltip {
16945
- margin-top: calc( 6px + 0px);
16959
+ margin-top: 6px;
16946
16960
  width: auto;
16947
16961
  white-space: normal;
16948
16962
  display: flex;
@@ -17158,7 +17172,6 @@ kendo-label > .k-label {
17158
17172
  box-sizing: border-box;
17159
17173
  }
17160
17174
 
17161
- .k-progressbar > .k-state-selected,
17162
17175
  .k-progressbar > .k-selected {
17163
17176
  border-width: 0;
17164
17177
  border-style: solid;
@@ -17231,16 +17244,14 @@ kendo-label > .k-label {
17231
17244
  flex-direction: row;
17232
17245
  }
17233
17246
 
17234
- .k-progressbar-horizontal > .k-state-selected,
17235
17247
  .k-progressbar-horizontal > .k-selected {
17236
17248
  width: 0;
17237
- width: calc( var( --kendo-progressbar-progress, 0 ) * 1%);
17249
+ width: calc(var( --kendo-progressbar-progress, 0 )*1%);
17238
17250
  flex-direction: row;
17239
17251
  }
17240
17252
 
17241
- .k-progressbar-horizontal > .k-state-selected > .k-progress-status-wrap,
17242
17253
  .k-progressbar-horizontal > .k-selected > .k-progress-status-wrap {
17243
- width: calc( 100% * ( 100 / var( --kendo-progressbar-progress, 1 ) ));
17254
+ width: calc(100%*(100/var( --kendo-progressbar-progress, 1 )));
17244
17255
  }
17245
17256
 
17246
17257
  .k-progressbar-horizontal > ul {
@@ -17253,7 +17264,6 @@ kendo-label > .k-label {
17253
17264
  border-inline-end-width: 0;
17254
17265
  }
17255
17266
 
17256
- .k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected,
17257
17267
  .k-progressbar-horizontal.k-progressbar-reverse > .k-selected {
17258
17268
  flex-direction: row-reverse;
17259
17269
  justify-self: flex-end;
@@ -17271,21 +17281,20 @@ kendo-label > .k-label {
17271
17281
  }
17272
17282
 
17273
17283
  .k-progressbar-vertical .k-progress-status {
17274
- writing-mode: vertical-lr;
17284
+ -ms-writing-mode: tb-lr;
17285
+ writing-mode: vertical-lr;
17275
17286
  }
17276
17287
 
17277
- .k-progressbar-vertical > .k-state-selected,
17278
17288
  .k-progressbar-vertical > .k-selected {
17279
17289
  height: 0;
17280
- height: calc( var( --kendo-progressbar-progress, 0 ) * 1%);
17290
+ height: calc(var( --kendo-progressbar-progress, 0 )*1%);
17281
17291
  flex-direction: column-reverse;
17282
17292
  align-self: flex-end;
17283
17293
  align-items: flex-end;
17284
17294
  }
17285
17295
 
17286
- .k-progressbar-vertical > .k-state-selected > .k-progress-status-wrap,
17287
17296
  .k-progressbar-vertical > .k-selected > .k-progress-status-wrap {
17288
- height: calc( 100% * ( 100 / var( --kendo-progressbar-progress, 1 ) ));
17297
+ height: calc(100%*(100/var( --kendo-progressbar-progress, 1 )));
17289
17298
  }
17290
17299
 
17291
17300
  .k-progressbar-vertical > ul {
@@ -17302,22 +17311,18 @@ kendo-label > .k-label {
17302
17311
  flex-direction: column;
17303
17312
  }
17304
17313
 
17305
- .k-progressbar-vertical.k-progressbar-reverse > .k-state-selected,
17306
17314
  .k-progressbar-vertical.k-progressbar-reverse > .k-selected {
17307
17315
  flex-direction: column;
17308
17316
  align-self: flex-start;
17309
17317
  }
17310
17318
 
17311
17319
  .k-progressbar-indeterminate .k-progress-status-wrap,
17312
- .k-progressbar-indeterminate .k-state-selected,
17313
17320
  .k-progressbar-indeterminate .k-selected,
17314
17321
  .k-progressbar-indeterminate .k-item {
17315
17322
  display: none;
17316
17323
  }
17317
17324
 
17318
- .telerik-blazor.k-progressbar-horizontal > .k-state-selected,
17319
17325
  .telerik-blazor.k-progressbar-horizontal > .k-selected,
17320
- .telerik-blazor.k-progressbar-horizontal > .k-state-selected > .k-progress-status-wrap,
17321
17326
  .telerik-blazor.k-progressbar-horizontal > .k-selected > .k-progress-status-wrap {
17322
17327
  transition: width .1s ease-in-out;
17323
17328
  }
@@ -17332,7 +17337,6 @@ kendo-label > .k-label {
17332
17337
  }
17333
17338
 
17334
17339
  .k-progressbar > .k-progress-status-wrap,
17335
- .k-progressbar > .k-state-selected,
17336
17340
  .k-progressbar > .k-selected {
17337
17341
  -ms-grid-column: 1;
17338
17342
  -ms-grid-row: 1;
@@ -17343,7 +17347,6 @@ kendo-label > .k-label {
17343
17347
  -ms-grid-rows: 22px;
17344
17348
  }
17345
17349
 
17346
- .k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected,
17347
17350
  .k-progressbar-horizontal.k-progressbar-reverse > .k-selected {
17348
17351
  -ms-grid-column-align: end;
17349
17352
  }
@@ -17353,12 +17356,10 @@ kendo-label > .k-label {
17353
17356
  -ms-grid-rows: 1fr;
17354
17357
  }
17355
17358
 
17356
- .k-progressbar-vertical > .k-state-selected,
17357
17359
  .k-progressbar-vertical > .k-selected {
17358
17360
  -ms-grid-row-align: end;
17359
17361
  }
17360
17362
 
17361
- .k-progressbar-vertical.k-progressbar-reverse > .k-state-selected,
17362
17363
  .k-progressbar-vertical.k-progressbar-reverse > .k-selected {
17363
17364
  -ms-grid-row-align: start;
17364
17365
  }
@@ -17417,7 +17418,6 @@ kendo-label > .k-label {
17417
17418
  background-color: #ebebeb;
17418
17419
  }
17419
17420
 
17420
- .k-progressbar .k-state-selected,
17421
17421
  .k-progressbar .k-selected {
17422
17422
  border-color: #eb5b51;
17423
17423
  color: white;
@@ -17577,13 +17577,11 @@ kendo-label > .k-label {
17577
17577
  }
17578
17578
 
17579
17579
  .k-ripple-container .k-radio:focus,
17580
- .k-ripple-container .k-radio.k-state-focus,
17581
17580
  .k-ripple-container .k-radio.k-focus {
17582
17581
  box-shadow: none !important;
17583
17582
  }
17584
17583
 
17585
17584
  .k-ripple-container .k-radio:focus::after,
17586
- .k-ripple-container .k-radio.k-state-focus::after,
17587
17585
  .k-ripple-container .k-radio.k-focus::after {
17588
17586
  transform: translate(-50%, -50%) scale(1);
17589
17587
  }
@@ -17646,20 +17644,17 @@ kendo-label > .k-label {
17646
17644
  }
17647
17645
 
17648
17646
  .k-radio:focus,
17649
- .k-radio.k-state-focus,
17650
17647
  .k-radio.k-focus {
17651
17648
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.06);
17652
17649
  }
17653
17650
 
17654
17651
  .k-radio.k-invalid,
17655
- .k-radio.k-state-invalid,
17656
17652
  .k-radio.ng-invalid.ng-touched,
17657
17653
  .k-radio.ng-invalid.ng-dirty {
17658
17654
  border-color: #f31700;
17659
17655
  }
17660
17656
 
17661
17657
  .k-radio.k-invalid + .k-radio-label,
17662
- .k-radio.k-state-invalid + .k-radio-label,
17663
17658
  .k-radio.ng-invalid.ng-touched + .k-radio-label,
17664
17659
  .k-radio.ng-invalid.ng-dirty + .k-radio-label {
17665
17660
  color: #f31700;
@@ -17673,7 +17668,6 @@ kendo-label > .k-label {
17673
17668
  }
17674
17669
 
17675
17670
  .k-radio:checked:focus,
17676
- .k-radio.k-checked.k-state-focus,
17677
17671
  .k-radio.k-checked.k-focus {
17678
17672
  box-shadow: 0 0 0 2px rgba(255, 99, 88, 0.3);
17679
17673
  }
@@ -17726,9 +17720,7 @@ kendo-label > .k-label {
17726
17720
  position: relative;
17727
17721
  }
17728
17722
 
17729
- .k-slider.k-state-disabled .k-tick,
17730
- .k-slider.k-state-disabled .k-slider-track,
17731
- .k-slider.k-state-disabled .k-draghandle, .k-slider.k-disabled .k-tick,
17723
+ .k-slider.k-disabled .k-tick,
17732
17724
  .k-slider.k-disabled .k-slider-track,
17733
17725
  .k-slider.k-disabled .k-draghandle {
17734
17726
  cursor: default;
@@ -17753,7 +17745,7 @@ kendo-label > .k-label {
17753
17745
  .k-slider {
17754
17746
  width: min-content;
17755
17747
  height: min-content;
17756
- gap: calc( 14px / 2);
17748
+ gap: 7px;
17757
17749
  }
17758
17750
 
17759
17751
  .k-slider .k-button {
@@ -17776,7 +17768,9 @@ kendo-label > .k-label {
17776
17768
  display: flex;
17777
17769
  flex-flow: inherit;
17778
17770
  justify-content: space-between;
17779
- user-select: none;
17771
+ -webkit-user-select: none;
17772
+ -ms-user-select: none;
17773
+ user-select: none;
17780
17774
  }
17781
17775
 
17782
17776
  .k-slider .k-slider-track-wrap .k-tick {
@@ -17816,31 +17810,31 @@ kendo-label > .k-label {
17816
17810
  }
17817
17811
 
17818
17812
  .k-slider-horizontal .k-slider-track-wrap .k-slider-selection {
17819
- width: calc( (var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0)) * 1%);
17820
- left: calc( var(--kendo-slider-start, 0) * 1%);
17813
+ width: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%);
17814
+ left: calc(var(--kendo-slider-start, 0)*1%);
17821
17815
  }
17822
17816
 
17823
17817
  .k-slider-horizontal .k-slider-track-wrap .k-draghandle-start {
17824
- left: calc( var(--kendo-slider-start, 0) * 1%);
17818
+ left: calc(var(--kendo-slider-start, 0)*1%);
17825
17819
  }
17826
17820
 
17827
17821
  .k-slider-horizontal .k-slider-track-wrap .k-draghandle-end {
17828
- left: calc( var(--kendo-slider-end, 0) * 1%);
17822
+ left: calc(var(--kendo-slider-end, 0)*1%);
17829
17823
  }
17830
17824
 
17831
17825
  [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-slider-selection {
17832
17826
  left: unset;
17833
- right: calc( var(--kendo-slider-start, 0) * 1%);
17827
+ right: calc(var(--kendo-slider-start, 0)*1%);
17834
17828
  }
17835
17829
 
17836
17830
  [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle-start {
17837
17831
  left: unset;
17838
- right: calc( var(--kendo-slider-start, 0) * 1%);
17832
+ right: calc(var(--kendo-slider-start, 0)*1%);
17839
17833
  }
17840
17834
 
17841
17835
  [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle-end {
17842
17836
  left: unset;
17843
- right: calc( var(--kendo-slider-end, 0) * 1%);
17837
+ right: calc(var(--kendo-slider-end, 0)*1%);
17844
17838
  }
17845
17839
 
17846
17840
  [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle {
@@ -17871,16 +17865,16 @@ kendo-label > .k-label {
17871
17865
  }
17872
17866
 
17873
17867
  .k-slider-vertical .k-slider-track-wrap .k-slider-selection {
17874
- bottom: calc( var(--kendo-slider-start, 0) * 1%);
17875
- height: calc( (var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0)) * 1%);
17868
+ bottom: calc(var(--kendo-slider-start, 0)*1%);
17869
+ height: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%);
17876
17870
  }
17877
17871
 
17878
17872
  .k-slider-vertical .k-slider-track-wrap .k-draghandle-start {
17879
- bottom: calc( var(--kendo-slider-start, 0) * 1%);
17873
+ bottom: calc(var(--kendo-slider-start, 0)*1%);
17880
17874
  }
17881
17875
 
17882
17876
  .k-slider-vertical .k-slider-track-wrap .k-draghandle-end {
17883
- bottom: calc( var(--kendo-slider-end, 0) * 1%);
17877
+ bottom: calc(var(--kendo-slider-end, 0)*1%);
17884
17878
  }
17885
17879
 
17886
17880
  .k-slider-vertical {
@@ -18108,12 +18102,12 @@ kendo-label > .k-label {
18108
18102
  left: auto;
18109
18103
  }
18110
18104
 
18111
- .k-rtl .k-slider-horizontal .k-button .k-i-arrow-e,
18112
- .k-rtl .k-slider-horizontal .k-button .k-i-arrow-w, .k-slider-horizontal.k-rtl .k-button .k-i-arrow-e,
18113
- .k-slider-horizontal.k-rtl .k-button .k-i-arrow-w,
18114
- [dir="rtl"] .k-slider-horizontal .k-button .k-i-arrow-e,
18115
- [dir="rtl"] .k-slider-horizontal .k-button .k-i-arrow-w, .k-slider-horizontal[dir="rtl"] .k-button .k-i-arrow-e,
18116
- .k-slider-horizontal[dir="rtl"] .k-button .k-i-arrow-w {
18105
+ .k-rtl .k-slider-horizontal .k-button-increase .k-icon,
18106
+ .k-rtl .k-slider-horizontal .k-button-decrease .k-icon, .k-slider-horizontal.k-rtl .k-button-increase .k-icon,
18107
+ .k-slider-horizontal.k-rtl .k-button-decrease .k-icon,
18108
+ [dir="rtl"] .k-slider-horizontal .k-button-increase .k-icon,
18109
+ [dir="rtl"] .k-slider-horizontal .k-button-decrease .k-icon, .k-slider-horizontal[dir="rtl"] .k-button-increase .k-icon,
18110
+ .k-slider-horizontal[dir="rtl"] .k-button-decrease .k-icon {
18117
18111
  transform: scaleX(-1);
18118
18112
  }
18119
18113
 
@@ -18199,13 +18193,13 @@ kendo-label > .k-label {
18199
18193
  }
18200
18194
 
18201
18195
  .k-slider-horizontal .k-slider-wrap:not(.k-slider-buttons) {
18202
- padding-left: calc( 14px / 2);
18203
- padding-right: calc( 14px / 2);
18196
+ padding-left: 7px;
18197
+ padding-right: 7px;
18204
18198
  }
18205
18199
 
18206
18200
  .k-slider-vertical .k-slider-wrap:not(.k-slider-buttons) {
18207
- padding-top: calc( 14px / 2);
18208
- padding-bottom: calc( 14px / 2);
18201
+ padding-top: 7px;
18202
+ padding-bottom: 7px;
18209
18203
  }
18210
18204
 
18211
18205
  .k-slider {
@@ -18242,11 +18236,11 @@ kendo-label > .k-label {
18242
18236
  background-color: #e0574d;
18243
18237
  }
18244
18238
 
18245
- .k-slider .k-draghandle:focus, .k-slider .k-draghandle.k-state-focused, .k-slider .k-draghandle.k-focus {
18239
+ .k-slider .k-draghandle:focus, .k-slider .k-draghandle.k-focus {
18246
18240
  box-shadow: 0 0 0 2px rgba(255, 99, 88, 0.3);
18247
18241
  }
18248
18242
 
18249
- .k-slider.k-state-focused .k-draghandle, .k-slider.k-focus .k-draghandle {
18243
+ .k-slider.k-focus .k-draghandle {
18250
18244
  box-shadow: 0 0 0 2px rgba(255, 99, 88, 0.3);
18251
18245
  }
18252
18246
 
@@ -18272,7 +18266,9 @@ kendo-label > .k-label {
18272
18266
  overflow: hidden;
18273
18267
  display: inline-flex;
18274
18268
  flex-flow: column nowrap;
18275
- user-select: none;
18269
+ -webkit-user-select: none;
18270
+ -ms-user-select: none;
18271
+ user-select: none;
18276
18272
  -webkit-touch-callout: none;
18277
18273
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
18278
18274
  }
@@ -18787,13 +18783,11 @@ kendo-label > .k-label {
18787
18783
  color: #ff6358;
18788
18784
  }
18789
18785
 
18790
- .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,
18786
+ .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,
18791
18787
  .k-calendar .k-calendar-nav-today:hover,
18792
18788
  .k-calendar .k-calendar-nav-today.k-hover,
18793
- .k-calendar .k-calendar-nav-today.k-state-hover,
18794
18789
  .k-calendar .k-calendar-nav-today:focus,
18795
- .k-calendar .k-calendar-nav-today.k-focus,
18796
- .k-calendar .k-calendar-nav-today.k-state-focus {
18790
+ .k-calendar .k-calendar-nav-today.k-focus {
18797
18791
  color: #d6534a;
18798
18792
  }
18799
18793
 
@@ -18823,17 +18817,13 @@ kendo-label > .k-label {
18823
18817
 
18824
18818
  .k-calendar .k-calendar-td:hover .k-calendar-cell-inner, .k-calendar .k-calendar-td:hover .k-link,
18825
18819
  .k-calendar .k-calendar-td.k-hover .k-calendar-cell-inner,
18826
- .k-calendar .k-calendar-td.k-hover .k-link,
18827
- .k-calendar .k-calendar-td.k-state-hover .k-calendar-cell-inner,
18828
- .k-calendar .k-calendar-td.k-state-hover .k-link {
18820
+ .k-calendar .k-calendar-td.k-hover .k-link {
18829
18821
  border-color: rgba(0, 0, 0, 0.08);
18830
18822
  color: #424242;
18831
18823
  background-color: #f0f0f0;
18832
18824
  }
18833
18825
 
18834
- .k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected .k-link,
18835
- .k-calendar .k-calendar-td.k-state-selected .k-calendar-cell-inner,
18836
- .k-calendar .k-calendar-td.k-state-selected .k-link {
18826
+ .k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected .k-link {
18837
18827
  border-color: rgba(0, 0, 0, 0.08);
18838
18828
  color: white;
18839
18829
  background-color: #ff6358;
@@ -18841,28 +18831,20 @@ kendo-label > .k-label {
18841
18831
 
18842
18832
  .k-calendar .k-calendar-td.k-selected:hover .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected:hover .k-link,
18843
18833
  .k-calendar .k-calendar-td.k-selected.k-hover .k-calendar-cell-inner,
18844
- .k-calendar .k-calendar-td.k-selected.k-hover .k-link,
18845
- .k-calendar .k-calendar-td.k-state-selected:hover .k-calendar-cell-inner,
18846
- .k-calendar .k-calendar-td.k-state-selected:hover .k-link {
18834
+ .k-calendar .k-calendar-td.k-selected.k-hover .k-link {
18847
18835
  color: white;
18848
18836
  background-color: #f55f54;
18849
18837
  }
18850
18838
 
18851
18839
  .k-calendar .k-calendar-td:focus .k-calendar-cell-inner, .k-calendar .k-calendar-td:focus .k-link,
18852
18840
  .k-calendar .k-calendar-td.k-focus .k-calendar-cell-inner,
18853
- .k-calendar .k-calendar-td.k-focus .k-link,
18854
- .k-calendar .k-calendar-td.k-state-focus .k-calendar-cell-inner,
18855
- .k-calendar .k-calendar-td.k-state-focus .k-link,
18856
- .k-calendar .k-calendar-td.k-state-focused .k-calendar-cell-inner,
18857
- .k-calendar .k-calendar-td.k-state-focused .k-link {
18841
+ .k-calendar .k-calendar-td.k-focus .k-link {
18858
18842
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.08);
18859
18843
  }
18860
18844
 
18861
18845
  .k-calendar .k-calendar-td.k-selected:focus .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected:focus .k-link,
18862
18846
  .k-calendar .k-calendar-td.k-selected.k-focus .k-calendar-cell-inner,
18863
- .k-calendar .k-calendar-td.k-selected.k-focus .k-link,
18864
- .k-calendar .k-calendar-td.k-state-selected.k-state-focus .k-calendar-cell-inner,
18865
- .k-calendar .k-calendar-td.k-state-selected.k-state-focus .k-link {
18847
+ .k-calendar .k-calendar-td.k-selected.k-focus .k-link {
18866
18848
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.08);
18867
18849
  }
18868
18850
 
@@ -18873,8 +18855,7 @@ kendo-label > .k-label {
18873
18855
  }
18874
18856
 
18875
18857
  .k-calendar .k-calendar-navigation li:hover,
18876
- .k-calendar .k-calendar-navigation li.k-hover,
18877
- .k-calendar .k-calendar-navigation li.k-state-hover {
18858
+ .k-calendar .k-calendar-navigation li.k-hover {
18878
18859
  color: #d6534a;
18879
18860
  }
18880
18861
 
@@ -18889,7 +18870,7 @@ kendo-label > .k-label {
18889
18870
  box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08);
18890
18871
  }
18891
18872
 
18892
- .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 {
18873
+ .k-calendar.k-invalid, .k-calendar.k-invalid:hover, .k-calendar.ng-invalid.ng-touched, .k-calendar.ng-invalid.ng-dirty {
18893
18874
  border-color: #f31700;
18894
18875
  }
18895
18876
 
@@ -18916,12 +18897,8 @@ kendo-label > .k-label {
18916
18897
  }
18917
18898
 
18918
18899
  .k-calendar .k-range-start.k-active .k-calendar-cell-inner, .k-calendar .k-range-start.k-active .k-link,
18919
- .k-calendar .k-range-start.k-state-active .k-calendar-cell-inner,
18920
- .k-calendar .k-range-start.k-state-active .k-link,
18921
18900
  .k-calendar .k-range-end.k-active .k-calendar-cell-inner,
18922
- .k-calendar .k-range-end.k-active .k-link,
18923
- .k-calendar .k-range-end.k-state-active .k-calendar-cell-inner,
18924
- .k-calendar .k-range-end.k-state-active .k-link {
18901
+ .k-calendar .k-range-end.k-active .k-link {
18925
18902
  box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.2);
18926
18903
  }
18927
18904
 
@@ -18964,7 +18941,9 @@ kendo-label > .k-label {
18964
18941
  overflow: hidden;
18965
18942
  display: flex;
18966
18943
  flex-flow: column nowrap;
18967
- user-select: none;
18944
+ -webkit-user-select: none;
18945
+ -ms-user-select: none;
18946
+ user-select: none;
18968
18947
  -webkit-touch-callout: none;
18969
18948
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
18970
18949
  }
@@ -19008,12 +18987,12 @@ kendo-label > .k-label {
19008
18987
  .k-time-highlight,
19009
18988
  .k-time-list-highlight {
19010
18989
  width: 100%;
19011
- height: calc( 20px + 8px);
18990
+ height: 28px;
19012
18991
  border-width: 1px 0px;
19013
18992
  border-style: solid;
19014
18993
  box-sizing: border-box;
19015
18994
  position: absolute;
19016
- top: calc( 50% + 9px);
18995
+ top: calc(50% + 9px);
19017
18996
  left: 0;
19018
18997
  right: 0;
19019
18998
  transform: translateY(-50%);
@@ -19042,24 +19021,24 @@ kendo-label > .k-label {
19042
19021
  display: block;
19043
19022
  }
19044
19023
 
19045
- .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 {
19024
+ .k-time-list-wrapper.k-focus::before, .k-time-list-wrapper.k-focus::after {
19046
19025
  display: block;
19047
19026
  content: "\200b";
19048
19027
  position: absolute;
19049
19028
  width: 100%;
19050
19029
  left: 0;
19051
19030
  pointer-events: none;
19052
- height: calc( 50% - calc( 20px + 8px)/2);
19031
+ height: calc(50% - 14px);
19053
19032
  box-sizing: border-box;
19054
19033
  border-width: 0;
19055
19034
  border-style: solid;
19056
19035
  }
19057
19036
 
19058
- .k-time-list-wrapper.k-state-focused::before, .k-time-list-wrapper.k-focus::before {
19037
+ .k-time-list-wrapper.k-focus::before {
19059
19038
  top: 18px;
19060
19039
  }
19061
19040
 
19062
- .k-time-list-wrapper.k-state-focused::after, .k-time-list-wrapper.k-focus::after {
19041
+ .k-time-list-wrapper.k-focus::after {
19063
19042
  bottom: 0;
19064
19043
  }
19065
19044
 
@@ -19139,14 +19118,14 @@ kendo-label > .k-label {
19139
19118
 
19140
19119
  .k-time-separator {
19141
19120
  width: 0;
19142
- height: calc( 20px + 8px);
19121
+ height: 28px;
19143
19122
  align-self: center;
19144
19123
  display: inline-flex;
19145
19124
  justify-content: center;
19146
19125
  align-items: center;
19147
19126
  position: relative;
19148
19127
  z-index: 11;
19149
- top: calc( 9px);
19128
+ top: 9px;
19150
19129
  }
19151
19130
 
19152
19131
  .k-timeselector-sm {
@@ -19156,11 +19135,11 @@ kendo-label > .k-label {
19156
19135
 
19157
19136
  .k-timeselector-sm .k-time-highlight,
19158
19137
  .k-timeselector-sm .k-time-list-highlight {
19159
- height: calc( 20px + 4px);
19138
+ height: 24px;
19160
19139
  }
19161
19140
 
19162
19141
  .k-timeselector-sm .k-time-separator {
19163
- height: calc( 20px + 4px);
19142
+ height: 24px;
19164
19143
  }
19165
19144
 
19166
19145
  .k-timeselector-sm .k-time-list-item,
@@ -19175,11 +19154,11 @@ kendo-label > .k-label {
19175
19154
 
19176
19155
  .k-timeselector-md .k-time-highlight,
19177
19156
  .k-timeselector-md .k-time-list-highlight {
19178
- height: calc( 20px + 8px);
19157
+ height: 28px;
19179
19158
  }
19180
19159
 
19181
19160
  .k-timeselector-md .k-time-separator {
19182
- height: calc( 20px + 8px);
19161
+ height: 28px;
19183
19162
  }
19184
19163
 
19185
19164
  .k-timeselector-md .k-time-list-item,
@@ -19194,11 +19173,11 @@ kendo-label > .k-label {
19194
19173
 
19195
19174
  .k-timeselector-lg .k-time-highlight,
19196
19175
  .k-timeselector-lg .k-time-list-highlight {
19197
- height: calc( 24px + 16px);
19176
+ height: 40px;
19198
19177
  }
19199
19178
 
19200
19179
  .k-timeselector-lg .k-time-separator {
19201
- height: calc( 24px + 16px);
19180
+ height: 40px;
19202
19181
  }
19203
19182
 
19204
19183
  .k-timeselector-lg .k-time-list-item,
@@ -19226,11 +19205,11 @@ kendo-label > .k-label {
19226
19205
  color: #666666;
19227
19206
  }
19228
19207
 
19229
- .k-time-list-wrapper.k-state-focused .k-title, .k-time-list-wrapper.k-focus .k-title {
19208
+ .k-time-list-wrapper.k-focus .k-title {
19230
19209
  color: #424242;
19231
19210
  }
19232
19211
 
19233
- .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 {
19212
+ .k-time-list-wrapper.k-focus::before, .k-time-list-wrapper.k-focus::after {
19234
19213
  background-color: rgba(0, 0, 0, 0.04);
19235
19214
  }
19236
19215
 
@@ -19346,25 +19325,25 @@ kendo-label > .k-label {
19346
19325
  -ms-high-contrast-adjust: none;
19347
19326
  }
19348
19327
 
19349
- .k-colorpalette-tile:hover, .k-colorpalette-tile.k-state-hover, .k-colorpalette-tile.k-hover {
19328
+ .k-colorpalette-tile:hover, .k-colorpalette-tile.k-hover {
19350
19329
  position: relative;
19351
19330
  z-index: 101;
19352
19331
  }
19353
19332
 
19354
- .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 {
19333
+ .k-colorpalette-tile:focus, .k-colorpalette-tile.k-focus, .k-colorpalette-tile.k-selected, .k-colorpalette-tile.k-selected:hover {
19355
19334
  position: relative;
19356
19335
  z-index: 100;
19357
19336
  }
19358
19337
 
19359
- .k-colorpalette-tile:focus, .k-colorpalette-tile.k-state-focus, .k-colorpalette-tile.k-focus {
19338
+ .k-colorpalette-tile:focus, .k-colorpalette-tile.k-focus {
19360
19339
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
19361
19340
  }
19362
19341
 
19363
- .k-colorpalette-tile:hover, .k-colorpalette-tile.k-state-hover, .k-colorpalette-tile.k-hover {
19342
+ .k-colorpalette-tile:hover, .k-colorpalette-tile.k-hover {
19364
19343
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.8);
19365
19344
  }
19366
19345
 
19367
- .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 {
19346
+ .k-colorpalette-tile.k-selected, .k-colorpalette-tile.k-selected:hover {
19368
19347
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px white;
19369
19348
  }
19370
19349
 
@@ -19401,7 +19380,9 @@ kendo-label > .k-label {
19401
19380
  border-radius: 4px;
19402
19381
  position: relative;
19403
19382
  flex: 1 1 auto;
19404
- user-select: none;
19383
+ -webkit-user-select: none;
19384
+ -ms-user-select: none;
19385
+ user-select: none;
19405
19386
  -ms-touch-action: pinch-zoom double-tap-zoom;
19406
19387
  }
19407
19388
 
@@ -19529,7 +19510,7 @@ kendo-label > .k-label {
19529
19510
  vertical-align: middle;
19530
19511
  }
19531
19512
 
19532
- .k-colorgradient-color-contrast .k-contrast-validation .k-i-check + .k-i-check {
19513
+ .k-colorgradient-color-contrast .k-contrast-validation .k-icon + .k-icon {
19533
19514
  margin-left: -13px;
19534
19515
  }
19535
19516
 
@@ -19554,7 +19535,6 @@ kendo-label > .k-label {
19554
19535
  }
19555
19536
 
19556
19537
  .k-colorgradient:focus,
19557
- .k-colorgradient.k-state-focus,
19558
19538
  .k-colorgradient.k-focus {
19559
19539
  box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.3);
19560
19540
  }
@@ -19569,13 +19549,13 @@ kendo-label > .k-label {
19569
19549
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
19570
19550
  }
19571
19551
 
19572
- .k-colorgradient .k-draghandle:focus, .k-colorgradient .k-draghandle.k-state-focus, .k-colorgradient .k-draghandle.k-focus {
19552
+ .k-colorgradient .k-draghandle:focus, .k-colorgradient .k-draghandle.k-focus {
19573
19553
  border-color: #ffffff;
19574
19554
  background-color: transparent;
19575
19555
  box-shadow: 0 1px 4px black;
19576
19556
  }
19577
19557
 
19578
- .k-colorgradient .k-draghandle:active, .k-colorgradient .k-draghandle:hover, .k-colorgradient .k-draghandle.k-state-hover, .k-colorgradient .k-draghandle.k-hover {
19558
+ .k-colorgradient .k-draghandle:hover, .k-colorgradient .k-draghandle.k-hover, .k-colorgradient .k-draghandle.k-active, .k-colorgradient .k-draghandle:active {
19579
19559
  border-color: #ffffff;
19580
19560
  background-color: transparent;
19581
19561
  box-shadow: 0 1px 4px black;
@@ -19647,7 +19627,7 @@ kendo-label > .k-label {
19647
19627
  }
19648
19628
 
19649
19629
  .k-coloreditor-views {
19650
- min-width: calc( var(--kendo-color-preview-width, 24px) * var(--kendo-color-preview-columns, 10));
19630
+ min-width: calc(var(--kendo-color-preview-width, 24px)*var(--kendo-color-preview-columns, 10));
19651
19631
  padding: 12px 12px;
19652
19632
  gap: 12px;
19653
19633
  }
@@ -19680,7 +19660,6 @@ kendo-label > .k-label {
19680
19660
  }
19681
19661
 
19682
19662
  .k-coloreditor:focus,
19683
- .k-coloreditor.k-state-focus,
19684
19663
  .k-coloreditor.k-focus {
19685
19664
  box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.3);
19686
19665
  }
@@ -19695,7 +19674,7 @@ kendo-label > .k-label {
19695
19674
  }
19696
19675
 
19697
19676
  .k-datetime-wrap {
19698
- width: calc( 256px + 32px);
19677
+ width: 288px;
19699
19678
  overflow: hidden;
19700
19679
  }
19701
19680
 
@@ -19712,7 +19691,7 @@ kendo-label > .k-label {
19712
19691
  .k-datetime-calendar-wrap,
19713
19692
  .k-datetime-time-wrap {
19714
19693
  text-align: center;
19715
- flex: 0 0 calc( 256px + 32px);
19694
+ flex: 0 0 288px;
19716
19695
  }
19717
19696
 
19718
19697
  .k-date-tab .k-datetime-selector {
@@ -20021,7 +20000,7 @@ kendo-label > .k-label {
20021
20000
  box-sizing: border-box;
20022
20001
  }
20023
20002
 
20024
- .k-rating.k-state-readonly {
20003
+ .k-rating.k-readonly {
20025
20004
  pointer-events: none;
20026
20005
  }
20027
20006
 
@@ -20091,14 +20070,11 @@ kendo-label > .k-label {
20091
20070
  color: #424242;
20092
20071
  }
20093
20072
 
20094
- .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 {
20073
+ .k-rating:focus .k-rating-item > .k-icon, .k-rating.k-focus .k-rating-item > .k-icon {
20095
20074
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
20096
20075
  }
20097
20076
 
20098
- .k-rating:focus .k-rating-item.k-state-selected > .k-icon,
20099
- .k-rating:focus .k-rating-item.k-selected > .k-icon, .k-rating.k-state-focused .k-rating-item.k-state-selected > .k-icon,
20100
- .k-rating.k-state-focused .k-rating-item.k-selected > .k-icon, .k-rating.k-focus .k-rating-item.k-state-selected > .k-icon,
20101
- .k-rating.k-focus .k-rating-item.k-selected > .k-icon {
20077
+ .k-rating:focus .k-rating-item.k-selected > .k-icon, .k-rating.k-focus .k-rating-item.k-selected > .k-icon {
20102
20078
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
20103
20079
  }
20104
20080
 
@@ -20106,15 +20082,15 @@ kendo-label > .k-label {
20106
20082
  color: #424242;
20107
20083
  }
20108
20084
 
20109
- .k-rating-item.k-state-selected, .k-rating-item.k-selected {
20085
+ .k-rating-item.k-selected {
20110
20086
  color: #ff6358;
20111
20087
  }
20112
20088
 
20113
- .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 {
20089
+ .k-rating-item.k-selected:focus, .k-rating-item.k-selected.k-focus {
20114
20090
  color: #ff6358;
20115
20091
  }
20116
20092
 
20117
- .k-rating-item:hover, .k-rating-item.k-state-hover, .k-rating-item.k-hover {
20093
+ .k-rating-item:hover, .k-rating-item.k-hover {
20118
20094
  color: #ff6358;
20119
20095
  cursor: pointer;
20120
20096
  }
@@ -20128,7 +20104,9 @@ kendo-label > .k-label {
20128
20104
  line-height: 1;
20129
20105
  position: relative;
20130
20106
  cursor: pointer;
20131
- user-select: none;
20107
+ -webkit-user-select: none;
20108
+ -ms-user-select: none;
20109
+ user-select: none;
20132
20110
  -webkit-touch-callout: none;
20133
20111
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
20134
20112
  }
@@ -20214,11 +20192,11 @@ kendo-label > .k-label {
20214
20192
  }
20215
20193
 
20216
20194
  .k-switch-sm.k-switch-on .k-switch-thumb-wrap {
20217
- left: calc( 100% - 13px - 0px);
20195
+ left: calc(100% - 13px);
20218
20196
  }
20219
20197
 
20220
20198
  .k-switch-sm.k-switch-off .k-switch-thumb-wrap {
20221
- left: calc( 13px + 0px);
20199
+ left: 13px;
20222
20200
  }
20223
20201
 
20224
20202
  .k-switch-sm[dir="rtl"] .k-switch-label-on,
@@ -20238,13 +20216,13 @@ kendo-label > .k-label {
20238
20216
  .k-switch-sm[dir="rtl"].k-switch-on .k-switch-thumb-wrap,
20239
20217
  [dir="rtl"] .k-switch-sm.k-switch-on .k-switch-thumb-wrap,
20240
20218
  .k-rtl .k-switch-sm.k-switch-on .k-switch-thumb-wrap {
20241
- left: calc( 13px + 0px);
20219
+ left: 13px;
20242
20220
  }
20243
20221
 
20244
20222
  .k-switch-sm[dir="rtl"].k-switch-off .k-switch-thumb-wrap,
20245
20223
  [dir="rtl"] .k-switch-sm.k-switch-off .k-switch-thumb-wrap,
20246
20224
  .k-rtl .k-switch-sm.k-switch-off .k-switch-thumb-wrap {
20247
- left: calc( 100% - 13px - 0px);
20225
+ left: calc(100% - 13px);
20248
20226
  }
20249
20227
 
20250
20228
  .k-switch-md {
@@ -20272,11 +20250,11 @@ kendo-label > .k-label {
20272
20250
  }
20273
20251
 
20274
20252
  .k-switch-md.k-switch-on .k-switch-thumb-wrap {
20275
- left: calc( 100% - 15px - 0px);
20253
+ left: calc(100% - 15px);
20276
20254
  }
20277
20255
 
20278
20256
  .k-switch-md.k-switch-off .k-switch-thumb-wrap {
20279
- left: calc( 15px + 0px);
20257
+ left: 15px;
20280
20258
  }
20281
20259
 
20282
20260
  .k-switch-md[dir="rtl"] .k-switch-label-on,
@@ -20296,13 +20274,13 @@ kendo-label > .k-label {
20296
20274
  .k-switch-md[dir="rtl"].k-switch-on .k-switch-thumb-wrap,
20297
20275
  [dir="rtl"] .k-switch-md.k-switch-on .k-switch-thumb-wrap,
20298
20276
  .k-rtl .k-switch-md.k-switch-on .k-switch-thumb-wrap {
20299
- left: calc( 15px + 0px);
20277
+ left: 15px;
20300
20278
  }
20301
20279
 
20302
20280
  .k-switch-md[dir="rtl"].k-switch-off .k-switch-thumb-wrap,
20303
20281
  [dir="rtl"] .k-switch-md.k-switch-off .k-switch-thumb-wrap,
20304
20282
  .k-rtl .k-switch-md.k-switch-off .k-switch-thumb-wrap {
20305
- left: calc( 100% - 15px - 0px);
20283
+ left: calc(100% - 15px);
20306
20284
  }
20307
20285
 
20308
20286
  .k-switch-lg {
@@ -20330,11 +20308,11 @@ kendo-label > .k-label {
20330
20308
  }
20331
20309
 
20332
20310
  .k-switch-lg.k-switch-on .k-switch-thumb-wrap {
20333
- left: calc( 100% - 17px - 0px);
20311
+ left: calc(100% - 17px);
20334
20312
  }
20335
20313
 
20336
20314
  .k-switch-lg.k-switch-off .k-switch-thumb-wrap {
20337
- left: calc( 17px + 0px);
20315
+ left: 17px;
20338
20316
  }
20339
20317
 
20340
20318
  .k-switch-lg[dir="rtl"] .k-switch-label-on,
@@ -20354,13 +20332,13 @@ kendo-label > .k-label {
20354
20332
  .k-switch-lg[dir="rtl"].k-switch-on .k-switch-thumb-wrap,
20355
20333
  [dir="rtl"] .k-switch-lg.k-switch-on .k-switch-thumb-wrap,
20356
20334
  .k-rtl .k-switch-lg.k-switch-on .k-switch-thumb-wrap {
20357
- left: calc( 17px + 0px);
20335
+ left: 17px;
20358
20336
  }
20359
20337
 
20360
20338
  .k-switch-lg[dir="rtl"].k-switch-off .k-switch-thumb-wrap,
20361
20339
  [dir="rtl"] .k-switch-lg.k-switch-off .k-switch-thumb-wrap,
20362
20340
  .k-rtl .k-switch-lg.k-switch-off .k-switch-thumb-wrap {
20363
- left: calc( 100% - 17px - 0px);
20341
+ left: calc(100% - 17px);
20364
20342
  }
20365
20343
 
20366
20344
  .k-switch[dir="rtl"] .k-switch-thumb,
@@ -20562,7 +20540,7 @@ kendo-label > .k-label {
20562
20540
  }
20563
20541
 
20564
20542
  .k-upload .k-upload-files .k-file {
20565
- padding: 8px 8px calc(8px + 2px);
20543
+ padding: 8px 8px 10px;
20566
20544
  border-width: 0 0 1px;
20567
20545
  border-style: solid;
20568
20546
  outline: none;
@@ -20672,7 +20650,7 @@ kendo-label > .k-label {
20672
20650
 
20673
20651
  .k-upload .k-upload-files .k-file-invalid-extension-wrapper + .k-file-name-size-wrapper,
20674
20652
  .k-upload .k-upload-files .k-file-single > .k-file-extension-wrapper + .k-file-name-size-wrapper {
20675
- margin-left: calc( 24px + 1em);
20653
+ margin-left: calc(24px + 1em);
20676
20654
  min-height: 38px;
20677
20655
  display: block;
20678
20656
  overflow: hidden;
@@ -20680,7 +20658,7 @@ kendo-label > .k-label {
20680
20658
 
20681
20659
  .k-upload .k-upload-files .k-multiple-files-invalid-extension-wrapper + .k-file-name-size-wrapper,
20682
20660
  .k-upload .k-upload-files .k-multiple-files-extension-wrapper + .k-file-name-size-wrapper {
20683
- margin-left: calc( 24px + 1em);
20661
+ margin-left: calc(24px + 1em);
20684
20662
  }
20685
20663
 
20686
20664
  .k-upload .k-upload-files .k-file-extension-wrapper + .k-file-name-size-wrapper {
@@ -20798,7 +20776,7 @@ kendo-label > .k-label {
20798
20776
  height: 2px;
20799
20777
  position: absolute;
20800
20778
  bottom: 4px;
20801
- width: calc(100% - 8px * 2);
20779
+ width: calc(100% - 16px);
20802
20780
  }
20803
20781
 
20804
20782
  .k-upload .k-progressbar .k-progress {
@@ -20872,7 +20850,6 @@ kendo-label > .k-label {
20872
20850
  }
20873
20851
 
20874
20852
  .k-upload-button input[disabled],
20875
- .k-upload-button input.k-state-disabled,
20876
20853
  .k-upload-button input.k-disabled {
20877
20854
  visibility: hidden;
20878
20855
  }
@@ -20902,11 +20879,10 @@ kendo-label > .k-label {
20902
20879
  border-color: rgba(0, 0, 0, 0.08);
20903
20880
  }
20904
20881
 
20905
- .k-upload .k-file.k-state-focused, .k-upload .k-file.k-focus {
20882
+ .k-upload .k-file.k-focus {
20906
20883
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
20907
20884
  }
20908
20885
 
20909
- .k-upload .k-file .k-upload-action.k-state-focused,
20910
20886
  .k-upload .k-file .k-upload-action.k-focus {
20911
20887
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
20912
20888
  }
@@ -20983,7 +20959,7 @@ kendo-label > .k-label {
20983
20959
  color: #424242;
20984
20960
  }
20985
20961
 
20986
- .k-upload.k-state-invalid, .k-upload.k-invalid, .k-upload.ng-invalid.ng-touched, .k-upload.ng-invalid.ng-dirty {
20962
+ .k-upload.k-invalid, .k-upload.ng-invalid.ng-touched, .k-upload.ng-invalid.ng-dirty {
20987
20963
  border-color: #f31700;
20988
20964
  }
20989
20965
 
@@ -21906,11 +21882,11 @@ kendo-label > .k-label {
21906
21882
  color: #666666;
21907
21883
  }
21908
21884
 
21909
- .k-actionsheet-action:hover, .k-actionsheet-action.k-state-hover, .k-actionsheet-action.k-hover {
21885
+ .k-actionsheet-action:hover, .k-actionsheet-action.k-hover {
21910
21886
  background-color: #f0f0f0;
21911
21887
  }
21912
21888
 
21913
- .k-actionsheet-action:focus, .k-actionsheet-action.k-state-focus, .k-actionsheet-action.k-focus {
21889
+ .k-actionsheet-action:focus, .k-actionsheet-action.k-focus {
21914
21890
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
21915
21891
  }
21916
21892
 
@@ -21986,7 +21962,7 @@ kendo-label > .k-label {
21986
21962
 
21987
21963
  .k-window-actions {
21988
21964
  margin: -5em 0;
21989
- margin-inline-end: calc( 12px - 16px);
21965
+ margin-inline-end: -4px;
21990
21966
  line-height: 1;
21991
21967
  display: flex;
21992
21968
  flex-flow: row nowrap;
@@ -22078,7 +22054,7 @@ kendo-label > .k-label {
22078
22054
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.06);
22079
22055
  }
22080
22056
 
22081
- .k-window:focus, .k-window.k-state-focused, .k-window.k-focus {
22057
+ .k-window:focus, .k-window.k-focus {
22082
22058
  box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.3);
22083
22059
  }
22084
22060
 
@@ -22346,7 +22322,7 @@ kendo-drawer .k-drawer-wrapper {
22346
22322
  }
22347
22323
 
22348
22324
  .k-drawer-mini .k-drawer-wrapper {
22349
- width: calc(4 * 8px + 16px);
22325
+ width: 48px;
22350
22326
  }
22351
22327
 
22352
22328
  .k-rtl.k-drawer-mini .k-drawer-start,
@@ -22419,27 +22395,27 @@ kendo-drawer .k-drawer-wrapper {
22419
22395
  background: #9c9c9c;
22420
22396
  }
22421
22397
 
22422
- .k-drawer-item:hover, .k-drawer-item.k-state-hover, .k-drawer-item.k-hover {
22398
+ .k-drawer-item:hover, .k-drawer-item.k-hover {
22423
22399
  color: #424242;
22424
22400
  background-color: #f0f0f0;
22425
22401
  }
22426
22402
 
22427
- .k-drawer-item:focus, .k-drawer-item.k-state-focused, .k-drawer-item.k-focus {
22403
+ .k-drawer-item:focus, .k-drawer-item.k-focus {
22428
22404
  background-color: #ffffff;
22429
22405
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
22430
22406
  }
22431
22407
 
22432
- .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 {
22408
+ .k-drawer-item:focus:hover, .k-drawer-item:focus.k-hover, .k-drawer-item.k-focus:hover, .k-drawer-item.k-focus.k-hover {
22433
22409
  color: #424242;
22434
22410
  background-color: #f0f0f0;
22435
22411
  }
22436
22412
 
22437
- .k-drawer-item.k-state-selected, .k-drawer-item.k-selected {
22413
+ .k-drawer-item.k-selected {
22438
22414
  color: white;
22439
22415
  background-color: #ff6358;
22440
22416
  }
22441
22417
 
22442
- .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 {
22418
+ .k-drawer-item.k-selected:hover, .k-drawer-item.k-selected.k-hover {
22443
22419
  color: white;
22444
22420
  background-color: #f55f54;
22445
22421
  }
@@ -22498,7 +22474,8 @@ kendo-drawer .k-drawer-wrapper {
22498
22474
  flex: none;
22499
22475
  }
22500
22476
 
22501
- .k-notification-wrap > .k-i-close {
22477
+ .k-notification-wrap > .k-i-close,
22478
+ .k-notification-wrap > .k-i-x {
22502
22479
  margin-right: 0;
22503
22480
  margin-left: 4px;
22504
22481
  flex: none;
@@ -22516,7 +22493,9 @@ kendo-drawer .k-drawer-wrapper {
22516
22493
  }
22517
22494
 
22518
22495
  .k-rtl .k-notification .k-notification-wrap > .k-i-close,
22519
- [dir="rtl"] .k-notification .k-notification-wrap > .k-i-close {
22496
+ .k-rtl .k-notification .k-notification-wrap > .k-i-x,
22497
+ [dir="rtl"] .k-notification .k-notification-wrap > .k-i-close,
22498
+ [dir="rtl"] .k-notification .k-notification-wrap > .k-i-x {
22520
22499
  margin-left: 0;
22521
22500
  margin-right: 4px;
22522
22501
  }
@@ -22527,7 +22506,8 @@ kendo-drawer .k-drawer-wrapper {
22527
22506
  background-color: #ffffff;
22528
22507
  }
22529
22508
 
22530
- .k-notification-wrap > .k-i-close {
22509
+ .k-notification-wrap > .k-i-close,
22510
+ .k-notification-wrap > .k-i-x {
22531
22511
  color: inherit;
22532
22512
  }
22533
22513
 
@@ -22627,10 +22607,11 @@ kendo-card-footer {
22627
22607
  }
22628
22608
 
22629
22609
  .k-card > .k-card-inner {
22630
- border-radius: calc( 6px - 1px);
22610
+ border-radius: 5px;
22631
22611
  display: flex;
22632
22612
  flex-direction: inherit;
22633
22613
  overflow: hidden;
22614
+ position: relative;
22634
22615
  }
22635
22616
 
22636
22617
  .k-card-horizontal {
@@ -22894,7 +22875,7 @@ kendo-card-footer {
22894
22875
  margin: 0;
22895
22876
  width: 20px;
22896
22877
  height: 20px;
22897
- border-width: 1px 1px 0 0;
22878
+ border-width: 1px;
22898
22879
  border-style: solid;
22899
22880
  box-sizing: border-box;
22900
22881
  position: absolute;
@@ -22903,25 +22884,25 @@ kendo-card-footer {
22903
22884
  .k-card-callout.k-callout-n {
22904
22885
  top: 0;
22905
22886
  left: 50%;
22906
- transform: translate(-50%, -50%) rotate(-45deg);
22887
+ transform: translate(-50%, -50%) rotate(45deg);
22907
22888
  }
22908
22889
 
22909
22890
  .k-card-callout.k-callout-e {
22910
22891
  top: 50%;
22911
22892
  right: 0;
22912
- transform: translate(50%, -50%) rotate(135deg) scaleX(-1);
22893
+ transform: translate(50%, -50%) rotate(-45deg);
22913
22894
  }
22914
22895
 
22915
22896
  .k-card-callout.k-callout-s {
22916
22897
  bottom: 0;
22917
22898
  left: 50%;
22918
- transform: translate(-50%, 50%) rotate(135deg);
22899
+ transform: translate(-50%, 50%) rotate(45deg);
22919
22900
  }
22920
22901
 
22921
22902
  .k-card-callout.k-callout-w {
22922
22903
  top: 50%;
22923
22904
  left: 0;
22924
- transform: translate(-50%, -50%) rotate(-135deg);
22905
+ transform: translate(-50%, -50%) rotate(45deg);
22925
22906
  }
22926
22907
 
22927
22908
  .k-card-flat {
@@ -22938,12 +22919,17 @@ kendo-card-footer {
22938
22919
  background-color: #ffffff;
22939
22920
  }
22940
22921
 
22941
- .k-card:focus, .k-card.k-focus, .k-card.k-state-focus {
22922
+ .k-card .k-card-inner {
22923
+ background-color: inherit;
22924
+ border-color: inherit;
22925
+ }
22926
+
22927
+ .k-card:focus, .k-card.k-focus {
22942
22928
  border-color: rgba(0, 0, 0, 0.15);
22943
22929
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
22944
22930
  }
22945
22931
 
22946
- .k-card.k-selected, .k-card.k-state-selected {
22932
+ .k-card.k-selected {
22947
22933
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
22948
22934
  }
22949
22935
 
@@ -23070,43 +23056,14 @@ kendo-card-footer {
23070
23056
  color: inherit;
23071
23057
  }
23072
23058
 
23073
- .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 {
23059
+ .k-card-wrap:focus > .k-card, .k-card-wrap.k-focus > .k-card, .k-card-wrap.k-selected > .k-card {
23074
23060
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
23075
23061
  }
23076
23062
 
23077
23063
  .k-card-callout {
23078
- border-color: rgba(0, 0, 0, 0.08);
23079
- background-color: #ffffff;
23080
- }
23081
-
23082
- .k-card:focus .k-card-callout,
23083
- .k-card.k-focus .k-card-callout,
23084
- .k-card.k-state-focus .k-card-callout {
23085
- border-color: rgba(0, 0, 0, 0.15);
23086
- }
23087
-
23088
- .k-card:focus .k-card-callout.k-callout-n,
23089
- .k-card.k-focus .k-card-callout.k-callout-n,
23090
- .k-card.k-state-focus .k-card-callout.k-callout-n {
23091
- box-shadow: 1px -1px 4px 0 rgba(0, 0, 0, 0.06);
23092
- }
23093
-
23094
- .k-card:focus .k-card-callout.k-callout-e,
23095
- .k-card.k-focus .k-card-callout.k-callout-e,
23096
- .k-card.k-state-focus .k-card-callout.k-callout-e {
23097
- box-shadow: 2px -1px 4px 0 rgba(0, 0, 0, 0.06);
23098
- }
23099
-
23100
- .k-card:focus .k-card-callout.k-callout-s,
23101
- .k-card.k-focus .k-card-callout.k-callout-s,
23102
- .k-card.k-state-focus .k-card-callout.k-callout-s {
23103
- box-shadow: 2px -2px 4px 0 rgba(0, 0, 0, 0.06);
23104
- }
23105
-
23106
- .k-card:focus .k-card-callout.k-callout-w,
23107
- .k-card.k-focus .k-card-callout.k-callout-w,
23108
- .k-card.k-state-focus .k-card-callout.k-callout-w {
23109
- box-shadow: 2px -1px 4px 0 rgba(0, 0, 0, 0.06);
23064
+ border-color: inherit;
23065
+ background-color: inherit;
23066
+ box-shadow: inherit;
23110
23067
  }
23111
23068
 
23112
23069
  .k-popover {
@@ -23132,6 +23089,11 @@ kendo-card-footer {
23132
23089
  box-sizing: border-box;
23133
23090
  }
23134
23091
 
23092
+ .k-popover-inner {
23093
+ position: relative;
23094
+ border-radius: inherit;
23095
+ }
23096
+
23135
23097
  .k-popover-header {
23136
23098
  border-top-left-radius: 6px;
23137
23099
  border-top-right-radius: 6px;
@@ -23152,7 +23114,7 @@ kendo-card-footer {
23152
23114
  margin: 0;
23153
23115
  width: 20px;
23154
23116
  height: 20px;
23155
- border-width: 1px 1px 0 0;
23117
+ border-width: 1px;
23156
23118
  border-style: solid;
23157
23119
  position: absolute;
23158
23120
  }
@@ -23160,25 +23122,25 @@ kendo-card-footer {
23160
23122
  .k-popover-callout.k-callout-n {
23161
23123
  top: 0;
23162
23124
  left: 50%;
23163
- transform: translate(-50%, -50%) rotate(-45deg);
23125
+ transform: translate(-50%, -50%) rotate(45deg);
23164
23126
  }
23165
23127
 
23166
23128
  .k-popover-callout.k-callout-e {
23167
23129
  top: 50%;
23168
23130
  right: 0;
23169
- transform: translate(50%, -50%) rotate(135deg) scaleX(-1);
23131
+ transform: translate(50%, -50%) rotate(-45deg);
23170
23132
  }
23171
23133
 
23172
23134
  .k-popover-callout.k-callout-s {
23173
23135
  bottom: 0;
23174
23136
  left: 50%;
23175
- transform: translate(-50%, 50%) rotate(135deg);
23137
+ transform: translate(-50%, 50%) rotate(45deg);
23176
23138
  }
23177
23139
 
23178
23140
  .k-popover-callout.k-callout-w {
23179
23141
  top: 50%;
23180
23142
  left: 0;
23181
- transform: translate(-50%, -50%) rotate(-135deg);
23143
+ transform: translate(-50%, -50%) rotate(45deg);
23182
23144
  }
23183
23145
 
23184
23146
  .k-popover {
@@ -23188,26 +23150,20 @@ kendo-card-footer {
23188
23150
  background-color: #ffffff;
23189
23151
  }
23190
23152
 
23153
+ .k-popover-inner {
23154
+ background-color: inherit;
23155
+ border-color: inherit;
23156
+ }
23157
+
23191
23158
  .k-popover-header {
23192
23159
  border-color: rgba(0, 0, 0, 0.08);
23193
23160
  color: #424242;
23194
23161
  }
23195
23162
 
23196
23163
  .k-popover-callout {
23197
- border-color: rgba(0, 0, 0, 0.08);
23198
- background-color: #ffffff;
23199
- }
23200
-
23201
- .k-popover-callout.k-callout-e {
23202
- box-shadow: rgba(0, 0, 0, 0.03) 2px -1px 4px 0px;
23203
- }
23204
-
23205
- .k-popover-callout.k-callout-s {
23206
- box-shadow: rgba(0, 0, 0, 0.06) 2px -2px 4px 0px;
23207
- }
23208
-
23209
- .k-popover-callout.k-callout-w {
23210
- box-shadow: rgba(0, 0, 0, 0.03) 2px -1px 4px 0px;
23164
+ border-color: inherit;
23165
+ background-color: inherit;
23166
+ box-shadow: inherit;
23211
23167
  }
23212
23168
 
23213
23169
  .k-rpanel-left,
@@ -23292,7 +23248,7 @@ kendo-card-footer {
23292
23248
  .k-bottom-nav-item {
23293
23249
  padding: 0 8px;
23294
23250
  min-width: 72px;
23295
- min-height: calc( 40px + 16px - 8px);
23251
+ min-height: 48px;
23296
23252
  border-width: 0;
23297
23253
  border-radius: 4px;
23298
23254
  box-sizing: border-box;
@@ -23332,7 +23288,6 @@ kendo-card-footer {
23332
23288
  outline: 0;
23333
23289
  }
23334
23290
 
23335
- .k-bottom-nav-item.k-state-disabled,
23336
23291
  .k-bottom-nav-item.k-disabled {
23337
23292
  background-color: initial;
23338
23293
  }
@@ -23365,15 +23320,11 @@ kendo-card-footer {
23365
23320
  background-color: #ff6358;
23366
23321
  }
23367
23322
 
23368
- .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-state-focus,
23369
- .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-focus,
23370
- .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-state-focused,
23371
23323
  .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-focus,
23372
23324
  .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item:focus {
23373
23325
  background-color: rgba(255, 200, 197, 0.2);
23374
23326
  }
23375
23327
 
23376
- .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-state-selected,
23377
23328
  .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-selected {
23378
23329
  color: white;
23379
23330
  }
@@ -23383,15 +23334,11 @@ kendo-card-footer {
23383
23334
  background-color: #666666;
23384
23335
  }
23385
23336
 
23386
- .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-state-focus,
23387
- .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-focus,
23388
- .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-state-focused,
23389
23337
  .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-focus,
23390
23338
  .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item:focus {
23391
23339
  background-color: rgba(201, 201, 201, 0.2);
23392
23340
  }
23393
23341
 
23394
- .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-state-selected,
23395
23342
  .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-selected {
23396
23343
  color: white;
23397
23344
  }
@@ -23401,15 +23348,11 @@ kendo-card-footer {
23401
23348
  background-color: #03a9f4;
23402
23349
  }
23403
23350
 
23404
- .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-state-focus,
23405
- .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-focus,
23406
- .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-state-focused,
23407
23351
  .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-focus,
23408
23352
  .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item:focus {
23409
23353
  background-color: rgba(167, 225, 251, 0.2);
23410
23354
  }
23411
23355
 
23412
- .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-state-selected,
23413
23356
  .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-selected {
23414
23357
  color: white;
23415
23358
  }
@@ -23419,15 +23362,11 @@ kendo-card-footer {
23419
23362
  background-color: #0058e9;
23420
23363
  }
23421
23364
 
23422
- .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-state-focus,
23423
- .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-focus,
23424
- .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-state-focused,
23425
23365
  .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-focus,
23426
23366
  .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item:focus {
23427
23367
  background-color: rgba(166, 197, 247, 0.2);
23428
23368
  }
23429
23369
 
23430
- .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-state-selected,
23431
23370
  .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-selected {
23432
23371
  color: white;
23433
23372
  }
@@ -23437,15 +23376,11 @@ kendo-card-footer {
23437
23376
  background-color: #37b400;
23438
23377
  }
23439
23378
 
23440
- .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-state-focus,
23441
- .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-focus,
23442
- .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-state-focused,
23443
23379
  .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-focus,
23444
23380
  .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item:focus {
23445
23381
  background-color: rgba(185, 229, 166, 0.2);
23446
23382
  }
23447
23383
 
23448
- .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-state-selected,
23449
23384
  .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-selected {
23450
23385
  color: white;
23451
23386
  }
@@ -23455,15 +23390,11 @@ kendo-card-footer {
23455
23390
  background-color: #ffc000;
23456
23391
  }
23457
23392
 
23458
- .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-state-focus,
23459
- .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-focus,
23460
- .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-state-focused,
23461
23393
  .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-focus,
23462
23394
  .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item:focus {
23463
23395
  background-color: rgba(89, 67, 0, 0.2);
23464
23396
  }
23465
23397
 
23466
- .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-state-selected,
23467
23398
  .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-selected {
23468
23399
  color: black;
23469
23400
  }
@@ -23473,15 +23404,11 @@ kendo-card-footer {
23473
23404
  background-color: #f31700;
23474
23405
  }
23475
23406
 
23476
- .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-state-focus,
23477
- .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-focus,
23478
- .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-state-focused,
23479
23407
  .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-focus,
23480
23408
  .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item:focus {
23481
23409
  background-color: rgba(251, 174, 166, 0.2);
23482
23410
  }
23483
23411
 
23484
- .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-state-selected,
23485
23412
  .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-selected {
23486
23413
  color: white;
23487
23414
  }
@@ -23491,15 +23418,11 @@ kendo-card-footer {
23491
23418
  background-color: #424242;
23492
23419
  }
23493
23420
 
23494
- .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-state-focus,
23495
- .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-focus,
23496
- .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-state-focused,
23497
23421
  .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-focus,
23498
23422
  .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item:focus {
23499
23423
  background-color: rgba(189, 189, 189, 0.2);
23500
23424
  }
23501
23425
 
23502
- .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-state-selected,
23503
23426
  .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-selected {
23504
23427
  color: white;
23505
23428
  }
@@ -23509,15 +23432,11 @@ kendo-card-footer {
23509
23432
  background-color: #ebebeb;
23510
23433
  }
23511
23434
 
23512
- .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-state-focus,
23513
- .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-focus,
23514
- .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-state-focused,
23515
23435
  .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-focus,
23516
23436
  .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item:focus {
23517
23437
  background-color: rgba(82, 82, 82, 0.2);
23518
23438
  }
23519
23439
 
23520
- .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-state-selected,
23521
23440
  .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-selected {
23522
23441
  color: black;
23523
23442
  }
@@ -23527,15 +23446,11 @@ kendo-card-footer {
23527
23446
  background-color: #424242;
23528
23447
  }
23529
23448
 
23530
- .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-state-focus,
23531
- .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-focus,
23532
- .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-state-focused,
23533
23449
  .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-focus,
23534
23450
  .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item:focus {
23535
23451
  background-color: rgba(189, 189, 189, 0.2);
23536
23452
  }
23537
23453
 
23538
- .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-state-selected,
23539
23454
  .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-selected {
23540
23455
  color: white;
23541
23456
  }
@@ -23546,60 +23461,47 @@ kendo-card-footer {
23546
23461
  background-color: #ffffff;
23547
23462
  }
23548
23463
 
23549
- .k-bottom-nav-flat .k-bottom-nav-item.k-state-focus,
23550
- .k-bottom-nav-flat .k-bottom-nav-item.k-focus,
23551
- .k-bottom-nav-flat .k-bottom-nav-item.k-state-focused,
23552
23464
  .k-bottom-nav-flat .k-bottom-nav-item.k-focus,
23553
23465
  .k-bottom-nav-flat .k-bottom-nav-item:focus {
23554
23466
  background-color: rgba(66, 66, 66, 0.05);
23555
23467
  }
23556
23468
 
23557
- .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item.k-state-selected,
23558
23469
  .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item.k-selected {
23559
23470
  color: #ff6358;
23560
23471
  }
23561
23472
 
23562
- .k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item.k-state-selected,
23563
23473
  .k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item.k-selected {
23564
23474
  color: #4e4e4e;
23565
23475
  }
23566
23476
 
23567
- .k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item.k-state-selected,
23568
23477
  .k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item.k-selected {
23569
23478
  color: #03a9f4;
23570
23479
  }
23571
23480
 
23572
- .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item.k-state-selected,
23573
23481
  .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item.k-selected {
23574
23482
  color: #0058e9;
23575
23483
  }
23576
23484
 
23577
- .k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item.k-state-selected,
23578
23485
  .k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item.k-selected {
23579
23486
  color: #37b400;
23580
23487
  }
23581
23488
 
23582
- .k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item.k-state-selected,
23583
23489
  .k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item.k-selected {
23584
23490
  color: #ffc000;
23585
23491
  }
23586
23492
 
23587
- .k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item.k-state-selected,
23588
23493
  .k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item.k-selected {
23589
23494
  color: #f31700;
23590
23495
  }
23591
23496
 
23592
- .k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item.k-state-selected,
23593
23497
  .k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item.k-selected {
23594
23498
  color: #424242;
23595
23499
  }
23596
23500
 
23597
- .k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item.k-state-selected,
23598
23501
  .k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item.k-selected {
23599
23502
  color: #b3b3b3;
23600
23503
  }
23601
23504
 
23602
- .k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item.k-state-selected,
23603
23505
  .k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item.k-selected {
23604
23506
  color: #424242;
23605
23507
  }
@@ -23724,7 +23626,7 @@ kendo-card-footer {
23724
23626
  background-color: #ffffff;
23725
23627
  }
23726
23628
 
23727
- .k-breadcrumb:focus, .k-breadcrumb.k-state-focused, .k-breadcrumb.k-focus {
23629
+ .k-breadcrumb:focus, .k-breadcrumb.k-focus {
23728
23630
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.06);
23729
23631
  }
23730
23632
 
@@ -23732,21 +23634,21 @@ kendo-card-footer {
23732
23634
  color: #ff6358;
23733
23635
  }
23734
23636
 
23735
- .k-breadcrumb-link:hover, .k-breadcrumb-link.k-state-hover, .k-breadcrumb-link.k-hover {
23637
+ .k-breadcrumb-link:hover, .k-breadcrumb-link.k-hover {
23736
23638
  color: #d6534a;
23737
23639
  background-color: #fafafa;
23738
23640
  }
23739
23641
 
23740
- .k-breadcrumb-link:focus, .k-breadcrumb-link.k-state-focused, .k-breadcrumb-link.k-focus {
23642
+ .k-breadcrumb-link:focus, .k-breadcrumb-link.k-focus {
23741
23643
  color: #ff6358;
23742
23644
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
23743
23645
  }
23744
23646
 
23745
- .k-breadcrumb-root-link:hover, .k-breadcrumb-root-link.k-state-hover, .k-breadcrumb-root-link.k-hover {
23647
+ .k-breadcrumb-root-link:hover, .k-breadcrumb-root-link.k-hover {
23746
23648
  background-color: #fafafa;
23747
23649
  }
23748
23650
 
23749
- .k-breadcrumb-root-link:focus, .k-breadcrumb-root-link.k-state-focused, .k-breadcrumb-root-link.k-focus {
23651
+ .k-breadcrumb-root-link:focus, .k-breadcrumb-root-link.k-focus {
23750
23652
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
23751
23653
  }
23752
23654
 
@@ -23788,13 +23690,16 @@ kendo-card-footer {
23788
23690
  background-color: inherit;
23789
23691
  }
23790
23692
 
23791
- .k-pager-wrap .k-link:focus, .k-pager-wrap .k-link.k-state-focus, .k-pager-wrap .k-link.k-focus,
23693
+ .k-pager-wrap .k-link:focus, .k-pager-wrap .k-link.k-focus,
23792
23694
  .k-pager .k-link:focus,
23793
- .k-pager .k-link.k-state-focus,
23794
23695
  .k-pager .k-link.k-focus {
23795
23696
  z-index: 3;
23796
23697
  }
23797
23698
 
23699
+ .k-rtl .k-pager-wrap .k-i-caret-alt-to-left,
23700
+ .k-rtl .k-pager-wrap .k-i-caret-alt-to-right,
23701
+ .k-rtl .k-pager-wrap .k-i-caret-alt-left,
23702
+ .k-rtl .k-pager-wrap .k-i-caret-alt-right,
23798
23703
  .k-rtl .k-pager-wrap .k-i-arrow-end-left,
23799
23704
  .k-rtl .k-pager-wrap .k-i-arrow-60-left,
23800
23705
  .k-rtl .k-pager-wrap .k-i-arrow-60-right,
@@ -23802,7 +23707,11 @@ kendo-card-footer {
23802
23707
  .k-rtl .k-pager-wrap .k-i-seek-w,
23803
23708
  .k-rtl .k-pager-wrap .k-i-arrow-w,
23804
23709
  .k-rtl .k-pager-wrap .k-i-arrow-e,
23805
- .k-rtl .k-pager-wrap .k-i-seek-e, .k-pager-wrap[dir="rtl"] .k-i-arrow-end-left,
23710
+ .k-rtl .k-pager-wrap .k-i-seek-e, .k-pager-wrap[dir="rtl"] .k-i-caret-alt-to-left,
23711
+ .k-pager-wrap[dir="rtl"] .k-i-caret-alt-to-right,
23712
+ .k-pager-wrap[dir="rtl"] .k-i-caret-alt-left,
23713
+ .k-pager-wrap[dir="rtl"] .k-i-caret-alt-right,
23714
+ .k-pager-wrap[dir="rtl"] .k-i-arrow-end-left,
23806
23715
  .k-pager-wrap[dir="rtl"] .k-i-arrow-60-left,
23807
23716
  .k-pager-wrap[dir="rtl"] .k-i-arrow-60-right,
23808
23717
  .k-pager-wrap[dir="rtl"] .k-i-arrow-end-right,
@@ -23810,6 +23719,10 @@ kendo-card-footer {
23810
23719
  .k-pager-wrap[dir="rtl"] .k-i-arrow-w,
23811
23720
  .k-pager-wrap[dir="rtl"] .k-i-arrow-e,
23812
23721
  .k-pager-wrap[dir="rtl"] .k-i-seek-e,
23722
+ [dir="rtl"] .k-pager-wrap .k-i-caret-alt-to-left,
23723
+ [dir="rtl"] .k-pager-wrap .k-i-caret-alt-to-right,
23724
+ [dir="rtl"] .k-pager-wrap .k-i-caret-alt-left,
23725
+ [dir="rtl"] .k-pager-wrap .k-i-caret-alt-right,
23813
23726
  [dir="rtl"] .k-pager-wrap .k-i-arrow-end-left,
23814
23727
  [dir="rtl"] .k-pager-wrap .k-i-arrow-60-left,
23815
23728
  [dir="rtl"] .k-pager-wrap .k-i-arrow-60-right,
@@ -23818,6 +23731,14 @@ kendo-card-footer {
23818
23731
  [dir="rtl"] .k-pager-wrap .k-i-arrow-w,
23819
23732
  [dir="rtl"] .k-pager-wrap .k-i-arrow-e,
23820
23733
  [dir="rtl"] .k-pager-wrap .k-i-seek-e, .k-rtl
23734
+ .k-pager .k-i-caret-alt-to-left,
23735
+ .k-rtl
23736
+ .k-pager .k-i-caret-alt-to-right,
23737
+ .k-rtl
23738
+ .k-pager .k-i-caret-alt-left,
23739
+ .k-rtl
23740
+ .k-pager .k-i-caret-alt-right,
23741
+ .k-rtl
23821
23742
  .k-pager .k-i-arrow-end-left,
23822
23743
  .k-rtl
23823
23744
  .k-pager .k-i-arrow-60-left,
@@ -23833,6 +23754,10 @@ kendo-card-footer {
23833
23754
  .k-pager .k-i-arrow-e,
23834
23755
  .k-rtl
23835
23756
  .k-pager .k-i-seek-e,
23757
+ .k-pager[dir="rtl"] .k-i-caret-alt-to-left,
23758
+ .k-pager[dir="rtl"] .k-i-caret-alt-to-right,
23759
+ .k-pager[dir="rtl"] .k-i-caret-alt-left,
23760
+ .k-pager[dir="rtl"] .k-i-caret-alt-right,
23836
23761
  .k-pager[dir="rtl"] .k-i-arrow-end-left,
23837
23762
  .k-pager[dir="rtl"] .k-i-arrow-60-left,
23838
23763
  .k-pager[dir="rtl"] .k-i-arrow-60-right,
@@ -23842,6 +23767,14 @@ kendo-card-footer {
23842
23767
  .k-pager[dir="rtl"] .k-i-arrow-e,
23843
23768
  .k-pager[dir="rtl"] .k-i-seek-e,
23844
23769
  [dir="rtl"]
23770
+ .k-pager .k-i-caret-alt-to-left,
23771
+ [dir="rtl"]
23772
+ .k-pager .k-i-caret-alt-to-right,
23773
+ [dir="rtl"]
23774
+ .k-pager .k-i-caret-alt-left,
23775
+ [dir="rtl"]
23776
+ .k-pager .k-i-caret-alt-right,
23777
+ [dir="rtl"]
23845
23778
  .k-pager .k-i-arrow-end-left,
23846
23779
  [dir="rtl"]
23847
23780
  .k-pager .k-i-arrow-60-left,
@@ -23869,8 +23802,8 @@ kendo-card-footer {
23869
23802
  }
23870
23803
 
23871
23804
  .k-pager-nav, .k-pager-numbers .k-link, .k-pager-refresh {
23872
- min-width: calc( 1.4285714286em + 8px + 2px);
23873
- height: calc( 1.4285714286em + 8px + 2px);
23805
+ min-width: calc(1.4285714286em + 10px);
23806
+ height: calc(1.4285714286em + 10px);
23874
23807
  color: inherit;
23875
23808
  text-align: center;
23876
23809
  display: inline-flex;
@@ -23883,7 +23816,7 @@ kendo-card-footer {
23883
23816
  z-index: 2;
23884
23817
  }
23885
23818
 
23886
- .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 {
23819
+ .k-disabled.k-pager-nav, .k-pager-numbers .k-disabled.k-link, .k-disabled.k-pager-refresh {
23887
23820
  color: inherit;
23888
23821
  }
23889
23822
 
@@ -23923,7 +23856,6 @@ kendo-card-footer {
23923
23856
  border-style: solid;
23924
23857
  }
23925
23858
 
23926
- .k-pager-numbers .k-state-selected,
23927
23859
  .k-pager-numbers .k-selected {
23928
23860
  cursor: inherit;
23929
23861
  z-index: 2;
@@ -23988,7 +23920,7 @@ kendo-card-footer {
23988
23920
  .k-pager-sm .k-pager-numbers-wrap {
23989
23921
  margin-left: 1em;
23990
23922
  margin-right: 1em;
23991
- height: calc( 1.4285714286em + 8px + 2px);
23923
+ height: calc(1.4285714286em + 10px);
23992
23924
  border-color: inherit;
23993
23925
  }
23994
23926
 
@@ -24012,26 +23944,23 @@ kendo-card-footer {
24012
23944
  background-color: #fafafa;
24013
23945
  }
24014
23946
 
24015
- .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,
23947
+ .k-pager-wrap:focus, .k-pager-wrap.k-focus,
24016
23948
  .k-pager:focus,
24017
- .k-pager.k-focus,
24018
- .k-pager.k-state-focus,
24019
- .k-pager.k-state-focused,
24020
23949
  .k-pager.k-focus {
24021
23950
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
24022
23951
  }
24023
23952
 
24024
- .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 {
23953
+ .k-pager-nav.k-link:hover, .k-pager-refresh:hover, .k-hover.k-pager-nav.k-link, .k-hover.k-pager-refresh {
24025
23954
  color: #424242;
24026
23955
  background-color: #f0f0f0;
24027
23956
  }
24028
23957
 
24029
- .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 {
23958
+ .k-selected.k-pager-nav.k-link, .k-selected.k-pager-refresh {
24030
23959
  color: white;
24031
23960
  background-color: #ff6358;
24032
23961
  }
24033
23962
 
24034
- .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 {
23963
+ .k-pager-nav.k-link:focus, .k-pager-refresh:focus, .k-focus.k-pager-nav.k-link, .k-focus.k-pager-refresh {
24035
23964
  background-color: transparent;
24036
23965
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
24037
23966
  }
@@ -24040,17 +23969,17 @@ kendo-card-footer {
24040
23969
  color: #ff6358;
24041
23970
  }
24042
23971
 
24043
- .k-pager-numbers .k-link:hover, .k-pager-numbers .k-link.k-state-hover, .k-pager-numbers .k-link.k-hover {
23972
+ .k-pager-numbers .k-link:hover, .k-pager-numbers .k-link.k-hover {
24044
23973
  color: #ff6358;
24045
23974
  background-color: rgba(255, 99, 88, 0.08);
24046
23975
  }
24047
23976
 
24048
- .k-pager-numbers .k-link:focus, .k-pager-numbers .k-link.k-state-focus, .k-pager-numbers .k-link.k-focus {
23977
+ .k-pager-numbers .k-link:focus, .k-pager-numbers .k-link.k-focus {
24049
23978
  background-color: transparent;
24050
23979
  box-shadow: inset 0 0 0 2px rgba(255, 99, 88, 0.12);
24051
23980
  }
24052
23981
 
24053
- .k-pager-numbers .k-link.k-state-selected, .k-pager-numbers .k-link.k-selected {
23982
+ .k-pager-numbers .k-link.k-selected {
24054
23983
  color: #ff6358;
24055
23984
  background-color: rgba(255, 99, 88, 0.2);
24056
23985
  }
@@ -24062,32 +23991,29 @@ kendo-card-footer {
24062
23991
  background-color: #f5f5f5;
24063
23992
  }
24064
23993
 
24065
- .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,
23994
+ .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,
24066
23995
  .k-pager-sm .k-pager-numbers .k-current-page .k-link:hover,
24067
- .k-pager-sm .k-pager-numbers .k-current-page .k-link.k-state-hover,
24068
23996
  .k-pager-sm .k-pager-numbers .k-current-page .k-link.k-hover {
24069
23997
  background-color: #ebebeb;
24070
23998
  }
24071
23999
 
24072
- .k-pager-md .k-pager-numbers.k-state-expanded,
24073
- .k-pager-sm .k-pager-numbers.k-state-expanded {
24000
+ .k-pager-md .k-pager-numbers.k-expanded,
24001
+ .k-pager-sm .k-pager-numbers.k-expanded {
24074
24002
  border-color: rgba(0, 0, 0, 0.08);
24075
24003
  color: #424242;
24076
24004
  background-color: #ffffff;
24077
24005
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
24078
24006
  }
24079
24007
 
24080
- .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,
24081
- .k-pager-sm .k-pager-numbers.k-state-expanded .k-link:hover,
24082
- .k-pager-sm .k-pager-numbers.k-state-expanded .k-link.k-state-hover,
24083
- .k-pager-sm .k-pager-numbers.k-state-expanded .k-link.k-hover {
24008
+ .k-pager-md .k-pager-numbers.k-expanded .k-link:hover, .k-pager-md .k-pager-numbers.k-expanded .k-link.k-hover,
24009
+ .k-pager-sm .k-pager-numbers.k-expanded .k-link:hover,
24010
+ .k-pager-sm .k-pager-numbers.k-expanded .k-link.k-hover {
24084
24011
  color: #424242;
24085
24012
  background-color: #f0f0f0;
24086
24013
  }
24087
24014
 
24088
- .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,
24089
- .k-pager-sm .k-pager-numbers.k-state-expanded .k-link.k-state-selected,
24090
- .k-pager-sm .k-pager-numbers.k-state-expanded .k-link.k-selected {
24015
+ .k-pager-md .k-pager-numbers.k-expanded .k-link.k-selected,
24016
+ .k-pager-sm .k-pager-numbers.k-expanded .k-link.k-selected {
24091
24017
  color: white;
24092
24018
  background-color: #ff6358;
24093
24019
  }
@@ -24160,10 +24086,10 @@ kendo-card-footer {
24160
24086
  pointer-events: none;
24161
24087
  display: none;
24162
24088
  position: absolute;
24163
- top: calc( -1 * calc( 1px + 3px));
24164
- right: calc( -1 * calc( 1px + 3px));
24165
- bottom: calc( -1 * calc( 1px + 3px));
24166
- left: calc( -1 * calc( 1px + 3px));
24089
+ top: -4px;
24090
+ right: -4px;
24091
+ bottom: -4px;
24092
+ left: -4px;
24167
24093
  z-index: 2;
24168
24094
  }
24169
24095
 
@@ -24189,7 +24115,7 @@ kendo-card-footer {
24189
24115
  }
24190
24116
 
24191
24117
  .k-stepper .k-step-label .k-step-text {
24192
- max-width: calc(10em - (16px + 4px));
24118
+ max-width: calc(10em - 20px);
24193
24119
  flex-grow: 1;
24194
24120
  white-space: nowrap;
24195
24121
  text-overflow: ellipsis;
@@ -24260,13 +24186,13 @@ kendo-card-footer {
24260
24186
  }
24261
24187
 
24262
24188
  .k-step-list-horizontal .k-step-indicator + .k-step-label {
24263
- margin-top: calc(8px - 3px);
24189
+ margin-top: 5px;
24264
24190
  }
24265
24191
 
24266
24192
  .k-step-list-horizontal ~ .k-progressbar {
24267
24193
  width: 100%;
24268
24194
  height: 2px;
24269
- top: calc(((28px + 2 * 2px) / 2) + 2px / 2);
24195
+ top: 17px;
24270
24196
  }
24271
24197
 
24272
24198
  .k-step-list-vertical {
@@ -24274,7 +24200,7 @@ kendo-card-footer {
24274
24200
  }
24275
24201
 
24276
24202
  .k-step-list-vertical .k-step {
24277
- min-height: calc((28px + 2 * 1px + 2 * 2px) + 20px);
24203
+ min-height: 54px;
24278
24204
  }
24279
24205
 
24280
24206
  .k-step-list-vertical .k-step-label {
@@ -24289,7 +24215,7 @@ kendo-card-footer {
24289
24215
  width: 2px;
24290
24216
  height: 100%;
24291
24217
  min-height: 20px;
24292
- left: calc((28px + 2 * 1px + 2 * 2px) / 2);
24218
+ left: 17px;
24293
24219
  }
24294
24220
 
24295
24221
  .k-step-list-vertical .k-step-content {
@@ -24328,7 +24254,7 @@ kendo-card-footer {
24328
24254
  .k-rtl .k-stepper .k-step-list-vertical ~ .k-progressbar,
24329
24255
  .k-stepper[dir="rtl"] .k-step-list-vertical ~ .k-progressbar {
24330
24256
  left: auto;
24331
- right: calc((28px + 2 * 1px + 2 * 2px) / 2);
24257
+ right: 17px;
24332
24258
  }
24333
24259
 
24334
24260
  .k-stepper {
@@ -24523,15 +24449,13 @@ kendo-card-footer {
24523
24449
  z-index: 1;
24524
24450
  }
24525
24451
 
24526
- .k-tabstrip-content.k-state-active, .k-tabstrip-content.k-active,
24527
- .k-tabstrip > .k-content.k-state-active,
24452
+ .k-tabstrip-content.k-active,
24528
24453
  .k-tabstrip > .k-content.k-active {
24529
24454
  display: block;
24530
24455
  }
24531
24456
 
24532
- .k-tabstrip-content:focus, .k-tabstrip-content.k-state-focused, .k-tabstrip-content.k-focus,
24457
+ .k-tabstrip-content:focus, .k-tabstrip-content.k-focus,
24533
24458
  .k-tabstrip > .k-content:focus,
24534
- .k-tabstrip > .k-content.k-state-focused,
24535
24459
  .k-tabstrip > .k-content.k-focus {
24536
24460
  outline-width: 1px;
24537
24461
  outline-style: dotted;
@@ -24604,7 +24528,6 @@ kendo-card-footer {
24604
24528
  margin-left: 0px;
24605
24529
  }
24606
24530
 
24607
- .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-state-active,
24608
24531
  .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active {
24609
24532
  border-bottom-color: transparent;
24610
24533
  }
@@ -24635,7 +24558,6 @@ kendo-card-footer {
24635
24558
  margin-left: 0px;
24636
24559
  }
24637
24560
 
24638
- .k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item.k-state-active,
24639
24561
  .k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item.k-active {
24640
24562
  border-top-color: transparent;
24641
24563
  }
@@ -24672,7 +24594,6 @@ kendo-card-footer {
24672
24594
  margin-top: 0px;
24673
24595
  }
24674
24596
 
24675
- .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item.k-state-active,
24676
24597
  .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item.k-active {
24677
24598
  border-right-color: transparent;
24678
24599
  }
@@ -24710,7 +24631,6 @@ kendo-card-footer {
24710
24631
  margin-top: 0px;
24711
24632
  }
24712
24633
 
24713
- .k-tabstrip-right > .k-tabstrip-items-wrapper .k-item.k-state-active,
24714
24634
  .k-tabstrip-right > .k-tabstrip-items-wrapper .k-item.k-active {
24715
24635
  border-left-color: transparent;
24716
24636
  }
@@ -24757,17 +24677,17 @@ kendo-card-footer {
24757
24677
  color: #ff6358;
24758
24678
  }
24759
24679
 
24760
- .k-tabstrip-items-wrapper .k-item:hover, .k-tabstrip-items-wrapper .k-item.k-state-hover, .k-tabstrip-items-wrapper .k-item.k-hover {
24680
+ .k-tabstrip-items-wrapper .k-item:hover, .k-tabstrip-items-wrapper .k-item.k-hover {
24761
24681
  color: #d6534a;
24762
24682
  }
24763
24683
 
24764
- .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 {
24684
+ .k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-items-wrapper .k-item.k-active, .k-tabstrip-items-wrapper .k-item.k-selected {
24765
24685
  border-color: rgba(0, 0, 0, 0.08);
24766
24686
  color: #424242;
24767
24687
  background-color: #ffffff;
24768
24688
  }
24769
24689
 
24770
- .k-tabstrip-items-wrapper .k-item:focus, .k-tabstrip-items-wrapper .k-item.k-state-focused, .k-tabstrip-items-wrapper .k-item.k-focus {
24690
+ .k-tabstrip-items-wrapper .k-item:focus, .k-tabstrip-items-wrapper .k-item.k-focus {
24771
24691
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
24772
24692
  }
24773
24693
 
@@ -24782,9 +24702,8 @@ kendo-card-footer {
24782
24702
  background-color: #ffffff;
24783
24703
  }
24784
24704
 
24785
- .k-tabstrip-content:focus, .k-tabstrip-content.k-state-focused, .k-tabstrip-content.k-focus,
24705
+ .k-tabstrip-content:focus, .k-tabstrip-content.k-focus,
24786
24706
  .k-tabstrip > .k-content:focus,
24787
- .k-tabstrip > .k-content.k-state-focused,
24788
24707
  .k-tabstrip > .k-content.k-focus {
24789
24708
  outline-color: #424242;
24790
24709
  }
@@ -24814,7 +24733,7 @@ kendo-card-footer {
24814
24733
 
24815
24734
  .k-wizard .k-wizard-step {
24816
24735
  box-sizing: border-box;
24817
- padding: calc(8px + 2px);
24736
+ padding: 10px;
24818
24737
  width: 100%;
24819
24738
  display: flex;
24820
24739
  flex-direction: column;
@@ -24822,7 +24741,7 @@ kendo-card-footer {
24822
24741
  justify-content: space-between;
24823
24742
  }
24824
24743
 
24825
- .k-wizard .k-wizard-step:focus, .k-wizard .k-wizard-step.k-state-focused, .k-wizard .k-wizard-step.k-focus {
24744
+ .k-wizard .k-wizard-step:focus, .k-wizard .k-wizard-step.k-focus {
24826
24745
  outline-width: 1px;
24827
24746
  outline-style: dotted;
24828
24747
  outline-offset: -1px;
@@ -24897,12 +24816,11 @@ kendo-card-footer {
24897
24816
  margin-left: 0;
24898
24817
  }
24899
24818
 
24900
- .k-wizard-step:focus, .k-wizard-step.k-state-focused, .k-wizard-step.k-focus {
24819
+ .k-wizard-step:focus, .k-wizard-step.k-focus {
24901
24820
  outline-color: #656565;
24902
24821
  }
24903
24822
 
24904
24823
  .k-ie .k-wizard-step:focus,
24905
- .k-ie .k-wizard-step.k-state-focused,
24906
24824
  .k-ie .k-wizard-step.k-focus {
24907
24825
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
24908
24826
  outline: none;
@@ -24974,7 +24892,7 @@ kendo-card-footer {
24974
24892
  background-color: #ffffff;
24975
24893
  }
24976
24894
 
24977
- .k-expander.k-state-focus, .k-expander.k-focus {
24895
+ .k-expander.k-focus {
24978
24896
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
24979
24897
  }
24980
24898
 
@@ -24984,11 +24902,11 @@ kendo-card-footer {
24984
24902
  outline: none;
24985
24903
  }
24986
24904
 
24987
- .k-expander-header:hover, .k-expander-header.k-state-hover, .k-expander-header.k-hover {
24905
+ .k-expander-header:hover, .k-expander-header.k-hover {
24988
24906
  background-color: rgba(0, 0, 0, 0.04);
24989
24907
  }
24990
24908
 
24991
- .k-expander-header.k-state-focused, .k-expander-header.k-focus {
24909
+ .k-expander-header.k-focus {
24992
24910
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
24993
24911
  }
24994
24912
 
@@ -25043,7 +24961,9 @@ kendo-card-footer {
25043
24961
  align-items: center;
25044
24962
  align-content: center;
25045
24963
  position: relative;
25046
- user-select: none;
24964
+ -webkit-user-select: none;
24965
+ -ms-user-select: none;
24966
+ user-select: none;
25047
24967
  cursor: default;
25048
24968
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
25049
24969
  }
@@ -25080,7 +25000,9 @@ kendo-card-footer {
25080
25000
  align-items: center;
25081
25001
  align-content: center;
25082
25002
  position: relative;
25083
- user-select: none;
25003
+ -webkit-user-select: none;
25004
+ -ms-user-select: none;
25005
+ user-select: none;
25084
25006
  cursor: default;
25085
25007
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
25086
25008
  }
@@ -25105,6 +25027,10 @@ kendo-card-footer {
25105
25027
  padding-left: 64px;
25106
25028
  }
25107
25029
 
25030
+ .k-panelbar .k-panelbar-item {
25031
+ outline-style: none;
25032
+ }
25033
+
25108
25034
  .k-panelbar .k-panelbar-content {
25109
25035
  display: flow-root;
25110
25036
  }
@@ -25118,7 +25044,7 @@ kendo-card-footer {
25118
25044
  .k-panelbar .k-group .k-panelbar-expand,
25119
25045
  .k-panelbar .k-group .k-panelbar-collapse,
25120
25046
  .k-panelbar .k-panelbar-group .k-panelbar-toggle {
25121
- margin-inline-end: calc( 16px - 16px);
25047
+ margin-inline-end: 0px;
25122
25048
  }
25123
25049
 
25124
25050
  .k-rtl .k-panelbar .k-group > .k-item.k-level-1 .k-link,
@@ -25162,7 +25088,7 @@ kendo-card-footer {
25162
25088
  .k-ie .k-group .k-panelbar-expand,
25163
25089
  .k-ie .k-group .k-panelbar-collapse,
25164
25090
  .k-ie .k-panelbar-group .k-panelbar-toggle {
25165
- margin-right: calc( 16px - 16px);
25091
+ margin-right: 0px;
25166
25092
  }
25167
25093
 
25168
25094
  .k-rtl .k-ie .k-panelbar-expand,
@@ -25183,7 +25109,7 @@ kendo-card-footer {
25183
25109
  .k-ie.k-rtl .k-panelbar-group .k-panelbar-toggle, .k-ie[dir="rtl"] .k-group .k-panelbar-expand,
25184
25110
  .k-ie[dir="rtl"] .k-group .k-panelbar-collapse,
25185
25111
  .k-ie[dir="rtl"] .k-panelbar-group .k-panelbar-toggle {
25186
- margin-left: calc( 16px - 16px);
25112
+ margin-left: 0px;
25187
25113
  }
25188
25114
 
25189
25115
  .k-panelbar {
@@ -25206,122 +25132,76 @@ kendo-card-footer {
25206
25132
  }
25207
25133
 
25208
25134
  .k-panelbar > .k-item > .k-link:hover,
25209
- .k-panelbar > .k-item > .k-link.k-state-hover,
25210
25135
  .k-panelbar > .k-item > .k-link.k-hover,
25211
25136
  .k-panelbar > .k-panelbar-header > .k-link:hover,
25212
- .k-panelbar > .k-panelbar-header > .k-link.k-state-hover,
25213
25137
  .k-panelbar > .k-panelbar-header > .k-link.k-hover {
25214
25138
  background-color: whitesmoke;
25215
25139
  }
25216
25140
 
25217
25141
  .k-panelbar > .k-item > .k-link:focus,
25218
- .k-panelbar > .k-item > .k-link.k-state-focus,
25219
- .k-panelbar > .k-item > .k-link.k-focus,
25220
- .k-panelbar > .k-item > .k-link.k-state-focused,
25221
25142
  .k-panelbar > .k-item > .k-link.k-focus,
25222
25143
  .k-panelbar > .k-panelbar-header > .k-link:focus,
25223
- .k-panelbar > .k-panelbar-header > .k-link.k-state-focus,
25224
- .k-panelbar > .k-panelbar-header > .k-link.k-focus,
25225
- .k-panelbar > .k-panelbar-header > .k-link.k-state-focused,
25226
25144
  .k-panelbar > .k-panelbar-header > .k-link.k-focus {
25227
25145
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
25228
25146
  }
25229
25147
 
25230
- .k-panelbar > .k-item > .k-link.k-state-selected,
25231
25148
  .k-panelbar > .k-item > .k-link.k-selected,
25232
- .k-panelbar > .k-panelbar-header > .k-link.k-state-selected,
25233
25149
  .k-panelbar > .k-panelbar-header > .k-link.k-selected {
25234
25150
  color: white;
25235
25151
  background-color: #ff6358;
25236
25152
  }
25237
25153
 
25238
- .k-panelbar > .k-item > .k-link.k-state-selected .k-icon,
25239
- .k-panelbar > .k-item > .k-link.k-state-selected .k-panelbar-item-icon,
25240
25154
  .k-panelbar > .k-item > .k-link.k-selected .k-icon,
25241
25155
  .k-panelbar > .k-item > .k-link.k-selected .k-panelbar-item-icon,
25242
- .k-panelbar > .k-panelbar-header > .k-link.k-state-selected .k-icon,
25243
- .k-panelbar > .k-panelbar-header > .k-link.k-state-selected .k-panelbar-item-icon,
25244
25156
  .k-panelbar > .k-panelbar-header > .k-link.k-selected .k-icon,
25245
25157
  .k-panelbar > .k-panelbar-header > .k-link.k-selected .k-panelbar-item-icon {
25246
25158
  color: inherit;
25247
25159
  }
25248
25160
 
25249
- .k-panelbar > .k-item > .k-link.k-state-selected:hover,
25250
25161
  .k-panelbar > .k-item > .k-link.k-selected:hover,
25251
- .k-panelbar > .k-item > .k-link.k-state-selected.k-state-hover,
25252
25162
  .k-panelbar > .k-item > .k-link.k-selected.k-hover,
25253
- .k-panelbar > .k-panelbar-header > .k-link.k-state-selected:hover,
25254
25163
  .k-panelbar > .k-panelbar-header > .k-link.k-selected:hover,
25255
- .k-panelbar > .k-panelbar-header > .k-link.k-state-selected.k-state-hover,
25256
25164
  .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-hover {
25257
25165
  background-color: #eb5b51;
25258
25166
  }
25259
25167
 
25260
25168
  .k-panelbar .k-group > .k-item > .k-link:hover,
25261
- .k-panelbar .k-group > .k-item > .k-link.k-state-hover,
25262
25169
  .k-panelbar .k-group > .k-item > .k-link.k-hover,
25263
25170
  .k-panelbar .k-group > .k-panelbar-item > .k-link:hover,
25264
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-hover,
25265
25171
  .k-panelbar .k-group > .k-panelbar-item > .k-link.k-hover,
25266
25172
  .k-panelbar .k-panelbar-group > .k-item > .k-link:hover,
25267
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-hover,
25268
25173
  .k-panelbar .k-panelbar-group > .k-item > .k-link.k-hover,
25269
25174
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link:hover,
25270
- .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-hover,
25271
25175
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-hover {
25272
25176
  background-color: whitesmoke;
25273
25177
  }
25274
25178
 
25275
25179
  .k-panelbar .k-group > .k-item > .k-link:focus,
25276
- .k-panelbar .k-group > .k-item > .k-link.k-state-focus,
25277
- .k-panelbar .k-group > .k-item > .k-link.k-focus,
25278
- .k-panelbar .k-group > .k-item > .k-link.k-state-focused,
25279
25180
  .k-panelbar .k-group > .k-item > .k-link.k-focus,
25280
25181
  .k-panelbar .k-group > .k-panelbar-item > .k-link:focus,
25281
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-focus,
25282
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-focus,
25283
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-focused,
25284
25182
  .k-panelbar .k-group > .k-panelbar-item > .k-link.k-focus,
25285
25183
  .k-panelbar .k-panelbar-group > .k-item > .k-link:focus,
25286
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-focus,
25287
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-focus,
25288
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-focused,
25289
25184
  .k-panelbar .k-panelbar-group > .k-item > .k-link.k-focus,
25290
25185
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link:focus,
25291
- .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-focus,
25292
- .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-focus,
25293
- .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-focused,
25294
25186
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-focus {
25295
25187
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
25296
25188
  }
25297
25189
 
25298
- .k-panelbar .k-group > .k-item > .k-link.k-state-selected,
25299
25190
  .k-panelbar .k-group > .k-item > .k-link.k-selected,
25300
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-selected,
25301
25191
  .k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected,
25302
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected,
25303
25192
  .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected,
25304
- .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-selected,
25305
25193
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected {
25306
25194
  color: white;
25307
25195
  background-color: #ff6358;
25308
25196
  }
25309
25197
 
25310
- .k-panelbar .k-group > .k-item > .k-link.k-state-selected:hover,
25311
25198
  .k-panelbar .k-group > .k-item > .k-link.k-selected:hover,
25312
- .k-panelbar .k-group > .k-item > .k-link.k-state-selected.k-state-hover,
25313
25199
  .k-panelbar .k-group > .k-item > .k-link.k-selected.k-hover,
25314
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-selected:hover,
25315
25200
  .k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected:hover,
25316
- .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-selected.k-state-hover,
25317
25201
  .k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected.k-hover,
25318
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected:hover,
25319
25202
  .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected:hover,
25320
- .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected.k-state-hover,
25321
25203
  .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected.k-hover,
25322
- .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-selected:hover,
25323
25204
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected:hover,
25324
- .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-selected.k-state-hover,
25325
25205
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected.k-hover {
25326
25206
  background-color: #eb5b51;
25327
25207
  }
@@ -25370,7 +25250,6 @@ kendo-card-footer {
25370
25250
  outline: 0;
25371
25251
  position: absolute;
25372
25252
  -webkit-user-select: none;
25373
- -moz-user-select: none;
25374
25253
  -ms-user-select: none;
25375
25254
  user-select: none;
25376
25255
  display: flex;
@@ -25500,8 +25379,8 @@ kendo-card-footer {
25500
25379
  flex: 0 0 auto;
25501
25380
  }
25502
25381
 
25503
- .k-splitter-flex .k-pane.k-state-hidden, .k-splitter-flex .k-pane[hidden],
25504
- .k-splitter-flex .k-pane-flex.k-state-hidden,
25382
+ .k-splitter-flex .k-pane.k-hidden, .k-splitter-flex .k-pane[hidden],
25383
+ .k-splitter-flex .k-pane-flex.k-hidden,
25505
25384
  .k-splitter-flex .k-pane-flex[hidden] {
25506
25385
  flex: 0 1 0% !important;
25507
25386
  overflow: hidden !important;
@@ -25533,7 +25412,6 @@ kendo-card-footer {
25533
25412
  }
25534
25413
 
25535
25414
  .k-splitbar:hover,
25536
- .k-splitbar.k-state-hover,
25537
25415
  .k-splitbar.k-hover,
25538
25416
  .k-splitbar-horizontal-hover,
25539
25417
  .k-splitbar-vertical-hover {
@@ -25542,9 +25420,6 @@ kendo-card-footer {
25542
25420
  }
25543
25421
 
25544
25422
  .k-splitbar:focus,
25545
- .k-splitbar.k-state-focus,
25546
- .k-splitbar.k-focus,
25547
- .k-splitbar.k-state-focused,
25548
25423
  .k-splitbar.k-focus {
25549
25424
  color: white;
25550
25425
  background: #ff6358;
@@ -25598,9 +25473,6 @@ kendo-card-footer {
25598
25473
  }
25599
25474
 
25600
25475
  .k-tilelayout-item:focus,
25601
- .k-tilelayout-item.k-focus,
25602
- .k-tilelayout-item.k-state-focus,
25603
- .k-tilelayout-item.k-state-focused,
25604
25476
  .k-tilelayout-item.k-focus {
25605
25477
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
25606
25478
  }
@@ -25627,7 +25499,9 @@ kendo-card-footer {
25627
25499
  .k-pane-wrapper .k-pane {
25628
25500
  width: 100%;
25629
25501
  height: 100%;
25630
- user-select: none;
25502
+ -webkit-user-select: none;
25503
+ -ms-user-select: none;
25504
+ user-select: none;
25631
25505
  box-sizing: border-box;
25632
25506
  font-family: sans-serif;
25633
25507
  overflow-x: hidden;
@@ -25709,8 +25583,8 @@ kendo-card-footer {
25709
25583
  .k-grid-mobile .k-header a {
25710
25584
  -webkit-touch-callout: none;
25711
25585
  -webkit-user-select: none;
25712
- -moz-user-select: none;
25713
- user-select: none;
25586
+ -ms-user-select: none;
25587
+ user-select: none;
25714
25588
  -webkit-user-drag: none;
25715
25589
  -moz-user-drag: none;
25716
25590
  }
@@ -25889,7 +25763,8 @@ kendo-card-footer {
25889
25763
  border-radius: 50%;
25890
25764
  }
25891
25765
 
25892
- .k-scheduler-mobile .k-task .k-i-reload {
25766
+ .k-scheduler-mobile .k-task .k-i-reload,
25767
+ .k-scheduler-mobile .k-task .k-i-arrow-rotate-cw {
25893
25768
  font-size: 1em;
25894
25769
  margin-right: .5em;
25895
25770
  }
@@ -25909,7 +25784,8 @@ kendo-card-footer {
25909
25784
  .k-scheduler-mobile .k-scheduler-times .k-scheduler-groupcolumn .k-scheduler-group-text,
25910
25785
  .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-group-cell .k-scheduler-group-text,
25911
25786
  .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-groupcolumn .k-scheduler-group-text {
25912
- writing-mode: vertical-lr;
25787
+ -ms-writing-mode: tb-lr;
25788
+ writing-mode: vertical-lr;
25913
25789
  transform: rotate(180deg);
25914
25790
  white-space: nowrap;
25915
25791
  }
@@ -26124,13 +26000,11 @@ kendo-card-footer {
26124
26000
  color: #ff6358;
26125
26001
  }
26126
26002
 
26127
- .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-state-selected,
26128
26003
  .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-selected {
26129
26004
  color: #ff6358;
26130
26005
  background: none;
26131
26006
  }
26132
26007
 
26133
- .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-state-selected .k-link,
26134
26008
  .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-selected .k-link {
26135
26009
  color: inherit;
26136
26010
  }
@@ -26272,7 +26146,7 @@ kendo-card-footer {
26272
26146
  }
26273
26147
 
26274
26148
  .k-grid .k-grouping-row .k-icon {
26275
- margin-left: calc( 8px - 12px);
26149
+ margin-left: -4px;
26276
26150
  margin-right: 8px;
26277
26151
  text-decoration: none;
26278
26152
  }
@@ -26441,7 +26315,7 @@ kendo-card-footer {
26441
26315
  .k-grid[dir="rtl"] .k-grid-header .k-filterable,
26442
26316
  .k-rtl .k-grid .k-grid-header .k-with-icon,
26443
26317
  .k-rtl .k-grid .k-grid-header .k-filterable {
26444
- padding-left: calc( calc( 1.4285714286em + 8px + 2px) + 4px);
26318
+ padding-left: calc(1.4285714286em + 14px);
26445
26319
  padding-right: 12px;
26446
26320
  }
26447
26321
 
@@ -26499,7 +26373,7 @@ kendo-card-footer {
26499
26373
  .k-grid[dir="rtl"] .k-grouping-row .k-icon,
26500
26374
  .k-rtl .k-grid .k-grouping-row .k-icon {
26501
26375
  margin-left: 8px;
26502
- margin-right: calc( 8px - 12px);
26376
+ margin-right: -4px;
26503
26377
  }
26504
26378
 
26505
26379
  .k-grid[dir="rtl"] .k-column-resizer,
@@ -26576,7 +26450,7 @@ kendo-card-footer {
26576
26450
 
26577
26451
  .k-grouping-header::before {
26578
26452
  content: "";
26579
- height: calc( 1.4285714286em + 8px + 2px);
26453
+ height: calc(1.4285714286em + 10px);
26580
26454
  display: inline-block;
26581
26455
  vertical-align: middle;
26582
26456
  }
@@ -26655,7 +26529,7 @@ kendo-card-footer {
26655
26529
 
26656
26530
  .k-grouping-dropclue {
26657
26531
  width: 12px;
26658
- height: calc( 1.4285714286em + 8px + 2px);
26532
+ height: calc(1.4285714286em + 10px);
26659
26533
  position: absolute;
26660
26534
  top: 3px;
26661
26535
  box-sizing: content-box;
@@ -26680,7 +26554,7 @@ kendo-card-footer {
26680
26554
  width: 2px;
26681
26555
  height: calc(100% - 6px);
26682
26556
  top: 6px;
26683
- left: calc( 6px - 1px);
26557
+ left: 5px;
26684
26558
  }
26685
26559
 
26686
26560
  .k-grid-header-wrap,
@@ -26733,7 +26607,9 @@ div.k-grid-footer {
26733
26607
  }
26734
26608
 
26735
26609
  .k-grid-header.k-grid-draggable-header {
26736
- user-select: none;
26610
+ -webkit-user-select: none;
26611
+ -ms-user-select: none;
26612
+ user-select: none;
26737
26613
  touch-action: none;
26738
26614
  }
26739
26615
 
@@ -26768,12 +26644,12 @@ div.k-grid-footer {
26768
26644
 
26769
26645
  .k-grid-header .k-with-icon,
26770
26646
  .k-grid-header .k-filterable {
26771
- padding-right: calc( calc( 1.4285714286em + 8px + 2px) + 4px);
26647
+ padding-right: calc(1.4285714286em + 14px);
26772
26648
  }
26773
26649
 
26774
26650
  .k-ie .k-grid-header .k-with-icon, .k-ie
26775
26651
  .k-grid-header .k-filterable {
26776
- padding-right: calc( calc( 1.4285714286em + 8px + 2px) + 4px);
26652
+ padding-right: calc(1.4285714286em + 14px);
26777
26653
  }
26778
26654
 
26779
26655
  .k-grid-header .k-header > .k-link:focus {
@@ -26784,8 +26660,8 @@ div.k-grid-footer {
26784
26660
  .k-grid-header .k-header-column-menu,
26785
26661
  .k-grid-header .k-grid-header-menu {
26786
26662
  padding: 4px;
26787
- width: calc( 1.4285714286em + 8px + 2px);
26788
- height: calc( 1.4285714286em + 8px + 2px);
26663
+ width: calc(1.4285714286em + 10px);
26664
+ height: calc(1.4285714286em + 10px);
26789
26665
  box-sizing: border-box;
26790
26666
  outline: 0;
26791
26667
  line-height: 1.4285714286;
@@ -26795,7 +26671,7 @@ div.k-grid-footer {
26795
26671
  justify-content: center;
26796
26672
  position: absolute;
26797
26673
  right: 4px;
26798
- bottom: calc( 8px + 0.7142857143em - calc( 1.4285714286em + 8px)/2);
26674
+ bottom: 4px;
26799
26675
  z-index: 1;
26800
26676
  }
26801
26677
 
@@ -26805,9 +26681,9 @@ div.k-grid-footer {
26805
26681
  cursor: pointer;
26806
26682
  }
26807
26683
 
26808
- .k-grid-header .k-cell-inner > .k-link > .k-icon.k-i-sort-desc-sm, .k-grid-header .k-cell-inner > .k-link > .k-icon.k-i-sort-asc-sm {
26684
+ .k-grid-header .k-cell-inner > .k-link > .k-icon.k-i-sort-desc-sm, .k-grid-header .k-cell-inner > .k-link > .k-icon.k-i-sort-asc-sm, .k-grid-header .k-cell-inner > .k-link > .k-icon.k-i-sort-asc-small, .k-grid-header .k-cell-inner > .k-link > .k-icon.k-i-sort-desc-small {
26809
26685
  vertical-align: text-top;
26810
- margin-inline-start: calc( 8px - 1px);
26686
+ margin-inline-start: 7px;
26811
26687
  }
26812
26688
 
26813
26689
  .k-grid-header .k-sort-order {
@@ -27219,7 +27095,7 @@ div.k-grid-norecords {
27219
27095
  }
27220
27096
 
27221
27097
  .k-filterable > .k-cell-inner {
27222
- margin-inline-end: calc(-1 * calc( calc( 1.4285714286em + 8px + 2px) + 4px));
27098
+ margin-inline-end: calc(-1.4285714286em + -14px);
27223
27099
  }
27224
27100
 
27225
27101
  .k-filterable > .k-cell-inner .k-link {
@@ -27541,7 +27417,9 @@ div.k-grid-norecords {
27541
27417
  display: flex;
27542
27418
  flex: 0 0 auto;
27543
27419
  position: relative;
27544
- user-select: none;
27420
+ -webkit-user-select: none;
27421
+ -ms-user-select: none;
27422
+ user-select: none;
27545
27423
  }
27546
27424
 
27547
27425
  .k-column-menu-group-header-text {
@@ -27635,28 +27513,23 @@ tbody .k-group-cell {
27635
27513
  }
27636
27514
 
27637
27515
  .k-grid tbody > tr:not(.k-detail-row):hover,
27638
- .k-grid tbody > tr:not(.k-detail-row).k-state-hover,
27639
27516
  .k-grid tbody > tr:not(.k-detail-row).k-hover {
27640
27517
  background-color: #ededed;
27641
27518
  }
27642
27519
 
27643
- .k-grid td.k-state-selected,
27644
27520
  .k-grid td.k-selected,
27645
- .k-grid tr.k-state-selected > td,
27646
27521
  .k-grid tr.k-selected > td {
27647
27522
  background-color: rgba(255, 99, 88, 0.25);
27648
27523
  }
27649
27524
 
27650
- .k-grid td.k-state-focused,
27525
+ .k-grid td:focus,
27651
27526
  .k-grid td.k-focus,
27652
- .k-grid th.k-state-focused,
27653
- .k-grid th.k-focus,
27654
27527
  .k-grid th:focus,
27528
+ .k-grid th.k-focus,
27655
27529
  .k-grid .k-master-row > td:focus,
27656
27530
  .k-grid .k-grouping-row > td:focus,
27657
27531
  .k-grid .k-detail-row > td:focus,
27658
27532
  .k-grid .k-group-footer > td:focus,
27659
- .k-grid .k-grid-pager.k-state-focused,
27660
27533
  .k-grid .k-grid-pager.k-focus {
27661
27534
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
27662
27535
  }
@@ -27697,19 +27570,15 @@ tbody .k-group-cell {
27697
27570
  border-top-color: rgba(0, 0, 0, 0.08);
27698
27571
  }
27699
27572
 
27700
- .k-grid .k-grid-content-locked .k-state-selected td,
27701
27573
  .k-grid .k-grid-content-locked .k-selected td {
27702
27574
  background-color: #ffd8d5;
27703
27575
  }
27704
27576
 
27705
- .k-grid .k-grid-content-locked .k-state-selected.k-alt td,
27706
27577
  .k-grid .k-grid-content-locked .k-selected.k-alt td {
27707
27578
  background-color: #f7d1ce;
27708
27579
  }
27709
27580
 
27710
- .k-grid .k-grid-content-locked .k-state-selected:hover td,
27711
27581
  .k-grid .k-grid-content-locked .k-selected:hover td,
27712
- .k-grid .k-grid-content-locked .k-state-selected.k-state-hover td,
27713
27582
  .k-grid .k-grid-content-locked .k-selected.k-hover td {
27714
27583
  background-color: #f1ccc9;
27715
27584
  }
@@ -27731,6 +27600,8 @@ th.k-sorted {
27731
27600
 
27732
27601
  .k-grid-header .k-i-sort-asc-sm,
27733
27602
  .k-grid-header .k-i-sort-desc-sm,
27603
+ .k-grid-header .k-i-sort-asc-small,
27604
+ .k-grid-header .k-i-sort-desc-small,
27734
27605
  .k-grid-header .k-sort-order {
27735
27606
  color: #ff6358;
27736
27607
  }
@@ -27742,28 +27613,19 @@ th.k-sorted {
27742
27613
  background-color: #ebebeb;
27743
27614
  }
27744
27615
 
27745
- .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,
27616
+ .k-grid-header .k-grid-filter:focus, .k-grid-header .k-grid-filter.k-focus,
27746
27617
  .k-grid-header .k-header-column-menu:focus,
27747
- .k-grid-header .k-header-column-menu.k-state-focus,
27748
27618
  .k-grid-header .k-header-column-menu.k-focus,
27749
- .k-grid-header .k-header-column-menu.k-state-border-down,
27750
27619
  .k-grid-header .k-grid-header-menu:focus,
27751
- .k-grid-header .k-grid-header-menu.k-state-focus,
27752
27620
  .k-grid-header .k-grid-header-menu.k-focus,
27753
- .k-grid-header .k-grid-header-menu.k-state-border-down,
27754
27621
  .k-grid-header .k-hierarchy-cell .k-icon:focus,
27755
- .k-grid-header .k-hierarchy-cell .k-icon.k-state-focus,
27756
- .k-grid-header .k-hierarchy-cell .k-icon.k-focus,
27757
- .k-grid-header .k-hierarchy-cell .k-icon.k-state-border-down {
27622
+ .k-grid-header .k-hierarchy-cell .k-icon.k-focus {
27758
27623
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
27759
27624
  }
27760
27625
 
27761
- .k-grid-header .k-grid-filter.k-state-active, .k-grid-header .k-grid-filter.k-active,
27762
- .k-grid-header .k-header-column-menu.k-state-active,
27626
+ .k-grid-header .k-grid-filter.k-active,
27763
27627
  .k-grid-header .k-header-column-menu.k-active,
27764
- .k-grid-header .k-grid-header-menu.k-state-active,
27765
27628
  .k-grid-header .k-grid-header-menu.k-active,
27766
- .k-grid-header .k-hierarchy-cell .k-icon.k-state-active,
27767
27629
  .k-grid-header .k-hierarchy-cell .k-icon.k-active {
27768
27630
  color: white;
27769
27631
  background-color: #ff6358;
@@ -27807,44 +27669,30 @@ th.k-sorted {
27807
27669
  background-color: #f6f6f6;
27808
27670
  }
27809
27671
 
27810
- .k-master-row.k-state-selected .k-grid-content-sticky,
27811
27672
  .k-master-row.k-selected .k-grid-content-sticky,
27812
- .k-master-row.k-state-selected .k-grid-row-sticky,
27813
27673
  .k-master-row.k-selected .k-grid-row-sticky,
27814
- .k-master-row td.k-grid-content-sticky.k-state-selected,
27815
27674
  .k-master-row td.k-grid-content-sticky.k-selected {
27816
27675
  background-color: #ffd8d5;
27817
27676
  }
27818
27677
 
27819
- .k-master-row.k-state-selected.k-alt .k-grid-content-sticky,
27820
27678
  .k-master-row.k-selected.k-alt .k-grid-content-sticky,
27821
- .k-master-row.k-state-selected.k-alt .k-grid-row-sticky,
27822
27679
  .k-master-row.k-selected.k-alt .k-grid-row-sticky,
27823
- .k-master-row.k-alt td.k-grid-content-sticky.k-state-selected,
27824
27680
  .k-master-row.k-alt td.k-grid-content-sticky.k-selected {
27825
27681
  background-color: #f7d1ce;
27826
27682
  }
27827
27683
 
27828
27684
  .k-master-row:hover .k-grid-content-sticky,
27829
27685
  .k-master-row:hover .k-grid-row-sticky,
27830
- .k-master-row.k-state-hover .k-grid-content-sticky,
27831
27686
  .k-master-row.k-hover .k-grid-content-sticky,
27832
- .k-master-row.k-state-hover .k-grid-row-sticky,
27833
27687
  .k-master-row.k-hover .k-grid-row-sticky {
27834
27688
  background-color: #ebebeb;
27835
27689
  }
27836
27690
 
27837
- .k-master-row.k-state-selected:hover .k-grid-content-sticky,
27838
27691
  .k-master-row.k-selected:hover .k-grid-content-sticky,
27839
- .k-master-row.k-state-selected:hover .k-grid-row-sticky,
27840
27692
  .k-master-row.k-selected:hover .k-grid-row-sticky,
27841
- .k-master-row.k-state-selected.k-state-hover .k-grid-content-sticky,
27842
27693
  .k-master-row.k-selected.k-hover .k-grid-content-sticky,
27843
- .k-master-row.k-state-selected.k-state-hover .k-grid-row-sticky,
27844
27694
  .k-master-row.k-selected.k-hover .k-grid-row-sticky,
27845
- .k-master-row:hover td.k-grid-content-sticky.k-state-selected,
27846
27695
  .k-master-row:hover td.k-grid-content-sticky.k-selected,
27847
- .k-master-row.k-state-hover td.k-grid-content-sticky.k-state-selected,
27848
27696
  .k-master-row.k-hover td.k-grid-content-sticky.k-selected {
27849
27697
  background-color: #f1ccc9;
27850
27698
  }
@@ -27856,7 +27704,7 @@ kendo-grid .k-grid-content-sticky {
27856
27704
  background-color: #ffffff;
27857
27705
  }
27858
27706
 
27859
- kendo-grid .k-grid-content-sticky:hover, kendo-grid .k-grid-content-sticky.k-state-hover, kendo-grid .k-grid-content-sticky.k-hover {
27707
+ kendo-grid .k-grid-content-sticky:hover, kendo-grid .k-grid-content-sticky.k-hover {
27860
27708
  background-color: #ebebeb;
27861
27709
  }
27862
27710
 
@@ -27867,7 +27715,6 @@ kendo-grid .k-grid-row-sticky td {
27867
27715
  }
27868
27716
 
27869
27717
  kendo-grid .k-grid-row-sticky:hover td,
27870
- kendo-grid .k-grid-row-sticky.k-state-hover td,
27871
27718
  kendo-grid .k-grid-row-sticky.k-hover td {
27872
27719
  background-color: #ebebeb;
27873
27720
  }
@@ -27877,64 +27724,41 @@ kendo-grid .k-grid-row-sticky.k-alt td {
27877
27724
  background-color: #f6f6f6;
27878
27725
  }
27879
27726
 
27880
- kendo-grid tr.k-state-selected .k-grid-content-sticky,
27881
27727
  kendo-grid tr.k-selected .k-grid-content-sticky,
27882
- kendo-grid .k-state-selected.k-grid-row-sticky td,
27883
27728
  kendo-grid .k-selected.k-grid-row-sticky td,
27884
- kendo-grid .k-grid-row-sticky td.k-state-selected,
27885
27729
  kendo-grid .k-grid-row-sticky td.k-selected,
27886
- kendo-grid .k-state-selected.k-grid-content-sticky,
27887
27730
  kendo-grid .k-selected.k-grid-content-sticky {
27888
27731
  background-color: #ffd8d5;
27889
27732
  }
27890
27733
 
27891
- kendo-grid tr.k-state-selected.k-alt .k-grid-content-sticky,
27892
27734
  kendo-grid tr.k-selected.k-alt .k-grid-content-sticky,
27893
- kendo-grid .k-state-selected.k-alt.k-grid-row-sticky td,
27894
27735
  kendo-grid .k-selected.k-alt.k-grid-row-sticky td,
27895
- kendo-grid .k-alt .k-state-selected.k-grid-content-sticky,
27896
27736
  kendo-grid .k-alt .k-selected.k-grid-content-sticky {
27897
27737
  background-color: #f7d1ce;
27898
27738
  }
27899
27739
 
27900
27740
  kendo-grid tr:hover .k-grid-content-sticky,
27901
- kendo-grid tr.k-state-hover .k-grid-content-sticky,
27902
27741
  kendo-grid tr.k-hover .k-grid-content-sticky,
27903
27742
  kendo-grid .k-grid-row-sticky:hover td,
27904
- kendo-grid .k-grid-row-sticky.k-state-hover td,
27905
27743
  kendo-grid .k-grid-row-sticky.k-hover td,
27906
27744
  kendo-grid .k-grid-row-sticky.k-alt:hover td,
27907
- kendo-grid .k-grid-row-sticky.k-alt.k-state-hover td,
27908
27745
  kendo-grid .k-grid-row-sticky.k-alt.k-hover td,
27909
27746
  kendo-grid .k-alt:hover .k-grid-content-sticky,
27910
- kendo-grid .k-alt.k-state-hover .k-grid-content-sticky,
27911
27747
  kendo-grid .k-alt.k-hover .k-grid-content-sticky {
27912
27748
  background-color: #ebebeb;
27913
27749
  }
27914
27750
 
27915
- kendo-grid tr.k-state-selected:hover .k-grid-content-sticky,
27916
27751
  kendo-grid tr.k-selected:hover .k-grid-content-sticky,
27917
- kendo-grid tr.k-state-selected.k-state-hover .k-grid-content-sticky,
27918
27752
  kendo-grid tr.k-selected.k-hover .k-grid-content-sticky,
27919
- kendo-grid .k-state-selected.k-grid-row-sticky:hover td,
27920
27753
  kendo-grid .k-selected.k-grid-row-sticky:hover td,
27921
- kendo-grid .k-state-selected.k-grid-row-sticky.k-state-hover td,
27922
27754
  kendo-grid .k-selected.k-grid-row-sticky.k-hover td,
27923
- kendo-grid .k-state-selected.k-alt.k-grid-row-sticky:hover td,
27924
27755
  kendo-grid .k-selected.k-alt.k-grid-row-sticky:hover td,
27925
- kendo-grid .k-state-selected.k-alt.k-grid-row-sticky.k-state-hover td,
27926
27756
  kendo-grid .k-selected.k-alt.k-grid-row-sticky.k-hover td,
27927
- kendo-grid tr.k-state-selected.k-alt:hover .k-grid-content-sticky,
27928
27757
  kendo-grid tr.k-selected.k-alt:hover .k-grid-content-sticky,
27929
- kendo-grid tr.k-state-selected.k-alt.k-state-hover .k-grid-content-sticky,
27930
27758
  kendo-grid tr.k-selected.k-alt.k-hover .k-grid-content-sticky,
27931
- kendo-grid .k-grid-row-sticky:hover td.k-state-selected,
27932
27759
  kendo-grid .k-grid-row-sticky:hover td.k-selected,
27933
- kendo-grid .k-grid-row-sticky.k-state-hover td.k-state-selected,
27934
27760
  kendo-grid .k-grid-row-sticky.k-hover td.k-selected,
27935
- kendo-grid tr:hover .k-grid-content-sticky.k-state-selected,
27936
27761
  kendo-grid tr:hover .k-grid-content-sticky.k-selected,
27937
- kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected,
27938
27762
  kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
27939
27763
  background-color: #f1ccc9;
27940
27764
  }
@@ -27944,7 +27768,6 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
27944
27768
  }
27945
27769
 
27946
27770
  .k-grouping-row:hover .k-grid-content-sticky,
27947
- .k-grouping-row.k-state-hover .k-grid-content-sticky,
27948
27771
  .k-grouping-row.k-hover .k-grid-content-sticky {
27949
27772
  background-color: #ebebeb;
27950
27773
  }
@@ -27956,12 +27779,11 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
27956
27779
  }
27957
27780
 
27958
27781
  .k-columnmenu-item:focus,
27959
- .k-columnmenu-item.k-state-focus,
27960
27782
  .k-columnmenu-item.k-focus {
27961
27783
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
27962
27784
  }
27963
27785
 
27964
- .k-columnmenu-item.k-state-selected, .k-columnmenu-item.k-selected {
27786
+ .k-columnmenu-item.k-selected {
27965
27787
  color: white;
27966
27788
  background-color: #ff6358;
27967
27789
  }
@@ -27972,17 +27794,17 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
27972
27794
  background-color: #ffffff;
27973
27795
  }
27974
27796
 
27975
- .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 {
27797
+ .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 {
27976
27798
  color: #424242;
27977
27799
  background-color: #f0f0f0;
27978
27800
  }
27979
27801
 
27980
- .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 {
27802
+ .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-selected {
27981
27803
  color: white;
27982
27804
  background-color: #ff6358;
27983
27805
  }
27984
27806
 
27985
- .k-column-menu .k-menu:not(.k-context-menu) .k-item:focus, .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-state-focused, .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-focus {
27807
+ .k-column-menu .k-menu:not(.k-context-menu) .k-item:focus, .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-focus {
27986
27808
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
27987
27809
  }
27988
27810
 
@@ -28135,12 +27957,10 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
28135
27957
  background-color: #ffffff;
28136
27958
  }
28137
27959
 
28138
- .k-listview-content > .k-state-focused,
28139
27960
  .k-listview-content > .k-focus {
28140
27961
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
28141
27962
  }
28142
27963
 
28143
- .k-listview-content > .k-state-selected,
28144
27964
  .k-listview-content > .k-selected {
28145
27965
  background-color: rgba(255, 99, 88, 0.25);
28146
27966
  }
@@ -28388,7 +28208,6 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
28388
28208
  overflow: hidden;
28389
28209
  }
28390
28210
 
28391
- .k-spreadsheet-view .k-state-disabled,
28392
28211
  .k-spreadsheet-view .k-disabled {
28393
28212
  pointer-events: auto;
28394
28213
  }
@@ -28399,7 +28218,6 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
28399
28218
  border-color: inherit;
28400
28219
  box-sizing: border-box;
28401
28220
  -webkit-user-select: none;
28402
- -moz-user-select: none;
28403
28221
  -ms-user-select: none;
28404
28222
  user-select: none;
28405
28223
  position: absolute;
@@ -28723,12 +28541,12 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
28723
28541
 
28724
28542
  .k-spreadsheet-filter-menu > .k-menu .k-link,
28725
28543
  .k-spreadsheet-filter-menu > .k-menu.k-menu-vertical .k-link {
28726
- padding-left: calc( 16px + 8px);
28544
+ padding-left: 24px;
28727
28545
  }
28728
28546
 
28729
28547
  .k-spreadsheet-filter-menu > .k-menu .k-icon,
28730
28548
  .k-spreadsheet-filter-menu > .k-menu.k-menu-vertical .k-icon {
28731
- margin-left: calc(-1 * ( 16px + 4px ));
28549
+ margin-left: -20px;
28732
28550
  margin-right: 4px;
28733
28551
  }
28734
28552
 
@@ -28936,7 +28754,6 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
28936
28754
  }
28937
28755
 
28938
28756
  .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover div,
28939
- .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-state-hovered div,
28940
28757
  .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-hover div {
28941
28758
  margin: 0;
28942
28759
  align-self: center;
@@ -29028,7 +28845,7 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
29028
28845
  cursor: nwse-resize;
29029
28846
  }
29030
28847
 
29031
- .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 {
28848
+ .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 {
29032
28849
  border-radius: 4px;
29033
28850
  }
29034
28851
 
@@ -29164,13 +28981,13 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
29164
28981
  background-color: #ebebeb;
29165
28982
  }
29166
28983
 
29167
- .k-spreadsheet-filter.k-state-active, .k-spreadsheet-filter.k-active {
28984
+ .k-spreadsheet-filter.k-active {
29168
28985
  background-color: #d8d8d8;
29169
28986
  }
29170
28987
 
29171
- .k-spreadsheet-filter-menu > .k-menu .k-item.k-state-hover,
28988
+ .k-spreadsheet-filter-menu > .k-menu .k-item:hover,
29172
28989
  .k-spreadsheet-filter-menu > .k-menu .k-item.k-hover,
29173
- .k-spreadsheet-filter-menu > .k-menu:not(.k-context-menu) .k-item.k-state-hover,
28990
+ .k-spreadsheet-filter-menu > .k-menu:not(.k-context-menu) .k-item:hover,
29174
28991
  .k-spreadsheet-filter-menu > .k-menu:not(.k-context-menu) .k-item.k-hover {
29175
28992
  color: #424242;
29176
28993
  background-color: #f0f0f0;
@@ -29183,16 +29000,13 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
29183
29000
  }
29184
29001
 
29185
29002
  .k-spreadsheet-popup .k-button:hover,
29186
- .k-spreadsheet-popup .k-button.k-state-hover,
29187
29003
  .k-spreadsheet-popup .k-button.k-hover {
29188
29004
  color: #424242;
29189
29005
  background-color: #f0f0f0;
29190
29006
  }
29191
29007
 
29192
29008
  .k-spreadsheet-popup .k-button:active,
29193
- .k-spreadsheet-popup .k-button.k-state-active,
29194
29009
  .k-spreadsheet-popup .k-button.k-active,
29195
- .k-spreadsheet-popup .k-button.k-state-selected,
29196
29010
  .k-spreadsheet-popup .k-button.k-selected {
29197
29011
  color: white;
29198
29012
  background-color: #ff6358;
@@ -29202,12 +29016,11 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
29202
29016
  border-color: rgba(0, 0, 0, 0.08);
29203
29017
  }
29204
29018
 
29205
- .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 {
29019
+ .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover, .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-hover {
29206
29020
  box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.5);
29207
29021
  }
29208
29022
 
29209
29023
  .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover div,
29210
- .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-state-hovered div,
29211
29024
  .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-hover div {
29212
29025
  color: #ffffff;
29213
29026
  }
@@ -29391,7 +29204,9 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
29391
29204
  border-style: solid;
29392
29205
  box-sizing: border-box;
29393
29206
  cursor: pointer;
29394
- user-select: none;
29207
+ -webkit-user-select: none;
29208
+ -ms-user-select: none;
29209
+ user-select: none;
29395
29210
  }
29396
29211
 
29397
29212
  .k-flex-row .k-pivotgrid-configurator-button, .k-d-flex-row .k-pivotgrid-configurator-button,
@@ -29402,7 +29217,8 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
29402
29217
 
29403
29218
  .k-flex-row .k-pivotgrid-configurator-button span, .k-d-flex-row .k-pivotgrid-configurator-button span,
29404
29219
  .k-flex-row-reverse .k-pivotgrid-configurator-button span {
29405
- writing-mode: vertical-rl;
29220
+ -ms-writing-mode: tb-rl;
29221
+ writing-mode: vertical-rl;
29406
29222
  }
29407
29223
 
29408
29224
  .k-flex-row .k-pivotgrid-configurator-button .k-icon, .k-d-flex-row .k-pivotgrid-configurator-button .k-icon,
@@ -29427,19 +29243,19 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
29427
29243
  }
29428
29244
 
29429
29245
  .k-flex-row .k-pivotgrid-configurator-overlay, .k-d-flex-row .k-pivotgrid-configurator-overlay {
29430
- right: calc( 1.4285714286em + 8px + 2px);
29246
+ right: calc(1.4285714286em + 10px);
29431
29247
  }
29432
29248
 
29433
29249
  .k-flex-row-reverse .k-pivotgrid-configurator-overlay {
29434
- left: calc( 1.4285714286em + 8px + 2px);
29250
+ left: calc(1.4285714286em + 10px);
29435
29251
  }
29436
29252
 
29437
29253
  .k-flex-col .k-pivotgrid-configurator-overlay, .k-d-flex-col .k-pivotgrid-configurator-overlay, .k-flex-column .k-pivotgrid-configurator-overlay {
29438
- bottom: calc( 1.4285714286em + 8px + 2px);
29254
+ bottom: calc(1.4285714286em + 10px);
29439
29255
  }
29440
29256
 
29441
29257
  .k-flex-col-reverse .k-pivotgrid-configurator-overlay, .k-flex-column-reverse .k-pivotgrid-configurator-overlay {
29442
- top: calc( 1.4285714286em + 8px + 2px);
29258
+ top: calc(1.4285714286em + 10px);
29443
29259
  }
29444
29260
 
29445
29261
  .k-pivotgrid-configurator-header {
@@ -29893,21 +29709,19 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
29893
29709
  background-color: #ebebeb;
29894
29710
  }
29895
29711
 
29896
- .k-pivotgrid-row-headers tbody > .k-pivotgrid-row.k-state-hover,
29897
- .k-pivotgrid-row-headers tbody > .k-pivotgrid-row.k-hover,
29898
29712
  .k-pivotgrid-row-headers tbody > .k-pivotgrid-row:hover,
29899
- .k-pivotgrid-column-headers tbody > .k-pivotgrid-row.k-state-hover,
29900
- .k-pivotgrid-column-headers tbody > .k-pivotgrid-row.k-hover,
29713
+ .k-pivotgrid-row-headers tbody > .k-pivotgrid-row.k-hover,
29901
29714
  .k-pivotgrid-column-headers tbody > .k-pivotgrid-row:hover,
29902
- .k-pivotgrid-values tbody > .k-pivotgrid-row.k-state-hover,
29903
- .k-pivotgrid-values tbody > .k-pivotgrid-row.k-hover,
29904
- .k-pivotgrid-values tbody > .k-pivotgrid-row:hover {
29715
+ .k-pivotgrid-column-headers tbody > .k-pivotgrid-row.k-hover,
29716
+ .k-pivotgrid-values tbody > .k-pivotgrid-row:hover,
29717
+ .k-pivotgrid-values tbody > .k-pivotgrid-row.k-hover {
29905
29718
  background-color: #ededed;
29906
29719
  }
29907
29720
 
29908
- .k-pivotgrid-cell.k-state-focus,
29909
- .k-pivotgrid-cell.k-focus,
29910
29721
  .k-pivotgrid-cell:focus,
29722
+ .k-pivotgrid-cell.k-focus,
29723
+ .k-pivotgrid-empty-cell:focus,
29724
+ .k-pivotgrid-empty-cell.k-focus,
29911
29725
  .k-master-row > .k-pivotgrid-cell:focus,
29912
29726
  .k-grouping-row > .k-pivotgrid-cell:focus,
29913
29727
  .k-detail-row > .k-pivotgrid-cell:focus,
@@ -29915,9 +29729,7 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
29915
29729
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
29916
29730
  }
29917
29731
 
29918
- .k-pivotgrid-cell.k-state-selected,
29919
29732
  .k-pivotgrid-cell.k-selected,
29920
- .k-pivotgrid-row.k-state-selected > .k-pivotgrid-cell,
29921
29733
  .k-pivotgrid-row.k-selected > .k-pivotgrid-cell {
29922
29734
  background-color: rgba(255, 99, 88, 0.25);
29923
29735
  }
@@ -30059,7 +29871,6 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
30059
29871
  }
30060
29872
 
30061
29873
  .k-treelist .k-treelist-dragging,
30062
- .k-treelist .k-treelist-dragging .k-state-hover,
30063
29874
  .k-treelist .k-treelist-dragging .k-hover {
30064
29875
  cursor: default;
30065
29876
  }
@@ -30200,7 +30011,7 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
30200
30011
  content: "";
30201
30012
  position: absolute;
30202
30013
  width: 1px;
30203
- top: calc(-4px - 1px);
30014
+ top: -5px;
30204
30015
  bottom: 50%;
30205
30016
  left: -8px;
30206
30017
  }
@@ -30387,7 +30198,7 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
30387
30198
  .k-filemanager-preview {
30388
30199
  padding: 48px 16px 16px;
30389
30200
  width: 20%;
30390
- min-height: calc( 64px + 192px + 48px);
30201
+ min-height: 304px;
30391
30202
  border-width: 0;
30392
30203
  border-left-width: 1px;
30393
30204
  border-style: solid;
@@ -30486,7 +30297,6 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
30486
30297
  color: #7e7e7e;
30487
30298
  }
30488
30299
 
30489
- .k-filemanager-listview .k-listview-item.k-state-selected .k-file-icon,
30490
30300
  .k-filemanager-listview .k-listview-item.k-selected .k-file-icon {
30491
30301
  border-color: transparent;
30492
30302
  color: inherit;
@@ -30662,7 +30472,7 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
30662
30472
  overflow-wrap: anywhere;
30663
30473
  }
30664
30474
 
30665
- .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 {
30475
+ .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 {
30666
30476
  text-decoration: underline;
30667
30477
  }
30668
30478
 
@@ -30706,7 +30516,6 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
30706
30516
  }
30707
30517
 
30708
30518
  .k-taskboard-column:focus,
30709
- .k-taskboard-column.k-state-focus,
30710
30519
  .k-taskboard-column.k-focus {
30711
30520
  border-color: rgba(0, 0, 0, 0.264);
30712
30521
  }
@@ -30735,29 +30544,29 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
30735
30544
  color: #ff6358;
30736
30545
  }
30737
30546
 
30738
- .k-taskboard-card .k-card-title:focus, .k-taskboard-card .k-card-title.k-focus, .k-taskboard-card .k-card-title.k-state-focus {
30547
+ .k-taskboard-card .k-card-title:focus, .k-taskboard-card .k-card-title.k-focus {
30739
30548
  color: #d6534a;
30740
30549
  }
30741
30550
 
30742
- .k-taskboard-card .k-card-title:hover, .k-taskboard-card .k-card-title.k-hover, .k-taskboard-card .k-card-title.k-state-hover {
30551
+ .k-taskboard-card .k-card-title:hover, .k-taskboard-card .k-card-title.k-hover {
30743
30552
  color: #d6534a;
30744
30553
  }
30745
30554
 
30746
- .k-taskboard-card:focus, .k-taskboard-card.k-focus, .k-taskboard-card.k-state-focus {
30555
+ .k-taskboard-card:focus, .k-taskboard-card.k-focus {
30747
30556
  border-color: rgba(0, 0, 0, 0.2456);
30748
30557
  box-shadow: none;
30749
30558
  }
30750
30559
 
30751
- .k-taskboard-card:hover, .k-taskboard-card.k-hover, .k-taskboard-card.k-state-hover {
30560
+ .k-taskboard-card:hover, .k-taskboard-card.k-hover {
30752
30561
  border-color: rgba(0, 0, 0, 0.172);
30753
30562
  }
30754
30563
 
30755
- .k-taskboard-card.k-selected, .k-taskboard-card.k-state-selected {
30564
+ .k-taskboard-card.k-selected {
30756
30565
  border-color: #ffb0ab;
30757
30566
  box-shadow: none;
30758
30567
  }
30759
30568
 
30760
- .k-taskboard-card.k-disabled, .k-taskboard-card.k-state-disabled {
30569
+ .k-taskboard-card.k-disabled {
30761
30570
  outline: none;
30762
30571
  cursor: default;
30763
30572
  opacity: 0.6;
@@ -30819,7 +30628,6 @@ kendo-editor.k-readonly .k-editor-content {
30819
30628
  pointer-events: auto;
30820
30629
  }
30821
30630
 
30822
- kendo-editor.k-readonly .k-editor-content.k-state-focused,
30823
30631
  kendo-editor.k-readonly .k-editor-content.k-focus {
30824
30632
  outline-width: 1px;
30825
30633
  outline-style: dashed;
@@ -30941,8 +30749,8 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
30941
30749
 
30942
30750
  .k-editor-toolbar .k-tool {
30943
30751
  padding: 4px;
30944
- width: calc( 1.4285714286em + 8px + 2px);
30945
- height: calc( 1.4285714286em + 8px + 2px);
30752
+ width: calc(1.4285714286em + 10px);
30753
+ height: calc(1.4285714286em + 10px);
30946
30754
  }
30947
30755
 
30948
30756
  .k-editor-toolbar .k-tool-text {
@@ -31004,7 +30812,9 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31004
30812
  float: left;
31005
30813
  opacity: 1;
31006
30814
  cursor: text;
31007
- user-select: none;
30815
+ -webkit-user-select: none;
30816
+ -ms-user-select: none;
30817
+ user-select: none;
31008
30818
  }
31009
30819
 
31010
30820
  td.k-editor-content {
@@ -31064,7 +30874,8 @@ td.k-editor-content {
31064
30874
  cursor: se-resize;
31065
30875
  }
31066
30876
 
31067
- .k-editor .k-resize-handle .k-i-arrow-45-down-right {
30877
+ .k-editor .k-resize-handle .k-i-arrow-45-down-right,
30878
+ .k-editor .k-resize-handle .k-i-caret-br {
31068
30879
  display: none;
31069
30880
  }
31070
30881
 
@@ -31114,7 +30925,7 @@ td.k-editor-content {
31114
30925
 
31115
30926
  .k-editor-dialog .k-edit-label {
31116
30927
  width: 30%;
31117
- padding: calc( 4px + 1px) 0;
30928
+ padding: 5px 0;
31118
30929
  }
31119
30930
 
31120
30931
  .k-editor-dialog .k-edit-field {
@@ -31248,7 +31059,7 @@ td.k-editor-content {
31248
31059
  margin: auto;
31249
31060
  }
31250
31061
 
31251
- .k-filebrowser .k-tile-empty.k-state-selected, .k-filebrowser .k-tile-empty.k-selected {
31062
+ .k-filebrowser .k-tile-empty.k-selected {
31252
31063
  color: inherit;
31253
31064
  border-width: 0;
31254
31065
  background-image: none;
@@ -31443,7 +31254,6 @@ td.k-editor-content {
31443
31254
  background-color: #ffffff;
31444
31255
  }
31445
31256
 
31446
- kendo-editor.k-readonly .k-editor-content.k-state-focused,
31447
31257
  kendo-editor.k-readonly .k-editor-content.k-focus {
31448
31258
  outline-color: #424242;
31449
31259
  }
@@ -31466,7 +31276,7 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31466
31276
  background-color: #00b0ff;
31467
31277
  }
31468
31278
 
31469
- .k-editor-inline:hover, .k-editor-inline.k-state-active, .k-editor-inline.k-active {
31279
+ .k-editor-inline:hover, .k-editor-inline.k-active, .k-editor-inline.k-active {
31470
31280
  border-color: rgba(0, 0, 0, 0.08);
31471
31281
  }
31472
31282
 
@@ -31479,7 +31289,6 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31479
31289
  outline-color: #8cf;
31480
31290
  }
31481
31291
 
31482
- .k-ct-popup .k-state-selected,
31483
31292
  .k-ct-popup .k-selected {
31484
31293
  border-color: rgba(0, 0, 0, 0.08);
31485
31294
  color: white;
@@ -31543,7 +31352,7 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31543
31352
 
31544
31353
  .k-imageeditor-action-pane {
31545
31354
  padding: 32px 16px;
31546
- width: calc(240px + 1px);
31355
+ width: 241px;
31547
31356
  border-width: 0;
31548
31357
  border-left-width: 1px;
31549
31358
  border-style: solid;
@@ -31591,14 +31400,14 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31591
31400
 
31592
31401
  .k-imageeditor-crop .k-resize-n,
31593
31402
  .k-imageeditor-crop .k-resize-s {
31594
- left: calc( 50% - (7.5px));
31403
+ left: calc(50% - 7.5px);
31595
31404
  width: 15px;
31596
31405
  height: 0;
31597
31406
  }
31598
31407
 
31599
31408
  .k-imageeditor-crop .k-resize-w,
31600
31409
  .k-imageeditor-crop .k-resize-e {
31601
- top: calc( 50% - (7.5px));
31410
+ top: calc(50% - 7.5px);
31602
31411
  width: 0;
31603
31412
  height: 15px;
31604
31413
  }
@@ -31649,7 +31458,7 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31649
31458
  .k-imageeditor-canvas {
31650
31459
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.09) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.09) 75%, rgba(0, 0, 0, 0.09) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.09) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.09) 75%, rgba(0, 0, 0, 0.09) 0), white;
31651
31460
  background-repeat: repeat, repeat;
31652
- background-position: 0px 0px, calc(10px / 2) calc(10px / 2);
31461
+ background-position: 0px 0px, 5px 5px;
31653
31462
  transform-origin: 0 0 0;
31654
31463
  background-origin: padding-box, padding-box;
31655
31464
  background-size: 10px 10px, 10px 10px;
@@ -31694,7 +31503,7 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31694
31503
  }
31695
31504
 
31696
31505
  .k-gantt .k-grid-header tr {
31697
- height: calc( 1.4285714286em + 16px + 1px);
31506
+ height: calc(1.4285714286em + 17px);
31698
31507
  }
31699
31508
 
31700
31509
  .k-gantt .k-grid-header .k-header {
@@ -31706,11 +31515,11 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31706
31515
  }
31707
31516
 
31708
31517
  .k-gantt .k-grid-content tr {
31709
- height: calc( 1.4285714286em + 16px + 0px);
31518
+ height: calc(1.4285714286em + 16px);
31710
31519
  }
31711
31520
 
31712
31521
  .k-gantt.k-gantt-planned .k-grid-content tr {
31713
- height: calc( 2.4285714286em + 16px + 0px);
31522
+ height: calc(2.4285714286em + 16px);
31714
31523
  }
31715
31524
 
31716
31525
  .k-gantt .k-gantt-layout {
@@ -31754,7 +31563,6 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31754
31563
  white-space: nowrap;
31755
31564
  }
31756
31565
 
31757
- .k-gantt .k-treelist-scrollable tr.k-state-selected > td:last-child,
31758
31566
  .k-gantt .k-treelist-scrollable tr.k-selected > td:last-child {
31759
31567
  background: transparent;
31760
31568
  }
@@ -31877,8 +31685,8 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31877
31685
  .k-gantt-toolbar .k-gantt-pdf,
31878
31686
  .k-gantt-toolbar .k-gantt-create {
31879
31687
  padding: 4px;
31880
- width: calc( 1.4285714286em + 8px + 2px);
31881
- height: calc( 1.4285714286em + 8px + 2px);
31688
+ width: calc(1.4285714286em + 10px);
31689
+ height: calc(1.4285714286em + 10px);
31882
31690
  }
31883
31691
  .k-gantt-toolbar .k-gantt-pdf .k-button-text,
31884
31692
  .k-gantt-toolbar .k-gantt-create .k-button-text {
@@ -31914,7 +31722,7 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31914
31722
  }
31915
31723
 
31916
31724
  .k-gantt-treelist .k-grid-header tr {
31917
- height: calc( 2.8571428571em + 32px + 2px);
31725
+ height: calc(2.8571428572em + 34px);
31918
31726
  vertical-align: bottom;
31919
31727
  }
31920
31728
 
@@ -31928,7 +31736,7 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31928
31736
  }
31929
31737
 
31930
31738
  .k-gantt-treelist .k-gantt-treelist-nested-columns .k-grid-header tr {
31931
- height: calc( 1.4285714286em + 16px + 1px);
31739
+ height: calc(1.4285714286em + 17px);
31932
31740
  }
31933
31741
 
31934
31742
  .k-gantt-treelist.k-gantt-treelist-scrollable .k-grid-content {
@@ -31997,7 +31805,6 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
31997
31805
  position: absolute;
31998
31806
  }
31999
31807
 
32000
- .k-gantt-line.k-state-selected,
32001
31808
  .k-gantt-line.k-selected {
32002
31809
  z-index: 3;
32003
31810
  }
@@ -32049,8 +31856,8 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
32049
31856
  }
32050
31857
 
32051
31858
  .k-task-dot {
32052
- width: calc( 8px + 8px);
32053
- height: calc( 8px + 8px);
31859
+ width: 16px;
31860
+ height: 16px;
32054
31861
  line-height: 1;
32055
31862
  cursor: pointer;
32056
31863
  display: none;
@@ -32079,7 +31886,6 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
32079
31886
  }
32080
31887
 
32081
31888
  .k-task-dot:hover::before,
32082
- .k-task-dot.k-state-hover::before,
32083
31889
  .k-task-dot.k-hover::before {
32084
31890
  border-width: 1px;
32085
31891
  }
@@ -32321,7 +32127,7 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
32321
32127
 
32322
32128
  .k-task-planned .k-task-moment {
32323
32129
  border-width: 2px;
32324
- border-radius: calc( ( 4px + 6px ) / 2);
32130
+ border-radius: 5px;
32325
32131
  border-style: solid;
32326
32132
  height: 6px;
32327
32133
  width: 6px;
@@ -32332,15 +32138,15 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
32332
32138
  }
32333
32139
 
32334
32140
  .k-task-planned .k-task-moment.k-moment-left {
32335
- margin-left: calc( 2px / 2 - calc( ( 4px + 6px ) / 2));
32141
+ margin-left: -4px;
32336
32142
  }
32337
32143
 
32338
32144
  .k-task-planned:hover .k-task-duration {
32339
- height: calc( 2px + 1px);
32145
+ height: 3px;
32340
32146
  }
32341
32147
 
32342
32148
  .k-milestone-wrap .k-task-moment {
32343
- margin-left: calc( 6px / 2);
32149
+ margin-left: 3px;
32344
32150
  }
32345
32151
 
32346
32152
  .k-planned-tooltip .k-task-content {
@@ -32548,7 +32354,6 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
32548
32354
  background-color: #424242;
32549
32355
  }
32550
32356
 
32551
- .k-gantt .k-treelist-scrollable .k-task-milestone.k-state-selected .k-task-milestone-content,
32552
32357
  .k-gantt .k-treelist-scrollable .k-task-milestone.k-selected .k-task-milestone-content {
32553
32358
  border-color: rgba(0, 0, 0, 0.08);
32554
32359
  background-color: #ff6358;
@@ -32559,7 +32364,6 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
32559
32364
  stroke: black;
32560
32365
  }
32561
32366
 
32562
- .k-gantt .k-gantt-dependencies-svg polyline.k-state-selected,
32563
32367
  .k-gantt .k-gantt-dependencies-svg polyline.k-selected {
32564
32368
  stroke: #ff6358;
32565
32369
  }
@@ -32582,7 +32386,6 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
32582
32386
  }
32583
32387
 
32584
32388
  .k-task-dot:hover::before,
32585
- .k-task-dot.k-state-hover::before,
32586
32389
  .k-task-dot.k-hover::before {
32587
32390
  border-color: #424242;
32588
32391
  background-color: #ffffff;
@@ -32601,7 +32404,6 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
32601
32404
  background-color: #37b400;
32602
32405
  }
32603
32406
 
32604
- .k-task-milestone.k-state-selected,
32605
32407
  .k-task-milestone.k-selected {
32606
32408
  background-image: none;
32607
32409
  border-color: rgba(0, 0, 0, 0.08);
@@ -32632,12 +32434,10 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
32632
32434
  color: #37b400;
32633
32435
  }
32634
32436
 
32635
- .k-task-summary.k-state-selected,
32636
32437
  .k-task-summary.k-selected {
32637
32438
  color: #ffaea8;
32638
32439
  }
32639
32440
 
32640
- .k-task-summary.k-state-selected .k-task-summary-complete,
32641
32441
  .k-task-summary.k-selected .k-task-summary-complete {
32642
32442
  color: #ff6358;
32643
32443
  }
@@ -32667,13 +32467,11 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
32667
32467
  background-color: #37b400;
32668
32468
  }
32669
32469
 
32670
- .k-task-single.k-state-selected,
32671
32470
  .k-task-single.k-selected {
32672
32471
  color: white;
32673
32472
  background-color: #ffaea8;
32674
32473
  }
32675
32474
 
32676
- .k-task-single.k-state-selected .k-task-complete,
32677
32475
  .k-task-single.k-selected .k-task-complete {
32678
32476
  background-color: #ff6358;
32679
32477
  }
@@ -32682,7 +32480,6 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
32682
32480
  color: black;
32683
32481
  }
32684
32482
 
32685
- .k-gantt-line.k-state-selected,
32686
32483
  .k-gantt-line.k-selected {
32687
32484
  color: #ff6358;
32688
32485
  }
@@ -33141,7 +32938,7 @@ kendo-scheduler .k-event > div,
33141
32938
 
33142
32939
  kendo-scheduler .k-event .k-event-template,
33143
32940
  .k-event .k-event-template {
33144
- line-height: calc( 25px - (2 * 4px));
32941
+ line-height: 17px;
33145
32942
  padding: 4px 8px;
33146
32943
  }
33147
32944
 
@@ -33169,9 +32966,8 @@ kendo-scheduler .k-event .k-event-actions .k-event-delete,
33169
32966
  visibility: hidden;
33170
32967
  }
33171
32968
 
33172
- 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,
32969
+ kendo-scheduler .k-event .k-event-actions:hover .k-event-delete, kendo-scheduler .k-event .k-event-actions.k-hover .k-event-delete,
33173
32970
  .k-event .k-event-actions:hover .k-event-delete,
33174
- .k-event .k-event-actions.k-state-hover .k-event-delete,
33175
32971
  .k-event .k-event-actions.k-hover .k-event-delete {
33176
32972
  opacity: 1;
33177
32973
  }
@@ -33252,13 +33048,10 @@ kendo-scheduler .k-event .k-resize-e::before,
33252
33048
  }
33253
33049
 
33254
33050
  kendo-scheduler .k-event:hover .k-event-actions .k-event-delete,
33255
- kendo-scheduler .k-event:hover .k-resize-handle, kendo-scheduler .k-event.k-state-hover .k-event-actions .k-event-delete,
33256
- kendo-scheduler .k-event.k-state-hover .k-resize-handle, kendo-scheduler .k-event.k-hover .k-event-actions .k-event-delete,
33051
+ kendo-scheduler .k-event:hover .k-resize-handle, kendo-scheduler .k-event.k-hover .k-event-actions .k-event-delete,
33257
33052
  kendo-scheduler .k-event.k-hover .k-resize-handle,
33258
33053
  .k-event:hover .k-event-actions .k-event-delete,
33259
33054
  .k-event:hover .k-resize-handle,
33260
- .k-event.k-state-hover .k-event-actions .k-event-delete,
33261
- .k-event.k-state-hover .k-resize-handle,
33262
33055
  .k-event.k-hover .k-event-actions .k-event-delete,
33263
33056
  .k-event.k-hover .k-resize-handle {
33264
33057
  visibility: visible;
@@ -33473,11 +33266,9 @@ kendo-scheduler .k-recurrence-editor {
33473
33266
  visibility: hidden;
33474
33267
  }
33475
33268
 
33476
- .k-scheduler-agendaview .k-state-hover .k-task > .k-event-delete,
33477
33269
  .k-scheduler-agendaview .k-hover .k-task > .k-event-delete,
33478
33270
  .k-scheduler-agendaview .k-scheduler-content tr:hover .k-event-delete,
33479
33271
  .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row:hover .k-event-delete,
33480
- .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row.k-state-hover .k-event-delete,
33481
33272
  .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row.k-hover .k-event-delete {
33482
33273
  visibility: visible;
33483
33274
  }
@@ -33551,18 +33342,17 @@ kendo-scheduler .k-recurrence-editor {
33551
33342
  position: relative;
33552
33343
  }
33553
33344
 
33554
- .k-scheduler-yearview .k-calendar td.k-state-selected,
33555
33345
  .k-scheduler-yearview .k-calendar td.k-selected {
33556
33346
  background-color: inherit;
33557
33347
  }
33558
33348
 
33559
33349
  .k-scheduler-yearview .k-day-indicator {
33560
- margin-top: calc( 32px - (0.25em * 2));
33350
+ margin-top: calc(32px - 0.5em);
33561
33351
  width: 3px;
33562
33352
  height: 3px;
33563
33353
  border-radius: 50%;
33564
33354
  position: absolute;
33565
- left: calc( 50% - (3px / 2));
33355
+ left: calc(50% - 1.5px);
33566
33356
  }
33567
33357
 
33568
33358
  .k-scheduler-tooltip {
@@ -33734,9 +33524,13 @@ kendo-scheduler .k-recurrence-editor {
33734
33524
  float: right;
33735
33525
  }
33736
33526
 
33527
+ .k-rtl .k-scheduler .k-i-caret-alt-left,
33528
+ .k-rtl .k-scheduler .k-i-caret-alt-right,
33737
33529
  .k-rtl .k-scheduler .k-i-arrow-60-left,
33738
33530
  .k-rtl .k-scheduler .k-i-arrow-60-right,
33739
- .k-rtl .k-scheduler .k-current-time-arrow-right, .k-rtl.k-scheduler .k-i-arrow-60-left,
33531
+ .k-rtl .k-scheduler .k-current-time-arrow-right, .k-rtl.k-scheduler .k-i-caret-alt-left,
33532
+ .k-rtl.k-scheduler .k-i-caret-alt-right,
33533
+ .k-rtl.k-scheduler .k-i-arrow-60-left,
33740
33534
  .k-rtl.k-scheduler .k-i-arrow-60-right,
33741
33535
  .k-rtl.k-scheduler .k-current-time-arrow-right {
33742
33536
  transform: scaleX(-1);
@@ -33825,9 +33619,7 @@ kendo-scheduler .k-recurrence-editor {
33825
33619
  background-color: whitesmoke;
33826
33620
  }
33827
33621
 
33828
- .k-scheduler-layout td.k-state-selected,
33829
33622
  .k-scheduler-layout td.k-selected,
33830
- .k-scheduler-layout .k-scheduler-cell.k-state-selected,
33831
33623
  .k-scheduler-layout .k-scheduler-cell.k-selected {
33832
33624
  background-color: rgba(255, 99, 88, 0.25);
33833
33625
  }
@@ -33842,7 +33634,7 @@ kendo-scheduler .k-recurrence-editor {
33842
33634
  background-color: #ff7c73;
33843
33635
  }
33844
33636
 
33845
- .k-event.k-state-selected, .k-event.k-selected {
33637
+ .k-event.k-selected {
33846
33638
  color: white;
33847
33639
  background-color: #ff6358;
33848
33640
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
@@ -33866,10 +33658,8 @@ kendo-scheduler .k-recurrence-editor {
33866
33658
  }
33867
33659
 
33868
33660
  .k-scheduler-agendaview .k-scheduler-content tr:hover,
33869
- .k-scheduler-agendaview .k-scheduler-content tr.k-state-hover,
33870
33661
  .k-scheduler-agendaview .k-scheduler-content tr.k-hover,
33871
33662
  .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row:hover,
33872
- .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row.k-state-hover,
33873
33663
  .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row.k-hover {
33874
33664
  border-color: rgba(0, 0, 0, 0.08);
33875
33665
  color: #424242;
@@ -33879,23 +33669,18 @@ kendo-scheduler .k-recurrence-editor {
33879
33669
 
33880
33670
  .k-scheduler-agendaview .k-scheduler-content tr:hover .k-scheduler-datecolumn,
33881
33671
  .k-scheduler-agendaview .k-scheduler-content tr:hover .k-scheduler-groupcolumn,
33882
- .k-scheduler-agendaview .k-scheduler-content tr.k-state-hover .k-scheduler-datecolumn,
33883
33672
  .k-scheduler-agendaview .k-scheduler-content tr.k-hover .k-scheduler-datecolumn,
33884
- .k-scheduler-agendaview .k-scheduler-content tr.k-state-hover .k-scheduler-groupcolumn,
33885
33673
  .k-scheduler-agendaview .k-scheduler-content tr.k-hover .k-scheduler-groupcolumn {
33886
33674
  border-color: rgba(0, 0, 0, 0.08);
33887
33675
  color: #424242;
33888
33676
  background-color: #ffffff;
33889
33677
  }
33890
33678
 
33891
- .k-scheduler-agendaview .k-scheduler-content tr.k-state-selected,
33892
33679
  .k-scheduler-agendaview .k-scheduler-content tr.k-selected {
33893
33680
  background-color: rgba(255, 99, 88, 0.25);
33894
33681
  }
33895
33682
 
33896
- .k-scheduler-agendaview .k-scheduler-content tr.k-state-selected .k-scheduler-datecolumn,
33897
33683
  .k-scheduler-agendaview .k-scheduler-content tr.k-selected .k-scheduler-datecolumn,
33898
- .k-scheduler-agendaview .k-scheduler-content tr.k-state-selected .k-scheduler-groupcolumn,
33899
33684
  .k-scheduler-agendaview .k-scheduler-content tr.k-selected .k-scheduler-groupcolumn {
33900
33685
  background-color: #ffffff;
33901
33686
  }
@@ -33904,7 +33689,6 @@ kendo-scheduler .k-recurrence-editor {
33904
33689
  background-color: #ff6358;
33905
33690
  }
33906
33691
 
33907
- .k-scheduler-yearview .k-state-selected .k-day-indicator,
33908
33692
  .k-scheduler-yearview .k-selected .k-day-indicator {
33909
33693
  background-color: white;
33910
33694
  }
@@ -34072,7 +33856,6 @@ kendo-scheduler .k-recurrence-editor {
34072
33856
  text-decoration: underline;
34073
33857
  }
34074
33858
 
34075
- .k-chat .k-message.k-state-selected,
34076
33859
  .k-chat .k-message.k-selected {
34077
33860
  margin-bottom: 16px;
34078
33861
  border: 0;
@@ -34080,12 +33863,10 @@ kendo-scheduler .k-recurrence-editor {
34080
33863
  background: none;
34081
33864
  }
34082
33865
 
34083
- .k-chat .k-message.k-state-selected .k-message-time,
34084
33866
  .k-chat .k-message.k-selected .k-message-time {
34085
33867
  opacity: 1;
34086
33868
  }
34087
33869
 
34088
- .k-chat .k-message.k-state-selected .k-message-status,
34089
33870
  .k-chat .k-message.k-selected .k-message-status {
34090
33871
  height: 1.2em;
34091
33872
  }
@@ -34119,11 +33900,11 @@ kendo-scheduler .k-recurrence-editor {
34119
33900
  }
34120
33901
 
34121
33902
  .k-chat .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
34122
- padding-left: calc( 32px + 8px);
33903
+ padding-left: 40px;
34123
33904
  }
34124
33905
 
34125
33906
  .k-chat .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
34126
- padding-right: calc( 32px + 8px);
33907
+ padding-right: 40px;
34127
33908
  }
34128
33909
 
34129
33910
  .k-author {
@@ -34157,7 +33938,9 @@ kendo-scheduler .k-recurrence-editor {
34157
33938
  border-style: solid;
34158
33939
  line-height: 18px;
34159
33940
  cursor: pointer;
34160
- user-select: none;
33941
+ -webkit-user-select: none;
33942
+ -ms-user-select: none;
33943
+ user-select: none;
34161
33944
  display: inline-block;
34162
33945
  flex: 0 0 auto;
34163
33946
  transition-property: color, background-color, border-color;
@@ -34204,7 +33987,7 @@ kendo-scheduler .k-recurrence-editor {
34204
33987
  align-items: center;
34205
33988
  }
34206
33989
 
34207
- .k-message-box:focus, .k-message-box.k-state-focus, .k-message-box.k-focus, .k-message-box:focus-within {
33990
+ .k-message-box:focus, .k-message-box.k-focus, .k-message-box:focus-within {
34208
33991
  outline: 0;
34209
33992
  box-shadow: none;
34210
33993
  }
@@ -34269,7 +34052,7 @@ kendo-scheduler .k-recurrence-editor {
34269
34052
  flex: 0 0 auto;
34270
34053
  }
34271
34054
 
34272
- .k-chat .k-card-deck .k-card-wrap.k-state-selected, .k-chat .k-card-deck .k-card-wrap.k-selected {
34055
+ .k-chat .k-card-deck .k-card-wrap.k-selected {
34273
34056
  background: none;
34274
34057
  }
34275
34058
 
@@ -34419,13 +34202,13 @@ kendo-scheduler .k-recurrence-editor {
34419
34202
  .k-rtl .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar),
34420
34203
  [dir="rtl"] .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
34421
34204
  padding-left: 0;
34422
- padding-right: calc( 32px + 8px);
34205
+ padding-right: 40px;
34423
34206
  }
34424
34207
 
34425
34208
  .k-rtl .k-avatars .k-message-group.k-alt:not(.k-no-avatar),
34426
34209
  [dir="rtl"] .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
34427
34210
  padding-right: 0;
34428
- padding-left: calc( 32px + 8px);
34211
+ padding-left: 40px;
34429
34212
  }
34430
34213
 
34431
34214
  .k-rtl .k-chat .k-card-deck .k-card-wrap + .k-card-wrap,
@@ -34475,7 +34258,6 @@ kendo-scheduler .k-recurrence-editor {
34475
34258
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
34476
34259
  }
34477
34260
 
34478
- .k-chat .k-state-selected .k-bubble,
34479
34261
  .k-chat .k-selected .k-bubble {
34480
34262
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
34481
34263
  }
@@ -34491,7 +34273,6 @@ kendo-scheduler .k-recurrence-editor {
34491
34273
  box-shadow: 0 1px 2px rgba(255, 99, 88, 0.2);
34492
34274
  }
34493
34275
 
34494
- .k-chat .k-alt .k-state-selected .k-bubble,
34495
34276
  .k-chat .k-alt .k-selected .k-bubble {
34496
34277
  box-shadow: 0 3px 10px rgba(255, 99, 88, 0.4);
34497
34278
  }
@@ -34656,7 +34437,7 @@ kendo-scheduler .k-recurrence-editor {
34656
34437
  border-radius: 4px;
34657
34438
  line-height: 1.4285714286;
34658
34439
  min-width: 80px;
34659
- max-width: calc(80px + 2 * 40px);
34440
+ max-width: 160px;
34660
34441
  position: relative;
34661
34442
  z-index: 1;
34662
34443
  }
@@ -34736,11 +34517,11 @@ kendo-scheduler .k-recurrence-editor {
34736
34517
  }
34737
34518
 
34738
34519
  .k-timeline-vertical {
34739
- padding-left: calc(calc(40px + (80px - 6px) / 2) + 50px);
34520
+ padding-left: 127px;
34740
34521
  }
34741
34522
 
34742
34523
  .k-timeline-vertical.k-timeline-dates-hidden {
34743
- padding-left: calc(40px + (80px - 6px) / 2);
34524
+ padding-left: 77px;
34744
34525
  }
34745
34526
 
34746
34527
  .k-timeline-vertical::after {
@@ -34783,7 +34564,7 @@ kendo-scheduler .k-recurrence-editor {
34783
34564
 
34784
34565
  .k-timeline-vertical .k-timeline-card .k-card {
34785
34566
  margin-left: 16px;
34786
- min-height: calc(2 * (36px - 1px));
34567
+ min-height: 70px;
34787
34568
  width: 400px;
34788
34569
  max-width: 100%;
34789
34570
  }
@@ -34935,9 +34716,9 @@ kendo-scheduler .k-recurrence-editor {
34935
34716
 
34936
34717
  .k-timeline-horizontal .k-timeline-track-wrap::after {
34937
34718
  top: auto;
34938
- bottom: calc((30px / 2) + 3px);
34939
- left: calc(30px - 2 * 1px);
34940
- right: calc(30px - 2 * 1px);
34719
+ bottom: 18px;
34720
+ left: 28px;
34721
+ right: 28px;
34941
34722
  transform: translateY(-50%);
34942
34723
  height: 6px;
34943
34724
  }
@@ -34954,7 +34735,7 @@ kendo-scheduler .k-recurrence-editor {
34954
34735
  }
34955
34736
 
34956
34737
  .k-timeline-horizontal .k-timeline-track-wrap .k-timeline-flag {
34957
- margin-bottom: calc(6px + 2 * 1px + 4px + 10px);
34738
+ margin-bottom: 22px;
34958
34739
  position: relative;
34959
34740
  min-width: 60px;
34960
34741
  }
@@ -34980,7 +34761,7 @@ kendo-scheduler .k-recurrence-editor {
34980
34761
  height: 30px;
34981
34762
  border-radius: 50%;
34982
34763
  position: absolute;
34983
- bottom: calc(6px + 3px + 2 * 1px);
34764
+ bottom: 11px;
34984
34765
  z-index: 3;
34985
34766
  display: flex;
34986
34767
  align-items: center;
@@ -35001,7 +34782,7 @@ kendo-scheduler .k-recurrence-editor {
35001
34782
  }
35002
34783
 
35003
34784
  .k-timeline-mobile .k-timeline-flag {
35004
- max-width: calc(80px + 2 * 16px);
34785
+ max-width: 112px;
35005
34786
  }
35006
34787
 
35007
34788
  .k-timeline-mobile.k-timeline-horizontal .k-timeline-flag-wrap {
@@ -35009,11 +34790,11 @@ kendo-scheduler .k-recurrence-editor {
35009
34790
  }
35010
34791
 
35011
34792
  .k-timeline-mobile.k-timeline-vertical {
35012
- padding-left: calc(calc(16px + (80px - 6px) / 2) + 50px);
34793
+ padding-left: 103px;
35013
34794
  }
35014
34795
 
35015
34796
  .k-timeline-mobile.k-timeline-vertical.k-timeline-dates-hidden {
35016
- padding-left: calc(16px + (80px - 6px) / 2);
34797
+ padding-left: 53px;
35017
34798
  }
35018
34799
 
35019
34800
  .k-timeline-mobile.k-timeline-vertical.k-timeline-alternating {
@@ -35062,7 +34843,6 @@ kendo-scheduler .k-recurrence-editor {
35062
34843
  color: #424242;
35063
34844
  }
35064
34845
 
35065
- .k-timeline .k-timeline-arrow.k-state-disabled,
35066
34846
  .k-timeline .k-timeline-arrow.k-disabled {
35067
34847
  opacity: 1;
35068
34848
  color: #848484;
@@ -35080,7 +34860,6 @@ kendo-scheduler .k-recurrence-editor {
35080
34860
  background-color: #ff6358;
35081
34861
  }
35082
34862
 
35083
- .k-timeline-track-item.k-state-focus .k-timeline-circle,
35084
34863
  .k-timeline-track-item.k-focus .k-timeline-circle {
35085
34864
  box-shadow: 0 3px 4px 0 rgba(255, 99, 88, 0.4);
35086
34865
  }
@@ -35089,6 +34868,7 @@ kendo-scheduler .k-recurrence-editor {
35089
34868
  border-width: 1px;
35090
34869
  border-style: solid;
35091
34870
  box-sizing: border-box;
34871
+ position: relative;
35092
34872
  outline: 0;
35093
34873
  font-family: inherit;
35094
34874
  font-size: 14px;
@@ -35118,27 +34898,33 @@ kendo-scheduler .k-recurrence-editor {
35118
34898
  overflow: visible;
35119
34899
  }
35120
34900
 
35121
- .k-pdf-viewer .k-list-scroller {
34901
+ .k-pdf-viewer .k-canvas {
34902
+ display: flex;
34903
+ flex-direction: column;
35122
34904
  flex: 1 1 auto;
35123
34905
  outline: none;
35124
34906
  }
35125
34907
 
35126
- .k-pdf-viewer .k-list-scroller .k-enable-text-select {
34908
+ .k-pdf-viewer .k-canvas .k-enable-text-select, .k-pdf-viewer .k-canvas.k-enable-text-select {
35127
34909
  -webkit-user-select: text;
35128
- -moz-user-select: text;
35129
34910
  -ms-user-select: text;
35130
34911
  user-select: text;
35131
34912
  cursor: text;
35132
34913
  }
35133
34914
 
35134
- .k-pdf-viewer .k-list-scroller .k-enable-panning {
34915
+ .k-pdf-viewer .k-canvas .k-enable-panning, .k-pdf-viewer .k-canvas.k-enable-panning {
35135
34916
  cursor: grab;
35136
34917
  }
35137
34918
 
35138
- .k-pdf-viewer .k-list-scroller .k-enable-panning span::selection {
34919
+ .k-pdf-viewer .k-canvas .k-enable-panning span::selection,
34920
+ .k-pdf-viewer .k-canvas.k-enable-panning span::selection {
35139
34921
  background-color: transparent;
35140
34922
  }
35141
34923
 
34924
+ .k-pdf-viewer .k-pdf-viewer-pages {
34925
+ flex: 1 1 auto;
34926
+ }
34927
+
35142
34928
  .k-pdf-viewer .k-page {
35143
34929
  position: relative;
35144
34930
  margin: 30px auto;
@@ -35167,11 +34953,38 @@ kendo-scheduler .k-recurrence-editor {
35167
34953
  color: transparent;
35168
34954
  }
35169
34955
 
34956
+ .k-pdf-viewer .k-page .k-text-layer .k-search-highlight-mark {
34957
+ color: transparent;
34958
+ }
34959
+
34960
+ .k-pdf-viewer .k-blank-page {
34961
+ margin: 0;
34962
+ display: flex;
34963
+ flex-flow: column nowrap;
34964
+ width: 100%;
34965
+ height: 100%;
34966
+ align-items: center;
34967
+ justify-content: center;
34968
+ background-color: inherit !important;
34969
+ }
34970
+
34971
+ .k-pdf-viewer .k-blank-page .k-upload,
34972
+ .k-pdf-viewer .k-blank-page .k-dropzone,
34973
+ .k-pdf-viewer .k-blank-page .k-dropzone-inner {
34974
+ border: 0;
34975
+ background: none;
34976
+ }
34977
+
34978
+ .k-pdf-viewer .k-blank-page > .k-icon {
34979
+ font-size: 48px;
34980
+ }
34981
+
35170
34982
  .k-pdf-viewer-search-dialog {
35171
- padding: 8px;
34983
+ padding: 0 !important;
35172
34984
  }
35173
34985
 
35174
- .k-pdf-viewer-search-dialog .k-search-container {
34986
+ .k-search-panel, .k-search-container {
34987
+ padding: 16px 8px;
35175
34988
  display: flex;
35176
34989
  gap: 8px;
35177
34990
  flex-flow: row nowrap;
@@ -35180,22 +34993,32 @@ kendo-scheduler .k-recurrence-editor {
35180
34993
  align-items: center;
35181
34994
  }
35182
34995
 
35183
- .k-pdf-viewer-search-dialog .k-search-container .k-search-dialog-draghandle {
34996
+ .k-search-panel .k-search-dialog-draghandle, .k-search-container .k-search-dialog-draghandle {
35184
34997
  cursor: move;
35185
34998
  margin-left: 0;
35186
34999
  }
35187
35000
 
35188
- .k-pdf-viewer-search-dialog .k-search-container .k-textbox {
35001
+ .k-search-panel .k-textbox, .k-search-container .k-textbox {
35189
35002
  width: 10em;
35190
35003
  flex: none;
35191
35004
  }
35192
35005
 
35193
- .k-pdf-viewer-search-dialog .k-search-container .k-textbox .k-button {
35006
+ .k-search-panel .k-textbox .k-button, .k-search-container .k-textbox .k-button {
35194
35007
  border-width: 0;
35195
35008
  }
35196
35009
 
35197
- .k-pdf-viewer-search-dialog .k-search-container .k-search-matches {
35198
- flex: 1 1 auto;
35010
+ .k-search-panel .k-search-matches, .k-search-container .k-search-matches {
35011
+ display: inline-flex;
35012
+ gap: 4px;
35013
+ }
35014
+
35015
+ .k-pdf-viewer-canvas > .k-search-panel, .k-pdf-viewer-canvas > .k-search-container {
35016
+ width: max-content;
35017
+ margin-top: calc(-1.4285714286em + -43px);
35018
+ border-width: 1px;
35019
+ border-style: solid;
35020
+ border-radius: 0;
35021
+ z-index: 10;
35199
35022
  }
35200
35023
 
35201
35024
  .k-ie .k-pdf-viewer-search-dialog .k-search-container > * + * {
@@ -35219,13 +35042,30 @@ kendo-scheduler .k-recurrence-editor {
35219
35042
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
35220
35043
  }
35221
35044
 
35045
+ .k-pdf-viewer .k-blank-page > .k-icon {
35046
+ color: #7e7e7e;
35047
+ }
35048
+
35222
35049
  .k-pdf-viewer .k-search-highlight {
35223
35050
  background-color: #424242;
35224
35051
  }
35225
35052
 
35053
+ .k-pdf-viewer .k-search-highlight-mark {
35054
+ background-color: yellow;
35055
+ }
35056
+
35057
+ .k-pdf-viewer-canvas > .k-search-panel, .k-pdf-viewer-canvas > .k-search-container {
35058
+ border-color: rgba(0, 0, 0, 0.08);
35059
+ color: #424242;
35060
+ background-color: #ffffff;
35061
+ box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.06);
35062
+ }
35063
+
35226
35064
  .km-scrollview,
35227
35065
  .km-scroll-container {
35228
- user-select: none;
35066
+ -webkit-user-select: none;
35067
+ -ms-user-select: none;
35068
+ user-select: none;
35229
35069
  border-collapse: separate;
35230
35070
  }
35231
35071
 
@@ -35340,7 +35180,9 @@ kendo-scrollview.k-scrollview,
35340
35180
 
35341
35181
  .k-scrollview-wrap .k-scrollview img,
35342
35182
  .k-scrollview .k-scrollview-wrap img {
35343
- user-select: none;
35183
+ -webkit-user-select: none;
35184
+ -ms-user-select: none;
35185
+ user-select: none;
35344
35186
  }
35345
35187
 
35346
35188
  .k-scrollview-wrap .k-scrollview > li,
@@ -35362,20 +35204,20 @@ kendo-scrollview.k-scrollview,
35362
35204
  .k-scrollview-wrap.k-scrollview-animate {
35363
35205
  display: flex;
35364
35206
  flex-flow: row nowrap;
35365
- width: calc( var(--kendo-scrollview-views, 1) * 100%);
35207
+ width: calc(var(--kendo-scrollview-views, 1)*100%);
35366
35208
  transition-duration: 0.3s;
35367
35209
  transition-timing-function: ease-in-out;
35368
- transform: translateX(calc( -100% / var(--kendo-scrollview-views, 1) * ( var(--kendo-scrollview-current, 1) - 1)));
35210
+ transform: translateX(calc(-100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
35369
35211
  }
35370
35212
 
35371
35213
  .k-scrollview-wrap.k-scrollview-animate .k-scrollview-view {
35372
- width: calc( 100% / var(--kendo-scrollview-views, 1));
35373
- flex: 0 0 calc( 100% / var(--kendo-scrollview-views, 1));
35214
+ width: calc(100%/var(--kendo-scrollview-views, 1));
35215
+ flex: 0 0 calc(100%/var(--kendo-scrollview-views, 1));
35374
35216
  }
35375
35217
 
35376
35218
  [dir="rtl"] .k-scrollview-wrap.k-scrollview-animate,
35377
35219
  .k-rtl .k-scrollview-wrap.k-scrollview-animate {
35378
- transform: translateX(calc( 100% / var(--kendo-scrollview-views, 1) * ( var(--kendo-scrollview-current, 1) - 1)));
35220
+ transform: translateX(calc(100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
35379
35221
  }
35380
35222
 
35381
35223
  kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager,
@@ -35387,7 +35229,7 @@ kendo-scrollview.k-scrollview kendo-scrollview-pager,
35387
35229
  left: 0;
35388
35230
  right: 0;
35389
35231
  bottom: 0;
35390
- height: calc( 10px + 0px + 40px);
35232
+ height: 50px;
35391
35233
  text-align: center;
35392
35234
  }
35393
35235
 
@@ -35463,7 +35305,9 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
35463
35305
  height: 60%;
35464
35306
  top: 20%;
35465
35307
  text-decoration: none;
35466
- user-select: none;
35308
+ -webkit-user-select: none;
35309
+ -ms-user-select: none;
35310
+ user-select: none;
35467
35311
  cursor: pointer;
35468
35312
  }
35469
35313
 
@@ -35561,24 +35405,21 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
35561
35405
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
35562
35406
  }
35563
35407
 
35564
- .k-scrollview-next:focus, .k-scrollview-next.k-state-focus, .k-scrollview-next.k-focus,
35408
+ .k-scrollview-next:focus, .k-scrollview-next.k-focus,
35565
35409
  .k-scrollview-prev:focus,
35566
- .k-scrollview-prev.k-state-focus,
35567
35410
  .k-scrollview-prev.k-focus {
35568
35411
  color: white;
35569
35412
  opacity: 1;
35570
35413
  }
35571
35414
 
35572
- .k-scrollview-next:focus .k-icon::before, .k-scrollview-next.k-state-focus .k-icon::before, .k-scrollview-next.k-focus .k-icon::before,
35415
+ .k-scrollview-next:focus .k-icon::before, .k-scrollview-next.k-focus .k-icon::before,
35573
35416
  .k-scrollview-prev:focus .k-icon::before,
35574
- .k-scrollview-prev.k-state-focus .k-icon::before,
35575
35417
  .k-scrollview-prev.k-focus .k-icon::before {
35576
35418
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
35577
35419
  }
35578
35420
 
35579
- .k-scrollview-next:hover, .k-scrollview-next.k-state-hover, .k-scrollview-next.k-hover,
35421
+ .k-scrollview-next:hover, .k-scrollview-next.k-hover,
35580
35422
  .k-scrollview-prev:hover,
35581
- .k-scrollview-prev.k-state-hover,
35582
35423
  .k-scrollview-prev.k-hover {
35583
35424
  color: white;
35584
35425
  opacity: 1;
@@ -35596,15 +35437,13 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
35596
35437
  border: #ff6358;
35597
35438
  }
35598
35439
 
35599
- .k-scrollview-pageable > .k-button:focus, .k-scrollview-pageable > .k-button.k-state-focused, .k-scrollview-pageable > .k-button.k-focus,
35440
+ .k-scrollview-pageable > .k-button:focus, .k-scrollview-pageable > .k-button.k-focus,
35600
35441
  .k-scrollview-nav > .k-link:focus,
35601
- .k-scrollview-nav > .k-link.k-state-focused,
35602
35442
  .k-scrollview-nav > .k-link.k-focus {
35603
35443
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
35604
35444
  }
35605
35445
 
35606
35446
  .k-scrollview-nav > .k-link:hover,
35607
- .k-scrollview-nav > .k-link.k-state-hover,
35608
35447
  .k-scrollview-nav > .k-link.k-hover {
35609
35448
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
35610
35449
  }
@@ -35676,8 +35515,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
35676
35515
  z-index: 12000;
35677
35516
  }
35678
35517
 
35679
- .k-sparkline-tooltip-wrapper > .k-popup,
35680
- .k-chart-tooltip-wrapper > .k-popup {
35518
+ .k-sparkline-tooltip-wrapper .k-popup,
35519
+ .k-chart-tooltip-wrapper .k-popup {
35681
35520
  padding: 0;
35682
35521
  border-width: 0;
35683
35522
  background: transparent;
@@ -35940,11 +35779,11 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
35940
35779
  }
35941
35780
 
35942
35781
  .k-treemap .k-treemap-title + .k-treemap-wrap {
35943
- top: calc( 4px + (1.4285714286 * 14px) + 1px);
35782
+ top: 25.0000000004px;
35944
35783
  }
35945
35784
 
35946
35785
  .k-treemap .k-treemap-title-vertical + .k-treemap-wrap {
35947
- left: calc( 4px + (1.4285714286 * 14px) + 1px);
35786
+ left: 25.0000000004px;
35948
35787
  }
35949
35788
 
35950
35789
  .k-treemap .k-leaf {
@@ -36320,7 +36159,7 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
36320
36159
  color: #424242;
36321
36160
  }
36322
36161
 
36323
- .k-treemap .k-leaf.k-state-hover,
36162
+ .k-treemap .k-leaf:hover,
36324
36163
  .k-treemap .k-leaf.k-hover {
36325
36164
  box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.08);
36326
36165
  }
@@ -36344,7 +36183,9 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
36344
36183
  .k-map .km-scroll-wrapper {
36345
36184
  width: 100%;
36346
36185
  height: 100%;
36347
- user-select: none;
36186
+ -webkit-user-select: none;
36187
+ -ms-user-select: none;
36188
+ user-select: none;
36348
36189
  position: absolute;
36349
36190
  }
36350
36191
 
@@ -36385,8 +36226,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
36385
36226
 
36386
36227
  .k-navigator {
36387
36228
  margin: 1em;
36388
- width: calc( 48px + 4px);
36389
- height: calc( 48px + 4px);
36229
+ width: 52px;
36230
+ height: 52px;
36390
36231
  border-width: 1px;
36391
36232
  border-style: solid;
36392
36233
  box-sizing: border-box;
@@ -36579,7 +36420,7 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
36579
36420
  border-color: transparent;
36580
36421
  }
36581
36422
 
36582
- .k-orgchart-card:focus, .k-orgchart-card.k-focus, .k-orgchart-card.k-state-focus {
36423
+ .k-orgchart-card:focus, .k-orgchart-card.k-focus {
36583
36424
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
36584
36425
  }
36585
36426
 
@@ -36590,9 +36431,6 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
36590
36431
  }
36591
36432
 
36592
36433
  .k-orgchart-node-group-container:focus,
36593
- .k-orgchart-node-group-container.k-focus,
36594
- .k-orgchart-node-group-container.k-state-focus,
36595
- .k-orgchart-node-group-container.k-state-focused,
36596
36434
  .k-orgchart-node-group-container.k-focus {
36597
36435
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
36598
36436
  border-color: rgba(0, 0, 0, 0.15);
@@ -36609,7 +36447,7 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
36609
36447
 
36610
36448
  .k-signature {
36611
36449
  width: 250px;
36612
- height: 84px;
36450
+ min-height: 84px;
36613
36451
  position: relative;
36614
36452
  box-sizing: border-box;
36615
36453
  display: flex;
@@ -36646,36 +36484,38 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
36646
36484
 
36647
36485
  .k-signature-line {
36648
36486
  position: absolute;
36649
- z-index: 0;
36487
+ bottom: 33%;
36488
+ z-index: 2;
36489
+ pointer-events: none;
36650
36490
  border-bottom-width: 1px;
36651
36491
  border-bottom-style: dashed;
36652
36492
  }
36653
36493
 
36654
36494
  .k-signature-sm {
36655
- padding: 2px;
36495
+ padding-inline: 2px;
36496
+ padding-block: 2px;
36656
36497
  }
36657
36498
 
36658
36499
  .k-signature-sm .k-signature-line {
36659
- width: calc( 100% - 2 * 2px);
36660
- bottom: calc( calc( 1.4285714286em + 8px + 2px) + 2px);
36500
+ width: calc(100% - 4px);
36661
36501
  }
36662
36502
 
36663
36503
  .k-signature-md {
36664
- padding: 4px;
36504
+ padding-inline: 4px;
36505
+ padding-block: 4px;
36665
36506
  }
36666
36507
 
36667
36508
  .k-signature-md .k-signature-line {
36668
- width: calc( 100% - 2 * 4px);
36669
- bottom: calc( calc( 1.4285714286em + 8px + 2px) + 4px);
36509
+ width: calc(100% - 8px);
36670
36510
  }
36671
36511
 
36672
36512
  .k-signature-lg {
36673
- padding: 6px;
36513
+ padding-inline: 8px;
36514
+ padding-block: 8px;
36674
36515
  }
36675
36516
 
36676
36517
  .k-signature-lg .k-signature-line {
36677
- width: calc( 100% - 2 * 6px);
36678
- bottom: calc( calc( 1.4285714286em + 8px + 2px) + 6px);
36518
+ width: calc(100% - 16px);
36679
36519
  }
36680
36520
 
36681
36521
  .k-signature .k-signature-line {