@progress/kendo-theme-material 5.6.1-dev.4 → 5.6.1-dev.7

package/dist/all.css

@@ -3216,26 +3216,51 @@ kendo-sortable {
     position: static !important;
 }
 
+.\!k-static,
+.\!k-pos-static {
+    position: static !important;
+}
+
 .k-relative,
 .k-pos-relative {
     position: relative !important;
 }
 
+.\!k-relative,
+.\!k-pos-relative {
+    position: relative !important;
+}
+
 .k-absolute,
 .k-pos-absolute {
     position: absolute !important;
 }
 
+.\!k-absolute,
+.\!k-pos-absolute {
+    position: absolute !important;
+}
+
 .k-fixed,
 .k-pos-fixed {
     position: fixed !important;
 }
 
+.\!k-fixed,
+.\!k-pos-fixed {
+    position: fixed !important;
+}
+
 .k-sticky,
 .k-pos-sticky {
     position: sticky !important;
 }
 
+.\!k-sticky,
+.\!k-pos-sticky {
+    position: sticky !important;
+}
+
 .k-top,
 .k-pos-top {
     top: 0;
@@ -6563,23 +6588,32 @@ kendo-sortable {
 }
 
 .k-user-select-none {
-    user-select: none !important;
+    -webkit-user-select: none !important;
+        -ms-user-select: none !important;
+            user-select: none !important;
 }
 
 .k-user-select-auto {
-    user-select: auto !important;
+    -webkit-user-select: auto !important;
+        -ms-user-select: auto !important;
+            user-select: auto !important;
 }
 
 .k-user-select-text {
-    user-select: text !important;
+    -webkit-user-select: text !important;
+        -ms-user-select: text !important;
+            user-select: text !important;
 }
 
 .k-user-select-all {
-    user-select: all !important;
+    -webkit-user-select: all !important;
+            user-select: all !important;
 }
 
 .k-user-select-contain {
-    user-select: contain !important;
+    -webkit-user-select: contain !important;
+        -ms-user-select: element !important;
+            user-select: contain !important;
 }
 
 .k-cursor-auto {
@@ -11776,7 +11810,7 @@ kendo-sortable {
 
 .k-badge {
     padding: 0;
-    border-width: 0;
+    border-width: 1px;
     border-style: solid;
     border-color: transparent;
     box-sizing: border-box;
@@ -11825,92 +11859,38 @@ a.k-badge:hover,
 
 .k-badge-sm {
     padding: 2px 2px;
-    border-width: 1px;
     font-size: 10px;
     line-height: 1;
+    min-width: calc(1em + 6px);
 }
 
 .k-badge-sm:empty {
     padding: 2px;
+    min-width: auto;
 }
 
 .k-badge-md {
     padding: 4px 4px;
-    border-width: 1px;
-    font-size: 12px;
+    font-size: 10px;
     line-height: 1;
+    min-width: calc(1em + 10px);
 }
 
 .k-badge-md:empty {
     padding: 4px;
+    min-width: auto;
 }
 
 .k-badge-lg {
     padding: 6px 6px;
-    border-width: 1px;
-    font-size: 14px;
+    font-size: 10px;
     line-height: 1;
+    min-width: calc(1em + 14px);
 }
 
 .k-badge-lg:empty {
     padding: 6px;
-}
-
-.k-badge-rounded.k-badge-sm {
-    border-radius: 2px;
-}
-
-.k-badge-rounded.k-badge-md {
-    border-radius: 4px;
-}
-
-.k-badge-rounded.k-badge-lg {
-    border-radius: 6px;
-}
-
-.k-badge-pill {
-    border-radius: 5rem;
-}
-
-.k-badge-circle {
-    padding: 0 !important;
-    border-radius: 100%;
-}
-
-.k-badge-circle.k-badge-sm {
-    width: calc( 1em + 4px + 2px);
-    height: calc( 1em + 4px + 2px);
-}
-
-.k-badge-circle.k-badge-md {
-    width: calc( 1em + 8px + 2px);
-    height: calc( 1em + 8px + 2px);
-}
-
-.k-badge-circle.k-badge-lg {
-    width: calc( 1em + 12px + 2px);
-    height: calc( 1em + 12px + 2px);
-}
-
-.k-badge-dot {
-    padding: 0 !important;
-    border-radius: 100%;
-    font-size: 0;
-}
-
-.k-badge-dot.k-badge-sm {
-    width: 6px;
-    height: 6px;
-}
-
-.k-badge-dot.k-badge-md {
-    width: 10px;
-    height: 10px;
-}
-
-.k-badge-dot.k-badge-lg {
-    width: 12px;
-    height: 12px;
+    min-width: auto;
 }
 
 kendo-badge-container {
@@ -12021,61 +12001,61 @@ kendo-badge-container {
     box-shadow: 0 0 0 2px white;
 }
 
-.k-badge-solid.k-badge-primary {
+.k-badge-solid-primary {
     border-color: #3f51b5;
     color: white;
     background-color: #3f51b5;
 }
 
-.k-badge-solid.k-badge-secondary {
+.k-badge-solid-secondary {
     border-color: #e51a5f;
     color: white;
     background-color: #e51a5f;
 }
 
-.k-badge-solid.k-badge-tertiary {
+.k-badge-solid-tertiary {
     border-color: #00695c;
     color: white;
     background-color: #00695c;
 }
 
-.k-badge-solid.k-badge-info {
+.k-badge-solid-info {
     border-color: #0058e9;
     color: white;
     background-color: #0058e9;
 }
 
-.k-badge-solid.k-badge-success {
+.k-badge-solid-success {
     border-color: #37b400;
     color: white;
     background-color: #37b400;
 }
 
-.k-badge-solid.k-badge-warning {
+.k-badge-solid-warning {
     border-color: #ffc000;
     color: black;
     background-color: #ffc000;
 }
 
-.k-badge-solid.k-badge-error {
+.k-badge-solid-error {
     border-color: #f31700;
     color: white;
     background-color: #f31700;
 }
 
-.k-badge-solid.k-badge-dark {
+.k-badge-solid-dark {
     border-color: #424242;
     color: white;
     background-color: #424242;
 }
 
-.k-badge-solid.k-badge-light {
+.k-badge-solid-light {
     border-color: #f5f5f5;
     color: black;
     background-color: #f5f5f5;
 }
 
-.k-badge-solid.k-badge-inverse {
+.k-badge-solid-inverse {
     border-color: #424242;
     color: white;
     background-color: #424242;
@@ -12086,43 +12066,43 @@ kendo-badge-container {
     background-color: white;
 }
 
-.k-badge-outline.k-badge-primary {
+.k-badge-outline-primary {
     color: #3f51b5;
 }
 
-.k-badge-outline.k-badge-secondary {
+.k-badge-outline-secondary {
     color: #e51a5f;
 }
 
-.k-badge-outline.k-badge-tertiary {
+.k-badge-outline-tertiary {
     color: #00695c;
 }
 
-.k-badge-outline.k-badge-info {
+.k-badge-outline-info {
     color: #0058e9;
 }
 
-.k-badge-outline.k-badge-success {
+.k-badge-outline-success {
     color: #37b400;
 }
 
-.k-badge-outline.k-badge-warning {
+.k-badge-outline-warning {
     color: #ffc000;
 }
 
-.k-badge-outline.k-badge-error {
+.k-badge-outline-error {
     color: #f31700;
 }
 
-.k-badge-outline.k-badge-dark {
+.k-badge-outline-dark {
     color: #424242;
 }
 
-.k-badge-outline.k-badge-light {
+.k-badge-outline-light {
     color: #f5f5f5;
 }
 
-.k-badge-outline.k-badge-inverse {
+.k-badge-outline-inverse {
     color: #424242;
 }
 
@@ -12141,7 +12121,9 @@ kendo-badge-container {
     justify-content: center;
     gap: 8px;
     vertical-align: middle;
-    user-select: none;
+    -webkit-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
     cursor: pointer;
     outline: none;
     -webkit-appearance: none;
@@ -12200,8 +12182,8 @@ kendo-badge-container {
 }
 
 .k-button-sm.k-icon-button > .k-button-icon {
-    min-width: calc( 14px * 1.4285714286);
-    min-height: calc( 14px * 1.4285714286);
+    min-width: 20.0000000004px;
+    min-height: 20.0000000004px;
 }
 
 .k-button-md {
@@ -12215,8 +12197,8 @@ kendo-badge-container {
 }
 
 .k-button-md.k-icon-button > .k-button-icon {
-    min-width: calc( 14px * 1.4285714286);
-    min-height: calc( 14px * 1.4285714286);
+    min-width: 20.0000000004px;
+    min-height: 20.0000000004px;
 }
 
 .k-button-lg {
@@ -12230,8 +12212,8 @@ kendo-badge-container {
 }
 
 .k-button-lg.k-icon-button > .k-button-icon {
-    min-width: calc( 14px * 1.4285714286);
-    min-height: calc( 14px * 1.4285714286);
+    min-width: 20.0000000004px;
+    min-height: 20.0000000004px;
 }
 
 .k-button-square {
@@ -13786,11 +13768,20 @@ kendo-badge-container {
     margin: 0;
 }
 
+.k-input:-ms-input-placeholder, .k-picker:-ms-input-placeholder {
+    color: rgba(0, 0, 0, 0.54);
+    opacity: 1;
+    -ms-user-select: none;
+        user-select: none;
+}
+
 .k-input::placeholder,
 .k-picker::placeholder {
     color: rgba(0, 0, 0, 0.54);
     opacity: 1;
-    user-select: none;
+    -webkit-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
 }
 
 .k-input:-ms-input-placeholder,
@@ -13880,10 +13871,19 @@ select.k-picker:disabled, select.k-picker[disabled] {
     display: none;
 }
 
+.k-input-inner:-ms-input-placeholder {
+    color: rgba(0, 0, 0, 0.54);
+    opacity: 1;
+    -ms-user-select: none;
+        user-select: none;
+}
+
 .k-input-inner::placeholder {
     color: rgba(0, 0, 0, 0.54);
     opacity: 1;
-    user-select: none;
+    -webkit-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
 }
 
 .k-input-inner:-ms-input-placeholder {
@@ -14135,14 +14135,14 @@ textarea.k-input-inner {
 .k-picker-sm .k-clear-value,
 .k-picker-sm .k-input-prefix > .k-icon,
 .k-picker-sm .k-input-suffix > .k-icon {
-    width: calc( 16px + 12px);
-    height: calc( 16px + 12px);
+    width: 28px;
+    height: 28px;
 }
 
 .k-input-sm.k-icon-picker .k-input-inner,
 .k-picker-sm.k-icon-picker .k-input-inner {
-    width: calc( 1.25em);
-    height: calc( 1.25em);
+    width: 1.25em;
+    height: 1.25em;
     padding: 6px;
     box-sizing: content-box;
 }
@@ -14198,14 +14198,14 @@ textarea.k-input-inner {
 .k-picker-md .k-clear-value,
 .k-picker-md .k-input-prefix > .k-icon,
 .k-picker-md .k-input-suffix > .k-icon {
-    width: calc( 16px + 16px);
-    height: calc( 16px + 16px);
+    width: 32px;
+    height: 32px;
 }
 
 .k-input-md.k-icon-picker .k-input-inner,
 .k-picker-md.k-icon-picker .k-input-inner {
-    width: calc( 1.25em);
-    height: calc( 1.25em);
+    width: 1.25em;
+    height: 1.25em;
     padding: 8px;
     box-sizing: content-box;
 }
@@ -14261,14 +14261,14 @@ textarea.k-input-inner {
 .k-picker-lg .k-clear-value,
 .k-picker-lg .k-input-prefix > .k-icon,
 .k-picker-lg .k-input-suffix > .k-icon {
-    width: calc( 16px + 16px);
-    height: calc( 16px + 16px);
+    width: 32px;
+    height: 32px;
 }
 
 .k-input-lg.k-icon-picker .k-input-inner,
 .k-picker-lg.k-icon-picker .k-input-inner {
-    width: calc( 1.5em);
-    height: calc( 1.5em);
+    width: 1.5em;
+    height: 1.5em;
     padding: 8px;
     box-sizing: content-box;
 }
@@ -14634,7 +14634,7 @@ textarea.k-input-inner {
 }
 
 .k-floating-label-container {
-    padding-top: calc( 1.25 * 16px);
+    padding-top: 20px;
     box-sizing: border-box;
     display: inline-flex;
     vertical-align: middle;
@@ -14656,8 +14656,8 @@ textarea.k-input-inner {
     white-space: nowrap;
     text-overflow: ellipsis;
     position: absolute;
-    top: calc( calc( 1.25 * 16px) + 1px + 8px);
-    left: calc( 16px + 1px);
+    top: 29px;
+    left: 17px;
     overflow: hidden;
     cursor: text;
     transform-origin: left center;
@@ -14670,8 +14670,8 @@ textarea.k-input-inner {
 }
 
 .k-floating-label-container.k-state-empty > .k-label, .k-floating-label-container.k-empty > .k-label {
-    top: calc( calc( 1.25 * 16px) + 1px + 8px);
-    left: calc( 16px + 1px);
+    top: 29px;
+    left: 17px;
     transform: scale(1);
     pointer-events: none;
 }
@@ -14690,6 +14690,10 @@ textarea.k-input-inner {
     transform: scale(0.75);
 }
 
+.k-floating-label-container.k-state-empty:not(.k-state-focused) :-ms-input-placeholder, .k-floating-label-container.k-empty:not(.k-focus):not(:focus-within) :-ms-input-placeholder {
+    color: transparent;
+}
+
 .k-floating-label-container.k-state-empty:not(.k-state-focused) ::placeholder,
 .k-floating-label-container.k-empty:not(.k-focus):not(:focus-within) ::placeholder {
     color: transparent;
@@ -14705,7 +14709,7 @@ textarea.k-input-inner {
 .k-rtl .k-floating-label-container.k-state-empty > .k-label,
 .k-rtl .k-floating-label-container.k-empty > .k-label, .k-floating-label-container[dir="rtl"].k-state-empty > .k-label, .k-floating-label-container[dir="rtl"].k-empty > .k-label {
     left: auto;
-    right: calc( 16px + 1px);
+    right: 17px;
 }
 
 [dir="rtl"] .k-floating-label-container > .k-label,
@@ -15319,7 +15323,9 @@ textarea.k-input-inner {
     position: relative;
     overflow: hidden;
     cursor: pointer;
-    user-select: none;
+    -webkit-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
 }
 
 .k-chip *,
@@ -15862,7 +15868,7 @@ textarea.k-input-inner {
 }
 
 .k-icon-color-preview .k-color-preview-mask {
-    width: calc( 16px - 2px);
+    width: 14px;
     height: 2px;
 }
 
@@ -16025,32 +16031,32 @@ textarea.k-input-inner {
     top: 100%;
     left: 0;
     animation: spinner-3-segment 2s ease infinite;
-    animation-delay: calc( -2s / 3);
+    animation-delay: -0.6666666667s;
 }
 
 .k-loader-spinner-3 .k-loader-segment:nth-child(3) {
     top: 100%;
     left: 100%;
     animation: spinner-3-segment 2s ease infinite;
-    animation-delay: calc( -4s / 3);
+    animation-delay: -1.3333333333s;
 }
 
 .k-loader-spinner-3.k-loader-sm .k-loader-canvas {
     margin: 2px;
-    width: calc( 16px - 4px);
-    height: calc( 13.8564064608px - 4px);
+    width: 12px;
+    height: 9.8564064608px;
 }
 
 .k-loader-spinner-3.k-loader-md .k-loader-canvas {
     margin: 4px;
-    width: calc( 32px - 8px);
-    height: calc( 27.7128129216px - 8px);
+    width: 24px;
+    height: 19.7128129216px;
 }
 
 .k-loader-spinner-3.k-loader-lg .k-loader-canvas {
     margin: 8px;
-    width: calc( 64px - 16px);
-    height: calc( 55.4256258432px - 16px);
+    width: 48px;
+    height: 39.4256258432px;
 }
 
 @keyframes spinner-4-segment-1 {
@@ -16430,7 +16436,9 @@ textarea.k-input-inner {
     flex-flow: column nowrap;
     flex: none;
     position: relative;
-    user-select: none;
+    -webkit-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
 }
 
 .k-menu-item-content {
@@ -16502,12 +16510,12 @@ textarea.k-input-inner {
 
 .k-menu-vertical > .k-menu-item > .k-menu-link {
     padding: 8px 16px;
-    padding-right: calc( 32px + 16px);
+    padding-right: 48px;
 }
 
 .k-menu-vertical > .k-menu-item > .k-menu-link > .k-menu-expand-arrow {
     margin-inline-start: 16px;
-    margin-inline-end: calc( -1 * (calc( 32px + 16px) - 8px));
+    margin-inline-end: -40px;
 }
 
 .k-menu-vertical > .k-separator {
@@ -16571,12 +16579,12 @@ textarea.k-input-inner {
 
 .k-menu-group-sm .k-menu-link {
     padding: 6px 16px;
-    padding-inline-end: calc( 32px + 16px);
+    padding-inline-end: 48px;
 }
 
 .k-menu-group-sm .k-menu-expand-arrow {
     margin-inline-start: 16px;
-    margin-inline-end: calc( -1 * (calc( 32px + 16px) - 8px));
+    margin-inline-end: -40px;
 }
 
 .k-menu-group-md {
@@ -16591,12 +16599,12 @@ textarea.k-input-inner {
 
 .k-menu-group-md .k-menu-link {
     padding: 8px 16px;
-    padding-inline-end: calc( 32px + 16px);
+    padding-inline-end: 48px;
 }
 
 .k-menu-group-md .k-menu-expand-arrow {
     margin-inline-start: 16px;
-    margin-inline-end: calc( -1 * (calc( 32px + 16px) - 8px));
+    margin-inline-end: -40px;
 }
 
 .k-menu-group-lg {
@@ -16611,12 +16619,12 @@ textarea.k-input-inner {
 
 .k-menu-group-lg .k-menu-link {
     padding: 10px 16px;
-    padding-inline-end: calc( 32px + 16px);
+    padding-inline-end: 48px;
 }
 
 .k-menu-group-lg .k-menu-expand-arrow {
     margin-inline-start: 16px;
-    margin-inline-end: calc( -1 * (calc( 32px + 16px) - 8px));
+    margin-inline-end: -40px;
 }
 
 .k-popups-wrapper {
@@ -16716,13 +16724,13 @@ textarea.k-input-inner {
 .k-rtl .k-menu-vertical > .k-menu-item > .k-menu-link,
 [dir="rtl"] .k-menu-vertical > .k-menu-item > .k-menu-link {
     padding-right: 16px;
-    padding-left: calc( 32px + 16px);
+    padding-left: 48px;
 }
 
 .k-rtl .k-menu-group .k-menu-link,
 [dir="rtl"] .k-menu-group .k-menu-link {
     padding-right: 16px;
-    padding-left: calc( 32px + 16px);
+    padding-left: 48px;
 }
 
 .k-menu:not(.k-context-menu) > .k-menu-item {
@@ -16734,11 +16742,11 @@ textarea.k-input-inner {
 }
 
 .k-menu-scroll-wrapper.horizontal .k-menu-scroll-button {
-    width: calc( 2em + 4px);
+    width: calc(2em + 4px);
 }
 
 .k-menu-scroll-wrapper.vertical .k-menu-scroll-button {
-    height: calc( 2em + 4px);
+    height: calc(2em + 4px);
 }
 
 .k-menu:not(.k-context-menu) {
@@ -16845,7 +16853,7 @@ textarea.k-input-inner {
 
 .k-toolbar::before {
     content: "";
-    height: calc( 1.4285714286em + 16px + 2px);
+    height: calc(1.4285714286em + 18px);
     margin-inline-start: -8px;
 }
 
@@ -16913,6 +16921,11 @@ textarea.k-input-inner {
     align-items: center;
 }
 
+.k-toolbar .k-toolbar-item:focus {
+    text-decoration: none;
+    outline: 0;
+}
+
 .k-toolbar-group {
     display: flex;
     flex-direction: inherit;
@@ -17372,7 +17385,7 @@ kendo-label > .k-label {
 }
 
 .k-form-horizontal .k-form-field-wrap {
-    max-width: calc( ( 100% - 25% ) - 10px);
+    max-width: calc(75% - 10px);
     flex: 1 1 auto;
 }
 
@@ -17439,7 +17452,7 @@ kendo-label > .k-label {
     width: 25%;
     text-align: right;
     line-height: 2;
-    padding: calc( 4px + 1px) 0;
+    padding: 5px 0;
     padding-right: 24px;
     align-self: center;
 }
@@ -17488,7 +17501,7 @@ kendo-label > .k-label {
 
 .k-edit-label {
     margin: 0 0 1em 0;
-    padding: calc( 8px + 1px) 0;
+    padding: 9px 0;
     width: 30%;
     line-height: 2;
     text-align: right;
@@ -17505,7 +17518,7 @@ kendo-label > .k-label {
 }
 
 .k-edit-field.k-no-editor {
-    padding: calc( 8px + 1px) 0;
+    padding: 9px 0;
 }
 
 .k-edit-field > .k-widget {
@@ -17761,7 +17774,7 @@ kendo-label > .k-label {
 }
 
 .k-validator-tooltip {
-    margin-top: calc( 6px + 0px);
+    margin-top: 6px;
     width: auto;
     white-space: normal;
     display: flex;
@@ -18052,13 +18065,13 @@ kendo-label > .k-label {
 .k-progressbar-horizontal > .k-state-selected,
 .k-progressbar-horizontal > .k-selected {
     width: 0;
-    width: calc( var( --kendo-progressbar-progress, 0 ) * 1%);
+    width: calc(var( --kendo-progressbar-progress, 0 )*1%);
     flex-direction: row;
 }
 
 .k-progressbar-horizontal > .k-state-selected > .k-progress-status-wrap,
 .k-progressbar-horizontal > .k-selected > .k-progress-status-wrap {
-    width: calc( 100% * ( 100 / var( --kendo-progressbar-progress, 1 ) ));
+    width: calc(100%*(100/var( --kendo-progressbar-progress, 1 )));
 }
 
 .k-progressbar-horizontal > ul {
@@ -18089,13 +18102,14 @@ kendo-label > .k-label {
 }
 
 .k-progressbar-vertical .k-progress-status {
-    writing-mode: vertical-lr;
+    -ms-writing-mode: tb-lr;
+        writing-mode: vertical-lr;
 }
 
 .k-progressbar-vertical > .k-state-selected,
 .k-progressbar-vertical > .k-selected {
     height: 0;
-    height: calc( var( --kendo-progressbar-progress, 0 ) * 1%);
+    height: calc(var( --kendo-progressbar-progress, 0 )*1%);
     flex-direction: column-reverse;
     align-self: flex-end;
     align-items: flex-end;
@@ -18103,7 +18117,7 @@ kendo-label > .k-label {
 
 .k-progressbar-vertical > .k-state-selected > .k-progress-status-wrap,
 .k-progressbar-vertical > .k-selected > .k-progress-status-wrap {
-    height: calc( 100% * ( 100 / var( --kendo-progressbar-progress, 1 ) ));
+    height: calc(100%*(100/var( --kendo-progressbar-progress, 1 )));
 }
 
 .k-progressbar-vertical > ul {
@@ -18717,7 +18731,7 @@ kendo-label > .k-label {
 .k-slider {
     width: min-content;
     height: min-content;
-    gap: calc( 14px / 2);
+    gap: 7px;
 }
 
 .k-slider .k-button {
@@ -18740,7 +18754,9 @@ kendo-label > .k-label {
     display: flex;
     flex-flow: inherit;
     justify-content: space-between;
-    user-select: none;
+    -webkit-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
 }
 
 .k-slider .k-slider-track-wrap .k-tick {
@@ -18780,31 +18796,31 @@ kendo-label > .k-label {
 }
 
 .k-slider-horizontal .k-slider-track-wrap .k-slider-selection {
-    width: calc( (var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0)) * 1%);
-    left: calc( var(--kendo-slider-start, 0) * 1%);
+    width: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%);
+    left: calc(var(--kendo-slider-start, 0)*1%);
 }
 
 .k-slider-horizontal .k-slider-track-wrap .k-draghandle-start {
-    left: calc( var(--kendo-slider-start, 0) * 1%);
+    left: calc(var(--kendo-slider-start, 0)*1%);
 }
 
 .k-slider-horizontal .k-slider-track-wrap .k-draghandle-end {
-    left: calc( var(--kendo-slider-end, 0) * 1%);
+    left: calc(var(--kendo-slider-end, 0)*1%);
 }
 
 [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-slider-selection {
     left: unset;
-    right: calc( var(--kendo-slider-start, 0) * 1%);
+    right: calc(var(--kendo-slider-start, 0)*1%);
 }
 
 [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle-start {
     left: unset;
-    right: calc( var(--kendo-slider-start, 0) * 1%);
+    right: calc(var(--kendo-slider-start, 0)*1%);
 }
 
 [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle-end {
     left: unset;
-    right: calc( var(--kendo-slider-end, 0) * 1%);
+    right: calc(var(--kendo-slider-end, 0)*1%);
 }
 
 [dir="rtl"] .k-slider-horizontal .k-slider-track-wrap .k-draghandle {
@@ -18835,16 +18851,16 @@ kendo-label > .k-label {
 }
 
 .k-slider-vertical .k-slider-track-wrap .k-slider-selection {
-    bottom: calc( var(--kendo-slider-start, 0) * 1%);
-    height: calc( (var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0)) * 1%);
+    bottom: calc(var(--kendo-slider-start, 0)*1%);
+    height: calc((var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0))*1%);
 }
 
 .k-slider-vertical .k-slider-track-wrap .k-draghandle-start {
-    bottom: calc( var(--kendo-slider-start, 0) * 1%);
+    bottom: calc(var(--kendo-slider-start, 0)*1%);
 }
 
 .k-slider-vertical .k-slider-track-wrap .k-draghandle-end {
-    bottom: calc( var(--kendo-slider-end, 0) * 1%);
+    bottom: calc(var(--kendo-slider-end, 0)*1%);
 }
 
 .k-slider-vertical {
@@ -19072,12 +19088,12 @@ kendo-label > .k-label {
     left: auto;
 }
 
-.k-rtl .k-slider-horizontal .k-button .k-i-arrow-e,
-.k-rtl .k-slider-horizontal .k-button .k-i-arrow-w, .k-slider-horizontal.k-rtl .k-button .k-i-arrow-e,
-.k-slider-horizontal.k-rtl .k-button .k-i-arrow-w,
-[dir="rtl"] .k-slider-horizontal .k-button .k-i-arrow-e,
-[dir="rtl"] .k-slider-horizontal .k-button .k-i-arrow-w, .k-slider-horizontal[dir="rtl"] .k-button .k-i-arrow-e,
-.k-slider-horizontal[dir="rtl"] .k-button .k-i-arrow-w {
+.k-rtl .k-slider-horizontal .k-button-increase .k-icon,
+.k-rtl .k-slider-horizontal .k-button-decrease .k-icon, .k-slider-horizontal.k-rtl .k-button-increase .k-icon,
+.k-slider-horizontal.k-rtl .k-button-decrease .k-icon,
+[dir="rtl"] .k-slider-horizontal .k-button-increase .k-icon,
+[dir="rtl"] .k-slider-horizontal .k-button-decrease .k-icon, .k-slider-horizontal[dir="rtl"] .k-button-increase .k-icon,
+.k-slider-horizontal[dir="rtl"] .k-button-decrease .k-icon {
     transform: scaleX(-1);
 }
 
@@ -19163,13 +19179,13 @@ kendo-label > .k-label {
 }
 
 .k-slider-horizontal .k-slider-wrap:not(.k-slider-buttons) {
-    padding-left: calc( 14px / 2);
-    padding-right: calc( 14px / 2);
+    padding-left: 7px;
+    padding-right: 7px;
 }
 
 .k-slider-vertical .k-slider-wrap:not(.k-slider-buttons) {
-    padding-top: calc( 14px / 2);
-    padding-bottom: calc( 14px / 2);
+    padding-top: 7px;
+    padding-bottom: 7px;
 }
 
 .k-slider .k-tick {
@@ -19296,7 +19312,9 @@ kendo-label > .k-label {
     overflow: hidden;
     display: inline-flex;
     flex-flow: column nowrap;
-    user-select: none;
+    -webkit-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
     -webkit-touch-callout: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
@@ -20004,7 +20022,9 @@ kendo-label > .k-label {
     overflow: hidden;
     display: flex;
     flex-flow: column nowrap;
-    user-select: none;
+    -webkit-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
     -webkit-touch-callout: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
@@ -20048,12 +20068,12 @@ kendo-label > .k-label {
 .k-time-highlight,
 .k-time-list-highlight {
     width: 100%;
-    height: calc( 20px + 16px);
+    height: 36px;
     border-width: 1px 0px;
     border-style: solid;
     box-sizing: border-box;
     position: absolute;
-    top: calc( 50% + 9px);
+    top: calc(50% + 9px);
     left: 0;
     right: 0;
     transform: translateY(-50%);
@@ -20089,7 +20109,7 @@ kendo-label > .k-label {
     width: 100%;
     left: 0;
     pointer-events: none;
-    height: calc( 50% - calc( 20px + 16px)/2);
+    height: calc(50% - 18px);
     box-sizing: border-box;
     border-width: 0;
     border-style: solid;
@@ -20179,14 +20199,14 @@ kendo-label > .k-label {
 
 .k-time-separator {
     width: 0;
-    height: calc( 20px + 16px);
+    height: 36px;
     align-self: center;
     display: inline-flex;
     justify-content: center;
     align-items: center;
     position: relative;
     z-index: 11;
-    top: calc( 9px);
+    top: 9px;
 }
 
 .k-timeselector-sm {
@@ -20196,11 +20216,11 @@ kendo-label > .k-label {
 
 .k-timeselector-sm .k-time-highlight,
 .k-timeselector-sm .k-time-list-highlight {
-    height: calc( 20px + 12px);
+    height: 32px;
 }
 
 .k-timeselector-sm .k-time-separator {
-    height: calc( 20px + 12px);
+    height: 32px;
 }
 
 .k-timeselector-sm .k-time-list-item,
@@ -20215,11 +20235,11 @@ kendo-label > .k-label {
 
 .k-timeselector-md .k-time-highlight,
 .k-timeselector-md .k-time-list-highlight {
-    height: calc( 20px + 16px);
+    height: 36px;
 }
 
 .k-timeselector-md .k-time-separator {
-    height: calc( 20px + 16px);
+    height: 36px;
 }
 
 .k-timeselector-md .k-time-list-item,
@@ -20234,11 +20254,11 @@ kendo-label > .k-label {
 
 .k-timeselector-lg .k-time-highlight,
 .k-timeselector-lg .k-time-list-highlight {
-    height: calc( 24px + 16px);
+    height: 40px;
 }
 
 .k-timeselector-lg .k-time-separator {
-    height: calc( 24px + 16px);
+    height: 40px;
 }
 
 .k-timeselector-lg .k-time-list-item,
@@ -20442,7 +20462,9 @@ kendo-label > .k-label {
     border-radius: 4px;
     position: relative;
     flex: 1 1 auto;
-    user-select: none;
+    -webkit-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
     -ms-touch-action: pinch-zoom double-tap-zoom;
 }
 
@@ -20570,7 +20592,7 @@ kendo-label > .k-label {
     vertical-align: middle;
 }
 
-.k-colorgradient-color-contrast .k-contrast-validation .k-i-check + .k-i-check {
+.k-colorgradient-color-contrast .k-contrast-validation .k-icon + .k-icon {
     margin-left: -13px;
 }
 
@@ -20689,7 +20711,7 @@ kendo-label > .k-label {
 }
 
 .k-coloreditor-views {
-    min-width: calc( var(--kendo-color-preview-width, 24px) * var(--kendo-color-preview-columns, 10));
+    min-width: calc(var(--kendo-color-preview-width, 24px)*var(--kendo-color-preview-columns, 10));
     padding: 12px 12px;
     gap: 12px;
 }
@@ -20738,7 +20760,7 @@ kendo-label > .k-label {
 }
 
 .k-datetime-wrap {
-    width: calc( 288px + 32px);
+    width: 320px;
     overflow: hidden;
 }
 
@@ -20755,7 +20777,7 @@ kendo-label > .k-label {
 .k-datetime-calendar-wrap,
 .k-datetime-time-wrap {
     text-align: center;
-    flex: 0 0 calc( 288px + 32px);
+    flex: 0 0 320px;
 }
 
 .k-date-tab .k-datetime-selector {
@@ -21175,7 +21197,9 @@ kendo-label > .k-label {
     line-height: 1;
     position: relative;
     cursor: pointer;
-    user-select: none;
+    -webkit-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
     -webkit-touch-callout: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
@@ -21255,11 +21279,11 @@ kendo-label > .k-label {
 }
 
 .k-switch-sm.k-switch-on .k-switch-thumb-wrap {
-    left: calc( 100% - 8px - -2px);
+    left: calc(100% - 6px);
 }
 
 .k-switch-sm.k-switch-off .k-switch-thumb-wrap {
-    left: calc( 8px + -2px);
+    left: 6px;
 }
 
 .k-switch-sm[dir="rtl"] .k-switch-label-on,
@@ -21279,13 +21303,13 @@ kendo-label > .k-label {
 .k-switch-sm[dir="rtl"].k-switch-on .k-switch-thumb-wrap,
 [dir="rtl"] .k-switch-sm.k-switch-on .k-switch-thumb-wrap,
 .k-rtl .k-switch-sm.k-switch-on .k-switch-thumb-wrap {
-    left: calc( 8px + -2px);
+    left: 6px;
 }
 
 .k-switch-sm[dir="rtl"].k-switch-off .k-switch-thumb-wrap,
 [dir="rtl"] .k-switch-sm.k-switch-off .k-switch-thumb-wrap,
 .k-rtl .k-switch-sm.k-switch-off .k-switch-thumb-wrap {
-    left: calc( 100% - 8px - -2px);
+    left: calc(100% - 6px);
 }
 
 .k-switch-md {
@@ -21312,11 +21336,11 @@ kendo-label > .k-label {
 }
 
 .k-switch-md.k-switch-on .k-switch-thumb-wrap {
-    left: calc( 100% - 10px - -3px);
+    left: calc(100% - 7px);
 }
 
 .k-switch-md.k-switch-off .k-switch-thumb-wrap {
-    left: calc( 10px + -3px);
+    left: 7px;
 }
 
 .k-switch-md[dir="rtl"] .k-switch-label-on,
@@ -21336,13 +21360,13 @@ kendo-label > .k-label {
 .k-switch-md[dir="rtl"].k-switch-on .k-switch-thumb-wrap,
 [dir="rtl"] .k-switch-md.k-switch-on .k-switch-thumb-wrap,
 .k-rtl .k-switch-md.k-switch-on .k-switch-thumb-wrap {
-    left: calc( 10px + -3px);
+    left: 7px;
 }
 
 .k-switch-md[dir="rtl"].k-switch-off .k-switch-thumb-wrap,
 [dir="rtl"] .k-switch-md.k-switch-off .k-switch-thumb-wrap,
 .k-rtl .k-switch-md.k-switch-off .k-switch-thumb-wrap {
-    left: calc( 100% - 10px - -3px);
+    left: calc(100% - 7px);
 }
 
 .k-switch-lg {
@@ -21369,11 +21393,11 @@ kendo-label > .k-label {
 }
 
 .k-switch-lg.k-switch-on .k-switch-thumb-wrap {
-    left: calc( 100% - 12px - -4px);
+    left: calc(100% - 8px);
 }
 
 .k-switch-lg.k-switch-off .k-switch-thumb-wrap {
-    left: calc( 12px + -4px);
+    left: 8px;
 }
 
 .k-switch-lg[dir="rtl"] .k-switch-label-on,
@@ -21393,13 +21417,13 @@ kendo-label > .k-label {
 .k-switch-lg[dir="rtl"].k-switch-on .k-switch-thumb-wrap,
 [dir="rtl"] .k-switch-lg.k-switch-on .k-switch-thumb-wrap,
 .k-rtl .k-switch-lg.k-switch-on .k-switch-thumb-wrap {
-    left: calc( 12px + -4px);
+    left: 8px;
 }
 
 .k-switch-lg[dir="rtl"].k-switch-off .k-switch-thumb-wrap,
 [dir="rtl"] .k-switch-lg.k-switch-off .k-switch-thumb-wrap,
 .k-rtl .k-switch-lg.k-switch-off .k-switch-thumb-wrap {
-    left: calc( 100% - 12px - -4px);
+    left: calc(100% - 8px);
 }
 
 .k-switch[dir="rtl"] .k-switch-thumb,
@@ -21622,7 +21646,7 @@ kendo-label > .k-label {
 }
 
 .k-upload .k-upload-files .k-file {
-    padding: 16px 16px calc(16px + 2px);
+    padding: 16px 16px 18px;
     border-width: 0 0 1px;
     border-style: solid;
     outline: none;
@@ -21732,7 +21756,7 @@ kendo-label > .k-label {
 
 .k-upload .k-upload-files .k-file-invalid-extension-wrapper + .k-file-name-size-wrapper,
 .k-upload .k-upload-files .k-file-single > .k-file-extension-wrapper + .k-file-name-size-wrapper {
-    margin-left: calc( 24px + 1em);
+    margin-left: calc(24px + 1em);
     min-height: 38px;
     display: block;
     overflow: hidden;
@@ -21740,7 +21764,7 @@ kendo-label > .k-label {
 
 .k-upload .k-upload-files .k-multiple-files-invalid-extension-wrapper + .k-file-name-size-wrapper,
 .k-upload .k-upload-files .k-multiple-files-extension-wrapper + .k-file-name-size-wrapper {
-    margin-left: calc( 24px + 1em);
+    margin-left: calc(24px + 1em);
 }
 
 .k-upload .k-upload-files .k-file-extension-wrapper + .k-file-name-size-wrapper {
@@ -21858,7 +21882,7 @@ kendo-label > .k-label {
     height: 2px;
     position: absolute;
     bottom: 8px;
-    width: calc(100% - 16px * 2);
+    width: calc(100% - 32px);
 }
 
 .k-upload .k-progressbar .k-progress {
@@ -23043,7 +23067,7 @@ kendo-label > .k-label {
 
 .k-window-actions {
     margin: -5em 0;
-    margin-inline-end: calc( 16px - 24px);
+    margin-inline-end: -8px;
     line-height: 1;
     display: flex;
     flex-flow: row nowrap;
@@ -23402,7 +23426,7 @@ kendo-drawer .k-drawer-wrapper {
 }
 
 .k-drawer-mini .k-drawer-wrapper {
-    width: calc(2 * 16px + 16px);
+    width: 48px;
 }
 
 .k-rtl.k-drawer-mini .k-drawer-start,
@@ -23577,7 +23601,8 @@ kendo-drawer .k-drawer-wrapper {
     flex: none;
 }
 
-.k-notification-wrap > .k-i-close {
+.k-notification-wrap > .k-i-close,
+.k-notification-wrap > .k-i-x {
     margin-right: 0;
     margin-left: 8px;
     flex: none;
@@ -23595,7 +23620,9 @@ kendo-drawer .k-drawer-wrapper {
 }
 
 .k-rtl .k-notification .k-notification-wrap > .k-i-close,
-[dir="rtl"] .k-notification .k-notification-wrap > .k-i-close {
+.k-rtl .k-notification .k-notification-wrap > .k-i-x,
+[dir="rtl"] .k-notification .k-notification-wrap > .k-i-close,
+[dir="rtl"] .k-notification .k-notification-wrap > .k-i-x {
     margin-left: 0;
     margin-right: 8px;
 }
@@ -23606,7 +23633,8 @@ kendo-drawer .k-drawer-wrapper {
     background-color: white;
 }
 
-.k-notification-wrap > .k-i-close {
+.k-notification-wrap > .k-i-close,
+.k-notification-wrap > .k-i-x {
     color: inherit;
 }
 
@@ -23706,10 +23734,11 @@ kendo-card-footer {
 }
 
 .k-card > .k-card-inner {
-    border-radius: calc( 4px - 0px);
+    border-radius: 4px;
     display: flex;
     flex-direction: inherit;
     overflow: hidden;
+    position: relative;
 }
 
 .k-card-horizontal {
@@ -23975,7 +24004,7 @@ kendo-card-footer {
     margin: 0;
     width: 20px;
     height: 20px;
-    border-width: 0px 0px 0 0;
+    border-width: 0px;
     border-style: solid;
     box-sizing: border-box;
     position: absolute;
@@ -23984,25 +24013,25 @@ kendo-card-footer {
 .k-card-callout.k-callout-n {
     top: 0;
     left: 50%;
-    transform: translate(-50%, -50%) rotate(-45deg);
+    transform: translate(-50%, -50%) rotate(45deg);
 }
 
 .k-card-callout.k-callout-e {
     top: 50%;
     right: 0;
-    transform: translate(50%, -50%) rotate(135deg) scaleX(-1);
+    transform: translate(50%, -50%) rotate(-45deg);
 }
 
 .k-card-callout.k-callout-s {
     bottom: 0;
     left: 50%;
-    transform: translate(-50%, 50%) rotate(135deg);
+    transform: translate(-50%, 50%) rotate(45deg);
 }
 
 .k-card-callout.k-callout-w {
     top: 50%;
     left: 0;
-    transform: translate(-50%, -50%) rotate(-135deg);
+    transform: translate(-50%, -50%) rotate(45deg);
 }
 
 .k-card-solid {
@@ -24024,6 +24053,11 @@ kendo-card-footer {
     box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
 }
 
+.k-card .k-card-inner {
+    background-color: inherit;
+    border-color: inherit;
+}
+
 .k-card:focus, .k-card.k-focus, .k-card.k-state-focus {
     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);
 }
@@ -24158,24 +24192,9 @@ kendo-card-footer {
 }
 
 .k-card-callout {
-    border-color: rgba(0, 0, 0, 0.12);
-    background-color: white;
-}
-
-.k-card-callout.k-callout-n {
-    box-shadow: 2px -2px 2px 0 rgba(0, 0, 0, 0.04);
-}
-
-.k-card-callout.k-callout-e {
-    box-shadow: -1px -3px 1px -2px rgba(0, 0, 0, 0.2), 0 -2px 2px -2px rgba(0, 0, 0, 0.14), 1px -2px 2px -1px rgba(0, 0, 0, 0.12);
-}
-
-.k-card-callout.k-callout-s {
-    box-shadow: 2px -2px 2px 0 rgba(0, 0, 0, 0.2), 0 -2px 2px -3px rgba(0, 0, 0, 0.14), 1px -2px 2px -1px rgba(0, 0, 0, 0.12);
-}
-
-.k-card-callout.k-callout-w {
-    box-shadow: -1px -3px 1px -2px rgba(0, 0, 0, 0.2), 0 -2px 2px -2px rgba(0, 0, 0, 0.14), 1px -2px 2px -1px rgba(0, 0, 0, 0.12);
+    border-color: inherit;
+    background-color: inherit;
+    box-shadow: inherit;
 }
 
 .k-popover {
@@ -24201,6 +24220,11 @@ kendo-card-footer {
     box-sizing: border-box;
 }
 
+.k-popover-inner {
+    position: relative;
+    border-radius: inherit;
+}
+
 .k-popover-header {
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
@@ -24221,7 +24245,7 @@ kendo-card-footer {
     margin: 0;
     width: 20px;
     height: 20px;
-    border-width: 1px 1px 0 0;
+    border-width: 1px;
     border-style: solid;
     position: absolute;
 }
@@ -24229,25 +24253,25 @@ kendo-card-footer {
 .k-popover-callout.k-callout-n {
     top: 0;
     left: 50%;
-    transform: translate(-50%, -50%) rotate(-45deg);
+    transform: translate(-50%, -50%) rotate(45deg);
 }
 
 .k-popover-callout.k-callout-e {
     top: 50%;
     right: 0;
-    transform: translate(50%, -50%) rotate(135deg) scaleX(-1);
+    transform: translate(50%, -50%) rotate(-45deg);
 }
 
 .k-popover-callout.k-callout-s {
     bottom: 0;
     left: 50%;
-    transform: translate(-50%, 50%) rotate(135deg);
+    transform: translate(-50%, 50%) rotate(45deg);
 }
 
 .k-popover-callout.k-callout-w {
     top: 50%;
     left: 0;
-    transform: translate(-50%, -50%) rotate(-135deg);
+    transform: translate(-50%, -50%) rotate(45deg);
 }
 
 .k-popover {
@@ -24257,29 +24281,19 @@ kendo-card-footer {
     background-color: white;
 }
 
-.k-popover-header {
-    border-color: rgba(0, 0, 0, 0.12);
+.k-popover-inner {
+    background-color: inherit;
+    border-color: inherit;
 }
 
-.k-popover-callout {
+.k-popover-header {
     border-color: rgba(0, 0, 0, 0.12);
-    background-color: white;
-}
-
-.k-popover-callout.k-callout-n {
-    box-shadow: 2px -2px 2px 0 rgba(0, 0, 0, 0.04);
-}
-
-.k-popover-callout.k-callout-e {
-    box-shadow: -1px -3px 1px -2px rgba(0, 0, 0, 0.2), 0 -2px 2px -2px rgba(0, 0, 0, 0.14), 1px -2px 2px -1px rgba(0, 0, 0, 0.12);
 }
 
-.k-popover-callout.k-callout-s {
-    box-shadow: 2px -2px 2px 0 rgba(0, 0, 0, 0.2), 0 -2px 2px -3px rgba(0, 0, 0, 0.14), 1px -2px 2px -1px rgba(0, 0, 0, 0.12);
-}
-
-.k-popover-callout.k-callout-w {
-    box-shadow: -1px -3px 1px -2px rgba(0, 0, 0, 0.2), 0 -2px 2px -2px rgba(0, 0, 0, 0.14), 1px -2px 2px -1px rgba(0, 0, 0, 0.12);
+.k-popover-callout {
+    border-color: inherit;
+    background-color: inherit;
+    box-shadow: inherit;
 }
 
 .k-rpanel-left,
@@ -24364,7 +24378,7 @@ kendo-card-footer {
 .k-bottom-nav-item {
     padding: 0 8px;
     min-width: 72px;
-    min-height: calc( 40px + 16px - 0px);
+    min-height: 56px;
     border-width: 0;
     box-sizing: border-box;
     font: inherit;
@@ -24864,6 +24878,10 @@ kendo-card-footer {
     z-index: 3;
 }
 
+.k-rtl .k-pager-wrap .k-i-caret-alt-to-left,
+.k-rtl .k-pager-wrap .k-i-caret-alt-to-right,
+.k-rtl .k-pager-wrap .k-i-caret-alt-left,
+.k-rtl .k-pager-wrap .k-i-caret-alt-right,
 .k-rtl .k-pager-wrap .k-i-arrow-end-left,
 .k-rtl .k-pager-wrap .k-i-arrow-60-left,
 .k-rtl .k-pager-wrap .k-i-arrow-60-right,
@@ -24871,7 +24889,11 @@ kendo-card-footer {
 .k-rtl .k-pager-wrap .k-i-seek-w,
 .k-rtl .k-pager-wrap .k-i-arrow-w,
 .k-rtl .k-pager-wrap .k-i-arrow-e,
-.k-rtl .k-pager-wrap .k-i-seek-e, .k-pager-wrap[dir="rtl"] .k-i-arrow-end-left,
+.k-rtl .k-pager-wrap .k-i-seek-e, .k-pager-wrap[dir="rtl"] .k-i-caret-alt-to-left,
+.k-pager-wrap[dir="rtl"] .k-i-caret-alt-to-right,
+.k-pager-wrap[dir="rtl"] .k-i-caret-alt-left,
+.k-pager-wrap[dir="rtl"] .k-i-caret-alt-right,
+.k-pager-wrap[dir="rtl"] .k-i-arrow-end-left,
 .k-pager-wrap[dir="rtl"] .k-i-arrow-60-left,
 .k-pager-wrap[dir="rtl"] .k-i-arrow-60-right,
 .k-pager-wrap[dir="rtl"] .k-i-arrow-end-right,
@@ -24879,6 +24901,10 @@ kendo-card-footer {
 .k-pager-wrap[dir="rtl"] .k-i-arrow-w,
 .k-pager-wrap[dir="rtl"] .k-i-arrow-e,
 .k-pager-wrap[dir="rtl"] .k-i-seek-e,
+[dir="rtl"] .k-pager-wrap .k-i-caret-alt-to-left,
+[dir="rtl"] .k-pager-wrap .k-i-caret-alt-to-right,
+[dir="rtl"] .k-pager-wrap .k-i-caret-alt-left,
+[dir="rtl"] .k-pager-wrap .k-i-caret-alt-right,
 [dir="rtl"] .k-pager-wrap .k-i-arrow-end-left,
 [dir="rtl"] .k-pager-wrap .k-i-arrow-60-left,
 [dir="rtl"] .k-pager-wrap .k-i-arrow-60-right,
@@ -24887,6 +24913,14 @@ kendo-card-footer {
 [dir="rtl"] .k-pager-wrap .k-i-arrow-w,
 [dir="rtl"] .k-pager-wrap .k-i-arrow-e,
 [dir="rtl"] .k-pager-wrap .k-i-seek-e, .k-rtl
+.k-pager .k-i-caret-alt-to-left,
+.k-rtl
+.k-pager .k-i-caret-alt-to-right,
+.k-rtl
+.k-pager .k-i-caret-alt-left,
+.k-rtl
+.k-pager .k-i-caret-alt-right,
+.k-rtl
 .k-pager .k-i-arrow-end-left,
 .k-rtl
 .k-pager .k-i-arrow-60-left,
@@ -24902,6 +24936,10 @@ kendo-card-footer {
 .k-pager .k-i-arrow-e,
 .k-rtl
 .k-pager .k-i-seek-e,
+.k-pager[dir="rtl"] .k-i-caret-alt-to-left,
+.k-pager[dir="rtl"] .k-i-caret-alt-to-right,
+.k-pager[dir="rtl"] .k-i-caret-alt-left,
+.k-pager[dir="rtl"] .k-i-caret-alt-right,
 .k-pager[dir="rtl"] .k-i-arrow-end-left,
 .k-pager[dir="rtl"] .k-i-arrow-60-left,
 .k-pager[dir="rtl"] .k-i-arrow-60-right,
@@ -24911,6 +24949,14 @@ kendo-card-footer {
 .k-pager[dir="rtl"] .k-i-arrow-e,
 .k-pager[dir="rtl"] .k-i-seek-e,
 [dir="rtl"]
+.k-pager .k-i-caret-alt-to-left,
+[dir="rtl"]
+.k-pager .k-i-caret-alt-to-right,
+[dir="rtl"]
+.k-pager .k-i-caret-alt-left,
+[dir="rtl"]
+.k-pager .k-i-caret-alt-right,
+[dir="rtl"]
 .k-pager .k-i-arrow-end-left,
 [dir="rtl"]
 .k-pager .k-i-arrow-60-left,
@@ -24938,8 +24984,8 @@ kendo-card-footer {
 }
 
 .k-pager-nav, .k-pager-numbers .k-link, .k-pager-refresh {
-    min-width: calc( 1.4285714286em + 16px + 2px);
-    height: calc( 1.4285714286em + 16px + 2px);
+    min-width: calc(1.4285714286em + 18px);
+    height: calc(1.4285714286em + 18px);
     color: inherit;
     text-align: center;
     display: inline-flex;
@@ -25081,7 +25127,7 @@ kendo-card-footer {
 .k-pager-sm .k-pager-numbers-wrap {
     margin-left: 8px;
     margin-right: 8px;
-    height: calc( 1.4285714286em + 16px + 2px);
+    height: calc(1.4285714286em + 18px);
     border-color: inherit;
 }
 
@@ -25261,10 +25307,10 @@ kendo-card-footer {
     pointer-events: none;
     display: none;
     position: absolute;
-    top: calc( -1 * calc( 1px + 3px));
-    right: calc( -1 * calc( 1px + 3px));
-    bottom: calc( -1 * calc( 1px + 3px));
-    left: calc( -1 * calc( 1px + 3px));
+    top: -4px;
+    right: -4px;
+    bottom: -4px;
+    left: -4px;
     z-index: 2;
 }
 
@@ -25290,7 +25336,7 @@ kendo-card-footer {
 }
 
 .k-stepper .k-step-label .k-step-text {
-    max-width: calc(10em - (16px + 8px));
+    max-width: calc(10em - 24px);
     flex-grow: 1;
     white-space: nowrap;
     text-overflow: ellipsis;
@@ -25361,13 +25407,13 @@ kendo-card-footer {
 }
 
 .k-step-list-horizontal .k-step-indicator + .k-step-label {
-    margin-top: calc(8px - 3px);
+    margin-top: 5px;
 }
 
 .k-step-list-horizontal ~ .k-progressbar {
     width: 100%;
     height: 2px;
-    top: calc(((28px + 2 * 2px) / 2) + 2px / 2);
+    top: 17px;
 }
 
 .k-step-list-vertical {
@@ -25375,7 +25421,7 @@ kendo-card-footer {
 }
 
 .k-step-list-vertical .k-step {
-    min-height: calc((28px + 2 * 1px + 2 * 2px) + 20px);
+    min-height: 54px;
 }
 
 .k-step-list-vertical .k-step-label {
@@ -25390,7 +25436,7 @@ kendo-card-footer {
     width: 2px;
     height: 100%;
     min-height: 20px;
-    left: calc((28px + 2 * 1px + 2 * 2px) / 2);
+    left: 17px;
 }
 
 .k-step-list-vertical .k-step-content {
@@ -25429,7 +25475,7 @@ kendo-card-footer {
 .k-rtl .k-stepper .k-step-list-vertical ~ .k-progressbar,
 .k-stepper[dir="rtl"] .k-step-list-vertical ~ .k-progressbar {
     left: auto;
-    right: calc((28px + 2 * 1px + 2 * 2px) / 2);
+    right: 17px;
 }
 
 .k-step-current .k-step-label {
@@ -25972,7 +26018,7 @@ kendo-card-footer {
 
 .k-wizard .k-wizard-step {
     box-sizing: border-box;
-    padding: calc(8px + 2px);
+    padding: 10px;
     width: 100%;
     display: flex;
     flex-direction: column;
@@ -26202,7 +26248,9 @@ kendo-card-footer {
     align-items: center;
     align-content: center;
     position: relative;
-    user-select: none;
+    -webkit-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
     cursor: default;
     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;
 }
@@ -26239,7 +26287,9 @@ kendo-card-footer {
     align-items: center;
     align-content: center;
     position: relative;
-    user-select: none;
+    -webkit-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
     cursor: default;
     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;
 }
@@ -26277,7 +26327,7 @@ kendo-card-footer {
 .k-panelbar .k-group .k-panelbar-expand,
 .k-panelbar .k-group .k-panelbar-collapse,
 .k-panelbar .k-panelbar-group .k-panelbar-toggle {
-    margin-inline-end: calc( 24px - 24px);
+    margin-inline-end: 0px;
 }
 
 .k-rtl .k-panelbar .k-group > .k-item.k-level-1 .k-link,
@@ -26321,7 +26371,7 @@ kendo-card-footer {
 .k-ie .k-group .k-panelbar-expand,
 .k-ie .k-group .k-panelbar-collapse,
 .k-ie .k-panelbar-group .k-panelbar-toggle {
-    margin-right: calc( 24px - 24px);
+    margin-right: 0px;
 }
 
 .k-rtl .k-ie .k-panelbar-expand,
@@ -26342,7 +26392,7 @@ kendo-card-footer {
 .k-ie.k-rtl .k-panelbar-group .k-panelbar-toggle, .k-ie[dir="rtl"] .k-group .k-panelbar-expand,
 .k-ie[dir="rtl"] .k-group .k-panelbar-collapse,
 .k-ie[dir="rtl"] .k-panelbar-group .k-panelbar-toggle {
-    margin-left: calc( 24px - 24px);
+    margin-left: 0px;
 }
 
 .k-panelbar {
@@ -26637,7 +26687,6 @@ kendo-card-footer {
     outline: 0;
     position: absolute;
     -webkit-user-select: none;
-    -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     display: flex;
@@ -26894,7 +26943,9 @@ kendo-card-footer {
 .k-pane-wrapper .k-pane {
     width: 100%;
     height: 100%;
-    user-select: none;
+    -webkit-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
     box-sizing: border-box;
     font-family: sans-serif;
     overflow-x: hidden;
@@ -26976,8 +27027,8 @@ kendo-card-footer {
 .k-grid-mobile .k-header a {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
-    -moz-user-select: none;
-    user-select: none;
+    -ms-user-select: none;
+        user-select: none;
     -webkit-user-drag: none;
     -moz-user-drag: none;
 }
@@ -27156,7 +27207,8 @@ kendo-card-footer {
     border-radius: 50%;
 }
 
-.k-scheduler-mobile .k-task .k-i-reload {
+.k-scheduler-mobile .k-task .k-i-reload,
+.k-scheduler-mobile .k-task .k-i-arrow-rotate-cw {
     font-size: 1em;
     margin-right: .5em;
 }
@@ -27176,7 +27228,8 @@ kendo-card-footer {
 .k-scheduler-mobile .k-scheduler-times .k-scheduler-groupcolumn .k-scheduler-group-text,
 .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-group-cell .k-scheduler-group-text,
 .k-scheduler-mobile .k-scheduler-agenda .k-scheduler-groupcolumn .k-scheduler-group-text {
-    writing-mode: vertical-lr;
+    -ms-writing-mode: tb-lr;
+        writing-mode: vertical-lr;
     transform: rotate(180deg);
     white-space: nowrap;
 }
@@ -27539,7 +27592,7 @@ kendo-card-footer {
 }
 
 .k-grid .k-grouping-row .k-icon {
-    margin-left: calc( 8px - 24px);
+    margin-left: -16px;
     margin-right: 8px;
     text-decoration: none;
 }
@@ -27708,7 +27761,7 @@ kendo-card-footer {
 .k-grid[dir="rtl"] .k-grid-header .k-filterable,
 .k-rtl .k-grid .k-grid-header .k-with-icon,
 .k-rtl .k-grid .k-grid-header .k-filterable {
-    padding-left: calc( calc( 1.4285714286em + 16px + 2px) + 14px);
+    padding-left: calc(1.4285714286em + 32px);
     padding-right: 24px;
 }
 
@@ -27766,7 +27819,7 @@ kendo-card-footer {
 .k-grid[dir="rtl"] .k-grouping-row .k-icon,
 .k-rtl .k-grid .k-grouping-row .k-icon {
     margin-left: 8px;
-    margin-right: calc( 8px - 24px);
+    margin-right: -16px;
 }
 
 .k-grid[dir="rtl"] .k-column-resizer,
@@ -27843,7 +27896,7 @@ kendo-card-footer {
 
 .k-grouping-header::before {
     content: "";
-    height: calc( 1.4285714286em + 16px + 2px);
+    height: calc(1.4285714286em + 18px);
     display: inline-block;
     vertical-align: middle;
 }
@@ -27873,7 +27926,7 @@ kendo-card-footer {
 }
 
 .k-group-indicator {
-    border-radius: calc( 14px + 8px);
+    border-radius: 22px;
     margin: 0;
     padding: 8px 16px;
     border-width: 1px;
@@ -27922,9 +27975,9 @@ kendo-card-footer {
 
 .k-grouping-dropclue {
     width: 12px;
-    height: calc( 28px + 8px);
+    height: 36px;
     position: absolute;
-    top: calc( ( calc( 1.4285714286em + 16px + 2px) + 16px - calc( 28px + 8px) ) / 2);
+    top: calc(0.7142857143em - 1px);
     box-sizing: content-box;
 }
 
@@ -27947,7 +28000,7 @@ kendo-card-footer {
     width: 2px;
     height: calc(100% - 6px);
     top: 6px;
-    left: calc( 6px - 1px);
+    left: 5px;
 }
 
 .k-grid-header-wrap,
@@ -28001,7 +28054,9 @@ div.k-grid-footer {
 }
 
 .k-grid-header.k-grid-draggable-header {
-    user-select: none;
+    -webkit-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
     touch-action: none;
 }
 
@@ -28036,12 +28091,12 @@ div.k-grid-footer {
 
 .k-grid-header .k-with-icon,
 .k-grid-header .k-filterable {
-    padding-right: calc( calc( 1.4285714286em + 16px + 2px) + 14px);
+    padding-right: calc(1.4285714286em + 32px);
 }
 
 .k-ie .k-grid-header .k-with-icon, .k-ie
 .k-grid-header .k-filterable {
-    padding-right: calc( calc( 1.4285714286em + 16px + 2px) + 14px);
+    padding-right: calc(1.4285714286em + 32px);
 }
 
 .k-grid-header .k-header > .k-link:focus {
@@ -28052,8 +28107,8 @@ div.k-grid-footer {
 .k-grid-header .k-header-column-menu,
 .k-grid-header .k-grid-header-menu {
     padding: 8px;
-    width: calc( 1.4285714286em + 16px + 2px);
-    height: calc( 1.4285714286em + 16px + 2px);
+    width: calc(1.4285714286em + 18px);
+    height: calc(1.4285714286em + 18px);
     box-sizing: border-box;
     outline: 0;
     line-height: 2;
@@ -28063,7 +28118,7 @@ div.k-grid-footer {
     justify-content: center;
     position: absolute;
     right: 14px;
-    bottom: calc( 16px + 1em - calc( 1.4285714286em + 16px)/2);
+    bottom: calc(8px + 0.2857142857em);
     z-index: 1;
 }
 
@@ -28073,7 +28128,7 @@ div.k-grid-footer {
     cursor: pointer;
 }
 
-.k-grid-header .k-cell-inner > .k-link > .k-icon.k-i-sort-desc-sm, .k-grid-header .k-cell-inner > .k-link > .k-icon.k-i-sort-asc-sm {
+.k-grid-header .k-cell-inner > .k-link > .k-icon.k-i-sort-desc-sm, .k-grid-header .k-cell-inner > .k-link > .k-icon.k-i-sort-asc-sm, .k-grid-header .k-cell-inner > .k-link > .k-icon.k-i-sort-asc-small, .k-grid-header .k-cell-inner > .k-link > .k-icon.k-i-sort-desc-small {
     vertical-align: text-top;
     margin-inline-start: 4px;
 }
@@ -28487,7 +28542,7 @@ div.k-grid-norecords {
 }
 
 .k-filterable > .k-cell-inner {
-    margin-inline-end: calc(-1 * calc( calc( 1.4285714286em + 16px + 2px) + 14px));
+    margin-inline-end: calc(-1.4285714286em + -32px);
 }
 
 .k-filterable > .k-cell-inner .k-link {
@@ -28809,7 +28864,9 @@ div.k-grid-norecords {
     display: flex;
     flex: 0 0 auto;
     position: relative;
-    user-select: none;
+    -webkit-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
 }
 
 .k-column-menu-group-header-text {
@@ -28903,8 +28960,8 @@ div.k-grid-norecords {
 
 .k-grouping-dropclue {
     width: 0;
-    height: calc( 28px + 8px);
-    top: calc( ( calc( 1.4285714286em + 16px + 2px) + 16px - calc( 28px + 8px) ) / 2);
+    height: 36px;
+    top: calc(0.7142857143em - 1px);
     border-style: solid;
     border-width: 0 2px 0 0;
 }
@@ -29080,6 +29137,8 @@ th.k-sorted {
 
 .k-grid-header .k-i-sort-asc-sm,
 .k-grid-header .k-i-sort-desc-sm,
+.k-grid-header .k-i-sort-asc-small,
+.k-grid-header .k-i-sort-desc-small,
 .k-grid-header .k-sort-order {
     color: rgba(0, 0, 0, 0.54);
 }
@@ -30022,7 +30081,6 @@ thead.k-grid-header > tr:not(:only-child) > th {
     border-color: inherit;
     box-sizing: border-box;
     -webkit-user-select: none;
-    -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     position: absolute;
@@ -30346,12 +30404,12 @@ thead.k-grid-header > tr:not(:only-child) > th {
 
 .k-spreadsheet-filter-menu > .k-menu .k-link,
 .k-spreadsheet-filter-menu > .k-menu.k-menu-vertical .k-link {
-    padding-left: calc( 16px + 8px);
+    padding-left: 24px;
 }
 
 .k-spreadsheet-filter-menu > .k-menu .k-icon,
 .k-spreadsheet-filter-menu > .k-menu.k-menu-vertical .k-icon {
-    margin-left: calc(-1 * ( 16px + 4px ));
+    margin-left: -20px;
     margin-right: 4px;
 }
 
@@ -31078,7 +31136,9 @@ thead.k-grid-header > tr:not(:only-child) > th {
     border-style: solid;
     box-sizing: border-box;
     cursor: pointer;
-    user-select: none;
+    -webkit-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
 }
 
 .k-flex-row .k-pivotgrid-configurator-button, .k-d-flex-row .k-pivotgrid-configurator-button,
@@ -31089,7 +31149,8 @@ thead.k-grid-header > tr:not(:only-child) > th {
 
 .k-flex-row .k-pivotgrid-configurator-button span, .k-d-flex-row .k-pivotgrid-configurator-button span,
 .k-flex-row-reverse .k-pivotgrid-configurator-button span {
-    writing-mode: vertical-rl;
+    -ms-writing-mode: tb-rl;
+        writing-mode: vertical-rl;
 }
 
 .k-flex-row .k-pivotgrid-configurator-button .k-icon, .k-d-flex-row .k-pivotgrid-configurator-button .k-icon,
@@ -31114,19 +31175,19 @@ thead.k-grid-header > tr:not(:only-child) > th {
 }
 
 .k-flex-row .k-pivotgrid-configurator-overlay, .k-d-flex-row .k-pivotgrid-configurator-overlay {
-    right: calc( 2em + 8px + 2px);
+    right: calc(2em + 10px);
 }
 
 .k-flex-row-reverse .k-pivotgrid-configurator-overlay {
-    left: calc( 2em + 8px + 2px);
+    left: calc(2em + 10px);
 }
 
 .k-flex-col .k-pivotgrid-configurator-overlay, .k-d-flex-col .k-pivotgrid-configurator-overlay, .k-flex-column .k-pivotgrid-configurator-overlay {
-    bottom: calc( 2em + 8px + 2px);
+    bottom: calc(2em + 10px);
 }
 
 .k-flex-col-reverse .k-pivotgrid-configurator-overlay, .k-flex-column-reverse .k-pivotgrid-configurator-overlay {
-    top: calc( 2em + 8px + 2px);
+    top: calc(2em + 10px);
 }
 
 .k-pivotgrid-configurator-header {
@@ -31922,7 +31983,7 @@ thead.k-grid-header > tr:not(:only-child) > th {
     content: "";
     position: absolute;
     width: 1px;
-    top: calc(-8px - 1px);
+    top: -9px;
     bottom: 50%;
     left: -8px;
 }
@@ -32109,7 +32170,7 @@ thead.k-grid-header > tr:not(:only-child) > th {
 .k-filemanager-preview {
     padding: 48px 16px 16px;
     width: 20%;
-    min-height: calc( 64px + 192px + 48px);
+    min-height: 304px;
     border-width: 0;
     border-left-width: 1px;
     border-style: solid;
@@ -32668,8 +32729,8 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
 
 .k-editor-toolbar .k-tool {
     padding: 8px;
-    width: calc( 1.4285714286em + 16px + 2px);
-    height: calc( 1.4285714286em + 16px + 2px);
+    width: calc(1.4285714286em + 18px);
+    height: calc(1.4285714286em + 18px);
 }
 
 .k-editor-toolbar .k-tool-text {
@@ -32731,7 +32792,9 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
     float: left;
     opacity: 1;
     cursor: text;
-    user-select: none;
+    -webkit-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
 }
 
 td.k-editor-content {
@@ -32791,7 +32854,8 @@ td.k-editor-content {
     cursor: se-resize;
 }
 
-.k-editor .k-resize-handle .k-i-arrow-45-down-right {
+.k-editor .k-resize-handle .k-i-arrow-45-down-right,
+.k-editor .k-resize-handle .k-i-caret-br {
     display: none;
 }
 
@@ -32841,7 +32905,7 @@ td.k-editor-content {
 
 .k-editor-dialog .k-edit-label {
     width: 30%;
-    padding: calc( 4px + 1px) 0;
+    padding: 5px 0;
 }
 
 .k-editor-dialog .k-edit-field {
@@ -33190,7 +33254,7 @@ td.k-editor-content {
 }
 
 .k-editor-dialog .k-edit-label {
-    padding: calc( 4px - 1px) 0;
+    padding: 3px 0;
     margin: 0 0 -.5em;
     width: auto;
     font-size: 12px;
@@ -33311,7 +33375,7 @@ td.k-editor-content {
 
 .k-imageeditor-action-pane {
     padding: 32px 16px;
-    width: calc(240px + 1px);
+    width: 241px;
     border-width: 0;
     border-left-width: 1px;
     border-style: solid;
@@ -33359,14 +33423,14 @@ td.k-editor-content {
 
 .k-imageeditor-crop .k-resize-n,
 .k-imageeditor-crop .k-resize-s {
-    left: calc( 50% - (7.5px));
+    left: calc(50% - 7.5px);
     width: 15px;
     height: 0;
 }
 
 .k-imageeditor-crop .k-resize-w,
 .k-imageeditor-crop .k-resize-e {
-    top: calc( 50% - (7.5px));
+    top: calc(50% - 7.5px);
     width: 0;
     height: 15px;
 }
@@ -33417,7 +33481,7 @@ td.k-editor-content {
 .k-imageeditor-canvas {
     background: linear-gradient(45deg, rgba(0, 0, 0, 0.09) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.09) 75%, rgba(0, 0, 0, 0.09) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.09) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.09) 75%, rgba(0, 0, 0, 0.09) 0), white;
     background-repeat: repeat, repeat;
-    background-position: 0px 0px, calc(10px / 2) calc(10px / 2);
+    background-position: 0px 0px, 5px 5px;
     transform-origin: 0 0 0;
     background-origin: padding-box, padding-box;
     background-size: 10px 10px, 10px 10px;
@@ -33462,7 +33526,7 @@ td.k-editor-content {
 }
 
 .k-gantt .k-grid-header tr {
-    height: calc( 2em + 32px + 1px);
+    height: calc(2em + 33px);
 }
 
 .k-gantt .k-grid-header .k-header {
@@ -33474,11 +33538,11 @@ td.k-editor-content {
 }
 
 .k-gantt .k-grid-content tr {
-    height: calc( 2em + 20px + 1px);
+    height: calc(2em + 21px);
 }
 
 .k-gantt.k-gantt-planned .k-grid-content tr {
-    height: calc( 3.4em + 20px + 1px);
+    height: calc(3.4em + 21px);
 }
 
 .k-gantt .k-gantt-layout {
@@ -33645,8 +33709,8 @@ td.k-editor-content {
     .k-gantt-toolbar .k-gantt-pdf,
     .k-gantt-toolbar .k-gantt-create {
         padding: 8px;
-        width: calc( 1.4285714286em + 16px + 2px);
-        height: calc( 1.4285714286em + 16px + 2px);
+        width: calc(1.4285714286em + 18px);
+        height: calc(1.4285714286em + 18px);
     }
     .k-gantt-toolbar .k-gantt-pdf .k-button-text,
     .k-gantt-toolbar .k-gantt-create .k-button-text {
@@ -33682,7 +33746,7 @@ td.k-editor-content {
 }
 
 .k-gantt-treelist .k-grid-header tr {
-    height: calc( 4em + 64px + 2px);
+    height: calc(4em + 66px);
     vertical-align: bottom;
 }
 
@@ -33696,7 +33760,7 @@ td.k-editor-content {
 }
 
 .k-gantt-treelist .k-gantt-treelist-nested-columns .k-grid-header tr {
-    height: calc( 2em + 32px + 1px);
+    height: calc(2em + 33px);
 }
 
 .k-gantt-treelist.k-gantt-treelist-scrollable .k-grid-content {
@@ -33817,8 +33881,8 @@ td.k-editor-content {
 }
 
 .k-task-dot {
-    width: calc( 8px + 8px);
-    height: calc( 8px + 8px);
+    width: 16px;
+    height: 16px;
     line-height: 1;
     cursor: pointer;
     display: none;
@@ -34089,7 +34153,7 @@ td.k-editor-content {
 
 .k-task-planned .k-task-moment {
     border-width: 2px;
-    border-radius: calc( ( 4px + 6px ) / 2);
+    border-radius: 5px;
     border-style: solid;
     height: 6px;
     width: 6px;
@@ -34100,15 +34164,15 @@ td.k-editor-content {
 }
 
 .k-task-planned .k-task-moment.k-moment-left {
-    margin-left: calc( 2px / 2 - calc( ( 4px + 6px ) / 2));
+    margin-left: -4px;
 }
 
 .k-task-planned:hover .k-task-duration {
-    height: calc( 2px + 1px);
+    height: 3px;
 }
 
 .k-milestone-wrap .k-task-moment {
-    margin-left: calc( 3px);
+    margin-left: 3px;
 }
 
 .k-planned-tooltip .k-task-content {
@@ -34921,7 +34985,7 @@ kendo-scheduler .k-event > div,
 
 kendo-scheduler .k-event .k-event-template,
 .k-event .k-event-template {
-    line-height: calc( 25px - (2 * 2px));
+    line-height: 21px;
     padding: 4px 16px;
 }
 
@@ -35337,12 +35401,12 @@ kendo-scheduler .k-recurrence-editor {
 }
 
 .k-scheduler-yearview .k-day-indicator {
-    margin-top: calc( 36px - (0.25em * 2));
+    margin-top: calc(36px - 0.5em);
     width: 3px;
     height: 3px;
     border-radius: 50%;
     position: absolute;
-    left: calc( 50% - (3px / 2));
+    left: calc(50% - 1.5px);
 }
 
 .k-scheduler-tooltip {
@@ -35514,9 +35578,13 @@ kendo-scheduler .k-recurrence-editor {
     float: right;
 }
 
+.k-rtl .k-scheduler .k-i-caret-alt-left,
+.k-rtl .k-scheduler .k-i-caret-alt-right,
 .k-rtl .k-scheduler .k-i-arrow-60-left,
 .k-rtl .k-scheduler .k-i-arrow-60-right,
-.k-rtl .k-scheduler .k-current-time-arrow-right, .k-rtl.k-scheduler .k-i-arrow-60-left,
+.k-rtl .k-scheduler .k-current-time-arrow-right, .k-rtl.k-scheduler .k-i-caret-alt-left,
+.k-rtl.k-scheduler .k-i-caret-alt-right,
+.k-rtl.k-scheduler .k-i-arrow-60-left,
 .k-rtl.k-scheduler .k-i-arrow-60-right,
 .k-rtl.k-scheduler .k-current-time-arrow-right {
     transform: scaleX(-1);
@@ -35595,7 +35663,7 @@ kendo-scheduler .k-event .k-event-actions,
 
 .k-event .k-event-delete .k-icon {
     font-size: 12px;
-    padding: calc( 14px - 12px);
+    padding: 2px;
     box-sizing: content-box;
     vertical-align: unset;
 }
@@ -36031,11 +36099,11 @@ kendo-scheduler .k-event .k-event-actions,
 }
 
 .k-chat .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
-    padding-left: calc( 32px + 8px);
+    padding-left: 40px;
 }
 
 .k-chat .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
-    padding-right: calc( 32px + 8px);
+    padding-right: 40px;
 }
 
 .k-author {
@@ -36069,7 +36137,9 @@ kendo-scheduler .k-event .k-event-actions,
     border-style: solid;
     line-height: 1.25;
     cursor: pointer;
-    user-select: none;
+    -webkit-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
     display: inline-block;
     flex: 0 0 auto;
     transition-property: color, background-color, border-color;
@@ -36331,13 +36401,13 @@ kendo-scheduler .k-event .k-event-actions,
 .k-rtl .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar),
 [dir="rtl"] .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
     padding-left: 0;
-    padding-right: calc( 32px + 8px);
+    padding-right: 40px;
 }
 
 .k-rtl .k-avatars .k-message-group.k-alt:not(.k-no-avatar),
 [dir="rtl"] .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
     padding-right: 0;
-    padding-left: calc( 32px + 8px);
+    padding-left: 40px;
 }
 
 .k-rtl .k-chat .k-card-deck .k-card-wrap + .k-card-wrap,
@@ -36568,7 +36638,7 @@ kendo-scheduler .k-event .k-event-actions,
     border-radius: 4px;
     line-height: 1.4285714286;
     min-width: 80px;
-    max-width: calc(80px + 2 * 40px);
+    max-width: 160px;
     position: relative;
     z-index: 1;
 }
@@ -36648,11 +36718,11 @@ kendo-scheduler .k-event .k-event-actions,
 }
 
 .k-timeline-vertical {
-    padding-left: calc(calc(40px + (80px - 6px) / 2) + 50px);
+    padding-left: 127px;
 }
 
 .k-timeline-vertical.k-timeline-dates-hidden {
-    padding-left: calc(40px + (80px - 6px) / 2);
+    padding-left: 77px;
 }
 
 .k-timeline-vertical::after {
@@ -36695,7 +36765,7 @@ kendo-scheduler .k-event .k-event-actions,
 
 .k-timeline-vertical .k-timeline-card .k-card {
     margin-left: 16px;
-    min-height: calc(2 * (36px - 0px));
+    min-height: 72px;
     width: 400px;
     max-width: 100%;
 }
@@ -36847,9 +36917,9 @@ kendo-scheduler .k-event .k-event-actions,
 
 .k-timeline-horizontal .k-timeline-track-wrap::after {
     top: auto;
-    bottom: calc((36px / 2) + 3px);
-    left: calc(36px - 2 * 1px);
-    right: calc(36px - 2 * 1px);
+    bottom: 21px;
+    left: 34px;
+    right: 34px;
     transform: translateY(-50%);
     height: 6px;
 }
@@ -36866,7 +36936,7 @@ kendo-scheduler .k-event .k-event-actions,
 }
 
 .k-timeline-horizontal .k-timeline-track-wrap .k-timeline-flag {
-    margin-bottom: calc(6px + 2 * 1px + 4px + 10px);
+    margin-bottom: 22px;
     position: relative;
     min-width: 60px;
 }
@@ -36892,7 +36962,7 @@ kendo-scheduler .k-event .k-event-actions,
     height: 36px;
     border-radius: 50%;
     position: absolute;
-    bottom: calc(6px + 3px + 2 * 1px);
+    bottom: 11px;
     z-index: 3;
     display: flex;
     align-items: center;
@@ -36913,7 +36983,7 @@ kendo-scheduler .k-event .k-event-actions,
 }
 
 .k-timeline-mobile .k-timeline-flag {
-    max-width: calc(80px + 2 * 16px);
+    max-width: 112px;
 }
 
 .k-timeline-mobile.k-timeline-horizontal .k-timeline-flag-wrap {
@@ -36921,11 +36991,11 @@ kendo-scheduler .k-event .k-event-actions,
 }
 
 .k-timeline-mobile.k-timeline-vertical {
-    padding-left: calc(calc(16px + (80px - 6px) / 2) + 50px);
+    padding-left: 103px;
 }
 
 .k-timeline-mobile.k-timeline-vertical.k-timeline-dates-hidden {
-    padding-left: calc(16px + (80px - 6px) / 2);
+    padding-left: 53px;
 }
 
 .k-timeline-mobile.k-timeline-vertical.k-timeline-alternating {
@@ -37020,6 +37090,7 @@ kendo-scheduler .k-event .k-event-actions,
     border-width: 1px;
     border-style: solid;
     box-sizing: border-box;
+    position: relative;
     outline: 0;
     font-family: Roboto, "Helvetica Neue", sans-serif;
     font-size: 14px;
@@ -37049,27 +37120,33 @@ kendo-scheduler .k-event .k-event-actions,
     overflow: visible;
 }
 
-.k-pdf-viewer .k-list-scroller {
+.k-pdf-viewer .k-canvas {
+    display: flex;
+    flex-direction: column;
     flex: 1 1 auto;
     outline: none;
 }
 
-.k-pdf-viewer .k-list-scroller .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;
-    -moz-user-select: text;
     -ms-user-select: text;
     user-select: text;
     cursor: text;
 }
 
-.k-pdf-viewer .k-list-scroller .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-list-scroller .k-enable-panning span::selection {
+.k-pdf-viewer .k-canvas .k-enable-panning span::selection,
+.k-pdf-viewer .k-canvas.k-enable-panning span::selection {
     background-color: transparent;
 }
 
+.k-pdf-viewer .k-pdf-viewer-pages {
+    flex: 1 1 auto;
+}
+
 .k-pdf-viewer .k-page {
     position: relative;
     margin: 30px auto;
@@ -37098,11 +37175,38 @@ kendo-scheduler .k-event .k-event-actions,
     color: transparent;
 }
 
+.k-pdf-viewer .k-page .k-text-layer .k-search-highlight-mark {
+    color: transparent;
+}
+
+.k-pdf-viewer .k-blank-page {
+    margin: 0;
+    display: flex;
+    flex-flow: column nowrap;
+    width: 100%;
+    height: 100%;
+    align-items: center;
+    justify-content: center;
+    background-color: inherit !important;
+}
+
+.k-pdf-viewer .k-blank-page .k-upload,
+.k-pdf-viewer .k-blank-page .k-dropzone,
+.k-pdf-viewer .k-blank-page .k-dropzone-inner {
+    border: 0;
+    background: none;
+}
+
+.k-pdf-viewer .k-blank-page > .k-icon {
+    font-size: 48px;
+}
+
 .k-pdf-viewer-search-dialog {
-    padding: 8px;
+    padding: 0 !important;
 }
 
-.k-pdf-viewer-search-dialog .k-search-container {
+.k-search-panel, .k-search-container {
+    padding: 16px 8px;
     display: flex;
     gap: 8px;
     flex-flow: row nowrap;
@@ -37111,22 +37215,32 @@ kendo-scheduler .k-event .k-event-actions,
     align-items: center;
 }
 
-.k-pdf-viewer-search-dialog .k-search-container .k-search-dialog-draghandle {
+.k-search-panel .k-search-dialog-draghandle, .k-search-container .k-search-dialog-draghandle {
     cursor: move;
     margin-left: 0;
 }
 
-.k-pdf-viewer-search-dialog .k-search-container .k-textbox {
+.k-search-panel .k-textbox, .k-search-container .k-textbox {
     width: 10em;
     flex: none;
 }
 
-.k-pdf-viewer-search-dialog .k-search-container .k-textbox .k-button {
+.k-search-panel .k-textbox .k-button, .k-search-container .k-textbox .k-button {
     border-width: 0;
 }
 
-.k-pdf-viewer-search-dialog .k-search-container .k-search-matches {
-    flex: 1 1 auto;
+.k-search-panel .k-search-matches, .k-search-container .k-search-matches {
+    display: inline-flex;
+    gap: 8px;
+}
+
+.k-pdf-viewer-canvas > .k-search-panel, .k-pdf-viewer-canvas > .k-search-container {
+    width: max-content;
+    margin-top: calc(-1.4285714286em + -51px);
+    border-width: 1px;
+    border-style: solid;
+    border-radius: 4px;
+    z-index: 10;
 }
 
 .k-ie .k-pdf-viewer-search-dialog .k-search-container > * + * {
@@ -37154,13 +37268,30 @@ kendo-scheduler .k-event .k-event-actions,
     box-shadow: 0 0 15px rgba(0, 0, 0, 0.12);
 }
 
+.k-pdf-viewer .k-blank-page > .k-icon {
+    color: rgba(97, 97, 97, 0.9116);
+}
+
 .k-pdf-viewer .k-search-highlight {
     background-color: rgba(0, 0, 0, 0.87);
 }
 
+.k-pdf-viewer .k-search-highlight-mark {
+    background-color: yellow;
+}
+
+.k-pdf-viewer-canvas > .k-search-panel, .k-pdf-viewer-canvas > .k-search-container {
+    border-color: rgba(0, 0, 0, 0.12);
+    color: rgba(0, 0, 0, 0.87);
+    background-color: white;
+    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);
+}
+
 .km-scrollview,
 .km-scroll-container {
-    user-select: none;
+    -webkit-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
     border-collapse: separate;
 }
 
@@ -37275,7 +37406,9 @@ kendo-scrollview.k-scrollview,
 
 .k-scrollview-wrap .k-scrollview img,
 .k-scrollview .k-scrollview-wrap img {
-    user-select: none;
+    -webkit-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
 }
 
 .k-scrollview-wrap .k-scrollview > li,
@@ -37297,20 +37430,20 @@ kendo-scrollview.k-scrollview,
 .k-scrollview-wrap.k-scrollview-animate {
     display: flex;
     flex-flow: row nowrap;
-    width: calc( var(--kendo-scrollview-views, 1) * 100%);
+    width: calc(var(--kendo-scrollview-views, 1)*100%);
     transition-duration: 0.3s;
     transition-timing-function: ease-in-out;
-    transform: translateX(calc( -100% / var(--kendo-scrollview-views, 1) * ( var(--kendo-scrollview-current, 1) - 1)));
+    transform: translateX(calc(-100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
 }
 
 .k-scrollview-wrap.k-scrollview-animate .k-scrollview-view {
-    width: calc( 100% / var(--kendo-scrollview-views, 1));
-    flex: 0 0 calc( 100% / var(--kendo-scrollview-views, 1));
+    width: calc(100%/var(--kendo-scrollview-views, 1));
+    flex: 0 0 calc(100%/var(--kendo-scrollview-views, 1));
 }
 
 [dir="rtl"] .k-scrollview-wrap.k-scrollview-animate,
 .k-rtl .k-scrollview-wrap.k-scrollview-animate {
-    transform: translateX(calc( 100% / var(--kendo-scrollview-views, 1) * ( var(--kendo-scrollview-current, 1) - 1)));
+    transform: translateX(calc(100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
 }
 
 kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager,
@@ -37322,7 +37455,7 @@ kendo-scrollview.k-scrollview kendo-scrollview-pager,
     left: 0;
     right: 0;
     bottom: 0;
-    height: calc( 10px + 0px + 40px);
+    height: 50px;
     text-align: center;
 }
 
@@ -37398,7 +37531,9 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
     height: 60%;
     top: 20%;
     text-decoration: none;
-    user-select: none;
+    -webkit-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
     cursor: pointer;
 }
 
@@ -37611,8 +37746,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
     z-index: 12000;
 }
 
-.k-sparkline-tooltip-wrapper > .k-popup,
-.k-chart-tooltip-wrapper > .k-popup {
+.k-sparkline-tooltip-wrapper .k-popup,
+.k-chart-tooltip-wrapper .k-popup {
     padding: 0;
     border-width: 0;
     background: transparent;
@@ -37875,11 +38010,11 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
 }
 
 .k-treemap .k-treemap-title + .k-treemap-wrap {
-    top: calc( 4px + (2 * 14px) + 1px);
+    top: 33px;
 }
 
 .k-treemap .k-treemap-title-vertical + .k-treemap-wrap {
-    left: calc( 4px + (2 * 14px) + 1px);
+    left: 33px;
 }
 
 .k-treemap .k-leaf {
@@ -38274,7 +38409,9 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
 .k-map .km-scroll-wrapper {
     width: 100%;
     height: 100%;
-    user-select: none;
+    -webkit-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
     position: absolute;
 }
 
@@ -38315,8 +38452,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
 
 .k-navigator {
     margin: 1em;
-    width: calc( 48px + 4px);
-    height: calc( 48px + 4px);
+    width: 52px;
+    height: 52px;
     border-width: 1px;
     border-style: solid;
     box-sizing: border-box;
@@ -38589,8 +38726,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
 }
 
 .k-signature-sm .k-signature-line {
-    width: calc( 100% - 2 * 6px);
-    bottom: calc( calc( 1.4285714286em + 16px + 2px) + 6px);
+    width: calc(100% - 12px);
+    bottom: calc(1.4285714286em + 24px);
 }
 
 .k-signature-md {
@@ -38598,8 +38735,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
 }
 
 .k-signature-md .k-signature-line {
-    width: calc( 100% - 2 * 8px);
-    bottom: calc( calc( 1.4285714286em + 16px + 2px) + 8px);
+    width: calc(100% - 16px);
+    bottom: calc(1.4285714286em + 26px);
 }
 
 .k-signature-lg {
@@ -38607,8 +38744,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
 }
 
 .k-signature-lg .k-signature-line {
-    width: calc( 100% - 2 * 10px);
-    bottom: calc( calc( 1.4285714286em + 16px + 2px) + 10px);
+    width: calc(100% - 20px);
+    bottom: calc(1.4285714286em + 28px);
 }
 
 .k-signature .k-signature-line {