@progress/kendo-theme-bootstrap 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: 0px 1px 2px rgba(0, 0, 0, 0.038);
+    --kendo-elevation-2: 0px 2px 7px rgba(0, 0, 0, 0.075);
+    --kendo-elevation-3: 0px 4px 10px rgba(0, 0, 0, 0.1);
+    --kendo-elevation-4: 0px 6px 13px rgba(0, 0, 0, 0.125);
+    --kendo-elevation-5: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);
+    --kendo-elevation-6: 0px 11px 24px 0px rgba(0, 0, 0, 0.159);
+    --kendo-elevation-7: 0px 14px 36px 0px rgba(0, 0, 0, 0.168);
+    --kendo-elevation-8: 0px 16px 48px 0px rgba(0, 0, 0, 0.176);
+    --kendo-elevation-9: 0px 18px 60px 0px rgba(0, 0, 0, 0.185);
+}
+
 .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 2px rgba(0, 0, 0, 0.038);
+}
+
+.k-elevation-2 {
+    box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.075);
+}
+
+.k-elevation-3 {
+    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
+}
+
+.k-elevation-4 {
+    box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.125);
+}
+
+.k-elevation-5 {
+    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);
+}
+
+.k-elevation-6 {
+    box-shadow: 0px 11px 24px 0px rgba(0, 0, 0, 0.159);
+}
+
+.k-elevation-7 {
+    box-shadow: 0px 14px 36px 0px rgba(0, 0, 0, 0.168);
+}
+
+.k-elevation-8 {
+    box-shadow: 0px 16px 48px 0px rgba(0, 0, 0, 0.176);
+}
+
+.k-elevation-9 {
+    box-shadow: 0px 18px 60px 0px rgba(0, 0, 0, 0.185);
+}
+
 .k-body,
 .k-typography {
     font-size: 1rem;
@@ -31494,7 +31570,7 @@ 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, 0px 6px 13px rgba(0, 0, 0, 0.125));
 }
 
 .k-popup.k-column-menu {
@@ -31506,7 +31582,7 @@ kendo-sortable {
     border-color: #dee2e6;
     color: #212529;
     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, 0px 6px 13px rgba(0, 0, 0, 0.125));
 }
 
 .k-animation-container {
@@ -36147,7 +36223,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, 0px 2px 7px rgba(0, 0, 0, 0.075));
 }
 
 .k-tooltip {
@@ -39510,6 +39586,8 @@ select.k-picker-lg {
     height: 14px;
     border-width: 1px;
     border-style: solid;
+    outline-width: 1px;
+    outline-style: solid;
     box-sizing: border-box;
 }
 
@@ -39640,19 +39718,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 {
@@ -40233,7 +40313,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 {
@@ -40241,7 +40321,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 {
@@ -40991,11 +41071,11 @@ select.k-picker-lg {
 }
 
 .k-appbar {
-    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.16);
+    box-shadow: var(--kendo-elevation-4, 0px 6px 13px rgba(0, 0, 0, 0.125));
 }
 
 .k-appbar-bottom {
-    box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.16);
+    box-shadow: var(--kendo-elevation-4, 0px 6px 13px rgba(0, 0, 0, 0.125));
 }
 
 .k-appbar-primary {
@@ -41183,7 +41263,7 @@ select.k-picker-lg {
 }
 
 .k-fab-solid-primary {
-    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px rgba(0, 0, 0, 0.2);
+    box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15));
     outline: 1px solid #0d6efd;
     outline-offset: -1px;
     border-color: #0d6efd;
@@ -41192,7 +41272,7 @@ select.k-picker-lg {
 }
 
 .k-fab-solid-secondary {
-    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px rgba(0, 0, 0, 0.2);
+    box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15));
     outline: 1px solid #6c757d;
     outline-offset: -1px;
     border-color: #6c757d;
@@ -41201,7 +41281,7 @@ select.k-picker-lg {
 }
 
 .k-fab-solid-tertiary {
-    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px rgba(0, 0, 0, 0.2);
+    box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15));
     outline: 1px solid #6f42c1;
     outline-offset: -1px;
     border-color: #6f42c1;
