@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
CSS
/*!
* 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 > .