@progress/kendo-theme-material 6.8.0-dev.2 → 7.0.0-dev.0

package/dist/all.css

@@ -373,6 +373,18 @@ kendo-sortable {
     color: white;
 }
 
+:root {
+    --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);
+    --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);
+    --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);
+    --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);
+    --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);
+    --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);
+    --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);
+    --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);
+    --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-reset {
     margin: 0;
     padding: 0;
@@ -1122,6 +1134,34 @@ kendo-sortable {
     transform: translateY(-100%);
 }
 
+.k-current-time {
+    width: 1px;
+    position: absolute;
+}
+
+.k-current-time.k-current-time-arrow-left, .k-current-time.k-current-time-arrow-right, .k-current-time.k-current-time-arrow-down {
+    width: 0;
+    height: 0;
+    background: transparent;
+    border: 4px solid transparent;
+}
+
+.k-current-time {
+    background: #ff0000;
+}
+
+.k-current-time.k-current-time-arrow-left {
+    border-right-color: #ff0000;
+}
+
+.k-current-time.k-current-time-arrow-right {
+    border-left-color: #ff0000;
+}
+
+.k-current-time.k-current-time-arrow-down {
+    border-top-color: #ff0000;
+}
+
 .k-resize-handle,
 .k-resize-hint {
     position: absolute;
@@ -25946,6 +25986,42 @@ kendo-sortable {
     stroke: white !important;
 }
 
+.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);
+}
+
+.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);
+}
+
+.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);
+}
+
+.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);
+}
+
+.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);
+}
+
+.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);
+}
+
+.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);
+}
+
+.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);
+}
+
+.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);
+}
+
 .k-body,
 .k-typography {
     font-size: 14px;
@@ -30711,7 +30787,7 @@ kendo-sortable {
 .k-drag-clue {
     color: rgba(0, 0, 0, 0.87);
     background-color: #ebebeb;
-    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);
+    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-checkbox {
@@ -31503,14 +31579,14 @@ kendo-sortable {
 }
 
 .k-shadow {
-    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);
+    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-popup {
     border-color: rgba(0, 0, 0, 0.12);
     color: rgba(0, 0, 0, 0.87);
     background-color: #ffffff;
-    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);
+    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-animation-container {
@@ -34046,11 +34122,11 @@ kendo-badge-container {
     border-color: #ffffff;
     color: rgba(0, 0, 0, 0.87);
     background-color: #ffffff;
-    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);
+    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-button-solid-base:active, .k-button-solid-base.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);
+    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-button-solid-base:disabled, .k-button-solid-base.k-disabled {
@@ -34972,14 +35048,14 @@ kendo-badge-container {
 }
 
 .k-button-solid-primary {
-    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);
+    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));
     color: white;
     background-color: #3f51b5;
     border-color: #3f51b5;
 }
 
 .k-button-solid-primary:active, .k-button-solid-primary.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);
+    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-button-solid-primary:disabled, .k-button-solid-primary.k-disabled {
@@ -34987,14 +35063,14 @@ kendo-badge-container {
 }
 
 .k-button-solid-secondary {
-    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);
+    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));
     color: white;
     background-color: #e51a5f;
     border-color: #e51a5f;
 }
 
 .k-button-solid-secondary:active, .k-button-solid-secondary.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);
+    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-button-solid-secondary:disabled, .k-button-solid-secondary.k-disabled {
@@ -35002,14 +35078,14 @@ kendo-badge-container {
 }
 
 .k-button-solid-tertiary {
-    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);
+    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));
     color: white;
     background-color: #00695c;
     border-color: #00695c;
 }
 
 .k-button-solid-tertiary:active, .k-button-solid-tertiary.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);
+    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-button-solid-tertiary:disabled, .k-button-solid-tertiary.k-disabled {
@@ -35017,14 +35093,14 @@ kendo-badge-container {
 }
 
 .k-button-solid-info {
-    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);
+    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));
     color: white;
     background-color: #0058e9;
     border-color: #0058e9;
 }
 
 .k-button-solid-info:active, .k-button-solid-info.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);
