@progress/kendo-theme-material 6.7.0-dev.0 → 6.7.0-dev.1

package/dist/all.css

@@ -44754,8 +44754,7 @@ kendo-card-footer {
     box-sizing: border-box;
 }
 
-.k-pager-input, .k-pager-sizes, .k-pager-info, .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdown,
-.k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdownlist {
+.k-pager-input, .k-pager-sizes, .k-pager-info {
     display: flex;
     flex-direction: row;
     align-items: center;
@@ -44786,8 +44785,7 @@ kendo-card-footer {
 
 .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-numbers-wrap select.k-dropdown,
 .k-pager-numbers-wrap select.k-dropdownlist {
-    cursor: pointer;
-    display: none;
+    width: 5em;
 }
 
 .k-pager-numbers {
@@ -44818,16 +44816,18 @@ kendo-card-footer {
     margin-right: 0px;
 }
 
-.k-pager-input .k-textbox {
+.k-pager-input {
+    gap: 1ex;
+}
+
+.k-pager-input .k-textbox,
+.k-pager-input .k-numerictextbox {
     margin-block: 0;
-    margin-inline: 1ex;
     width: 5em;
 }
 
-.k-pager-sizes .k-dropdown-list, .k-pager-sizes .k-dropdown,
-.k-pager-sizes .k-dropdownlist,
-.k-pager-sizes > select {
-    margin-right: 1ex;
+.k-pager-sizes {
+    gap: 1ex;
 }
 
 .k-pager-sizes .k-input-inner,
@@ -44835,17 +44835,6 @@ kendo-card-footer {
     text-overflow: clip;
 }
 
-.k-rtl .k-pager-sizes .k-dropdown-list, .k-rtl .k-pager-sizes .k-dropdown,
-.k-rtl .k-pager-sizes .k-dropdownlist,
-.k-rtl .k-pager-sizes > select,
-[dir="rtl"] .k-pager-sizes .k-dropdown-list,
-[dir="rtl"] .k-pager-sizes .k-dropdown,
-[dir="rtl"] .k-pager-sizes .k-dropdownlist,
-[dir="rtl"] .k-pager-sizes > select {
-    margin-left: 1ex;
-    margin-right: 0;
-}
-
 .k-pager-info {
     text-align: end;
     justify-content: flex-end;
@@ -44859,28 +44848,6 @@ kendo-card-footer {
     order: 10;
 }
 
-.k-pager-mobile-sm {
-    overflow: visible;
-}
-
-.k-pager-mobile-sm .k-pager-numbers-wrap {
-    border-color: inherit;
-}
-
-.k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdown,
-.k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdownlist {
-    margin-left: 8px;
-    margin-right: 8px;
-    width: 5em;
-}
-
-.k-pager-mobile-md .k-pager-info,
-.k-pager-mobile-sm .k-pager-info,
-.k-pager-mobile-sm .k-pager-sizes,
-.k-pager-mobile-sm .k-pager-numbers {
-    display: none;
-}
-
 .k-pager-sm {
     padding-inline: 4px;
     padding-block: 4px;
@@ -44891,7 +44858,10 @@ kendo-card-footer {
     min-width: calc(1.4285714286em + 14px);
 }
 
-.k-pager-sm .k-pager-numbers-wrap .k-pager-input {
+.k-pager-sm .k-pager-numbers-wrap .k-pager-input,
+.k-pager-sm .k-pager-numbers-wrap > select.k-dropdown-list,
+.k-pager-sm .k-pager-numbers-wrap > select.k-dropdown,
+.k-pager-sm .k-pager-numbers-wrap > select.k-dropdownlist {
     margin-inline-start: 6px;
     margin-inline-end: 6px;
 }
@@ -44912,7 +44882,10 @@ kendo-card-footer {
     min-width: calc(1.4285714286em + 18px);
 }
 
-.k-pager-md .k-pager-numbers-wrap .k-pager-input {
+.k-pager-md .k-pager-numbers-wrap .k-pager-input,
+.k-pager-md .k-pager-numbers-wrap > select.k-dropdown-list,
+.k-pager-md .k-pager-numbers-wrap > select.k-dropdown,
+.k-pager-md .k-pager-numbers-wrap > select.k-dropdownlist {
     margin-inline-start: 8px;
     margin-inline-end: 8px;
 }
@@ -44933,7 +44906,10 @@ kendo-card-footer {
     min-width: calc(1.4285714286em + 22px);
 }
 
-.k-pager-lg .k-pager-numbers-wrap .k-pager-input {
+.k-pager-lg .k-pager-numbers-wrap .k-pager-input,
+.k-pager-lg .k-pager-numbers-wrap > select.k-dropdown-list,
+.k-pager-lg .k-pager-numbers-wrap > select.k-dropdown,
+.k-pager-lg .k-pager-numbers-wrap > select.k-dropdownlist {
     margin-inline-start: 10px;
     margin-inline-end: 10px;
 }
@@ -46437,6 +46413,7 @@ kendo-card-footer {
     box-sizing: border-box;
     outline: 0;
     display: grid;
+    padding: 16px 16px;
     -webkit-touch-callout: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
@@ -47082,12 +47059,6 @@ kendo-card-footer {
     outline: none;
 }
 
-.k-grid .k-table-th .k-placeholder-line,
-.k-grid td .k-placeholder-line,
-.k-grid .k-table-td .k-placeholder-line {
-    width: 80%;
-}
-
 .k-grid .k-table-th > .k-radio,
 .k-grid .k-table-th > .k-radio-wrap,
 .k-grid .k-table-th > .k-checkbox,
@@ -47680,12 +47651,6 @@ div.k-grid-footer {
     border-width: 0 0 1px;
 }
 
-.k-pager-input .k-numerictextbox {
-    margin-block: 0;
-    margin-inline: 7px;
-    width: 3em;
-}
-
 .k-grid-virtual .k-grid-content .k-grid-table-wrap {
     float: left;
     width: 100%;
@@ -55270,21 +55235,21 @@ kendo-scheduler .k-event .k-event-actions,
 }
 
 .k-chat .k-message-group:not(.k-alt) .k-message-time {
-    margin-left: 8px;
-    left: 100%;
+    margin-inline-start: 8px;
+    inset-inline-start: 100%;
 }
 
 .k-chat .k-message-group:not(.k-alt) .k-message-status {
-    left: 0;
+    inset-inline-start: 0;
 }
 
-.k-chat .k-message-group:not(.k-alt) .k-first .k-bubble,
-.k-chat .k-message-group:not(.k-alt) .k-only .k-bubble {
+.k-chat .k-message-group:not(.k-alt) .k-first .k-chat-bubble,
+.k-chat .k-message-group:not(.k-alt) .k-only .k-chat-bubble {
     border-bottom-left-radius: 2px;
 }
 
-.k-chat .k-message-group:not(.k-alt) .k-middle .k-bubble,
-.k-chat .k-message-group:not(.k-alt) .k-last .k-bubble {
+.k-chat .k-message-group:not(.k-alt) .k-middle .k-chat-bubble,
+.k-chat .k-message-group:not(.k-alt) .k-last .k-chat-bubble {
     border-top-left-radius: 2px;
     border-bottom-left-radius: 2px;
 }
@@ -55296,21 +55261,21 @@ kendo-scheduler .k-event .k-event-actions,
 }
 
 .k-chat .k-message-group.k-alt .k-message-time {
-    margin-right: 8px;
-    right: 100%;
+    margin-inline-end: 8px;
+    inset-inline-end: 100%;
 }
 
 .k-chat .k-message-group.k-alt .k-message-status {
-    right: 0;
+    inset-inline-end: 0;
 }
 
-.k-chat .k-message-group.k-alt .k-first .k-bubble,
-.k-chat .k-message-group.k-alt .k-only .k-bubble {
+.k-chat .k-message-group.k-alt .k-first .k-chat-bubble,
+.k-chat .k-message-group.k-alt .k-only .k-chat-bubble {
     border-bottom-right-radius: 2px;
 }
 
-.k-chat .k-message-group.k-alt .k-middle .k-bubble,
-.k-chat .k-message-group.k-alt .k-last .k-bubble {
+.k-chat .k-message-group.k-alt .k-middle .k-chat-bubble,
+.k-chat .k-message-group.k-alt .k-last .k-chat-bubble {
     border-top-right-radius: 2px;
     border-bottom-right-radius: 2px;
 }
@@ -55347,7 +55312,7 @@ kendo-scheduler .k-event .k-event-actions,
     transition: height .2s ease-in-out;
 }
 
-.k-chat .k-bubble {
+.k-chat .k-chat-bubble {
     border-radius: 12px;
     padding-block: 8px;
     padding-inline: 12px;
@@ -55358,7 +55323,7 @@ kendo-scheduler .k-event .k-event-actions,
     white-space: pre-wrap;
 }
 
-.k-chat .k-bubble a {
+.k-chat .k-chat-bubble a {
     color: inherit;
     text-decoration: underline;
 }
@@ -55389,29 +55354,26 @@ kendo-scheduler .k-event .k-event-actions,
 }
 
 .k-chat .k-avatar {
-    border-radius: 100%;
     margin: 0;
-    width: 32px;
-    height: 32px;
     position: absolute;
 }
 
 .k-message-group:not(.k-alt) > .k-avatar {
-    left: 0;
+    inset-inline-start: 0;
     bottom: 0;
 }
 
 .k-message-group.k-alt > .k-avatar {
-    right: 0;
+    inset-inline-end: 0;
     bottom: 0;
 }
 
-.k-chat .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
-    padding-left: 40px;
+.k-chat .k-avatars .k-message-group:not(.k-no-avatar) {
+    padding-inline-start: 40px;
 }
 
 .k-chat .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
-    padding-right: 40px;
+    padding-inline-end: 40px;
 }
 
 .k-author {
@@ -55438,8 +55400,8 @@ kendo-scheduler .k-event .k-event-actions,
 
 .k-quick-reply {
     border-radius: 100px;
-    margin-right: 8px;
-    margin-bottom: 4px;
+    margin-inline-end: 8px;
+    margin-block-end: 4px;
     padding-block: 8px;
     padding-inline: 12px;
     border-width: 1px;
@@ -55458,10 +55420,10 @@ kendo-scheduler .k-event .k-event-actions,
 }
 
 .k-scrollable-quick-replies {
-    margin-left: -16px;
-    margin-right: -16px;
-    padding-left: 16px;
-    padding-right: 16px;
+    margin-inline-start: -16px;
+    margin-inline-end: -16px;
+    padding-inline-start: 16px;
+    padding-inline-end: 16px;
     display: flex;
     flex-flow: row nowrap;
     flex: 0 0 auto;
@@ -55478,7 +55440,7 @@ kendo-scheduler .k-event .k-event-actions,
 }
 
 .k-scrollable-quick-replies .k-quick-reply + .k-quick-reply {
-    margin-left: 8px;
+    margin-inline-start: 8px;
 }
 
 .k-message-box {
@@ -55512,7 +55474,8 @@ kendo-scheduler .k-event .k-event-actions,
     display: inline-block;
 }
 
-.k-rtl .k-message-box .k-button, .k-message-box .k-button[dir="rtl"] {
+.k-rtl .k-message-box .k-button,
+[dir="rtl"] .k-message-box .k-button {
     transform: scaleX(-1);
 }
 
@@ -55520,19 +55483,23 @@ kendo-scheduler .k-event .k-event-actions,
     margin: 2px 0 0;
 }
 
+.k-message-group.k-alt + .k-card-list,
+.k-message-group.k-alt + kendo-chat-message-attachments.k-card-list {
+    align-self: flex-end;
+}
+
 .k-chat .k-card-deck {
     max-width: calc(100% + 32px);
     box-sizing: border-box;
-    margin-left: -16px;
-    margin-right: -16px;
+    margin-inline-start: -16px;
+    margin-inline-end: -16px;
     padding: 16px 16px 16px;
     overflow: hidden;
     overflow-x: auto;
     scroll-behavior: smooth;
 }
 
-.k-chat .k-card-deck .k-card,
-.k-chat .k-card-deck .k-card-wrap {
+.k-chat .k-card-deck .k-card {
     width: 200px;
 }
 
@@ -55602,38 +55569,28 @@ kendo-scheduler .k-event .k-event-actions,
     }
 }
 
-.k-chat-toolbar,
-.k-chat .k-toolbar-box {
-    padding-block: 8px;
-    padding-inline: 8px;
+.k-chat-toolbar {
     width: 100%;
     border-width: 1px 0 0;
-    box-sizing: border-box;
     flex: none;
-    overflow: hidden;
-    position: relative;
 }
 
-.k-chat-toolbar::before,
-.k-chat .k-toolbar-box::before {
+.k-chat-toolbar::before {
     display: none;
 }
 
-.k-chat-toolbar .k-button-list,
-.k-chat .k-toolbar-box .k-button-list {
+.k-chat-toolbar .k-button-list {
     display: flex;
     flex-flow: row nowrap;
     overflow: hidden;
     scroll-behavior: smooth;
 }
 
-.k-chat-toolbar .k-button,
-.k-chat .k-toolbar-box .k-button {
+.k-chat-toolbar .k-button {
     flex: none;
 }
 
-.k-chat-toolbar .k-scroll-button,
-.k-chat .k-toolbar-box .k-scroll-button {
+.k-chat-toolbar .k-scroll-button {
     padding: 0 4px;
     height: 100%;
     aspect-ratio: auto;
@@ -55642,86 +55599,19 @@ kendo-scheduler .k-event .k-event-actions,
     top: 0;
 }
 
-.k-chat-toolbar .k-scroll-button .k-button-icon,
-.k-chat .k-toolbar-box .k-scroll-button .k-button-icon {
+.k-chat-toolbar .k-scroll-button .k-button-icon {
     min-width: auto;
     min-height: auto;
 }
 
-.k-chat-toolbar .k-scroll-button-left,
-.k-chat .k-toolbar-box .k-scroll-button-left {
-    left: 0;
-}
-
-.k-chat-toolbar .k-scroll-button-right,
-.k-chat .k-toolbar-box .k-scroll-button-right {
-    right: 0;
-}
-
-.k-rtl .k-message-group:not(.k-alt) .k-message-time,
-[dir="rtl"] .k-message-group:not(.k-alt) .k-message-time {
-    margin-left: 0;
-    margin-right: 8px;
-    left: auto;
-    right: 100%;
-}
-
-.k-rtl .k-message-group:not(.k-alt) .k-message-status,
-[dir="rtl"] .k-message-group:not(.k-alt) .k-message-status {
-    left: auto;
-    right: 0;
-}
-
-.k-rtl .k-message-group.k-alt .k-message-time,
-[dir="rtl"] .k-message-group.k-alt .k-message-time {
-    margin-right: 0;
-    margin-left: 8px;
-    right: auto;
-    left: 100%;
-}
-
-.k-rtl .k-message-group.k-alt .k-message-status,
-[dir="rtl"] .k-message-group.k-alt .k-message-status {
-    right: auto;
+.k-chat-toolbar .k-scroll-button-left {
     left: 0;
 }
 
-.k-rtl .k-message-group:not(.k-alt) > .k-avatar,
-[dir="rtl"] .k-message-group:not(.k-alt) > .k-avatar {
-    left: auto;
+.k-chat-toolbar .k-scroll-button-right {
     right: 0;
 }
 
-.k-rtl .k-message-group.k-alt > .k-avatar,
-[dir="rtl"] .k-message-group.k-alt > .k-avatar {
-    right: auto;
-    left: 0;
-}
-
-.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: 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: 40px;
-}
-
-.k-rtl .k-chat .k-card-deck .k-card-wrap + .k-card-wrap,
-[dir="rtl"] .k-chat .k-card-deck .k-card-wrap + .k-card-wrap {
-    margin-left: 0;
-    margin-right: 16px;
-}
-
-.k-rtl .k-quick-reply,
-[dir="rtl"] .k-quick-reply {
-    margin-right: 0;
-    margin-left: 8px;
-}
-
 .k-chat {
     border-color: rgba(0, 0, 0, 0.12);
     color: rgba(0, 0, 0, 0.87);
@@ -55736,7 +55626,7 @@ kendo-scheduler .k-event .k-event-actions,
     font-weight: bold;
 }
 
-.k-chat .k-bubble {
+.k-chat .k-chat-bubble {
     border-color: #ffffff;
     color: rgba(0, 0, 0, 0.87);
     background-color: #ffffff;
@@ -55745,34 +55635,34 @@ kendo-scheduler .k-event .k-event-actions,
     order: -1;
 }
 
-.k-chat .k-bubble a {
+.k-chat .k-chat-bubble a {
     color: #e51a5f;
 }
 
-.k-chat .k-bubble a:hover {
+.k-chat .k-chat-bubble a:hover {
     color: #c2185b;
 }
 
-.k-chat .k-bubble:hover {
+.k-chat .k-chat-bubble:hover {
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
 }
 
-.k-chat .k-selected .k-bubble {
+.k-chat .k-selected .k-chat-bubble {
     box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
 }
 
-.k-chat .k-alt .k-bubble {
+.k-chat .k-alt .k-chat-bubble {
     border-color: #3f51b5;
     color: white;
     background-color: #3f51b5;
     box-shadow: 0 1px 2px rgba(63, 81, 181, 0.2);
 }
 
-.k-chat .k-alt .k-bubble:hover {
+.k-chat .k-alt .k-chat-bubble:hover {
     box-shadow: 0 1px 2px rgba(63, 81, 181, 0.2);
 }
 
-.k-chat .k-alt .k-selected .k-bubble {
+.k-chat .k-alt .k-selected .k-chat-bubble {
     box-shadow: 0 3px 10px rgba(63, 81, 181, 0.4);
 }
 
@@ -56674,8 +56564,6 @@ kendo-scheduler .k-event .k-event-actions,
     background-color: #333333;
 }
 
-kendo-scrollview.k-scrollview-wrap,
-kendo-scrollview.k-scrollview,
 .k-scrollview {
     border-width: 1px;
     border-style: solid;
@@ -56691,62 +56579,40 @@ kendo-scrollview.k-scrollview,
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
-.k-scrollview-wrap .k-scrollview,
-.k-scrollview .k-scrollview-wrap {
-    list-style-type: none;
+.k-scrollview-wrap {
     position: absolute;
     margin: 0;
     padding: 0;
-    width: 100%;
     height: 100%;
+    width: calc(var(--kendo-scrollview-views, 1)*100%);
+    display: flex;
+    flex-flow: row nowrap;
     cursor: default;
     white-space: nowrap;
 }
 
-.k-scrollview-wrap .k-scrollview img,
-.k-scrollview .k-scrollview-wrap img {
+.k-scrollview-wrap .k-scrollview-view {
+    width: calc(100%/var(--kendo-scrollview-views, 1));
+    flex: 0 0 calc(100%/var(--kendo-scrollview-views, 1));
+}
+
+.k-scrollview-wrap img {
     -webkit-user-select: none;
         -ms-user-select: none;
             user-select: none;
 }
 
-.k-scrollview-wrap .k-scrollview > li,
-.k-scrollview .k-scrollview-wrap > li {
-    display: inline-block;
-    overflow: hidden;
-    position: absolute;
-    top: 0;
-    left: 0;
-}
-
-.k-scrollview-wrap .k-scrollview > [data-role="page"],
-.k-scrollview .k-scrollview-wrap > [data-role="page"] {
-    vertical-align: top;
-    display: inline-block;
-    min-height: 1px;
-}
-
 .k-scrollview-wrap.k-scrollview-animate {
-    display: flex;
-    flex-flow: row nowrap;
-    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)));
 }
 
-.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));
-}
-
 [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)));
 }
 
-kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager,
-kendo-scrollview.k-scrollview kendo-scrollview-pager,
 .k-scrollview-nav-wrap {
     padding: 0;
     margin: 0;
@@ -56758,17 +56624,14 @@ kendo-scrollview.k-scrollview kendo-scrollview-pager,
     text-align: center;
 }
 
-kendo-scrollview.k-scrollview-wrap kendo-scrollview-pager,
 kendo-scrollview.k-scrollview kendo-scrollview-pager {
     pointer-events: none;
 }
 
-kendo-scrollview.k-scrollview-wrap .k-scrollview-nav,
 kendo-scrollview.k-scrollview .k-scrollview-nav {
     pointer-events: initial;
 }
 
-.k-scrollview-pageable,
 .k-scrollview-nav {
     margin: 0;
     padding: 20px;
@@ -56785,12 +56648,10 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
     pointer-events: initial;
 }
 
-.k-scrollview-pageable:focus,
 .k-scrollview-nav:focus {
     outline: none;
 }
 
-.k-scrollview-pageable > .k-button,
 .k-scrollview-nav > .k-link {
     margin-block: 0;
     margin-inline: 10px;
@@ -56809,7 +56670,6 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
     vertical-align: top;
 }
 
-.k-scrollview-pageable > .k-button::before,
 .k-scrollview-nav > .k-link::before {
     content: "";
     width: 30px;
@@ -56862,54 +56722,24 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
     transition-timing-function: ease-in-out;
 }
 
-@supports (-webkit-user-select: none) {
-    kendo-scrollview.k-scrollview-wrap ul.k-scrollview li > *,
-    kendo-scrollview.k-scrollview ul.k-scrollview-wrap li > *,
-    div.k-scrollview ul.k-scrollview-wrap li > * {
-        pointer-events: auto;
-    }
-}
-
-@supports not (-webkit-user-select: none) {
-    kendo-scrollview.k-scrollview-wrap ul.k-scrollview li > *,
-    kendo-scrollview.k-scrollview ul.k-scrollview-wrap li > *,
-    div.k-scrollview ul.k-scrollview-wrap li > * {
-        pointer-events: none;
-    }
-}
-
-kendo-scrollview.k-scrollview-wrap,
-kendo-scrollview.k-scrollview,
-div.k-scrollview {
+.k-scrollview {
     border-color: rgba(0, 0, 0, 0.12);
     color: rgba(0, 0, 0, 0.87);
     background-color: #ffffff;
 }
 
-kendo-scrollview.k-scrollview-wrap.k-scrollview-dark kendo-scrollview-pager,
-kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-nav-wrap,
-kendo-scrollview.k-scrollview.k-scrollview-dark kendo-scrollview-pager,
-kendo-scrollview.k-scrollview.k-scrollview-dark .k-scrollview-nav-wrap,
-div.k-scrollview.k-scrollview-dark kendo-scrollview-pager,
-div.k-scrollview.k-scrollview-dark .k-scrollview-nav-wrap {
+.k-scrollview.k-scrollview-dark kendo-scrollview-pager,
+.k-scrollview.k-scrollview-dark .k-scrollview-nav-wrap {
     background-color: rgba(0, 0, 0, 0.4);
 }
 
-kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-next,
-kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-prev,
-kendo-scrollview.k-scrollview.k-scrollview-dark .k-scrollview-next,
-kendo-scrollview.k-scrollview.k-scrollview-dark .k-scrollview-prev,
-div.k-scrollview.k-scrollview-dark .k-scrollview-next,
-div.k-scrollview.k-scrollview-dark .k-scrollview-prev {
+.k-scrollview.k-scrollview-dark .k-scrollview-next,
+.k-scrollview.k-scrollview-dark .k-scrollview-prev {
     color: rgba(0, 0, 0, 0.4);
 }
 
-kendo-scrollview.k-scrollview-wrap.k-scrollview-light kendo-scrollview-pager,
-kendo-scrollview.k-scrollview-wrap.k-scrollview-light .k-scrollview-nav-wrap,
-kendo-scrollview.k-scrollview.k-scrollview-light kendo-scrollview-pager,
-kendo-scrollview.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap,
-div.k-scrollview.k-scrollview-light kendo-scrollview-pager,
-div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
+.k-scrollview.k-scrollview-light kendo-scrollview-pager,
+.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
     background-color: rgba(255, 255, 255, 0.4);
 }
 
@@ -56952,33 +56782,24 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
     opacity: 1;
 }
 
-.k-scrollview-pageable > .k-button,
 .k-scrollview-nav > .k-link {
     background: #ffffff;
     border: #ffffff;
 }
 
-.k-scrollview-pageable > .k-button.k-primary,
 .k-scrollview-nav > .k-link.k-primary {
     background: #3f51b5;
     border: #3f51b5;
 }
 
-.k-scrollview-pageable > .k-button:focus, .k-scrollview-pageable > .k-button.k-focus,
-.k-scrollview-nav > .k-link:focus,
-.k-scrollview-nav > .k-link.k-focus {
+.k-scrollview-nav > .k-link:focus, .k-scrollview-nav > .k-link.k-focus {
     box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
 }
 
-.k-scrollview-nav > .k-link:hover,
-.k-scrollview-nav > .k-link.k-hover {
+.k-scrollview-nav > .k-link:hover, .k-scrollview-nav > .k-link.k-hover {
     box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
 }
 
-.k-scrollview-pageable > .k-button {
-    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.08);
-}
-
 .k-barcode {
     display: inline-block;
 }