@@ -41210,7 +41290,7 @@ select.k-picker-lg {
 }
 
 .k-fab-solid-info {
-    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px rgba(0, 0, 0, 0.2);
+    box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15));
     outline: 1px solid #0dcaf0;
     outline-offset: -1px;
     border-color: #0dcaf0;
@@ -41219,7 +41299,7 @@ select.k-picker-lg {
 }
 
 .k-fab-solid-success {
-    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px rgba(0, 0, 0, 0.2);
+    box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15));
     outline: 1px solid #198754;
     outline-offset: -1px;
     border-color: #198754;
@@ -41228,7 +41308,7 @@ select.k-picker-lg {
 }
 
 .k-fab-solid-warning {
-    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px rgba(0, 0, 0, 0.2);
+    box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15));
     outline: 1px solid #ffc107;
     outline-offset: -1px;
     border-color: #ffc107;
@@ -41237,7 +41317,7 @@ select.k-picker-lg {
 }
 
 .k-fab-solid-error {
-    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px rgba(0, 0, 0, 0.2);
+    box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15));
     outline: 1px solid #dc3545;
     outline-offset: -1px;
     border-color: #dc3545;
@@ -41246,7 +41326,7 @@ select.k-picker-lg {
 }
 
 .k-fab-solid-dark {
-    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px rgba(0, 0, 0, 0.2);
+    box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15));
     outline: 1px solid #212529;
     outline-offset: -1px;
     border-color: #212529;
@@ -41255,7 +41335,7 @@ select.k-picker-lg {
 }
 
 .k-fab-solid-light {
-    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px rgba(0, 0, 0, 0.2);
+    box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15));
     outline: 1px solid #f8f9fa;
     outline-offset: -1px;
     border-color: #f8f9fa;
@@ -41264,7 +41344,7 @@ select.k-picker-lg {
 }
 
 .k-fab-solid-inverse {
-    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px rgba(0, 0, 0, 0.2);
+    box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15));
     outline: 1px solid #212529;
     outline-offset: -1px;
     border-color: #212529;
@@ -41474,7 +41554,7 @@ select.k-picker-lg {
 
 .k-fab-solid-primary:disabled,
 .k-fab-solid-primary.k-disabled {
-    box-shadow: 0px 6px 10px rgba(91, 91, 91, 0.1744), 0px 1px 18px rgba(101, 101, 101, 0.1552), 0px 3px 5px rgba(70, 70, 70, 0.232);
+    box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15));
     background-color: #64a2fe;
     color: white;
     opacity: 1;
@@ -41482,7 +41562,7 @@ select.k-picker-lg {
 
 .k-fab-solid-secondary:disabled,
 .k-fab-solid-secondary.k-disabled {
-    box-shadow: 0px 6px 10px rgba(91, 91, 91, 0.1744), 0px 1px 18px rgba(101, 101, 101, 0.1552), 0px 3px 5px rgba(70, 70, 70, 0.232);
+    box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15));
     background-color: #a1a7ac;
     color: white;
     opacity: 1;
@@ -41490,7 +41570,7 @@ select.k-picker-lg {
 
 .k-fab-solid-tertiary:disabled,
 .k-fab-solid-tertiary.k-disabled {
-    box-shadow: 0px 6px 10px rgba(91, 91, 91, 0.1744), 0px 1px 18px rgba(101, 101, 101, 0.1552), 0px 3px 5px rgba(70, 70, 70, 0.232);
+    box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15));
     background-color: #a386d7;
     color: white;
     opacity: 1;
@@ -41498,7 +41578,7 @@ select.k-picker-lg {
 
 .k-fab-solid-info:disabled,
 .k-fab-solid-info.k-disabled {
-    box-shadow: 0px 6px 10px rgba(91, 91, 91, 0.1744), 0px 1px 18px rgba(101, 101, 101, 0.1552), 0px 3px 5px rgba(70, 70, 70, 0.232);
+    box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15));
     background-color: #64ddf5;
     color: #666666;
     opacity: 1;
