UNPKG

@progress/kendo-ui

Version:

This package is part of the [Kendo UI for jQuery](http://www.telerik.com/kendo-ui) suite.

2,429 lines 368 kB
/*! * Copyright 2020 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .k-d-flex { display: -ms-flexbox; display: flex; } .k-flex-row { -ms-flex-direction: row; flex-direction: row; } .k-flex-row-reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .k-flex-col { -ms-flex-direction: column; flex-direction: column; } .k-flex-col-reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .k-flex-column { -ms-flex-direction: column; flex-direction: column; } .k-flex-column-reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .k-flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .k-flex-nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .k-flex-wrap-reverse { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .k-flex-initial { -ms-flex: 0 1 auto; flex: 0 1 auto; } .k-flex-1 { -ms-flex: 1 1 0%; flex: 1 1 0%; } .k-flex-auto { -ms-flex: 1 1 auto; flex: 1 1 auto; } .k-flex-none { -ms-flex: none; flex: none; } .k-flex-grow { -ms-flex-positive: 1; flex-grow: 1; } .k-flex-grow-0 { -ms-flex-positive: 0; flex-grow: 0; } .k-flex-shrink { -ms-flex-negative: 1; flex-shrink: 1; } .k-flex-shrink-0 { -ms-flex-negative: 0; flex-shrink: 0; } .k-flex-basis-auto { -ms-flex-preferred-size: auto; flex-basis: auto; } .k-flex-basis-0 { -ms-flex-preferred-size: 0%; flex-basis: 0%; } .k-align-items-start { -ms-flex-align: start; align-items: flex-start; } .k-align-items-end { -ms-flex-align: end; align-items: flex-end; } .k-align-items-center { -ms-flex-align: center; align-items: center; } .k-align-items-stretch { -ms-flex-align: stretch; align-items: stretch; } .k-align-items-baseline { -ms-flex-align: baseline; align-items: baseline; } .k-align-content-start { -ms-flex-line-pack: start; align-content: flex-start; } .k-align-content-end { -ms-flex-line-pack: end; align-content: flex-end; } .k-align-content-center { -ms-flex-line-pack: center; align-content: center; } .k-align-content-stretch { -ms-flex-line-pack: stretch; align-content: stretch; } .k-align-content-baseline { -ms-flex-line-pack: baseline; align-content: baseline; } .k-align-self-start { -ms-flex-item-align: start; align-self: flex-start; } .k-align-self-end { -ms-flex-item-align: end; align-self: flex-end; } .k-align-self-center { -ms-flex-item-align: center; align-self: center; } .k-align-self-stretch { -ms-flex-item-align: stretch; align-self: stretch; } .k-align-self-baseline { -ms-flex-item-align: baseline; align-self: baseline; } .k-justify-content-start { -ms-flex-pack: start; justify-content: flex-start; } .k-justify-content-end { -ms-flex-pack: end; justify-content: flex-end; } .k-justify-content-center { -ms-flex-pack: center; justify-content: center; } .k-justify-content-between { -ms-flex-pack: justify; justify-content: space-between; } .k-justify-content-around { -ms-flex-pack: distribute; justify-content: space-around; } .k-justify-content-evenly { -ms-flex-pack: space-evenly; justify-content: space-evenly; } .k-d-grid { display: grid; } .k-grid-cols-none { grid-template-columns: none; } .k-grid-rows-none { grid-template-rows: none; } .k-grid-flow-col { grid-auto-flow: column; } .k-grid-flow-col-dense { grid-auto-flow: column dense; } .k-grid-flow-row { grid-auto-flow: row; } .k-grid-flow-row-dense { grid-auto-flow: row dense; } .k-colspan-all { grid-column: 1 / -1; } .k-colspan-auto { grid-column: auto; } .k-rowspan-all { grid-row: 1 / -1; } .k-rowspan-auto { grid-row: auto; } .k-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .k-colspan-1 { grid-column: span 1; } .k-col-start-1 { grid-column-start: 1; } .k-col-end-1 { grid-column-end: 1; } .k-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .k-colspan-2 { grid-column: span 2; } .k-col-start-2 { grid-column-start: 2; } .k-col-end-2 { grid-column-end: 2; } .k-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .k-colspan-3 { grid-column: span 3; } .k-col-start-3 { grid-column-start: 3; } .k-col-end-3 { grid-column-end: 3; } .k-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .k-colspan-4 { grid-column: span 4; } .k-col-start-4 { grid-column-start: 4; } .k-col-end-4 { grid-column-end: 4; } .k-grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .k-colspan-5 { grid-column: span 5; } .k-col-start-5 { grid-column-start: 5; } .k-col-end-5 { grid-column-end: 5; } .k-grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .k-colspan-6 { grid-column: span 6; } .k-col-start-6 { grid-column-start: 6; } .k-col-end-6 { grid-column-end: 6; } .k-grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .k-colspan-7 { grid-column: span 7; } .k-col-start-7 { grid-column-start: 7; } .k-col-end-7 { grid-column-end: 7; } .k-grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .k-colspan-8 { grid-column: span 8; } .k-col-start-8 { grid-column-start: 8; } .k-col-end-8 { grid-column-end: 8; } .k-grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); } .k-colspan-9 { grid-column: span 9; } .k-col-start-9 { grid-column-start: 9; } .k-col-end-9 { grid-column-end: 9; } .k-grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .k-colspan-10 { grid-column: span 10; } .k-col-start-10 { grid-column-start: 10; } .k-col-end-10 { grid-column-end: 10; } .k-grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); } .k-colspan-11 { grid-column: span 11; } .k-col-start-11 { grid-column-start: 11; } .k-col-end-11 { grid-column-end: 11; } .k-grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .k-colspan-12 { grid-column: span 12; } .k-col-start-12 { grid-column-start: 12; } .k-col-end-12 { grid-column-end: 12; } .k-grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .k-rowspan-1 { grid-row: span 1; } .k-row-start-1 { grid-row-start: 1; } .k-row-end-1 { grid-row-end: 1; } .k-grid-rows-2 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .k-rowspan-2 { grid-row: span 2; } .k-row-start-2 { grid-row-start: 2; } .k-row-end-2 { grid-row-end: 2; } .k-grid-rows-3 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .k-rowspan-3 { grid-row: span 3; } .k-row-start-3 { grid-row-start: 3; } .k-row-end-3 { grid-row-end: 3; } .k-grid-rows-4 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .k-rowspan-4 { grid-row: span 4; } .k-row-start-4 { grid-row-start: 4; } .k-row-end-4 { grid-row-end: 4; } .k-grid-rows-5 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .k-rowspan-5 { grid-row: span 5; } .k-row-start-5 { grid-row-start: 5; } .k-row-end-5 { grid-row-end: 5; } .k-grid-rows-6 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .k-rowspan-6 { grid-row: span 6; } .k-row-start-6 { grid-row-start: 6; } .k-row-end-6 { grid-row-end: 6; } .k-grid-rows-7 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .k-rowspan-7 { grid-row: span 7; } .k-row-start-7 { grid-row-start: 7; } .k-row-end-7 { grid-row-end: 7; } .k-grid-rows-8 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .k-rowspan-8 { grid-row: span 8; } .k-row-start-8 { grid-row-start: 8; } .k-row-end-8 { grid-row-end: 8; } .k-grid-rows-9 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .k-rowspan-9 { grid-row: span 9; } .k-row-start-9 { grid-row-start: 9; } .k-row-end-9 { grid-row-end: 9; } .k-grid-rows-10 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .k-rowspan-10 { grid-row: span 10; } .k-row-start-10 { grid-row-start: 10; } .k-row-end-10 { grid-row-end: 10; } .k-hbox, .k-vbox { display: -ms-flexbox; display: flex; } .k-ihbox, .k-ivbox { display: -ms-inline-flexbox; display: inline-flex; } .k-hbox, .k-ihbox { -ms-flex-direction: row; flex-direction: row; } .k-vbox, .k-ivbox { -ms-flex-direction: column; flex-direction: column; } .k-column { -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; } .fake { color: red; } .k-common-test-class { opacity: 0; } .k-reset { margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; font-size: 100%; list-style: none; } .k-no-click { pointer-events: none; } .k-floatwrap:after, .k-slider-items:after, .k-grid-toolbar:after { content: ""; display: block; clear: both; visibility: hidden; height: 0; overflow: hidden; } .k-floatwrap, .k-slider-items, .k-grid-toolbar { display: inline-block; } .k-floatwrap, .k-slider-items, .k-grid-toolbar { display: block; } .k-block, .k-header, .k-grid-header, .k-toolbar, .k-grouping-header, .k-pager-wrap, .k-tabstrip-items .k-item, .k-link.k-state-hover, .k-autocomplete, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap, .k-autocomplete.k-state-hover, .k-dropdown-wrap.k-state-hover, .k-picker-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-draghandle { background-repeat: repeat; background-position: 0 center; } .k-link:hover { text-decoration: none; } .k-state-highlight > .k-link { color: inherit; } .k-textbox > input, .k-textarea > textarea, .k-multiselect .k-input, .k-input[type="text"], .k-input[type="number"], .k-textbox, .k-textarea, .k-picker-wrap .k-input { font-size: 100%; font-family: inherit; border-style: solid; border-width: 1px; -webkit-appearance: none; } .k-widget, .k-block, .k-inline-block, .k-draghandle { border-style: solid; border-width: 1px; -webkit-appearance: none; } .k-block, .k-widget { line-height: normal; outline: 0; } .k-widget .k-input::-ms-clear, .k-list-filter ::-ms-clear { width: 0; height: 0; } .k-block, .k-widget, .k-grid, .k-slider, .k-splitter, .k-treeview, .k-panelbar, .k-content, .k-header-column-menu { outline: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-block, .k-slider, .k-splitbar, .k-calendar, .k-treeview, .k-pager-wrap, .k-grid-header .k-i-link-horizontal, .k-header-column-menu { -webkit-touch-callout: none; } .k-header-column-menu { color: inherit; } .k-block { padding: 2px; } .k-block > .k-header { margin: -2px 0 10px -2px; padding: 0.3em 2px; width: 100%; border-bottom-style: solid; border-bottom-width: 1px; font-size: 1.2em; white-space: nowrap; min-height: 16px; position: relative; } a.k-button-expand { display: block; } button.k-button-expand, input[type="submit"].k-button-expand, input[type="button"].k-button-expand, input[type="reset"].k-button-expand { width: 100%; } .k-toolbar .k-button-icontext { padding-right: 0.8em; } .k-link { cursor: pointer; outline: 0; text-decoration: none; } .k-grid-header span.k-link { cursor: default; } .k-state-disabled, .k-state-disabled .k-link, .k-state-disabled .k-icon, .k-state-disabled .k-draghandle, .k-state-disabled .k-upload-button input { cursor: default !important; pointer-events: none; outline: 0; } .k-state-disabled { opacity: 0.7; } .k-state-disabled > .k-button { opacity: 1; } @media print { .k-state-disabled, .k-state-disabled .k-input { opacity: 1 !important; } } .k-state-error { border-style: ridge; } .k-state-empty { font-style: italic; } .k-icon.k-i-none { background-image: none !important; } .k-image { border: 0; } .k-widget .k-icon.k-i-expand, .k-widget .k-icon.k-i-collapse { cursor: pointer; } html .k-success-colored { color: #507f50; border-color: #d0dfd0; background-color: #f0fff0; } html .k-info-colored { color: #50607f; border-color: #d0d9df; background-color: #f0f9ff; } html .k-error-colored { color: #7f5050; border-color: #dfd0d0; background-color: #fff0f0; } .k-inline-block { padding: 0 2px; } .k-loading, .k-loading-image { background-color: transparent; background-repeat: no-repeat; background-position: center center; } .k-icon.k-i-loading { background-color: transparent; background-repeat: no-repeat; background-position: center center; } .k-icon.k-i-loading::before { content: ""; display: none; } .k-loading-mask, .k-loading-image, .k-loading-text { position: absolute; } .k-loading-mask { z-index: 100; } .k-loading-mask.k-opaque .k-loading-color { opacity: 1; } .k-loading-mask .k-loading-progress { margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .k-loading-text { text-indent: -4000px; text-align: center; } .k-loading-image, .k-loading-color { width: 100%; height: 100%; } .k-loading-image { top: 0; left: 0; z-index: 2; } .k-loading-color { filter: alpha(opacity=30); opacity: 0.3; } .k-content-frame { border: 0; width: 100%; height: 100%; } .k-pane > .k-splitter-overlay { filter: alpha(opacity=0); opacity: 0; position: absolute; } .k-drag-clue { position: absolute; z-index: 10003; border-style: solid; border-width: 1px; font-size: 0.9em; padding: 0.2em 0.4em; white-space: nowrap; cursor: default; } .k-item.k-drag-clue { font-size: inherit; } .k-drag-status { margin-top: -3px; margin-right: 4px; vertical-align: middle; } .k-reorder-cue { position: absolute; width: 1px; overflow: visible; } .k-reorder-cue .k-icon { position: absolute; left: -4px; width: 8px; height: 4px; } .k-reorder-cue .k-i-arrow-60-down { top: -4px; } .k-reorder-cue .k-i-arrow-60-up { bottom: -4px; } .k-scrollbar { position: absolute; overflow: scroll; } .k-scrollbar-vertical { top: 0; right: 0; width: 17px; height: 100%; overflow-x: hidden; } .k-touch-scrollbar { display: none; position: absolute; z-index: 200000; height: 8px; width: 8px; border: 1px solid #8a8a8a; background-color: #858585; } @media only screen and (-webkit-min-device-pixel-ratio: 2) { body .k-touch-scrollbar { height: 12px; width: 12px; border-radius: 7px; } } .k-virtual-scrollable-wrap { overflow-x: auto; } .k-current-time { background: #f00; position: absolute; } .k-current-time-arrow-down { width: 0; height: 0; background: transparent; border-bottom: 4px solid transparent; border-top: 4px solid #f00; border-left: 4px solid transparent; border-right: 4px solid transparent; } .k-current-time-arrow-left { width: 0; height: 0; background: transparent; border-bottom: 4px solid transparent; border-top: 4px solid transparent; border-left: 4px solid transparent; border-right: 4px solid #f00; } .k-current-time-arrow-right { width: 0; height: 0; background: transparent; border-bottom: 4px solid transparent; border-top: 4px solid transparent; border-left: 4px solid #f00; border-right: 4px solid transparent; } .k-animation-container, .k-widget, .k-widget *, .k-animation-container *, .k-widget *:before, .k-animation-container *:after, .k-block .k-header, .k-list-container { box-sizing: content-box; } .k-textbox, .k-textarea, .k-autocomplete, .k-tabstrip > .k-content > .km-scroll-container, .k-block, .k-edit-cell .k-widget, .k-grid-edit-row .k-widget, .k-grid-edit-row .text-box, .km-actionsheet > li, .km-shim { box-sizing: border-box; } .input-group .form-control { box-sizing: border-box; } .form-control.k-widget { padding: 0; } .km-widget, .km-widget * { -moz-background-clip: border-box; -webkit-background-clip: border-box; background-clip: border-box; } .k-pdf-export-shadow { position: absolute; overflow: hidden; left: -15000px; width: 14400px; } .km-native-scroller { overflow: auto; -webkit-overflow-scrolling: touch; -ms-touch-action: pan-x pan-y; -ms-overflow-style: -ms-autohiding-scrollbar; -ms-scroll-snap-type: proximity; } .k-hr { margin: 0.5em auto; padding: 0; height: 0; border-width: 1px 0 0; border-style: solid; display: block; float: none; clear: both; } .k-icon, .k-tool-icon { position: relative; display: inline-block; overflow: hidden; width: 1em; height: 1em; text-align: center; vertical-align: middle; background-image: none; font: 16px/1 'WebComponentsIcons'; speak: none; font-variant: normal; text-transform: none; text-indent: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: inherit; } .k-i-drag-and-drop, .k-column-menu .k-sprite, .k-grid-mobile .k-resize-handle-inner:before, .k-grid-mobile .k-resize-handle-inner:after, .k-pager-numbers .k-current-page .k-link:after, .k-gantt-views > .k-current-view > .k-link:after { position: relative; display: inline-block; overflow: hidden; width: 1em; height: 1em; text-align: center; vertical-align: middle; background-image: none; font: 16px/1 'WebComponentsIcons'; speak: none; font-variant: normal; text-transform: none; text-indent: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .k-icon:before { margin: auto; width: 1em; height: 1em; line-height: 1; display: inline-block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .k-button.k-button-icon .k-icon, .k-grid-filter .k-icon, .k-header .k-icon { text-indent: -99999px; overflow: hidden; } .k-button.k-button-icon .k-icon:before, .k-grid-filter .k-icon:before, .k-header .k-icon:before { text-indent: 0; } .k-sprite { width: 16px; height: 16px; font-size: 0; line-height: 0; text-align: center; background-repeat: no-repeat; background-color: transparent; display: inline-block; vertical-align: middle; overflow: hidden; -ms-high-contrast-adjust: none; } .k-list-container .k-footer:before, .k-list-container .k-footer:after { content: ""; display: block; overflow: hidden; } .k-reorder-cue { position: absolute; } .k-reorder-cue::before, .k-reorder-cue::after { content: ""; width: 0; height: 0; border: 3px solid transparent; position: absolute; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .k-reorder-cue::before { border-bottom-width: 0; border-top-color: currentColor; top: -4px; } .k-reorder-cue::after { border-top-width: 0; border-bottom-color: currentColor; bottom: -4px; } .k-flip-h { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .k-flip-v { -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } .k-flip-h.k-flip-v { -webkit-transform: scale(-1, -1); -ms-transform: scale(-1, -1); transform: scale(-1, -1); } .k-text-align-left, .k-text-left { text-align: left; } .k-text-align-center, .k-text-center { text-align: center; } .k-text-align-right, .k-text-right { text-align: right; } .k-text-align-justify, .k-text-justify { text-align: justify; } .k-button { margin: 0; padding: 6px 12px; box-sizing: border-box; border-width: 1px; border-style: solid; background-repeat: repeat-x; background-position: 0 center; font: inherit; line-height: 1.42857143; text-align: center; text-decoration: none; display: -ms-inline-flexbox; display: inline-flex; overflow: hidden; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; vertical-align: middle; -webkit-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; outline: none; -webkit-appearance: none; position: relative; } .k-button::-moz-focus-inner { padding: 0; border: 0; outline: 0; } .k-button:hover, .k-button:focus { text-decoration: none; outline: 0; } .k-button .k-text, .k-button .k-button-text { overflow: hidden; white-space: nowrap; } .k-button .k-icon, .k-button .k-image, .k-button .k-sprite { color: inherit; -ms-flex-item-align: center; align-self: center; pointer-events: none; } .k-button-icontext { overflow: visible; } .k-button-icontext .k-icon, .k-button-icontext .k-image, .k-button-icontext .k-sprite { margin-right: 3px; margin-right: 0.1875em; margin-left: -2px; margin-left: -0.125em; } .k-button-icon { width: calc(1.4285714286em + 14px); height: calc(1.4285714286em + 14px); padding: 6px; } .k-button-icon .k-text, .k-button-icon .k-button-text { display: none; } .k-button[disabled], .k-state-disabled .k-button, .k-button.k-state-disabled { cursor: default; outline: 0; box-shadow: none; opacity: 0.6; } a.k-button-expand { display: block; } button.k-button-expand, input[type="submit"].k-button-expand, input[type="button"].k-button-expand, input[type="reset"].k-button-expand { width: 100%; } .k-button.k-flat { border-color: transparent !important; color: inherit; background: none !important; box-shadow: none !important; transition: color 0.2s ease-in-out; } .k-button.k-flat:hover, .k-button.k-flat.k-state-hover, .k-button.k-flat:active, .k-button.k-flat.k-state-active, .k-button.k-flat:hover:active, .k-button.k-flat:hover.k-state-active { color: inherit; } .k-button.k-flat::before { display: block; } .k-button.k-flat::after { display: block; } .k-button.k-flat:focus::after, .k-button.k-flat.k-state-focused::after { box-shadow: inset 0 0 0 2px currentColor; opacity: 0.12; } .k-button.k-flat[disabled], .k-state-disabled .k-button.k-flat, .k-button.k-flat.k-state-disabled { pointer-events: none; } .k-button::before { border-radius: inherit; content: ""; background: currentColor; opacity: 0; display: none; pointer-events: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; transition: opacity 0.2s ease-in-out; } .k-button:hover::before, .k-button.k-state-hover::before { opacity: 0.08; } .k-button.k-no-focus:not(:hover)::before, .k-button.k-no-focus:not(.k-state-hover)::before { opacity: 0; } .k-button:active::before, .k-button.k-state-active::before { opacity: 0.16; } .k-button.k-state-selected::before { opacity: 0.2; } .k-button::after { border-radius: inherit; content: ""; opacity: 0; display: none; pointer-events: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; transition: opacity 0.2s ease-in-out; } .k-button-group { margin: 0; padding: 0; border-width: 0; list-style: none; white-space: nowrap; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: row; flex-direction: row; vertical-align: middle; position: relative; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .k-button-group .k-button { position: relative; } .k-button-group .k-button + .k-button { margin-left: -1px; } .k-button-group.k-button-group-stretched { display: -ms-flexbox; display: flex; } .k-button-group.k-button-group-stretched .k-button { -ms-flex: 1 0 auto; flex: 1 0 auto; } .k-button-group .k-button:active, .k-button-group .k-button.k-state-active { z-index: 2; } .k-button-group .k-button:hover, .k-button-group .k-button.k-state-hover { z-index: 3; } .k-button-group .k-button.k-state-disabled, .k-button-group.k-state-disabled .k-button { z-index: auto; } .k-button-group .k-button:focus, .k-button-group .k-button.k-state-focused { z-index: 4; } .k-button-group > input[type="radio"], .k-button-group > input[type="checkbox"], .k-button-group label input[type="radio"], .k-button-group label input[type="checkbox"] { margin: 0; padding: 0; clip: rect(0, 0, 0, 0); position: absolute; pointer-events: none; } .k-split-button { margin: 0; padding: 0; border-width: 0; border-radius: 0; outline: 0; list-style: none; display: -ms-inline-flexbox; display: inline-flex; -ms-flex: row nowrap; flex: row nowrap; vertical-align: middle; } .k-split-button > .k-split-button-arrow, .k-split-button > .k-button:last-child { margin-left: -1px; padding: 6px; width: auto; -ms-flex: none; flex: none; } .k-split-container > li { padding: 1px; } .k-split-container .k-button { width: 100%; border-color: transparent; background-color: transparent; background-image: none !important; text-align: left; white-space: nowrap; -ms-flex-pack: start; justify-content: flex-start; } .k-action-buttons { margin: 1em 0 0; padding: 6px 8px; text-align: right; position: relative; clear: both; } .k-action-buttons .k-button { min-width: 75px; } .k-action-buttons .k-button + .k-button { margin-left: 6px; } .k-action-buttons .k-button.k-left { float: left; margin: 0 0 0 1em; } .k-rtl .k-button-group .k-button { margin-left: 0; } .k-rtl .k-button-group .k-button + .k-button { margin-right: -1px; } .k-rtl .k-split-button .k-split-button-arrow { margin-left: 0; margin-right: -1px; } .k-rtl .k-split-container .k-button { text-align: right; } .k-no-flexbox .k-button { display: inline-block; } .k-no-flexbox .k-button-group { display: inline-block; } .k-no-flexbox .k-button-group:after { content: ""; display: block; clear: both; } .k-no-flexbox .k-button-group .k-button { display: inline-block; vertical-align: top; } .k-toolbar { margin: 0; padding: 3px 8px; border-width: 1px; border-style: solid; border-radius: 4px; outline: 0; font-size: inherit; line-height: 1.42857143; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; position: relative; overflow: hidden; box-sizing: border-box; } .k-toolbar::before { content: ""; height: calc(1.4285714286em + 14px); } .k-toolbar.k-toolbar-resizable { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .k-toolbar > * { margin-top: 3px; margin-bottom: 3px; margin-right: 8px; -ms-flex-negative: 0; flex-shrink: 0; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: center; align-content: center; vertical-align: middle; } .k-toolbar > * > label { margin-right: 8px; } .k-toolbar > :last-child { margin-right: 0; } .k-toolbar .k-button, .k-toolbar .k-button-group, .k-toolbar .k-separator, .k-toolbar .k-split-button, .k-toolbar .k-textbox, .k-toolbar .k-widget, .k-toolbar label { -ms-flex-item-align: center; align-self: center; } .k-toolbar .k-split-button > .k-button { -ms-flex-item-align: stretch; align-self: stretch; } .k-toolbar .k-overflow-anchor { margin: 0; width: calc(1.4285714286em + 26px); height: 100%; border-width: 0; border-left-width: 1px; border-radius: 0; border-color: inherit; box-sizing: border-box; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; right: 0; } .k-toolbar .k-separator, .k-toolbar .k-toolbar-separator { width: 0; height: 1.42857143em; border-width: 0 0 0 1px; border-style: solid; } .k-toolbar .k-spacer, .k-toolbar .k-toolbar-spacer { height: 1.42857143em; -ms-flex: 1 1 auto; flex: 1 1 auto; } .k-overflow-container > .k-item { padding: 1px; } .k-overflow-container .k-overflow-tool-group { display: block; } .k-overflow-container .k-overflow-button { width: 100%; border-color: transparent; background-color: transparent; background-image: none !important; text-align: left; -ms-flex-pack: start; justify-content: flex-start; } .k-overflow-container .k-button-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .k-overflow-container .k-button-group .k-button ~ .k-button { margin: 0; } .k-overflow-container .k-split-button { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .k-overflow-container .k-split-button .k-button { padding: 6px 12px; } .k-overflow-container .k-split-button .k-button ~ .k-button { margin: 0; } .k-overflow-container .k-separator { display: none; } .k-overflow-container .k-overflow-hidden { display: none; } .k-rtl .k-toolbar > * { margin-right: 0; margin-left: 8px; } .k-rtl .k-toolbar > :last-child { margin-left: 0; } .k-rtl .k-toolbar .k-overflow-anchor { border-left-width: 0; border-right-width: 1px; right: auto; left: 0; } .k-rtl .k-overflow-container .k-overflow-button { text-align: right; } .k-no-flexbox .k-toolbar { display: block; } .k-no-flexbox .k-toolbar.k-toolbar-resizable { white-space: nowrap; } .k-no-flexbox .k-toolbar > * { display: inline-block; vertical-align: middle; } .k-no-flexbox .k-toolbar > .k-align-left { float: none; } .k-no-flexbox .k-toolbar > .k-align-right { float: right; } .k-rpanel-left { -webkit-transform: translateX(-100%) translateZ(0); -ms-transform: translateX(-100%) translateZ(0); transform: translateX(-100%) translateZ(0); left: 0; } .k-rpanel-right { -webkit-transform: translateX(100%) translateZ(0); -ms-transform: translateX(100%) translateZ(0); transform: translateX(100%) translateZ(0); right: 0; } .k-rpanel-left, .k-rpanel-right { position: fixed; display: block; overflow: auto; min-width: 320px; height: 100%; top: 0; } .k-rpanel-left.k-rpanel-expanded, .k-rpanel-right.k-rpanel-expanded { -webkit-transform: translateX(0) translateZ(0); -ms-transform: translateX(0) translateZ(0); transform: translateX(0) translateZ(0); } .k-rpanel-left + *, .k-rpanel-right + * { overflow: auto; } .k-ie9 .k-rpanel-left { left: -100%; } .k-ie9 .k-rpanel-left.k-rpanel-expanded { left: 0; } .k-rpanel-top { position: static; max-height: 0; } .k-rpanel-top.k-rpanel-expanded { max-height: 568px; overflow: visible !important; } .k-rpanel-toggle { -ms-touch-action: manipulation; touch-action: manipulation; } .k-form { border-width: 0; box-sizing: border-box; font-size: inherit; line-height: 1.42857143; } .k-form-fieldset { margin: 32px 0 0; padding: 0 0; border-width: 0; box-sizing: border-box; } .k-form-fieldset > *:first-child { margin-top: 0; } .k-form-legend { margin: 0 0 16px; padding: 0 0; border-style: solid; width: 100%; border-width: 0 0 2px; box-sizing: border-box; font-size: inherit; line-height: 1.42857143; text-transform: uppercase; } .k-form-field { margin: 0 0 16px; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .k-form-field:first-child { margin-top: 0; } .k-form-field > .k-label, .k-form-field > .k-form-label { margin: 0 0 8px; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-negative: 0; flex-shrink: 0; } .k-form-field .k-textbox, .k-form-field .k-textarea, .k-form-field .k-autocomplete, .k-form-field .k-combobox, .k-form-field .k-dropdown, .k-form-field .k-dropdowntree, .k-form-field .k-dateinput, .k-form-field .k-datepicker, .k-form-field .k-datetimepicker, .k-form-field .k-daterangepicker-wrap, .k-form-field .k-maskedtextbox, .k-form-field .k-multiselect, .k-form-field .k-numerictextbox, .k-form-field .k-timepicker, .k-form-field .k-textbox-container, .k-form-field .k-floating-label-container { width: 100%; } .k-form-hint, .k-form-error { padding: 4px 0 0; margin: 0 0 4px; font-size: 12px; display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .k-form-horizontal .k-form-field { display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .k-form-horizontal .k-form-field > .k-label, .k-form-horizontal .k-form-field > .k-form-label { margin-right: 10px; padding-top: 5px; width: 25%; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .k-form-horizontal .k-form-field .k-label-optional { margin: 0; -ms-flex-item-align: inherit; align-self: inherit; } .k-form-horizontal .k-form-field-wrap { -ms-flex: 1; flex: 1; } .k-form-buttons { margin: 16px 0 0; padding: 0 0; border-width: 0; border-top-width: 0; border-style: solid; display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .k-form-buttons > * { -webkit-margin-start: 8px; margin-inline-start: 8px; } .k-form-buttons > :first-child { -webkit-margin-start: 0; margin-inline-start: 0; } .k-form-buttons.k-buttons-end { -ms-flex-pack: end; justify-content: flex-end; } .k-edit-form { margin: 0; padding: 0; } .k-window > div.k-popup-edit-form { padding: 1em 0; } .k-grid-edit-row .k-edit-form td { border-bottom-width: 0; } .k-edit-form-container { position: relative; width: 400px; } .k-edit-label, .k-edit-form-container .editor-label { float: left; clear: both; width: 30%; padding: 0.4em 0 1em; margin-left: 2%; text-align: right; } .k-edit-field, .k-edit-form-container .editor-field { float: right; clear: right; width: 60%; margin-right: 2%; padding: 0 0 0.6em; } .k-edit-field.k-no-editor, .k-edit-form-container .editor-field.k-no-editor { padding: 0.4em 0 1em; } .k-edit-form-container .k-button { margin: 0 0.16em; } .k-edit-field > .k-button:first-child { margin-left: 0; } .k-edit-form-container .k-edit-buttons { clear: both; text-align: right; border-width: 1px 0 0; border-style: solid; position: relative; bottom: -1em; padding: 0.6em; } .k-tabstrip { margin: 0; padding: 0; zoom: 1; position: relative; } .k-tabstrip-items { padding: 0.3em 0.3em 0; } .k-tabstrip-scrollable .k-tabstrip-items { white-space: nowrap; overflow: hidden; } .k-tabstrip > .k-button.k-flat { position: absolute; top: 0.27em; z-index: 2; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .k-tabstrip-bottom > .k-button.k-flat { top: auto; bottom: 0.15em; } .k-tabstrip-prev { left: 0.4em; } .k-tabstrip-next { right: 0.4em; } .k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item { list-style-type: none; display: inline-block; position: relative; border-style: solid; border-width: 1px 1px 0; padding: 0; vertical-align: top; } .k-tabstrip-items > .k-item { overflow: hidden; } .k-tabstrip-items .k-tab-on-top, .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-items .k-state-active { margin-bottom: -1px; padding-bottom: 1px; } .k-tabstrip-top > .k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item { margin: 0 -1px 0 0; } .k-tabstrip-top > .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-top > .k-tabstrip-items .k-state-active { border-bottom-width: 1px; margin-bottom: -1px; padding-bottom: 0px; } .k-tabstrip-items .k-tab-on-top { z-index: 1; } .k-tabstrip-items .k-link, .k-panelbar .k-tabstrip-items .k-link { display: inline-block; border-bottom-width: 0; padding: 0.5em 0.92em; } .k-tabstrip-items .k-icon, .k-panelbar .k-tabstrip-items .k-icon { margin: -1px 4px 0 -3px; vertical-align: top; } .k-tabstrip-items .k-item .k-image, .k-tabstrip-items .k-item .k-sprite, .k-panelbar .k-tabstrip-items .k-item .k-image, .k-panelbar .k-tabstrip-items .k-item .k-sprite { margin: -3px 3px 0 -6px; vertical-align: middle; } .k-tabstrip-items .k-loading { top: 0; left: 0; height: 0; width: 20%; position: absolute; background: transparent; border-top: 1px solid transparent; border-color: inherit; transition: width 200ms linear; -webkit-animation: k-tab-loader 1s ease-in-out infinite; animation: k-tab-loader 1s ease-in-out infinite; } .k-tabstrip-items .k-progress { -webkit-animation: none; animation: none; } .k-tabstrip-items .k-loading.k-complete { width: 100%; -webkit-animation: none; animation: none; } .k-tabstrip > .k-content, .k-panelbar .k-tabstrip > .k-content { position: static; border-style: solid; border-width: 1px; margin: 0 0.286em 0.3em; padding: 0.92em; zoom: 1; } .k-tabstrip > .k-content { display: none; overflow: auto; } .k-tabstrip > .k-content.km-scroll-wrapper { padding: 0; } .k-tabstrip > .k-content > .km-scroll-container { padding: 0.3em 0.92em; } @-webkit-keyframes k-tab-loader { 0% { left: 0; } 50% { left: 80%; } 100% { left: 0; } } @keyframes k-tab-loader { 0% { left: 0; } 50% { left: 80%; } 100% { left: 0; } } .k-tabstrip-left > div.k-content, .k-tabstrip-right > div.k-content { margin: 0.286em 0.3em; } .k-tabstrip-left > .k-tabstrip-items .k-item, .k-tabstrip-right > .k-tabstrip-items .k-item { display: block; margin-bottom: -1px; } .k-tabstrip-left > .k-tabstrip-items .k-link, .k-tabstrip-right > .k-tabstrip-items .k-link { display: block; } .k-tabstrip-left > .k-tabstrip-items .k-tab-on-top, .k-tabstrip-right > .k-tabstrip-items .k-tab-on-top, .k-tabstrip-left > .k-tabstrip-items .k-state-active, .k-tabstrip-right > .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-left > .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-right > .k-tabstrip-items .k-state-active { margin-bottom: -1px; padding-bottom: 0; } .k-tabstrip-left > .k-tabstrip-items { float: left; padding: 0.25em 0 0.3em 0.3em; } .k-tabstrip-left > .k-tabstrip-items .k-item { border-width: 1px 0 1px 1px; border-radius: 3px 0 0 3px; } .k-tabstrip-left > .k-tabstrip-items .k-state-active { border-width: 1px 0 1px 1px; } .k-tabstrip-left > .k-tabstrip-items .k-tab-on-top, .k-tabstrip-left > .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-left > .k-tabstrip-items .k-state-active { margin-right: -1px; padding-right: 1px; } .k-tabstrip-right > .k-tabstrip-items { float: right; padding: 0.25em 0.3em 0.3em 0; } .k-tabstrip-right > .k-tabstrip-items .k-item { border-width: 1px 1px 1px 0; border-radius: 0 3px 3px 0; } .k-tabstrip-right > .k-tabstrip-items .k-state-active { border-width: 1px 1px 1px 0; } .k-tabstrip-right > .k-tabstrip-items .k-tab-on-top, .k-tabstrip-right > .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-right > .k-tabstrip-items .k-state-active { margin-left: -1px; padding-left: 1px; } .k-tabstrip-bottom > .k-tabstrip-items { margin-top: -1px; padding: 0 0.3em 0.3em; } .k-tabstrip-bottom > .k-content, .k-panelbar .k-tabstrip-bottom > .k-content { margin: 0.3em 0.286em 0; z-index: 1; position: relative; } .k-tabstrip-bottom > .k-tabstrip-items .k-item { border-width: 0 1px 1px; border-radius: 0 0 4px 4px; } .k-tabstrip-bottom > .k-tabstrip-items .k-state-active { margin-bottom: 0; padding-bottom: 0; } .k-tabstrip-bottom > .k-content { min-height: 100px; } .k-tabstrip-bottom > .k-tabstrip-items .k-loading { top: auto; bottom: 0; } .k-panelbar { zoom: 1; } .k-panelbar > .k-item, .k-panel > .k-item { list-style-type: none; display: block; border-width: 0; margin: 0; zoom: 1; border-radius: 0; } .k-panelbar .k-link > .k-image, .k-panelbar .k-link > .k-sprite { margin-top: -2px; margin-right: 5px; vertical-align: middle; } .k-panelbar > .k-item > .k-link, .k-panel > .k-item > .k-link { color: inherit; display: block; position: relative; border-bottom-style: solid; border-bottom-width: 1px; padding: 0 1em; line-height: 2.34em; text-decoration: none; zoom: 1; } .k-panelbar-expand.k-icon, .k-panelbar-collapse.k-icon { position: absolute; top: 50%; right: 4px; margin-top: -8px; } .k-panelbar .k-panel, .k-panelbar .k-content { position: relative; border-bottom-style: solid; border-bottom-width: 1px; margin: 0; padding: 0; zoom: 1; } .k-panel > .k-item > .k-link { border-bottom: 0; font-size: 0.95em; line-height: 2.2; } .k-panel .k-panel > .k-item > .k-link { padding-left: 2em; } .k-panelbar .k-i-arrow-end-right .k-link { border-bottom: 0; } .k-panel .k-panel { border-bottom: 0; } .k-pager-wrap { padding: 4px 4px; border-width: 1px; border-style: solid; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; overflow: hidden; cursor: default; -ms-flex: 0 0 auto; flex: 0 0 auto; } .k-pager-wrap .k-link { color: inherit; text-decoration: none; outline: 0; font: inherit; background-color: inherit; } .k-pager-wrap .k-widget, .k-pager-wrap select.k-dropdown { font-size: inherit; } .k-rtl .k-pager-wrap .k-i-arrow-end-left, .k-pager-wrap[dir="rtl"] .k-i-arrow-end-left, [dir="rtl"] .k-pager-wrap .k-i-arrow-end-left, .k-rtl .k-pager-wrap .k-i-arrow-60-left, .k-pager-wrap[dir="rtl"] .k-i-arrow-60-left, [dir="rtl"] .k-pager-wrap .k-i-arrow-60-left, .k-rtl .k-pager-wrap .k-i-arrow-60-right, .k-pager-wrap[dir="rtl"] .k-i-arrow-60-right, [dir="rtl"] .k-pager-wrap .k-i-arrow-60-right, .k-rtl .k-pager-wrap .k-i-arrow-end-right, .k-pager-wrap[dir="rtl"] .k-i-arrow-end-right, [dir="rtl"] .k-pager-wrap .k-i-arrow-end-right, .k-rtl .k-pager-wrap .k-i-seek-w, .k-pager-wrap[dir="rtl"] .k-i-seek-w, [dir="rtl"] .k-pager-wrap .k-i-seek-w, .k-rtl .k-pager-wrap .k-i-arrow-w, .k-pager-wrap[dir="rtl"] .k-i-arrow-w, [dir="rtl"] .k-pager-wrap .k-i-arrow-w, .k-rtl .k-pager-wrap .k-i-arrow-e, .k-pager-wrap[dir="rtl"] .k-i-arrow-e, [dir="rtl"] .k-pager-wrap .k-i-arrow-e, .k-rtl .k-pager-wrap .k-i-seek-e, .k-pager-wrap[dir="rtl"] .k-i-seek-e, [dir="rtl"] .k-pager-wrap .k-i-seek-e { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .k-pager-nav { border-radius: 0; padding: 6px 6px; min-width: 2.3em; height: 2.3em; border-width: 1px; border-style: solid; outline: 0; box-sizing: border-box; color: inherit; text-align: center; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; } .k-pager-nav:hover { z-index: 2; } .k-pager-nav.k-state-disabled { color: inherit; } .k-pager-numbers-wrap { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; position: relative; } .k-pager-numbers-wrap select.k-dropdown { height: 100%; display: none; cursor: pointer; } .k-pager-numbers { margin: 0; padding: 0; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; } .k-pager-numbers li { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: row; flex-direction: row; } .k-pager-numbers .k-link { border-radius: 0; padding: 6px 6px; min-width: 2.3em; height: 2.3em; border-width: 1px; border-style: solid; outline: 0; box-sizing: border-box; color: inherit; text-align: center; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; } .k-pager-numbers .k-link:hover { z-index: 2; } .k-pager-numbers .k-link.k-state-disabled { color: inherit; } .k-pager-numbers .k-state-selected { cursor: inherit; z-index: 2; } .k-pager-nav + .k-pager-nav, .k-pager-nav + .k-pager-numbers-wrap, .k-pager-numbers-wrap + .k-pager-nav, .k-pager-numbers li + li { margin-left: -1px; } .k-rtl .k-pager-nav + .k-pager-nav, .k-rtl .k-pager-nav + .k-pager-numbers-wrap, .k-rtl .k-pager-numbers-wrap + .k-pager-nav, .k-rtl .k-pager-numbers li + li, [dir="rtl"] .k-pager-nav + .k-pager-nav, [dir="rtl"] .k-pager-nav + .k-pager-numbers-wrap, [dir="rtl"] .k-pager-numbers-wrap + .k-pager-nav, [dir="rtl"] .k-pager-numbers li + li { margin-left: 0; margin-right: -1px; } .k-pager-input { margin-left: 1em; margin-right: 1em; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; } .k-pager-input .k-textbox { margin: 0 1ex; width: 3em; } .k-pager-sizes { margin-left: 1em; margin-right: 1em; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; } .k-pager-sizes .k-dropdown, .k-pager-sizes > select { margin-right: 1ex; width: 5em; } .k-rtl .k-pager-sizes .k-dropdown, [dir="rtl"] .k-pager-sizes .k-dropdown, .k-rtl .k-pager-sizes > select, [dir="rtl"] .k-pager-sizes > select { margin-left: 1ex; margin-right: 0; } .k-pager-info { margin-left: 1em; margin-right: 1em; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; text-align: right; -ms-flex-pack: end; justify-content: flex-end; -ms-flex: 1 1 0%; flex: 1 1 0%; -ms-flex-order: 9; order: 9; } .k-pager-refresh { border-radius: 0; padding: 6px 6px; min-width: 2.3em; height: 2.3em; border-width: 1px; border-style: solid; outline: 0; box-sizing: border-box; color: inherit; text-align: center; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; margin-left: auto; -ms-flex-order: 10; order: 10; } .k-pager-refresh:hover { z-index: 2; } .k-pager-refresh.k-state-disabled { color: inherit; } .k-rtl .k-pager-refresh, [dir="rtl"] .k-pager-refresh { margin-left: 0; margin-right: auto; } .k-pager-sm { overflow: visible; } .k-pager-sm.k-pager-wrap .k-pager-numbers-wrap { margin-top: 0; margin-bottom: 0; -ms-flex-item-align: center; align-self: center; } .k-pager-sm .k-pager-numbers-wrap { margin-left: 1em; margin-right: 1em; width: 5em; height: 2.3em; box-sizing: border-box; border-color: inherit; } .k-pager-sm .k-pager-numbers-wrap select.k-dropdown { width: 100%; display: -ms-flexbox; display: flex; box-sizing: border-box; } .k-rtl .k-pager-sm .k-pager-numbers-wrap, .k-pager-sm[dir="rtl"] .k-pager-numbers-wrap, [dir="rtl"] .k-pager-sm .k-pager-numbers-wrap { margin-left: 1em; margin-right: 1em; } .k-pager-md .k-pager-info, .k-pager-sm .k-pager-info, .k-pager-sm .k-pager-sizes, .k-pager-sm .k-pager-numbers { display: none; } .k-menu { cursor: default; } .k-menu .k-link { white-space: nowrap; } .k-menu .k-item > .k-link { color: inherit; } .k-menu, .k-menu-scroll-wrapper .k-menu-group, .k-popups-wrapper .k-menu-group, .k-menu .k-menu-group { list-style: none; margin: 0; padding: 0; zoom: 1; } .k-menu:after { content: ''; display: block; width: 99%; height: 0; float: inherit; clear: both; } .k-menu-scroll-wrapper .k-item, .k-popups-wrapper .k-item, .k-menu .k-item { -webkit-user-select: none; -ms-user-select: none; user-select: none; } .k-popups-wrapper .k-item .k-item, .k-popups-wrapper.vertical > .k-item, .k-menu-scroll-wrapper .k-item .k-item, .k-menu-scroll-wrapper.vertical > .k-item, .k-menu .k-item .k-item, ul.k-menu-vertical > .k-item { display: block; float: none; border-width: 0; } .k-menu-scroll-wrapper .k-item > .k-link > .k-icon, .k-menu-scroll-wrapper .k-image, .k-menu-scroll-wrapper .k-sprite, .k-popups-wrapper .k-item > .k-link > .k-icon, .k-popups-wrapper .k-image, .k-popups-wrapper .k-sprite, .k-menu .k-item > .k-link > .k-icon, .k-menu .k-image, .k-menu .k-sprite { margin: -2px 4px 0 -4px; vertical-align: middle; } .k-menu-scroll-wrapper .k-item > .k-link, .k-popups-wrapper .k-item > .k-link, .k-menu .k-item > .k-link { display: block; padding: 1.2em 1.2em 1.1em; line-height: 1.34em; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .k-menu-scroll-wrapper .k-menu-group, .k-popups-wrapper .k-menu-group, .k-menu .k-menu-group { display: none; border-style: solid; border-width: 1px; overflow: visible; white-space: nowrap; } .k-menu-scroll-wrapper .k-menu-group > .k-item, .k-popups-wrapper .k-menu-group > .k-item, .k-menu .k-menu-group > .k-item { display: block; border-width: 0; } .k-menu-scroll-wrapper .k-item, .k-menu-scroll-wrapper.horizontal > .k-item, .k-popups-wrapper .k-item, .k-popups-wrapper.horizontal > .k-item, .k-menu .k-item, .k-widget.k-menu-horizontal > .k-item { position: relative; float: left; border-style: solid; border-width: 0 1px 0 0; vertical-align: top; zoom: 1; box-sizing: content-box; } .k-menu-scroll-wrapper .k-menu-group .k-item > .k-link, .k-popups-wrapper.vertical > .k-item > .k-link, .k-context-menu.k-menu-vertical > .k-item > .k-link, .k-menu .k-menu-group .k-item > .k-link { padding: 0.28em 1.8em 0.38em 0.9em; } .k-popups-wrapper.horizontal > .k-separator, .k-context-menu.k-menu-horizontal > .k-separator { display: none; } .k-popups-wrapper.horizontal > .k-item, .k-context-menu.k-menu-horizontal > .k-item { box-sizing: border-box; } .k-popups-wrapper.horizontal > .k-last, .k-context-menu.k-menu-horizontal > .k-last { border: 0; } .k-popups-wrapper .k-item > .k-link > .k-menu-expand-arrow, .k-menu-horizontal > .