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

package/dist/all.css

@@ -373,6 +373,18 @@ kendo-sortable {
     color: white;
 }
 
+:root {
+    --kendo-elevation-1: 0px 1px 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,
@@ -45526,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 {
@@ -50084,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 {
@@ -50856,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;
 }
 
@@ -53331,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;
@@ -53818,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;
@@ -53940,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 {
@@ -55051,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 {
@@ -55212,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,
@@ -56524,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 {
@@ -56535,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 {