@@ -41506,7 +41586,7 @@ select.k-picker-lg {
 
 .k-fab-solid-success:disabled,
 .k-fab-solid-success.k-disabled {
-    box-shadow: 0px 6px 10px rgba(91, 91, 91, 0.1744), 0px 1px 18px rgba(101, 101, 101, 0.1552), 0px 3px 5px rgba(70, 70, 70, 0.232);
+    box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15));
     background-color: #6cb292;
     color: white;
     opacity: 1;
@@ -41514,7 +41594,7 @@ select.k-picker-lg {
 
 .k-fab-solid-warning:disabled,
 .k-fab-solid-warning.k-disabled {
-    box-shadow: 0px 6px 10px rgba(91, 91, 91, 0.1744), 0px 1px 18px rgba(101, 101, 101, 0.1552), 0px 3px 5px rgba(70, 70, 70, 0.232);
+    box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15));
     background-color: #ffd760;
     color: #666666;
     opacity: 1;
@@ -41522,7 +41602,7 @@ select.k-picker-lg {
 
 .k-fab-solid-error:disabled,
 .k-fab-solid-error.k-disabled {
-    box-shadow: 0px 6px 10px rgba(91, 91, 91, 0.1744), 0px 1px 18px rgba(101, 101, 101, 0.1552), 0px 3px 5px rgba(70, 70, 70, 0.232);
+    box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15));
     background-color: #e97e88;
     color: white;
     opacity: 1;
@@ -41530,7 +41610,7 @@ select.k-picker-lg {
 
 .k-fab-solid-dark:disabled,
 .k-fab-solid-dark.k-disabled {
-    box-shadow: 0px 6px 10px rgba(91, 91, 91, 0.1744), 0px 1px 18px rgba(101, 101, 101, 0.1552), 0px 3px 5px rgba(70, 70, 70, 0.232);
+    box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15));
     background-color: #717376;
     color: white;
     opacity: 1;
@@ -41538,7 +41618,7 @@ select.k-picker-lg {
 
 .k-fab-solid-light:disabled,
 .k-fab-solid-light.k-disabled {
-    box-shadow: 0px 6px 10px rgba(91, 91, 91, 0.1744), 0px 1px 18px rgba(101, 101, 101, 0.1552), 0px 3px 5px rgba(70, 70, 70, 0.232);
+    box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15));
     background-color: #fbfbfc;
     color: #666666;
     opacity: 1;
@@ -41546,7 +41626,7 @@ select.k-picker-lg {
 
 .k-fab-solid-inverse:disabled,
 .k-fab-solid-inverse.k-disabled {
-    box-shadow: 0px 6px 10px rgba(91, 91, 91, 0.1744), 0px 1px 18px rgba(101, 101, 101, 0.1552), 0px 3px 5px rgba(70, 70, 70, 0.232);
+    box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15));
     background-color: #717376;
     color: white;
     opacity: 1;
@@ -41556,21 +41636,21 @@ select.k-picker-lg {
     border-color: #dee2e6;
     color: #212529;
     background-color: #ffffff;
-    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px rgba(0, 0, 0, 0.2);
+    box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15));
 }
 
 .k-fab-item-icon {
     border-color: #e4e7eb;
     color: #212529;
     background-color: #e4e7eb;
-    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px rgba(0, 0, 0, 0.2);
+    box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15));
     outline: 1px solid #e4e7eb;
     outline-offset: -1px;
 }
 
 .k-fab-item:hover .k-fab-item-icon,
 .k-fab-item.k-hover .k-fab-item-icon {
-    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px rgba(0, 0, 0, 0.2);
+    box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15));
     outline: 1px solid #c7cdd5;
     outline-offset: -1px;
     border-color: #c7cdd5;
