@progress/kendo-theme-default 9.0.1-dev.2 → 9.1.0-dev.0

package/dist/all.scss

@@ -19307,10 +19307,10 @@ $_kendo-module-meta: (
         transition: opacity 100ms linear, transform 500ms cubic-bezier(.4, 0, .2, 1);
         opacity: .1;
         background-color: currentColor;
+    }
 
-        .k-primary & {
-            opacity: .2;
-        }
+    .k-primary .k-ripple-blob {
+        opacity: .2;
     }
 
     .k-ripple-focus::after {
@@ -25820,27 +25820,23 @@ $kendo-form-sizes: (
     }
 
     // RTL Adjustments
-    .k-form {
-        [dir="rtl"],
-        .k-rtl & {
-            .k-label-optional {
-                margin-left: 0;
-                margin-right: $kendo-label-optional-margin-x;
-            }
+    .k-form [dir="rtl"],
+    .k-rtl .k-form {
+        .k-label-optional {
+            margin-left: 0;
+            margin-right: $kendo-label-optional-margin-x;
         }
     }
 
-    .k-form-horizontal {
-        [dir="rtl"],
-        .k-rtl & {
-            &.k-form-field,
-            .k-form-field {
-                > .k-label,
-                > kendo-label,
-                > .k-form-label {
-                    margin-right: 0;
-                    margin-left: $kendo-horizontal-form-label-margin-x;
-                }
+    .k-form-horizontal [dir="rtl"],
+    .k-rtl .k-form-horizontal {
+        &.k-form-field,
+        .k-form-field {
+            > .k-label,
+            > kendo-label,
+            > .k-form-label {
+                margin-right: 0;
+                margin-left: $kendo-horizontal-form-label-margin-x;
             }
         }
     }
@@ -26499,14 +26495,14 @@ $_kendo-module-meta: (
         &:disabled,
         &[disabled] {
             @include disabled( $kendo-disabled-styling... );
-
-            [disabled] &,
-            .k-disabled & {
-                opacity: 1;
-                filter: grayscale(0);
-            }
         }
     }
+
+    :is([disabled], .k-disabled) :is(input.k-input, textarea.k-textarea):is(:disabled, [disabled]) {
+        opacity: 1;
+        filter: grayscale(0);
+    }
+
     textarea.k-textarea {
         overflow: auto;
     }
@@ -26524,15 +26520,14 @@ $_kendo-module-meta: (
         &:disabled,
         &[disabled] {
             @include disabled( $kendo-disabled-styling... );
-
-            [disabled] &,
-            .k-disabled & {
-                opacity: 1;
-                filter: grayscale(0);
-            }
         }
     }
 
+    :is([disabled], .k-disabled) select.k-picker:is(:disabled, [disabled]) {
+        opacity: 1;
+        filter: grayscale(0);
+    }
+
 
     // Input inner
     .k-input-inner {
@@ -27623,33 +27618,32 @@ $kendo-floating-label-focus-text: null !default;
         &.k-empty:not(.k-focus):not(:focus-within) ::placeholder {
             color: transparent;
         }
+    }
 
-        [dir="rtl"] &,
-        .k-rtl &,
-        &[dir="rtl"] {
+    [dir="rtl"] .k-floating-label-container,
+    .k-rtl .k-floating-label-container,
+    .k-floating-label-container[dir="rtl"] {
+        > .k-floating-label {
+            transform-origin: right center;
+            transition: transform $kendo-floating-label-transition, color $kendo-floating-label-transition, top $kendo-floating-label-transition, right $kendo-floating-label-transition;
+        }
 
+        &.k-empty {
             > .k-floating-label {
-                transform-origin: right center;
-                transition: transform $kendo-floating-label-transition, color $kendo-floating-label-transition, top $kendo-floating-label-transition, right $kendo-floating-label-transition;
-            }
-
-            &.k-empty {
-                > .k-floating-label {
-                    left: auto;
-                    right: var(--kendo-floating-label-offset-x, #{$kendo-floating-label-offset-x});
-                }
-            }
-
-            > .k-floating-label,
-            &.k-focus > .k-floating-label {
                 left: auto;
-                right: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
-            }
-            &:focus-within > .k-floating-label {
-                left: auto;
-                right: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
+                right: var(--kendo-floating-label-offset-x, #{$kendo-floating-label-offset-x});
             }
         }
+
+        > .k-floating-label,
+        &.k-focus > .k-floating-label {
+            left: auto;
+            right: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
+        }
+        &:focus-within > .k-floating-label {
+            left: auto;
+            right: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
+        }
     }
 
 }
@@ -29786,22 +29780,21 @@ $kendo-slider-tick-vertical-image: "data:image/gif;base64,R0lGODlhtAABAIABALi4uA
         margin: 0;
         padding: 0;
         position: absolute;
+    }
 
-        .k-slider-horizontal & {
-            height: $kendo-slider-track-thickness;
-            left: 0;
-            margin-top: - k-math-div( $kendo-slider-track-thickness, 2 );
-            top: 50%;
-        }
-
-        .k-slider-vertical & {
-            bottom: 0;
-            left: 50%;
-            margin-left: - k-math-div( $kendo-slider-track-thickness, 2 );
-            width: $kendo-slider-track-thickness;
-        }
+    .k-slider-horizontal :is(.k-slider-track, .k-slider-selection) {
+        height: $kendo-slider-track-thickness;
+        left: 0;
+        margin-top: - k-math-div( $kendo-slider-track-thickness, 2 );
+        top: 50%;
     }
 
+    .k-slider-vertical :is(.k-slider-track, .k-slider-selection) {
+        bottom: 0;
+        left: 50%;
+        margin-left: - k-math-div( $kendo-slider-track-thickness, 2 );
+        width: $kendo-slider-track-thickness;
+    }
 
     .k-draghandle {
         background-color: transparent;
@@ -29815,34 +29808,38 @@ $kendo-slider-tick-vertical-image: "data:image/gif;base64,R0lGODlhtAABAIABALi4uA
         width: $kendo-slider-draghandle-size;
         height: $kendo-slider-draghandle-size;
 
-        .k-slider-transitions.k-slider-horizontal & {
-            transition: inset-inline-start $kendo-slider-transition-speed $kendo-slider-transition-function, background-color $kendo-slider-transition-speed $kendo-slider-transition-function, transform $kendo-slider-draghandle-transition-speed $kendo-slider-draghandle-transition-function;
-        }
-
-        .k-slider-transitions.k-slider-vertical & {
-            transition: bottom  $kendo-slider-transition-speed $kendo-slider-transition-function, background-color $kendo-slider-transition-speed $kendo-slider-transition-function, transform $kendo-slider-draghandle-transition-speed $kendo-slider-draghandle-transition-function;
-        }
-
         &.k-pressed {
             transition: none;
         }
     }
 
     .k-slider-selection {
-        .k-slider-transitions.k-slider-horizontal & {
-            transition: width $kendo-slider-transition-speed $kendo-slider-transition-function;
+        &.k-pressed {
+            transition: none;
         }
+    }
 
-        .k-slider-transitions.k-slider-vertical & {
-            transition: height $kendo-slider-transition-speed $kendo-slider-transition-function;
+    .k-slider-transitions {
+        &.k-slider-horizontal {
+            .k-draghandle {
+                transition: inset-inline-start $kendo-slider-transition-speed $kendo-slider-transition-function, background-color $kendo-slider-transition-speed $kendo-slider-transition-function, transform $kendo-slider-draghandle-transition-speed $kendo-slider-draghandle-transition-function;
+            }
+            .k-slider-selection {
+                transition: width $kendo-slider-transition-speed $kendo-slider-transition-function;
+            }
         }
 
-        &.k-pressed {
-            transition: none;
+        &.k-slider-vertical {
+            .k-draghandle {
+                transition: bottom  $kendo-slider-transition-speed $kendo-slider-transition-function, background-color $kendo-slider-transition-speed $kendo-slider-transition-function, transform $kendo-slider-draghandle-transition-speed $kendo-slider-draghandle-transition-function;
+            }
+
+            .k-slider-selection {
+                transition: height $kendo-slider-transition-speed $kendo-slider-transition-function;
+            }
         }
     }
 
-
     // Slider readonly
     .k-slider.k-readonly {
         .k-button,
@@ -29898,7 +29895,7 @@ $kendo-slider-tick-vertical-image: "data:image/gif;base64,R0lGODlhtAABAIABALi4uA
     .k-slider kendo-resize-sensor {
         position: absolute;
     }
-    
+
     // Aliases
     .k-draghandle { @extend .k-slider-thumb !optional; }
     .k-draghandle-start { @extend .k-slider-thumb-start !optional; }
@@ -31062,14 +31059,6 @@ $kendo-calendar-sizes: (
             );
         }
 
-
-        &[dir="rtl"],
-        .k-rtl & {
-            .k-calendar-navigation {
-                box-shadow: inset 1px 0 $kendo-calendar-navigation-border;
-            }
-        }
-
         // Invalid
         &.k-invalid,
         &.k-invalid:hover,
@@ -31079,6 +31068,12 @@ $kendo-calendar-sizes: (
         }
     }
 
+    .k-rtl .k-calendar,
+    .k-calendar[dir="rtl"] {
+        .k-calendar-navigation {
+            box-shadow: inset 1px 0 $kendo-calendar-navigation-border;
+        }
+    }
 
     // Scheduler integration
     .k-scheduler .k-calendar .k-other-month {
@@ -31303,12 +31298,11 @@ $kendo-time-selector-sizes: (
         user-select: none;
         -webkit-touch-callout: none;
         -webkit-tap-highlight-color: $kendo-color-rgba-transparent;
-
-        .k-popup > & {
-            border-width: 0;
-        }
     }
 
+    .k-popup > .k-timeselector {
+        border-width: 0;
+    }
 
     // Time selector header
     .k-time-header,
@@ -33524,13 +33518,9 @@ $kendo-datetime-width: calc( calc( #{$kendo-calendar-cell-size} * 8 ) + calc( #{
         transform: translateX(-100%);
     }
 
-    .k-time-tab .k-datetime-selector {
-        &.k-rtl,
-        &[dir="rtl"],
-        .k-rtl &,
-        [dir="rtl"] & {
-            transform: translateX(100%);
-        }
+    :is(.k-rtl, [dir="rtl"]) .k-time-tab .k-datetime-selector,
+    .k-time-tab .k-datetime-selector:is(.k-rtl, [dir="rtl"]) {
+        transform: translateX(100%);
     }
 }
 
@@ -37023,14 +37013,13 @@ $kendo-fab-item-outline-color: rgba(0, 0, 0, .08) !default;
         padding-inline: $kendo-fab-icon-padding-x;
         padding-block: $kendo-fab-icon-padding-y;
         box-sizing: content-box;
-
-        .k-icon-wrapper-host:not(:only-child) &,
-        &:not(:only-child) {
-            margin-inline-end: $kendo-fab-icon-spacing;
-            margin-inline-start: calc( #{$kendo-fab-icon-spacing} * -1 );
-        }
     }
 
+    .k-icon-wrapper-host:not(:only-child) .k-fab-icon,
+    .k-fab-icon:not(:only-child) {
+        margin-inline-end: $kendo-fab-icon-spacing;
+        margin-inline-start: calc( #{$kendo-fab-icon-spacing} * -1 );
+    }
 
     // Sizes
     @each $size, $size-props in $kendo-fab-sizes {
@@ -38036,8 +38025,10 @@ $_kendo-module-meta: (
         flex-direction: row;
         flex-shrink: 0;
         align-items: center;
+    }
 
-        .k-window-minimized & {
+    .k-window-minimized {
+        .k-window-titlebar {
             border-width: 0;
         }
     }
@@ -39416,11 +39407,11 @@ $kendo-card-callout-height: 20px !default;
         max-width: 100%;
         flex-shrink: 0;
         overflow: hidden;
+    }
 
-        .k-card-horizontal & {
-            max-width: $kendo-card-img-max-width;
-            object-fit: cover;
-        }
+    .k-card-horizontal .k-card-media {
+        max-width: $kendo-card-img-max-width;
+        object-fit: cover;
     }
 
 
@@ -41281,9 +41272,13 @@ $kendo-pager-sizes: (
         @if ($kendo-pager-item-spacing) {
             margin-left: $kendo-pager-item-spacing;
         }
+    }
 
-        .k-rtl &,
-        [dir="rtl"] & {
+    .k-rtl,
+    [dir="rtl"] {
+        .k-pager-nav + .k-pager-nav,
+        .k-pager-nav + .k-pager-numbers-wrap,
+        .k-pager-numbers-wrap + .k-pager-nav {
             @if ($kendo-pager-item-spacing) {
                 margin-left: 0;
                 margin-right: $kendo-pager-item-spacing;
@@ -43335,15 +43330,15 @@ $kendo-expander-content-padding-y: k-spacing(4) !default;
         *::after {
             box-sizing: border-box;
         }
+    }
 
-        .k-rtl &,
-        &.k-rtl,
-        &[dir = "rtl"] {
-            // Expand / collapse icon
-            .k-expander-indicator {
-                margin-left: 0;
-                margin-right: $kendo-expander-indicator-margin-x;
-            }
+    .k-rtl .k-expander,
+    .k-expander.k-rtl,
+    .k-expander[dir="rtl"] {
+        // Expand / collapse icon
+        .k-expander-indicator {
+            margin-left: 0;
+            margin-right: $kendo-expander-indicator-margin-x;
         }
     }
 
@@ -44029,24 +44024,22 @@ $kendo-panelbar-header-expanded-gradient: null !default;
         .k-panelbar-group .k-panelbar-toggle {
             margin-inline-end: calc( #{$kendo-panelbar-header-padding-x} - #{$kendo-panelbar-item-padding-x} );
         }
+    }
 
-
-        .k-rtl &,
-        &.k-rtl,
-        &[dir = "rtl"] {
-            .k-panelbar-group > .k-panelbar-item {
-                // Hierarchy items
-                @for $i from 1 through $kendo-panelbar-item-level-count {
-                    &.k-level-#{$i} {
-                        .k-link {
-                            padding-left: $kendo-panelbar-item-padding-x;
-                            padding-right: calc( #{$kendo-panelbar-item-padding-x} * #{$i} );
-                        }
+    .k-rtl .k-panelbar,
+    .k-panelbar.k-rtl,
+    .k-panelbar [dir = "rtl"] {
+        .k-panelbar-group > .k-panelbar-item {
+            // Hierarchy items
+            @for $i from 1 through $kendo-panelbar-item-level-count {
+                &.k-level-#{$i} {
+                    .k-link {
+                        padding-left: $kendo-panelbar-item-padding-x;
+                        padding-right: calc( #{$kendo-panelbar-item-padding-x} * #{$i} );
                     }
                 }
             }
         }
-
     }
 
 }
@@ -44414,12 +44407,6 @@ $kendo-splitbar-selected-text: $kendo-selected-text !default;
             overflow: hidden;
         }
 
-        // Nested
-        .k-pane > & {
-            border-width: 0;
-            overflow: hidden;
-        }
-
         // Loading
         .k-pane-loading {
             position: static;
@@ -44515,9 +44502,16 @@ $kendo-splitbar-selected-text: $kendo-selected-text !default;
         z-index: 1;
     }
 
-    .k-pane > .k-splitter-overlay {
-        opacity: 0;
-        position: absolute;
+    .k-pane > {
+        .k-splitter {
+            border-width: 0;
+            overflow: hidden;
+        }
+
+        .k-splitter-overlay {
+            opacity: 0;
+            position: absolute;
+        }
     }
 
     // flexbox-based splitter
@@ -46709,28 +46703,23 @@ $kendo-adaptive-scheduler-subtle-text: $kendo-subtle-text !default;
             }
 
         }
+    }
 
-        // RTL
-        .k-rtl &,
-        &[dir="rtl"],
-        [dir="rtl"] & {
-
-            .k-scheduler-mobile {
-
-                .k-scheduler-toolbar {
-                    > ul > li {
-                        border: 0;
-                    }
+    // RTL
+    :is(.k-rtl .k-pane-wrapper, [dir="rtl"] .k-pane-wrapper, .k-pane-wrapper[dir="rtl"]) {
+        .k-scheduler-mobile {
+            .k-scheduler-toolbar {
+                > ul > li {
+                    border: 0;
                 }
+            }
 
-                .k-task .k-i-reload {
-                    margin-left: .5em;
-                    margin-right: 0;
-                }
+            .k-task .k-i-reload {
+                margin-left: .5em;
+                margin-right: 0;
             }
         }
     }
-
 }
 
 
@@ -51569,25 +51558,9 @@ $kendo-pivotgrid-remove-text: null !default;
         cursor: pointer;
         user-select: none;
 
-        .k-flex-row &,
-        .k-flex-row-reverse & {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            writing-mode: vertical-rl;
-
-            .k-icon {
-                vertical-align: baseline;
-            }
-        }
         .k-flex-row-reverse & > span {
             transform: rotate(-180deg);
         }
-
-        .k-flex-col &,
-        .k-flex-col-reverse & {
-            text-align: center;
-        }
     }
 
 
@@ -51596,22 +51569,8 @@ $kendo-pivotgrid-remove-text: null !default;
         position: absolute;
         overflow: hidden;
         z-index: 2;
-
-        .k-flex-row & {
-            right: $kendo-pivotgrid-configurator-button-size;
-        }
-        .k-flex-row-reverse & {
-            left: $kendo-pivotgrid-configurator-button-size;
-        }
-        .k-flex-col & {
-            bottom: $kendo-pivotgrid-configurator-button-size;
-        }
-        .k-flex-col-reverse & {
-            top: $kendo-pivotgrid-configurator-button-size;
-        }
     }
 
-
     // Panel Content
     .k-pivotgrid-configurator-header {
         padding-block: $kendo-pivotgrid-configurator-header-padding-y;
@@ -51752,15 +51711,35 @@ $kendo-pivotgrid-remove-text: null !default;
         min-width: $kendo-pivotgrid-configurator-vertical-width;
     }
 
-    .k-pivotgrid-configurator-vertical.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel {
-        .k-flex-row &,
-        .k-flex-row-reverse & {
+    .k-flex-row {
+        .k-pivotgrid-configurator-overlay {
+            right: $kendo-pivotgrid-configurator-button-size;
+        }
+
+        &-reverse .k-pivotgrid-configurator-overlay {
+            left: $kendo-pivotgrid-configurator-button-size;
+        }
+    }
+
+    .k-flex-row,
+    .k-flex-row-reverse {
+        .k-pivotgrid-configurator-button {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            writing-mode: vertical-rl;
+
+            .k-icon {
+                vertical-align: baseline;
+            }
+        }
+
+        .k-pivotgrid-configurator-vertical.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel {
             border-right-width: 0;
             border-left-width: 0;
         }
     }
 
-
     // Horizontal Layout
     .k-pivotgrid-configurator-horizontal {
         width: 100%;
@@ -51807,17 +51786,31 @@ $kendo-pivotgrid-remove-text: null !default;
                 overflow-y: auto;
             }
         }
+    }
 
-        &.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel {
-            .k-flex-col &,
-            .k-flex-col-reverse & {
-                border-top-width: 0;
-                border-bottom-width: 0;
-            }
+    .k-flex-col {
+        .k-pivotgrid-configurator-overlay {
+            bottom: $kendo-pivotgrid-configurator-button-size;
+        }
+
+        &-reverse .k-pivotgrid-configurator-overlay {
+            top: $kendo-pivotgrid-configurator-button-size;
         }
     }
 
 
+    .k-flex-col,
+    .k-flex-col-reverse {
+        .k-pivotgrid-configurator-button {
+            text-align: center;
+        }
+
+        .k-pivotgrid-configurator-horizontal.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel {
+            border-top-width: 0;
+            border-bottom-width: 0;
+        }
+    }
+
 
     // Pivotgrid export
     .k-pdf-export-shadow {
@@ -52169,25 +52162,26 @@ $kendo-pivotgrid-remove-text: null !default;
 
 
     // Overlay mode
-    .k-pivotgrid-configurator-overlay {
-        .k-flex-row & {
+    .k-flex-row {
+        .k-pivotgrid-configurator-overlay {
             @include box-shadow( $kendo-pivotgrid-configurator-end-shadow );
         }
 
-        .k-flex-row-reverse & {
+        &-reverse .k-pivotgrid-configurator-overlay {
             @include box-shadow( $kendo-pivotgrid-configurator-start-shadow );
         }
+    }
 
-        .k-flex-col & {
+    .k-flex-col {
+        .k-pivotgrid-configurator-overlay {
             @include box-shadow( $kendo-pivotgrid-configurator-top-shadow );
         }
 
-        .k-flex-col-reverse & {
+        &-reverse .k-pivotgrid-configurator-overlay {
             @include box-shadow( $kendo-pivotgrid-configurator-bottom-shadow );
         }
     }
 
-
     // Legacy pivotgrid
     // TODO: remove
     .k-pivot {
@@ -52427,14 +52421,10 @@ $kendo-treelist-footer-row-border-width: 1px !default;
         .k-table-row.k-group-footer + .k-table-row.k-group-footer td {
             border-top-width: 0;
         }
+    }
 
-        &[dir = "rtl"],
-        .k-rtl & {
-            thead.k-grid-header {
-                padding-left: 0;
-            }
-        }
-
+    :is(.k-treelist-scrollable[dir="rtl"], .k-rtl .k-treelist-scrollable) thead.k-grid-header {
+        padding-left: 0;
     }
 
     .k-drag-separator {
@@ -58949,17 +58939,19 @@ $kendo-chat-quick-reply-shadow-opacity: .3 !default;
                 fill: currentColor;
                 display: inline-block;
             }
+        }
+    }
 
-            .k-rtl &,
-            [dir="rtl"] & {
+    .k-rtl,
+    [dir="rtl"] {
+        .k-message-box {
+            .k-button {
                 transform: scaleX(-1);
             }
         }
     }
 
 
-
-
     // Card list
     .k-chat .k-card-list {
         margin: $kendo-chat-bubble-spacing 0 0;
@@ -60745,12 +60737,15 @@ $_kendo-module-meta: (
         opacity: 0;
         transform-origin: 0 0;
         transition: opacity .3s linear;
+    }
 
-        .k-map &,
-        .k-diagram & {
+    .k-map,
+    .k-diagram {
+        .km-touch-scrollbar {
             display: none;
         }
     }
+
     .km-vertical-scrollbar {
         height: 100%;
         right: 2px;
@@ -60976,11 +60971,6 @@ $kendo-scrollview-transition-timing-function: ease-in-out !default;
         transition-timing-function: $kendo-scrollview-transition-timing-function;
         transform: translateX( calc( -100% / var(--kendo-scrollview-views, 1) * ( var(--kendo-scrollview-current, 1) - 1) ) );
 
-        [dir="rtl"] &,
-        .k-rtl & {
-            transform: translateX( calc( 100% / var(--kendo-scrollview-views, 1) * ( var(--kendo-scrollview-current, 1) - 1) ) );
-        }
-
         .k-scrollview-view {
             width: calc( 100% / var(--kendo-scrollview-views, 1) );
             flex: 0 0 calc( 100% / var(--kendo-scrollview-views, 1) );
@@ -60988,6 +60978,10 @@ $kendo-scrollview-transition-timing-function: ease-in-out !default;
 
     }
 
+    :is([dir="rtl"], .k-rtl) .k-scrollview-wrap.k-scrollview-animate {
+        transform: translateX( calc( 100% / var(--kendo-scrollview-views, 1) * ( var(--kendo-scrollview-current, 1) - 1) ) );
+    }
+
     .k-scrollview-nav-wrap {
         padding: 0;
         margin: 0;
@@ -61631,8 +61625,6 @@ $kendo-map-marker-images: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAB
         border-radius: 50%;
         position: relative;
 
-        .k-pdf-export & { display: none; }
-
 
         // Buttons
         .k-button {
@@ -61681,10 +61673,15 @@ $kendo-map-marker-images: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAB
         border: 0;
         background: none;
         display: flex;
-
-        .k-pdf-export & { display: none; }
     }
 
+
+    .k-pdf-export {
+        .k-navigator,
+        .k-zoom-control {
+            display: none;
+        }
+    }
 }