@progress/kendo-theme-classic 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;
@@ -1123,6 +1135,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;
@@ -25947,6 +25987,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;
@@ -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: #cacaca;
     color: #272727;
     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 {
@@ -36071,7 +36147,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 {
@@ -39627,7 +39707,7 @@ select.k-picker-lg {
 
 .k-coloreditor:focus,
 .k-coloreditor.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-coloreditor .k-colorgradient:focus,
@@ -40096,7 +40176,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 {
@@ -40104,7 +40184,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 {
@@ -40891,11 +40971,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 {
@@ -41083,7 +41163,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 #f35800;
     outline-offset: -1px;
     border-color: #f35800;
@@ -41092,7 +41172,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 #e9e9e9;
     outline-offset: -1px;
     border-color: #e9e9e9;
@@ -41101,7 +41181,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;
@@ -41110,7 +41190,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 #2498bc;
     outline-offset: -1px;
     border-color: #2498bc;
@@ -41119,7 +41199,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 #3ea44e;
     outline-offset: -1px;
     border-color: #3ea44e;
@@ -41128,7 +41208,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 #ff9800;
     outline-offset: -1px;
     border-color: #ff9800;
@@ -41137,7 +41217,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 #d92800;
     outline-offset: -1px;
     border-color: #d92800;
@@ -41146,7 +41226,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 #404040;
     outline-offset: -1px;
     border-color: #404040;
@@ -41155,7 +41235,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;
@@ -41164,7 +41244,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 #404040;
     outline-offset: -1px;
     border-color: #404040;
@@ -41354,7 +41434,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: #f89b66;
     color: white;
     opacity: 1;
@@ -41362,7 +41442,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: #f2f2f2;
     color: #666666;
     opacity: 1;
@@ -41370,7 +41450,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;
@@ -41378,7 +41458,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: #7cc1d7;
     color: white;
     opacity: 1;
@@ -41386,7 +41466,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: #8bc895;
     color: white;
     opacity: 1;
@@ -41394,7 +41474,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: #ffc166;
     color: white;
     opacity: 1;
@@ -41402,7 +41482,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: #e87e66;
     color: white;
     opacity: 1;
@@ -41410,7 +41490,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: #8c8c8c;
     color: white;
     opacity: 1;
@@ -41418,7 +41498,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;
@@ -41426,7 +41506,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: #8c8c8c;
     color: white;
     opacity: 1;
@@ -41436,14 +41516,14 @@ select.k-picker-lg {
     border-color: #cacaca;
     color: #272727;
     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: #cacaca;
     color: #272727;
     background-color: #f0f0f0;
-    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;
 }
@@ -41476,7 +41556,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: #7d7d7d;
 }
@@ -41826,7 +41906,7 @@ select.k-picker-lg {
     border-color: #cacaca;
     color: #272727;
     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 {
@@ -42019,12 +42099,12 @@ select.k-picker-lg {
     border-color: #cacaca;
     color: #272727;
     background-color: #ffffff;
-    box-shadow: 1px 1px 7px 1px 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-window:focus,
 .k-window.k-focus {
-    box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.25);
+    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 {
@@ -42487,7 +42567,7 @@ kendo-drawer .k-drawer-wrapper {
     border-color: #cacaca;
     color: #272727;
     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 {
@@ -42884,6 +42964,10 @@ kendo-card-footer {
     transform: translate(-50%, -50%) rotate(45deg);
 }
 
+.k-card-solid {
+    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-card-flat {
     box-shadow: none;
 }
@@ -42892,6 +42976,7 @@ kendo-card-footer {
     border-color: #cacaca;
     color: #272727;
     background-color: #ffffff;
+    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-card .k-card-inner {
@@ -42901,11 +42986,11 @@ 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);
+    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-card.k-selected {
-    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
+    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-card-actions {
@@ -43032,7 +43117,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 3px 4px 0 rgba(0, 0, 0, 0.06);
+    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-card-callout {
@@ -43124,7 +43209,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: #cacaca;
     color: #272727;
     background-color: #ffffff;
@@ -43223,7 +43308,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 {
@@ -44612,7 +44697,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,
@@ -45361,7 +45446,7 @@ kendo-card-footer {
 
 .k-tilelayout-item:focus,
 .k-tilelayout-item.k-focus {
-    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
+    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-layout-item-hint {
@@ -49932,19 +50017,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 {
@@ -50667,6 +50752,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
     border-color: #cacaca;
     color: #272727;
     background-color: #ffffff;
+    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-taskboard-card .k-card-title {
@@ -53155,17 +53241,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;
@@ -53614,22 +53689,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: #cacaca;
     color: #272727;
@@ -53737,7 +53796,7 @@ kendo-scheduler .k-recurrence-editor {
 .k-tooltip.k-scheduler-tooltip {
     color: #272727;
     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 {
@@ -54215,7 +54274,7 @@ kendo-scheduler .k-recurrence-editor {
     border-color: #ffffff;
     color: #272727;
     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;
 }
@@ -54229,26 +54288,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: #f35800;
     color: white;
     background-color: #f35800;
-    box-shadow: 0 1px 2px rgba(243, 88, 0, 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(243, 88, 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-chat .k-alt .k-selected .k-chat-bubble {
-    box-shadow: 0 3px 10px rgba(243, 88, 0, 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 {
@@ -54844,7 +54903,7 @@ kendo-scheduler .k-recurrence-editor {
 }
 
 .k-timeline-track-item.k-focus .k-timeline-circle {
-    box-shadow: 0 3px 4px 0 rgba(243, 88, 0, 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 {
@@ -55005,7 +55064,7 @@ kendo-scheduler .k-recurrence-editor {
     border-color: #cacaca;
     color: #272727;
     background-color: white;
-    box-shadow: 0 0 15px #cacaca;
+    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,
@@ -55025,7 +55084,7 @@ kendo-scheduler .k-recurrence-editor {
     border-color: #cacaca;
     color: #272727;
     background-color: #ffffff;
-    box-shadow: 1px 1px 7px 1px 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));
 }
 
 .km-scrollview,
@@ -56321,12 +56380,16 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
     background-color: #ffffff;
 }
 
+.k-orgchart-card {
+    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-card .k-card-body {
     border-color: transparent;
 }
 
 .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-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12));
 }
 
 .k-orgchart-node-group-container {
@@ -56337,7 +56400,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-3, 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12));
     border-color: rgba(0, 0, 0, 0.15);
 }