@progress/kendo-ui
Version:
This package is part of the [Kendo UI for jQuery](http://www.telerik.com/kendo-ui) suite.
2,208 lines • 299 kB
CSS
/*!
* Copyright 2018 Telerik EAD
*
* 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.
*/
.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-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-tooltip,
.k-pager-wrap,
.k-tabstrip-items .k-item,
.k-link.k-state-hover,
.k-textbox,
.k-textbox: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-multiselect .k-input,
.k-input[type="text"],
.k-input[type="number"],
.k-textbox,
.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: inhert;
}
.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;
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-badge {
max-width: 100%;
font-size: 0.7em;
line-height: 2em;
margin-left: 6px;
padding: 0 6px;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
box-sizing: border-box;
}
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,
.k-dialog .k-window-content {
box-sizing: content-box;
}
.k-textbox,
.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,
div.k-window-content {
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;
}
input.k-checkbox,
.k-radio {
display: inline;
opacity: 0;
width: 0;
margin: 0;
-webkit-appearance: none;
overflow: hidden;
}
.k-ff input.k-checkbox,
.k-ff .k-radio {
position: absolute;
}
.k-checkbox-label,
.k-radio-label {
display: inline-block;
position: relative;
padding-left: 28.8px;
vertical-align: top;
line-height: 16px;
cursor: pointer;
border-style: solid;
border-width: 0;
}
.k-checkbox-label:before {
font: 16px "WebComponentsIcons", monospace;
content: "";
position: absolute;
top: 0;
left: 0;
border-width: 1px;
border-style: solid;
width: 16px;
height: 16px;
font-size: 16px;
line-height: 16px;
text-align: center;
}
.k-checkbox:indeterminate + .k-checkbox-label:after {
content: "";
position: absolute;
left: 8px;
top: 8px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-width: 1px;
border-style: solid;
width: 8px;
height: 8px;
font-size: 16px;
text-align: center;
content: " ";
}
.k-checkbox:checked + .k-checkbox-label:before {
content: "\e118";
}
.k-checkbox:disabled + .k-checkbox-label {
cursor: auto;
}
.k-radio-label:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 14px;
height: 14px;
border-style: solid;
}
.k-radio:checked + .k-radio-label:after {
content: "";
width: 10px;
height: 10px;
position: absolute;
top: 3px;
left: 3px;
}
.k-radio:disabled + .k-radio-label {
cursor: auto;
}
.k-rtl .k-checkbox-label,
.k-rtl .k-radio-label {
padding-left: 0;
padding-right: 25.2px;
}
.k-rtl .k-checkbox-label:before,
.k-rtl .k-radio-label:before {
right: 0;
}
.k-rtl .k-radio:checked + .k-radio-label:after {
right: 3px;
}
input.k-checkbox + label {
-webkit-user-select: none;
}
.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-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .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-button {
margin: 0;
padding: 9px 14px;
box-sizing: border-box;
border-width: 1px;
border-style: solid;
background-repeat: repeat-x;
background-position: 0 center;
font: inherit;
line-height: 1.72em;
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;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
outline: none;
-webkit-appearance: none;
}
.k-no-flexbox .k-button {
display: inline-block;
}
.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 {
overflow: hidden;
}
.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[disabled],
.k-state-disabled .k-button,
.k-button.k-state-disabled {
cursor: default;
outline: 0;
box-shadow: none;
}
.k-ie9 .k-button {
display: inline-block;
}
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-icon {
height: calc(1.72em + 20px);
}
.k-split-button-arrow {
display: inline-block;
}
.k-button-icon,
.k-split-button-arrow {
width: calc(1.72em + 20px);
padding: 9px 7px;
}
.k-overflow-group .k-button-icon {
width: auto;
}
.k-button.k-flat,
.k-button.k-bare {
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-bare:hover,
.k-button.k-flat.k-state-hover,
.k-button.k-bare.k-state-hover,
.k-button.k-flat:active,
.k-button.k-bare:active,
.k-button.k-flat.k-state-active,
.k-button.k-bare.k-state-active,
.k-button.k-flat:hover:active,
.k-button.k-bare:hover:active,
.k-button.k-flat:hover.k-state-active,
.k-button.k-bare:hover.k-state-active {
color: inherit;
}
.k-button.k-flat::before,
.k-button.k-bare::before {
display: block;
}
.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 .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-rtl .k-button-group .k-button {
margin-left: 0;
}
.k-rtl .k-button-group .k-button + .k-button {
margin-right: -1px;
}
.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-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-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-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 > input[type="checkbox"],
.k-edit-field > input[type="radio"] {
margin-top: 0.4em;
}
.k-edit-form-container .k-button {
margin: 0 0.16em;
}
.k-edit-field > input[type="checkbox"]:first-child,
.k-edit-field > input[type="radio"]:first-child,
.k-edit-field > label:first-child > input[type="checkbox"],
.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-window {
padding: 0;
border-width: 0;
border-style: solid;
display: inline-block;
position: absolute;
z-index: 10001;
}
.k-window .k-overlay {
position: absolute;
opacity: 0;
}
.k-window-titlebar {
padding: 10px 16px;
border-width: 0;
border-style: none;
width: 100%;
box-sizing: border-box;
white-space: nowrap;
min-height: 16px;
}
.k-window-title {
font-size: 1.2em;
line-height: 1.25;
display: block;
text-overflow: ellipsis;
overflow: hidden;
cursor: default;
}
.k-window-title::before {
content: "";
display: inline-block;
}
.k-window-titlebar .k-window-actions {
position: absolute;
top: 5px;
right: 8px;
}
.k-window-titlebar .k-window-action {
padding: 2px;
width: 20px;
height: 20px;
border-width: 0;
box-sizing: content-box;
opacity: 0.7;
}
.k-window-titlebar .k-window-action:hover {
opacity: 1;
}
.k-window-content,
.k-prompt-container {
padding: 16px 16px;
height: 100%;
overflow: auto;
position: relative;
outline: 0;
}
.k-window-content + .k-prompt-container {
margin-top: -16px;
}
.k-prompt-container .k-textbox {
width: 100%;
}
.k-window-iframecontent {
padding: 0;
overflow: visible;
}
.k-window-iframecontent .k-content-frame {
vertical-align: top;
border: 0;
width: 100%;
height: 100%;
}
.k-window-content > .km-scroll-container {
height: 100%;
}
.k-window > .k-resize-handle {
position: absolute;
z-index: 1;
background-color: #fff;
font-size: 0;
line-height: 6px;
opacity: 0;
zoom: 1;
}
.k-resize-n {
top: -3px;
left: 0;
width: 100%;
height: 6px;
cursor: n-resize;
}
.k-resize-e {
top: 0;
right: -3px;
width: 6px;
height: 100%;
cursor: e-resize;
}
.k-resize-s {
bottom: -3px;
left: 0;
width: 100%;
height: 6px;
cursor: s-resize;
}
.k-resize-w {
top: 0;
left: -3px;
width: 6px;
height: 100%;
cursor: w-resize;
}
.k-resize-se {
bottom: -3px;
right: -3px;
width: 6px;
height: 6px;
cursor: se-resize;
}
.k-resize-sw {
bottom: -3px;
left: -3px;
width: 6px;
height: 6px;
cursor: sw-resize;
}
.k-resize-ne {
top: -3px;
right: -3px;
width: 6px;
height: 6px;
cursor: ne-resize;
}
.k-resize-nw {
top: -3px;
left: -3px;
width: 6px;
height: 6px;
cursor: nw-resize;
}
.k-overlay {
position: fixed;
top: 0;
left: 0;
z-index: 10001;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.5;
-webkit-backface-visibility: hidden;
}
.k-window > .k-action-buttons,
.k-window-content > .k-action-buttons {
border-width: 1px 0 0;
border-style: solid;
}
.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-bare {
position: absolute;
top: 0.27em;
z-index: 2;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.k-tabstrip-bottom > .k-button.k-bare {
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;
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 {
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 {
clear: both;
overflow: hidden;
position: relative;
border-style: solid;
border-width: 1px;
line-height: 2em;
padding: 0.333em 0 0.333em 0.25em;
}
.k-pager-numbers .k-link,
.k-pager-numbers .k-state-selected {
display: inline-block;
vertical-align: top;
margin-right: 1px;
}
.k-pager-numbers {
margin: 0 2px;
}
.k-pager-numbers .k-state-selected {
vertical-align: top;
}
.k-pager-numbers .k-current-page {
display: none;
}
.k-pager-numbers li,
.k-pager-input {
float: left;
}
.k-pager-info {
float: right;
padding: 0 1.333em;
}
.k-pager-numbers .k-link {
text-decoration: none;
}
.k-pager-wrap > .k-link,
.k-pager-numbers .k-link,
.k-pager-numbers .k-state-selected {
min-width: 2em;
}
.k-pager-wrap > .k-link {
float: left;
margin: 0 0.08333em;
height: 2em;
line-height: 2em;
border-radius: 1.0833em;
cursor: pointer;
text-align: center;
}
.k-pager-wrap > .k-link > .k-icon {
margin-top: -2px;
color: inherit;
}
.k-pager-wrap > a.k-state-disabled:hover {
background: none;
cursor: default;
}
.k-pager-numbers .k-link {
text-align: center;
line-height: 2em;
border-style: solid;
border-width: 1px;
border-radius: 1.0833em;
}
.k-pager-wrap > .k-link {
border-style: solid;
border-width: 1px;
}
.k-pager-wrap .k-pager-refresh {
float: right;
margin-right: 0.5em;
border-width: 0;
border-radius: 0;
}
.k-pager-numbers .k-state-selected {
border-style: solid;
border-width: 1px;
text-align: center;
border-radius: 1.0833em;
}
.k-pager-wrap .k-textbox {
width: 3.333em;
}
.k-pager-wrap .k-dropdown {
width: 4.5em;
}
.k-pager-refresh {
float: right;
}
.k-pager-input,
.k-pager-sizes {
padding: 0 1.4166em;
}
.k-pager-sizes {
display: inline-block;
padding-top: 1px;
}
.k-pager-sizes .k-widget.k-dropdown {
margin-top: -2px;
}
.k-pager-wrap .k-textbox,
.k-pager-wrap .k-widget {
margin: 0 0.4em 0;
}
@media only screen and (max-width: 1024px) {
.k-webkit .k-pager-wrap,
.k-ff .k-pager-wrap,
.k-ie11 .k-pager-wrap,
.k-edge .k-pager-wrap,
.k-safari .k-pager-wrap {
overflow: visible;
min-height: 2.1em;
}
.k-webkit .k-pager-wrap .k-pager-nav,
.k-ff .k-pager-wrap .k-pager-nav,
.k-ie11 .k-pager-wrap .k-pager-nav,
.k-edge .k-pager-wrap .k-pager-nav,
.k-safari .k-pager-wrap .k-pager-nav,
.k-webkit .k-pager-input,
.k-ff .k-pager-input,
.k-ie11 .k-pager-input,
.k-edge .k-pager-input,
.k-safari .k-pager-input {
display: inline-block;
vertical-align: top;
}
.k-webkit .k-pager-numbers,
.k-ff .k-pager-numbers,
.k-ie11 .k-pager-numbers,
.k-edge .k-pager-numbers,
.k-safari .k-pager-numbers {
position: absolute;
left: 4.8em;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
overflow: visible;
height: auto;
}
.k-webkit .k-pager-numbers:first-child,
.k-ff .k-pager-numbers:first-child,
.k-ie11 .k-pager-numbers:first-child,
.k-edge .k-pager-numbers:first-child,
.k-safari .k-pager-numbers:first-child {
left: 0.2em;
}
.k-webkit .k-pager-numbers.k-state-expanded,
.k-ff .k-pager-numbers.k-state-expanded,
.k-ie11 .k-pager-numbers.k-state-expanded,
.k-edge .k-pager-numbers.k-state-expanded,
.k-safari .k-pager-numbers.k-state-expanded {
-ms-transform: translatey(-100%);
transform: translatey(-100%);
-webkit-transform: translatey(-100%);
}
.k-webkit .km-pane-wrapper .k-pager-numbers,
.k-ff .km-pane-wrapper .k-pager-numbers,
.k-ie11 .km-pane-wrapper .k-pager-numbers,
.k-edge .km-pane-wrapper .k-pager-numbers,
.k-safari .km-pane-wrapper .k-pager-numbers {
position: relative;
left: 50%;
-ms-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
-webkit-transform: translate(-50%, -100%);
}
.k-webkit .km-pane-wrapper .k-pager-numbers .k-link,
.k-ff .km-pane-wrapper .k-pager-numbers .k-link,
.k-ie11 .km-pane-wrapper .k-pager-numbers .k-link,
.k-edge .km-pane-wrapper .k-pager-numbers .k-link,
.k-safari .km-pane-wrapper .k-pager-numbers .k-link,
.k-webkit .km-pane-wrapper .k-pager-numbers .k-state-selected,
.k-ff .km-pane-wrapper .k-pager-numbers .k-state-selected,
.k-ie11 .km-pane-wrapper .k-pager-numbers .k-state-selected,
.k-edge .km-pane-wrapper .k-pager-numbers .k-state-selected,
.k-safari .km-pane-wrapper .k-pager-numbers .k-state-selected,
.k-webkit .km-pane-wrapper .k-pager-wrap > .k-link,
.k-ff .km-pane-wrapper .k-pager-wrap > .k-link,
.k-ie11 .km-pane-wrapper .k-pager-wrap > .k-link,
.k-edge .km-pane-wrapper .k-pager-wrap > .k-link,
.k-safari .km-pane-wrapper .k-pager-wrap > .k-link,
.k-webkit .km-pane-wrapper .k-pager-wrap > .k-pager-info,
.k-ff .km-pane-wrapper .k-pager-wrap > .k-pager-info,
.k-ie11 .km-pane-wrapper .k-pager-wrap > .k-pager-info,
.k-edge .km-pane-wrapper .k-pager-wrap > .k-pager-info,
.k-safari .km-pane-wrapper .k-pager-wrap > .k-pager-info {
padding-top: 0;
padding-bottom: 0;
}
.k-webkit .k-rtl .k-pager-numbers,
.k-ff .k-rtl .k-pager-numbers,
.k-ie11 .k-rtl .k-pager-numbers,
.k-edge .k-rtl .k-pager-numbers,
.k-safari .k-rtl .k-pager-numbers {
left: auto;
right: 4.8em;
width: 4.5em;
}
.k-webkit .k-rtl .k-pager-numbers:first-child,
.k-ff .k-rtl .k-pager-numbers:first-child,
.k-ie11 .k-rtl .k-pager-numbers:first-child,
.k-edge .k-rtl .k-pager-numbers:first-child,
.k-safari .k-rtl .k-pager-numbers:first-child {
left: auto;
right: 0.2em;
}
.k-webkit .k-rtl .km-pane-wrapper .k-pager-numbers,
.k-ff .k-rtl .km-pane-wrapper .k-pager-numbers,
.k-ie11 .k-rtl .km-pane-wrapper .k-pager-numbers,
.k-edge .k-rtl .km-pane-wrapper .k-pager-numbers,
.k-safari .k-rtl .km-pane-wrapper .k-pager-numbers {
right: 5.8em;
}
.k-webkit .k-pager-numbers .k-current-page,
.k-ff .k-pager-numbers .k-current-page,
.k-ie11 .k-pager-numbers .k-current-page,
.k-edge .k-pager-numbers .k-current-page,
.k-safari .k-pager-numbers .k-current-page {
display: block;
border-left: 0;
}
.k-webkit .k-pager-numbers.k-state-expanded .k-current-page,
.k-ff .k-pager-numbers.k-state-expanded .k-current-page,
.k-ie11 .k-pager-numbers.k-state-expanded .k-current-page,
.k-edge .k-pager-numbers.k-state-expanded .k-current-page,
.k-safari .k-pager-numbers.k-state-expanded .k-current-page {
-ms-transform: translatey(100%);
transform: translatey(100%);
-webkit-transform: translatey(100%);
}
.k-webkit .k-pager-numbers li:not(.k-current-page),
.k-ff .k-pager-numbers li:not(.k-current-page),
.k-ie11 .k-pager-numbers li:not(.k-current-page),
.k-edge .k-pager-numbers li:not(.k-current-page),
.k-safari .k-pager-numbers li:not(.k-current-page) {
display: none;
}
.k-webkit .k-pager-numbers .k-current-page .k-link,
.k-ff .k-pager-numbers .k-current-page .k-link,
.k-ie11 .k-pager-numbers .k-current-page .k-link,
.k-edge .k-pager-numbers .k-current-page .k-link,
.k-safari .k-pager-numbers .k-current-page .k-link {
width: 3.2em;
padding: 0 0.429em 0 0.714em;
border-radius: 1.0833em;
}
.k-webkit .k-pager-numbers + .k-link,
.k-ff .k-pager-numbers + .k-link,
.k-ie11 .k-pager-numbers + .k-link,
.k-edge .k-pager-numbers + .k-link,
.k-safari .k-pager-numbers + .k-link {
margin-left: 4.8em;
}
.k-webkit .k-rtl .k-pager-numbers + .k-link,
.k-ff .k-rtl .k-pager-numbers + .k-link,
.k-ie11 .k-rtl .k-pager-numbers + .k-link,
.k-edge .k-rtl .k-pager-numbers + .k-link,
.k-safari .k-rtl .k-pager-numbers + .k-link {
margin-right: 5.1em;
margin-left: 0;
}
.k-webkit .k-pager-numbers .k-state-selected,
.k-ff .k-pager-numbers .k-state-selected,
.k-ie11 .k-pager-numbers .k-state-selected,
.k-edge .k-pager-numbers .k-state-selected,
.k-safari .k-pager-numbers .k-state-selected,
.k-webkit .k-pager-numbers .k-link,
.k-ff .k-pager-numbers .k-link,
.k-ie11 .k-pager-numbers .k-link,
.k-edge .k-pager-numbers .k-link,
.k-safari .k-pager-numbers .k-link {
display: block;
margin-right: 0;
padding: 1px 5px 1px 5px;
text-align: left;
}
.k-webkit .k-pager-numbers.k-state-expanded,
.k-ff .k-pager-numbers.k-state-expanded,
.k-ie11 .k-pager-numbers.k-state-expanded,
.k-edge .k-pager-numbers.k-state-expanded,
.k-safari .k-pager-numbers.k-state-expanded {
box-sizing: border-box;
padding: 2px 2px 0;
}
.k-webkit .k-pager-numbers.k-state-expanded .k-current-page,
.k-ff .k-pager-numbers.k-state-expanded .k-current-page,
.k-ie11 .k-pager-numbers.k-state-expanded .k-current-page,
.k-edge .k-pager-numbers.k-state-expanded .k-current-page,
.k-safari .k-pager-numbers.k-state-expanded .k-current-page {
margin: -2em -3px 0;
padding: 0;
}
.k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link,
.k-ff .k-pager-numbers.k-state-expanded .k-current-page .k-link,
.k-ie11 .k-pager-numbers.k-state-expanded .k-current-page .k-link,
.k-edge .k-pager-numbers.k-state-expanded .k-current-page .k-link,
.k-safari .k-pager-numbers.k-state-expanded .k-current-page .k-link {
border-radius: 0 0 1.0833em 1.0833em;
}
.k-webkit .k-pager-numbers.k-state-expanded li,
.k-ff .k-pager-numbers.k-state-expanded li,
.k-ie11 .k-pager-numbers.k-state-expanded li,
.k-edge .k-pager-numbers.k-state-expanded li,
.k-safari .k-pager-numbers.k-state-expanded li {
display: inline-block;
}
}
@media only screen and (max-width: 640px) {
.k-webkit .k-pager-info,
.k-ff .k-pager-info,
.k-ie11 .k-pager-info,
.k-edge .k-pager-info,
.k-safari .k-pager-info {
display: none;
}
}
@media only screen and (max-width: 480px) {
.k-webkit .k-pager-sizes,
.k-ff .k-pager-sizes,
.k-ie11 .k-pager-sizes,
.k-edge .k-pager-sizes,
.k-safari .k-pager-sizes {
display: none;
}
}
.k-rtl .k-pager-wrap .k-i-seek-e,
.k-rtl .k-pager-wrap .k-i-seek-w,
.k-rtl .k-pager-wrap .k-i-arrow-e,
.k-rtl .k-pager-wrap .k-i-arrow-w {
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
}
.k-menu {
cursor: default;
}
.k-menu .k-link {
white-space: nowrap;
}
.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;
-moz-user-select: -moz-none;
-ms-user-select: none;
user-select: none;
}
.k-menu-scroll-wrapper .k-item div,
.k-popups-wrapper .k-item div,
.k-menu .k-item div {
-webkit-user-select: default;
-moz-user-select: default;
-ms-user-select: default;
user-select: default;
}
.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.071em;
line-height: 1.34em;
-webkit-user-select: none;
-moz-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-menu-scroll-wrapper .k-item > .k-link > .k-menu-expand-arrow,
.k-popups-wrapper .k-item > .k-link > .k-menu-expand-arrow,
.k-menu-horizontal > .k-item > .k-link > .k-menu-expand-arrow {
margin: -2px 0 0;
}
.k-menu-scroll-wrapper .k-item > .k-link > .k-i-arrow-60-down,
.k-popups-wrapper .k-item > .k-link > .k-i-arrow-60-down,
.k-menu .k-item > .k-link > .k-i-arrow-60-down {
margin-right: -8px;
}
.k-menu-scroll-wrapper .k-item > .k-link > .k-i-arrow-60-right,
.k-popups-wrapper .k-item > .k-link > .k-i-arrow-60-right,
.k-menu-group .k-item > .k-link > .k-menu-expand-arrow,
.k-menu-vertical .k-item > .k-link > .k-menu-expand-arrow {
position: absolute;
top: 50%;
margin-top: -8px;
right: 2px;
right: 0.2rem;
}
.k-menu-scroll-wrapper .k-animation-container,
.k-popups-wrapper .k-animation-container,
.k-menu .k-animation-container {
border: 0;
}
.k-menu-scroll-wrapper .k-animation-container,
.k-menu-scroll-wrapper .k-menu-group,
.k-popups-wrapper .k-animation-container,
.k-popups-wrapper .k-menu-group,
.k-menu .k-animation-container,
.k-menu .k-menu-group {
position: absolute;
left: 0;
}
.k-menu-scroll-wrapper .k-animation-container .k-animation-container,
.k-menu-scroll-wrapper .k-menu-group .k-menu-group,
.k-menu-scroll-wrapper.vertical .k-animation-container,
.k-menu-scroll-wrapper.vertical .k-menu-group,
.k-popups-wrapper .k-animation-container .k-animation-container,
.k-popups-wrapper .k-menu-group .k-menu-group,
.k-popups-wrapper.vertical .k-animation-container,
.k-popups-wrapper.vertical .k-menu-group,
.k-menu .k-animation-container .k-animation-container,
.k-menu .k-menu-group .k-menu-group,
.k-menu-vertical .k-animation-container,
.k-menu-vertical .k-menu-group {
top: 0;
left: 0;
}
.k-menu-scroll-wrapper .k-animation-container .k-menu-group,
.k-popups-wrapper .k-animation-container .k-menu-group,
.k-menu .k-animation-container .k-menu-group {
top: auto;
left: auto;
margin-left: -1px;
}
.k-menu .k-animation-container,
.k-menu-scroll-wrapper .k-animation-container,
.k-popups-wrapper .k-animation-container,
.k-popup .k-animation-container {
margin-top: -1px;
padding-left: 1px;
}
.k-ie .k-menu .k-animation-container,
.k-ie .k-menu-scroll-wrapper .k-animation-container,
.k-ie .k-popups-wrapper .k-animation-container,
.k-ie .k-popup .k-animation-container {
margin-top: -2px;
}
.k-popup .k-animation-container .k-popup {
margin-left: -1px;
}
.k-menu-scroll-wrapper .k-separator,
.k-popups-wrapper .k-separator,
ul.k-menu .k-separator {
padding: 0.25em 0;
height: 100%;
width: 1px;
font-size: 0;
line-height: 0;
border-width: 0 1px 0 0;
}
.k-menu-scroll-wrapper.vertical .k-separator,
.k-menu-scroll-wrapper.vertical .k-menu-group .k-separator,
.k-popups-wrapper.vertical .k-separator,
.k-popups-wrapper.vertical .k-menu-group .k-separator,
ul.k-menu-vertical .k-separator,
.k-menu .k-menu-group .k-separator {
padding: 0;
height: 1px;
width: 100%;
border-width: 1px 0 0;
}
.k-popups-wrapper .k-widget.k-menu,
.k-menu-scroll-wrapper .k-widget.k-menu {
white-space: nowrap;
overflow: hidden;
}
.k-popups-wrapper.vertical .k-menu.k-menu-vertical,
.k-menu-scroll-wrapper.vertical .k-menu.k-menu-vertical {
height: 100%;
box-sizing: border-box;
}
.k-popups-wrapper.horizontal .k-menu.k-menu-horizontal > .k-item,
.k-menu-scroll-wrapper.horizontal .k-menu.k-menu-horizontal > .k-item {
display: inline-block;
overflow: hidden;
float: none;
}
.k-popups-wrapper.vertical .k-menu.k-menu-vertical > .k-item,
.k-menu-scroll-wrapper.vertical .k-menu.k-menu-vertical > .k-item {
overflow: hidden;
}
.k-popups-wrapper,
.k-menu-scroll-wrapper {
position: relative;
border: 0;
margin: 0;
padding: 0;
}
.k-popups-wrapper.vertical,
.k-menu-scroll-wrapper.vertical {
height: 100%;
}
.k-popups-wrapper > .k-animation-container .k-item,
.k-menu-scroll-wrapper > .k-animation-container .k-item {
float: none;
}
.k-popups-wrapper .k-menu-scroll-button,
.k-menu-scroll-wrapper .k-menu-scroll-button {
border-radius: 0;
position: absolute;
display: none;
}
.k-popups-wrapper .k-scroll-up,
.k-menu-scroll-wrapper .k-scroll-up {
top: 0;
left: 0;
}
.k-popups-wrapper .k-scroll-down,
.k-menu-scroll-wrapper .k-scroll-down {
bottom: 0;
left: 0;
}
.k-popups-wrapper .k-scroll-up,
.k-menu-scroll-wrapper .k-scroll-up,
.k-popups-wrapper .k-scroll-down,
.k-menu-scroll-wrapper .k-scroll-down {
width: 100%;
height: 16px;
padding: 0em 0.7em;
line-height: 0.2em;
}
.k-popups-wrapper .k-scroll-left,
.k-menu-scroll-wrapper .k-scroll-left {
top: 0;
left: 0;
}
.k-popups-wrapper .k-scroll-right,
.k-menu-scroll-wrapper .k-scroll-right {
top: 0;
right: 0;
}
.k-popups-wrapper .k-scroll-left,
.k-menu-scroll-wrapper .k-scroll-left,
.k-popups-wrapper .k-scroll-right,
.k-menu-scroll-wrapper .k-scroll-right {
width: 16px;
height: 100%;
padding-left: 0;
padding-right: 0;
}
.k-popups-wrapper .k-scroll-left .k-icon,
.k-menu-scroll-wrapper .k-scroll-left .k-icon,
.k-popups-wrapper .k-scroll-right .k-icon,
.k-menu-scroll-wrapper .k-scroll-right .k-icon {
margin-top: -0.5em;
position: absolute;
top: 50%;
left: 0;
}
.k-context-menu {
border: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.k-grid,
.k-listview {
position: relative;
zoom: 1;
}
.k-grid table {
width: 100%;
margin: 0;
max-width: none;
border-collapse: separate;
border-spacing: 0;
empty-cells: show;
border-width: 0;
outline: none;
}
.k-header.k-drag-clue {
overflow: hidden;
}
.k-grid-header th.k-header,
.k-filter-row th {
overflow: hidden;
border-style: solid;
border-width: 0 0 1px 1px;
padding: 0.5em 0.6em 0.4em 0.6em;
font-weight: normal;
white-space: nowrap;
text-overflow: ellipsis;
text-align: left;
}
.k-grid-header th.k-header {
vertical-align: bottom;
}
.k-filtercell,
.k-filtercell > span,
.k-filtercell .k-widget {
display: block;
width: auto;
}
.k-filtercell > span {
padding-right: 4.8em;
position: relative;
min-height: 2em;
line-height: 2em;
}
.k-filtercell > .k-operator-hidden {
padding-right: 2.3em;
}
.k-filtercell > span > .k-button,
.k-filter-row .k-dropdown-operator {
position: absolute;
top: 0;
right: 0;
}
.k-filter-row .k-dropdown-operator {
width: 2.1em;
right: 2.5em;
}
.k-filtercell > span > label {
vertical-align: middle;
}
.k-filter-row label > input[type="radio"] {
vertical-align: middle;
position: relative;
bottom: 2px;
}
.k-ff .k-grid .k-filter-row .k-i-filter-clear {
top: 1px;
}
.k-ie10 .k-grid-header a:active {
background-color: transparent;
}
.k-grid-header th.k-header > .k-link {
display: block;
min-height: 18px;
line-height: 18px;
margin: -0.5em -0.6em -0.4em 0;
padding: 0.5em 0.6em 0.4em 0;
overflow: hidden;
text-overflow: ellipsis;
}
.k-grid-header th.k-with-icon .k-link {
margin-right: 18px;
}
.k-grid-header th > .k-link > .k-icon {
vertical-align: text-top;
}
.k-grid .k-state-hover {
cursor: pointer;
}
.k-grid-column-resizing,
.k-grid-column-resizing .k-grid-filter,
.k-grid-column-resizing .k-link,
.k-grid-column-resizing .k-button,
.k-grid-column-resizing .k-grid-toolbar {
cursor: col-resize;
}
.k-grid td {
border-style: solid;
border-width: 0 0 0 1px;
padding: 0.4em 0.6em;
overflow: hidden;
line-height: 1.6em;
vertical-align: middle;
text-overflow: ellipsis;
}
.k-grid .k-grouping-row td,
.k-grid .k-hierarchy-cell {
overflow: visible;
}
.k-grid-edit-row td {
text-overflow: clip;
}
.k-grid-edit-row .k-textbox,
.k-grid-edit-row .text-box {
margin-top: 0;
margin-bottom: 0;
}
.k-grid-header-wrap,
.k-grid-footer-wrap {
position: relative;
width: 100%;
overflow: hidden;
border-style: solid;
border-width: 0 1px 0 0;
zoom: 1;
}
div.k-grid-header,
div.k-grid-footer {
padding-right: 17px;
border-bottom-style: solid;
border-bottom-width: 1px;
zoom: 1;
}
.k-grid-header-wrap > table,
.k-grid-header-locked > table {
margin-bottom: -1px;
}
.k-grid-content {
position: relative;
width: 100%;
overflow: auto;
overflow-x: auto;
overflow-y: scroll;
zoom: 1;
min-height: 0%;
}
.k-mobile .k-grid tbody {
-webkit-backface-visibility: hidden;
}
.k-mobile .k-grid-backface tbody {
-webkit-backface-visibility: visible;
}
.k-grid-content-expander {
position: absolute;
visibility: hidd