+    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-button-solid-info:disabled, .k-button-solid-info.k-disabled {
@@ -35032,14 +35108,14 @@ kendo-badge-container {
 }
 
 .k-button-solid-success {
-    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);
+    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));
     color: black;
     background-color: #37b400;
     border-color: #37b400;
 }
 
 .k-button-solid-success:active, .k-button-solid-success.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);
+    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-button-solid-success:disabled, .k-button-solid-success.k-disabled {
@@ -35047,14 +35123,14 @@ kendo-badge-container {
 }
 
 .k-button-solid-warning {
-    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);
+    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));
     color: black;
     background-color: #ffc000;
     border-color: #ffc000;
 }
 
 .k-button-solid-warning:active, .k-button-solid-warning.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);
+    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-button-solid-warning:disabled, .k-button-solid-warning.k-disabled {
@@ -35062,14 +35138,14 @@ kendo-badge-container {
 }
 
 .k-button-solid-error {
-    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);
+    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));
     color: black;
     background-color: #f31700;
     border-color: #f31700;
 }
 
 .k-button-solid-error:active, .k-button-solid-error.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);
+    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-button-solid-error:disabled, .k-button-solid-error.k-disabled {
@@ -35077,14 +35153,14 @@ kendo-badge-container {
 }
 
 .k-button-solid-dark {
-    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);
+    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));
     color: white;
     background-color: #424242;
     border-color: #424242;
 }
 
 .k-button-solid-dark:active, .k-button-solid-dark.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);
+    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-button-solid-dark:disabled, .k-button-solid-dark.k-disabled {
@@ -35092,14 +35168,14 @@ kendo-badge-container {
 }
 
 .k-button-solid-light {
-    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);
+    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));
     color: black;
     background-color: #f5f5f5;
     border-color: #f5f5f5;
 }
 
 .k-button-solid-light:active, .k-button-solid-light.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);
+    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-button-solid-light:disabled, .k-button-solid-light.k-disabled {
@@ -35107,14 +35183,14 @@ kendo-badge-container {
 }
 
 .k-button-solid-inverse {
-    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);
+    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));
     color: white;
     background-color: #424242;
     border-color: #424242;
 }
 
 .k-button-solid-inverse:active, .k-button-solid-inverse.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);
+    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-button-solid-inverse:disabled, .k-button-solid-inverse.k-disabled {
@@ -35122,14 +35198,14 @@ kendo-badge-container {
 }
 
 .k-button-solid-base {
-    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);
+    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));
     color: rgba(0, 0, 0, 0.87);
     background-color: #ffffff;
     border-color: #ffffff;
 }
 
 .k-button-solid-base:active, .k-button-solid-base.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);