@@ -41603,7 +41683,7 @@ select.k-picker-lg {
 .k-fab-item:disabled .k-fab-item-icon,
 .k-fab-item.k-disabled .k-fab-item-text,
 .k-fab-item.k-disabled .k-fab-item-icon {
-    box-shadow: 0px 6px 10px rgba(91, 91, 91, 0.1744), 0px 1px 18px rgba(101, 101, 101, 0.1552), 0px 3px 5px rgba(70, 70, 70, 0.232);
+    box-shadow: var(--kendo-elevation-5, 0px 8px 16px 0px rgba(0, 0, 0, 0.15));
     background-color: white;
     color: #afb1b2;
 }
@@ -41953,7 +42033,7 @@ select.k-picker-lg {
     border-color: #dee2e6;
     color: #212529;
     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 14px 36px 0px rgba(0, 0, 0, 0.168));
 }
 
 .k-actionsheet-subtitle {
@@ -42611,7 +42691,7 @@ kendo-drawer .k-drawer-wrapper {
     border-color: #dee2e6;
     color: #212529;
     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, 0px 6px 13px rgba(0, 0, 0, 0.125));
 }
 
 .k-notification-inverse {
@@ -43024,11 +43104,11 @@ kendo-card-footer {
 }
 
 .k-card:focus, .k-card.k-focus {
-    box-shadow: 0 0 0 3px rgba(222, 226, 230, 0.5);
+    box-shadow: var(--kendo-elevation-3, 0px 4px 10px rgba(0, 0, 0, 0.1));
 }
 
 .k-card.k-selected {
-    box-shadow: 0 0 0 3px rgba(222, 226, 230, 0.5);
+    box-shadow: var(--kendo-elevation-3, 0px 4px 10px rgba(0, 0, 0, 0.1));
 }
 
 .k-card-actions {
@@ -43157,7 +43237,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 0 0 3px rgba(222, 226, 230, 0.5);
+    box-shadow: var(--kendo-elevation-3, 0px 4px 10px rgba(0, 0, 0, 0.1));
 }
 
 .k-card-callout {
@@ -43342,7 +43422,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 6px 13px rgba(0, 0, 0, 0.125));
 }
 
 .k-bottom-nav-item {
@@ -44782,7 +44862,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, 0px 4px 10px rgba(0, 0, 0, 0.1));
 }
 
 .k-tabstrip-content,
@@ -45283,6 +45363,7 @@ kendo-card-footer {
 
 .k-splitter .k-pane {
     overflow: hidden;
+    box-sizing: border-box;
 }
 
 .k-splitter .k-scrollable {
@@ -45525,7 +45606,7 @@ kendo-card-footer {
 
 .k-tilelayout-item:focus,
 .k-tilelayout-item.k-focus {
-    box-shadow: 0 0 0 3px rgba(222, 226, 230, 0.5);
+    box-shadow: var(--kendo-elevation-3, 0px 4px 10px rgba(0, 0, 0, 0.1));
 }
 
 .k-layout-item-hint {
@@ -45533,6 +45614,260 @@ kendo-card-footer {
     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.5em;
+    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: 0.75rem;
+        padding-inline: 0.375rem;
+    }
+    .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: 0.5rem;
+    padding-inline: 1rem;
+    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: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    font-size: 1.25rem;
+    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: 0.5rem;
+    padding-inline: 1rem;
+    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: 0.875rem;
+    padding-block-end: 0.5rem;
+    padding-inline: 0.5rem;
+}
+
+.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: 0.25rem;
+    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: 0.375rem;
+    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: #e4e5e6;
+}
+
+.k-dock-manager-splitter .k-pane-header,
+.k-dock-manager-unpinned-container .k-pane-header {
+    background-color: #ffffff;
+}
+
+.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(13, 110, 253, 0.16);
+    border-color: #0d6efd;
+}
+
+.k-dock-indicator {
+    color: #0d6efd;
+    background-color: #ffffff;
+    outline-color: #0d6efd;
+    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: #0d6efd;
+    color: #ffffff;
+}
+
 .k-pane-wrapper {
     border-width: 1px;
     border-style: solid;
@@ -49829,19 +50164,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, 0px 4px 10px rgba(0, 0, 0, 0.1));
 }
 
 .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 4px 10px rgba(0, 0, 0, 0.1));
 }
 
 .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 4px 10px rgba(0, 0, 0, 0.1));
 }
 
 .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 4px 10px rgba(0, 0, 0, 0.1));
 }
 
 .k-pivot {
@@ -50601,7 +50936,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 }
 
 .k-taskboard-card:focus, .k-taskboard-card.k-focus {
-    box-shadow: 0 0 0 3px rgba(222, 226, 230, 0.5);
+    box-shadow: var(--kendo-elevation-3, 0px 4px 10px rgba(0, 0, 0, 0.1));
     border-color: #b6b9bd;
 }
 
