@progress/kendo-theme-default 6.8.0-dev.1 → 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,
@@ -45104,6 +45170,7 @@ kendo-card-footer {
 
 .k-splitter .k-pane {
     overflow: hidden;
+    box-sizing: border-box;
 }
 
 .k-splitter .k-scrollable {
@@ -45344,16 +45411,265 @@ 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);
 }
 
+.k-dock-manager {
+    width: 100%;
+    height: 100%;
+    border-width: 1px;
+    border-style: solid;
+    position: relative;
+    display: flex;
+    flex-flow: row nowrap;
+    overflow: auto;
+    box-sizing: border-box;
+}
+
+.k-dock-manager-toolbar {
+    border-width: 0 1px 0 0;
+    border-color: inherit;
+    flex-shrink: 0;
+    -ms-writing-mode: tb-lr;
+        writing-mode: vertical-lr;
+    box-shadow: none;
+}
+
+.k-dock-manager-toolbar::before {
+    height: 0;
+}
+
+.k-dock-manager-toolbar .k-separator-horizontal {
+    width: 1.4285714286em;
+    height: 0;
+    border-width: 1px 0 0;
+}
+
+@supports (not (-ms-ime-mode: none)) and (not (overflow: -webkit-marquee)) and (not (-moz-appearance: none)) {
+    .k-dock-manager-toolbar .k-toolbar-button {
+        padding-block: 8px;
+        padding-inline: 4px;
+    }
+    .k-dock-manager-toolbar .k-toolbar-button .k-button-text {
+        -ms-writing-mode: tb-lr;
+            writing-mode: vertical-lr;
+    }
+}
+
+.k-dock-manager-pane-container {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-grow: 1;
+    overflow: hidden;
+}
+
+.k-dock-manager-splitter,
+.k-dock-manager-unpinned-container {
+    height: 100%;
+    border-width: 0;
+    align-items: stretch;
+}
+
+.k-dock-manager-splitter > .k-pane,
+.k-dock-manager-unpinned-container > .k-pane {
+    height: auto;
+    flex-direction: column;
+    border-color: inherit;
+}
+
+.k-dock-manager-splitter .k-pane-header,
+.k-dock-manager-unpinned-container .k-pane-header {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding-block: 8px;
+    padding-inline: 16px;
+    border-block-end-width: 1px;
+    border-block-end-style: solid;
+    border-color: inherit;
+}
+
+.k-dock-manager-splitter .k-pane-title,
+.k-dock-manager-unpinned-container .k-pane-title {
+    font-family: inherit;
+    font-size: 16px;
+    line-height: 1.25;
+    font-weight: 400;
+    flex: 1 1 auto;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
+
+.k-dock-manager-splitter .k-pane-scrollable,
+.k-dock-manager-unpinned-container .k-pane-scrollable {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    border-color: inherit;
+}
+
+.k-dock-manager-splitter .k-pane-content,
+.k-dock-manager-unpinned-container .k-pane-content {
+    height: 100%;
+    padding-block: 16px;
+    padding-inline: 16px;
+    overflow: auto;
+    flex: 1;
+}
+
+.k-dock-manager-splitter .k-pane-actions,
+.k-dock-manager-unpinned-container .k-pane-actions {
+    display: flex;
+    flex-flow: row nowrap;
+    align-items: center;
+    justify-content: center;
+}
+
+.k-dock-manager-splitter .k-pane-tabbed,
+.k-dock-manager-unpinned-container .k-pane-tabbed {
+    padding-block-start: 14px;
+    padding-block-end: 8px;
+    padding-inline: 8px;
+}
+
+.k-dock-manager-splitter .k-splitbar,
+.k-dock-manager-unpinned-container .k-splitbar {
+    border-width: 0 1px;
+    border-style: solid;
+    border-color: inherit;
+}
+
+.k-dock-manager-splitter .k-splitbar-vertical,
+.k-dock-manager-unpinned-container .k-splitbar-vertical {
+    border-width: 1px 0;
+}
+
+.k-dock-manager-unpinned-container {
+    width: 300px;
+    position: absolute;
+    display: flex;
+    height: 100%;
+    border-color: inherit;
+    z-index: 20;
+}
+
+.k-dock-manager-unpinned-container .k-pane {
+    display: inline-flex;
+    flex-direction: column;
+    position: relative;
+    flex: 1 1 auto;
+}
+
+.k-dock-manager-unpinned-container .k-splitbar {
+    height: 100%;
+    position: relative;
+    flex: none;
+}
+
+.k-docking-preview {
+    width: 100%;
+    height: 100%;
+    box-sizing: border-box;
+    display: flex;
+    position: absolute;
+    top: 0;
+    left: 0;
+    border-width: 1px;
+    border-style: dashed;
+    border-radius: 2px;
+    z-index: 10;
+}
+
+.k-dock-navigator-container {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    position: absolute;
+    z-index: 10001;
+    pointer-events: none;
+}
+
+.k-dock-navigator {
+    display: grid;
+    grid-template-columns: repeat(3, auto);
+    grid-template-rows: repeat(3, auto);
+    justify-content: center;
+    position: absolute;
+}
+
+.k-dock-indicator {
+    padding: 6px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    box-sizing: border-box;
+    position: relative;
+    pointer-events: all;
+    outline-width: 1px;
+    outline-style: solid;
+}
+
+.k-dock-indicator.k-dock-indicator-middle {
+    filter: none;
+}
+
+.k-dock-indicator-top {
+    grid-area: 1 / 2 / auto;
+}
+
+.k-dock-indicator-right {
+    grid-area: 2 / 3 / auto;
+}
+
+.k-dock-indicator-bottom {
+    grid-area: 3 / 2 / auto;
+}
+
+.k-dock-indicator-left {
+    grid-area: 2 / 1 / auto;
+}
+
+.k-dock-indicator-middle {
+    grid-area: 2 / 2 / auto;
+}
+
+.k-dock-manager {
+    border-color: rgba(0, 0, 0, 0.08);
+}
+
+.k-dock-manager-splitter .k-pane-header,
+.k-dock-manager-unpinned-container .k-pane-header {
+    background-color: #fafafa;
+}
+
+.k-dock-manager-unpinned-container {
+    background-color: #ffffff;
+    box-shadow: 4px 0px 5px 0px rgba(0, 0, 0, 0.04), 2px 0px 4px 0px rgba(0, 0, 0, 0.03);
+}
+
+.k-docking-preview {
+    background-color: rgba(255, 99, 88, 0.16);
+    border-color: #ff6358;
+}
+
+.k-dock-indicator {
+    color: #ff6358;
+    background-color: #f5f5f5;
+    outline-color: #ff6358;
+    filter: drop-shadow(0px 1px 18px rgba(0, 0, 0, 0.12)) drop-shadow(0px 6px 10px rgba(0, 0, 0, 0.14)) drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.2));
+}
+
+.k-dock-indicator:hover, .k-dock-indicator.k-hover {
+    background-color: #ff6358;
+    color: #ffffff;
+}
+
 .k-pane-wrapper {
     border-width: 1px;
     border-style: solid;
@@ -49660,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 {
@@ -52883,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;
@@ -53342,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;
@@ -53465,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 {
@@ -53943,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;
 }
@@ -53957,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 {
@@ -54572,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 {
@@ -54616,18 +54905,17 @@ kendo-scheduler .k-recurrence-editor {
     outline: none;
 }
 
-.k-pdf-viewer .k-canvas .k-enable-text-select, .k-pdf-viewer .k-canvas.k-enable-text-select {
+.k-pdf-viewer .k-canvas.k-enable-text-select {
     -webkit-user-select: text;
         -ms-user-select: text;
             user-select: text;
     cursor: text;
 }
 
-.k-pdf-viewer .k-canvas .k-enable-panning, .k-pdf-viewer .k-canvas.k-enable-panning {
+.k-pdf-viewer .k-canvas.k-enable-panning {
     cursor: grab;
 }
 
-.k-pdf-viewer .k-canvas .k-enable-panning span::selection,
 .k-pdf-viewer .k-canvas.k-enable-panning span::selection {
     background-color: transparent;
 }
@@ -54661,10 +54949,6 @@ kendo-scheduler .k-recurrence-editor {
     color: transparent;
 }
 
-.k-pdf-viewer .k-page .k-text-layer mark {
-    color: transparent;
-}
-
 .k-pdf-viewer .k-page .k-text-layer .k-search-highlight-mark {
     color: transparent;
 }
@@ -54687,50 +54971,43 @@ kendo-scheduler .k-recurrence-editor {
     background: none;
 }
 
-.k-pdf-viewer-search-dialog {
-    padding: 0 !important;
-}
-
-.k-search-panel, .k-search-container {
+.k-pdf-viewer-canvas > .k-search-panel {
+    width: max-content;
+    margin-top: calc(-1.4285714286em + -44px);
     padding-block: 16px;
     padding-inline: 8px;
+    border-width: 1px;
+    border-style: solid;
+    border-radius: 0;
     display: flex;
     gap: 8px;
     flex-flow: row nowrap;
     flex: 0 0 auto;
     justify-content: flex-start;
     align-items: center;
+    z-index: 10;
+    cursor: default;
 }
 
-.k-search-panel .k-search-dialog-draghandle, .k-search-container .k-search-dialog-draghandle {
+.k-pdf-viewer-canvas > .k-search-panel .k-search-dialog-draghandle {
     cursor: move;
     margin-left: 0;
 }
 
-.k-search-panel .k-textbox, .k-search-container .k-textbox {
+.k-pdf-viewer-canvas > .k-search-panel .k-textbox {
     width: 10em;
     flex: none;
 }
 
-.k-search-panel .k-textbox .k-button, .k-search-container .k-textbox .k-button {
+.k-pdf-viewer-canvas > .k-search-panel .k-textbox .k-button {
     border-width: 0;
 }
 
-.k-search-panel .k-search-matches, .k-search-container .k-search-matches {
+.k-pdf-viewer-canvas > .k-search-panel .k-search-matches {
     display: inline-flex;
     gap: 4px;
 }
 
-.k-pdf-viewer-canvas > .k-search-panel, .k-pdf-viewer-canvas > .k-search-container {
-    width: max-content;
-    margin-top: calc(-1.4285714286em + -44px);
-    border-width: 1px;
-    border-style: solid;
-    border-radius: 0;
-    z-index: 10;
-    cursor: default;
-}
-
 .k-pdf-viewer {
     border-color: rgba(0, 0, 0, 0.08);
     color: #424242;
@@ -54745,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,
@@ -54761,11 +55038,11 @@ kendo-scheduler .k-recurrence-editor {
     background-color: yellow;
 }
 
-.k-pdf-viewer-canvas > .k-search-panel, .k-pdf-viewer-canvas > .k-search-container {
+.k-pdf-viewer-canvas > .k-search-panel {
     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,
@@ -56064,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 {
@@ -56075,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);
 }