+    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-button-solid-base:disabled, .k-button-solid-base.k-disabled {
@@ -35313,7 +35389,7 @@ kendo-badge-container {
 }
 
 .k-button-group {
-    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);
+    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-button-group .k-button {
@@ -36007,7 +36083,7 @@ kendo-badge-container {
 .k-toolbar {
     color: rgba(0, 0, 0, 0.87);
     background-color: #ffffff;
-    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);
+    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-toolbar .k-separator,
@@ -36657,7 +36733,7 @@ kendo-label > .k-label {
 }
 
 .k-tooltip-wrapper .k-tooltip {
-    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);
+    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-tooltip {
@@ -40355,6 +40431,8 @@ select.k-picker-lg {
     height: 14px;
     border-width: 1px;
     border-style: solid;
+    outline-width: 1px;
+    outline-style: solid;
     box-sizing: border-box;
 }
 
@@ -40476,7 +40554,7 @@ select.k-picker-lg {
 .k-colorgradient:focus,
 .k-colorgradient.k-focus {
     border-color: rgba(0, 0, 0, 0.15);
-    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);
+    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-colorgradient-canvas .k-hsv-gradient {
@@ -40486,19 +40564,21 @@ select.k-picker-lg {
 .k-colorgradient .k-draghandle {
     border-color: rgba(255, 255, 255, 0.8);
     background-color: transparent;
-    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
+    outline-color: #000000;
+    box-shadow: rgba(0, 0, 0, 0.5);
 }
 
 .k-colorgradient .k-draghandle:focus, .k-colorgradient .k-draghandle.k-focus {
     border-color: #ffffff;
     background-color: transparent;
-    box-shadow: 0 1px 4px black;
+    outline-color: #000000;
+    box-shadow: rgba(0, 0, 0, 0.5);
 }
 
 .k-colorgradient .k-draghandle:hover, .k-colorgradient .k-draghandle.k-hover, .k-colorgradient .k-draghandle.k-active, .k-colorgradient .k-draghandle:active {
     border-color: #ffffff;
     background-color: transparent;
-    box-shadow: 0 1px 4px black;
+    outline-color: #000000;
 }
 
 .k-colorgradient-slider.k-hue-slider.k-slider-horizontal .k-slider-track {
@@ -40610,7 +40690,7 @@ select.k-picker-lg {
 .k-coloreditor:focus,
 .k-coloreditor.k-focus {
     border-color: rgba(0, 0, 0, 0.15);
-    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);
+    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-coloreditor .k-colorgradient:focus,
@@ -41079,7 +41159,7 @@ select.k-picker-lg {
 }
 
 .k-rating:focus .k-rating-item > .k-svg-icon, .k-rating.k-focus .k-rating-item > .k-svg-icon {
-    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
+    filter: drop-shadow(0) drop-shadow(2px) drop-shadow(4px) drop-shadow(rgba(0, 0, 0, 0.1)) ;
 }
 
 .k-rating:focus .k-rating-item.k-selected > .k-icon, .k-rating.k-focus .k-rating-item.k-selected > .k-icon {
@@ -41087,7 +41167,7 @@ select.k-picker-lg {
 }
 
 .k-rating:focus .k-rating-item.k-selected > .k-svg-icon, .k-rating.k-focus .k-rating-item.k-selected > .k-svg-icon {
-    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
+    filter: drop-shadow(0) drop-shadow(2px) drop-shadow(4px) drop-shadow(rgba(0, 0, 0, 0.1)) ;
 }
 
 .k-rating-item {
@@ -41402,7 +41482,7 @@ select.k-picker-lg {
 }
 
 .k-switch .k-switch-thumb {
-    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);
+    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-switch.k-switch-on .k-switch-thumb::before {
@@ -41883,11 +41963,11 @@ select.k-picker-lg {
 }
 
 .k-appbar {
-    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.24);
+    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-appbar-bottom {
-    box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.24);
+    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-appbar-primary {
@@ -42079,70 +42159,70 @@ select.k-picker-lg {
 }
 
 .k-fab-solid-primary {
-    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12);
+    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));
     border-color: #3f51b5;
     color: white;
     background-color: #3f51b5;
 }
 
 .k-fab-solid-secondary {
-    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12);
+    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));
     border-color: #e51a5f;
     color: white;
     background-color: #e51a5f;
 }
 
 .k-fab-solid-tertiary {
-    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12);
+    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));
     border-color: #00695c;
     color: white;
     background-color: #00695c;
 }
 
 .k-fab-solid-info {
-    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12);
+    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));
     border-color: #0058e9;
     color: white;
     background-color: #0058e9;
 }
 
 .k-fab-solid-success {
-    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12);
+    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));
     border-color: #37b400;
     color: black;
     background-color: #37b400;
 }
 
 .k-fab-solid-warning {
-    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12);
+    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));
     border-color: #ffc000;
     color: black;
     background-color: #ffc000;
 }
 
 .k-fab-solid-error {
-    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12);
+    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));
     border-color: #f31700;
     color: black;
     background-color: #f31700;
 }
 
 .k-fab-solid-dark {
-    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12);
+    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));
     border-color: #424242;
     color: white;
     background-color: #424242;
 }
 
 .k-fab-solid-light {
-    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12);
+    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));
     border-color: #f5f5f5;
     color: black;
     background-color: #f5f5f5;
 }
 
 .k-fab-solid-inverse {
-    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12);
+    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));
     border-color: #424242;
     color: white;
     background-color: #424242;