@@ -53076,17 +53411,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;
@@ -53563,22 +53887,6 @@ kendo-scheduler .k-event .k-event-actions:first-child,
     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: #dee2e6;
     color: #212529;
@@ -53685,7 +53993,7 @@ kendo-scheduler .k-event .k-event-actions:first-child,
 .k-tooltip.k-scheduler-tooltip {
     color: #212529;
     background-color: white;
-    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
+    box-shadow: var(--kendo-elevation-2, 0px 2px 7px rgba(0, 0, 0, 0.075));
 }
 
 .k-tooltip.k-scheduler-tooltip .k-callout {
@@ -54796,7 +55104,7 @@ kendo-scheduler .k-event .k-event-actions:first-child,
 }
 
 .k-timeline-track-item.k-focus .k-timeline-circle {
-    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.5);
+    box-shadow: var(--kendo-elevation-2, 0px 2px 7px rgba(0, 0, 0, 0.075));
 }
 
 .k-pdf-viewer {
@@ -54840,18 +55148,17 @@ kendo-scheduler .k-event .k-event-actions:first-child,
     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;
 }
@@ -54885,10 +55192,6 @@ kendo-scheduler .k-event .k-event-actions:first-child,
     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;
 }
@@ -54911,50 +55214,43 @@ kendo-scheduler .k-event .k-event-actions:first-child,
     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.5em + -2.75rem + -4px);
     padding-block: 1rem;
     padding-inline: 0.5rem;
+    border-width: 1px;
+    border-style: solid;
+    border-radius: 0.25rem;
     display: flex;
     gap: 0.5rem;
     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: 0.5rem;
 }
 
-.k-pdf-viewer-canvas > .k-search-panel, .k-pdf-viewer-canvas > .k-search-container {
-    width: max-content;
-    margin-top: calc(-1.5em + -2.75rem + -4px);
-    border-width: 1px;
-    border-style: solid;
-    border-radius: 0.25rem;
-    z-index: 10;
-    cursor: default;
-}
-
 .k-pdf-viewer {
     border-color: #dee2e6;
     color: #212529;
@@ -54969,7 +55265,7 @@ kendo-scheduler .k-event .k-event-actions:first-child,
     border-color: #dee2e6;
     color: #212529;
     background-color: white;
-    box-shadow: 0 0 15px #dee2e6;
+    box-shadow: var(--kendo-elevation-3, 0px 4px 10px rgba(0, 0, 0, 0.1));
 }
 
 .k-pdf-viewer .k-blank-page > .k-icon,
@@ -54985,7 +55281,7 @@ kendo-scheduler .k-event .k-event-actions:first-child,
     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: #dee2e6;
     color: #212529;
     background-color: #ffffff;
@@ -56281,7 +56577,7 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
 }
 
 .k-orgchart-card:focus, .k-orgchart-card.k-focus {
-    box-shadow: 0 0 0 3px rgba(222, 226, 230, 0.5);
+    box-shadow: var(--kendo-elevation-3, 0px 4px 10px rgba(0, 0, 0, 0.1));
 }
 
 .k-orgchart-node-group-container {
@@ -56292,7 +56588,7 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
 
 .k-orgchart-node-group-container:focus,
 .k-orgchart-node-group-container.k-focus {
-    box-shadow: 0 0 0 3px rgba(222, 226, 230, 0.5);
+    box-shadow: var(--kendo-elevation-3, 0px 4px 10px rgba(0, 0, 0, 0.1));
 }
 
 .k-orgchart-node-group-subtitle {