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

package/dist/all.css

@@ -16453,243 +16453,243 @@ kendo-sortable {
 }
 
 .k-text-primary {
-    color: #f35800;
+    color: var(--kendo-color-primary, #f35800);
 }
 
 .\!k-text-primary {
-    color: #f35800 !important;
+    color: var(--kendo-color-primary, #f35800) !important;
 }
 
 .k-text-secondary {
-    color: #e9e9e9;
+    color: var(--kendo-color-secondary, #e9e9e9);
 }
 
 .\!k-text-secondary {
-    color: #e9e9e9 !important;
+    color: var(--kendo-color-secondary, #e9e9e9) !important;
 }
 
 .k-text-tertiary {
-    color: #03a9f4;
+    color: var(--kendo-color-tertiary, #03a9f4);
 }
 
 .\!k-text-tertiary {
-    color: #03a9f4 !important;
+    color: var(--kendo-color-tertiary, #03a9f4) !important;
 }
 
 .k-text-info {
-    color: #2498bc;
+    color: var(--kendo-color-info, #2498bc);
 }
 
 .\!k-text-info {
-    color: #2498bc !important;
+    color: var(--kendo-color-info, #2498bc) !important;
 }
 
 .k-text-success {
-    color: #3ea44e;
+    color: var(--kendo-color-success, #3ea44e);
 }
 
 .\!k-text-success {
-    color: #3ea44e !important;
+    color: var(--kendo-color-success, #3ea44e) !important;
 }
 
 .k-text-warning {
-    color: #ff9800;
+    color: var(--kendo-color-warning, #ff9800);
 }
 
 .\!k-text-warning {
-    color: #ff9800 !important;
+    color: var(--kendo-color-warning, #ff9800) !important;
 }
 
 .k-text-error {
-    color: #d92800;
+    color: var(--kendo-color-error, #d92800);
 }
 
 .\!k-text-error {
-    color: #d92800 !important;
+    color: var(--kendo-color-error, #d92800) !important;
 }
 
 .k-text-dark {
-    color: #404040;
+    color: var(--kendo-color-dark, #404040);
 }
 
 .\!k-text-dark {
-    color: #404040 !important;
+    color: var(--kendo-color-dark, #404040) !important;
 }
 
 .k-text-light {
-    color: #ebebeb;
+    color: var(--kendo-color-light, #ebebeb);
 }
 
 .\!k-text-light {
-    color: #ebebeb !important;
+    color: var(--kendo-color-light, #ebebeb) !important;
 }
 
 .k-text-inverse {
-    color: #404040;
+    color: var(--kendo-color-inverse, #404040);
 }
 
 .\!k-text-inverse {
-    color: #404040 !important;
+    color: var(--kendo-color-inverse, #404040) !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: #f35800;
+    color: var(--kendo-color-primary, #f35800);
 }
 
 .\!k-color-primary {
-    color: #f35800 !important;
+    color: var(--kendo-color-primary, #f35800) !important;
 }
 
 .k-color-secondary {
-    color: #e9e9e9;
+    color: var(--kendo-color-secondary, #e9e9e9);
 }
 
 .\!k-color-secondary {
-    color: #e9e9e9 !important;
+    color: var(--kendo-color-secondary, #e9e9e9) !important;
 }
 
 .k-color-tertiary {
-    color: #03a9f4;
+    color: var(--kendo-color-tertiary, #03a9f4);
 }
 
 .\!k-color-tertiary {
-    color: #03a9f4 !important;
+    color: var(--kendo-color-tertiary, #03a9f4) !important;
 }
 
 .k-color-info {
-    color: #2498bc;
+    color: var(--kendo-color-info, #2498bc);
 }
 
 .\!k-color-info {
-    color: #2498bc !important;
+    color: var(--kendo-color-info, #2498bc) !important;
 }
 
 .k-color-success {
-    color: #3ea44e;
+    color: var(--kendo-color-success, #3ea44e);
 }
 
 .\!k-color-success {
-    color: #3ea44e !important;
+    color: var(--kendo-color-success, #3ea44e) !important;
 }
 
 .k-color-warning {
-    color: #ff9800;
+    color: var(--kendo-color-warning, #ff9800);
 }
 
 .\!k-color-warning {
-    color: #ff9800 !important;
+    color: var(--kendo-color-warning, #ff9800) !important;
 }
 
 .k-color-error {
-    color: #d92800;
+    color: var(--kendo-color-error, #d92800);
 }
 
 .\!k-color-error {
-    color: #d92800 !important;
+    color: var(--kendo-color-error, #d92800) !important;
 }
 
 .k-color-dark {
-    color: #404040;
+    color: var(--kendo-color-dark, #404040);
 }
 
 .\!k-color-dark {
-    color: #404040 !important;
+    color: var(--kendo-color-dark, #404040) !important;
 }
 
 .k-color-light {
-    color: #ebebeb;
+    color: var(--kendo-color-light, #ebebeb);
 }
 
 .\!k-color-light {
-    color: #ebebeb !important;
+    color: var(--kendo-color-light, #ebebeb) !important;
 }
 
 .k-color-inverse {
-    color: #404040;
+    color: var(--kendo-color-inverse, #404040);
 }
 
 .\!k-color-inverse {
-    color: #404040 !important;
+    color: var(--kendo-color-inverse, #404040) !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 {
@@ -16979,115 +16979,115 @@ kendo-sortable {
 }
 
 .k-bg-primary {
-    background-color: #f35800;
+    background-color: var(--kendo-color-primary, #f35800);
 }
 
 .\!k-bg-primary {
-    background-color: #f35800 !important;
+    background-color: var(--kendo-color-primary, #f35800) !important;
 }
 
 .k-bg-secondary {
-    background-color: #e9e9e9;
+    background-color: var(--kendo-color-secondary, #e9e9e9);
 }
 
 .\!k-bg-secondary {
-    background-color: #e9e9e9 !important;
+    background-color: var(--kendo-color-secondary, #e9e9e9) !important;
 }
 
 .k-bg-tertiary {
-    background-color: #03a9f4;
+    background-color: var(--kendo-color-tertiary, #03a9f4);
 }
 
 .\!k-bg-tertiary {
-    background-color: #03a9f4 !important;
+    background-color: var(--kendo-color-tertiary, #03a9f4) !important;
 }
 
 .k-bg-info {
-    background-color: #2498bc;
+    background-color: var(--kendo-color-info, #2498bc);
 }
 
 .\!k-bg-info {
-    background-color: #2498bc !important;
+    background-color: var(--kendo-color-info, #2498bc) !important;
 }
 
 .k-bg-success {
-    background-color: #3ea44e;
+    background-color: var(--kendo-color-success, #3ea44e);
 }
 
 .\!k-bg-success {
-    background-color: #3ea44e !important;
+    background-color: var(--kendo-color-success, #3ea44e) !important;
 }
 
 .k-bg-warning {
-    background-color: #ff9800;
+    background-color: var(--kendo-color-warning, #ff9800);
 }
 
 .\!k-bg-warning {
-    background-color: #ff9800 !important;
+    background-color: var(--kendo-color-warning, #ff9800) !important;
 }
 
 .k-bg-error {
-    background-color: #d92800;
+    background-color: var(--kendo-color-error, #d92800);
 }
 
 .\!k-bg-error {
-    background-color: #d92800 !important;
+    background-color: var(--kendo-color-error, #d92800) !important;
 }
 
 .k-bg-dark {
-    background-color: #404040;
+    background-color: var(--kendo-color-dark, #404040);
 }
 
 .\!k-bg-dark {
-    background-color: #404040 !important;
+    background-color: var(--kendo-color-dark, #404040) !important;
 }
 
 .k-bg-light {
-    background-color: #ebebeb;
+    background-color: var(--kendo-color-light, #ebebeb);
 }
 
 .\!k-bg-light {
-    background-color: #ebebeb !important;
+    background-color: var(--kendo-color-light, #ebebeb) !important;
 }
 
 .k-bg-inverse {
-    background-color: #404040;
+    background-color: var(--kendo-color-inverse, #404040);
 }
 
 .\!k-bg-inverse {
-    background-color: #404040 !important;
+    background-color: var(--kendo-color-inverse, #404040) !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 {
@@ -17187,843 +17187,123 @@ kendo-sortable {
 }
 
 .k-border-primary {
-    border-color: #f35800;
+    border-color: var(--kendo-color-primary, #f35800);
 }
 
 .\!k-border-primary {
-    border-color: #f35800 !important;
+    border-color: var(--kendo-color-primary, #f35800) !important;
 }
 
 .k-border-secondary {
-    border-color: #e9e9e9;
+    border-color: var(--kendo-color-secondary, #e9e9e9);
 }
 
 .\!k-border-secondary {
-    border-color: #e9e9e9 !important;
+    border-color: var(--kendo-color-secondary, #e9e9e9) !important;
 }
 
 .k-border-tertiary {
-    border-color: #03a9f4;
+    border-color: var(--kendo-color-tertiary, #03a9f4);
 }
 
 .\!k-border-tertiary {
-    border-color: #03a9f4 !important;
+    border-color: var(--kendo-color-tertiary, #03a9f4) !important;
 }
 
 .k-border-info {
-    border-color: #2498bc;
+    border-color: var(--kendo-color-info, #2498bc);
 }
 
 .\!k-border-info {
-    border-color: #2498bc !important;
+    border-color: var(--kendo-color-info, #2498bc) !important;
 }
 
 .k-border-success {
-    border-color: #3ea44e;
+    border-color: var(--kendo-color-success, #3ea44e);
 }
 
 .\!k-border-success {
-    border-color: #3ea44e !important;
+    border-color: var(--kendo-color-success, #3ea44e) !important;
 }
 
 .k-border-warning {
-    border-color: #ff9800;
+    border-color: var(--kendo-color-warning, #ff9800);
 }
 
 .\!k-border-warning {
-    border-color: #ff9800 !important;
+    border-color: var(--kendo-color-warning, #ff9800) !important;
 }
 
 .k-border-error {
-    border-color: #d92800;
+    border-color: var(--kendo-color-error, #d92800);
 }
 
 .\!k-border-error {
-    border-color: #d92800 !important;
+    border-color: var(--kendo-color-error, #d92800) !important;
 }
 
 .k-border-dark {
-    border-color: #404040;
+    border-color: var(--kendo-color-dark, #404040);
 }
 
 .\!k-border-dark {
-    border-color: #404040 !important;
+    border-color: var(--kendo-color-dark, #404040) !important;
 }
 
 .k-border-light {
-    border-color: #ebebeb;
+    border-color: var(--kendo-color-light, #ebebeb);
 }
 
 .\!k-border-light {
-    border-color: #ebebeb !important;
+    border-color: var(--kendo-color-light, #ebebeb) !important;
 }
 
 .k-border-inverse {
-    border-color: #404040;
+    border-color: var(--kendo-color-inverse, #404040);
 }
 
 .\!k-border-inverse {
-    border-color: #404040 !important;
+    border-color: var(--kendo-color-inverse, #404040) !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: #f35800;
-}
-
-.\!k-border-t-primary {
-    border-top-color: #f35800 !important;
-}
-
-.k-border-t-secondary {
-    border-top-color: #e9e9e9;
-}
-
-.\!k-border-t-secondary {
-    border-top-color: #e9e9e9 !important;
-}
-
-.k-border-t-tertiary {
-    border-top-color: #03a9f4;
-}
-
-.\!k-border-t-tertiary {
-    border-top-color: #03a9f4 !important;
-}
-
-.k-border-t-info {
-    border-top-color: #2498bc;
-}
-
-.\!k-border-t-info {
-    border-top-color: #2498bc !important;
-}
-
-.k-border-t-success {
-    border-top-color: #3ea44e;
-}
-
-.\!k-border-t-success {
-    border-top-color: #3ea44e !important;
-}
-
-.k-border-t-warning {
-    border-top-color: #ff9800;
-}
-
-.\!k-border-t-warning {
-    border-top-color: #ff9800 !important;
-}
-
-.k-border-t-error {
-    border-top-color: #d92800;
-}
-
-.\!k-border-t-error {
-    border-top-color: #d92800 !important;
-}
-
-.k-border-t-dark {
-    border-top-color: #404040;
-}
-
-.\!k-border-t-dark {
-    border-top-color: #404040 !important;
-}
-
-.k-border-t-light {
-    border-top-color: #ebebeb;
-}
-
-.\!k-border-t-light {
-    border-top-color: #ebebeb !important;
-}
-
-.k-border-t-inverse {
-    border-top-color: #404040;
-}
-
-.\!k-border-t-inverse {
-    border-top-color: #404040 !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: #f35800;
-}
-
-.\!k-border-r-primary {
-    border-right-color: #f35800 !important;
-}
-
-.k-border-r-secondary {
-    border-right-color: #e9e9e9;
-}
-
-.\!k-border-r-secondary {
-    border-right-color: #e9e9e9 !important;
-}
-
-.k-border-r-tertiary {
-    border-right-color: #03a9f4;
-}
-
-.\!k-border-r-tertiary {
-    border-right-color: #03a9f4 !important;
-}
-
-.k-border-r-info {
-    border-right-color: #2498bc;
-}
-
-.\!k-border-r-info {
-    border-right-color: #2498bc !important;
-}
-
-.k-border-r-success {
-    border-right-color: #3ea44e;
-}
-
-.\!k-border-r-success {
-    border-right-color: #3ea44e !important;
-}
-
-.k-border-r-warning {
-    border-right-color: #ff9800;
-}
-
-.\!k-border-r-warning {
-    border-right-color: #ff9800 !important;
-}
-
-.k-border-r-error {
-    border-right-color: #d92800;
-}
-
-.\!k-border-r-error {
-    border-right-color: #d92800 !important;
-}
-
-.k-border-r-dark {
-    border-right-color: #404040;
-}
-
-.\!k-border-r-dark {
-    border-right-color: #404040 !important;
-}
-
-.k-border-r-light {
-    border-right-color: #ebebeb;
-}
-
-.\!k-border-r-light {
-    border-right-color: #ebebeb !important;
-}
-
-.k-border-r-inverse {
-    border-right-color: #404040;
-}
-
-.\!k-border-r-inverse {
-    border-right-color: #404040 !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: #f35800;
-}
-
-.\!k-border-b-primary {
-    border-bottom-color: #f35800 !important;
-}
-
-.k-border-b-secondary {
-    border-bottom-color: #e9e9e9;
-}
-
-.\!k-border-b-secondary {
-    border-bottom-color: #e9e9e9 !important;
-}
-
-.k-border-b-tertiary {
-    border-bottom-color: #03a9f4;
-}
-
-.\!k-border-b-tertiary {
-    border-bottom-color: #03a9f4 !important;
-}
-
-.k-border-b-info {
-    border-bottom-color: #2498bc;
-}
-
-.\!k-border-b-info {
-    border-bottom-color: #2498bc !important;
-}
-
-.k-border-b-success {
-    border-bottom-color: #3ea44e;
-}
-
-.\!k-border-b-success {
-    border-bottom-color: #3ea44e !important;
-}
-
-.k-border-b-warning {
-    border-bottom-color: #ff9800;
-}
-
-.\!k-border-b-warning {
-    border-bottom-color: #ff9800 !important;
-}
-
-.k-border-b-error {
-    border-bottom-color: #d92800;
-}
-
-.\!k-border-b-error {
-    border-bottom-color: #d92800 !important;
-}
-
-.k-border-b-dark {
-    border-bottom-color: #404040;
-}
-
-.\!k-border-b-dark {
-    border-bottom-color: #404040 !important;
-}
-
-.k-border-b-light {
-    border-bottom-color: #ebebeb;
-}
-
-.\!k-border-b-light {
-    border-bottom-color: #ebebeb !important;
-}
-
-.k-border-b-inverse {
-    border-bottom-color: #404040;
-}
-
-.\!k-border-b-inverse {
-    border-bottom-color: #404040 !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: #f35800;
-}
-
-.\!k-border-l-primary {
-    border-left-color: #f35800 !important;
-}
-
-.k-border-l-secondary {
-    border-left-color: #e9e9e9;
-}
-
-.\!k-border-l-secondary {
-    border-left-color: #e9e9e9 !important;
-}
-
-.k-border-l-tertiary {
-    border-left-color: #03a9f4;
-}
-
-.\!k-border-l-tertiary {
-    border-left-color: #03a9f4 !important;
-}
-
-.k-border-l-info {
-    border-left-color: #2498bc;
-}
-
-.\!k-border-l-info {
-    border-left-color: #2498bc !important;
-}
-
-.k-border-l-success {
-    border-left-color: #3ea44e;
-}
-
-.\!k-border-l-success {
-    border-left-color: #3ea44e !important;
-}
-
-.k-border-l-warning {
-    border-left-color: #ff9800;
-}
-
-.\!k-border-l-warning {
-    border-left-color: #ff9800 !important;
-}
-
-.k-border-l-error {
-    border-left-color: #d92800;
-}
-
-.\!k-border-l-error {
-    border-left-color: #d92800 !important;
-}
-
-.k-border-l-dark {
-    border-left-color: #404040;
-}
-
-.\!k-border-l-dark {
-    border-left-color: #404040 !important;
-}
-
-.k-border-l-light {
-    border-left-color: #ebebeb;
-}
-
-.\!k-border-l-light {
-    border-left-color: #ebebeb !important;
-}
-
-.k-border-l-inverse {
-    border-left-color: #404040;
-}
-
-.\!k-border-l-inverse {
-    border-left-color: #404040 !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: #f35800;
-}
-
-.\!k-border-x-primary {
-    border-inline-color: #f35800 !important;
-}
-
-.k-border-x-secondary {
-    border-inline-color: #e9e9e9;
-}
-
-.\!k-border-x-secondary {
-    border-inline-color: #e9e9e9 !important;
-}
-
-.k-border-x-tertiary {
-    border-inline-color: #03a9f4;
-}
-
-.\!k-border-x-tertiary {
-    border-inline-color: #03a9f4 !important;
-}
-
-.k-border-x-info {
-    border-inline-color: #2498bc;
-}
-
-.\!k-border-x-info {
-    border-inline-color: #2498bc !important;
-}
-
-.k-border-x-success {
-    border-inline-color: #3ea44e;
-}
-
-.\!k-border-x-success {
-    border-inline-color: #3ea44e !important;
-}
-
-.k-border-x-warning {
-    border-inline-color: #ff9800;
-}
-
-.\!k-border-x-warning {
-    border-inline-color: #ff9800 !important;
-}
-
-.k-border-x-error {
-    border-inline-color: #d92800;
-}
-
-.\!k-border-x-error {
-    border-inline-color: #d92800 !important;
-}
-
-.k-border-x-dark {
-    border-inline-color: #404040;
-}
-
-.\!k-border-x-dark {
-    border-inline-color: #404040 !important;
-}
-
-.k-border-x-light {
-    border-inline-color: #ebebeb;
-}
-
-.\!k-border-x-light {
-    border-inline-color: #ebebeb !important;
-}
-
-.k-border-x-inverse {
-    border-inline-color: #404040;
-}
-
-.\!k-border-x-inverse {
-    border-inline-color: #404040 !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: #f35800;
-}
-
-.\!k-border-y-primary {
-    border-block-color: #f35800 !important;
-}
-
-.k-border-y-secondary {
-    border-block-color: #e9e9e9;
-}
-
-.\!k-border-y-secondary {
-    border-block-color: #e9e9e9 !important;
-}
-
-.k-border-y-tertiary {
-    border-block-color: #03a9f4;
-}
-
-.\!k-border-y-tertiary {
-    border-block-color: #03a9f4 !important;
-}
-
-.k-border-y-info {
-    border-block-color: #2498bc;
-}
-
-.\!k-border-y-info {
-    border-block-color: #2498bc !important;
-}
-
-.k-border-y-success {
-    border-block-color: #3ea44e;
-}
-
-.\!k-border-y-success {
-    border-block-color: #3ea44e !important;
-}
-
-.k-border-y-warning {
-    border-block-color: #ff9800;
-}
-
-.\!k-border-y-warning {
-    border-block-color: #ff9800 !important;
-}
-
-.k-border-y-error {
-    border-block-color: #d92800;
-}
-
-.\!k-border-y-error {
-    border-block-color: #d92800 !important;
-}
-
-.k-border-y-dark {
-    border-block-color: #404040;
-}
-
-.\!k-border-y-dark {
-    border-block-color: #404040 !important;
-}
-
-.k-border-y-light {
-    border-block-color: #ebebeb;
-}
-
-.\!k-border-y-light {
-    border-block-color: #ebebeb !important;
-}
-
-.k-border-y-inverse {
-    border-block-color: #404040;
-}
-
-.\!k-border-y-inverse {
-    border-block-color: #404040 !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 {
@@ -19395,123 +18675,123 @@ kendo-sortable {
 }
 
 .k-outline-primary {
-    outline-color: #f35800;
+    outline-color: var(--kendo-color-primary, #f35800);
 }
 
 .\!k-outline-primary {
-    outline-color: #f35800 !important;
+    outline-color: var(--kendo-color-primary, #f35800) !important;
 }
 
 .k-outline-secondary {
-    outline-color: #e9e9e9;
+    outline-color: var(--kendo-color-secondary, #e9e9e9);
 }
 
 .\!k-outline-secondary {
-    outline-color: #e9e9e9 !important;
+    outline-color: var(--kendo-color-secondary, #e9e9e9) !important;
 }
 
 .k-outline-tertiary {
-    outline-color: #03a9f4;
+    outline-color: var(--kendo-color-tertiary, #03a9f4);
 }
 
 .\!k-outline-tertiary {
-    outline-color: #03a9f4 !important;
+    outline-color: var(--kendo-color-tertiary, #03a9f4) !important;
 }
 
 .k-outline-info {
-    outline-color: #2498bc;
+    outline-color: var(--kendo-color-info, #2498bc);
 }
 
 .\!k-outline-info {
-    outline-color: #2498bc !important;
+    outline-color: var(--kendo-color-info, #2498bc) !important;
 }
 
 .k-outline-success {
-    outline-color: #3ea44e;
+    outline-color: var(--kendo-color-success, #3ea44e);
 }
 
 .\!k-outline-success {
-    outline-color: #3ea44e !important;
+    outline-color: var(--kendo-color-success, #3ea44e) !important;
 }
 
 .k-outline-warning {
-    outline-color: #ff9800;
+    outline-color: var(--kendo-color-warning, #ff9800);
 }
 
 .\!k-outline-warning {
-    outline-color: #ff9800 !important;
+    outline-color: var(--kendo-color-warning, #ff9800) !important;
 }
 
 .k-outline-error {
-    outline-color: #d92800;
+    outline-color: var(--kendo-color-error, #d92800);
 }
 
 .\!k-outline-error {
-    outline-color: #d92800 !important;
+    outline-color: var(--kendo-color-error, #d92800) !important;
 }
 
 .k-outline-dark {
-    outline-color: #404040;
+    outline-color: var(--kendo-color-dark, #404040);
 }
 
 .\!k-outline-dark {
-    outline-color: #404040 !important;
+    outline-color: var(--kendo-color-dark, #404040) !important;
 }
 
 .k-outline-light {
-    outline-color: #ebebeb;
+    outline-color: var(--kendo-color-light, #ebebeb);
 }
 
 .\!k-outline-light {
-    outline-color: #ebebeb !important;
+    outline-color: var(--kendo-color-light, #ebebeb) !important;
 }
 
 .k-outline-inverse {
-    outline-color: #404040;
+    outline-color: var(--kendo-color-inverse, #404040);
 }
 
 .\!k-outline-inverse {
-    outline-color: #404040 !important;
+    outline-color: var(--kendo-color-inverse, #404040) !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 {
@@ -25991,75 +25271,75 @@ kendo-sortable {
 }
 
 .k-elevation-1 {
-    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12);
+    box-shadow: var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12));
 }
 
 .\!k-elevation-1 {
-    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
+    box-shadow: var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12)) !important;
 }
 
 .k-elevation-2 {
-    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12);
+    box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12));
 }
 
 .\!k-elevation-2 {
-    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
+    box-shadow: var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12)) !important;
 }
 
 .k-elevation-3 {
-    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12);
+    box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12));
 }
 
 .\!k-elevation-3 {
-    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
+    box-shadow: var(--kendo-elevation-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12)) !important;
 }
 
 .k-elevation-4 {
-    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12);
+    box-shadow: var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12));
 }
 
 .\!k-elevation-4 {
-    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
+    box-shadow: var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12)) !important;
 }
 
 .k-elevation-5 {
-    box-shadow: 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12);
+    box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
 }
 
 .\!k-elevation-5 {
-    box-shadow: 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
+    box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12)) !important;
 }
 
 .k-elevation-6 {
-    box-shadow: 0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12);
+    box-shadow: var(--kendo-elevation-6, 0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12));
 }
 
 .\!k-elevation-6 {
-    box-shadow: 0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
+    box-shadow: var(--kendo-elevation-6, 0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12)) !important;
 }
 
 .k-elevation-7 {
-    box-shadow: 0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12);
+    box-shadow: var(--kendo-elevation-7, 0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12));
 }
 
 .\!k-elevation-7 {
-    box-shadow: 0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
+    box-shadow: var(--kendo-elevation-7, 0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12)) !important;
 }
 
 .k-elevation-8 {
-    box-shadow: 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12);
+    box-shadow: var(--kendo-elevation-8, 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12));
 }
 
 .\!k-elevation-8 {
-    box-shadow: 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
+    box-shadow: var(--kendo-elevation-8, 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12)) !important;
 }
 
 .k-elevation-9 {
-    box-shadow: 0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12);
+    box-shadow: var(--kendo-elevation-9, 0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12));
 }
 
 .\!k-elevation-9 {
-    box-shadow: 0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12) !important;
+    box-shadow: var(--kendo-elevation-9, 0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12)) !important;
 }
 
 .k-body,