@@ -42273,7 +42353,7 @@ select.k-picker-lg {
 .k-fab-solid-primary:active {
     border-color: #5e6dc1;
     background-color: #5e6dc1;
-    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
+    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-active.k-fab-solid-secondary,
@@ -42281,7 +42361,7 @@ select.k-picker-lg {
 .k-fab-solid-secondary:active {
     border-color: #e93f79;
     background-color: #e93f79;
-    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
+    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-active.k-fab-solid-tertiary,
@@ -42289,7 +42369,7 @@ select.k-picker-lg {
 .k-fab-solid-tertiary:active {
     border-color: #298176;
     background-color: #298176;
-    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
+    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-active.k-fab-solid-info,
@@ -42297,7 +42377,7 @@ select.k-picker-lg {
 .k-fab-solid-info:active {
     border-color: #2973ed;
     background-color: #2973ed;
-    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
+    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-active.k-fab-solid-success,
@@ -42305,7 +42385,7 @@ select.k-picker-lg {
 .k-fab-solid-success:active {
     border-color: #57c029;
     background-color: #57c029;
-    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
+    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-active.k-fab-solid-warning,
@@ -42313,7 +42393,7 @@ select.k-picker-lg {
 .k-fab-solid-warning:active {
     border-color: #ffca29;
     background-color: #ffca29;
-    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
+    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-active.k-fab-solid-error,
@@ -42321,7 +42401,7 @@ select.k-picker-lg {
 .k-fab-solid-error:active {
     border-color: #f53c29;
     background-color: #f53c29;
-    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
+    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-active.k-fab-solid-dark,
@@ -42329,7 +42409,7 @@ select.k-picker-lg {
 .k-fab-solid-dark:active {
     border-color: #606060;
     background-color: #606060;
-    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
+    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-active.k-fab-solid-light,
@@ -42337,7 +42417,7 @@ select.k-picker-lg {
 .k-fab-solid-light:active {
     border-color: #f7f7f7;
     background-color: #f7f7f7;
-    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
+    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-active.k-fab-solid-inverse,
@@ -42345,12 +42425,12 @@ select.k-picker-lg {
 .k-fab-solid-inverse:active {
     border-color: #606060;
     background-color: #606060;
-    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
+    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-disabled.k-fab-solid-primary,
 .k-fab-solid-primary:disabled {
-    box-shadow: 0px 3px 5px -1px rgba(70, 70, 70, 0.232), 0px 6px 10px rgba(91, 91, 91, 0.1744), 0px 1px 18px rgba(101, 101, 101, 0.1552);
+    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));
     border-color: #ececec;
     background-color: #ececec;
     color: rgba(170, 170, 170, 0.5784);
@@ -42359,7 +42439,7 @@ select.k-picker-lg {
 
 .k-disabled.k-fab-solid-secondary,
 .k-fab-solid-secondary:disabled {
-    box-shadow: 0px 3px 5px -1px rgba(70, 70, 70, 0.232), 0px 6px 10px rgba(91, 91, 91, 0.1744), 0px 1px 18px rgba(101, 101, 101, 0.1552);
+    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));
     border-color: #ececec;
     background-color: #ececec;
     color: rgba(170, 170, 170, 0.5784);
@@ -42368,7 +42448,7 @@ select.k-picker-lg {
 
 .k-disabled.k-fab-solid-tertiary,
 .k-fab-solid-tertiary:disabled {
-    box-shadow: 0px 3px 5px -1px rgba(70, 70, 70, 0.232), 0px 6px 10px rgba(91, 91, 91, 0.1744), 0px 1px 18px rgba(101, 101, 101, 0.1552);
+    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));
     border-color: #ececec;
     background-color: #ececec;
     color: rgba(170, 170, 170, 0.5784);
@@ -42377,7 +42457,7 @@ select.k-picker-lg {
 
 .k-disabled.k-fab-solid-info,
 .k-fab-solid-info:disabled {
-    box-shadow: 0px 3px 5px -1px rgba(70, 70, 70, 0.232), 0px 6px 10px rgba(91, 91, 91, 0.1744), 0px 1px 18px rgba(101, 101, 101, 0.1552);
+    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));
     border-color: #ececec;
     background-color: #ececec;
     color: rgba(170, 170, 170, 0.5784);
@@ -42386,7 +42466,7 @@ select.k-picker-lg {
 
 .k-disabled.k-fab-solid-success,
 .k-fab-solid-success:disabled {
-    box-shadow: 0px 3px 5px -1px rgba(70, 70, 70, 0.232), 0px 6px 10px rgba(91, 91, 91, 0.1744), 0px 1px 18px rgba(101, 101, 101, 0.1552);
+    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));
     border-color: #ececec;
     background-color: #ececec;
     color: rgba(170, 170, 170, 0.5784);
@@ -42395,7 +42475,7 @@ select.k-picker-lg {
 
 .k-disabled.k-fab-solid-warning,
 .k-fab-solid-warning:disabled {
-    box-shadow: 0px 3px 5px -1px rgba(70, 70, 70, 0.232), 0px 6px 10px rgba(91, 91, 91, 0.1744), 0px 1px 18px rgba(101, 101, 101, 0.1552);
+    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));
     border-color: #ececec;
     background-color: #ececec;
     color: rgba(170, 170, 170, 0.5784);
@@ -42404,7 +42484,7 @@ select.k-picker-lg {
 
 .k-disabled.k-fab-solid-error,
 .k-fab-solid-error:disabled {
-    box-shadow: 0px 3px 5px -1px rgba(70, 70, 70, 0.232), 0px 6px 10px rgba(91, 91, 91, 0.1744), 0px 1px 18px rgba(101, 101, 101, 0.1552);
+    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));
     border-color: #ececec;
     background-color: #ececec;
     color: rgba(170, 170, 170, 0.5784);
@@ -42413,7 +42493,7 @@ select.k-picker-lg {
 
 .k-disabled.k-fab-solid-dark,
 .k-fab-solid-dark:disabled {
-    box-shadow: 0px 3px 5px -1px rgba(70, 70, 70, 0.232), 0px 6px 10px rgba(91, 91, 91, 0.1744), 0px 1px 18px rgba(101, 101, 101, 0.1552);
+    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));
     border-color: #ececec;
     background-color: #ececec;
     color: rgba(170, 170, 170, 0.5784);
@@ -42422,7 +42502,7 @@ select.k-picker-lg {
 
 .k-disabled.k-fab-solid-light,
 .k-fab-solid-light:disabled {
-    box-shadow: 0px 3px 5px -1px rgba(70, 70, 70, 0.232), 0px 6px 10px rgba(91, 91, 91, 0.1744), 0px 1px 18px rgba(101, 101, 101, 0.1552);
+    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));
     border-color: #ececec;
     background-color: #ececec;
     color: rgba(170, 170, 170, 0.5784);
@@ -42431,7 +42511,7 @@ select.k-picker-lg {
 
 .k-disabled.k-fab-solid-inverse,
 .k-fab-solid-inverse:disabled {
-    box-shadow: 0px 3px 5px -1px rgba(70, 70, 70, 0.232), 0px 6px 10px rgba(91, 91, 91, 0.1744), 0px 1px 18px rgba(101, 101, 101, 0.1552);
+    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));
     border-color: #ececec;
     background-color: #ececec;
     color: rgba(170, 170, 170, 0.5784);
@@ -42442,14 +42522,14 @@ select.k-picker-lg {
     border-color: rgba(0, 0, 0, 0.12);
     color: rgba(0, 0, 0, 0.87);
     background-color: #ffffff;
-    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12);
+    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-fab-item-icon {
     border-color: #ffffff;
     color: rgba(0, 0, 0, 0.87);
     background-color: #ffffff;
-    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12);
+    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-fab-item.k-hover .k-fab-item-icon,
@@ -42468,7 +42548,7 @@ select.k-picker-lg {
 
 .k-fab-item.k-active .k-fab-item-icon,
 .k-fab-item:active .k-fab-item-icon {
-    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
+    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));
     border-color: white;
     background-color: white;
 }
@@ -42482,7 +42562,7 @@ select.k-picker-lg {
 .k-fab-item.k-disabled .k-fab-item-icon,
 .k-fab-item:disabled .k-fab-item-text,
 .k-fab-item:disabled .k-fab-item-icon {
-    box-shadow: 0px 3px 5px -1px rgba(70, 70, 70, 0.232), 0px 6px 10px rgba(91, 91, 91, 0.1744), 0px 1px 18px rgba(101, 101, 101, 0.1552);
+    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));
     background-color: white;
     color: rgba(178, 178, 178, 0.9532);
 }
@@ -42834,7 +42914,7 @@ select.k-picker-lg {
     border-color: rgba(0, 0, 0, 0.12);
     color: rgba(0, 0, 0, 0.87);
     background-color: #ffffff;
-    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);
+    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-actionsheet-subtitle {
@@ -43027,12 +43107,12 @@ select.k-picker-lg {
     border-color: rgba(0, 0, 0, 0.12);
     color: rgba(0, 0, 0, 0.87);
     background-color: #ffffff;
-    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);
+    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-window:focus,
 .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);
+    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-window-primary .k-window-titlebar {
@@ -43503,7 +43583,7 @@ kendo-drawer .k-drawer-wrapper {
     border-color: rgba(0, 0, 0, 0.12);
     color: rgba(0, 0, 0, 0.87);
     background-color: #ffffff;
-    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);
+    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-notification-inverse {
@@ -43903,7 +43983,7 @@ kendo-card-footer {
 }
 
 .k-card-solid {
-    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);
+    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-card-flat {
@@ -43914,7 +43994,7 @@ kendo-card-footer {
     border-color: rgba(0, 0, 0, 0.12);
     color: rgba(0, 0, 0, 0.87);
     background-color: #ffffff;
-    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);
+    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-card .k-card-inner {
@@ -43923,11 +44003,11 @@ kendo-card-footer {
 }
 
 .k-card:focus, .k-card.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);
+    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-card.k-selected {
-    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);
+    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-card-actions {
@@ -44052,7 +44132,7 @@ kendo-card-footer {
 }
 
 .k-card-wrap:focus > .k-card, .k-card-wrap.k-focus > .k-card, .k-card-wrap.k-selected > .k-card {
-    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);
+    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-card-callout {
@@ -44144,7 +44224,7 @@ kendo-card-footer {
 }
 
 .k-popover {
-    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);
+    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));
     border-color: rgba(0, 0, 0, 0.12);
     color: rgba(0, 0, 0, 0.87);
     background-color: #ffffff;
@@ -44242,7 +44322,7 @@ kendo-card-footer {
 }
 
 .k-bottom-nav-shadow {
-    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.12);
+    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-bottom-nav-item {
@@ -45704,7 +45784,7 @@ kendo-card-footer {
 }
 
 .k-tabstrip-items-wrapper .k-item.k-tabstrip-dragging {
-    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
+    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-tabstrip-items-wrapper .k-item.k-disabled, .k-tabstrip-items-wrapper .k-item[disabled] {
@@ -46509,7 +46589,7 @@ kendo-card-footer {
 
 .k-tilelayout-item:focus,
 .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);
+    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-layout-item-hint {
@@ -51438,19 +51518,19 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-flex-row .k-pivotgrid-configurator-overlay, .k-d-flex-row .k-pivotgrid-configurator-overlay {
-    box-shadow: -3px 0px 6px rgba(0, 0, 0, 0.16);
+    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-flex-row-reverse .k-pivotgrid-configurator-overlay {
-    box-shadow: 3px 0px 6px rgba(0, 0, 0, 0.16);
+    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-flex-col .k-pivotgrid-configurator-overlay, .k-d-flex-col .k-pivotgrid-configurator-overlay, .k-flex-column .k-pivotgrid-configurator-overlay {
-    box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.16);
+    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-flex-col-reverse .k-pivotgrid-configurator-overlay, .k-flex-column-reverse .k-pivotgrid-configurator-overlay {
-    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
+    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-pivot {
@@ -54730,17 +54810,6 @@ kendo-scheduler .k-event .k-event-bottom-actions,
     transform: translate(-50%, -50%);
 }
 
-.k-current-time {
-    position: absolute;
-}
-
-.k-current-time.k-current-time-arrow-left, .k-current-time.k-current-time-arrow-right, .k-current-time.k-current-time-arrow-down {
-    width: 0;
-    height: 0;
-    background: transparent;
-    border: 4px solid transparent;
-}
-
 .k-event-drag-hint {
     opacity: .5;
     z-index: 3;
@@ -55318,22 +55387,6 @@ kendo-scheduler .k-event .k-event-actions,
     background-color: #ffffff;
 }
 
-.k-current-time {
-    background: #ff0000;
-}
-
-.k-current-time.k-current-time-arrow-left {
-    border-right-color: #ff0000;
-}
-
-.k-current-time.k-current-time-arrow-right {
-    border-left-color: #ff0000;
-}
-
-.k-current-time.k-current-time-arrow-down {
-    border-top-color: #ff0000;
-}
-
 .k-scheduler-toolbar {
     background-color: whitesmoke;
 }
@@ -55378,7 +55431,7 @@ kendo-scheduler .k-event .k-event-actions,
 .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);
+    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-event.k-event-inverse {
@@ -55436,7 +55489,7 @@ kendo-scheduler .k-event .k-event-actions,
 .k-tooltip.k-scheduler-tooltip {
     color: rgba(0, 0, 0, 0.87);
     background-color: white;
-    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
+    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-tooltip.k-scheduler-tooltip .k-callout {
@@ -55927,7 +55980,7 @@ kendo-scheduler .k-event .k-event-actions,
     border-color: #ffffff;
     color: rgba(0, 0, 0, 0.87);
     background-color: #ffffff;
-    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
+    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));
     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;
     order: -1;
 }
@@ -55941,26 +55994,26 @@ kendo-scheduler .k-event .k-event-actions,
 }
 
 .k-chat .k-chat-bubble:hover {
-    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
+    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-chat .k-selected .k-chat-bubble {
-    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
+    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-chat .k-alt .k-chat-bubble {
     border-color: #3f51b5;
     color: white;
     background-color: #3f51b5;
-    box-shadow: 0 1px 2px rgba(63, 81, 181, 0.2);
+    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-chat .k-alt .k-chat-bubble:hover {
-    box-shadow: 0 1px 2px rgba(63, 81, 181, 0.2);
+    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-chat .k-alt .k-selected .k-chat-bubble {
-    box-shadow: 0 3px 10px rgba(63, 81, 181, 0.4);
+    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-chat .k-quick-reply {
@@ -56573,7 +56626,7 @@ kendo-scheduler .k-event .k-event-actions,
 }
 
 .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);
+    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-pdf-viewer {
@@ -56738,7 +56791,7 @@ kendo-scheduler .k-event .k-event-actions,
     border-color: rgba(0, 0, 0, 0.12);
     color: rgba(0, 0, 0, 0.87);
     background-color: white;
-    box-shadow: 0 0 15px rgba(0, 0, 0, 0.12);
+    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-pdf-viewer .k-blank-page > .k-icon,
@@ -56758,7 +56811,7 @@ kendo-scheduler .k-event .k-event-actions,
     border-color: rgba(0, 0, 0, 0.12);
     color: rgba(0, 0, 0, 0.87);
     background-color: #ffffff;
-    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);
+    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));
 }
 
 .km-scrollview,
@@ -57929,7 +57982,7 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
     border-color: #ffffff;
     color: rgba(0, 0, 0, 0.87);
     background-color: #ffffff;
-    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);
+    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-map .k-marker {