@progress/kendo-theme-default 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: 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12);
+    --kendo-elevation-2: 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12);
+    --kendo-elevation-3: 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12);
+    --kendo-elevation-4: 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12);
+    --kendo-elevation-5: 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12);
+    --kendo-elevation-6: 0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12);
+    --kendo-elevation-7: 0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12);
+    --kendo-elevation-8: 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12);
+    --kendo-elevation-9: 0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12);
+}
+
 .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: 0 2px 3px rgba(0, 0, 0, 0.04), 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);
+}
+
+.k-elevation-3 {
+    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.08), 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);
+}
+
+.k-elevation-5 {
+    box-shadow: 0 10px 12px rgba(0, 0, 0, 0.16), 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);
+}
+
+.k-elevation-7 {
+    box-shadow: 0 14px 16px rgba(0, 0, 0, 0.24), 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);
+}
+
+.k-elevation-9 {
+    box-shadow: 0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12);
+}
+
 .k-body,
 .k-typography {
     font-size: 14px;
@@ -31178,7 +31254,7 @@ kendo-sortable {
 
 .k-list-group-sticky-header {
     border-color: inherit;
-    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.06);
+    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-list-item:hover, .k-list-optionlabel:hover, .k-list-item.k-hover, .k-hover.k-list-optionlabel {
@@ -31490,14 +31566,14 @@ kendo-sortable {
 }
 
 .k-shadow {
-    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
+    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-popup {
     border-color: rgba(0, 0, 0, 0.08);
     color: #424242;
     background-color: #ffffff;
-    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
+    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-animation-container {
@@ -36068,7 +36144,7 @@ kendo-label > .k-label {
 }
 
 .k-tooltip-wrapper .k-tooltip {
-    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
+    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-tooltip {
@@ -39374,6 +39450,8 @@ select.k-picker-lg {
     height: 14px;
     border-width: 1px;
     border-style: solid;
+    outline-width: 1px;
+    outline-style: solid;
     box-sizing: border-box;
 }
 
@@ -39494,7 +39572,7 @@ select.k-picker-lg {
 
 .k-colorgradient:focus,
 .k-colorgradient.k-focus {
-    box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.3);
+    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-colorgradient-canvas .k-hsv-gradient {
@@ -39504,19 +39582,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 {
@@ -39625,11 +39705,6 @@ select.k-picker-lg {
     background-color: #ffffff;
 }
 
-.k-coloreditor:focus,
-.k-coloreditor.k-focus {
-    box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.3);
-}
-
 .k-coloreditor .k-colorgradient:focus,
 .k-coloreditor .k-colorgradient.k-focus {
     box-shadow: none;
@@ -40088,19 +40163,19 @@ select.k-picker-lg {
 }
 
 .k-rating:focus .k-rating-item > .k-icon, .k-rating.k-focus .k-rating-item > .k-icon {
-    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    text-shadow: var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12));
 }
 
 .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(var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12))) ;
 }
 
 .k-rating:focus .k-rating-item.k-selected > .k-icon, .k-rating.k-focus .k-rating-item.k-selected > .k-icon {
-    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    text-shadow: var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12));
 }
 
 .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(var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12))) ;
 }
 
 .k-rating-item {
@@ -40878,11 +40953,11 @@ select.k-picker-lg {
 }
 
 .k-appbar {
-    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.16);
+    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-appbar-bottom {
-    box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.16);
+    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-appbar-primary {
@@ -41070,7 +41145,7 @@ select.k-picker-lg {
 }
 
 .k-fab-solid-primary {
-    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.2);
+    box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
     outline: 1px solid #ff6358;
     outline-offset: -1px;
     border-color: #ff6358;
@@ -41079,7 +41154,7 @@ select.k-picker-lg {
 }
 
 .k-fab-solid-secondary {
-    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.2);
+    box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
     outline: 1px solid #666666;
     outline-offset: -1px;
     border-color: #666666;
@@ -41088,7 +41163,7 @@ select.k-picker-lg {
 }
 
 .k-fab-solid-tertiary {
-    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.2);
+    box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
     outline: 1px solid #03a9f4;
     outline-offset: -1px;
     border-color: #03a9f4;
@@ -41097,7 +41172,7 @@ select.k-picker-lg {
 }
 
 .k-fab-solid-info {
-    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.2);
+    box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
     outline: 1px solid #0058e9;
     outline-offset: -1px;
     border-color: #0058e9;
@@ -41106,7 +41181,7 @@ select.k-picker-lg {
 }
 
 .k-fab-solid-success {
-    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.2);
+    box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
     outline: 1px solid #37b400;
     outline-offset: -1px;
     border-color: #37b400;
@@ -41115,7 +41190,7 @@ select.k-picker-lg {
 }
 
 .k-fab-solid-warning {
-    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.2);
+    box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
     outline: 1px solid #ffc000;
     outline-offset: -1px;
     border-color: #ffc000;
@@ -41124,7 +41199,7 @@ select.k-picker-lg {
 }
 
 .k-fab-solid-error {
-    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.2);
+    box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
     outline: 1px solid #f31700;
     outline-offset: -1px;
     border-color: #f31700;
@@ -41133,7 +41208,7 @@ select.k-picker-lg {
 }
 
 .k-fab-solid-dark {
-    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.2);
+    box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
     outline: 1px solid #424242;
     outline-offset: -1px;
     border-color: #424242;
@@ -41142,7 +41217,7 @@ select.k-picker-lg {
 }
 
 .k-fab-solid-light {
-    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.2);
+    box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
     outline: 1px solid #ebebeb;
     outline-offset: -1px;
     border-color: #ebebeb;
@@ -41151,7 +41226,7 @@ select.k-picker-lg {
 }
 
 .k-fab-solid-inverse {
-    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.2);
+    box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
     outline: 1px solid #424242;
     outline-offset: -1px;
     border-color: #424242;
@@ -41341,7 +41416,7 @@ select.k-picker-lg {
 
 .k-disabled.k-fab-solid-primary,
 .k-fab-solid-primary:disabled {
-    box-shadow: 0 6px 10px rgba(91, 91, 91, 0.1744), 0 1px 18px rgba(101, 101, 101, 0.1552), 0 3px 5px rgba(70, 70, 70, 0.232);
+    box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
     background-color: #ffa19b;
     color: white;
     opacity: 1;
@@ -41349,7 +41424,7 @@ select.k-picker-lg {
 
 .k-disabled.k-fab-solid-secondary,
 .k-fab-solid-secondary:disabled {
-    box-shadow: 0 6px 10px rgba(91, 91, 91, 0.1744), 0 1px 18px rgba(101, 101, 101, 0.1552), 0 3px 5px rgba(70, 70, 70, 0.232);
+    box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
     background-color: #a3a3a3;
     color: white;
     opacity: 1;
@@ -41357,7 +41432,7 @@ select.k-picker-lg {
 
 .k-disabled.k-fab-solid-tertiary,
 .k-fab-solid-tertiary:disabled {
-    box-shadow: 0 6px 10px rgba(91, 91, 91, 0.1744), 0 1px 18px rgba(101, 101, 101, 0.1552), 0 3px 5px rgba(70, 70, 70, 0.232);
+    box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
     background-color: #68cbf8;
     color: white;
     opacity: 1;
@@ -41365,7 +41440,7 @@ select.k-picker-lg {
 
 .k-disabled.k-fab-solid-info,
 .k-fab-solid-info:disabled {
-    box-shadow: 0 6px 10px rgba(91, 91, 91, 0.1744), 0 1px 18px rgba(101, 101, 101, 0.1552), 0 3px 5px rgba(70, 70, 70, 0.232);
+    box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
     background-color: #669bf2;
     color: white;
     opacity: 1;
@@ -41373,7 +41448,7 @@ select.k-picker-lg {
 
 .k-disabled.k-fab-solid-success,
 .k-fab-solid-success:disabled {
-    box-shadow: 0 6px 10px rgba(91, 91, 91, 0.1744), 0 1px 18px rgba(101, 101, 101, 0.1552), 0 3px 5px rgba(70, 70, 70, 0.232);
+    box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
     background-color: #87d266;
     color: white;
     opacity: 1;
@@ -41381,7 +41456,7 @@ select.k-picker-lg {
 
 .k-disabled.k-fab-solid-warning,
 .k-fab-solid-warning:disabled {
-    box-shadow: 0 6px 10px rgba(91, 91, 91, 0.1744), 0 1px 18px rgba(101, 101, 101, 0.1552), 0 3px 5px rgba(70, 70, 70, 0.232);
+    box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
     background-color: #ffd966;
     color: #666666;
     opacity: 1;
@@ -41389,7 +41464,7 @@ select.k-picker-lg {
 
 .k-disabled.k-fab-solid-error,
 .k-fab-solid-error:disabled {
-    box-shadow: 0 6px 10px rgba(91, 91, 91, 0.1744), 0 1px 18px rgba(101, 101, 101, 0.1552), 0 3px 5px rgba(70, 70, 70, 0.232);
+    box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
     background-color: #f87466;
     color: white;
     opacity: 1;
@@ -41397,7 +41472,7 @@ select.k-picker-lg {
 
 .k-disabled.k-fab-solid-dark,
 .k-fab-solid-dark:disabled {
-    box-shadow: 0 6px 10px rgba(91, 91, 91, 0.1744), 0 1px 18px rgba(101, 101, 101, 0.1552), 0 3px 5px rgba(70, 70, 70, 0.232);
+    box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
     background-color: #8e8e8e;
     color: white;
     opacity: 1;
@@ -41405,7 +41480,7 @@ select.k-picker-lg {
 
 .k-disabled.k-fab-solid-light,
 .k-fab-solid-light:disabled {
-    box-shadow: 0 6px 10px rgba(91, 91, 91, 0.1744), 0 1px 18px rgba(101, 101, 101, 0.1552), 0 3px 5px rgba(70, 70, 70, 0.232);
+    box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
     background-color: #f3f3f3;
     color: #666666;
     opacity: 1;
@@ -41413,7 +41488,7 @@ select.k-picker-lg {
 
 .k-disabled.k-fab-solid-inverse,
 .k-fab-solid-inverse:disabled {
-    box-shadow: 0 6px 10px rgba(91, 91, 91, 0.1744), 0 1px 18px rgba(101, 101, 101, 0.1552), 0 3px 5px rgba(70, 70, 70, 0.232);
+    box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
     background-color: #8e8e8e;
     color: white;
     opacity: 1;
@@ -41423,14 +41498,14 @@ select.k-picker-lg {
     border-color: rgba(0, 0, 0, 0.08);
     color: #424242;
     background-color: #ffffff;
-    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.2);
+    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-fab-item-icon {
     border-color: rgba(0, 0, 0, 0.08);
     color: #424242;
     background-color: #f5f5f5;
-    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12), 0 3px 5px rgba(0, 0, 0, 0.2);
+    box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
     outline: 1px solid rgba(0, 0, 0, 0.08);
     outline-offset: -1px;
 }
@@ -41463,7 +41538,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: 0 6px 10px rgba(91, 91, 91, 0.1744), 0 1px 18px rgba(101, 101, 101, 0.1552), 0 3px 5px rgba(70, 70, 70, 0.232);
+    box-shadow: var(--kendo-elevation-5, 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12));
     background-color: white;
     color: #8e8e8e;
 }
@@ -41813,7 +41888,7 @@ select.k-picker-lg {
     border-color: rgba(0, 0, 0, 0.08);
     color: #424242;
     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, 0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12));
 }
 
 .k-actionsheet-subtitle {
@@ -42006,12 +42081,12 @@ select.k-picker-lg {
     border-color: rgba(0, 0, 0, 0.08);
     color: #424242;
     background-color: #ffffff;
-    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.06);
+    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-window:focus,
 .k-window.k-focus {
-    box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.3);
+    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-window-titlebar {
@@ -42479,7 +42554,7 @@ kendo-drawer .k-drawer-wrapper {
     border-color: rgba(0, 0, 0, 0.08);
     color: #424242;
     background-color: #ffffff;
-    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
+    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-notification-inverse {
@@ -42893,11 +42968,6 @@ kendo-card-footer {
 
 .k-card:focus, .k-card.k-focus {
     border-color: rgba(0, 0, 0, 0.15);
-    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
-}
-
-.k-card.k-selected {
-    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
 }
 
 .k-card-actions {
@@ -43023,10 +43093,6 @@ kendo-card-footer {
     color: inherit;
 }
 
-.k-card-wrap:focus > .k-card, .k-card-wrap.k-focus > .k-card, .k-card-wrap.k-selected > .k-card {
-    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
-}
-
 .k-card-callout {
     border-color: inherit;
     background-color: inherit;
@@ -43116,7 +43182,7 @@ kendo-card-footer {
 }
 
 .k-popover {
-    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
+    box-shadow: var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12));
     border-color: rgba(0, 0, 0, 0.08);
     color: #424242;
     background-color: #ffffff;
@@ -43215,7 +43281,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, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12));
 }
 
 .k-bottom-nav-item {
@@ -44603,7 +44669,7 @@ kendo-card-footer {
 }
 
 .k-tabstrip-items-wrapper .k-item.k-tabstrip-dragging {
-    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.15);
+    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-tabstrip-content,
@@ -45345,11 +45411,6 @@ kendo-card-footer {
     background-color: #fafafa;
 }
 
-.k-tilelayout-item:focus,
-.k-tilelayout-item.k-focus {
-    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
-}
-
 .k-layout-item-hint {
     border-color: rgba(0, 0, 0, 0.08);
     background-color: rgba(255, 255, 255, 0.2);
@@ -49915,19 +49976,19 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 }
 
 .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, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12));
 }
 
 .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, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12));
 }
 
 .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, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12));
 }
 
 .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, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12));
 }
 
 .k-pivot {
@@ -53138,17 +53199,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;
@@ -53597,22 +53647,6 @@ kendo-scheduler .k-recurrence-editor {
     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 {
     border-color: rgba(0, 0, 0, 0.08);
     color: #424242;
@@ -53720,7 +53754,7 @@ kendo-scheduler .k-recurrence-editor {
 .k-tooltip.k-scheduler-tooltip {
     color: #424242;
     background-color: white;
-    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
+    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-tooltip.k-scheduler-tooltip .k-callout {
@@ -54198,7 +54232,7 @@ kendo-scheduler .k-recurrence-editor {
     border-color: #ffffff;
     color: #424242;
     background-color: #ffffff;
-    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
+    box-shadow: var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12));
     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;
 }
@@ -54212,26 +54246,26 @@ kendo-scheduler .k-recurrence-editor {
 }
 
 .k-chat .k-chat-bubble:hover {
-    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
+    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-chat .k-selected .k-chat-bubble {
-    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
+    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-chat .k-alt .k-chat-bubble {
     border-color: #ff6358;
     color: white;
     background-color: #ff6358;
-    box-shadow: 0 1px 2px rgba(255, 99, 88, 0.2);
+    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-chat .k-alt .k-chat-bubble:hover {
-    box-shadow: 0 1px 2px rgba(255, 99, 88, 0.2);
+    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-chat .k-alt .k-selected .k-chat-bubble {
-    box-shadow: 0 3px 10px rgba(255, 99, 88, 0.4);
+    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-chat .k-quick-reply {
@@ -54827,7 +54861,7 @@ kendo-scheduler .k-recurrence-editor {
 }
 
 .k-timeline-track-item.k-focus .k-timeline-circle {
-    box-shadow: 0 3px 4px 0 rgba(255, 99, 88, 0.4);
+    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-pdf-viewer {
@@ -54988,7 +55022,7 @@ kendo-scheduler .k-recurrence-editor {
     border-color: rgba(0, 0, 0, 0.08);
     color: #424242;
     background-color: white;
-    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
+    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-pdf-viewer .k-blank-page > .k-icon,
@@ -55008,7 +55042,7 @@ kendo-scheduler .k-recurrence-editor {
     border-color: rgba(0, 0, 0, 0.08);
     color: #424242;
     background-color: #ffffff;
-    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--kendo-elevation-8, 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12));
 }
 
 .km-scrollview,
@@ -56307,7 +56341,7 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
 }
 
 .k-orgchart-card:focus, .k-orgchart-card.k-focus {
-    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
+    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-orgchart-node-group-container {
@@ -56318,7 +56352,7 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
 
 .k-orgchart-node-group-container:focus,
 .k-orgchart-node-group-container.k-focus {
-    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
+    box-shadow: var(--kendo-elevation-1, 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12));
     border-color: rgba(0, 0, 0, 0.15);
 }