@progress/kendo-theme-default 5.4.0 → 5.4.1

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 (71) hide show
  1. package/dist/all.css +472 -209
  2. package/dist/all.scss +455 -178
  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 +2 -2
  15. package/scss/action-sheet/_theme.scss +6 -3
  16. package/scss/adaptive/_theme.scss +4 -2
  17. package/scss/bottom-navigation/_layout.scss +2 -1
  18. package/scss/bottom-navigation/_theme.scss +8 -2
  19. package/scss/breadcrumb/_theme.scss +10 -5
  20. package/scss/calendar/_layout.scss +2 -1
  21. package/scss/calendar/_theme.scss +6 -0
  22. package/scss/chat/_layout.scss +5 -2
  23. package/scss/chat/_theme.scss +4 -2
  24. package/scss/colorpalette/_layout.scss +4 -1
  25. package/scss/colorpalette/_theme.scss +1 -0
  26. package/scss/common/_base.scss +1 -0
  27. package/scss/core/mixins/_input-ripple.scss +4 -2
  28. package/scss/dataviz/_theme.scss +2 -1
  29. package/scss/drawer/_theme.scss +10 -5
  30. package/scss/editor/_layout.scss +4 -2
  31. package/scss/editor/_theme.scss +6 -3
  32. package/scss/expansion-panel/_theme.scss +6 -3
  33. package/scss/filemanager/_theme.scss +2 -1
  34. package/scss/gantt/_layout.scss +6 -3
  35. package/scss/gantt/_theme.scss +14 -7
  36. package/scss/grid/_theme.scss +80 -23
  37. package/scss/input/_layout.scss +8 -0
  38. package/scss/listview/_theme.scss +4 -2
  39. package/scss/orgchart/_theme.scss +2 -1
  40. package/scss/pager/_layout.scss +6 -3
  41. package/scss/pager/_theme.scss +20 -10
  42. package/scss/panelbar/_theme.scss +53 -14
  43. package/scss/pivotgrid/_theme.scss +7 -1
  44. package/scss/progressbar/_layout.scss +22 -10
  45. package/scss/progressbar/_theme.scss +2 -1
  46. package/scss/radio/_layout.scss +2 -1
  47. package/scss/radio/_theme.scss +6 -3
  48. package/scss/rating/_theme.scss +10 -5
  49. package/scss/scheduler/_layout.scss +9 -4
  50. package/scss/scheduler/_theme.scss +20 -8
  51. package/scss/scrollview/_theme.scss +8 -4
  52. package/scss/slider/_layout.scss +2 -1
  53. package/scss/slider/_theme.scss +6 -3
  54. package/scss/splitter/_theme.scss +4 -1
  55. package/scss/spreadsheet/_layout.scss +6 -3
  56. package/scss/spreadsheet/_theme.scss +13 -6
  57. package/scss/stepper/_layout.scss +2 -1
  58. package/scss/stepper/_theme.scss +2 -1
  59. package/scss/tabstrip/_layout.scss +14 -7
  60. package/scss/tabstrip/_theme.scss +11 -5
  61. package/scss/taskboard/_theme.scss +2 -1
  62. package/scss/tilelayout/_theme.scss +2 -1
  63. package/scss/timeline/_theme.scss +4 -2
  64. package/scss/timeselector/_layout.scss +2 -1
  65. package/scss/timeselector/_theme.scss +2 -1
  66. package/scss/treelist/_layout.scss +2 -1
  67. package/scss/upload/_layout.scss +2 -1
  68. package/scss/upload/_theme.scss +5 -2
  69. package/scss/window/_theme.scss +2 -1
  70. package/scss/wizard/_layout.scss +2 -1
  71. package/scss/wizard/_theme.scss +4 -2
package/dist/all.css CHANGED
@@ -167,6 +167,7 @@ kendo-sortable {
167
167
  }
168
168
 
169
169
  .k-state-disabled,
170
+ .k-disabled,
170
171
  .k-widget[disabled],
171
172
  .k-disabled {
172
173
  outline: none;
@@ -178,6 +179,7 @@ kendo-sortable {
178
179
  }
179
180
 
180
181
  .k-state-disabled .k-link,
182
+ .k-disabled .k-link,
181
183
  .k-widget[disabled] .k-link,
182
184
  .k-disabled .k-link {
183
185
  cursor: default;
@@ -187,6 +189,9 @@ kendo-sortable {
187
189
  .k-state-disabled [disabled],
188
190
  .k-state-disabled .k-disabled,
189
191
  .k-state-disabled .k-state-disabled,
192
+ .k-disabled [disabled],
193
+ .k-disabled .k-disabled,
194
+ .k-disabled .k-state-disabled,
190
195
  .k-widget[disabled] [disabled],
191
196
  .k-widget[disabled] .k-disabled,
192
197
  .k-widget[disabled] .k-state-disabled,
@@ -13937,6 +13942,11 @@ textarea.k-input-inner {
13937
13942
  padding: 6px;
13938
13943
  }
13939
13944
 
13945
+ .k-input > kendo-popup,
13946
+ .k-picker > kendo-popup {
13947
+ position: fixed;
13948
+ }
13949
+
13940
13950
  @keyframes autoFillStart {
13941
13951
  from {
13942
13952
  }
@@ -17175,7 +17185,8 @@ kendo-label > .k-label {
17175
17185
  box-sizing: border-box;
17176
17186
  }
17177
17187
 
17178
- .k-progressbar > .k-state-selected {
17188
+ .k-progressbar > .k-state-selected,
17189
+ .k-progressbar > .k-selected {
17179
17190
  border-width: 0;
17180
17191
  border-style: solid;
17181
17192
  display: flex;
@@ -17247,13 +17258,15 @@ kendo-label > .k-label {
17247
17258
  flex-direction: row;
17248
17259
  }
17249
17260
 
17250
- .k-progressbar-horizontal > .k-state-selected {
17261
+ .k-progressbar-horizontal > .k-state-selected,
17262
+ .k-progressbar-horizontal > .k-selected {
17251
17263
  width: 0;
17252
17264
  width: calc(var( --kendo-progressbar-progress, 0 )*1%);
17253
17265
  flex-direction: row;
17254
17266
  }
17255
17267
 
17256
- .k-progressbar-horizontal > .k-state-selected > .k-progress-status-wrap {
17268
+ .k-progressbar-horizontal > .k-state-selected > .k-progress-status-wrap,
17269
+ .k-progressbar-horizontal > .k-selected > .k-progress-status-wrap {
17257
17270
  width: calc(100%*(100/var( --kendo-progressbar-progress, 1 )));
17258
17271
  }
17259
17272
 
@@ -17267,7 +17280,8 @@ kendo-label > .k-label {
17267
17280
  border-inline-end-width: 0;
17268
17281
  }
17269
17282
 
17270
- .k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected {
17283
+ .k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected,
17284
+ .k-progressbar-horizontal.k-progressbar-reverse > .k-selected {
17271
17285
  flex-direction: row-reverse;
17272
17286
  justify-self: flex-end;
17273
17287
  }
@@ -17288,7 +17302,8 @@ kendo-label > .k-label {
17288
17302
  writing-mode: vertical-lr;
17289
17303
  }
17290
17304
 
17291
- .k-progressbar-vertical > .k-state-selected {
17305
+ .k-progressbar-vertical > .k-state-selected,
17306
+ .k-progressbar-vertical > .k-selected {
17292
17307
  height: 0;
17293
17308
  height: calc(var( --kendo-progressbar-progress, 0 )*1%);
17294
17309
  flex-direction: column-reverse;
@@ -17296,7 +17311,8 @@ kendo-label > .k-label {
17296
17311
  align-items: flex-end;
17297
17312
  }
17298
17313
 
17299
- .k-progressbar-vertical > .k-state-selected > .k-progress-status-wrap {
17314
+ .k-progressbar-vertical > .k-state-selected > .k-progress-status-wrap,
17315
+ .k-progressbar-vertical > .k-selected > .k-progress-status-wrap {
17300
17316
  height: calc(100%*(100/var( --kendo-progressbar-progress, 1 )));
17301
17317
  }
17302
17318
 
@@ -17314,19 +17330,23 @@ kendo-label > .k-label {
17314
17330
  flex-direction: column;
17315
17331
  }
17316
17332
 
17317
- .k-progressbar-vertical.k-progressbar-reverse > .k-state-selected {
17333
+ .k-progressbar-vertical.k-progressbar-reverse > .k-state-selected,
17334
+ .k-progressbar-vertical.k-progressbar-reverse > .k-selected {
17318
17335
  flex-direction: column;
17319
17336
  align-self: flex-start;
17320
17337
  }
17321
17338
 
17322
17339
  .k-progressbar-indeterminate .k-progress-status-wrap,
17323
17340
  .k-progressbar-indeterminate .k-state-selected,
17341
+ .k-progressbar-indeterminate .k-selected,
17324
17342
  .k-progressbar-indeterminate .k-item {
17325
17343
  display: none;
17326
17344
  }
17327
17345
 
17328
17346
  .telerik-blazor.k-progressbar-horizontal > .k-state-selected,
17329
- .telerik-blazor.k-progressbar-horizontal > .k-state-selected > .k-progress-status-wrap {
17347
+ .telerik-blazor.k-progressbar-horizontal > .k-selected,
17348
+ .telerik-blazor.k-progressbar-horizontal > .k-state-selected > .k-progress-status-wrap,
17349
+ .telerik-blazor.k-progressbar-horizontal > .k-selected > .k-progress-status-wrap {
17330
17350
  transition: width .1s ease-in-out;
17331
17351
  }
17332
17352
 
@@ -17340,7 +17360,8 @@ kendo-label > .k-label {
17340
17360
  }
17341
17361
 
17342
17362
  .k-progressbar > .k-progress-status-wrap,
17343
- .k-progressbar > .k-state-selected {
17363
+ .k-progressbar > .k-state-selected,
17364
+ .k-progressbar > .k-selected {
17344
17365
  -ms-grid-column: 1;
17345
17366
  -ms-grid-row: 1;
17346
17367
  }
@@ -17350,7 +17371,8 @@ kendo-label > .k-label {
17350
17371
  -ms-grid-rows: 22px;
17351
17372
  }
17352
17373
 
17353
- .k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected {
17374
+ .k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected,
17375
+ .k-progressbar-horizontal.k-progressbar-reverse > .k-selected {
17354
17376
  -ms-grid-column-align: end;
17355
17377
  }
17356
17378
 
@@ -17359,11 +17381,13 @@ kendo-label > .k-label {
17359
17381
  -ms-grid-rows: 1fr;
17360
17382
  }
17361
17383
 
17362
- .k-progressbar-vertical > .k-state-selected {
17384
+ .k-progressbar-vertical > .k-state-selected,
17385
+ .k-progressbar-vertical > .k-selected {
17363
17386
  -ms-grid-row-align: end;
17364
17387
  }
17365
17388
 
17366
- .k-progressbar-vertical.k-progressbar-reverse > .k-state-selected {
17389
+ .k-progressbar-vertical.k-progressbar-reverse > .k-state-selected,
17390
+ .k-progressbar-vertical.k-progressbar-reverse > .k-selected {
17367
17391
  -ms-grid-row-align: start;
17368
17392
  }
17369
17393
 
@@ -17382,7 +17406,8 @@ kendo-label > .k-label {
17382
17406
  background-color: #ebebeb;
17383
17407
  }
17384
17408
 
17385
- .k-progressbar .k-state-selected {
17409
+ .k-progressbar .k-state-selected,
17410
+ .k-progressbar .k-selected {
17386
17411
  border-color: #eb5b51;
17387
17412
  color: white;
17388
17413
  background-color: #ff6358;
@@ -17532,12 +17557,14 @@ kendo-label > .k-label {
17532
17557
  }
17533
17558
 
17534
17559
  .k-ripple-container .k-radio:focus,
17535
- .k-ripple-container .k-radio.k-state-focus {
17560
+ .k-ripple-container .k-radio.k-state-focus,
17561
+ .k-ripple-container .k-radio.k-focus {
17536
17562
  box-shadow: none !important;
17537
17563
  }
17538
17564
 
17539
17565
  .k-ripple-container .k-radio:focus::after,
17540
- .k-ripple-container .k-radio.k-state-focus::after {
17566
+ .k-ripple-container .k-radio.k-state-focus::after,
17567
+ .k-ripple-container .k-radio.k-focus::after {
17541
17568
  transform: translate(-50%, -50%) scale(1);
17542
17569
  }
17543
17570
 
@@ -17599,7 +17626,8 @@ kendo-label > .k-label {
17599
17626
  }
17600
17627
 
17601
17628
  .k-radio:focus,
17602
- .k-radio.k-state-focus {
17629
+ .k-radio.k-state-focus,
17630
+ .k-radio.k-focus {
17603
17631
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.06);
17604
17632
  }
17605
17633
 
@@ -17625,7 +17653,8 @@ kendo-label > .k-label {
17625
17653
  }
17626
17654
 
17627
17655
  .k-radio:checked:focus,
17628
- .k-radio.k-checked.k-state-focus {
17656
+ .k-radio.k-checked.k-state-focus,
17657
+ .k-radio.k-checked.k-focus {
17629
17658
  box-shadow: 0 0 0 2px rgba(255, 99, 88, 0.3);
17630
17659
  }
17631
17660
 
@@ -17679,7 +17708,9 @@ kendo-label > .k-label {
17679
17708
 
17680
17709
  .k-slider.k-state-disabled .k-tick,
17681
17710
  .k-slider.k-state-disabled .k-slider-track,
17682
- .k-slider.k-state-disabled .k-draghandle {
17711
+ .k-slider.k-state-disabled .k-draghandle, .k-slider.k-disabled .k-tick,
17712
+ .k-slider.k-disabled .k-slider-track,
17713
+ .k-slider.k-disabled .k-draghandle {
17683
17714
  cursor: default;
17684
17715
  }
17685
17716
 
@@ -18183,11 +18214,11 @@ kendo-label > .k-label {
18183
18214
  background-color: #e0574d;
18184
18215
  }
18185
18216
 
18186
- .k-slider .k-draghandle:focus, .k-slider .k-draghandle.k-state-focused {
18217
+ .k-slider .k-draghandle:focus, .k-slider .k-draghandle.k-state-focused, .k-slider .k-draghandle.k-focus {
18187
18218
  box-shadow: 0 0 0 2px rgba(255, 99, 88, 0.3);
18188
18219
  }
18189
18220
 
18190
- .k-slider.k-state-focused .k-draghandle {
18221
+ .k-slider.k-state-focused .k-draghandle, .k-slider.k-focus .k-draghandle {
18191
18222
  box-shadow: 0 0 0 2px rgba(255, 99, 88, 0.3);
18192
18223
  }
18193
18224
 
@@ -18679,7 +18710,9 @@ kendo-label > .k-label {
18679
18710
  }
18680
18711
 
18681
18712
  .k-calendar .k-calendar-td.k-state-selected:hover .k-link,
18713
+ .k-calendar .k-calendar-td.k-selected:hover .k-link,
18682
18714
  .k-calendar .k-calendar-td.k-state-selected.k-state-hover .k-link,
18715
+ .k-calendar .k-calendar-td.k-selected.k-hover .k-link,
18683
18716
  .k-calendar .k-calendar-td.k-selected:hover .k-link,
18684
18717
  .k-calendar .k-calendar-td.k-selected.k-hover .k-link {
18685
18718
  color: white;
@@ -18687,13 +18720,16 @@ kendo-label > .k-label {
18687
18720
  }
18688
18721
 
18689
18722
  .k-calendar .k-calendar-td.k-state-focused .k-link,
18723
+ .k-calendar .k-calendar-td.k-focus .k-link,
18690
18724
  .k-calendar .k-calendar-td.k-state-focus .k-link,
18691
18725
  .k-calendar .k-calendar-td.k-focus .k-link {
18692
18726
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.08);
18693
18727
  }
18694
18728
 
18695
18729
  .k-calendar .k-calendar-td.k-state-selected.k-state-focused .k-link,
18730
+ .k-calendar .k-calendar-td.k-selected.k-focused .k-link,
18696
18731
  .k-calendar .k-calendar-td.k-state-selected.k-state-focus .k-link,
18732
+ .k-calendar .k-calendar-td.k-selected.k-focus .k-link,
18697
18733
  .k-calendar .k-calendar-td.k-selected:focus .k-link,
18698
18734
  .k-calendar .k-calendar-td.k-selected.k-focus .k-link {
18699
18735
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.08);
@@ -18755,6 +18791,7 @@ kendo-label > .k-label {
18755
18791
  }
18756
18792
 
18757
18793
  .k-calendar .k-range-start.k-state-active .k-link,
18794
+ .k-calendar .k-range-start.k-active .k-link,
18758
18795
  .k-calendar .k-range-end.k-state-active .k-link,
18759
18796
  .k-calendar .k-range-end.k-active .k-link {
18760
18797
  box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.2);
@@ -18879,7 +18916,7 @@ kendo-label > .k-label {
18879
18916
  display: block;
18880
18917
  }
18881
18918
 
18882
- .k-time-list-wrapper.k-state-focused::before, .k-time-list-wrapper.k-state-focused::after {
18919
+ .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 {
18883
18920
  display: block;
18884
18921
  content: "\200b";
18885
18922
  position: absolute;
@@ -18892,11 +18929,11 @@ kendo-label > .k-label {
18892
18929
  border-style: solid;
18893
18930
  }
18894
18931
 
18895
- .k-time-list-wrapper.k-state-focused::before {
18932
+ .k-time-list-wrapper.k-state-focused::before, .k-time-list-wrapper.k-focus::before {
18896
18933
  top: 18px;
18897
18934
  }
18898
18935
 
18899
- .k-time-list-wrapper.k-state-focused::after {
18936
+ .k-time-list-wrapper.k-state-focused::after, .k-time-list-wrapper.k-focus::after {
18900
18937
  bottom: 0;
18901
18938
  }
18902
18939
 
@@ -19006,11 +19043,11 @@ kendo-label > .k-label {
19006
19043
  color: #666666;
19007
19044
  }
19008
19045
 
19009
- .k-time-list-wrapper.k-state-focused .k-title {
19046
+ .k-time-list-wrapper.k-state-focused .k-title, .k-time-list-wrapper.k-focus .k-title {
19010
19047
  color: #424242;
19011
19048
  }
19012
19049
 
19013
- .k-time-list-wrapper.k-state-focused::before, .k-time-list-wrapper.k-state-focused::after {
19050
+ .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 {
19014
19051
  background-color: rgba(0, 0, 0, 0.04);
19015
19052
  }
19016
19053
 
@@ -19131,7 +19168,7 @@ kendo-label > .k-label {
19131
19168
  z-index: 101;
19132
19169
  }
19133
19170
 
19134
- .k-colorpalette-tile:focus, .k-colorpalette-tile.k-state-focus, .k-colorpalette-tile.k-state-selected, .k-colorpalette-tile.k-state-selected:hover {
19171
+ .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 {
19135
19172
  position: relative;
19136
19173
  z-index: 100;
19137
19174
  }
@@ -19144,7 +19181,7 @@ kendo-label > .k-label {
19144
19181
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.8);
19145
19182
  }
19146
19183
 
19147
- .k-colorpalette-tile.k-state-selected, .k-colorpalette-tile.k-state-selected:hover, .k-colorpalette-tile.k-selected, .k-colorpalette-tile.k-selected:hover {
19184
+ .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 {
19148
19185
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px white;
19149
19186
  }
19150
19187
 
@@ -19870,11 +19907,14 @@ kendo-label > .k-label {
19870
19907
  color: #424242;
19871
19908
  }
19872
19909
 
19873
- .k-rating:focus .k-rating-item > .k-icon, .k-rating.k-state-focused .k-rating-item > .k-icon {
19910
+ .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 {
19874
19911
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
19875
19912
  }
19876
19913
 
19877
- .k-rating:focus .k-rating-item.k-state-selected > .k-icon, .k-rating.k-state-focused .k-rating-item.k-state-selected > .k-icon {
19914
+ .k-rating:focus .k-rating-item.k-state-selected > .k-icon,
19915
+ .k-rating:focus .k-rating-item.k-selected > .k-icon, .k-rating.k-state-focused .k-rating-item.k-state-selected > .k-icon,
19916
+ .k-rating.k-state-focused .k-rating-item.k-selected > .k-icon, .k-rating.k-focus .k-rating-item.k-state-selected > .k-icon,
19917
+ .k-rating.k-focus .k-rating-item.k-selected > .k-icon {
19878
19918
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
19879
19919
  }
19880
19920
 
@@ -19882,15 +19922,15 @@ kendo-label > .k-label {
19882
19922
  color: #424242;
19883
19923
  }
19884
19924
 
19885
- .k-rating-item.k-state-selected {
19925
+ .k-rating-item.k-state-selected, .k-rating-item.k-selected {
19886
19926
  color: #ff6358;
19887
19927
  }
19888
19928
 
19889
- .k-rating-item.k-state-selected:focus, .k-rating-item.k-state-selected.k-state-focused {
19929
+ .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 {
19890
19930
  color: #ff6358;
19891
19931
  }
19892
19932
 
19893
- .k-rating-item:hover, .k-rating-item.k-state-hover {
19933
+ .k-rating-item:hover, .k-rating-item.k-state-hover, .k-rating-item.k-hover {
19894
19934
  color: #ff6358;
19895
19935
  cursor: pointer;
19896
19936
  }
@@ -20649,7 +20689,8 @@ kendo-label > .k-label {
20649
20689
  }
20650
20690
 
20651
20691
  .k-upload-button input[disabled],
20652
- .k-upload-button input.k-state-disabled {
20692
+ .k-upload-button input.k-state-disabled,
20693
+ .k-upload-button input.k-disabled {
20653
20694
  visibility: hidden;
20654
20695
  }
20655
20696
 
@@ -20678,11 +20719,12 @@ kendo-label > .k-label {
20678
20719
  border-color: rgba(0, 0, 0, 0.08);
20679
20720
  }
20680
20721
 
20681
- .k-upload .k-file.k-state-focused {
20722
+ .k-upload .k-file.k-state-focused, .k-upload .k-file.k-focus {
20682
20723
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
20683
20724
  }
20684
20725
 
20685
- .k-upload .k-file .k-upload-action.k-state-focused {
20726
+ .k-upload .k-file .k-upload-action.k-state-focused,
20727
+ .k-upload .k-file .k-upload-action.k-focus {
20686
20728
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
20687
20729
  }
20688
20730
 
@@ -20758,7 +20800,7 @@ kendo-label > .k-label {
20758
20800
  color: #424242;
20759
20801
  }
20760
20802
 
20761
- .k-upload.k-state-invalid, .k-upload.ng-invalid.ng-touched, .k-upload.ng-invalid.ng-dirty {
20803
+ .k-upload.k-state-invalid, .k-upload.k-invalid, .k-upload.ng-invalid.ng-touched, .k-upload.ng-invalid.ng-dirty {
20762
20804
  border-color: #f31700;
20763
20805
  }
20764
20806
 
@@ -21625,11 +21667,11 @@ kendo-label > .k-label {
21625
21667
  color: #666666;
21626
21668
  }
21627
21669
 
21628
- .k-actionsheet-action:hover, .k-actionsheet-action.k-state-hover {
21670
+ .k-actionsheet-action:hover, .k-actionsheet-action.k-state-hover, .k-actionsheet-action.k-hover {
21629
21671
  background-color: #f0f0f0;
21630
21672
  }
21631
21673
 
21632
- .k-actionsheet-action:focus, .k-actionsheet-action.k-state-focus {
21674
+ .k-actionsheet-action:focus, .k-actionsheet-action.k-state-focus, .k-actionsheet-action.k-focus {
21633
21675
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
21634
21676
  }
21635
21677
 
@@ -21797,7 +21839,7 @@ kendo-label > .k-label {
21797
21839
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.06);
21798
21840
  }
21799
21841
 
21800
- .k-window:focus, .k-window.k-state-focused {
21842
+ .k-window:focus, .k-window.k-state-focused, .k-window.k-focus {
21801
21843
  box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.3);
21802
21844
  }
21803
21845
 
@@ -22114,27 +22156,27 @@ kendo-drawer .k-drawer-wrapper {
22114
22156
  background: #9c9c9c;
22115
22157
  }
22116
22158
 
22117
- .k-drawer-item:hover, .k-drawer-item.k-state-hover {
22159
+ .k-drawer-item:hover, .k-drawer-item.k-state-hover, .k-drawer-item.k-hover {
22118
22160
  color: #424242;
22119
22161
  background-color: #f0f0f0;
22120
22162
  }
22121
22163
 
22122
- .k-drawer-item:focus, .k-drawer-item.k-state-focused {
22164
+ .k-drawer-item:focus, .k-drawer-item.k-state-focused, .k-drawer-item.k-focus {
22123
22165
  background-color: #ffffff;
22124
22166
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
22125
22167
  }
22126
22168
 
22127
- .k-drawer-item:focus:hover, .k-drawer-item:focus.k-state-hover, .k-drawer-item.k-state-focused:hover, .k-drawer-item.k-state-focused.k-state-hover {
22169
+ .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 {
22128
22170
  color: #424242;
22129
22171
  background-color: #f0f0f0;
22130
22172
  }
22131
22173
 
22132
- .k-drawer-item.k-state-selected {
22174
+ .k-drawer-item.k-state-selected, .k-drawer-item.k-selected {
22133
22175
  color: white;
22134
22176
  background-color: #ff6358;
22135
22177
  }
22136
22178
 
22137
- .k-drawer-item.k-state-selected:hover, .k-drawer-item.k-state-selected.k-state-hover {
22179
+ .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 {
22138
22180
  color: white;
22139
22181
  background-color: #f55f54;
22140
22182
  }
@@ -23027,7 +23069,8 @@ kendo-card-footer {
23027
23069
  outline: 0;
23028
23070
  }
23029
23071
 
23030
- .k-bottom-nav-item.k-state-disabled {
23072
+ .k-bottom-nav-item.k-state-disabled,
23073
+ .k-bottom-nav-item.k-disabled {
23031
23074
  background-color: initial;
23032
23075
  }
23033
23076
 
@@ -23060,12 +23103,15 @@ kendo-card-footer {
23060
23103
  }
23061
23104
 
23062
23105
  .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-state-focus,
23106
+ .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-focus,
23063
23107
  .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-state-focused,
23108
+ .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-focus,
23064
23109
  .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item:focus {
23065
23110
  background-color: rgba(255, 200, 197, 0.2);
23066
23111
  }
23067
23112
 
23068
- .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-state-selected {
23113
+ .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-state-selected,
23114
+ .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-selected {
23069
23115
  color: white;
23070
23116
  }
23071
23117
 
@@ -23075,12 +23121,15 @@ kendo-card-footer {
23075
23121
  }
23076
23122
 
23077
23123
  .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-state-focus,
23124
+ .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-focus,
23078
23125
  .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-state-focused,
23126
+ .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-focus,
23079
23127
  .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item:focus {
23080
23128
  background-color: rgba(201, 201, 201, 0.2);
23081
23129
  }
23082
23130
 
23083
- .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-state-selected {
23131
+ .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-state-selected,
23132
+ .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-selected {
23084
23133
  color: white;
23085
23134
  }
23086
23135
 
@@ -23090,12 +23139,15 @@ kendo-card-footer {
23090
23139
  }
23091
23140
 
23092
23141
  .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-state-focus,
23142
+ .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-focus,
23093
23143
  .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-state-focused,
23144
+ .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-focus,
23094
23145
  .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item:focus {
23095
23146
  background-color: rgba(167, 225, 251, 0.2);
23096
23147
  }
23097
23148
 
23098
- .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-state-selected {
23149
+ .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-state-selected,
23150
+ .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-selected {
23099
23151
  color: white;
23100
23152
  }
23101
23153
 
@@ -23105,12 +23157,15 @@ kendo-card-footer {
23105
23157
  }
23106
23158
 
23107
23159
  .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-state-focus,
23160
+ .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-focus,
23108
23161
  .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-state-focused,
23162
+ .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-focus,
23109
23163
  .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item:focus {
23110
23164
  background-color: rgba(166, 197, 247, 0.2);
23111
23165
  }
23112
23166
 
23113
- .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-state-selected {
23167
+ .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-state-selected,
23168
+ .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-selected {
23114
23169
  color: white;
23115
23170
  }
23116
23171
 
@@ -23120,12 +23175,15 @@ kendo-card-footer {
23120
23175
  }
23121
23176
 
23122
23177
  .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-state-focus,
23178
+ .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-focus,
23123
23179
  .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-state-focused,
23180
+ .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-focus,
23124
23181
  .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item:focus {
23125
23182
  background-color: rgba(185, 229, 166, 0.2);
23126
23183
  }
23127
23184
 
23128
- .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-state-selected {
23185
+ .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-state-selected,
23186
+ .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-selected {
23129
23187
  color: white;
23130
23188
  }
23131
23189
 
@@ -23135,12 +23193,15 @@ kendo-card-footer {
23135
23193
  }
23136
23194
 
23137
23195
  .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-state-focus,
23196
+ .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-focus,
23138
23197
  .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-state-focused,
23198
+ .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-focus,
23139
23199
  .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item:focus {
23140
23200
  background-color: rgba(89, 67, 0, 0.2);
23141
23201
  }
23142
23202
 
23143
- .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-state-selected {
23203
+ .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-state-selected,
23204
+ .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-selected {
23144
23205
  color: black;
23145
23206
  }
23146
23207
 
@@ -23150,12 +23211,15 @@ kendo-card-footer {
23150
23211
  }
23151
23212
 
23152
23213
  .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-state-focus,
23214
+ .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-focus,
23153
23215
  .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-state-focused,
23216
+ .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-focus,
23154
23217
  .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item:focus {
23155
23218
  background-color: rgba(251, 174, 166, 0.2);
23156
23219
  }
23157
23220
 
23158
- .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-state-selected {
23221
+ .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-state-selected,
23222
+ .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-selected {
23159
23223
  color: white;
23160
23224
  }
23161
23225
 
@@ -23165,12 +23229,15 @@ kendo-card-footer {
23165
23229
  }
23166
23230
 
23167
23231
  .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-state-focus,
23232
+ .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-focus,
23168
23233
  .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-state-focused,
23234
+ .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-focus,
23169
23235
  .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item:focus {
23170
23236
  background-color: rgba(189, 189, 189, 0.2);
23171
23237
  }
23172
23238
 
23173
- .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-state-selected {
23239
+ .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-state-selected,
23240
+ .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-selected {
23174
23241
  color: white;
23175
23242
  }
23176
23243
 
@@ -23180,12 +23247,15 @@ kendo-card-footer {
23180
23247
  }
23181
23248
 
23182
23249
  .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-state-focus,
23250
+ .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-focus,
23183
23251
  .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-state-focused,
23252
+ .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-focus,
23184
23253
  .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item:focus {
23185
23254
  background-color: rgba(82, 82, 82, 0.2);
23186
23255
  }
23187
23256
 
23188
- .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-state-selected {
23257
+ .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-state-selected,
23258
+ .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-selected {
23189
23259
  color: black;
23190
23260
  }
23191
23261
 
@@ -23195,12 +23265,15 @@ kendo-card-footer {
23195
23265
  }
23196
23266
 
23197
23267
  .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-state-focus,
23268
+ .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-focus,
23198
23269
  .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-state-focused,
23270
+ .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-focus,
23199
23271
  .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item:focus {
23200
23272
  background-color: rgba(189, 189, 189, 0.2);
23201
23273
  }
23202
23274
 
23203
- .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-state-selected {
23275
+ .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-state-selected,
23276
+ .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-selected {
23204
23277
  color: white;
23205
23278
  }
23206
23279
 
@@ -23211,48 +23284,60 @@ kendo-card-footer {
23211
23284
  }
23212
23285
 
23213
23286
  .k-bottom-nav-flat .k-bottom-nav-item.k-state-focus,
23287
+ .k-bottom-nav-flat .k-bottom-nav-item.k-focus,
23214
23288
  .k-bottom-nav-flat .k-bottom-nav-item.k-state-focused,
23289
+ .k-bottom-nav-flat .k-bottom-nav-item.k-focus,
23215
23290
  .k-bottom-nav-flat .k-bottom-nav-item:focus {
23216
23291
  background-color: rgba(66, 66, 66, 0.05);
23217
23292
  }
23218
23293
 
23219
- .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item.k-state-selected {
23294
+ .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item.k-state-selected,
23295
+ .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item.k-selected {
23220
23296
  color: #ff6358;
23221
23297
  }
23222
23298
 
23223
- .k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item.k-state-selected {
23299
+ .k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item.k-state-selected,
23300
+ .k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item.k-selected {
23224
23301
  color: #4e4e4e;
23225
23302
  }
23226
23303
 
23227
- .k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item.k-state-selected {
23304
+ .k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item.k-state-selected,
23305
+ .k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item.k-selected {
23228
23306
  color: #03a9f4;
23229
23307
  }
23230
23308
 
23231
- .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item.k-state-selected {
23309
+ .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item.k-state-selected,
23310
+ .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item.k-selected {
23232
23311
  color: #0058e9;
23233
23312
  }
23234
23313
 
23235
- .k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item.k-state-selected {
23314
+ .k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item.k-state-selected,
23315
+ .k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item.k-selected {
23236
23316
  color: #37b400;
23237
23317
  }
23238
23318
 
23239
- .k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item.k-state-selected {
23319
+ .k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item.k-state-selected,
23320
+ .k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item.k-selected {
23240
23321
  color: #ffc000;
23241
23322
  }
23242
23323
 
23243
- .k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item.k-state-selected {
23324
+ .k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item.k-state-selected,
23325
+ .k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item.k-selected {
23244
23326
  color: #f31700;
23245
23327
  }
23246
23328
 
23247
- .k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item.k-state-selected {
23329
+ .k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item.k-state-selected,
23330
+ .k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item.k-selected {
23248
23331
  color: #424242;
23249
23332
  }
23250
23333
 
23251
- .k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item.k-state-selected {
23334
+ .k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item.k-state-selected,
23335
+ .k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item.k-selected {
23252
23336
  color: #b3b3b3;
23253
23337
  }
23254
23338
 
23255
- .k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item.k-state-selected {
23339
+ .k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item.k-state-selected,
23340
+ .k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item.k-selected {
23256
23341
  color: #424242;
23257
23342
  }
23258
23343
 
@@ -23376,7 +23461,7 @@ kendo-card-footer {
23376
23461
  background-color: #ffffff;
23377
23462
  }
23378
23463
 
23379
- .k-breadcrumb:focus, .k-breadcrumb.k-state-focused {
23464
+ .k-breadcrumb:focus, .k-breadcrumb.k-state-focused, .k-breadcrumb.k-focus {
23380
23465
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.06);
23381
23466
  }
23382
23467
 
@@ -23384,21 +23469,21 @@ kendo-card-footer {
23384
23469
  color: #ff6358;
23385
23470
  }
23386
23471
 
23387
- .k-breadcrumb-link:hover, .k-breadcrumb-link.k-state-hover {
23472
+ .k-breadcrumb-link:hover, .k-breadcrumb-link.k-state-hover, .k-breadcrumb-link.k-hover {
23388
23473
  color: #d6534a;
23389
23474
  background-color: #fafafa;
23390
23475
  }
23391
23476
 
23392
- .k-breadcrumb-link:focus, .k-breadcrumb-link.k-state-focused {
23477
+ .k-breadcrumb-link:focus, .k-breadcrumb-link.k-state-focused, .k-breadcrumb-link.k-focus {
23393
23478
  color: #ff6358;
23394
23479
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
23395
23480
  }
23396
23481
 
23397
- .k-breadcrumb-root-link:hover, .k-breadcrumb-root-link.k-state-hover {
23482
+ .k-breadcrumb-root-link:hover, .k-breadcrumb-root-link.k-state-hover, .k-breadcrumb-root-link.k-hover {
23398
23483
  background-color: #fafafa;
23399
23484
  }
23400
23485
 
23401
- .k-breadcrumb-root-link:focus, .k-breadcrumb-root-link.k-state-focused {
23486
+ .k-breadcrumb-root-link:focus, .k-breadcrumb-root-link.k-state-focused, .k-breadcrumb-root-link.k-focus {
23402
23487
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
23403
23488
  }
23404
23489
 
@@ -23435,7 +23520,7 @@ kendo-card-footer {
23435
23520
  background-color: inherit;
23436
23521
  }
23437
23522
 
23438
- .k-pager-wrap .k-link:focus, .k-pager-wrap .k-link.k-state-focus {
23523
+ .k-pager-wrap .k-link:focus, .k-pager-wrap .k-link.k-state-focus, .k-pager-wrap .k-link.k-focus {
23439
23524
  z-index: 3;
23440
23525
  }
23441
23526
 
@@ -23488,7 +23573,7 @@ kendo-card-footer {
23488
23573
  z-index: 2;
23489
23574
  }
23490
23575
 
23491
- .k-state-disabled.k-pager-nav, .k-pager-numbers .k-state-disabled.k-link, .k-state-disabled.k-pager-refresh {
23576
+ .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 {
23492
23577
  color: inherit;
23493
23578
  }
23494
23579
 
@@ -23528,7 +23613,8 @@ kendo-card-footer {
23528
23613
  border-style: solid;
23529
23614
  }
23530
23615
 
23531
- .k-pager-numbers .k-state-selected {
23616
+ .k-pager-numbers .k-state-selected,
23617
+ .k-pager-numbers .k-selected {
23532
23618
  cursor: inherit;
23533
23619
  z-index: 2;
23534
23620
  }
@@ -23615,21 +23701,21 @@ kendo-card-footer {
23615
23701
  background-color: #fafafa;
23616
23702
  }
23617
23703
 
23618
- .k-pager-wrap:focus, .k-pager-wrap.k-focus, .k-pager-wrap.k-state-focus, .k-pager-wrap.k-state-focused {
23704
+ .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 {
23619
23705
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
23620
23706
  }
23621
23707
 
23622
- .k-pager-nav.k-link:hover, .k-pager-refresh:hover, .k-state-hover.k-pager-nav.k-link, .k-state-hover.k-pager-refresh {
23708
+ .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 {
23623
23709
  color: #424242;
23624
23710
  background-color: #f0f0f0;
23625
23711
  }
23626
23712
 
23627
- .k-state-selected.k-pager-nav.k-link, .k-state-selected.k-pager-refresh {
23713
+ .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 {
23628
23714
  color: white;
23629
23715
  background-color: #ff6358;
23630
23716
  }
23631
23717
 
23632
- .k-pager-nav.k-link:focus, .k-pager-refresh:focus, .k-state-focus.k-pager-nav.k-link, .k-state-focus.k-pager-refresh {
23718
+ .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 {
23633
23719
  background-color: transparent;
23634
23720
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
23635
23721
  }
@@ -23638,17 +23724,17 @@ kendo-card-footer {
23638
23724
  color: #ff6358;
23639
23725
  }
23640
23726
 
23641
- .k-pager-numbers .k-link:hover, .k-pager-numbers .k-link.k-state-hover {
23727
+ .k-pager-numbers .k-link:hover, .k-pager-numbers .k-link.k-state-hover, .k-pager-numbers .k-link.k-hover {
23642
23728
  color: #ff6358;
23643
23729
  background-color: rgba(255, 99, 88, 0.08);
23644
23730
  }
23645
23731
 
23646
- .k-pager-numbers .k-link:focus, .k-pager-numbers .k-link.k-state-focus {
23732
+ .k-pager-numbers .k-link:focus, .k-pager-numbers .k-link.k-state-focus, .k-pager-numbers .k-link.k-focus {
23647
23733
  background-color: transparent;
23648
23734
  box-shadow: inset 0 0 0 2px rgba(255, 99, 88, 0.12);
23649
23735
  }
23650
23736
 
23651
- .k-pager-numbers .k-link.k-state-selected {
23737
+ .k-pager-numbers .k-link.k-state-selected, .k-pager-numbers .k-link.k-selected {
23652
23738
  color: #ff6358;
23653
23739
  background-color: rgba(255, 99, 88, 0.2);
23654
23740
  }
@@ -23660,9 +23746,10 @@ kendo-card-footer {
23660
23746
  background-color: #f5f5f5;
23661
23747
  }
23662
23748
 
23663
- .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,
23749
+ .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,
23664
23750
  .k-pager-sm .k-pager-numbers .k-current-page .k-link:hover,
23665
- .k-pager-sm .k-pager-numbers .k-current-page .k-link.k-state-hover {
23751
+ .k-pager-sm .k-pager-numbers .k-current-page .k-link.k-state-hover,
23752
+ .k-pager-sm .k-pager-numbers .k-current-page .k-link.k-hover {
23666
23753
  background-color: #ebebeb;
23667
23754
  }
23668
23755
 
@@ -23674,15 +23761,17 @@ kendo-card-footer {
23674
23761
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
23675
23762
  }
23676
23763
 
23677
- .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,
23764
+ .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,
23678
23765
  .k-pager-sm .k-pager-numbers.k-state-expanded .k-link:hover,
23679
- .k-pager-sm .k-pager-numbers.k-state-expanded .k-link.k-state-hover {
23766
+ .k-pager-sm .k-pager-numbers.k-state-expanded .k-link.k-state-hover,
23767
+ .k-pager-sm .k-pager-numbers.k-state-expanded .k-link.k-hover {
23680
23768
  color: #424242;
23681
23769
  background-color: #f0f0f0;
23682
23770
  }
23683
23771
 
23684
- .k-pager-md .k-pager-numbers.k-state-expanded .k-link.k-state-selected,
23685
- .k-pager-sm .k-pager-numbers.k-state-expanded .k-link.k-state-selected {
23772
+ .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,
23773
+ .k-pager-sm .k-pager-numbers.k-state-expanded .k-link.k-state-selected,
23774
+ .k-pager-sm .k-pager-numbers.k-state-expanded .k-link.k-selected {
23686
23775
  color: white;
23687
23776
  background-color: #ff6358;
23688
23777
  }
@@ -23812,7 +23901,8 @@ kendo-card-footer {
23812
23901
  }
23813
23902
 
23814
23903
  .k-stepper .k-step-disabled .k-step-label-optional,
23815
- .k-stepper.k-state-disabled .k-step-label-optional {
23904
+ .k-stepper.k-state-disabled .k-step-label-optional,
23905
+ .k-stepper.k-disabled .k-step-label-optional {
23816
23906
  color: inherit;
23817
23907
  }
23818
23908
 
@@ -24114,14 +24204,16 @@ kendo-card-footer {
24114
24204
  z-index: 1;
24115
24205
  }
24116
24206
 
24117
- .k-tabstrip-content.k-state-active,
24118
- .k-tabstrip > .k-content.k-state-active {
24207
+ .k-tabstrip-content.k-state-active, .k-tabstrip-content.k-active,
24208
+ .k-tabstrip > .k-content.k-state-active,
24209
+ .k-tabstrip > .k-content.k-active {
24119
24210
  display: block;
24120
24211
  }
24121
24212
 
24122
- .k-tabstrip-content:focus, .k-tabstrip-content.k-state-focused,
24213
+ .k-tabstrip-content:focus, .k-tabstrip-content.k-state-focused, .k-tabstrip-content.k-focus,
24123
24214
  .k-tabstrip > .k-content:focus,
24124
- .k-tabstrip > .k-content.k-state-focused {
24215
+ .k-tabstrip > .k-content.k-state-focused,
24216
+ .k-tabstrip > .k-content.k-focus {
24125
24217
  outline-width: 1px;
24126
24218
  outline-style: dotted;
24127
24219
  outline-offset: -1px;
@@ -24193,7 +24285,8 @@ kendo-card-footer {
24193
24285
  margin-left: 0px;
24194
24286
  }
24195
24287
 
24196
- .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-state-active {
24288
+ .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-state-active,
24289
+ .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active {
24197
24290
  border-bottom-color: transparent;
24198
24291
  }
24199
24292
 
@@ -24223,7 +24316,8 @@ kendo-card-footer {
24223
24316
  margin-left: 0px;
24224
24317
  }
24225
24318
 
24226
- .k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item.k-state-active {
24319
+ .k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item.k-state-active,
24320
+ .k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item.k-active {
24227
24321
  border-top-color: transparent;
24228
24322
  }
24229
24323
 
@@ -24259,7 +24353,8 @@ kendo-card-footer {
24259
24353
  margin-top: 0px;
24260
24354
  }
24261
24355
 
24262
- .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item.k-state-active {
24356
+ .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item.k-state-active,
24357
+ .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item.k-active {
24263
24358
  border-right-color: transparent;
24264
24359
  }
24265
24360
 
@@ -24296,7 +24391,8 @@ kendo-card-footer {
24296
24391
  margin-top: 0px;
24297
24392
  }
24298
24393
 
24299
- .k-tabstrip-right > .k-tabstrip-items-wrapper .k-item.k-state-active {
24394
+ .k-tabstrip-right > .k-tabstrip-items-wrapper .k-item.k-state-active,
24395
+ .k-tabstrip-right > .k-tabstrip-items-wrapper .k-item.k-active {
24300
24396
  border-left-color: transparent;
24301
24397
  }
24302
24398
 
@@ -24342,17 +24438,17 @@ kendo-card-footer {
24342
24438
  color: #ff6358;
24343
24439
  }
24344
24440
 
24345
- .k-tabstrip-items-wrapper .k-item:hover, .k-tabstrip-items-wrapper .k-item.k-state-hover {
24441
+ .k-tabstrip-items-wrapper .k-item:hover, .k-tabstrip-items-wrapper .k-item.k-state-hover, .k-tabstrip-items-wrapper .k-item.k-hover {
24346
24442
  color: #d6534a;
24347
24443
  }
24348
24444
 
24349
- .k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-items-wrapper .k-item.k-state-active, .k-tabstrip-items-wrapper .k-item.k-state-selected {
24445
+ .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 {
24350
24446
  border-color: rgba(0, 0, 0, 0.08);
24351
24447
  color: #424242;
24352
24448
  background-color: #ffffff;
24353
24449
  }
24354
24450
 
24355
- .k-tabstrip-items-wrapper .k-item:focus, .k-tabstrip-items-wrapper .k-item.k-state-focused {
24451
+ .k-tabstrip-items-wrapper .k-item:focus, .k-tabstrip-items-wrapper .k-item.k-state-focused, .k-tabstrip-items-wrapper .k-item.k-focus {
24356
24452
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
24357
24453
  }
24358
24454
 
@@ -24367,9 +24463,10 @@ kendo-card-footer {
24367
24463
  background-color: #ffffff;
24368
24464
  }
24369
24465
 
24370
- .k-tabstrip-content:focus, .k-tabstrip-content.k-state-focused,
24466
+ .k-tabstrip-content:focus, .k-tabstrip-content.k-state-focused, .k-tabstrip-content.k-focus,
24371
24467
  .k-tabstrip > .k-content:focus,
24372
- .k-tabstrip > .k-content.k-state-focused {
24468
+ .k-tabstrip > .k-content.k-state-focused,
24469
+ .k-tabstrip > .k-content.k-focus {
24373
24470
  outline-color: #424242;
24374
24471
  }
24375
24472
 
@@ -24406,7 +24503,7 @@ kendo-card-footer {
24406
24503
  justify-content: space-between;
24407
24504
  }
24408
24505
 
24409
- .k-wizard .k-wizard-step:focus, .k-wizard .k-wizard-step.k-state-focused {
24506
+ .k-wizard .k-wizard-step:focus, .k-wizard .k-wizard-step.k-state-focused, .k-wizard .k-wizard-step.k-focus {
24410
24507
  outline-width: 1px;
24411
24508
  outline-style: dotted;
24412
24509
  outline-offset: -1px;
@@ -24481,12 +24578,13 @@ kendo-card-footer {
24481
24578
  margin-left: 0;
24482
24579
  }
24483
24580
 
24484
- .k-wizard-step:focus, .k-wizard-step.k-state-focused {
24581
+ .k-wizard-step:focus, .k-wizard-step.k-state-focused, .k-wizard-step.k-focus {
24485
24582
  outline-color: #656565;
24486
24583
  }
24487
24584
 
24488
24585
  .k-ie .k-wizard-step:focus,
24489
- .k-ie .k-wizard-step.k-state-focused {
24586
+ .k-ie .k-wizard-step.k-state-focused,
24587
+ .k-ie .k-wizard-step.k-focus {
24490
24588
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
24491
24589
  outline: none;
24492
24590
  }
@@ -24557,7 +24655,7 @@ kendo-card-footer {
24557
24655
  background-color: #ffffff;
24558
24656
  }
24559
24657
 
24560
- .k-expander.k-state-focus {
24658
+ .k-expander.k-state-focus, .k-expander.k-focus {
24561
24659
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
24562
24660
  }
24563
24661
 
@@ -24567,11 +24665,11 @@ kendo-card-footer {
24567
24665
  outline: none;
24568
24666
  }
24569
24667
 
24570
- .k-expander-header:hover, .k-expander-header.k-state-hover {
24668
+ .k-expander-header:hover, .k-expander-header.k-state-hover, .k-expander-header.k-hover {
24571
24669
  background-color: rgba(0, 0, 0, 0.04);
24572
24670
  }
24573
24671
 
24574
- .k-expander-header.k-state-focused {
24672
+ .k-expander-header.k-state-focused, .k-expander-header.k-focus {
24575
24673
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
24576
24674
  }
24577
24675
 
@@ -24794,82 +24892,122 @@ kendo-card-footer {
24794
24892
 
24795
24893
  .k-panelbar > .k-item > .k-link:hover,
24796
24894
  .k-panelbar > .k-item > .k-link.k-state-hover,
24895
+ .k-panelbar > .k-item > .k-link.k-hover,
24797
24896
  .k-panelbar > .k-panelbar-header > .k-link:hover,
24798
- .k-panelbar > .k-panelbar-header > .k-link.k-state-hover {
24897
+ .k-panelbar > .k-panelbar-header > .k-link.k-state-hover,
24898
+ .k-panelbar > .k-panelbar-header > .k-link.k-hover {
24799
24899
  background-color: whitesmoke;
24800
24900
  }
24801
24901
 
24802
24902
  .k-panelbar > .k-item > .k-link:focus,
24803
24903
  .k-panelbar > .k-item > .k-link.k-state-focus,
24904
+ .k-panelbar > .k-item > .k-link.k-focus,
24804
24905
  .k-panelbar > .k-item > .k-link.k-state-focused,
24906
+ .k-panelbar > .k-item > .k-link.k-focus,
24805
24907
  .k-panelbar > .k-panelbar-header > .k-link:focus,
24806
24908
  .k-panelbar > .k-panelbar-header > .k-link.k-state-focus,
24807
- .k-panelbar > .k-panelbar-header > .k-link.k-state-focused {
24909
+ .k-panelbar > .k-panelbar-header > .k-link.k-focus,
24910
+ .k-panelbar > .k-panelbar-header > .k-link.k-state-focused,
24911
+ .k-panelbar > .k-panelbar-header > .k-link.k-focus {
24808
24912
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
24809
24913
  }
24810
24914
 
24811
24915
  .k-panelbar > .k-item > .k-link.k-state-selected,
24812
- .k-panelbar > .k-panelbar-header > .k-link.k-state-selected {
24916
+ .k-panelbar > .k-item > .k-link.k-selected,
24917
+ .k-panelbar > .k-panelbar-header > .k-link.k-state-selected,
24918
+ .k-panelbar > .k-panelbar-header > .k-link.k-selected {
24813
24919
  color: white;
24814
24920
  background-color: #ff6358;
24815
24921
  }
24816
24922
 
24817
24923
  .k-panelbar > .k-item > .k-link.k-state-selected .k-icon,
24818
24924
  .k-panelbar > .k-item > .k-link.k-state-selected .k-panelbar-item-icon,
24925
+ .k-panelbar > .k-item > .k-link.k-selected .k-icon,
24926
+ .k-panelbar > .k-item > .k-link.k-selected .k-panelbar-item-icon,
24819
24927
  .k-panelbar > .k-panelbar-header > .k-link.k-state-selected .k-icon,
24820
- .k-panelbar > .k-panelbar-header > .k-link.k-state-selected .k-panelbar-item-icon {
24928
+ .k-panelbar > .k-panelbar-header > .k-link.k-state-selected .k-panelbar-item-icon,
24929
+ .k-panelbar > .k-panelbar-header > .k-link.k-selected .k-icon,
24930
+ .k-panelbar > .k-panelbar-header > .k-link.k-selected .k-panelbar-item-icon {
24821
24931
  color: inherit;
24822
24932
  }
24823
24933
 
24824
24934
  .k-panelbar > .k-item > .k-link.k-state-selected:hover,
24935
+ .k-panelbar > .k-item > .k-link.k-selected:hover,
24825
24936
  .k-panelbar > .k-item > .k-link.k-state-selected.k-state-hover,
24937
+ .k-panelbar > .k-item > .k-link.k-selected.k-hover,
24826
24938
  .k-panelbar > .k-panelbar-header > .k-link.k-state-selected:hover,
24827
- .k-panelbar > .k-panelbar-header > .k-link.k-state-selected.k-state-hover {
24939
+ .k-panelbar > .k-panelbar-header > .k-link.k-selected:hover,
24940
+ .k-panelbar > .k-panelbar-header > .k-link.k-state-selected.k-state-hover,
24941
+ .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-hover {
24828
24942
  background-color: #eb5b51;
24829
24943
  }
24830
24944
 
24831
24945
  .k-panelbar .k-group > .k-item > .k-link:hover,
24832
24946
  .k-panelbar .k-group > .k-item > .k-link.k-state-hover,
24947
+ .k-panelbar .k-group > .k-item > .k-link.k-hover,
24833
24948
  .k-panelbar .k-group > .k-panelbar-item > .k-link:hover,
24834
24949
  .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-hover,
24950
+ .k-panelbar .k-group > .k-panelbar-item > .k-link.k-hover,
24835
24951
  .k-panelbar .k-panelbar-group > .k-item > .k-link:hover,
24836
24952
  .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-hover,
24953
+ .k-panelbar .k-panelbar-group > .k-item > .k-link.k-hover,
24837
24954
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link:hover,
24838
- .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-hover {
24955
+ .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-hover,
24956
+ .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-hover {
24839
24957
  background-color: whitesmoke;
24840
24958
  }
24841
24959
 
24842
24960
  .k-panelbar .k-group > .k-item > .k-link:focus,
24843
24961
  .k-panelbar .k-group > .k-item > .k-link.k-state-focus,
24962
+ .k-panelbar .k-group > .k-item > .k-link.k-focus,
24844
24963
  .k-panelbar .k-group > .k-item > .k-link.k-state-focused,
24964
+ .k-panelbar .k-group > .k-item > .k-link.k-focus,
24845
24965
  .k-panelbar .k-group > .k-panelbar-item > .k-link:focus,
24846
24966
  .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-focus,
24967
+ .k-panelbar .k-group > .k-panelbar-item > .k-link.k-focus,
24847
24968
  .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-focused,
24969
+ .k-panelbar .k-group > .k-panelbar-item > .k-link.k-focus,
24848
24970
  .k-panelbar .k-panelbar-group > .k-item > .k-link:focus,
24849
24971
  .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-focus,
24972
+ .k-panelbar .k-panelbar-group > .k-item > .k-link.k-focus,
24850
24973
  .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-focused,
24974
+ .k-panelbar .k-panelbar-group > .k-item > .k-link.k-focus,
24851
24975
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link:focus,
24852
24976
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-focus,
24853
- .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-focused {
24977
+ .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-focus,
24978
+ .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-focused,
24979
+ .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-focus {
24854
24980
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
24855
24981
  }
24856
24982
 
24857
24983
  .k-panelbar .k-group > .k-item > .k-link.k-state-selected,
24984
+ .k-panelbar .k-group > .k-item > .k-link.k-selected,
24858
24985
  .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-selected,
24986
+ .k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected,
24859
24987
  .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected,
24860
- .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-selected {
24988
+ .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected,
24989
+ .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-selected,
24990
+ .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected {
24861
24991
  color: white;
24862
24992
  background-color: #ff6358;
24863
24993
  }
24864
24994
 
24865
24995
  .k-panelbar .k-group > .k-item > .k-link.k-state-selected:hover,
24996
+ .k-panelbar .k-group > .k-item > .k-link.k-selected:hover,
24866
24997
  .k-panelbar .k-group > .k-item > .k-link.k-state-selected.k-state-hover,
24998
+ .k-panelbar .k-group > .k-item > .k-link.k-selected.k-hover,
24867
24999
  .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-selected:hover,
25000
+ .k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected:hover,
24868
25001
  .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-selected.k-state-hover,
25002
+ .k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected.k-hover,
24869
25003
  .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected:hover,
25004
+ .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected:hover,
24870
25005
  .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected.k-state-hover,
25006
+ .k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected.k-hover,
24871
25007
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-selected:hover,
24872
- .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-selected.k-state-hover {
25008
+ .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected:hover,
25009
+ .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-selected.k-state-hover,
25010
+ .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected.k-hover {
24873
25011
  background-color: #eb5b51;
24874
25012
  }
24875
25013
 
@@ -25075,6 +25213,7 @@ kendo-card-footer {
25075
25213
 
25076
25214
  .k-splitbar:hover,
25077
25215
  .k-splitbar.k-state-hover,
25216
+ .k-splitbar.k-hover,
25078
25217
  .k-splitbar-horizontal-hover,
25079
25218
  .k-splitbar-vertical-hover {
25080
25219
  color: #424242;
@@ -25083,7 +25222,9 @@ kendo-card-footer {
25083
25222
 
25084
25223
  .k-splitbar:focus,
25085
25224
  .k-splitbar.k-state-focus,
25086
- .k-splitbar.k-state-focused {
25225
+ .k-splitbar.k-focus,
25226
+ .k-splitbar.k-state-focused,
25227
+ .k-splitbar.k-focus {
25087
25228
  color: white;
25088
25229
  background: #ff6358;
25089
25230
  }
@@ -25138,7 +25279,8 @@ kendo-card-footer {
25138
25279
  .k-tilelayout-item:focus,
25139
25280
  .k-tilelayout-item.k-focus,
25140
25281
  .k-tilelayout-item.k-state-focus,
25141
- .k-tilelayout-item.k-state-focused {
25282
+ .k-tilelayout-item.k-state-focused,
25283
+ .k-tilelayout-item.k-focus {
25142
25284
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
25143
25285
  }
25144
25286
 
@@ -25662,12 +25804,14 @@ kendo-card-footer {
25662
25804
  color: #ff6358;
25663
25805
  }
25664
25806
 
25665
- .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-state-selected {
25807
+ .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-state-selected,
25808
+ .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-selected {
25666
25809
  color: #ff6358;
25667
25810
  background: none;
25668
25811
  }
25669
25812
 
25670
- .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-state-selected .k-link {
25813
+ .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-state-selected .k-link,
25814
+ .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-selected .k-link {
25671
25815
  color: inherit;
25672
25816
  }
25673
25817
 
@@ -27190,23 +27334,29 @@ tbody .k-group-cell {
27190
27334
  }
27191
27335
 
27192
27336
  .k-grid tbody tr:not(.k-detail-row):hover,
27193
- .k-grid tbody tr:not(.k-detail-row).k-state-hover {
27337
+ .k-grid tbody tr:not(.k-detail-row).k-state-hover,
27338
+ .k-grid tbody tr:not(.k-detail-row).k-hover {
27194
27339
  background-color: #ededed;
27195
27340
  }
27196
27341
 
27197
27342
  .k-grid td.k-state-selected,
27198
- .k-grid tr.k-state-selected > td {
27343
+ .k-grid td.k-selected,
27344
+ .k-grid tr.k-state-selected > td,
27345
+ .k-grid tr.k-selected > td {
27199
27346
  background-color: rgba(255, 99, 88, 0.25);
27200
27347
  }
27201
27348
 
27202
27349
  .k-grid td.k-state-focused,
27350
+ .k-grid td.k-focus,
27203
27351
  .k-grid th.k-state-focused,
27352
+ .k-grid th.k-focus,
27204
27353
  .k-grid th:focus,
27205
27354
  .k-grid .k-master-row > td:focus,
27206
27355
  .k-grid .k-grouping-row > td:focus,
27207
27356
  .k-grid .k-detail-row > td:focus,
27208
27357
  .k-grid .k-group-footer > td:focus,
27209
- .k-grid .k-grid-pager.k-state-focused {
27358
+ .k-grid .k-grid-pager.k-state-focused,
27359
+ .k-grid .k-grid-pager.k-focus {
27210
27360
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
27211
27361
  }
27212
27362
 
@@ -27245,16 +27395,20 @@ tbody .k-group-cell {
27245
27395
  border-top-color: rgba(0, 0, 0, 0.08);
27246
27396
  }
27247
27397
 
27248
- .k-grid .k-grid-content-locked .k-state-selected td {
27398
+ .k-grid .k-grid-content-locked .k-state-selected td,
27399
+ .k-grid .k-grid-content-locked .k-selected td {
27249
27400
  background-color: #ffd8d5;
27250
27401
  }
27251
27402
 
27252
- .k-grid .k-grid-content-locked .k-state-selected.k-alt td {
27403
+ .k-grid .k-grid-content-locked .k-state-selected.k-alt td,
27404
+ .k-grid .k-grid-content-locked .k-selected.k-alt td {
27253
27405
  background-color: #f7d1ce;
27254
27406
  }
27255
27407
 
27256
27408
  .k-grid .k-grid-content-locked .k-state-selected:hover td,
27257
- .k-grid .k-grid-content-locked .k-state-selected.k-state-hover td {
27409
+ .k-grid .k-grid-content-locked .k-selected:hover td,
27410
+ .k-grid .k-grid-content-locked .k-state-selected.k-state-hover td,
27411
+ .k-grid .k-grid-content-locked .k-selected.k-hover td {
27258
27412
  background-color: #f1ccc9;
27259
27413
  }
27260
27414
 
@@ -27285,19 +27439,23 @@ th.k-sorted {
27285
27439
  background-color: #ebebeb;
27286
27440
  }
27287
27441
 
27288
- .k-grid-header .k-grid-filter:focus, .k-grid-header .k-grid-filter.k-state-focus, .k-grid-header .k-grid-filter.k-state-border-down,
27442
+ .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,
27289
27443
  .k-grid-header .k-header-column-menu:focus,
27290
27444
  .k-grid-header .k-header-column-menu.k-state-focus,
27445
+ .k-grid-header .k-header-column-menu.k-focus,
27291
27446
  .k-grid-header .k-header-column-menu.k-state-border-down,
27292
27447
  .k-grid-header .k-hierarchy-cell .k-icon:focus,
27293
27448
  .k-grid-header .k-hierarchy-cell .k-icon.k-state-focus,
27449
+ .k-grid-header .k-hierarchy-cell .k-icon.k-focus,
27294
27450
  .k-grid-header .k-hierarchy-cell .k-icon.k-state-border-down {
27295
27451
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
27296
27452
  }
27297
27453
 
27298
- .k-grid-header .k-grid-filter.k-state-active,
27454
+ .k-grid-header .k-grid-filter.k-state-active, .k-grid-header .k-grid-filter.k-active,
27299
27455
  .k-grid-header .k-header-column-menu.k-state-active,
27300
- .k-grid-header .k-hierarchy-cell .k-icon.k-state-active {
27456
+ .k-grid-header .k-header-column-menu.k-active,
27457
+ .k-grid-header .k-hierarchy-cell .k-icon.k-state-active,
27458
+ .k-grid-header .k-hierarchy-cell .k-icon.k-active {
27301
27459
  color: white;
27302
27460
  background-color: #ff6358;
27303
27461
  }
@@ -27341,30 +27499,44 @@ th.k-sorted {
27341
27499
  }
27342
27500
 
27343
27501
  .k-master-row.k-state-selected .k-grid-content-sticky,
27502
+ .k-master-row.k-selected .k-grid-content-sticky,
27344
27503
  .k-master-row.k-state-selected .k-grid-row-sticky,
27345
- .k-master-row td.k-grid-content-sticky.k-state-selected {
27504
+ .k-master-row.k-selected .k-grid-row-sticky,
27505
+ .k-master-row td.k-grid-content-sticky.k-state-selected,
27506
+ .k-master-row td.k-grid-content-sticky.k-selected {
27346
27507
  background-color: #ffd8d5;
27347
27508
  }
27348
27509
 
27349
27510
  .k-master-row.k-state-selected.k-alt .k-grid-content-sticky,
27511
+ .k-master-row.k-selected.k-alt .k-grid-content-sticky,
27350
27512
  .k-master-row.k-state-selected.k-alt .k-grid-row-sticky,
27351
- .k-master-row.k-alt td.k-grid-content-sticky.k-state-selected {
27513
+ .k-master-row.k-selected.k-alt .k-grid-row-sticky,
27514
+ .k-master-row.k-alt td.k-grid-content-sticky.k-state-selected,
27515
+ .k-master-row.k-alt td.k-grid-content-sticky.k-selected {
27352
27516
  background-color: #f7d1ce;
27353
27517
  }
27354
27518
 
27355
27519
  .k-master-row:hover .k-grid-content-sticky,
27356
27520
  .k-master-row:hover .k-grid-row-sticky,
27357
27521
  .k-master-row.k-state-hover .k-grid-content-sticky,
27358
- .k-master-row.k-state-hover .k-grid-row-sticky {
27522
+ .k-master-row.k-hover .k-grid-content-sticky,
27523
+ .k-master-row.k-state-hover .k-grid-row-sticky,
27524
+ .k-master-row.k-hover .k-grid-row-sticky {
27359
27525
  background-color: #ebebeb;
27360
27526
  }
27361
27527
 
27362
27528
  .k-master-row.k-state-selected:hover .k-grid-content-sticky,
27529
+ .k-master-row.k-selected:hover .k-grid-content-sticky,
27363
27530
  .k-master-row.k-state-selected:hover .k-grid-row-sticky,
27531
+ .k-master-row.k-selected:hover .k-grid-row-sticky,
27364
27532
  .k-master-row.k-state-selected.k-state-hover .k-grid-content-sticky,
27533
+ .k-master-row.k-selected.k-hover .k-grid-content-sticky,
27365
27534
  .k-master-row.k-state-selected.k-state-hover .k-grid-row-sticky,
27535
+ .k-master-row.k-selected.k-hover .k-grid-row-sticky,
27366
27536
  .k-master-row:hover td.k-grid-content-sticky.k-state-selected,
27367
- .k-master-row.k-state-hover td.k-grid-content-sticky.k-state-selected {
27537
+ .k-master-row:hover td.k-grid-content-sticky.k-selected,
27538
+ .k-master-row.k-state-hover td.k-grid-content-sticky.k-state-selected,
27539
+ .k-master-row.k-hover td.k-grid-content-sticky.k-selected {
27368
27540
  background-color: #f1ccc9;
27369
27541
  }
27370
27542
 
@@ -27375,7 +27547,7 @@ kendo-grid .k-grid-content-sticky {
27375
27547
  background-color: #ffffff;
27376
27548
  }
27377
27549
 
27378
- kendo-grid .k-grid-content-sticky:hover, kendo-grid .k-grid-content-sticky.k-state-hover {
27550
+ kendo-grid .k-grid-content-sticky:hover, kendo-grid .k-grid-content-sticky.k-state-hover, kendo-grid .k-grid-content-sticky.k-hover {
27379
27551
  background-color: #ebebeb;
27380
27552
  }
27381
27553
 
@@ -27386,7 +27558,8 @@ kendo-grid .k-grid-row-sticky td {
27386
27558
  }
27387
27559
 
27388
27560
  kendo-grid .k-grid-row-sticky:hover td,
27389
- kendo-grid .k-grid-row-sticky.k-state-hover td {
27561
+ kendo-grid .k-grid-row-sticky.k-state-hover td,
27562
+ kendo-grid .k-grid-row-sticky.k-hover td {
27390
27563
  background-color: #ebebeb;
27391
27564
  }
27392
27565
 
@@ -27396,41 +27569,64 @@ kendo-grid .k-grid-row-sticky.k-alt td {
27396
27569
  }
27397
27570
 
27398
27571
  kendo-grid tr.k-state-selected .k-grid-content-sticky,
27572
+ kendo-grid tr.k-selected .k-grid-content-sticky,
27399
27573
  kendo-grid .k-state-selected.k-grid-row-sticky td,
27574
+ kendo-grid .k-selected.k-grid-row-sticky td,
27400
27575
  kendo-grid .k-grid-row-sticky td.k-state-selected,
27401
- kendo-grid .k-state-selected.k-grid-content-sticky {
27576
+ kendo-grid .k-grid-row-sticky td.k-selected,
27577
+ kendo-grid .k-state-selected.k-grid-content-sticky,
27578
+ kendo-grid .k-selected.k-grid-content-sticky {
27402
27579
  background-color: #ffd8d5;
27403
27580
  }
27404
27581
 
27405
27582
  kendo-grid tr.k-state-selected.k-alt .k-grid-content-sticky,
27583
+ kendo-grid tr.k-selected.k-alt .k-grid-content-sticky,
27406
27584
  kendo-grid .k-state-selected.k-alt.k-grid-row-sticky td,
27407
- kendo-grid .k-alt .k-state-selected.k-grid-content-sticky {
27585
+ kendo-grid .k-selected.k-alt.k-grid-row-sticky td,
27586
+ kendo-grid .k-alt .k-state-selected.k-grid-content-sticky,
27587
+ kendo-grid .k-alt .k-selected.k-grid-content-sticky {
27408
27588
  background-color: #f7d1ce;
27409
27589
  }
27410
27590
 
27411
27591
  kendo-grid tr:hover .k-grid-content-sticky,
27412
27592
  kendo-grid tr.k-state-hover .k-grid-content-sticky,
27593
+ kendo-grid tr.k-hover .k-grid-content-sticky,
27413
27594
  kendo-grid .k-grid-row-sticky:hover td,
27414
27595
  kendo-grid .k-grid-row-sticky.k-state-hover td,
27596
+ kendo-grid .k-grid-row-sticky.k-hover td,
27415
27597
  kendo-grid .k-grid-row-sticky.k-alt:hover td,
27416
27598
  kendo-grid .k-grid-row-sticky.k-alt.k-state-hover td,
27599
+ kendo-grid .k-grid-row-sticky.k-alt.k-hover td,
27417
27600
  kendo-grid .k-alt:hover .k-grid-content-sticky,
27418
- kendo-grid .k-alt.k-state-hover .k-grid-content-sticky {
27601
+ kendo-grid .k-alt.k-state-hover .k-grid-content-sticky,
27602
+ kendo-grid .k-alt.k-hover .k-grid-content-sticky {
27419
27603
  background-color: #ebebeb;
27420
27604
  }
27421
27605
 
27422
27606
  kendo-grid tr.k-state-selected:hover .k-grid-content-sticky,
27607
+ kendo-grid tr.k-selected:hover .k-grid-content-sticky,
27423
27608
  kendo-grid tr.k-state-selected.k-state-hover .k-grid-content-sticky,
27609
+ kendo-grid tr.k-selected.k-hover .k-grid-content-sticky,
27424
27610
  kendo-grid .k-state-selected.k-grid-row-sticky:hover td,
27611
+ kendo-grid .k-selected.k-grid-row-sticky:hover td,
27425
27612
  kendo-grid .k-state-selected.k-grid-row-sticky.k-state-hover td,
27613
+ kendo-grid .k-selected.k-grid-row-sticky.k-hover td,
27426
27614
  kendo-grid .k-state-selected.k-alt.k-grid-row-sticky:hover td,
27615
+ kendo-grid .k-selected.k-alt.k-grid-row-sticky:hover td,
27427
27616
  kendo-grid .k-state-selected.k-alt.k-grid-row-sticky.k-state-hover td,
27617
+ kendo-grid .k-selected.k-alt.k-grid-row-sticky.k-hover td,
27428
27618
  kendo-grid tr.k-state-selected.k-alt:hover .k-grid-content-sticky,
27619
+ kendo-grid tr.k-selected.k-alt:hover .k-grid-content-sticky,
27429
27620
  kendo-grid tr.k-state-selected.k-alt.k-state-hover .k-grid-content-sticky,
27621
+ kendo-grid tr.k-selected.k-alt.k-hover .k-grid-content-sticky,
27430
27622
  kendo-grid .k-grid-row-sticky:hover td.k-state-selected,
27623
+ kendo-grid .k-grid-row-sticky:hover td.k-selected,
27431
27624
  kendo-grid .k-grid-row-sticky.k-state-hover td.k-state-selected,
27625
+ kendo-grid .k-grid-row-sticky.k-hover td.k-selected,
27432
27626
  kendo-grid tr:hover .k-grid-content-sticky.k-state-selected,
27433
- kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
27627
+ kendo-grid tr:hover .k-grid-content-sticky.k-selected,
27628
+ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected,
27629
+ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
27434
27630
  background-color: #f1ccc9;
27435
27631
  }
27436
27632
 
@@ -27439,7 +27635,8 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
27439
27635
  }
27440
27636
 
27441
27637
  .k-grouping-row:hover .k-grid-content-sticky,
27442
- .k-grouping-row.k-state-hover .k-grid-content-sticky {
27638
+ .k-grouping-row.k-state-hover .k-grid-content-sticky,
27639
+ .k-grouping-row.k-hover .k-grid-content-sticky {
27443
27640
  background-color: #ebebeb;
27444
27641
  }
27445
27642
 
@@ -27450,11 +27647,12 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
27450
27647
  }
27451
27648
 
27452
27649
  .k-columnmenu-item:focus,
27453
- .k-columnmenu-item.k-state-focus {
27650
+ .k-columnmenu-item.k-state-focus,
27651
+ .k-columnmenu-item.k-focus {
27454
27652
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
27455
27653
  }
27456
27654
 
27457
- .k-columnmenu-item.k-state-selected {
27655
+ .k-columnmenu-item.k-state-selected, .k-columnmenu-item.k-selected {
27458
27656
  color: white;
27459
27657
  background-color: #ff6358;
27460
27658
  }
@@ -27465,17 +27663,17 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
27465
27663
  background-color: #ffffff;
27466
27664
  }
27467
27665
 
27468
- .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 {
27666
+ .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 {
27469
27667
  color: #424242;
27470
27668
  background-color: #f0f0f0;
27471
27669
  }
27472
27670
 
27473
- .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-state-selected {
27671
+ .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 {
27474
27672
  color: white;
27475
27673
  background-color: #ff6358;
27476
27674
  }
27477
27675
 
27478
- .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 {
27676
+ .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 {
27479
27677
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
27480
27678
  }
27481
27679
 
@@ -27628,11 +27826,13 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
27628
27826
  background-color: #ffffff;
27629
27827
  }
27630
27828
 
27631
- .k-listview-content > .k-state-focused {
27829
+ .k-listview-content > .k-state-focused,
27830
+ .k-listview-content > .k-focus {
27632
27831
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
27633
27832
  }
27634
27833
 
27635
- .k-listview-content > .k-state-selected {
27834
+ .k-listview-content > .k-state-selected,
27835
+ .k-listview-content > .k-selected {
27636
27836
  background-color: rgba(255, 99, 88, 0.25);
27637
27837
  }
27638
27838
 
@@ -27879,7 +28079,8 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
27879
28079
  overflow: hidden;
27880
28080
  }
27881
28081
 
27882
- .k-spreadsheet-view .k-state-disabled {
28082
+ .k-spreadsheet-view .k-state-disabled,
28083
+ .k-spreadsheet-view .k-disabled {
27883
28084
  pointer-events: auto;
27884
28085
  }
27885
28086
 
@@ -28425,7 +28626,8 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
28425
28626
  }
28426
28627
 
28427
28628
  .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover div,
28428
- .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-state-hovered div {
28629
+ .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-state-hovered div,
28630
+ .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-hover div {
28429
28631
  margin: 0;
28430
28632
  align-self: center;
28431
28633
  opacity: 1;
@@ -28516,7 +28718,7 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
28516
28718
  cursor: nwse-resize;
28517
28719
  }
28518
28720
 
28519
- .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 {
28721
+ .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 {
28520
28722
  border-radius: 4px;
28521
28723
  }
28522
28724
 
@@ -28652,12 +28854,14 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
28652
28854
  background-color: #ebebeb;
28653
28855
  }
28654
28856
 
28655
- .k-spreadsheet-filter.k-state-active {
28857
+ .k-spreadsheet-filter.k-state-active, .k-spreadsheet-filter.k-active {
28656
28858
  background-color: #d8d8d8;
28657
28859
  }
28658
28860
 
28659
28861
  .k-spreadsheet-filter-menu > .k-menu .k-item.k-state-hover,
28660
- .k-spreadsheet-filter-menu > .k-menu:not(.k-context-menu) .k-item.k-state-hover {
28862
+ .k-spreadsheet-filter-menu > .k-menu .k-item.k-hover,
28863
+ .k-spreadsheet-filter-menu > .k-menu:not(.k-context-menu) .k-item.k-state-hover,
28864
+ .k-spreadsheet-filter-menu > .k-menu:not(.k-context-menu) .k-item.k-hover {
28661
28865
  color: #424242;
28662
28866
  background-color: #f0f0f0;
28663
28867
  }
@@ -28669,14 +28873,17 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
28669
28873
  }
28670
28874
 
28671
28875
  .k-spreadsheet-popup .k-button:hover,
28672
- .k-spreadsheet-popup .k-button.k-state-hover {
28876
+ .k-spreadsheet-popup .k-button.k-state-hover,
28877
+ .k-spreadsheet-popup .k-button.k-hover {
28673
28878
  color: #424242;
28674
28879
  background-color: #f0f0f0;
28675
28880
  }
28676
28881
 
28677
28882
  .k-spreadsheet-popup .k-button:active,
28678
28883
  .k-spreadsheet-popup .k-button.k-state-active,
28679
- .k-spreadsheet-popup .k-button.k-state-selected {
28884
+ .k-spreadsheet-popup .k-button.k-active,
28885
+ .k-spreadsheet-popup .k-button.k-state-selected,
28886
+ .k-spreadsheet-popup .k-button.k-selected {
28680
28887
  color: white;
28681
28888
  background-color: #ff6358;
28682
28889
  }
@@ -28685,12 +28892,13 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
28685
28892
  border-color: rgba(0, 0, 0, 0.08);
28686
28893
  }
28687
28894
 
28688
- .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover, .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-state-hovered {
28895
+ .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 {
28689
28896
  box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.5);
28690
28897
  }
28691
28898
 
28692
28899
  .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover div,
28693
- .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-state-hovered div {
28900
+ .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-state-hovered div,
28901
+ .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-hover div {
28694
28902
  color: #ffffff;
28695
28903
  }
28696
28904
 
@@ -29379,15 +29587,19 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
29379
29587
  }
29380
29588
 
29381
29589
  .k-pivotgrid-row-headers tbody > .k-pivotgrid-row.k-state-hover,
29590
+ .k-pivotgrid-row-headers tbody > .k-pivotgrid-row.k-hover,
29382
29591
  .k-pivotgrid-row-headers tbody > .k-pivotgrid-row:hover,
29383
29592
  .k-pivotgrid-column-headers tbody > .k-pivotgrid-row.k-state-hover,
29593
+ .k-pivotgrid-column-headers tbody > .k-pivotgrid-row.k-hover,
29384
29594
  .k-pivotgrid-column-headers tbody > .k-pivotgrid-row:hover,
29385
29595
  .k-pivotgrid-values tbody > .k-pivotgrid-row.k-state-hover,
29596
+ .k-pivotgrid-values tbody > .k-pivotgrid-row.k-hover,
29386
29597
  .k-pivotgrid-values tbody > .k-pivotgrid-row:hover {
29387
29598
  background-color: #ededed;
29388
29599
  }
29389
29600
 
29390
29601
  .k-pivotgrid-cell.k-state-focus,
29602
+ .k-pivotgrid-cell.k-focus,
29391
29603
  .k-pivotgrid-cell:focus,
29392
29604
  .k-master-row > .k-pivotgrid-cell:focus,
29393
29605
  .k-grouping-row > .k-pivotgrid-cell:focus,
@@ -29397,7 +29609,9 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
29397
29609
  }
29398
29610
 
29399
29611
  .k-pivotgrid-cell.k-state-selected,
29400
- .k-pivotgrid-row.k-state-selected > .k-pivotgrid-cell {
29612
+ .k-pivotgrid-cell.k-selected,
29613
+ .k-pivotgrid-row.k-state-selected > .k-pivotgrid-cell,
29614
+ .k-pivotgrid-row.k-selected > .k-pivotgrid-cell {
29401
29615
  background-color: rgba(255, 99, 88, 0.25);
29402
29616
  }
29403
29617
 
@@ -29538,7 +29752,8 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
29538
29752
  }
29539
29753
 
29540
29754
  .k-treelist .k-treelist-dragging,
29541
- .k-treelist .k-treelist-dragging .k-state-hover {
29755
+ .k-treelist .k-treelist-dragging .k-state-hover,
29756
+ .k-treelist .k-treelist-dragging .k-hover {
29542
29757
  cursor: default;
29543
29758
  }
29544
29759
 
@@ -29964,7 +30179,8 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
29964
30179
  color: #7e7e7e;
29965
30180
  }
29966
30181
 
29967
- .k-filemanager-listview .k-listview-item.k-state-selected .k-file-icon {
30182
+ .k-filemanager-listview .k-listview-item.k-state-selected .k-file-icon,
30183
+ .k-filemanager-listview .k-listview-item.k-selected .k-file-icon {
29968
30184
  border-color: transparent;
29969
30185
  color: inherit;
29970
30186
  background-color: transparent;
@@ -30183,7 +30399,8 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
30183
30399
  }
30184
30400
 
30185
30401
  .k-taskboard-column:focus,
30186
- .k-taskboard-column.k-state-focus {
30402
+ .k-taskboard-column.k-state-focus,
30403
+ .k-taskboard-column.k-focus {
30187
30404
  border-color: rgba(0, 0, 0, 0.264);
30188
30405
  }
30189
30406
 
@@ -30295,7 +30512,8 @@ kendo-editor.k-readonly .k-editor-content {
30295
30512
  pointer-events: auto;
30296
30513
  }
30297
30514
 
30298
- kendo-editor.k-readonly .k-editor-content.k-state-focused {
30515
+ kendo-editor.k-readonly .k-editor-content.k-state-focused,
30516
+ kendo-editor.k-readonly .k-editor-content.k-focus {
30299
30517
  outline-width: 1px;
30300
30518
  outline-style: dashed;
30301
30519
  }
@@ -30725,7 +30943,7 @@ td.k-editor-content {
30725
30943
  margin: auto;
30726
30944
  }
30727
30945
 
30728
- .k-filebrowser .k-tile-empty.k-state-selected {
30946
+ .k-filebrowser .k-tile-empty.k-state-selected, .k-filebrowser .k-tile-empty.k-selected {
30729
30947
  color: inherit;
30730
30948
  border-width: 0;
30731
30949
  background-image: none;
@@ -30920,7 +31138,8 @@ td.k-editor-content {
30920
31138
  background-color: #ffffff;
30921
31139
  }
30922
31140
 
30923
- kendo-editor.k-readonly .k-editor-content.k-state-focused {
31141
+ kendo-editor.k-readonly .k-editor-content.k-state-focused,
31142
+ kendo-editor.k-readonly .k-editor-content.k-focus {
30924
31143
  outline-color: #424242;
30925
31144
  }
30926
31145
 
@@ -30942,7 +31161,7 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
30942
31161
  background-color: #00b0ff;
30943
31162
  }
30944
31163
 
30945
- .k-editor-inline:hover, .k-editor-inline.k-state-active {
31164
+ .k-editor-inline:hover, .k-editor-inline.k-state-active, .k-editor-inline.k-active {
30946
31165
  border-color: rgba(0, 0, 0, 0.08);
30947
31166
  }
30948
31167
 
@@ -30955,7 +31174,8 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
30955
31174
  outline-color: #8cf;
30956
31175
  }
30957
31176
 
30958
- .k-ct-popup .k-state-selected {
31177
+ .k-ct-popup .k-state-selected,
31178
+ .k-ct-popup .k-selected {
30959
31179
  border-color: rgba(0, 0, 0, 0.08);
30960
31180
  color: white;
30961
31181
  background-color: #ff6358;
@@ -31229,7 +31449,8 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
31229
31449
  white-space: nowrap;
31230
31450
  }
31231
31451
 
31232
- .k-gantt .k-treelist-scrollable tr.k-state-selected > td:last-child {
31452
+ .k-gantt .k-treelist-scrollable tr.k-state-selected > td:last-child,
31453
+ .k-gantt .k-treelist-scrollable tr.k-selected > td:last-child {
31233
31454
  background: transparent;
31234
31455
  }
31235
31456
 
@@ -31471,7 +31692,8 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
31471
31692
  position: absolute;
31472
31693
  }
31473
31694
 
31474
- .k-gantt-line.k-state-selected {
31695
+ .k-gantt-line.k-state-selected,
31696
+ .k-gantt-line.k-selected {
31475
31697
  z-index: 3;
31476
31698
  }
31477
31699
 
@@ -31552,7 +31774,8 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
31552
31774
  }
31553
31775
 
31554
31776
  .k-task-dot:hover::before,
31555
- .k-task-dot.k-state-hover::before {
31777
+ .k-task-dot.k-state-hover::before,
31778
+ .k-task-dot.k-hover::before {
31556
31779
  border-width: 1px;
31557
31780
  }
31558
31781
 
@@ -32020,7 +32243,8 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
32020
32243
  background-color: #424242;
32021
32244
  }
32022
32245
 
32023
- .k-gantt .k-treelist-scrollable .k-task-milestone.k-state-selected .k-task-milestone-content {
32246
+ .k-gantt .k-treelist-scrollable .k-task-milestone.k-state-selected .k-task-milestone-content,
32247
+ .k-gantt .k-treelist-scrollable .k-task-milestone.k-selected .k-task-milestone-content {
32024
32248
  border-color: rgba(0, 0, 0, 0.08);
32025
32249
  background-color: #ff6358;
32026
32250
  }
@@ -32030,7 +32254,8 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
32030
32254
  stroke: black;
32031
32255
  }
32032
32256
 
32033
- .k-gantt .k-gantt-dependencies-svg polyline.k-state-selected {
32257
+ .k-gantt .k-gantt-dependencies-svg polyline.k-state-selected,
32258
+ .k-gantt .k-gantt-dependencies-svg polyline.k-selected {
32034
32259
  stroke: #ff6358;
32035
32260
  }
32036
32261
 
@@ -32052,7 +32277,8 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
32052
32277
  }
32053
32278
 
32054
32279
  .k-task-dot:hover::before,
32055
- .k-task-dot.k-state-hover::before {
32280
+ .k-task-dot.k-state-hover::before,
32281
+ .k-task-dot.k-hover::before {
32056
32282
  border-color: #424242;
32057
32283
  background-color: #ffffff;
32058
32284
  }
@@ -32070,7 +32296,8 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
32070
32296
  background-color: #37b400;
32071
32297
  }
32072
32298
 
32073
- .k-task-milestone.k-state-selected {
32299
+ .k-task-milestone.k-state-selected,
32300
+ .k-task-milestone.k-selected {
32074
32301
  background-image: none;
32075
32302
  border-color: rgba(0, 0, 0, 0.08);
32076
32303
  background-color: #ff6358;
@@ -32100,11 +32327,13 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
32100
32327
  color: #37b400;
32101
32328
  }
32102
32329
 
32103
- .k-task-summary.k-state-selected {
32330
+ .k-task-summary.k-state-selected,
32331
+ .k-task-summary.k-selected {
32104
32332
  color: #ffaea8;
32105
32333
  }
32106
32334
 
32107
- .k-task-summary.k-state-selected .k-task-summary-complete {
32335
+ .k-task-summary.k-state-selected .k-task-summary-complete,
32336
+ .k-task-summary.k-selected .k-task-summary-complete {
32108
32337
  color: #ff6358;
32109
32338
  }
32110
32339
 
@@ -32133,12 +32362,14 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
32133
32362
  background-color: #37b400;
32134
32363
  }
32135
32364
 
32136
- .k-task-single.k-state-selected {
32365
+ .k-task-single.k-state-selected,
32366
+ .k-task-single.k-selected {
32137
32367
  color: white;
32138
32368
  background-color: #ffaea8;
32139
32369
  }
32140
32370
 
32141
- .k-task-single.k-state-selected .k-task-complete {
32371
+ .k-task-single.k-state-selected .k-task-complete,
32372
+ .k-task-single.k-selected .k-task-complete {
32142
32373
  background-color: #ff6358;
32143
32374
  }
32144
32375
 
@@ -32146,7 +32377,8 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
32146
32377
  color: black;
32147
32378
  }
32148
32379
 
32149
- .k-gantt-line.k-state-selected {
32380
+ .k-gantt-line.k-state-selected,
32381
+ .k-gantt-line.k-selected {
32150
32382
  color: #ff6358;
32151
32383
  }
32152
32384
 
@@ -32632,9 +32864,10 @@ kendo-scheduler .k-event .k-event-actions .k-event-delete,
32632
32864
  visibility: hidden;
32633
32865
  }
32634
32866
 
32635
- kendo-scheduler .k-event .k-event-actions:hover .k-event-delete, kendo-scheduler .k-event .k-event-actions.k-state-hover .k-event-delete,
32867
+ 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,
32636
32868
  .k-event .k-event-actions:hover .k-event-delete,
32637
- .k-event .k-event-actions.k-state-hover .k-event-delete {
32869
+ .k-event .k-event-actions.k-state-hover .k-event-delete,
32870
+ .k-event .k-event-actions.k-hover .k-event-delete {
32638
32871
  opacity: 1;
32639
32872
  }
32640
32873
 
@@ -32715,11 +32948,14 @@ kendo-scheduler .k-event .k-resize-e::before,
32715
32948
 
32716
32949
  kendo-scheduler .k-event:hover .k-event-actions .k-event-delete,
32717
32950
  kendo-scheduler .k-event:hover .k-resize-handle, kendo-scheduler .k-event.k-state-hover .k-event-actions .k-event-delete,
32718
- kendo-scheduler .k-event.k-state-hover .k-resize-handle,
32951
+ kendo-scheduler .k-event.k-state-hover .k-resize-handle, kendo-scheduler .k-event.k-hover .k-event-actions .k-event-delete,
32952
+ kendo-scheduler .k-event.k-hover .k-resize-handle,
32719
32953
  .k-event:hover .k-event-actions .k-event-delete,
32720
32954
  .k-event:hover .k-resize-handle,
32721
32955
  .k-event.k-state-hover .k-event-actions .k-event-delete,
32722
- .k-event.k-state-hover .k-resize-handle {
32956
+ .k-event.k-state-hover .k-resize-handle,
32957
+ .k-event.k-hover .k-event-actions .k-event-delete,
32958
+ .k-event.k-hover .k-resize-handle {
32723
32959
  visibility: visible;
32724
32960
  }
32725
32961
 
@@ -32933,9 +33169,11 @@ kendo-scheduler .k-recurrence-editor {
32933
33169
  }
32934
33170
 
32935
33171
  .k-scheduler-agendaview .k-state-hover .k-task > .k-event-delete,
33172
+ .k-scheduler-agendaview .k-hover .k-task > .k-event-delete,
32936
33173
  .k-scheduler-agendaview .k-scheduler-content tr:hover .k-event-delete,
32937
33174
  .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row:hover .k-event-delete,
32938
- .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row.k-state-hover .k-event-delete {
33175
+ .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row.k-state-hover .k-event-delete,
33176
+ .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row.k-hover .k-event-delete {
32939
33177
  visibility: visible;
32940
33178
  }
32941
33179
 
@@ -33008,7 +33246,8 @@ kendo-scheduler .k-recurrence-editor {
33008
33246
  position: relative;
33009
33247
  }
33010
33248
 
33011
- .k-scheduler-yearview .k-calendar td.k-state-selected {
33249
+ .k-scheduler-yearview .k-calendar td.k-state-selected,
33250
+ .k-scheduler-yearview .k-calendar td.k-selected {
33012
33251
  background-color: inherit;
33013
33252
  }
33014
33253
 
@@ -33282,7 +33521,9 @@ kendo-scheduler .k-recurrence-editor {
33282
33521
  }
33283
33522
 
33284
33523
  .k-scheduler-layout td.k-state-selected,
33285
- .k-scheduler-layout .k-scheduler-cell.k-state-selected {
33524
+ .k-scheduler-layout td.k-selected,
33525
+ .k-scheduler-layout .k-scheduler-cell.k-state-selected,
33526
+ .k-scheduler-layout .k-scheduler-cell.k-selected {
33286
33527
  background-color: rgba(255, 99, 88, 0.25);
33287
33528
  }
33288
33529
 
@@ -33296,7 +33537,7 @@ kendo-scheduler .k-recurrence-editor {
33296
33537
  background-color: #ff7c73;
33297
33538
  }
33298
33539
 
33299
- .k-event.k-state-selected {
33540
+ .k-event.k-state-selected, .k-event.k-selected {
33300
33541
  color: white;
33301
33542
  background-color: #ff6358;
33302
33543
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
@@ -33321,8 +33562,10 @@ kendo-scheduler .k-recurrence-editor {
33321
33562
 
33322
33563
  .k-scheduler-agendaview .k-scheduler-content tr:hover,
33323
33564
  .k-scheduler-agendaview .k-scheduler-content tr.k-state-hover,
33565
+ .k-scheduler-agendaview .k-scheduler-content tr.k-hover,
33324
33566
  .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row:hover,
33325
- .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row.k-state-hover {
33567
+ .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row.k-state-hover,
33568
+ .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row.k-hover {
33326
33569
  border-color: rgba(0, 0, 0, 0.08);
33327
33570
  color: #424242;
33328
33571
  background-color: #f0f0f0;
@@ -33332,18 +33575,23 @@ kendo-scheduler .k-recurrence-editor {
33332
33575
  .k-scheduler-agendaview .k-scheduler-content tr:hover .k-scheduler-datecolumn,
33333
33576
  .k-scheduler-agendaview .k-scheduler-content tr:hover .k-scheduler-groupcolumn,
33334
33577
  .k-scheduler-agendaview .k-scheduler-content tr.k-state-hover .k-scheduler-datecolumn,
33335
- .k-scheduler-agendaview .k-scheduler-content tr.k-state-hover .k-scheduler-groupcolumn {
33578
+ .k-scheduler-agendaview .k-scheduler-content tr.k-hover .k-scheduler-datecolumn,
33579
+ .k-scheduler-agendaview .k-scheduler-content tr.k-state-hover .k-scheduler-groupcolumn,
33580
+ .k-scheduler-agendaview .k-scheduler-content tr.k-hover .k-scheduler-groupcolumn {
33336
33581
  border-color: rgba(0, 0, 0, 0.08);
33337
33582
  color: #424242;
33338
33583
  background-color: #ffffff;
33339
33584
  }
33340
33585
 
33341
- .k-scheduler-agendaview .k-scheduler-content tr.k-state-selected {
33586
+ .k-scheduler-agendaview .k-scheduler-content tr.k-state-selected,
33587
+ .k-scheduler-agendaview .k-scheduler-content tr.k-selected {
33342
33588
  background-color: rgba(255, 99, 88, 0.25);
33343
33589
  }
33344
33590
 
33345
33591
  .k-scheduler-agendaview .k-scheduler-content tr.k-state-selected .k-scheduler-datecolumn,
33346
- .k-scheduler-agendaview .k-scheduler-content tr.k-state-selected .k-scheduler-groupcolumn {
33592
+ .k-scheduler-agendaview .k-scheduler-content tr.k-selected .k-scheduler-datecolumn,
33593
+ .k-scheduler-agendaview .k-scheduler-content tr.k-state-selected .k-scheduler-groupcolumn,
33594
+ .k-scheduler-agendaview .k-scheduler-content tr.k-selected .k-scheduler-groupcolumn {
33347
33595
  background-color: #ffffff;
33348
33596
  }
33349
33597
 
@@ -33351,7 +33599,8 @@ kendo-scheduler .k-recurrence-editor {
33351
33599
  background-color: #ff6358;
33352
33600
  }
33353
33601
 
33354
- .k-scheduler-yearview .k-state-selected .k-day-indicator {
33602
+ .k-scheduler-yearview .k-state-selected .k-day-indicator,
33603
+ .k-scheduler-yearview .k-selected .k-day-indicator {
33355
33604
  background-color: white;
33356
33605
  }
33357
33606
 
@@ -33518,18 +33767,21 @@ kendo-scheduler .k-recurrence-editor {
33518
33767
  text-decoration: underline;
33519
33768
  }
33520
33769
 
33521
- .k-chat .k-message.k-state-selected {
33770
+ .k-chat .k-message.k-state-selected,
33771
+ .k-chat .k-message.k-selected {
33522
33772
  margin-bottom: 16px;
33523
33773
  border: 0;
33524
33774
  color: inherit;
33525
33775
  background: none;
33526
33776
  }
33527
33777
 
33528
- .k-chat .k-message.k-state-selected .k-message-time {
33778
+ .k-chat .k-message.k-state-selected .k-message-time,
33779
+ .k-chat .k-message.k-selected .k-message-time {
33529
33780
  opacity: 1;
33530
33781
  }
33531
33782
 
33532
- .k-chat .k-message.k-state-selected .k-message-status {
33783
+ .k-chat .k-message.k-state-selected .k-message-status,
33784
+ .k-chat .k-message.k-selected .k-message-status {
33533
33785
  height: 1.2em;
33534
33786
  }
33535
33787
 
@@ -33649,7 +33901,7 @@ kendo-scheduler .k-recurrence-editor {
33649
33901
  align-items: center;
33650
33902
  }
33651
33903
 
33652
- .k-message-box:focus, .k-message-box.k-state-focus, .k-message-box:focus-within {
33904
+ .k-message-box:focus, .k-message-box.k-state-focus, .k-message-box.k-focus, .k-message-box:focus-within {
33653
33905
  outline: 0;
33654
33906
  box-shadow: none;
33655
33907
  }
@@ -33714,7 +33966,7 @@ kendo-scheduler .k-recurrence-editor {
33714
33966
  flex: 0 0 auto;
33715
33967
  }
33716
33968
 
33717
- .k-chat .k-card-deck .k-card-wrap.k-state-selected {
33969
+ .k-chat .k-card-deck .k-card-wrap.k-state-selected, .k-chat .k-card-deck .k-card-wrap.k-selected {
33718
33970
  background: none;
33719
33971
  }
33720
33972
 
@@ -33920,7 +34172,8 @@ kendo-scheduler .k-recurrence-editor {
33920
34172
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
33921
34173
  }
33922
34174
 
33923
- .k-chat .k-state-selected .k-bubble {
34175
+ .k-chat .k-state-selected .k-bubble,
34176
+ .k-chat .k-selected .k-bubble {
33924
34177
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
33925
34178
  }
33926
34179
 
@@ -33935,7 +34188,8 @@ kendo-scheduler .k-recurrence-editor {
33935
34188
  box-shadow: 0 1px 2px rgba(255, 99, 88, 0.2);
33936
34189
  }
33937
34190
 
33938
- .k-chat .k-alt .k-state-selected .k-bubble {
34191
+ .k-chat .k-alt .k-state-selected .k-bubble,
34192
+ .k-chat .k-alt .k-selected .k-bubble {
33939
34193
  box-shadow: 0 3px 10px rgba(255, 99, 88, 0.4);
33940
34194
  }
33941
34195
 
@@ -34505,7 +34759,8 @@ kendo-scheduler .k-recurrence-editor {
34505
34759
  color: #424242;
34506
34760
  }
34507
34761
 
34508
- .k-timeline .k-timeline-arrow.k-state-disabled {
34762
+ .k-timeline .k-timeline-arrow.k-state-disabled,
34763
+ .k-timeline .k-timeline-arrow.k-disabled {
34509
34764
  opacity: 1;
34510
34765
  color: #848484;
34511
34766
  background-color: #f9f9f9;
@@ -34522,7 +34777,8 @@ kendo-scheduler .k-recurrence-editor {
34522
34777
  background-color: #ff6358;
34523
34778
  }
34524
34779
 
34525
- .k-timeline-track-item.k-state-focus .k-timeline-circle {
34780
+ .k-timeline-track-item.k-state-focus .k-timeline-circle,
34781
+ .k-timeline-track-item.k-focus .k-timeline-circle {
34526
34782
  box-shadow: 0 3px 4px 0 rgba(255, 99, 88, 0.4);
34527
34783
  }
34528
34784
 
@@ -35006,22 +35262,25 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
35006
35262
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
35007
35263
  }
35008
35264
 
35009
- .k-scrollview-next:focus, .k-scrollview-next.k-state-focus,
35265
+ .k-scrollview-next:focus, .k-scrollview-next.k-state-focus, .k-scrollview-next.k-focus,
35010
35266
  .k-scrollview-prev:focus,
35011
- .k-scrollview-prev.k-state-focus {
35267
+ .k-scrollview-prev.k-state-focus,
35268
+ .k-scrollview-prev.k-focus {
35012
35269
  color: white;
35013
35270
  opacity: 1;
35014
35271
  }
35015
35272
 
35016
- .k-scrollview-next:focus .k-icon::before, .k-scrollview-next.k-state-focus .k-icon::before,
35273
+ .k-scrollview-next:focus .k-icon::before, .k-scrollview-next.k-state-focus .k-icon::before, .k-scrollview-next.k-focus .k-icon::before,
35017
35274
  .k-scrollview-prev:focus .k-icon::before,
35018
- .k-scrollview-prev.k-state-focus .k-icon::before {
35275
+ .k-scrollview-prev.k-state-focus .k-icon::before,
35276
+ .k-scrollview-prev.k-focus .k-icon::before {
35019
35277
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
35020
35278
  }
35021
35279
 
35022
- .k-scrollview-next:hover, .k-scrollview-next.k-state-hover,
35280
+ .k-scrollview-next:hover, .k-scrollview-next.k-state-hover, .k-scrollview-next.k-hover,
35023
35281
  .k-scrollview-prev:hover,
35024
- .k-scrollview-prev.k-state-hover {
35282
+ .k-scrollview-prev.k-state-hover,
35283
+ .k-scrollview-prev.k-hover {
35025
35284
  color: white;
35026
35285
  opacity: 1;
35027
35286
  }
@@ -35038,14 +35297,16 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
35038
35297
  border: #ff6358;
35039
35298
  }
35040
35299
 
35041
- .k-scrollview-pageable > .k-button:focus, .k-scrollview-pageable > .k-button.k-state-focused,
35300
+ .k-scrollview-pageable > .k-button:focus, .k-scrollview-pageable > .k-button.k-state-focused, .k-scrollview-pageable > .k-button.k-focus,
35042
35301
  .k-scrollview-nav > .k-link:focus,
35043
- .k-scrollview-nav > .k-link.k-state-focused {
35302
+ .k-scrollview-nav > .k-link.k-state-focused,
35303
+ .k-scrollview-nav > .k-link.k-focus {
35044
35304
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
35045
35305
  }
35046
35306
 
35047
35307
  .k-scrollview-nav > .k-link:hover,
35048
- .k-scrollview-nav > .k-link.k-state-hover {
35308
+ .k-scrollview-nav > .k-link.k-state-hover,
35309
+ .k-scrollview-nav > .k-link.k-hover {
35049
35310
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
35050
35311
  }
35051
35312
 
@@ -35760,7 +36021,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
35760
36021
  color: #424242;
35761
36022
  }
35762
36023
 
35763
- .k-treemap .k-leaf.k-state-hover {
36024
+ .k-treemap .k-leaf.k-state-hover,
36025
+ .k-treemap .k-leaf.k-hover {
35764
36026
  box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.08);
35765
36027
  }
35766
36028
 
@@ -36033,7 +36295,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
36033
36295
  .k-orgchart-node-group-container:focus,
36034
36296
  .k-orgchart-node-group-container.k-focus,
36035
36297
  .k-orgchart-node-group-container.k-state-focus,
36036
- .k-orgchart-node-group-container.k-state-focused {
36298
+ .k-orgchart-node-group-container.k-state-focused,
36299
+ .k-orgchart-node-group-container.k-focus {
36037
36300
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
36038
36301
  border-color: rgba(0, 0, 0, 0.15);
36039
36302
  }