@progress/kendo-theme-material 7.2.2-dev.0 → 7.3.0-dev.1

package/dist/all.css

@@ -16452,243 +16452,243 @@ kendo-sortable {
 }
 
 .k-text-primary {
-    color: #3f51b5;
+    color: var(--kendo-color-primary, #3f51b5);
 }
 
 .\!k-text-primary {
-    color: #3f51b5 !important;
+    color: var(--kendo-color-primary, #3f51b5) !important;
 }
 
 .k-text-secondary {
-    color: #e51a5f;
+    color: var(--kendo-color-secondary, #e51a5f);
 }
 
 .\!k-text-secondary {
-    color: #e51a5f !important;
+    color: var(--kendo-color-secondary, #e51a5f) !important;
 }
 
 .k-text-tertiary {
-    color: #00695c;
+    color: var(--kendo-color-tertiary, #00695c);
 }
 
 .\!k-text-tertiary {
-    color: #00695c !important;
+    color: var(--kendo-color-tertiary, #00695c) !important;
 }
 
 .k-text-info {
-    color: #0058e9;
+    color: var(--kendo-color-info, #0058e9);
 }
 
 .\!k-text-info {
-    color: #0058e9 !important;
+    color: var(--kendo-color-info, #0058e9) !important;
 }
 
 .k-text-success {
-    color: #37b400;
+    color: var(--kendo-color-success, #37b400);
 }
 
 .\!k-text-success {
-    color: #37b400 !important;
+    color: var(--kendo-color-success, #37b400) !important;
 }
 
 .k-text-warning {
-    color: #ffc000;
+    color: var(--kendo-color-warning, #ffc000);
 }
 
 .\!k-text-warning {
-    color: #ffc000 !important;
+    color: var(--kendo-color-warning, #ffc000) !important;
 }
 
 .k-text-error {
-    color: #f31700;
+    color: var(--kendo-color-error, #f31700);
 }
 
 .\!k-text-error {
-    color: #f31700 !important;
+    color: var(--kendo-color-error, #f31700) !important;
 }
 
 .k-text-dark {
-    color: #424242;
+    color: var(--kendo-color-dark, #424242);
 }
 
 .\!k-text-dark {
-    color: #424242 !important;
+    color: var(--kendo-color-dark, #424242) !important;
 }
 
 .k-text-light {
-    color: #f5f5f5;
+    color: var(--kendo-color-light, #f5f5f5);
 }
 
 .\!k-text-light {
-    color: #f5f5f5 !important;
+    color: var(--kendo-color-light, #f5f5f5) !important;
 }
 
 .k-text-inverse {
-    color: #424242;
+    color: var(--kendo-color-inverse, #424242);
 }
 
 .\!k-text-inverse {
-    color: #424242 !important;
+    color: var(--kendo-color-inverse, #424242) !important;
 }
 
 .k-text-inherit {
-    color: inherit;
+    color: var(--kendo-color-inherit, inherit);
 }
 
 .\!k-text-inherit {
-    color: inherit !important;
+    color: var(--kendo-color-inherit, inherit) !important;
 }
 
 .k-text-current {
-    color: currentColor;
+    color: var(--kendo-color-current, currentColor);
 }
 
 .\!k-text-current {
-    color: currentColor !important;
+    color: var(--kendo-color-current, currentColor) !important;
 }
 
 .k-text-transparent {
-    color: transparent;
+    color: var(--kendo-color-transparent, transparent);
 }
 
 .\!k-text-transparent {
-    color: transparent !important;
+    color: var(--kendo-color-transparent, transparent) !important;
 }
 
 .k-text-black {
-    color: black;
+    color: var(--kendo-color-black, black);
 }
 
 .\!k-text-black {
-    color: black !important;
+    color: var(--kendo-color-black, black) !important;
 }
 
 .k-text-white {
-    color: white;
+    color: var(--kendo-color-white, white);
 }
 
 .\!k-text-white {
-    color: white !important;
+    color: var(--kendo-color-white, white) !important;
 }
 
 .k-color-primary {
-    color: #3f51b5;
+    color: var(--kendo-color-primary, #3f51b5);
 }
 
 .\!k-color-primary {
-    color: #3f51b5 !important;
+    color: var(--kendo-color-primary, #3f51b5) !important;
 }
 
 .k-color-secondary {
-    color: #e51a5f;
+    color: var(--kendo-color-secondary, #e51a5f);
 }
 
 .\!k-color-secondary {
-    color: #e51a5f !important;
+    color: var(--kendo-color-secondary, #e51a5f) !important;
 }
 
 .k-color-tertiary {
-    color: #00695c;
+    color: var(--kendo-color-tertiary, #00695c);
 }
 
 .\!k-color-tertiary {
-    color: #00695c !important;
+    color: var(--kendo-color-tertiary, #00695c) !important;
 }
 
 .k-color-info {
-    color: #0058e9;
+    color: var(--kendo-color-info, #0058e9);
 }
 
 .\!k-color-info {
-    color: #0058e9 !important;
+    color: var(--kendo-color-info, #0058e9) !important;
 }
 
 .k-color-success {
-    color: #37b400;
+    color: var(--kendo-color-success, #37b400);
 }
 
 .\!k-color-success {
-    color: #37b400 !important;
+    color: var(--kendo-color-success, #37b400) !important;
 }
 
 .k-color-warning {
-    color: #ffc000;
+    color: var(--kendo-color-warning, #ffc000);
 }
 
 .\!k-color-warning {
-    color: #ffc000 !important;
+    color: var(--kendo-color-warning, #ffc000) !important;
 }
 
 .k-color-error {
-    color: #f31700;
+    color: var(--kendo-color-error, #f31700);
 }
 
 .\!k-color-error {
-    color: #f31700 !important;
+    color: var(--kendo-color-error, #f31700) !important;
 }
 
 .k-color-dark {
-    color: #424242;
+    color: var(--kendo-color-dark, #424242);
 }
 
 .\!k-color-dark {
-    color: #424242 !important;
+    color: var(--kendo-color-dark, #424242) !important;
 }
 
 .k-color-light {
-    color: #f5f5f5;
+    color: var(--kendo-color-light, #f5f5f5);
 }
 
 .\!k-color-light {
-    color: #f5f5f5 !important;
+    color: var(--kendo-color-light, #f5f5f5) !important;
 }
 
 .k-color-inverse {
-    color: #424242;
+    color: var(--kendo-color-inverse, #424242);
 }
 
 .\!k-color-inverse {
-    color: #424242 !important;
+    color: var(--kendo-color-inverse, #424242) !important;
 }
 
 .k-color-inherit {
-    color: inherit;
+    color: var(--kendo-color-inherit, inherit);
 }
 
 .\!k-color-inherit {
-    color: inherit !important;
+    color: var(--kendo-color-inherit, inherit) !important;
 }
 
 .k-color-current {
-    color: currentColor;
+    color: var(--kendo-color-current, currentColor);
 }
 
 .\!k-color-current {
-    color: currentColor !important;
+    color: var(--kendo-color-current, currentColor) !important;
 }
 
 .k-color-transparent {
-    color: transparent;
+    color: var(--kendo-color-transparent, transparent);
 }
 
 .\!k-color-transparent {
-    color: transparent !important;
+    color: var(--kendo-color-transparent, transparent) !important;
 }
 
 .k-color-black {
-    color: black;
+    color: var(--kendo-color-black, black);
 }
 
 .\!k-color-black {
-    color: black !important;
+    color: var(--kendo-color-black, black) !important;
 }
 
 .k-color-white {
-    color: white;
+    color: var(--kendo-color-white, white);
 }
 
 .\!k-color-white {
-    color: white !important;
+    color: var(--kendo-color-white, white) !important;
 }
 
 .k-text-underline {
@@ -16978,115 +16978,115 @@ kendo-sortable {
 }
 
 .k-bg-primary {
-    background-color: #3f51b5;
+    background-color: var(--kendo-color-primary, #3f51b5);
 }
 
 .\!k-bg-primary {
-    background-color: #3f51b5 !important;
+    background-color: var(--kendo-color-primary, #3f51b5) !important;
 }
 
 .k-bg-secondary {
-    background-color: #e51a5f;
+    background-color: var(--kendo-color-secondary, #e51a5f);
 }
 
 .\!k-bg-secondary {
-    background-color: #e51a5f !important;
+    background-color: var(--kendo-color-secondary, #e51a5f) !important;
 }
 
 .k-bg-tertiary {
-    background-color: #00695c;
+    background-color: var(--kendo-color-tertiary, #00695c);
 }
 
 .\!k-bg-tertiary {
-    background-color: #00695c !important;
+    background-color: var(--kendo-color-tertiary, #00695c) !important;
 }
 
 .k-bg-info {
-    background-color: #0058e9;
+    background-color: var(--kendo-color-info, #0058e9);
 }
 
 .\!k-bg-info {
-    background-color: #0058e9 !important;
+    background-color: var(--kendo-color-info, #0058e9) !important;
 }
 
 .k-bg-success {
-    background-color: #37b400;
+    background-color: var(--kendo-color-success, #37b400);
 }
 
 .\!k-bg-success {
-    background-color: #37b400 !important;
+    background-color: var(--kendo-color-success, #37b400) !important;
 }
 
 .k-bg-warning {
-    background-color: #ffc000;
+    background-color: var(--kendo-color-warning, #ffc000);
 }
 
 .\!k-bg-warning {
-    background-color: #ffc000 !important;
+    background-color: var(--kendo-color-warning, #ffc000) !important;
 }
 
 .k-bg-error {
-    background-color: #f31700;
+    background-color: var(--kendo-color-error, #f31700);
 }
 
 .\!k-bg-error {
-    background-color: #f31700 !important;
+    background-color: var(--kendo-color-error, #f31700) !important;
 }
 
 .k-bg-dark {
-    background-color: #424242;
+    background-color: var(--kendo-color-dark, #424242);
 }
 
 .\!k-bg-dark {
-    background-color: #424242 !important;
+    background-color: var(--kendo-color-dark, #424242) !important;
 }
 
 .k-bg-light {
-    background-color: #f5f5f5;
+    background-color: var(--kendo-color-light, #f5f5f5);
 }
 
 .\!k-bg-light {
-    background-color: #f5f5f5 !important;
+    background-color: var(--kendo-color-light, #f5f5f5) !important;
 }
 
 .k-bg-inverse {
-    background-color: #424242;
+    background-color: var(--kendo-color-inverse, #424242);
 }
 
 .\!k-bg-inverse {
-    background-color: #424242 !important;
+    background-color: var(--kendo-color-inverse, #424242) !important;
 }
 
 .k-bg-inherit {
-    background-color: inherit;
+    background-color: var(--kendo-color-inherit, inherit);
 }
 
 .\!k-bg-inherit {
-    background-color: inherit !important;
+    background-color: var(--kendo-color-inherit, inherit) !important;
 }
 
 .k-bg-transparent {
-    background-color: transparent;
+    background-color: var(--kendo-color-transparent, transparent);
 }
 
 .\!k-bg-transparent {
-    background-color: transparent !important;
+    background-color: var(--kendo-color-transparent, transparent) !important;
 }
 
 .k-bg-black {
-    background-color: black;
+    background-color: var(--kendo-color-black, black);
 }
 
 .\!k-bg-black {
-    background-color: black !important;
+    background-color: var(--kendo-color-black, black) !important;
 }
 
 .k-bg-white {
-    background-color: white;
+    background-color: var(--kendo-color-white, white);
 }
 
 .\!k-bg-white {
-    background-color: white !important;
+    background-color: var(--kendo-color-white, white) !important;
 }
 
 .k-bg-center {
@@ -17186,843 +17186,123 @@ kendo-sortable {
 }
 
 .k-border-primary {
-    border-color: #3f51b5;
+    border-color: var(--kendo-color-primary, #3f51b5);
 }
 
 .\!k-border-primary {
-    border-color: #3f51b5 !important;
+    border-color: var(--kendo-color-primary, #3f51b5) !important;
 }
 
 .k-border-secondary {
-    border-color: #e51a5f;
+    border-color: var(--kendo-color-secondary, #e51a5f);
 }
 
 .\!k-border-secondary {
-    border-color: #e51a5f !important;
+    border-color: var(--kendo-color-secondary, #e51a5f) !important;
 }
 
 .k-border-tertiary {
-    border-color: #00695c;
+    border-color: var(--kendo-color-tertiary, #00695c);
 }
 
 .\!k-border-tertiary {
-    border-color: #00695c !important;
+    border-color: var(--kendo-color-tertiary, #00695c) !important;
 }
 
 .k-border-info {
-    border-color: #0058e9;
+    border-color: var(--kendo-color-info, #0058e9);
 }
 
 .\!k-border-info {
-    border-color: #0058e9 !important;
+    border-color: var(--kendo-color-info, #0058e9) !important;
 }
 
 .k-border-success {
-    border-color: #37b400;
+    border-color: var(--kendo-color-success, #37b400);
 }
 
 .\!k-border-success {
-    border-color: #37b400 !important;
+    border-color: var(--kendo-color-success, #37b400) !important;
 }
 
 .k-border-warning {
-    border-color: #ffc000;
+    border-color: var(--kendo-color-warning, #ffc000);
 }
 
 .\!k-border-warning {
-    border-color: #ffc000 !important;
+    border-color: var(--kendo-color-warning, #ffc000) !important;
 }
 
 .k-border-error {
-    border-color: #f31700;
+    border-color: var(--kendo-color-error, #f31700);
 }
 
 .\!k-border-error {
-    border-color: #f31700 !important;
+    border-color: var(--kendo-color-error, #f31700) !important;
 }
 
 .k-border-dark {
-    border-color: #424242;
+    border-color: var(--kendo-color-dark, #424242);
 }
 
 .\!k-border-dark {
-    border-color: #424242 !important;
+    border-color: var(--kendo-color-dark, #424242) !important;
 }
 
 .k-border-light {
-    border-color: #f5f5f5;
+    border-color: var(--kendo-color-light, #f5f5f5);
 }
 
 .\!k-border-light {
-    border-color: #f5f5f5 !important;
+    border-color: var(--kendo-color-light, #f5f5f5) !important;
 }
 
 .k-border-inverse {
-    border-color: #424242;
+    border-color: var(--kendo-color-inverse, #424242);
 }
 
 .\!k-border-inverse {
-    border-color: #424242 !important;
+    border-color: var(--kendo-color-inverse, #424242) !important;
 }
 
 .k-border-inherit {
-    border-color: inherit;
+    border-color: var(--kendo-color-inherit, inherit);
 }
 
 .\!k-border-inherit {
-    border-color: inherit !important;
+    border-color: var(--kendo-color-inherit, inherit) !important;
 }
 
 .k-border-current {
-    border-color: currentColor;
+    border-color: var(--kendo-color-current, currentColor);
 }
 
 .\!k-border-current {
-    border-color: currentColor !important;
+    border-color: var(--kendo-color-current, currentColor) !important;
 }
 
 .k-border-transparent {
-    border-color: transparent;
+    border-color: var(--kendo-color-transparent, transparent);
 }
 
 .\!k-border-transparent {
-    border-color: transparent !important;
+    border-color: var(--kendo-color-transparent, transparent) !important;
 }
 
 .k-border-black {
-    border-color: black;
+    border-color: var(--kendo-color-black, black);
 }
 
 .\!k-border-black {
-    border-color: black !important;
+    border-color: var(--kendo-color-black, black) !important;
 }
 
 .k-border-white {
-    border-color: white;
+    border-color: var(--kendo-color-white, white);
 }
 
 .\!k-border-white {
-    border-color: white !important;
-}
-
-.k-border-t-primary {
-    border-top-color: #3f51b5;
-}
-
-.\!k-border-t-primary {
-    border-top-color: #3f51b5 !important;
-}
-
-.k-border-t-secondary {
-    border-top-color: #e51a5f;
-}
-
-.\!k-border-t-secondary {
-    border-top-color: #e51a5f !important;
-}
-
-.k-border-t-tertiary {
-    border-top-color: #00695c;
-}
-
-.\!k-border-t-tertiary {
-    border-top-color: #00695c !important;
-}
-
-.k-border-t-info {
-    border-top-color: #0058e9;
-}
-
-.\!k-border-t-info {
-    border-top-color: #0058e9 !important;
-}
-
-.k-border-t-success {
-    border-top-color: #37b400;
-}
-
-.\!k-border-t-success {
-    border-top-color: #37b400 !important;
-}
-
-.k-border-t-warning {
-    border-top-color: #ffc000;
-}
-
-.\!k-border-t-warning {
-    border-top-color: #ffc000 !important;
-}
-
-.k-border-t-error {
-    border-top-color: #f31700;
-}
-
-.\!k-border-t-error {
-    border-top-color: #f31700 !important;
-}
-
-.k-border-t-dark {
-    border-top-color: #424242;
-}
-
-.\!k-border-t-dark {
-    border-top-color: #424242 !important;
-}
-
-.k-border-t-light {
-    border-top-color: #f5f5f5;
-}
-
-.\!k-border-t-light {
-    border-top-color: #f5f5f5 !important;
-}
-
-.k-border-t-inverse {
-    border-top-color: #424242;
-}
-
-.\!k-border-t-inverse {
-    border-top-color: #424242 !important;
-}
-
-.k-border-t-inherit {
-    border-top-color: inherit;
-}
-
-.\!k-border-t-inherit {
-    border-top-color: inherit !important;
-}
-
-.k-border-t-current {
-    border-top-color: currentColor;
-}
-
-.\!k-border-t-current {
-    border-top-color: currentColor !important;
-}
-
-.k-border-t-transparent {
-    border-top-color: transparent;
-}
-
-.\!k-border-t-transparent {
-    border-top-color: transparent !important;
-}
-
-.k-border-t-black {
-    border-top-color: black;
-}
-
-.\!k-border-t-black {
-    border-top-color: black !important;
-}
-
-.k-border-t-white {
-    border-top-color: white;
-}
-
-.\!k-border-t-white {
-    border-top-color: white !important;
-}
-
-.k-border-r-primary {
-    border-right-color: #3f51b5;
-}
-
-.\!k-border-r-primary {
-    border-right-color: #3f51b5 !important;
-}
-
-.k-border-r-secondary {
-    border-right-color: #e51a5f;
-}
-
-.\!k-border-r-secondary {
-    border-right-color: #e51a5f !important;
-}
-
-.k-border-r-tertiary {
-    border-right-color: #00695c;
-}
-
-.\!k-border-r-tertiary {
-    border-right-color: #00695c !important;
-}
-
-.k-border-r-info {
-    border-right-color: #0058e9;
-}
-
-.\!k-border-r-info {
-    border-right-color: #0058e9 !important;
-}
-
-.k-border-r-success {
-    border-right-color: #37b400;
-}
-
-.\!k-border-r-success {
-    border-right-color: #37b400 !important;
-}
-
-.k-border-r-warning {
-    border-right-color: #ffc000;
-}
-
-.\!k-border-r-warning {
-    border-right-color: #ffc000 !important;
-}
-
-.k-border-r-error {
-    border-right-color: #f31700;
-}
-
-.\!k-border-r-error {
-    border-right-color: #f31700 !important;
-}
-
-.k-border-r-dark {
-    border-right-color: #424242;
-}
-
-.\!k-border-r-dark {
-    border-right-color: #424242 !important;
-}
-
-.k-border-r-light {
-    border-right-color: #f5f5f5;
-}
-
-.\!k-border-r-light {
-    border-right-color: #f5f5f5 !important;
-}
-
-.k-border-r-inverse {
-    border-right-color: #424242;
-}
-
-.\!k-border-r-inverse {
-    border-right-color: #424242 !important;
-}
-
-.k-border-r-inherit {
-    border-right-color: inherit;
-}
-
-.\!k-border-r-inherit {
-    border-right-color: inherit !important;
-}
-
-.k-border-r-current {
-    border-right-color: currentColor;
-}
-
-.\!k-border-r-current {
-    border-right-color: currentColor !important;
-}
-
-.k-border-r-transparent {
-    border-right-color: transparent;
-}
-
-.\!k-border-r-transparent {
-    border-right-color: transparent !important;
-}
-
-.k-border-r-black {
-    border-right-color: black;
-}
-
-.\!k-border-r-black {
-    border-right-color: black !important;
-}
-
-.k-border-r-white {
-    border-right-color: white;
-}
-
-.\!k-border-r-white {
-    border-right-color: white !important;
-}
-
-.k-border-b-primary {
-    border-bottom-color: #3f51b5;
-}
-
-.\!k-border-b-primary {
-    border-bottom-color: #3f51b5 !important;
-}
-
-.k-border-b-secondary {
-    border-bottom-color: #e51a5f;
-}
-
-.\!k-border-b-secondary {
-    border-bottom-color: #e51a5f !important;
-}
-
-.k-border-b-tertiary {
-    border-bottom-color: #00695c;
-}
-
-.\!k-border-b-tertiary {
-    border-bottom-color: #00695c !important;
-}
-
-.k-border-b-info {
-    border-bottom-color: #0058e9;
-}
-
-.\!k-border-b-info {
-    border-bottom-color: #0058e9 !important;
-}
-
-.k-border-b-success {
-    border-bottom-color: #37b400;
-}
-
-.\!k-border-b-success {
-    border-bottom-color: #37b400 !important;
-}
-
-.k-border-b-warning {
-    border-bottom-color: #ffc000;
-}
-
-.\!k-border-b-warning {
-    border-bottom-color: #ffc000 !important;
-}
-
-.k-border-b-error {
-    border-bottom-color: #f31700;
-}
-
-.\!k-border-b-error {
-    border-bottom-color: #f31700 !important;
-}
-
-.k-border-b-dark {
-    border-bottom-color: #424242;
-}
-
-.\!k-border-b-dark {
-    border-bottom-color: #424242 !important;
-}
-
-.k-border-b-light {
-    border-bottom-color: #f5f5f5;
-}
-
-.\!k-border-b-light {
-    border-bottom-color: #f5f5f5 !important;
-}
-
-.k-border-b-inverse {
-    border-bottom-color: #424242;
-}
-
-.\!k-border-b-inverse {
-    border-bottom-color: #424242 !important;
-}
-
-.k-border-b-inherit {
-    border-bottom-color: inherit;
-}
-
-.\!k-border-b-inherit {
-    border-bottom-color: inherit !important;
-}
-
-.k-border-b-current {
-    border-bottom-color: currentColor;
-}
-
-.\!k-border-b-current {
-    border-bottom-color: currentColor !important;
-}
-
-.k-border-b-transparent {
-    border-bottom-color: transparent;
-}
-
-.\!k-border-b-transparent {
-    border-bottom-color: transparent !important;
-}
-
-.k-border-b-black {
-    border-bottom-color: black;
-}
-
-.\!k-border-b-black {
-    border-bottom-color: black !important;
-}
-
-.k-border-b-white {
-    border-bottom-color: white;
-}
-
-.\!k-border-b-white {
-    border-bottom-color: white !important;
-}
-
-.k-border-l-primary {
-    border-left-color: #3f51b5;
-}
-
-.\!k-border-l-primary {
-    border-left-color: #3f51b5 !important;
-}
-
-.k-border-l-secondary {
-    border-left-color: #e51a5f;
-}
-
-.\!k-border-l-secondary {
-    border-left-color: #e51a5f !important;
-}
-
-.k-border-l-tertiary {
-    border-left-color: #00695c;
-}
-
-.\!k-border-l-tertiary {
-    border-left-color: #00695c !important;
-}
-
-.k-border-l-info {
-    border-left-color: #0058e9;
-}
-
-.\!k-border-l-info {
-    border-left-color: #0058e9 !important;
-}
-
-.k-border-l-success {
-    border-left-color: #37b400;
-}
-
-.\!k-border-l-success {
-    border-left-color: #37b400 !important;
-}
-
-.k-border-l-warning {
-    border-left-color: #ffc000;
-}
-
-.\!k-border-l-warning {
-    border-left-color: #ffc000 !important;
-}
-
-.k-border-l-error {
-    border-left-color: #f31700;
-}
-
-.\!k-border-l-error {
-    border-left-color: #f31700 !important;
-}
-
-.k-border-l-dark {
-    border-left-color: #424242;
-}
-
-.\!k-border-l-dark {
-    border-left-color: #424242 !important;
-}
-
-.k-border-l-light {
-    border-left-color: #f5f5f5;
-}
-
-.\!k-border-l-light {
-    border-left-color: #f5f5f5 !important;
-}
-
-.k-border-l-inverse {
-    border-left-color: #424242;
-}
-
-.\!k-border-l-inverse {
-    border-left-color: #424242 !important;
-}
-
-.k-border-l-inherit {
-    border-left-color: inherit;
-}
-
-.\!k-border-l-inherit {
-    border-left-color: inherit !important;
-}
-
-.k-border-l-current {
-    border-left-color: currentColor;
-}
-
-.\!k-border-l-current {
-    border-left-color: currentColor !important;
-}
-
-.k-border-l-transparent {
-    border-left-color: transparent;
-}
-
-.\!k-border-l-transparent {
-    border-left-color: transparent !important;
-}
-
-.k-border-l-black {
-    border-left-color: black;
-}
-
-.\!k-border-l-black {
-    border-left-color: black !important;
-}
-
-.k-border-l-white {
-    border-left-color: white;
-}
-
-.\!k-border-l-white {
-    border-left-color: white !important;
-}
-
-.k-border-x-primary {
-    border-inline-color: #3f51b5;
-}
-
-.\!k-border-x-primary {
-    border-inline-color: #3f51b5 !important;
-}
-
-.k-border-x-secondary {
-    border-inline-color: #e51a5f;
-}
-
-.\!k-border-x-secondary {
-    border-inline-color: #e51a5f !important;
-}
-
-.k-border-x-tertiary {
-    border-inline-color: #00695c;
-}
-
-.\!k-border-x-tertiary {
-    border-inline-color: #00695c !important;
-}
-
-.k-border-x-info {
-    border-inline-color: #0058e9;
-}
-
-.\!k-border-x-info {
-    border-inline-color: #0058e9 !important;
-}
-
-.k-border-x-success {
-    border-inline-color: #37b400;
-}
-
-.\!k-border-x-success {
-    border-inline-color: #37b400 !important;
-}
-
-.k-border-x-warning {
-    border-inline-color: #ffc000;
-}
-
-.\!k-border-x-warning {
-    border-inline-color: #ffc000 !important;
-}
-
-.k-border-x-error {
-    border-inline-color: #f31700;
-}
-
-.\!k-border-x-error {
-    border-inline-color: #f31700 !important;
-}
-
-.k-border-x-dark {
-    border-inline-color: #424242;
-}
-
-.\!k-border-x-dark {
-    border-inline-color: #424242 !important;
-}
-
-.k-border-x-light {
-    border-inline-color: #f5f5f5;
-}
-
-.\!k-border-x-light {
-    border-inline-color: #f5f5f5 !important;
-}
-
-.k-border-x-inverse {
-    border-inline-color: #424242;
-}
-
-.\!k-border-x-inverse {
-    border-inline-color: #424242 !important;
-}
-
-.k-border-x-inherit {
-    border-inline-color: inherit;
-}
-
-.\!k-border-x-inherit {
-    border-inline-color: inherit !important;
-}
-
-.k-border-x-current {
-    border-inline-color: currentColor;
-}
-
-.\!k-border-x-current {
-    border-inline-color: currentColor !important;
-}
-
-.k-border-x-transparent {
-    border-inline-color: transparent;
-}
-
-.\!k-border-x-transparent {
-    border-inline-color: transparent !important;
-}
-
-.k-border-x-black {
-    border-inline-color: black;
-}
-
-.\!k-border-x-black {
-    border-inline-color: black !important;
-}
-
-.k-border-x-white {
-    border-inline-color: white;
-}
-
-.\!k-border-x-white {
-    border-inline-color: white !important;
-}
-
-.k-border-y-primary {
-    border-block-color: #3f51b5;
-}
-
-.\!k-border-y-primary {
-    border-block-color: #3f51b5 !important;
-}
-
-.k-border-y-secondary {
-    border-block-color: #e51a5f;
-}
-
-.\!k-border-y-secondary {
-    border-block-color: #e51a5f !important;
-}
-
-.k-border-y-tertiary {
-    border-block-color: #00695c;
-}
-
-.\!k-border-y-tertiary {
-    border-block-color: #00695c !important;
-}
-
-.k-border-y-info {
-    border-block-color: #0058e9;
-}
-
-.\!k-border-y-info {
-    border-block-color: #0058e9 !important;
-}
-
-.k-border-y-success {
-    border-block-color: #37b400;
-}
-
-.\!k-border-y-success {
-    border-block-color: #37b400 !important;
-}
-
-.k-border-y-warning {
-    border-block-color: #ffc000;
-}
-
-.\!k-border-y-warning {
-    border-block-color: #ffc000 !important;
-}
-
-.k-border-y-error {
-    border-block-color: #f31700;
-}
-
-.\!k-border-y-error {
-    border-block-color: #f31700 !important;
-}
-
-.k-border-y-dark {
-    border-block-color: #424242;
-}
-
-.\!k-border-y-dark {
-    border-block-color: #424242 !important;
-}
-
-.k-border-y-light {
-    border-block-color: #f5f5f5;
-}
-
-.\!k-border-y-light {
-    border-block-color: #f5f5f5 !important;
-}
-
-.k-border-y-inverse {
-    border-block-color: #424242;
-}
-
-.\!k-border-y-inverse {
-    border-block-color: #424242 !important;
-}
-
-.k-border-y-inherit {
-    border-block-color: inherit;
-}
-
-.\!k-border-y-inherit {
-    border-block-color: inherit !important;
-}
-
-.k-border-y-current {
-    border-block-color: currentColor;
-}
-
-.\!k-border-y-current {
-    border-block-color: currentColor !important;
-}
-
-.k-border-y-transparent {
-    border-block-color: transparent;
-}
-
-.\!k-border-y-transparent {
-    border-block-color: transparent !important;
-}
-
-.k-border-y-black {
-    border-block-color: black;
-}
-
-.\!k-border-y-black {
-    border-block-color: black !important;
-}
-
-.k-border-y-white {
-    border-block-color: white;
-}
-
-.\!k-border-y-white {
-    border-block-color: white !important;
+    border-color: var(--kendo-color-white, white) !important;
 }
 
 .k-rounded {
@@ -19394,123 +18674,123 @@ kendo-sortable {
 }
 
 .k-outline-primary {
-    outline-color: #3f51b5;
+    outline-color: var(--kendo-color-primary, #3f51b5);
 }
 
 .\!k-outline-primary {
-    outline-color: #3f51b5 !important;
+    outline-color: var(--kendo-color-primary, #3f51b5) !important;
 }
 
 .k-outline-secondary {
-    outline-color: #e51a5f;
+    outline-color: var(--kendo-color-secondary, #e51a5f);
 }
 
 .\!k-outline-secondary {
-    outline-color: #e51a5f !important;
+    outline-color: var(--kendo-color-secondary, #e51a5f) !important;
 }
 
 .k-outline-tertiary {
-    outline-color: #00695c;
+    outline-color: var(--kendo-color-tertiary, #00695c);
 }
 
 .\!k-outline-tertiary {
-    outline-color: #00695c !important;
+    outline-color: var(--kendo-color-tertiary, #00695c) !important;
 }
 
 .k-outline-info {
-    outline-color: #0058e9;
+    outline-color: var(--kendo-color-info, #0058e9);
 }
 
 .\!k-outline-info {
-    outline-color: #0058e9 !important;
+    outline-color: var(--kendo-color-info, #0058e9) !important;
 }
 
 .k-outline-success {
-    outline-color: #37b400;
+    outline-color: var(--kendo-color-success, #37b400);
 }
 
 .\!k-outline-success {
-    outline-color: #37b400 !important;
+    outline-color: var(--kendo-color-success, #37b400) !important;
 }
 
 .k-outline-warning {
-    outline-color: #ffc000;
+    outline-color: var(--kendo-color-warning, #ffc000);
 }
 
 .\!k-outline-warning {
-    outline-color: #ffc000 !important;
+    outline-color: var(--kendo-color-warning, #ffc000) !important;
 }
 
 .k-outline-error {
-    outline-color: #f31700;
+    outline-color: var(--kendo-color-error, #f31700);
 }
 
 .\!k-outline-error {
-    outline-color: #f31700 !important;
+    outline-color: var(--kendo-color-error, #f31700) !important;
 }
 
 .k-outline-dark {
-    outline-color: #424242;
+    outline-color: var(--kendo-color-dark, #424242);
 }
 
 .\!k-outline-dark {
-    outline-color: #424242 !important;
+    outline-color: var(--kendo-color-dark, #424242) !important;
 }
 
 .k-outline-light {
-    outline-color: #f5f5f5;
+    outline-color: var(--kendo-color-light, #f5f5f5);
 }
 
 .\!k-outline-light {
-    outline-color: #f5f5f5 !important;
+    outline-color: var(--kendo-color-light, #f5f5f5) !important;
 }
 
 .k-outline-inverse {
-    outline-color: #424242;
+    outline-color: var(--kendo-color-inverse, #424242);
 }
 
 .\!k-outline-inverse {
-    outline-color: #424242 !important;
+    outline-color: var(--kendo-color-inverse, #424242) !important;
 }
 
 .k-outline-inherit {
-    outline-color: inherit;
+    outline-color: var(--kendo-color-inherit, inherit);
 }
 
 .\!k-outline-inherit {
-    outline-color: inherit !important;
+    outline-color: var(--kendo-color-inherit, inherit) !important;
 }
 
 .k-outline-current {
-    outline-color: currentColor;
+    outline-color: var(--kendo-color-current, currentColor);
 }
 
 .\!k-outline-current {
-    outline-color: currentColor !important;
+    outline-color: var(--kendo-color-current, currentColor) !important;
 }
 
 .k-outline-transparent {
-    outline-color: transparent;
+    outline-color: var(--kendo-color-transparent, transparent);
 }
 
 .\!k-outline-transparent {
-    outline-color: transparent !important;
+    outline-color: var(--kendo-color-transparent, transparent) !important;
 }
 
 .k-outline-black {
-    outline-color: black;
+    outline-color: var(--kendo-color-black, black);
 }
 
 .\!k-outline-black {
-    outline-color: black !important;
+    outline-color: var(--kendo-color-black, black) !important;
 }
 
 .k-outline-white {
-    outline-color: white;
+    outline-color: var(--kendo-color-white, white);
 }
 
 .\!k-outline-white {
-    outline-color: white !important;
+    outline-color: var(--kendo-color-white, white) !important;
 }
 
 .k-outline-offset-0 {
@@ -25990,75 +25270,75 @@ kendo-sortable {
 }
 
 .k-elevation-1 {
-    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
+    box-shadow: var(--kendo-elevation-1, 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.14));
 }
 
 .\!k-elevation-1 {
-    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.14) !important;
+    box-shadow: var(--kendo-elevation-1, 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.14)) !important;
 }
 
 .k-elevation-2 {
-    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14);
+    box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14));
 }
 
 .\!k-elevation-2 {
-    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14) !important;
+    box-shadow: var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14)) !important;
 }
 
 .k-elevation-3 {
-    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14);
+    box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14));
 }
 
 .\!k-elevation-3 {
-    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14) !important;
+    box-shadow: var(--kendo-elevation-3, 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14)) !important;
 }
 
 .k-elevation-4 {
-    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 4px 5px 0px rgba(0, 0, 0, 0.14);
+    box-shadow: var(--kendo-elevation-4, 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 4px 5px 0px rgba(0, 0, 0, 0.14));
 }
 
 .\!k-elevation-4 {
-    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 4px 5px 0px rgba(0, 0, 0, 0.14) !important;
+    box-shadow: var(--kendo-elevation-4, 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 4px 5px 0px rgba(0, 0, 0, 0.14)) !important;
 }
 
 .k-elevation-5 {
-    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14);
+    box-shadow: var(--kendo-elevation-5, 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14));
 }
 
 .\!k-elevation-5 {
-    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14) !important;
+    box-shadow: var(--kendo-elevation-5, 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14)) !important;
 }
 
 .k-elevation-6 {
-    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14);
+    box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14));
 }
 
 .\!k-elevation-6 {
-    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14) !important;
+    box-shadow: var(--kendo-elevation-6, 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14)) !important;
 }
 
 .k-elevation-7 {
-    box-shadow: 0px 7px 8px 0px rgba(0, 0, 0, 0.2), 0px 5px 22px 0px rgba(0, 0, 0, 0.12), 0px 12px 17px 0px rgba(0, 0, 0, 0.14);
+    box-shadow: var(--kendo-elevation-7, 0px 7px 8px 0px rgba(0, 0, 0, 0.2), 0px 5px 22px 0px rgba(0, 0, 0, 0.12), 0px 12px 17px 0px rgba(0, 0, 0, 0.14));
 }
 
 .\!k-elevation-7 {
-    box-shadow: 0px 7px 8px 0px rgba(0, 0, 0, 0.2), 0px 5px 22px 0px rgba(0, 0, 0, 0.12), 0px 12px 17px 0px rgba(0, 0, 0, 0.14) !important;
+    box-shadow: var(--kendo-elevation-7, 0px 7px 8px 0px rgba(0, 0, 0, 0.2), 0px 5px 22px 0px rgba(0, 0, 0, 0.12), 0px 12px 17px 0px rgba(0, 0, 0, 0.14)) !important;
 }
 
 .k-elevation-8 {
-    box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.2), 0px 6px 30px rgba(0, 0, 0, 0.12), 0px 16px 24px rgba(0, 0, 0, 0.14);
+    box-shadow: var(--kendo-elevation-8, 0px 8px 10px rgba(0, 0, 0, 0.2), 0px 6px 30px rgba(0, 0, 0, 0.12), 0px 16px 24px rgba(0, 0, 0, 0.14));
 }
 
 .\!k-elevation-8 {
-    box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.2), 0px 6px 30px rgba(0, 0, 0, 0.12), 0px 16px 24px rgba(0, 0, 0, 0.14) !important;
+    box-shadow: var(--kendo-elevation-8, 0px 8px 10px rgba(0, 0, 0, 0.2), 0px 6px 30px rgba(0, 0, 0, 0.12), 0px 16px 24px rgba(0, 0, 0, 0.14)) !important;
 }
 
 .k-elevation-9 {
-    box-shadow: 0px 11px 15px rgba(0, 0, 0, 0.2), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 24px 38px rgba(0, 0, 0, 0.14);
+    box-shadow: var(--kendo-elevation-9, 0px 11px 15px rgba(0, 0, 0, 0.2), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 24px 38px rgba(0, 0, 0, 0.14));
 }
 
 .\!k-elevation-9 {
-    box-shadow: 0px 11px 15px rgba(0, 0, 0, 0.2), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 24px 38px rgba(0, 0, 0, 0.14) !important;
+    box-shadow: var(--kendo-elevation-9, 0px 11px 15px rgba(0, 0, 0, 0.2), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 24px 38px rgba(0, 0, 0, 0.14)) !important;
 }
 
 .k-body,
@@ -32005,18 +31285,6 @@ kendo-label > .k-label {
     display: inline-block;
 }
 
-.k-input-label {
-    margin-right: 10px;
-    z-index: 1;
-}
-
-.k-input-label:dir(rtl),
-.k-rtl .k-input-label, .k-input-label.k-rtl,
-[dir="rtl"] .k-input-label, .k-input-label[dir="rtl"] {
-    margin-right: 0;
-    margin-left: 10px;
-}
-
 .k-form {
     border: 0;
 }
@@ -33703,7 +32971,7 @@ select.k-picker-lg {
     box-sizing: border-box;
 }
 
-.k-floating-label-container > .k-label {
+.k-floating-label-container > .k-floating-label {
     max-width: 90%;
     font-size: 16px;
     line-height: 1.25;
@@ -33718,26 +32986,21 @@ select.k-picker-lg {
     transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1), top 0.15s cubic-bezier(0.4, 0, 0.2, 1), left 0.15s cubic-bezier(0.4, 0, 0.2, 1);
 }
 
-.k-floating-label-container > .k-widget {
-    flex: 1 1 auto;
-    width: auto;
-}
-
-.k-floating-label-container.k-empty > .k-label {
+.k-floating-label-container.k-empty > .k-floating-label {
     top: var(--kendo-floating-label-offset-y, 29px);
     left: var(--kendo-floating-label-offset-x, 17px);
     transform: scale(1);
     pointer-events: none;
 }
 
-.k-floating-label-container > .k-label,
-.k-floating-label-container.k-focus > .k-label {
+.k-floating-label-container > .k-floating-label,
+.k-floating-label-container.k-focus > .k-floating-label {
     top: var(--kendo-floating-label-focus-offset-y, 0px);
     left: var(--kendo-floating-label-focus-offset-x, 0px);
     transform: scale(0.75);
 }
 
-.k-floating-label-container:focus-within > .k-label {
+.k-floating-label-container:focus-within > .k-floating-label {
     top: var(--kendo-floating-label-focus-offset-y, 0px);
     left: var(--kendo-floating-label-focus-offset-x, 0px);
     transform: scale(0.75);
@@ -33751,60 +33014,60 @@ select.k-picker-lg {
     color: transparent;
 }
 
-[dir="rtl"] .k-floating-label-container > .k-label,
-.k-rtl .k-floating-label-container > .k-label, .k-floating-label-container[dir="rtl"] > .k-label {
+[dir="rtl"] .k-floating-label-container > .k-floating-label,
+.k-rtl .k-floating-label-container > .k-floating-label, .k-floating-label-container[dir="rtl"] > .k-floating-label {
     transform-origin: right center;
     transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1), top 0.15s cubic-bezier(0.4, 0, 0.2, 1), right 0.15s cubic-bezier(0.4, 0, 0.2, 1);
 }
 
-[dir="rtl"] .k-floating-label-container.k-empty > .k-label,
-.k-rtl .k-floating-label-container.k-empty > .k-label, .k-floating-label-container[dir="rtl"].k-empty > .k-label {
+[dir="rtl"] .k-floating-label-container.k-empty > .k-floating-label,
+.k-rtl .k-floating-label-container.k-empty > .k-floating-label, .k-floating-label-container[dir="rtl"].k-empty > .k-floating-label {
     left: auto;
     right: var(--kendo-floating-label-offset-x, 17px);
 }
 
-[dir="rtl"] .k-floating-label-container > .k-label,
-[dir="rtl"] .k-floating-label-container.k-focus > .k-label,
-.k-rtl .k-floating-label-container > .k-label,
-.k-rtl .k-floating-label-container.k-focus > .k-label, .k-floating-label-container[dir="rtl"] > .k-label,
-.k-floating-label-container[dir="rtl"].k-focus > .k-label {
+[dir="rtl"] .k-floating-label-container > .k-floating-label,
+[dir="rtl"] .k-floating-label-container.k-focus > .k-floating-label,
+.k-rtl .k-floating-label-container > .k-floating-label,
+.k-rtl .k-floating-label-container.k-focus > .k-floating-label, .k-floating-label-container[dir="rtl"] > .k-floating-label,
+.k-floating-label-container[dir="rtl"].k-focus > .k-floating-label {
     left: auto;
     right: var(--kendo-floating-label-focus-offset-x, 0px);
 }
 
-[dir="rtl"] .k-floating-label-container:focus-within > .k-label,
-.k-rtl .k-floating-label-container:focus-within > .k-label, .k-floating-label-container[dir="rtl"]:focus-within > .k-label {
+[dir="rtl"] .k-floating-label-container:focus-within > .k-floating-label,
+.k-rtl .k-floating-label-container:focus-within > .k-floating-label, .k-floating-label-container[dir="rtl"]:focus-within > .k-floating-label {
     left: auto;
     right: var(--kendo-floating-label-focus-offset-x, 0px);
 }
 
-.k-floating-label-container > .k-label {
+.k-floating-label-container > .k-floating-label {
     transform-origin: left bottom;
 }
 
-[dir="rtl"] .k-floating-label-container > .k-label,
-.k-rtl .k-floating-label-container > .k-label, .k-floating-label-container[dir="rtl"] > .k-label {
+[dir="rtl"] .k-floating-label-container > .k-floating-label,
+.k-rtl .k-floating-label-container > .k-floating-label, .k-floating-label-container[dir="rtl"] > .k-floating-label {
     transform-origin: right bottom;
 }
 
-.k-floating-label-container > .k-label {
+.k-floating-label-container > .k-floating-label {
     color: rgba(0, 0, 0, 0.54);
 }
 
-.k-floating-label-container.k-focus > .k-label {
+.k-floating-label-container.k-focus > .k-floating-label {
     color: #3f51b5;
 }
 
-.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 {
+.k-floating-label-container.k-invalid > .k-floating-label,
+.k-floating-label-container.ng-invalid.ng-touched > .k-floating-label,
+.k-floating-label-container.ng-invalid.ng-dirty > .k-floating-label {
     color: #f31700;
 }
 
-.k-floating-label-container.k-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 {
+.k-floating-label-container.k-invalid + .k-floating-label,
+.k-floating-label-container .k-invalid + .k-floating-label,
+.k-floating-label-container .ng-invalid.ng-touched + .k-floating-label,
+.k-floating-label-container .ng-invalid.ng-dirty + .k-floating-label {
     color: #f31700;
 }
 
@@ -35252,6 +34515,10 @@ select.k-picker-lg {
     border-color: transparent;
 }
 
+.k-calendar-td.k-alt {
+    font-size: 12px;
+}
+
 .k-calendar .k-calendar-cell-inner, .k-calendar .k-link {
     border-radius: 100px;
     padding-inline: var(--INTERNAL--kendo-calendar-cell-padding-x, 0.25em);
@@ -35291,11 +34558,6 @@ select.k-picker-lg {
     flex: 0 0 auto;
 }
 
-.k-calendar-header .k-title,
-.k-calendar-header .k-calendar-title {
-    font-weight: bold;
-}
-
 .k-calendar-header .k-calendar-nav {
     display: flex;
     flex-flow: row nowrap;
@@ -35324,6 +34586,10 @@ select.k-picker-lg {
     overflow: hidden;
 }
 
+.k-calendar-view .k-today {
+    font-weight: bold;
+}
+
 .k-month-calendar .k-calendar-td,
 .k-calendar-monthview .k-calendar-td {
     width: 36px;
@@ -35699,10 +34965,6 @@ select.k-picker-lg {
     color: rgba(0, 0, 0, 0.54);
 }
 
-.k-calendar .k-out-of-range {
-    pointer-events: none;
-}
-
 .k-calendar .k-calendar-td:hover .k-calendar-cell-inner, .k-calendar .k-calendar-td:hover .k-link,
 .k-calendar .k-calendar-td.k-hover .k-calendar-cell-inner,
 .k-calendar .k-calendar-td.k-hover .k-link {
@@ -39115,29 +38377,23 @@ kendo-drawer .k-drawer-wrapper {
 }
 
 .k-drawer-mini .k-drawer.k-drawer-start,
-.k-drawer-expanded .k-drawer.k-drawer-start,
-.k-drawer-left.k-drawer-mini .k-drawer,
-.k-drawer-left.k-drawer-expanded .k-drawer {
-    border-right-width: 1px;
+.k-drawer-expanded .k-drawer.k-drawer-start {
+    border-inline-end-width: 1px;
 }
 
 .k-drawer-mini .k-drawer.k-drawer-end,
-.k-drawer-expanded .k-drawer.k-drawer-end,
-.k-drawer-right.k-drawer-mini .k-drawer,
-.k-drawer-right.k-drawer-expanded .k-drawer {
-    border-left-width: 1px;
+.k-drawer-expanded .k-drawer.k-drawer-end {
+    border-inline-start-width: 1px;
 }
 
-.k-drawer.k-drawer-start,
-.k-drawer-left .k-drawer {
+.k-drawer.k-drawer-start {
     top: 0;
-    left: 0;
+    inset-inline-start: 0;
 }
 
-.k-drawer.k-drawer-end,
-.k-drawer-right .k-drawer {
+.k-drawer.k-drawer-end {
     top: 0;
-    right: 0;
+    inset-inline-end: 0;
 }
 
 .k-drawer-content {
@@ -39171,9 +38427,8 @@ kendo-drawer .k-drawer-wrapper {
     align-self: stretch;
 }
 
-.k-drawer-push .k-drawer.k-drawer-end,
-.k-drawer-push.k-drawer-right .k-drawer {
-    order: 1;
+.k-drawer-push:has(.k-drawer.k-drawer-end) {
+    flex-direction: row-reverse;
 }
 
 .k-drawer-wrapper {
@@ -39191,8 +38446,7 @@ kendo-drawer .k-drawer-wrapper {
     border-radius: 20px;
 }
 
-.k-drawer-items,
-.k-drawer-items ul {
+.k-drawer-items {
     margin: 0;
     padding: 0;
     list-style: none;
@@ -39279,54 +38533,6 @@ kendo-drawer .k-drawer-wrapper {
     width: 48px;
 }
 
-.k-rtl.k-drawer-mini .k-drawer-start,
-.k-rtl .k-drawer-mini .k-drawer-start,
-.k-rtl .k-drawer-expanded .k-drawer-start,
-.k-rtl.k-drawer-expanded .k-drawer-start,
-[dir="rtl"].k-drawer-mini .k-drawer-start,
-[dir="rtl"] .k-drawer-mini .k-drawer-start,
-[dir="rtl"] .k-drawer-expanded .k-drawer-start,
-[dir="rtl"].k-drawer-expanded .k-drawer-start {
-    border-left-width: 1px;
-    border-right-width: 0;
-}
-
-.k-rtl.k-drawer-mini .k-drawer-end,
-.k-rtl .k-drawer-mini .k-drawer-end,
-.k-rtl.k-drawer-expanded .k-drawer-end .k-drawer-expanded .k-drawer-end,
-[dir="rtl"].k-drawer-mini .k-drawer-end,
-[dir="rtl"] .k-drawer-mini .k-drawer-end,
-[dir="rtl"].k-drawer-expanded .k-drawer-end .k-drawer-expanded .k-drawer-end {
-    border-left-width: 0;
-    border-right-width: 1px;
-}
-
-.k-rtl.k-drawer-overlay .k-drawer-start,
-.k-rtl .k-drawer-overlay .k-drawer-start,
-[dir="rtl"].k-drawer-overlay .k-drawer-start,
-[dir="rtl"] .k-drawer-overlay .k-drawer-start {
-    left: auto;
-    right: 0;
-}
-
-.k-rtl.k-drawer-overlay .k-drawer-end,
-.k-rtl .k-drawer-overlay .k-drawer-end,
-[dir="rtl"].k-drawer-overlay .k-drawer-end,
-[dir="rtl"] .k-drawer-overlay .k-drawer-end {
-    left: 0;
-    right: auto;
-}
-
-.k-rtl .k-drawer-left.k-drawer-push .k-drawer,
-[dir="rtl"] .k-drawer-left.k-drawer-push .k-drawer {
-    order: 1;
-}
-
-.k-rtl .k-drawer-right.k-drawer-push .k-drawer,
-[dir="rtl"] .k-drawer-right.k-drawer-push .k-drawer {
-    order: 0;
-}
-
 .k-drawer {
     border-color: rgba(0, 0, 0, 0.12);
     color: rgba(0, 0, 0, 0.87);
@@ -41934,7 +41140,6 @@ kendo-card-footer {
     box-sizing: border-box;
 }
 
-.k-panelbar > .k-item,
 .k-panelbar > .k-panelbar-header {
     border-width: 0;
     border-style: solid;
@@ -41942,7 +41147,6 @@ kendo-card-footer {
     display: block;
 }
 
-.k-panelbar > .k-item > .k-link,
 .k-panelbar > .k-panelbar-header > .k-link {
     padding-block: 12px;
     padding-inline: 24px;
@@ -41963,12 +41167,10 @@ kendo-card-footer {
     transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
 }
 
-.k-panelbar > .k-item + .k-item,
 .k-panelbar > .k-panelbar-header + .k-panelbar-header {
     border-top-width: 1px;
 }
 
-.k-panelbar .k-group,
 .k-panelbar .k-panelbar-group {
     margin: 0;
     padding: 0;
@@ -41979,12 +41181,10 @@ kendo-card-footer {
     list-style: none;
 }
 
-.k-panelbar .k-group > .k-item,
 .k-panelbar .k-panelbar-group > .k-panelbar-item {
     display: block;
 }
 
-.k-panelbar .k-group > .k-item > .k-link,
 .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link {
     padding-block: 12px;
     padding-inline: 24px;
@@ -42003,22 +41203,18 @@ kendo-card-footer {
     transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
 }
 
-.k-panelbar .k-group > .k-item.k-level-1 .k-link,
 .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link {
     padding-left: 24px;
 }
 
-.k-panelbar .k-group > .k-item.k-level-2 .k-link,
 .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link {
     padding-left: 48px;
 }
 
-.k-panelbar .k-group > .k-item.k-level-3 .k-link,
 .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link {
     padding-left: 72px;
 }
 
-.k-panelbar .k-group > .k-item.k-level-4 .k-link,
 .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link {
     padding-left: 96px;
 }
@@ -42037,40 +41233,28 @@ kendo-card-footer {
     margin-inline-start: auto;
 }
 
-.k-panelbar .k-group .k-panelbar-expand,
-.k-panelbar .k-group .k-panelbar-collapse,
+.k-panelbar .k-panelbar-group .k-panelbar-expand,
+.k-panelbar .k-panelbar-group .k-panelbar-collapse,
 .k-panelbar .k-panelbar-group .k-panelbar-toggle {
     margin-inline-end: 0px;
 }
 
-.k-rtl .k-panelbar .k-group > .k-item.k-level-1 .k-link,
-.k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link, .k-panelbar.k-rtl .k-group > .k-item.k-level-1 .k-link,
-.k-panelbar.k-rtl .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link, .k-panelbar[dir="rtl"] .k-group > .k-item.k-level-1 .k-link,
-.k-panelbar[dir="rtl"] .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link {
+.k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link, .k-panelbar.k-rtl .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link, .k-panelbar[dir="rtl"] .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link {
     padding-left: 24px;
     padding-right: 24px;
 }
 
-.k-rtl .k-panelbar .k-group > .k-item.k-level-2 .k-link,
-.k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link, .k-panelbar.k-rtl .k-group > .k-item.k-level-2 .k-link,
-.k-panelbar.k-rtl .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link, .k-panelbar[dir="rtl"] .k-group > .k-item.k-level-2 .k-link,
-.k-panelbar[dir="rtl"] .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link {
+.k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link, .k-panelbar.k-rtl .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link, .k-panelbar[dir="rtl"] .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link {
     padding-left: 24px;
     padding-right: 48px;
 }
 
-.k-rtl .k-panelbar .k-group > .k-item.k-level-3 .k-link,
-.k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link, .k-panelbar.k-rtl .k-group > .k-item.k-level-3 .k-link,
-.k-panelbar.k-rtl .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link, .k-panelbar[dir="rtl"] .k-group > .k-item.k-level-3 .k-link,
-.k-panelbar[dir="rtl"] .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link {
+.k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link, .k-panelbar.k-rtl .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link, .k-panelbar[dir="rtl"] .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link {
     padding-left: 24px;
     padding-right: 72px;
 }
 
-.k-rtl .k-panelbar .k-group > .k-item.k-level-4 .k-link,
-.k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link, .k-panelbar.k-rtl .k-group > .k-item.k-level-4 .k-link,
-.k-panelbar.k-rtl .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link, .k-panelbar[dir="rtl"] .k-group > .k-item.k-level-4 .k-link,
-.k-panelbar[dir="rtl"] .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link {
+.k-rtl .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link, .k-panelbar.k-rtl .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link, .k-panelbar[dir="rtl"] .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link {
     padding-left: 24px;
     padding-right: 96px;
 }
@@ -42081,143 +41265,86 @@ kendo-card-footer {
     background-color: #ffffff;
 }
 
-.k-panelbar > .k-item > .k-link,
 .k-panelbar > .k-panelbar-header > .k-link {
     color: #e51a5f;
     background-color: #ffffff;
 }
 
-.k-panelbar > .k-item > .k-link .k-icon,
-.k-panelbar > .k-item > .k-link .k-panelbar-item-icon,
 .k-panelbar > .k-panelbar-header > .k-link .k-icon,
 .k-panelbar > .k-panelbar-header > .k-link .k-panelbar-item-icon {
     color: rgba(0, 0, 0, 0.87);
 }
 
-.k-panelbar > .k-item > .k-link: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-hover {
     background-color: whitesmoke;
 }
 
-.k-panelbar > .k-item > .k-link:focus,
-.k-panelbar > .k-item > .k-link.k-focus,
 .k-panelbar > .k-panelbar-header > .k-link:focus,
 .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-focus.k-hover,
 .k-panelbar > .k-panelbar-header > .k-link:focus:hover,
 .k-panelbar > .k-panelbar-header > .k-link.k-focus.k-hover {
     background-color: #d6d6d6;
 }
 
-.k-panelbar > .k-item > .k-link.k-selected,
 .k-panelbar > .k-panelbar-header > .k-link.k-selected {
     color: white;
     background-color: #e51a5f;
 }
 
-.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-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-selected:hover,
-.k-panelbar > .k-item > .k-link.k-selected.k-hover,
 .k-panelbar > .k-panelbar-header > .k-link.k-selected:hover,
 .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-hover {
     background-color: #e72b6b;
 }
 
-.k-panelbar > .k-item > .k-link.k-selected:focus,
-.k-panelbar > .k-item > .k-link.k-selected.k-focus,
 .k-panelbar > .k-panelbar-header > .k-link.k-selected:focus,
 .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-focus {
     background-color: #eb5185;
 }
 
-.k-panelbar > .k-item > .k-link.k-selected:hover:focus,
-.k-panelbar > .k-item > .k-link.k-selected.k-hover.k-focus,
 .k-panelbar > .k-panelbar-header > .k-link.k-selected:hover:focus,
 .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-hover.k-focus {
     background-color: #ed6292;
 }
 
-.k-panelbar .k-group > .k-item > .k-link: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-hover,
-.k-panelbar .k-panelbar-group > .k-item > .k-link: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-hover {
     background-color: whitesmoke;
 }
 
-.k-panelbar .k-group > .k-item > .k-link:focus,
-.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-focus,
-.k-panelbar .k-panelbar-group > .k-item > .k-link:focus,
-.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-focus {
     background-color: #e0e0e0;
 }
 
-.k-panelbar .k-group > .k-item > .k-link:focus: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-focus.k-hover,
-.k-panelbar .k-panelbar-group > .k-item > .k-link:focus: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-focus.k-hover {
     background-color: #d6d6d6;
 }
 
-.k-panelbar .k-group > .k-item > .k-link.k-selected,
-.k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected,
-.k-panelbar .k-panelbar-group > .k-item > .k-link.k-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-selected:hover,
-.k-panelbar .k-group > .k-item > .k-link.k-selected.k-hover,
-.k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected:hover,
-.k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected.k-hover,
-.k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected: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-selected: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-selected:focus,
-.k-panelbar .k-group > .k-item > .k-link.k-selected.k-focus,
-.k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected:focus,
-.k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected.k-focus,
-.k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected:focus,
-.k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected.k-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-selected.k-focus {
     background-color: #eb5185;
 }
 
-.k-panelbar .k-group > .k-item > .k-link.k-selected:focus:hover,
-.k-panelbar .k-group > .k-item > .k-link.k-selected.k-focus.k-hover,
-.k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected:focus:hover,
-.k-panelbar .k-group > .k-panelbar-item > .k-link.k-selected.k-focus.k-hover,
-.k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected:focus:hover,
-.k-panelbar .k-panelbar-group > .k-item > .k-link.k-selected.k-focus.k-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-selected.k-focus.k-hover {
     background-color: #ed6292;