@progress/kendo-theme-material 5.3.2-dev.4 → 5.4.2-dev.0

package/dist/all.css

@@ -167,6 +167,7 @@ kendo-sortable {
 }
 
 .k-state-disabled,
+.k-disabled,
 .k-widget[disabled],
 .k-disabled {
     outline: none;
@@ -178,6 +179,7 @@ kendo-sortable {
 }
 
 .k-state-disabled .k-link,
+.k-disabled .k-link,
 .k-widget[disabled] .k-link,
 .k-disabled .k-link {
     cursor: default;
@@ -187,6 +189,9 @@ kendo-sortable {
 .k-state-disabled [disabled],
 .k-state-disabled .k-disabled,
 .k-state-disabled .k-state-disabled,
+.k-disabled [disabled],
+.k-disabled .k-disabled,
+.k-disabled .k-state-disabled,
 .k-widget[disabled] [disabled],
 .k-widget[disabled] .k-disabled,
 .k-widget[disabled] .k-state-disabled,
@@ -14316,6 +14321,11 @@ textarea.k-input-inner {
     padding: 10px;
 }
 
+.k-input > kendo-popup,
+.k-picker > kendo-popup {
+    position: fixed;
+}
+
 @keyframes autoFillStart {
     from {
     }
@@ -14424,12 +14434,12 @@ textarea.k-input-inner {
     background-color: #3f51b5;
 }
 
-.k-floating-label-container.k-state-focused::after {
+.k-floating-label-container.k-state-focused::after, .k-floating-label-container.k-focus::after {
     opacity: 1;
     transform: scaleX(1);
 }
 
-.k-floating-label-container.k-state-invalid::after {
+.k-floating-label-container.k-state-invalid::after, .k-floating-label-container.k-invalid::after {
     background-color: #f31700;
     transition: none;
 }
@@ -14678,6 +14688,7 @@ textarea.k-input-inner {
 .k-floating-label-container .k-invalid + .k-label,
 .k-floating-label-container.k-state-invalid + .k-label,
 .k-floating-label-container .k-state-invalid + .k-label,
+.k-floating-label-container .k-invalid + .k-label,
 .k-floating-label-container .ng-invalid.ng-touched + .k-label,
 .k-floating-label-container .ng-invalid.ng-dirty + .k-label {
     color: #f31700;
@@ -17900,7 +17911,8 @@ kendo-label > .k-label {
     box-sizing: border-box;
 }
 
-.k-progressbar > .k-state-selected {
+.k-progressbar > .k-state-selected,
+.k-progressbar > .k-selected {
     border-width: 0;
     border-style: solid;
     display: flex;
@@ -17972,13 +17984,15 @@ kendo-label > .k-label {
     flex-direction: row;
 }
 
-.k-progressbar-horizontal > .k-state-selected {
+.k-progressbar-horizontal > .k-state-selected,
+.k-progressbar-horizontal > .k-selected {
     width: 0;
     width: calc(var( --kendo-progressbar-progress, 0 )*1%);
     flex-direction: row;
 }
 
-.k-progressbar-horizontal > .k-state-selected > .k-progress-status-wrap {
+.k-progressbar-horizontal > .k-state-selected > .k-progress-status-wrap,
+.k-progressbar-horizontal > .k-selected > .k-progress-status-wrap {
     width: calc(100%*(100/var( --kendo-progressbar-progress, 1 )));
 }
 
@@ -17992,7 +18006,8 @@ kendo-label > .k-label {
     border-inline-end-width: 0;
 }
 
-.k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected {
+.k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected,
+.k-progressbar-horizontal.k-progressbar-reverse > .k-selected {
     flex-direction: row-reverse;
     justify-self: flex-end;
 }
@@ -18013,7 +18028,8 @@ kendo-label > .k-label {
         writing-mode: vertical-lr;
 }
 
-.k-progressbar-vertical > .k-state-selected {
+.k-progressbar-vertical > .k-state-selected,
+.k-progressbar-vertical > .k-selected {
     height: 0;
     height: calc(var( --kendo-progressbar-progress, 0 )*1%);
     flex-direction: column-reverse;
@@ -18021,7 +18037,8 @@ kendo-label > .k-label {
     align-items: flex-end;
 }
 
-.k-progressbar-vertical > .k-state-selected > .k-progress-status-wrap {
+.k-progressbar-vertical > .k-state-selected > .k-progress-status-wrap,
+.k-progressbar-vertical > .k-selected > .k-progress-status-wrap {
     height: calc(100%*(100/var( --kendo-progressbar-progress, 1 )));
 }
 
@@ -18039,19 +18056,23 @@ kendo-label > .k-label {
     flex-direction: column;
 }
 
-.k-progressbar-vertical.k-progressbar-reverse > .k-state-selected {
+.k-progressbar-vertical.k-progressbar-reverse > .k-state-selected,
+.k-progressbar-vertical.k-progressbar-reverse > .k-selected {
     flex-direction: column;
     align-self: flex-start;
 }
 
 .k-progressbar-indeterminate .k-progress-status-wrap,
 .k-progressbar-indeterminate .k-state-selected,
+.k-progressbar-indeterminate .k-selected,
 .k-progressbar-indeterminate .k-item {
     display: none;
 }
 
 .telerik-blazor.k-progressbar-horizontal > .k-state-selected,
-.telerik-blazor.k-progressbar-horizontal > .k-state-selected > .k-progress-status-wrap {
+.telerik-blazor.k-progressbar-horizontal > .k-selected,
+.telerik-blazor.k-progressbar-horizontal > .k-state-selected > .k-progress-status-wrap,
+.telerik-blazor.k-progressbar-horizontal > .k-selected > .k-progress-status-wrap {
     transition: width .1s ease-in-out;
 }
 
@@ -18065,7 +18086,8 @@ kendo-label > .k-label {
 }
 
 .k-progressbar > .k-progress-status-wrap,
-.k-progressbar > .k-state-selected {
+.k-progressbar > .k-state-selected,
+.k-progressbar > .k-selected {
     -ms-grid-column: 1;
     -ms-grid-row: 1;
 }
@@ -18075,7 +18097,8 @@ kendo-label > .k-label {
     -ms-grid-rows: 5px;
 }
 
-.k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected {
+.k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected,
+.k-progressbar-horizontal.k-progressbar-reverse > .k-selected {
     -ms-grid-column-align: end;
 }
 
@@ -18084,11 +18107,13 @@ kendo-label > .k-label {
     -ms-grid-rows: 1fr;
 }
 
-.k-progressbar-vertical > .k-state-selected {
+.k-progressbar-vertical > .k-state-selected,
+.k-progressbar-vertical > .k-selected {
     -ms-grid-row-align: end;
 }
 
-.k-progressbar-vertical.k-progressbar-reverse > .k-state-selected {
+.k-progressbar-vertical.k-progressbar-reverse > .k-state-selected,
+.k-progressbar-vertical.k-progressbar-reverse > .k-selected {
     -ms-grid-row-align: start;
 }
 
@@ -18230,7 +18255,8 @@ kendo-label > .k-label {
     background-color: #bac0e4;
 }
 
-.k-progressbar .k-state-selected {
+.k-progressbar .k-state-selected,
+.k-progressbar .k-selected {
     color: white;
     background-color: #3f51b5;
 }
@@ -18375,12 +18401,14 @@ kendo-label > .k-label {
 }
 
 .k-ripple-container .k-radio:focus,
-.k-ripple-container .k-radio.k-state-focus {
+.k-ripple-container .k-radio.k-state-focus,
+.k-ripple-container .k-radio.k-focus {
     box-shadow: none !important;
 }
 
 .k-ripple-container .k-radio:focus::after,
-.k-ripple-container .k-radio.k-state-focus::after {
+.k-ripple-container .k-radio.k-state-focus::after,
+.k-ripple-container .k-radio.k-focus::after {
     transform: translate(-50%, -50%) scale(1);
 }
 
@@ -18531,7 +18559,9 @@ kendo-label > .k-label {
 
 .k-slider.k-state-disabled .k-tick,
 .k-slider.k-state-disabled .k-slider-track,
-.k-slider.k-state-disabled .k-draghandle {
+.k-slider.k-state-disabled .k-draghandle, .k-slider.k-disabled .k-tick,
+.k-slider.k-disabled .k-slider-track,
+.k-slider.k-disabled .k-draghandle {
     cursor: default;
 }
 
@@ -19062,15 +19092,15 @@ kendo-label > .k-label {
     border-radius: 50%;
 }
 
-.k-slider .k-draghandle:focus, .k-slider .k-draghandle.k-state-focused {
+.k-slider .k-draghandle:focus, .k-slider .k-draghandle.k-state-focused, .k-slider .k-draghandle.k-focus {
     box-shadow: 0 0 0 11px rgba(63, 81, 181, 0.25);
 }
 
-.k-slider.k-state-focused .k-draghandle {
+.k-slider.k-state-focused .k-draghandle, .k-slider.k-focus .k-draghandle {
     box-shadow: 0 0 0 11px rgba(63, 81, 181, 0.25);
 }
 
-.k-slider.k-state-disabled {
+.k-slider.k-state-disabled, .k-slider.k-disabled {
     opacity: 0.65;
 }
 
@@ -19095,17 +19125,19 @@ kendo-label > .k-label {
     box-shadow: 0 0 0 11px rgba(63, 81, 181, 0.25);
 }
 
-.k-slider.k-state-disabled {
+.k-slider.k-state-disabled, .k-slider.k-disabled {
     opacity: 1;
 }
 
 .k-slider.k-state-disabled .k-slider-track,
 .k-slider.k-state-disabled .k-slider-selection,
-.k-slider.k-state-disabled .k-draghandle {
+.k-slider.k-state-disabled .k-draghandle, .k-slider.k-disabled .k-slider-track,
+.k-slider.k-disabled .k-slider-selection,
+.k-slider.k-disabled .k-draghandle {
     background-color: #bac0e4;
 }
 
-.k-slider.k-state-disabled .k-draghandle {
+.k-slider.k-state-disabled .k-draghandle, .k-slider.k-disabled .k-draghandle {
     border: 2px solid inherit;
 }
 
@@ -19608,7 +19640,9 @@ kendo-label > .k-label {
 }
 
 .k-calendar .k-calendar-td.k-state-selected:hover .k-link,
+.k-calendar .k-calendar-td.k-selected:hover .k-link,
 .k-calendar .k-calendar-td.k-state-selected.k-state-hover .k-link,
+.k-calendar .k-calendar-td.k-selected.k-hover .k-link,
 .k-calendar .k-calendar-td.k-selected:hover .k-link,
 .k-calendar .k-calendar-td.k-selected.k-hover .k-link {
     color: white;
@@ -19671,6 +19705,7 @@ kendo-label > .k-label {
 }
 
 .k-calendar .k-range-start.k-state-active .k-link,
+.k-calendar .k-range-start.k-active .k-link,
 .k-calendar .k-range-end.k-state-active .k-link,
 .k-calendar .k-range-end.k-active .k-link {
     box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.2);
@@ -19703,13 +19738,15 @@ kendo-label > .k-label {
     background-image: linear-gradient(to right, rgba(63, 81, 181, 0.25), transparent 100%);
 }
 
-.k-calendar .k-state-focused .k-link {
+.k-calendar .k-state-focused .k-link,
+.k-calendar .k-focus .k-link {
     border-color: rgba(0, 0, 0, 0.15);
     color: rgba(0, 0, 0, 0.87);
     background-color: rgba(0, 0, 0, 0.04);
 }
 
-.k-calendar .k-state-selected.k-state-focused .k-link {
+.k-calendar .k-state-selected.k-state-focused .k-link,
+.k-calendar .k-selected.k-focused .k-link {
     border-color: #3f51b5;
     color: white;
     background-color: #4e5fbb;
@@ -19807,7 +19844,7 @@ kendo-label > .k-label {
     display: block;
 }
 
-.k-time-list-wrapper.k-state-focused::before, .k-time-list-wrapper.k-state-focused::after {
+.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 {
     display: block;
     content: "\200b";
     position: absolute;
@@ -19820,11 +19857,11 @@ kendo-label > .k-label {
     border-style: solid;
 }
 
-.k-time-list-wrapper.k-state-focused::before {
+.k-time-list-wrapper.k-state-focused::before, .k-time-list-wrapper.k-focus::before {
     top: 18px;
 }
 
-.k-time-list-wrapper.k-state-focused::after {
+.k-time-list-wrapper.k-state-focused::after, .k-time-list-wrapper.k-focus::after {
     bottom: 0;
 }
 
@@ -19934,7 +19971,7 @@ kendo-label > .k-label {
     color: rgba(0, 0, 0, 0.54);
 }
 
-.k-time-list-wrapper.k-state-focused .k-title {
+.k-time-list-wrapper.k-state-focused .k-title, .k-time-list-wrapper.k-focus .k-title {
     color: rgba(0, 0, 0, 0.87);
 }
 
@@ -20060,7 +20097,7 @@ kendo-label > .k-label {
     z-index: 101;
 }
 
-.k-colorpalette-tile:focus, .k-colorpalette-tile.k-state-focus, .k-colorpalette-tile.k-state-selected, .k-colorpalette-tile.k-state-selected:hover {
+.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 {
     position: relative;
     z-index: 100;
 }
@@ -20073,7 +20110,7 @@ kendo-label > .k-label {
     box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.8);
 }
 
-.k-colorpalette-tile.k-state-selected, .k-colorpalette-tile.k-state-selected:hover, .k-colorpalette-tile.k-selected, .k-colorpalette-tile.k-selected:hover {
+.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 {
     box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3), inset 0 0 0 1px white;
 }
 
@@ -20805,11 +20842,14 @@ kendo-label > .k-label {
     color: rgba(0, 0, 0, 0.87);
 }
 
-.k-rating:focus .k-rating-item > .k-icon, .k-rating.k-state-focused .k-rating-item > .k-icon {
+.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 {
     text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }
 
-.k-rating:focus .k-rating-item.k-state-selected > .k-icon, .k-rating.k-state-focused .k-rating-item.k-state-selected > .k-icon {
+.k-rating:focus .k-rating-item.k-state-selected > .k-icon,
+.k-rating:focus .k-rating-item.k-selected > .k-icon, .k-rating.k-state-focused .k-rating-item.k-state-selected > .k-icon,
+.k-rating.k-state-focused .k-rating-item.k-selected > .k-icon, .k-rating.k-focus .k-rating-item.k-state-selected > .k-icon,
+.k-rating.k-focus .k-rating-item.k-selected > .k-icon {
     text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }
 
@@ -20817,15 +20857,15 @@ kendo-label > .k-label {
     color: rgba(0, 0, 0, 0.54);
 }
 
-.k-rating-item.k-state-selected {
+.k-rating-item.k-state-selected, .k-rating-item.k-selected {
     color: #303f9f;
 }
 
-.k-rating-item.k-state-selected:focus, .k-rating-item.k-state-selected.k-state-focused {
+.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 {
     color: #303f9f;
 }
 
-.k-rating-item:hover, .k-rating-item.k-state-hover {
+.k-rating-item:hover, .k-rating-item.k-state-hover, .k-rating-item.k-hover {
     color: #303f9f;
     cursor: pointer;
 }
@@ -21597,7 +21637,8 @@ kendo-label > .k-label {
 }
 
 .k-upload-button input[disabled],
-.k-upload-button input.k-state-disabled {
+.k-upload-button input.k-state-disabled,
+.k-upload-button input.k-disabled {
     visibility: hidden;
 }
 
@@ -21626,11 +21667,12 @@ kendo-label > .k-label {
     border-color: rgba(0, 0, 0, 0.12);
 }
 
-.k-upload .k-file.k-state-focused {
+.k-upload .k-file.k-state-focused, .k-upload .k-file.k-focus {
     box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
 }
 
-.k-upload .k-file .k-upload-action.k-state-focused {
+.k-upload .k-file .k-upload-action.k-state-focused,
+.k-upload .k-file .k-upload-action.k-focus {
     box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
 }
 
@@ -21706,7 +21748,7 @@ kendo-label > .k-label {
     color: rgba(0, 0, 0, 0.87);
 }
 
-.k-upload.k-state-invalid, .k-upload.ng-invalid.ng-touched, .k-upload.ng-invalid.ng-dirty {
+.k-upload.k-state-invalid, .k-upload.k-invalid, .k-upload.ng-invalid.ng-touched, .k-upload.ng-invalid.ng-dirty {
     border-color: #f31700;
 }
 
@@ -22570,11 +22612,11 @@ kendo-label > .k-label {
     color: rgba(0, 0, 0, 0.54);
 }
 
-.k-actionsheet-action:hover, .k-actionsheet-action.k-state-hover {
+.k-actionsheet-action:hover, .k-actionsheet-action.k-state-hover, .k-actionsheet-action.k-hover {
     background-color: rgba(0, 0, 0, 0.04);
 }
 
-.k-actionsheet-action:focus, .k-actionsheet-action.k-state-focus {
+.k-actionsheet-action:focus, .k-actionsheet-action.k-state-focus, .k-actionsheet-action.k-focus {
     background-color: rgba(0, 0, 0, 0.12);
 }
 
@@ -22742,7 +22784,7 @@ kendo-label > .k-label {
     box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
 }
 
-.k-window:focus, .k-window.k-state-focused {
+.k-window:focus, .k-window.k-state-focused, .k-window.k-focus {
     box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
 }
 
@@ -23076,26 +23118,26 @@ kendo-drawer .k-drawer-wrapper {
     background: #9c9c9c;
 }
 
-.k-drawer-item:hover, .k-drawer-item.k-state-hover {
+.k-drawer-item:hover, .k-drawer-item.k-state-hover, .k-drawer-item.k-hover {
     color: rgba(0, 0, 0, 0.87);
     background-color: rgba(0, 0, 0, 0.04);
 }
 
-.k-drawer-item:focus, .k-drawer-item.k-state-focused {
+.k-drawer-item:focus, .k-drawer-item.k-state-focused, .k-drawer-item.k-focus {
     background-color: rgba(0, 0, 0, 0.04);
     box-shadow: none;
 }
 
-.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 {
+.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 {
     color: rgba(0, 0, 0, 0.87);
     background-color: rgba(0, 0, 0, 0.04);
 }
 
-.k-drawer-item.k-state-selected {
+.k-drawer-item.k-state-selected, .k-drawer-item.k-selected {
     color: #e51a5f;
 }
 
-.k-drawer-item.k-state-selected:hover, .k-drawer-item.k-state-selected.k-state-hover {
+.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 {
     color: #e51a5f;
     background-color: rgba(0, 0, 0, 0.04);
 }
@@ -23104,7 +23146,7 @@ kendo-drawer .k-drawer-wrapper {
     background-color: rgba(0, 0, 0, 0.12);
 }
 
-.k-drawer-item.k-state-selected:focus, .k-drawer-item.k-state-selected.k-state-focused {
+.k-drawer-item.k-state-selected:focus, .k-drawer-item.k-state-selected.k-state-focused, .k-drawer-item.k-state-selected.k-focus, .k-drawer-item.k-selected:focus, .k-drawer-item.k-selected.k-state-focused, .k-drawer-item.k-selected.k-focus {
     background-color: rgba(0, 0, 0, 0.04);
     box-shadow: none;
 }
@@ -23986,7 +24028,8 @@ kendo-card-footer {
     outline: 0;
 }
 
-.k-bottom-nav-item.k-state-disabled {
+.k-bottom-nav-item.k-state-disabled,
+.k-bottom-nav-item.k-disabled {
     background-color: initial;
 }
 
@@ -24019,12 +24062,15 @@ kendo-card-footer {
 }
 
 .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-state-focus,
+.k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-focus,
 .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-state-focused,
+.k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-focus,
 .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item:focus {
     background-color: rgba(188, 194, 229, 0.2);
 }
 
-.k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-state-selected {
+.k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-state-selected,
+.k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-selected {
     color: white;
 }
 
@@ -24034,12 +24080,15 @@ kendo-card-footer {
 }
 
 .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-state-focus,
+.k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-focus,
 .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-state-focused,
+.k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-focus,
 .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item:focus {
     background-color: rgba(246, 175, 199, 0.2);
 }
 
-.k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-state-selected {
+.k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-state-selected,
+.k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-selected {
     color: white;
 }
 
@@ -24049,12 +24098,15 @@ kendo-card-footer {
 }
 
 .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-state-focus,
+.k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-focus,
 .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-state-focused,
+.k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-focus,
 .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item:focus {
     background-color: rgba(166, 203, 198, 0.2);
 }
 
-.k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-state-selected {
+.k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-state-selected,
+.k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-selected {
     color: white;
 }
 
@@ -24064,12 +24116,15 @@ kendo-card-footer {
 }
 
 .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-state-focus,
+.k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-focus,
 .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-state-focused,
+.k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-focus,
 .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item:focus {
     background-color: rgba(166, 197, 247, 0.2);
 }
 
-.k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-state-selected {
+.k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-state-selected,
+.k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-selected {
     color: white;
 }
 
@@ -24079,12 +24134,15 @@ kendo-card-footer {
 }
 
 .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-state-focus,
+.k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-focus,
 .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-state-focused,
+.k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-focus,
 .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item:focus {
     background-color: rgba(185, 229, 166, 0.2);
 }
 
-.k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-state-selected {
+.k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-state-selected,
+.k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-selected {
     color: white;
 }
 
@@ -24094,12 +24152,15 @@ kendo-card-footer {
 }
 
 .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-state-focus,
+.k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-focus,
 .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-state-focused,
+.k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-focus,
 .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item:focus {
     background-color: rgba(89, 67, 0, 0.2);
 }
 
-.k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-state-selected {
+.k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-state-selected,
+.k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-selected {
     color: black;
 }
 
@@ -24109,12 +24170,15 @@ kendo-card-footer {
 }
 
 .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-state-focus,
+.k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-focus,
 .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-state-focused,
+.k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-focus,
 .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item:focus {
     background-color: rgba(251, 174, 166, 0.2);
 }
 
-.k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-state-selected {
+.k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-state-selected,
+.k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-selected {
     color: white;
 }
 
@@ -24124,12 +24188,15 @@ kendo-card-footer {
 }
 
 .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-state-focus,
+.k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-focus,
 .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-state-focused,
+.k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-focus,
 .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item:focus {
     background-color: rgba(189, 189, 189, 0.2);
 }
 
-.k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-state-selected {
+.k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-state-selected,
+.k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-selected {
     color: white;
 }
 
@@ -24139,12 +24206,15 @@ kendo-card-footer {
 }
 
 .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-state-focus,
+.k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-focus,
 .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-state-focused,
+.k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-focus,
 .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item:focus {
     background-color: rgba(86, 86, 86, 0.2);
 }
 
-.k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-state-selected {
+.k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-state-selected,
+.k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-selected {
     color: black;
 }
 
@@ -24154,12 +24224,15 @@ kendo-card-footer {
 }
 
 .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-state-focus,
+.k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-focus,
 .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-state-focused,
+.k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-focus,
 .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item:focus {
     background-color: rgba(189, 189, 189, 0.2);
 }
 
-.k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-state-selected {
+.k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-state-selected,
+.k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-selected {
     color: white;
 }
 
@@ -24170,48 +24243,60 @@ kendo-card-footer {
 }
 
 .k-bottom-nav-flat .k-bottom-nav-item.k-state-focus,
+.k-bottom-nav-flat .k-bottom-nav-item.k-focus,
 .k-bottom-nav-flat .k-bottom-nav-item.k-state-focused,
+.k-bottom-nav-flat .k-bottom-nav-item.k-focus,
 .k-bottom-nav-flat .k-bottom-nav-item:focus {
     background-color: rgba(0, 0, 0, 0.05);
 }
 
-.k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item.k-state-selected {
+.k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item.k-state-selected,
+.k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item.k-selected {
     color: #3f51b5;
 }
 
-.k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item.k-state-selected {
+.k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item.k-state-selected,
+.k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item.k-selected {
     color: #ae1448;
 }
 
-.k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item.k-state-selected {
+.k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item.k-state-selected,
+.k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item.k-selected {
     color: #00695c;
 }
 
-.k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item.k-state-selected {
+.k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item.k-state-selected,
+.k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item.k-selected {
     color: #0058e9;
 }
 
-.k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item.k-state-selected {
+.k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item.k-state-selected,
+.k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item.k-selected {
     color: #37b400;
 }
 
-.k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item.k-state-selected {
+.k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item.k-state-selected,
+.k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item.k-selected {
     color: #ffc000;
 }
 
-.k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item.k-state-selected {
+.k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item.k-state-selected,
+.k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item.k-selected {
     color: #f31700;
 }
 
-.k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item.k-state-selected {
+.k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item.k-state-selected,
+.k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item.k-selected {
     color: #424242;
 }
 
-.k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item.k-state-selected {
+.k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item.k-state-selected,
+.k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item.k-selected {
     color: #bababa;
 }
 
-.k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item.k-state-selected {
+.k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item.k-state-selected,
+.k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item.k-selected {
     color: #424242;
 }
 
@@ -24335,7 +24420,7 @@ kendo-card-footer {
     background-color: white;
 }
 
-.k-breadcrumb:focus, .k-breadcrumb.k-state-focused {
+.k-breadcrumb:focus, .k-breadcrumb.k-state-focused, .k-breadcrumb.k-focus {
     box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.06);
 }
 
@@ -24343,19 +24428,19 @@ kendo-card-footer {
     color: #3f51b5;
 }
 
-.k-breadcrumb-link:hover, .k-breadcrumb-link.k-state-hover {
+.k-breadcrumb-link:hover, .k-breadcrumb-link.k-state-hover, .k-breadcrumb-link.k-hover {
     background-color: rgba(0, 0, 0, 0.04);
 }
 
-.k-breadcrumb-link:focus, .k-breadcrumb-link.k-state-focused {
+.k-breadcrumb-link:focus, .k-breadcrumb-link.k-state-focused, .k-breadcrumb-link.k-focus {
     background-color: rgba(0, 0, 0, 0.12);
 }
 
-.k-breadcrumb-root-link:hover, .k-breadcrumb-root-link.k-state-hover {
+.k-breadcrumb-root-link:hover, .k-breadcrumb-root-link.k-state-hover, .k-breadcrumb-root-link.k-hover {
     background-color: rgba(0, 0, 0, 0.04);
 }
 
-.k-breadcrumb-root-link:focus, .k-breadcrumb-root-link.k-state-focused {
+.k-breadcrumb-root-link:focus, .k-breadcrumb-root-link.k-state-focused, .k-breadcrumb-root-link.k-focus {
     background-color: rgba(0, 0, 0, 0.12);
 }
 
@@ -24392,7 +24477,7 @@ kendo-card-footer {
     background-color: inherit;
 }
 
-.k-pager-wrap .k-link:focus, .k-pager-wrap .k-link.k-state-focus {
+.k-pager-wrap .k-link:focus, .k-pager-wrap .k-link.k-state-focus, .k-pager-wrap .k-link.k-focus {
     z-index: 3;
 }
 
@@ -24445,7 +24530,7 @@ kendo-card-footer {
     z-index: 2;
 }
 
-.k-state-disabled.k-pager-nav, .k-pager-numbers .k-state-disabled.k-link, .k-state-disabled.k-pager-refresh {
+.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 {
     color: inherit;
 }
 
@@ -24487,7 +24572,8 @@ kendo-card-footer {
     border-style: solid;
 }
 
-.k-pager-numbers .k-state-selected {
+.k-pager-numbers .k-state-selected,
+.k-pager-numbers .k-selected {
     cursor: inherit;
     z-index: 2;
 }
@@ -24601,21 +24687,21 @@ kendo-card-footer {
     background-color: white;
 }
 
-.k-pager-wrap:focus, .k-pager-wrap.k-focus, .k-pager-wrap.k-state-focus, .k-pager-wrap.k-state-focused {
+.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 {
     background-color: whitesmoke;
 }
 
-.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-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 {
     color: rgba(0, 0, 0, 0.54);
     background-color: rgba(0, 0, 0, 0.04);
 }
 
-.k-state-selected.k-pager-nav.k-link, .k-state-selected.k-pager-refresh {
+.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 {
     color: white;
     background-color: #3f51b5;
 }
 
-.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-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 {
     background-color: rgba(0, 0, 0, 0.12);
 }
 
@@ -24623,16 +24709,16 @@ kendo-card-footer {
     color: rgba(0, 0, 0, 0.87);
 }
 
-.k-pager-numbers .k-link:hover, .k-pager-numbers .k-link.k-state-hover {
+.k-pager-numbers .k-link:hover, .k-pager-numbers .k-link.k-state-hover, .k-pager-numbers .k-link.k-hover {
     color: rgba(0, 0, 0, 0.87);
     background-color: rgba(0, 0, 0, 0.04);
 }
 
-.k-pager-numbers .k-link:focus, .k-pager-numbers .k-link.k-state-focus {
+.k-pager-numbers .k-link:focus, .k-pager-numbers .k-link.k-state-focus, .k-pager-numbers .k-link.k-focus {
     background-color: rgba(0, 0, 0, 0.12);
 }
 
-.k-pager-numbers .k-link.k-state-selected {
+.k-pager-numbers .k-link.k-state-selected, .k-pager-numbers .k-link.k-selected {
     color: #3f51b5;
     background-color: rgba(63, 81, 181, 0.22);
 }
@@ -24644,9 +24730,10 @@ kendo-card-footer {
     background-color: whitesmoke;
 }
 
-.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: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,
 .k-pager-sm .k-pager-numbers .k-current-page .k-link:hover,
-.k-pager-sm .k-pager-numbers .k-current-page .k-link.k-state-hover {
+.k-pager-sm .k-pager-numbers .k-current-page .k-link.k-state-hover,
+.k-pager-sm .k-pager-numbers .k-current-page .k-link.k-hover {
     border-color: rgba(0, 0, 0, 0.87);
 }
 
@@ -24658,15 +24745,17 @@ kendo-card-footer {
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
 
-.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: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,
 .k-pager-sm .k-pager-numbers.k-state-expanded .k-link:hover,
-.k-pager-sm .k-pager-numbers.k-state-expanded .k-link.k-state-hover {
+.k-pager-sm .k-pager-numbers.k-state-expanded .k-link.k-state-hover,
+.k-pager-sm .k-pager-numbers.k-state-expanded .k-link.k-hover {
     color: rgba(0, 0, 0, 0.87);
     background-color: rgba(0, 0, 0, 0.04);
 }
 
-.k-pager-md .k-pager-numbers.k-state-expanded .k-link.k-state-selected,
-.k-pager-sm .k-pager-numbers.k-state-expanded .k-link.k-state-selected {
+.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,
+.k-pager-sm .k-pager-numbers.k-state-expanded .k-link.k-state-selected,
+.k-pager-sm .k-pager-numbers.k-state-expanded .k-link.k-selected {
     color: #e51a5f;
     background-color: white;
 }
@@ -24801,7 +24890,8 @@ kendo-card-footer {
 }
 
 .k-stepper .k-step-disabled .k-step-label-optional,
-.k-stepper.k-state-disabled .k-step-label-optional {
+.k-stepper.k-state-disabled .k-step-label-optional,
+.k-stepper.k-disabled .k-step-label-optional {
     color: inherit;
 }
 
@@ -25103,14 +25193,16 @@ kendo-card-footer {
     z-index: 1;
 }
 
-.k-tabstrip-content.k-state-active,
-.k-tabstrip > .k-content.k-state-active {
+.k-tabstrip-content.k-state-active, .k-tabstrip-content.k-active,
+.k-tabstrip > .k-content.k-state-active,
+.k-tabstrip > .k-content.k-active {
     display: block;
 }
 
-.k-tabstrip-content:focus, .k-tabstrip-content.k-state-focused,
+.k-tabstrip-content:focus, .k-tabstrip-content.k-state-focused, .k-tabstrip-content.k-focus,
 .k-tabstrip > .k-content:focus,
-.k-tabstrip > .k-content.k-state-focused {
+.k-tabstrip > .k-content.k-state-focused,
+.k-tabstrip > .k-content.k-focus {
     outline-width: 1px;
     outline-style: dotted;
     outline-offset: -1px;
@@ -25182,7 +25274,8 @@ kendo-card-footer {
     margin-left: 0px;
 }
 
-.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-state-active {
+.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-state-active,
+.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active {
     border-bottom-color: transparent;
 }
 
@@ -25212,7 +25305,8 @@ kendo-card-footer {
     margin-left: 0px;
 }
 
-.k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item.k-state-active {
+.k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item.k-state-active,
+.k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item.k-active {
     border-top-color: transparent;
 }
 
@@ -25248,7 +25342,8 @@ kendo-card-footer {
     margin-top: 0px;
 }
 
-.k-tabstrip-left > .k-tabstrip-items-wrapper .k-item.k-state-active {
+.k-tabstrip-left > .k-tabstrip-items-wrapper .k-item.k-state-active,
+.k-tabstrip-left > .k-tabstrip-items-wrapper .k-item.k-active {
     border-right-color: transparent;
 }
 
@@ -25285,7 +25380,8 @@ kendo-card-footer {
     margin-top: 0px;
 }
 
-.k-tabstrip-right > .k-tabstrip-items-wrapper .k-item.k-state-active {
+.k-tabstrip-right > .k-tabstrip-items-wrapper .k-item.k-state-active,
+.k-tabstrip-right > .k-tabstrip-items-wrapper .k-item.k-active {
     border-left-color: transparent;
 }
 
@@ -25326,7 +25422,8 @@ kendo-card-footer {
     border-left-width: 2px;
 }
 
-.k-tabstrip-items-wrapper .k-item.k-state-active::after {
+.k-tabstrip-items-wrapper .k-item.k-state-active::after,
+.k-tabstrip-items-wrapper .k-item.k-active::after {
     display: block;
 }
 
@@ -25385,12 +25482,12 @@ kendo-card-footer {
     color: rgba(0, 0, 0, 0.54);
 }
 
-.k-tabstrip-items-wrapper .k-item:hover, .k-tabstrip-items-wrapper .k-item.k-state-hover {
+.k-tabstrip-items-wrapper .k-item:hover, .k-tabstrip-items-wrapper .k-item.k-state-hover, .k-tabstrip-items-wrapper .k-item.k-hover {
     color: rgba(0, 0, 0, 0.87);
     background-color: rgba(0, 0, 0, 0.04);
 }
 
-.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 {
+.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 {
     color: rgba(0, 0, 0, 0.87);
 }
 
@@ -25403,13 +25500,15 @@ kendo-card-footer {
     background-color: transparent;
 }
 
-.k-tabstrip-content:focus, .k-tabstrip-content.k-state-focused,
+.k-tabstrip-content:focus, .k-tabstrip-content.k-state-focused, .k-tabstrip-content.k-focus,
 .k-tabstrip > .k-content:focus,
-.k-tabstrip > .k-content.k-state-focused {
+.k-tabstrip > .k-content.k-state-focused,
+.k-tabstrip > .k-content.k-focus {
     outline-color: rgba(0, 0, 0, 0.87);
 }
 
-.k-tabstrip-items-wrapper .k-item.k-state-active::after {
+.k-tabstrip-items-wrapper .k-item.k-state-active::after,
+.k-tabstrip-items-wrapper .k-item.k-active::after {
     border-color: #3f51b5;
 }
 
@@ -25450,7 +25549,7 @@ kendo-card-footer {
     justify-content: space-between;
 }
 
-.k-wizard .k-wizard-step:focus, .k-wizard .k-wizard-step.k-state-focused {
+.k-wizard .k-wizard-step:focus, .k-wizard .k-wizard-step.k-state-focused, .k-wizard .k-wizard-step.k-focus {
     outline-width: 1px;
     outline-style: dotted;
     outline-offset: -1px;
@@ -25525,12 +25624,13 @@ kendo-card-footer {
     margin-left: 0;
 }
 
-.k-wizard-step:focus, .k-wizard-step.k-state-focused {
+.k-wizard-step:focus, .k-wizard-step.k-state-focused, .k-wizard-step.k-focus {
     outline-color: #656565;
 }
 
 .k-ie .k-wizard-step:focus,
-.k-ie .k-wizard-step.k-state-focused {
+.k-ie .k-wizard-step.k-state-focused,
+.k-ie .k-wizard-step.k-focus {
     box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
     outline: none;
 }
@@ -25601,7 +25701,7 @@ kendo-card-footer {
     background-color: white;
 }
 
-.k-expander.k-state-focus {
+.k-expander.k-state-focus, .k-expander.k-focus {
     box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.08);
 }
 
@@ -25611,11 +25711,11 @@ kendo-card-footer {
     outline: none;
 }
 
-.k-expander-header:hover, .k-expander-header.k-state-hover {
+.k-expander-header:hover, .k-expander-header.k-state-hover, .k-expander-header.k-hover {
     background-color: rgba(0, 0, 0, 0.04);
 }
 
-.k-expander-header.k-state-focused {
+.k-expander-header.k-state-focused, .k-expander-header.k-focus {
     background-color: rgba(0, 0, 0, 0.12);
     box-shadow: none;
 }
@@ -25839,148 +25939,230 @@ kendo-card-footer {
 
 .k-panelbar > .k-item > .k-link:hover,
 .k-panelbar > .k-item > .k-link.k-state-hover,
+.k-panelbar > .k-item > .k-link.k-hover,
 .k-panelbar > .k-panelbar-header > .k-link:hover,
-.k-panelbar > .k-panelbar-header > .k-link.k-state-hover {
+.k-panelbar > .k-panelbar-header > .k-link.k-state-hover,
+.k-panelbar > .k-panelbar-header > .k-link.k-hover {
     background-color: whitesmoke;
 }
 
 .k-panelbar > .k-item > .k-link:focus,
 .k-panelbar > .k-item > .k-link.k-state-focus,
+.k-panelbar > .k-item > .k-link.k-focus,
 .k-panelbar > .k-item > .k-link.k-state-focused,
+.k-panelbar > .k-item > .k-link.k-focus,
 .k-panelbar > .k-panelbar-header > .k-link:focus,
 .k-panelbar > .k-panelbar-header > .k-link.k-state-focus,
-.k-panelbar > .k-panelbar-header > .k-link.k-state-focused {
+.k-panelbar > .k-panelbar-header > .k-link.k-focus,
+.k-panelbar > .k-panelbar-header > .k-link.k-state-focused,
+.k-panelbar > .k-panelbar-header > .k-link.k-focus {
     background-color: #e0e0e0;
 }
 
 .k-panelbar > .k-item > .k-link:focus:hover,
 .k-panelbar > .k-item > .k-link.k-state-focus.k-state-hover,
+.k-panelbar > .k-item > .k-link.k-focus.k-hover,
 .k-panelbar > .k-panelbar-header > .k-link:focus:hover,
-.k-panelbar > .k-panelbar-header > .k-link.k-state-focus.k-state-hover {
+.k-panelbar > .k-panelbar-header > .k-link.k-state-focus.k-state-hover,
+.k-panelbar > .k-panelbar-header > .k-link.k-focus.k-hover {
     background-color: #d6d6d6;
 }
 
 .k-panelbar > .k-item > .k-link.k-state-selected,
-.k-panelbar > .k-panelbar-header > .k-link.k-state-selected {
+.k-panelbar > .k-item > .k-link.k-selected,
+.k-panelbar > .k-panelbar-header > .k-link.k-state-selected,
+.k-panelbar > .k-panelbar-header > .k-link.k-selected {
     color: white;
     background-color: #e51a5f;
 }
 
 .k-panelbar > .k-item > .k-link.k-state-selected .k-icon,
 .k-panelbar > .k-item > .k-link.k-state-selected .k-panelbar-item-icon,
+.k-panelbar > .k-item > .k-link.k-selected .k-icon,
+.k-panelbar > .k-item > .k-link.k-selected .k-panelbar-item-icon,
 .k-panelbar > .k-panelbar-header > .k-link.k-state-selected .k-icon,
-.k-panelbar > .k-panelbar-header > .k-link.k-state-selected .k-panelbar-item-icon {
+.k-panelbar > .k-panelbar-header > .k-link.k-state-selected .k-panelbar-item-icon,
+.k-panelbar > .k-panelbar-header > .k-link.k-selected .k-icon,
+.k-panelbar > .k-panelbar-header > .k-link.k-selected .k-panelbar-item-icon {
     color: inherit;
 }
 
 .k-panelbar > .k-item > .k-link.k-state-selected:hover,
+.k-panelbar > .k-item > .k-link.k-selected:hover,
 .k-panelbar > .k-item > .k-link.k-state-selected.k-state-hover,
+.k-panelbar > .k-item > .k-link.k-selected.k-hover,
 .k-panelbar > .k-panelbar-header > .k-link.k-state-selected:hover,
-.k-panelbar > .k-panelbar-header > .k-link.k-state-selected.k-state-hover {
+.k-panelbar > .k-panelbar-header > .k-link.k-selected:hover,
+.k-panelbar > .k-panelbar-header > .k-link.k-state-selected.k-state-hover,
+.k-panelbar > .k-panelbar-header > .k-link.k-selected.k-hover {
     background-color: #e72b6b;
 }
 
 .k-panelbar > .k-item > .k-link.k-state-selected:focus,
+.k-panelbar > .k-item > .k-link.k-selected:focus,
 .k-panelbar > .k-item > .k-link.k-state-selected.k-state-focus,
+.k-panelbar > .k-item > .k-link.k-selected.k-focus,
 .k-panelbar > .k-item > .k-link.k-state-selected.k-state-focused,
+.k-panelbar > .k-item > .k-link.k-selected.k-focused,
 .k-panelbar > .k-panelbar-header > .k-link.k-state-selected:focus,
+.k-panelbar > .k-panelbar-header > .k-link.k-selected:focus,
 .k-panelbar > .k-panelbar-header > .k-link.k-state-selected.k-state-focus,
-.k-panelbar > .k-panelbar-header > .k-link.k-state-selected.k-state-focused {
+.k-panelbar > .k-panelbar-header > .k-link.k-selected.k-focus,
+.k-panelbar > .k-panelbar-header > .k-link.k-state-selected.k-state-focused,
+.k-panelbar > .k-panelbar-header > .k-link.k-selected.k-focused {
     background-color: #eb5185;
 }
 
 .k-panelbar > .k-item > .k-link.k-state-selected:hover:focus,
+.k-panelbar > .k-item > .k-link.k-selected:hover:focus,
 .k-panelbar > .k-item > .k-link.k-state-selected.k-state-hover.k-state-focus,
+.k-panelbar > .k-item > .k-link.k-selected.k-hover.k-state-focus,
 .k-panelbar > .k-item > .k-link.k-state-selected.k-state-hover.k-state-focused,
+.k-panelbar > .k-item > .k-link.k-selected.k-hover.k-state-focused,
 .k-panelbar > .k-panelbar-header > .k-link.k-state-selected:hover:focus,
+.k-panelbar > .k-panelbar-header > .k-link.k-selected:hover:focus,
 .k-panelbar > .k-panelbar-header > .k-link.k-state-selected.k-state-hover.k-state-focus,
-.k-panelbar > .k-panelbar-header > .k-link.k-state-selected.k-state-hover.k-state-focused {
+.k-panelbar > .k-panelbar-header > .k-link.k-selected.k-hover.k-state-focus,
+.k-panelbar > .k-panelbar-header > .k-link.k-state-selected.k-state-hover.k-state-focused,
+.k-panelbar > .k-panelbar-header > .k-link.k-selected.k-hover.k-state-focused {
     background-color: #ed6292;
 }
 
 .k-panelbar .k-group > .k-item > .k-link:hover,
 .k-panelbar .k-group > .k-item > .k-link.k-state-hover,
+.k-panelbar .k-group > .k-item > .k-link.k-hover,
 .k-panelbar .k-group > .k-panelbar-item > .k-link:hover,
 .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-hover,
+.k-panelbar .k-group > .k-panelbar-item > .k-link.k-hover,
 .k-panelbar .k-panelbar-group > .k-item > .k-link:hover,
 .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-hover,
+.k-panelbar .k-panelbar-group > .k-item > .k-link.k-hover,
 .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link:hover,
-.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-hover {
+.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-hover,
+.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-hover {
     background-color: whitesmoke;
 }
 
 .k-panelbar .k-group > .k-item > .k-link:focus,
 .k-panelbar .k-group > .k-item > .k-link.k-state-focus,
+.k-panelbar .k-group > .k-item > .k-link.k-focus,
 .k-panelbar .k-group > .k-item > .k-link.k-state-focused,
+.k-panelbar .k-group > .k-item > .k-link.k-focus,
 .k-panelbar .k-group > .k-panelbar-item > .k-link:focus,
 .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-focus,
+.k-panelbar .k-group > .k-panelbar-item > .k-link.k-focus,
 .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-focused,
+.k-panelbar .k-group > .k-panelbar-item > .k-link.k-focus,
 .k-panelbar .k-panelbar-group > .k-item > .k-link:focus,
 .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-focus,
+.k-panelbar .k-panelbar-group > .k-item > .k-link.k-focus,
 .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-focused,
+.k-panelbar .k-panelbar-group > .k-item > .k-link.k-focus,
 .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link:focus,
 .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-focus,
-.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-focused {
+.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-focus,
+.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-focused,
+.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-focus {
     background-color: #e0e0e0;
 }
 
 .k-panelbar .k-group > .k-item > .k-link:focus:hover,
 .k-panelbar .k-group > .k-item > .k-link.k-state-focus.k-state-hover,
+.k-panelbar .k-group > .k-item > .k-link.k-focus.k-hover,
 .k-panelbar .k-group > .k-panelbar-item > .k-link:focus:hover,
 .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-focus.k-state-hover,
+.k-panelbar .k-group > .k-panelbar-item > .k-link.k-focus.k-hover,
 .k-panelbar .k-panelbar-group > .k-item > .k-link:focus:hover,
 .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-focus.k-state-hover,
+.k-panelbar .k-panelbar-group > .k-item > .k-link.k-focus.k-hover,
 .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link:focus:hover,
-.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-focus.k-state-hover {
+.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-focus.k-state-hover,
+.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-focus.k-hover {
     background-color: #d6d6d6;
 }
 
 .k-panelbar .k-group > .k-item > .k-link.k-state-selected,
+.k-panelbar .k-group > .k-item > .k-link.k-selected,
 .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-selected,
+.k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected,
 .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected,
-.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-selected {
+.k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected,
+.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-selected,
+.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected {
     color: white;
     background-color: #e51a5f;
 }
 
 .k-panelbar .k-group > .k-item > .k-link.k-state-selected:hover,
+.k-panelbar .k-group > .k-item > .k-link.k-selected:hover,
 .k-panelbar .k-group > .k-item > .k-link.k-state-selected.k-state-hover,
+.k-panelbar .k-group > .k-item > .k-link.k-selected.k-hover,
 .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-selected:hover,
+.k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected:hover,
 .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-selected.k-state-hover,
+.k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected.k-hover,
 .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected:hover,
+.k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected:hover,
 .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected.k-state-hover,
+.k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected.k-hover,
 .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-selected:hover,
-.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-selected.k-state-hover {
+.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected:hover,
+.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-selected.k-state-hover,
+.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected.k-hover {
     background-color: #e72b6b;
 }
 
 .k-panelbar .k-group > .k-item > .k-link.k-state-selected:focus,
+.k-panelbar .k-group > .k-item > .k-link.k-selected:focus,
 .k-panelbar .k-group > .k-item > .k-link.k-state-selected.k-state-focus,
+.k-panelbar .k-group > .k-item > .k-link.k-selected.k-focus,
 .k-panelbar .k-group > .k-item > .k-link.k-state-selected.k-state-focused,
+.k-panelbar .k-group > .k-item > .k-link.k-selected.k-focused,
 .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-selected:focus,
+.k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected:focus,
 .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-selected.k-state-focus,
+.k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected.k-focus,
 .k-panelbar .k-group > .k-item > .k-link.k-state-selected.k-state-focused,
+.k-panelbar .k-group > .k-item > .k-link.k-selected.k-focused,
 .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected:focus,
+.k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected:focus,
 .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected.k-state-focus,
+.k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected.k-focus,
 .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected.k-state-focused,
+.k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected.k-focused,
 .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-selected:focus,
+.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected:focus,
 .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-selected.k-state-focus,
-.k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected.k-state-focused {
+.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected.k-focus,
+.k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected.k-state-focused,
+.k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected.k-focused {
     background-color: #eb5185;
 }
 
 .k-panelbar .k-group > .k-item > .k-link.k-state-selected:focus:hover,
+.k-panelbar .k-group > .k-item > .k-link.k-selected:focus:hover,
 .k-panelbar .k-group > .k-item > .k-link.k-state-selected.k-state-focus.k-state-hover,
+.k-panelbar .k-group > .k-item > .k-link.k-selected.k-focus.k-state-hover,
 .k-panelbar .k-group > .k-item > .k-link.k-state-selected.k-state-focused.k-state-hover,
+.k-panelbar .k-group > .k-item > .k-link.k-selected.k-focused.k-state-hover,
 .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-selected:focus:hover,
+.k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected:focus:hover,
 .k-panelbar .k-group > .k-panelbar-item > .k-link.k-state-selected.k-state-focus.k-state-hover,
+.k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected.k-focus.k-state-hover,
 .k-panelbar .k-group > .k-item > .k-link.k-state-selected.k-state-focused.k-state-hover,
+.k-panelbar .k-group > .k-item > .k-link.k-selected.k-focused.k-state-hover,
 .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected:focus:hover,
+.k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected:focus:hover,
 .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected.k-state-focus.k-state-hover,
+.k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected.k-focus.k-state-hover,
 .k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected.k-state-focused.k-state-hover,
+.k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected.k-focused.k-state-hover,
 .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-selected:focus:hover,
+.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected:focus:hover,
 .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-state-selected.k-state-focus.k-state-hover,
-.k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected.k-state-focused.k-state-hover {
+.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected.k-focus.k-state-hover,
+.k-panelbar .k-panelbar-group > .k-item > .k-link.k-state-selected.k-state-focused.k-state-hover,
+.k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected.k-focused.k-state-hover {
     background-color: #ed6292;
 }
 
@@ -26186,6 +26368,7 @@ kendo-card-footer {
 
 .k-splitbar:hover,
 .k-splitbar.k-state-hover,
+.k-splitbar.k-hover,
 .k-splitbar-horizontal-hover,
 .k-splitbar-vertical-hover {
     color: rgba(0, 0, 0, 0.54);
@@ -26194,7 +26377,9 @@ kendo-card-footer {
 
 .k-splitbar:focus,
 .k-splitbar.k-state-focus,
-.k-splitbar.k-state-focused {
+.k-splitbar.k-focus,
+.k-splitbar.k-state-focused,
+.k-splitbar.k-focus {
     color: white;
     background: #3f51b5;
 }
@@ -26249,7 +26434,8 @@ kendo-card-footer {
 .k-tilelayout-item:focus,
 .k-tilelayout-item.k-focus,
 .k-tilelayout-item.k-state-focus,
-.k-tilelayout-item.k-state-focused {
+.k-tilelayout-item.k-state-focused,
+.k-tilelayout-item.k-focus {
     box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
 }
 
@@ -26773,12 +26959,14 @@ kendo-card-footer {
     color: #3f51b5;
 }
 
-.k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-state-selected {
+.k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-state-selected,
+.k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-selected {
     color: #3f51b5;
     background: none;
 }
 
-.k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-state-selected .k-link {
+.k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-state-selected .k-link,
+.k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-selected .k-link {
     color: inherit;
 }
 
@@ -28395,12 +28583,15 @@ tbody .k-group-cell {
 }
 
 .k-grid tbody tr:not(.k-detail-row):hover,
-.k-grid tbody tr:not(.k-detail-row).k-state-hover {
+.k-grid tbody tr:not(.k-detail-row).k-state-hover,
+.k-grid tbody tr:not(.k-detail-row).k-hover {
     background-color: rgba(0, 0, 0, 0.07);
 }
 
 .k-grid td.k-state-selected,
-.k-grid tr.k-state-selected > td {
+.k-grid td.k-selected,
+.k-grid tr.k-state-selected > td,
+.k-grid tr.k-selected > td {
     background-color: rgba(0, 0, 0, 0.04);
 }
 
@@ -28439,16 +28630,20 @@ tbody .k-group-cell {
     border-top-color: rgba(0, 0, 0, 0.12);
 }
 
-.k-grid .k-grid-content-locked .k-state-selected td {
+.k-grid .k-grid-content-locked .k-state-selected td,
+.k-grid .k-grid-content-locked .k-selected td {
     background-color: whitesmoke;
 }
 
-.k-grid .k-grid-content-locked .k-state-selected.k-alt td {
+.k-grid .k-grid-content-locked .k-state-selected.k-alt td,
+.k-grid .k-grid-content-locked .k-selected.k-alt td {
     background-color: whitesmoke;
 }
 
 .k-grid .k-grid-content-locked .k-state-selected:hover td,
-.k-grid .k-grid-content-locked .k-state-selected.k-state-hover td {
+.k-grid .k-grid-content-locked .k-selected:hover td,
+.k-grid .k-grid-content-locked .k-state-selected.k-state-hover td,
+.k-grid .k-grid-content-locked .k-selected.k-hover td {
     background-color: #e4e4e4;
 }
 
@@ -28473,19 +28668,23 @@ th.k-sorted {
     color: rgba(0, 0, 0, 0.54);
 }
 
-.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,
+.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,
 .k-grid-header .k-header-column-menu:focus,
 .k-grid-header .k-header-column-menu.k-state-focus,
+.k-grid-header .k-header-column-menu.k-focus,
 .k-grid-header .k-header-column-menu.k-state-border-down,
 .k-grid-header .k-hierarchy-cell .k-icon:focus,
 .k-grid-header .k-hierarchy-cell .k-icon.k-state-focus,
+.k-grid-header .k-hierarchy-cell .k-icon.k-focus,
 .k-grid-header .k-hierarchy-cell .k-icon.k-state-border-down {
     box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
 }
 
-.k-grid-header .k-grid-filter.k-state-active,
+.k-grid-header .k-grid-filter.k-state-active, .k-grid-header .k-grid-filter.k-active,
 .k-grid-header .k-header-column-menu.k-state-active,
-.k-grid-header .k-hierarchy-cell .k-icon.k-state-active {
+.k-grid-header .k-header-column-menu.k-active,
+.k-grid-header .k-hierarchy-cell .k-icon.k-state-active,
+.k-grid-header .k-hierarchy-cell .k-icon.k-active {
     color: white;
     background-color: #e51a5f;
 }
@@ -28529,30 +28728,44 @@ th.k-sorted {
 }
 
 .k-master-row.k-state-selected .k-grid-content-sticky,
+.k-master-row.k-selected .k-grid-content-sticky,
 .k-master-row.k-state-selected .k-grid-row-sticky,
-.k-master-row td.k-grid-content-sticky.k-state-selected {
+.k-master-row.k-selected .k-grid-row-sticky,
+.k-master-row td.k-grid-content-sticky.k-state-selected,
+.k-master-row td.k-grid-content-sticky.k-selected {
     background-color: whitesmoke;
 }
 
 .k-master-row.k-state-selected.k-alt .k-grid-content-sticky,
+.k-master-row.k-selected.k-alt .k-grid-content-sticky,
 .k-master-row.k-state-selected.k-alt .k-grid-row-sticky,
-.k-master-row.k-alt td.k-grid-content-sticky.k-state-selected {
+.k-master-row.k-selected.k-alt .k-grid-row-sticky,
+.k-master-row.k-alt td.k-grid-content-sticky.k-state-selected,
+.k-master-row.k-alt td.k-grid-content-sticky.k-selected {
     background-color: whitesmoke;
 }
 
 .k-master-row:hover .k-grid-content-sticky,
 .k-master-row:hover .k-grid-row-sticky,
 .k-master-row.k-state-hover .k-grid-content-sticky,
-.k-master-row.k-state-hover .k-grid-row-sticky {
+.k-master-row.k-hover .k-grid-content-sticky,
+.k-master-row.k-state-hover .k-grid-row-sticky,
+.k-master-row.k-hover .k-grid-row-sticky {
     background-color: #ededed;
 }
 
 .k-master-row.k-state-selected:hover .k-grid-content-sticky,
+.k-master-row.k-selected:hover .k-grid-content-sticky,
 .k-master-row.k-state-selected:hover .k-grid-row-sticky,
+.k-master-row.k-selected:hover .k-grid-row-sticky,
 .k-master-row.k-state-selected.k-state-hover .k-grid-content-sticky,
+.k-master-row.k-selected.k-hover .k-grid-content-sticky,
 .k-master-row.k-state-selected.k-state-hover .k-grid-row-sticky,
+.k-master-row.k-selected.k-hover .k-grid-row-sticky,
 .k-master-row:hover td.k-grid-content-sticky.k-state-selected,
-.k-master-row.k-state-hover td.k-grid-content-sticky.k-state-selected {
+.k-master-row:hover td.k-grid-content-sticky.k-selected,
+.k-master-row.k-state-hover td.k-grid-content-sticky.k-state-selected,
+.k-master-row.k-hover td.k-grid-content-sticky.k-selected {
     background-color: #e4e4e4;
 }
 
@@ -28563,7 +28776,7 @@ kendo-grid .k-grid-content-sticky {
     background-color: white;
 }
 
-kendo-grid .k-grid-content-sticky:hover, kendo-grid .k-grid-content-sticky.k-state-hover {
+kendo-grid .k-grid-content-sticky:hover, kendo-grid .k-grid-content-sticky.k-state-hover, kendo-grid .k-grid-content-sticky.k-hover {
     background-color: #ededed;
 }
 
@@ -28574,7 +28787,8 @@ kendo-grid .k-grid-row-sticky td {
 }
 
 kendo-grid .k-grid-row-sticky:hover td,
-kendo-grid .k-grid-row-sticky.k-state-hover td {
+kendo-grid .k-grid-row-sticky.k-state-hover td,
+kendo-grid .k-grid-row-sticky.k-hover td {
     background-color: #ededed;
 }
 
@@ -28584,41 +28798,64 @@ kendo-grid .k-grid-row-sticky.k-alt td {
 }
 
 kendo-grid tr.k-state-selected .k-grid-content-sticky,
+kendo-grid tr.k-selected .k-grid-content-sticky,
 kendo-grid .k-state-selected.k-grid-row-sticky td,
+kendo-grid .k-selected.k-grid-row-sticky td,
 kendo-grid .k-grid-row-sticky td.k-state-selected,
-kendo-grid .k-state-selected.k-grid-content-sticky {
+kendo-grid .k-grid-row-sticky td.k-selected,
+kendo-grid .k-state-selected.k-grid-content-sticky,
+kendo-grid .k-selected.k-grid-content-sticky {
     background-color: whitesmoke;
 }
 
 kendo-grid tr.k-state-selected.k-alt .k-grid-content-sticky,
+kendo-grid tr.k-selected.k-alt .k-grid-content-sticky,
 kendo-grid .k-state-selected.k-alt.k-grid-row-sticky td,
-kendo-grid .k-alt .k-state-selected.k-grid-content-sticky {
+kendo-grid .k-selected.k-alt.k-grid-row-sticky td,
+kendo-grid .k-alt .k-state-selected.k-grid-content-sticky,
+kendo-grid .k-alt .k-selected.k-grid-content-sticky {
     background-color: whitesmoke;
 }
 
 kendo-grid tr:hover .k-grid-content-sticky,
 kendo-grid tr.k-state-hover .k-grid-content-sticky,
+kendo-grid tr.k-hover .k-grid-content-sticky,
 kendo-grid .k-grid-row-sticky:hover td,
 kendo-grid .k-grid-row-sticky.k-state-hover td,
+kendo-grid .k-grid-row-sticky.k-hover td,
 kendo-grid .k-grid-row-sticky.k-alt:hover td,
 kendo-grid .k-grid-row-sticky.k-alt.k-state-hover td,
+kendo-grid .k-grid-row-sticky.k-alt.k-hover td,
 kendo-grid .k-alt:hover .k-grid-content-sticky,
-kendo-grid .k-alt.k-state-hover .k-grid-content-sticky {
+kendo-grid .k-alt.k-state-hover .k-grid-content-sticky,
+kendo-grid .k-alt.k-hover .k-grid-content-sticky {
     background-color: #ededed;
 }
 
 kendo-grid tr.k-state-selected:hover .k-grid-content-sticky,
+kendo-grid tr.k-selected:hover .k-grid-content-sticky,
 kendo-grid tr.k-state-selected.k-state-hover .k-grid-content-sticky,
+kendo-grid tr.k-selected.k-hover .k-grid-content-sticky,
 kendo-grid .k-state-selected.k-grid-row-sticky:hover td,
+kendo-grid .k-selected.k-grid-row-sticky:hover td,
 kendo-grid .k-state-selected.k-grid-row-sticky.k-state-hover td,
+kendo-grid .k-selected.k-grid-row-sticky.k-hover td,
 kendo-grid .k-state-selected.k-alt.k-grid-row-sticky:hover td,
+kendo-grid .k-selected.k-alt.k-grid-row-sticky:hover td,
 kendo-grid .k-state-selected.k-alt.k-grid-row-sticky.k-state-hover td,
+kendo-grid .k-selected.k-alt.k-grid-row-sticky.k-hover td,
 kendo-grid tr.k-state-selected.k-alt:hover .k-grid-content-sticky,
+kendo-grid tr.k-selected.k-alt:hover .k-grid-content-sticky,
 kendo-grid tr.k-state-selected.k-alt.k-state-hover .k-grid-content-sticky,
+kendo-grid tr.k-selected.k-alt.k-hover .k-grid-content-sticky,
 kendo-grid .k-grid-row-sticky:hover td.k-state-selected,
+kendo-grid .k-grid-row-sticky:hover td.k-selected,
 kendo-grid .k-grid-row-sticky.k-state-hover td.k-state-selected,
+kendo-grid .k-grid-row-sticky.k-hover td.k-selected,
 kendo-grid tr:hover .k-grid-content-sticky.k-state-selected,
-kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
+kendo-grid tr:hover .k-grid-content-sticky.k-selected,
+kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected,
+kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
     background-color: #e4e4e4;
 }
 
@@ -28627,7 +28864,8 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
 }
 
 .k-grouping-row:hover .k-grid-content-sticky,
-.k-grouping-row.k-state-hover .k-grid-content-sticky {
+.k-grouping-row.k-state-hover .k-grid-content-sticky,
+.k-grouping-row.k-hover .k-grid-content-sticky {
     background-color: #ededed;
 }
 
@@ -28637,7 +28875,7 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
     background-color: rgba(0, 0, 0, 0.04);
 }
 
-.k-columnmenu-item.k-state-selected {
+.k-columnmenu-item.k-state-selected, .k-columnmenu-item.k-selected {
     color: #e51a5f;
     background-color: white;
 }
@@ -28648,12 +28886,12 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
     background-color: white;
 }
 
-.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: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 {
     color: rgba(0, 0, 0, 0.87);
     background-color: rgba(0, 0, 0, 0.04);
 }
 
-.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-state-selected, .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-selected {
     color: #e51a5f;
     background-color: white;
 }
@@ -28673,19 +28911,25 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
 }
 
 .k-grid td.k-state-selected,
-.k-grid tr.k-state-selected {
+.k-grid td.k-selected,
+.k-grid tr.k-state-selected,
+.k-grid tr.k-selected {
     background-color: rgba(0, 0, 0, 0.04);
 }
 
-.k-grid tr.k-state-selected > td {
+.k-grid tr.k-state-selected > td,
+.k-grid tr.k-selected > td {
     color: inherit;
     background-color: transparent;
 }
 
 .k-grid table tr:not(.k-detail-row):hover,
 .k-grid table tr:not(.k-detail-row).k-state-hover,
+.k-grid table tr:not(.k-detail-row).k-hover,
 .k-grid table td.k-state-focused,
+.k-grid table td.k-focus,
 .k-grid table th.k-state-focused,
+.k-grid table th.k-focus,
 .k-grid table th:focus,
 .k-grid table .k-master-row > td:focus,
 .k-grid table .k-grouping-row > td:focus,
@@ -28698,15 +28942,23 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
 .k-grid table tr:hover .k-grid-header-sticky,
 .k-grid table tr:hover .k-grid-footer-sticky,
 .k-grid table tr.k-state-hover .k-grid-header-sticky,
-.k-grid table tr.k-state-hover .k-grid-footer-sticky {
+.k-grid table tr.k-state-hover .k-grid-footer-sticky,
+.k-grid table tr.k-hover .k-grid-header-sticky,
+.k-grid table tr.k-hover .k-grid-footer-sticky {
     color: inherit;
     background-color: #ededed;
 }
 
 .k-grid table td.k-state-focused.k-grid-header-sticky, .k-grid table td.k-state-focused.k-grid-content-sticky, .k-grid table td.k-state-focused.k-grid-footer-sticky,
+.k-grid table td.k-focus.k-grid-header-sticky,
+.k-grid table td.k-focus.k-grid-content-sticky,
+.k-grid table td.k-focus.k-grid-footer-sticky,
 .k-grid table th.k-state-focused.k-grid-header-sticky,
 .k-grid table th.k-state-focused.k-grid-content-sticky,
 .k-grid table th.k-state-focused.k-grid-footer-sticky,
+.k-grid table th.k-focus.k-grid-header-sticky,
+.k-grid table th.k-focus.k-grid-content-sticky,
+.k-grid table th.k-focus.k-grid-footer-sticky,
 .k-grid table th:focus.k-grid-header-sticky,
 .k-grid table th:focus.k-grid-content-sticky,
 .k-grid table th:focus.k-grid-footer-sticky,
@@ -28727,7 +28979,8 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
 }
 
 .k-grid .k-grid-pager:focus,
-.k-grid .k-grid-pager.k-state-focused {
+.k-grid .k-grid-pager.k-state-focused,
+.k-grid .k-grid-pager.k-focus {
     color: inherit;
 }
 
@@ -28783,12 +29036,16 @@ kendo-grid tr.k-state-hover .k-grid-content-sticky.k-state-selected {
 
 .k-grid .k-grid-header-locked .k-group-footer:hover td,
 .k-grid .k-grid-header-locked .k-group-footer.k-state-hover td,
+.k-grid .k-grid-header-locked .k-group-footer.k-hover td,
 .k-grid .k-grid-content-locked .k-group-footer:hover td,
 .k-grid .k-grid-content-locked .k-group-footer.k-state-hover td,
+.k-grid .k-grid-content-locked .k-group-footer.k-hover td,
 .k-grid .k-grid-header-locked .k-header .k-group-footer:hover td,
 .k-grid .k-grid-header-locked .k-header .k-group-footer.k-state-hover td,
+.k-grid .k-grid-header-locked .k-header .k-group-footer.k-hover td,
 .k-grid .k-grid-content-locked td .k-group-footer:hover td,
-.k-grid .k-grid-content-locked td .k-group-footer.k-state-hover td {
+.k-grid .k-grid-content-locked td .k-group-footer.k-state-hover td,
+.k-grid .k-grid-content-locked td .k-group-footer.k-hover td {
     color: inherit;
     background-color: white;
 }
@@ -28830,21 +29087,25 @@ kendo-grid .k-grid-row-sticky td {
     background-color: transparent;
 }
 
-.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,
+.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,
 .k-grid-header .k-header-column-menu:focus,
 .k-grid-header .k-header-column-menu.k-state-focus,
+.k-grid-header .k-header-column-menu.k-focus,
 .k-grid-header .k-header-column-menu.k-state-border-down,
 .k-grid-header .k-hierarchy-cell .k-icon:focus,
 .k-grid-header .k-hierarchy-cell .k-icon.k-state-focus,
+.k-grid-header .k-hierarchy-cell .k-icon.k-focus,
 .k-grid-header .k-hierarchy-cell .k-icon.k-state-border-down {
     color: rgba(0, 0, 0, 0.87);
     background-color: rgba(0, 0, 0, 0.12);
     box-shadow: none;
 }
 
-.k-grid-header .k-grid-filter.k-state-active,
+.k-grid-header .k-grid-filter.k-state-active, .k-grid-header .k-grid-filter.k-active,
 .k-grid-header .k-header-column-menu.k-state-active,
-.k-grid-header .k-hierarchy-cell .k-icon.k-state-active {
+.k-grid-header .k-header-column-menu.k-active,
+.k-grid-header .k-hierarchy-cell .k-icon.k-state-active,
+.k-grid-header .k-hierarchy-cell .k-icon.k-active {
     color: white;
     background-color: #3f51b5;
 }
@@ -28880,7 +29141,8 @@ thead.k-grid-header > tr:not(:only-child) > th {
 }
 
 .k-group-footer:hover td,
-.k-group-footer.k-state-hover td {
+.k-group-footer.k-state-hover td,
+.k-group-footer.k-hover td {
     background-color: white;
 }
 
@@ -28912,17 +29174,18 @@ thead.k-grid-header > tr:not(:only-child) > th {
     background-color: #3f51b5;
 }
 
-.k-columnmenu-item.k-state-selected {
+.k-columnmenu-item.k-state-selected, .k-columnmenu-item.k-selected {
     color: #e51a5f;
     background-color: white;
 }
 
 .k-columnmenu-item:focus,
-.k-columnmenu-item.k-state-focus {
+.k-columnmenu-item.k-state-focus,
+.k-columnmenu-item.k-focus {
     background: rgba(0, 0, 0, 0.04);
 }
 
-.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-state-selected, .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-selected {
     background: rgba(0, 0, 0, 0.04);
 }
 
@@ -29061,15 +29324,18 @@ thead.k-grid-header > tr:not(:only-child) > th {
     background-color: white;
 }
 
-.k-listview-content > .k-state-focused {
+.k-listview-content > .k-state-focused,
+.k-listview-content > .k-focus {
     background-color: rgba(0, 0, 0, 0.08);
 }
 
-.k-listview-content > .k-state-selected {
+.k-listview-content > .k-state-selected,
+.k-listview-content > .k-selected {
     background-color: rgba(0, 0, 0, 0.04);
 }
 
-.k-listview-content > .k-state-selected.k-state-focused {
+.k-listview-content > .k-state-selected.k-state-focused,
+.k-listview-content > .k-selected.k-focused {
     background-color: rgba(0, 0, 0, 0.12);
 }
 
@@ -29316,7 +29582,8 @@ thead.k-grid-header > tr:not(:only-child) > th {
     overflow: hidden;
 }
 
-.k-spreadsheet-view .k-state-disabled {
+.k-spreadsheet-view .k-state-disabled,
+.k-spreadsheet-view .k-disabled {
     pointer-events: auto;
 }
 
@@ -29862,7 +30129,8 @@ thead.k-grid-header > tr:not(:only-child) > th {
 }
 
 .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover div,
-.k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-state-hovered div {
+.k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-state-hovered div,
+.k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-hover div {
     margin: 0;
     align-self: center;
     opacity: 1;
@@ -29953,7 +30221,7 @@ thead.k-grid-header > tr:not(:only-child) > th {
     cursor: nwse-resize;
 }
 
-.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: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 {
     border-radius: 4px;
 }
 
@@ -30027,7 +30295,8 @@ thead.k-grid-header > tr:not(:only-child) > th {
     color: inherit;
 }
 
-.k-spreadsheet > .k-tabstrip-wrapper .k-tabstrip-items .k-item.k-state-active::after {
+.k-spreadsheet > .k-tabstrip-wrapper .k-tabstrip-items .k-item.k-state-active::after,
+.k-spreadsheet > .k-tabstrip-wrapper .k-tabstrip-items .k-item.k-active::after {
     border-color: white;
 }
 
@@ -30042,7 +30311,8 @@ thead.k-grid-header > tr:not(:only-child) > th {
     background-color: whitesmoke;
 }
 
-.k-spreadsheet-sheets-bar .k-tabstrip-items .k-item.k-state-active {
+.k-spreadsheet-sheets-bar .k-tabstrip-items .k-item.k-state-active,
+.k-spreadsheet-sheets-bar .k-tabstrip-items .k-item.k-active {
     border-color: #e51a5f;
 }
 
@@ -30159,7 +30429,7 @@ thead.k-grid-header > tr:not(:only-child) > th {
     box-shadow: inset 0 0 0 1px white;
 }
 
-.k-spreadsheet-filter.k-state-active {
+.k-spreadsheet-filter.k-state-active, .k-spreadsheet-filter.k-active {
     box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
 }
 
@@ -30173,12 +30443,13 @@ thead.k-grid-header > tr:not(:only-child) > th {
     border-color: rgba(0, 0, 0, 0.12);
 }
 
-.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:hover, .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-state-hovered, .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-hover {
     box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.5);
 }
 
 .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover div,
-.k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-state-hovered div {
+.k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-state-hovered div,
+.k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-hover div {
     color: white;
 }
 
@@ -30196,14 +30467,17 @@ thead.k-grid-header > tr:not(:only-child) > th {
 }
 
 .k-spreadsheet-popup .k-button:hover,
-.k-spreadsheet-popup .k-button.k-state-hover {
+.k-spreadsheet-popup .k-button.k-state-hover,
+.k-spreadsheet-popup .k-button.k-hover {
     color: rgba(0, 0, 0, 0.87);
     background-color: rgba(0, 0, 0, 0.04);
 }
 
 .k-spreadsheet-popup .k-button:active,
 .k-spreadsheet-popup .k-button.k-state-active,
-.k-spreadsheet-popup .k-button.k-state-selected {
+.k-spreadsheet-popup .k-button.k-active,
+.k-spreadsheet-popup .k-button.k-state-selected,
+.k-spreadsheet-popup .k-button.k-selected {
     color: #e51a5f;
     background-color: white;
 }
@@ -30889,16 +31163,21 @@ thead.k-grid-header > tr:not(:only-child) > th {
 }
 
 .k-pivotgrid-row-headers tbody > .k-pivotgrid-row.k-state-hover,
+.k-pivotgrid-row-headers tbody > .k-pivotgrid-row.k-hover,
 .k-pivotgrid-row-headers tbody > .k-pivotgrid-row:hover,
 .k-pivotgrid-column-headers tbody > .k-pivotgrid-row.k-state-hover,
+.k-pivotgrid-column-headers tbody > .k-pivotgrid-row.k-hover,
 .k-pivotgrid-column-headers tbody > .k-pivotgrid-row:hover,
 .k-pivotgrid-values tbody > .k-pivotgrid-row.k-state-hover,
+.k-pivotgrid-values tbody > .k-pivotgrid-row.k-hover,
 .k-pivotgrid-values tbody > .k-pivotgrid-row:hover {
     background-color: #ededed;
 }
 
 .k-pivotgrid-cell.k-state-selected,
-.k-pivotgrid-row.k-state-selected > .k-pivotgrid-cell {
+.k-pivotgrid-cell.k-selected,
+.k-pivotgrid-row.k-state-selected > .k-pivotgrid-cell,
+.k-pivotgrid-row.k-selected > .k-pivotgrid-cell {
     background-color: rgba(0, 0, 0, 0.04);
 }
 
@@ -31016,6 +31295,7 @@ thead.k-grid-header > tr:not(:only-child) > th {
 }
 
 .k-pivotgrid-cell.k-state-focus,
+.k-pivotgrid-cell.k-focus,
 .k-pivotgrid-cell:focus,
 .k-master-row > .k-pivotgrid-cell:focus,
 .k-grouping-row > .k-pivotgrid-cell:focus,
@@ -31044,7 +31324,8 @@ thead.k-grid-header > tr:not(:only-child) > th {
 }
 
 .k-treelist .k-treelist-dragging,
-.k-treelist .k-treelist-dragging .k-state-hover {
+.k-treelist .k-treelist-dragging .k-state-hover,
+.k-treelist .k-treelist-dragging .k-hover {
     cursor: default;
 }
 
@@ -31504,7 +31785,8 @@ thead.k-grid-header > tr:not(:only-child) > th {
     color: rgba(97, 97, 97, 0.9116);
 }
 
-.k-filemanager-listview .k-listview-item.k-state-selected .k-file-icon {
+.k-filemanager-listview .k-listview-item.k-state-selected .k-file-icon,
+.k-filemanager-listview .k-listview-item.k-selected .k-file-icon {
     border-color: transparent;
     color: inherit;
     background-color: transparent;
@@ -31723,7 +32005,8 @@ thead.k-grid-header > tr:not(:only-child) > th {
 }
 
 .k-taskboard-column:focus,
-.k-taskboard-column.k-state-focus {
+.k-taskboard-column.k-state-focus,
+.k-taskboard-column.k-focus {
     border-color: rgba(0, 0, 0, 0.264);
 }
 
@@ -31836,7 +32119,8 @@ kendo-editor.k-readonly .k-editor-content {
     pointer-events: auto;
 }
 
-kendo-editor.k-readonly .k-editor-content.k-state-focused {
+kendo-editor.k-readonly .k-editor-content.k-state-focused,
+kendo-editor.k-readonly .k-editor-content.k-focus {
     outline-width: 1px;
     outline-style: dashed;
 }
@@ -32266,7 +32550,7 @@ td.k-editor-content {
     margin: auto;
 }
 
-.k-filebrowser .k-tile-empty.k-state-selected {
+.k-filebrowser .k-tile-empty.k-state-selected, .k-filebrowser .k-tile-empty.k-selected {
     color: inherit;
     border-width: 0;
     background-image: none;
@@ -32526,7 +32810,7 @@ td.k-editor-content {
     background-color: #00b0ff;
 }
 
-.k-editor-inline:hover, .k-editor-inline.k-state-active {
+.k-editor-inline:hover, .k-editor-inline.k-state-active, .k-editor-inline.k-active {
     border-color: rgba(0, 0, 0, 0.12);
 }
 
@@ -32539,7 +32823,8 @@ td.k-editor-content {
     outline-color: #8cf;
 }
 
-.k-ct-popup .k-state-selected {
+.k-ct-popup .k-state-selected,
+.k-ct-popup .k-selected {
     border-color: rgba(0, 0, 0, 0.1);
     color: white;
     background-color: #e51a5f;
@@ -32812,7 +33097,8 @@ td.k-editor-content {
     white-space: nowrap;
 }
 
-.k-gantt .k-treelist-scrollable tr.k-state-selected > td:last-child {
+.k-gantt .k-treelist-scrollable tr.k-state-selected > td:last-child,
+.k-gantt .k-treelist-scrollable tr.k-selected > td:last-child {
     background: transparent;
 }
 
@@ -33054,7 +33340,8 @@ td.k-editor-content {
     position: absolute;
 }
 
-.k-gantt-line.k-state-selected {
+.k-gantt-line.k-state-selected,
+.k-gantt-line.k-selected {
     z-index: 3;
 }
 
@@ -33135,7 +33422,8 @@ td.k-editor-content {
 }
 
 .k-task-dot:hover::before,
-.k-task-dot.k-state-hover::before {
+.k-task-dot.k-state-hover::before,
+.k-task-dot.k-hover::before {
     border-width: 1px;
 }
 
@@ -33607,7 +33895,8 @@ td.k-editor-content {
     background-color: #3f51b5;
 }
 
-.k-gantt .k-treelist-scrollable .k-task-milestone.k-state-selected .k-task-milestone-content {
+.k-gantt .k-treelist-scrollable .k-task-milestone.k-state-selected .k-task-milestone-content,
+.k-gantt .k-treelist-scrollable .k-task-milestone.k-selected .k-task-milestone-content {
     border-color: #e51a5f;
     background-color: #e51a5f;
 }
@@ -33617,7 +33906,8 @@ td.k-editor-content {
     stroke: rgba(144, 144, 144, 0.935);
 }
 
-.k-gantt .k-gantt-dependencies-svg polyline.k-state-selected {
+.k-gantt .k-gantt-dependencies-svg polyline.k-state-selected,
+.k-gantt .k-gantt-dependencies-svg polyline.k-selected {
     stroke: #e51a5f;
 }
 
@@ -33639,7 +33929,8 @@ td.k-editor-content {
 }
 
 .k-task-dot:hover::before,
-.k-task-dot.k-state-hover::before {
+.k-task-dot.k-state-hover::before,
+.k-task-dot.k-hover::before {
     border-color: rgba(0, 0, 0, 0.87);
     background-color: white;
 }
@@ -33657,7 +33948,8 @@ td.k-editor-content {
     background-color: #37b400;
 }
 
-.k-task-milestone.k-state-selected {
+.k-task-milestone.k-state-selected,
+.k-task-milestone.k-selected {
     background-image: none;
     border-color: #e51a5f;
     background-color: #e51a5f;
@@ -33687,11 +33979,13 @@ td.k-editor-content {
     color: #37b400;
 }
 
-.k-task-summary.k-state-selected {
+.k-task-summary.k-state-selected,
+.k-task-summary.k-selected {
     color: #f28daf;
 }
 
-.k-task-summary.k-state-selected .k-task-summary-complete {
+.k-task-summary.k-state-selected .k-task-summary-complete,
+.k-task-summary.k-selected .k-task-summary-complete {
     color: #e51a5f;
 }
 
@@ -33720,12 +34014,14 @@ td.k-editor-content {
     background-color: #37b400;
 }
 
-.k-task-single.k-state-selected {
+.k-task-single.k-state-selected,
+.k-task-single.k-selected {
     color: white;
     background-color: #f28daf;
 }
 
-.k-task-single.k-state-selected .k-task-complete {
+.k-task-single.k-state-selected .k-task-complete,
+.k-task-single.k-selected .k-task-complete {
     background-color: #e51a5f;
 }
 
@@ -33733,7 +34029,8 @@ td.k-editor-content {
     color: rgba(144, 144, 144, 0.935);
 }
 
-.k-gantt-line.k-state-selected {
+.k-gantt-line.k-state-selected,
+.k-gantt-line.k-selected {
     color: #e51a5f;
 }
 
@@ -34227,9 +34524,10 @@ kendo-scheduler .k-event .k-event-actions .k-event-delete,
     visibility: hidden;
 }
 
-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: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,
 .k-event .k-event-actions:hover .k-event-delete,
-.k-event .k-event-actions.k-state-hover .k-event-delete {
+.k-event .k-event-actions.k-state-hover .k-event-delete,
+.k-event .k-event-actions.k-hover .k-event-delete {
     opacity: 1;
 }
 
@@ -34310,11 +34608,14 @@ kendo-scheduler .k-event .k-resize-e::before,
 
 kendo-scheduler .k-event:hover .k-event-actions .k-event-delete,
 kendo-scheduler .k-event:hover .k-resize-handle, kendo-scheduler .k-event.k-state-hover .k-event-actions .k-event-delete,
-kendo-scheduler .k-event.k-state-hover .k-resize-handle,
+kendo-scheduler .k-event.k-state-hover .k-resize-handle, kendo-scheduler .k-event.k-hover .k-event-actions .k-event-delete,
+kendo-scheduler .k-event.k-hover .k-resize-handle,
 .k-event:hover .k-event-actions .k-event-delete,
 .k-event:hover .k-resize-handle,
 .k-event.k-state-hover .k-event-actions .k-event-delete,
-.k-event.k-state-hover .k-resize-handle {
+.k-event.k-state-hover .k-resize-handle,
+.k-event.k-hover .k-event-actions .k-event-delete,
+.k-event.k-hover .k-resize-handle {
     visibility: visible;
 }
 
@@ -34528,9 +34829,11 @@ kendo-scheduler .k-recurrence-editor {
 }
 
 .k-scheduler-agendaview .k-state-hover .k-task > .k-event-delete,
+.k-scheduler-agendaview .k-hover .k-task > .k-event-delete,
 .k-scheduler-agendaview .k-scheduler-content tr:hover .k-event-delete,
 .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row:hover .k-event-delete,
-.k-scheduler-agendaview .k-scheduler-content .k-scheduler-row.k-state-hover .k-event-delete {
+.k-scheduler-agendaview .k-scheduler-content .k-scheduler-row.k-state-hover .k-event-delete,
+.k-scheduler-agendaview .k-scheduler-content .k-scheduler-row.k-hover .k-event-delete {
     visibility: visible;
 }
 
@@ -34603,7 +34906,8 @@ kendo-scheduler .k-recurrence-editor {
     position: relative;
 }
 
-.k-scheduler-yearview .k-calendar td.k-state-selected {
+.k-scheduler-yearview .k-calendar td.k-state-selected,
+.k-scheduler-yearview .k-calendar td.k-selected {
     background-color: inherit;
 }
 
@@ -34841,8 +35145,9 @@ kendo-scheduler .k-recurrence-editor {
     font-size: 12px;
 }
 
-kendo-scheduler .k-event.k-state-selected::before,
-.k-event.k-state-selected::before {
+kendo-scheduler .k-event.k-state-selected::before, kendo-scheduler .k-event.k-selected::before,
+.k-event.k-state-selected::before,
+.k-event.k-selected::before {
     display: block;
 }
 
@@ -34996,7 +35301,9 @@ kendo-scheduler .k-event .k-event-actions,
 }
 
 .k-scheduler-layout td.k-state-selected,
-.k-scheduler-layout .k-scheduler-cell.k-state-selected {
+.k-scheduler-layout td.k-selected,
+.k-scheduler-layout .k-scheduler-cell.k-state-selected,
+.k-scheduler-layout .k-scheduler-cell.k-selected {
     background-color: rgba(229, 26, 95, 0.25);
 }
 
@@ -35010,7 +35317,7 @@ kendo-scheduler .k-event .k-event-actions,
     background-color: #3f51b5;
 }
 
-.k-event.k-state-selected {
+.k-event.k-state-selected, .k-event.k-selected {
     color: white;
     background-color: #4e5fbb;
     box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
@@ -35035,8 +35342,10 @@ kendo-scheduler .k-event .k-event-actions,
 
 .k-scheduler-agendaview .k-scheduler-content tr:hover,
 .k-scheduler-agendaview .k-scheduler-content tr.k-state-hover,
+.k-scheduler-agendaview .k-scheduler-content tr.k-hover,
 .k-scheduler-agendaview .k-scheduler-content .k-scheduler-row:hover,
-.k-scheduler-agendaview .k-scheduler-content .k-scheduler-row.k-state-hover {
+.k-scheduler-agendaview .k-scheduler-content .k-scheduler-row.k-state-hover,
+.k-scheduler-agendaview .k-scheduler-content .k-scheduler-row.k-hover {
     border-color: rgba(0, 0, 0, 0.15);
     color: rgba(0, 0, 0, 0.87);
     background-color: rgba(0, 0, 0, 0.04);
@@ -35045,18 +35354,23 @@ kendo-scheduler .k-event .k-event-actions,
 .k-scheduler-agendaview .k-scheduler-content tr:hover .k-scheduler-datecolumn,
 .k-scheduler-agendaview .k-scheduler-content tr:hover .k-scheduler-groupcolumn,
 .k-scheduler-agendaview .k-scheduler-content tr.k-state-hover .k-scheduler-datecolumn,
-.k-scheduler-agendaview .k-scheduler-content tr.k-state-hover .k-scheduler-groupcolumn {
+.k-scheduler-agendaview .k-scheduler-content tr.k-hover .k-scheduler-datecolumn,
+.k-scheduler-agendaview .k-scheduler-content tr.k-state-hover .k-scheduler-groupcolumn,
+.k-scheduler-agendaview .k-scheduler-content tr.k-hover .k-scheduler-groupcolumn {
     border-color: rgba(0, 0, 0, 0.12);
     color: rgba(0, 0, 0, 0.87);
     background-color: white;
 }
 
-.k-scheduler-agendaview .k-scheduler-content tr.k-state-selected {
+.k-scheduler-agendaview .k-scheduler-content tr.k-state-selected,
+.k-scheduler-agendaview .k-scheduler-content tr.k-selected {
     background-color: rgba(229, 26, 95, 0.25);
 }
 
 .k-scheduler-agendaview .k-scheduler-content tr.k-state-selected .k-scheduler-datecolumn,
-.k-scheduler-agendaview .k-scheduler-content tr.k-state-selected .k-scheduler-groupcolumn {
+.k-scheduler-agendaview .k-scheduler-content tr.k-selected .k-scheduler-datecolumn,
+.k-scheduler-agendaview .k-scheduler-content tr.k-state-selected .k-scheduler-groupcolumn,
+.k-scheduler-agendaview .k-scheduler-content tr.k-selected .k-scheduler-groupcolumn {
     background-color: white;
 }
 
@@ -35064,7 +35378,8 @@ kendo-scheduler .k-event .k-event-actions,
     background-color: #3f51b5;
 }
 
-.k-scheduler-yearview .k-state-selected .k-day-indicator {
+.k-scheduler-yearview .k-state-selected .k-day-indicator,
+.k-scheduler-yearview .k-selected .k-day-indicator {
     background-color: white;
 }
 
@@ -35244,18 +35559,21 @@ kendo-scheduler .k-event .k-event-actions,
     text-decoration: underline;
 }
 
-.k-chat .k-message.k-state-selected {
+.k-chat .k-message.k-state-selected,
+.k-chat .k-message.k-selected {
     margin-bottom: 16px;
     border: 0;
     color: inherit;
     background: none;
 }
 
-.k-chat .k-message.k-state-selected .k-message-time {
+.k-chat .k-message.k-state-selected .k-message-time,
+.k-chat .k-message.k-selected .k-message-time {
     opacity: 1;
 }
 
-.k-chat .k-message.k-state-selected .k-message-status {
+.k-chat .k-message.k-state-selected .k-message-status,
+.k-chat .k-message.k-selected .k-message-status {
     height: 1.2em;
 }
 
@@ -35375,7 +35693,7 @@ kendo-scheduler .k-event .k-event-actions,
     align-items: center;
 }
 
-.k-message-box:focus, .k-message-box.k-state-focus, .k-message-box:focus-within {
+.k-message-box:focus, .k-message-box.k-state-focus, .k-message-box.k-focus, .k-message-box:focus-within {
     outline: 0;
     box-shadow: none;
 }
@@ -35440,7 +35758,7 @@ kendo-scheduler .k-event .k-event-actions,
     flex: 0 0 auto;
 }
 
-.k-chat .k-card-deck .k-card-wrap.k-state-selected {
+.k-chat .k-card-deck .k-card-wrap.k-state-selected, .k-chat .k-card-deck .k-card-wrap.k-selected {
     background: none;
 }
 
@@ -35646,7 +35964,8 @@ kendo-scheduler .k-event .k-event-actions,
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
 }
 
-.k-chat .k-state-selected .k-bubble {
+.k-chat .k-state-selected .k-bubble,
+.k-chat .k-selected .k-bubble {
     box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
 }
 
@@ -35661,7 +35980,8 @@ kendo-scheduler .k-event .k-event-actions,
     box-shadow: 0 1px 2px rgba(63, 81, 181, 0.2);
 }
 
-.k-chat .k-alt .k-state-selected .k-bubble {
+.k-chat .k-alt .k-state-selected .k-bubble,
+.k-chat .k-alt .k-selected .k-bubble {
     box-shadow: 0 3px 10px rgba(63, 81, 181, 0.4);
 }
 
@@ -36206,11 +36526,13 @@ kendo-scheduler .k-event .k-event-actions,
 }
 
 .k-timeline-track-item:hover .k-timeline-circle::before,
-.k-timeline-track-item.k-state-hover .k-timeline-circle::before {
+.k-timeline-track-item.k-state-hover .k-timeline-circle::before,
+.k-timeline-track-item.k-hover .k-timeline-circle::before {
     opacity: 0.08;
 }
 
-.k-timeline-track-item.k-state-focus .k-timeline-circle::before {
+.k-timeline-track-item.k-state-focus .k-timeline-circle::before,
+.k-timeline-track-item.k-focus .k-timeline-circle::before {
     opacity: 0.12;
 }
 
@@ -36248,7 +36570,8 @@ kendo-scheduler .k-event .k-event-actions,
     color: rgba(0, 0, 0, 0.87);
 }
 
-.k-timeline .k-timeline-arrow.k-state-disabled {
+.k-timeline .k-timeline-arrow.k-state-disabled,
+.k-timeline .k-timeline-arrow.k-disabled {
     opacity: 1;
     color: #595959;
     background-color: #ebebeb;
@@ -36265,7 +36588,8 @@ kendo-scheduler .k-event .k-event-actions,
     background-color: #3f51b5;
 }
 
-.k-timeline-track-item.k-state-focus .k-timeline-circle {
+.k-timeline-track-item.k-state-focus .k-timeline-circle,
+.k-timeline-track-item.k-focus .k-timeline-circle {
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
 }
 
@@ -36753,22 +37077,25 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
-.k-scrollview-next:focus, .k-scrollview-next.k-state-focus,
+.k-scrollview-next:focus, .k-scrollview-next.k-state-focus, .k-scrollview-next.k-focus,
 .k-scrollview-prev:focus,
-.k-scrollview-prev.k-state-focus {
+.k-scrollview-prev.k-state-focus,
+.k-scrollview-prev.k-focus {
     color: white;
     opacity: 1;
 }
 
-.k-scrollview-next:focus .k-icon::before, .k-scrollview-next.k-state-focus .k-icon::before,
+.k-scrollview-next:focus .k-icon::before, .k-scrollview-next.k-state-focus .k-icon::before, .k-scrollview-next.k-focus .k-icon::before,
 .k-scrollview-prev:focus .k-icon::before,
-.k-scrollview-prev.k-state-focus .k-icon::before {
+.k-scrollview-prev.k-state-focus .k-icon::before,
+.k-scrollview-prev.k-focus .k-icon::before {
     box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
 }
 
-.k-scrollview-next:hover, .k-scrollview-next.k-state-hover,
+.k-scrollview-next:hover, .k-scrollview-next.k-state-hover, .k-scrollview-next.k-hover,
 .k-scrollview-prev:hover,
-.k-scrollview-prev.k-state-hover {
+.k-scrollview-prev.k-state-hover,
+.k-scrollview-prev.k-hover {
     color: white;
     opacity: 1;
 }
@@ -36785,14 +37112,16 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
     border: #3f51b5;
 }
 
-.k-scrollview-pageable > .k-button:focus, .k-scrollview-pageable > .k-button.k-state-focused,
+.k-scrollview-pageable > .k-button:focus, .k-scrollview-pageable > .k-button.k-state-focused, .k-scrollview-pageable > .k-button.k-focus,
 .k-scrollview-nav > .k-link:focus,
-.k-scrollview-nav > .k-link.k-state-focused {
+.k-scrollview-nav > .k-link.k-state-focused,
+.k-scrollview-nav > .k-link.k-focus {
     box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
 }
 
 .k-scrollview-nav > .k-link:hover,
-.k-scrollview-nav > .k-link.k-state-hover {
+.k-scrollview-nav > .k-link.k-state-hover,
+.k-scrollview-nav > .k-link.k-hover {
     box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
 }
 
@@ -37502,7 +37831,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
     color: rgba(0, 0, 0, 0.87);
 }
 
-.k-treemap .k-leaf.k-state-hover {
+.k-treemap .k-leaf.k-state-hover,
+.k-treemap .k-leaf.k-hover {
     box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.12);
 }
 
@@ -37779,7 +38109,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
 .k-orgchart-node-group-container:focus,
 .k-orgchart-node-group-container.k-focus,
 .k-orgchart-node-group-container.k-state-focus,
-.k-orgchart-node-group-container.k-state-focused {
+.k-orgchart-node-group-container.k-state-focused,
+.k-orgchart-node-group-container.k-focus {
     box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }