EOS/Content/kendo/2013.3.1324/kendo.common.min.css
Nidhi Bhargava f0c1ab20e1 code push
2025-09-04 16:25:07 +05:30

5367 lines
164 KiB
CSS

/*
* Kendo UI Complete v2013.3.1324 (http://kendoui.com)
* Copyright 2014 Telerik AD. All rights reserved.
*
* Kendo UI Complete commercial licenses may be obtained at
* http://www.telerik.com/purchase/license-agreement/kendo-ui-complete
* If you do not own a commercial license, this file shall be governed by the trial license terms.
*/
.fake {
color: red
}
.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
}
.prohibit-selection {
-khtml-user-select: none;
-webkit-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
user-select: none
}
.disable-high-contrast {
-ms-high-contrast-adjust: none
}
.k-block, .k-button, .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-input[type="text"], .k-input[type="number"], .k-textbox, .k-picker-wrap .k-input, .k-button {
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-block {
padding: 2px
}
.k-button {
display: inline-block;
margin: 0;
padding: 2px 7px 2px;
font-family: inherit;
line-height: 1.66em;
text-align: center;
cursor: pointer;
text-decoration: none
}
.k-ie7 .k-button {
line-height: normal
}
a.k-button {
-khtml-user-select: none;
-webkit-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
user-select: none;
text-decoration: none
}
.k-ff input.k-button {
padding-bottom: .37em;
padding-top: .37em
}
.k-ie7 .k-button {
overflow: visible;
margin-right: 4px
}
.k-ie7 a.k-button {
line-height: 1.6;
padding-left: 7px;
padding-right: 7px
}
.k-ie7 .k-slider a.k-button {
height: 22px;
line-height: 22px;
padding: 0
}
.k-ie7 .k-button-expand {
margin-left: 0;
margin-right: 0
}
button.k-button::-moz-focus-inner, input.k-button::-moz-focus-inner {
padding:0;
border:0
}
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%
}
body .k-button-icon {
padding-left: 4px;
padding-right: 4px
}
.k-ie7 a.k-button-icon {
padding-left: 5px;
padding-right: 5px
}
.k-button-icontext {
padding-right: 8px;
overflow: visible
}
.k-button-icontext .k-icon, .k-button-icontext .k-image {
margin-right:.2rem;
margin-left: -0.2rem;
vertical-align: text-top
}
.k-ie8 .k-button-icontext .k-icon, .k-ie8 .k-button-icontext .k-image {
margin-right: 3px;
margin-left: -3px;
vertical-align: text-top
}
html body .k-button-bare {
background: none!important;
color: inherit;
border-width: 0
}
html body .k-button-bare.k-upload-button:hover {
color: inherit
}
.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-button, .k-state-disabled .k-draghandle, .k-state-disabled .k-upload-button input {
cursor: default!important;
outline: 0
}
@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-sprite, .k-button-group .k-tool-icon {
display: inline-block;
width: 16px;
height: 16px;
overflow: hidden;
background-repeat: no-repeat;
font-size: 0;
line-height: 0;
text-align: center;
-ms-high-contrast-adjust: none
}
.k-ie8 .k-icon, .k-ie8 .k-sprite, .k-ie8 .k-button-group .k-tool-icon {
vertical-align: middle
}
:root *>.k-icon, :root *>.k-sprite, :root *>.k-button-group .k-tool-icon {
vertical-align: middle
}
.k-icon, .k-sprite {
background-color: transparent
}
.k-ie7 .k-icon, .k-ie7 .k-sprite {
text-indent: 0
}
.k-numerictextbox .k-select .k-link span.k-i-arrow-n {
background-position: 0 -3px
}
.k-numerictextbox .k-select .k-link span.k-i-arrow-s {
background-position: 0 -35px
}
.k-state-selected .k-i-arrow-n {
background-position: -16px 0
}
.k-link:not(.k-state-disabled):hover>.k-state-selected .k-i-arrow-n, .k-state-hover>.k-state-selected .k-i-arrow-n, .k-state-hover>*>.k-state-selected .k-i-arrow-n, .k-button:hover .k-state-selected .k-i-arrow-n, .k-textbox:hover .k-state-selected .k-i-arrow-n, .k-button:active .k-state-selected .k-i-arrow-n {
background-position: -32px 0
}
.k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n, .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n {
background-position: -16px -3px
}
.k-state-selected .k-i-arrow-s {
background-position: -16px -32px
}
.k-link:not(.k-state-disabled):hover>.k-state-selected .k-i-arrow-s, .k-state-hover>.k-state-selected .k-i-arrow-s, .k-state-hover>*>.k-state-selected .k-i-arrow-s, .k-button:hover .k-state-selected .k-i-arrow-s, .k-textbox:hover .k-state-selected .k-i-arrow-s, .k-button:active .k-state-selected .k-i-arrow-s {
background-position: -32px -32px
}
.k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s, .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s {
background-position: -16px -35px
}
.k-grid-header .k-link:hover span.k-i-arrow-n {
background-position: 0 0
}
.k-grid-header .k-link:hover span.k-i-arrow-s {
background-position: 0 -32px
}
.k-group-indicator .k-link:hover span.k-si-arrow-n {
background-position: 0 -129px
}
.k-group-indicator .k-link:hover span.k-si-arrow-s {
background-position: 0 -159px
}
.k-group-indicator .k-button:hover span.k-group-delete {
background-position: -32px -16px
}
.k-scheduler .k-scheduler-toolbar .k-nav-current .k-link .k-i-calendar {
background-position: -32px -176px
}
.k-i-arrow-n {
background-position: 0 0
}
.k-link:not(.k-state-disabled):hover>.k-i-arrow-n, .k-state-hover>.k-i-arrow-n, .k-state-hover>*>.k-i-arrow-n, .k-button:hover .k-i-arrow-n, .k-textbox:hover .k-i-arrow-n, .k-button:active .k-i-arrow-n {
background-position: -16px 0
}
.k-i-arrow-e {
background-position: 0 -16px
}
.k-link:not(.k-state-disabled):hover>.k-i-arrow-e, .k-state-hover>.k-i-arrow-e, .k-state-hover>*>.k-i-arrow-e, .k-button:hover .k-i-arrow-e, .k-textbox:hover .k-i-arrow-e, .k-button:active .k-i-arrow-e {
background-position: -16px -16px
}
.k-rtl .k-i-arrow-w {
background-position: 0 -16px
}
.k-rtl .k-link:not(.k-state-disabled):hover>.k-i-arrow-w, .k-rtl .k-state-hover>.k-i-arrow-w, .k-rtl .k-state-hover>*>.k-i-arrow-w, .k-rtl .k-button:hover .k-i-arrow-w, .k-rtl .k-textbox:hover .k-i-arrow-w, .k-rtl .k-button:active .k-i-arrow-w {
background-position: -16px -16px
}
.k-i-arrow-s {
background-position: 0 -32px
}
.k-link:not(.k-state-disabled):hover>.k-i-arrow-s, .k-state-hover>.k-i-arrow-s, .k-state-hover>*>.k-i-arrow-s, .k-button:hover .k-i-arrow-s, .k-textbox:hover .k-i-arrow-s, .k-button:active .k-i-arrow-s {
background-position: -16px -32px
}
.k-i-arrow-w {
background-position: 0 -48px
}
.k-link:not(.k-state-disabled):hover>.k-i-arrow-w, .k-state-hover>.k-i-arrow-w, .k-state-hover>*>.k-i-arrow-w, .k-button:hover .k-i-arrow-w, .k-textbox:hover .k-i-arrow-w, .k-button:active .k-i-arrow-w {
background-position: -16px -48px
}
.k-rtl .k-i-arrow-e {
background-position: 0 -48px
}
.k-rtl .k-link:not(.k-state-disabled):hover>.k-i-arrow-e, .k-rtl .k-state-hover>.k-i-arrow-e, .k-rtl .k-state-hover>*>.k-i-arrow-e, .k-rtl .k-button:hover .k-i-arrow-e, .k-rtl .k-textbox:hover .k-i-arrow-e, .k-rtl .k-button:active .k-i-arrow-e {
background-position: -16px -48px
}
.k-i-seek-n {
background-position: 0 -64px
}
.k-link:not(.k-state-disabled):hover>.k-i-seek-n, .k-state-hover>.k-i-seek-n, .k-state-hover>*>.k-i-seek-n, .k-button:hover .k-i-seek-n, .k-textbox:hover .k-i-seek-n, .k-button:active .k-i-seek-n {
background-position: -16px -64px
}
.k-i-seek-e {
background-position: 0 -80px
}
.k-link:not(.k-state-disabled):hover>.k-i-seek-e, .k-state-hover>.k-i-seek-e, .k-state-hover>*>.k-i-seek-e, .k-button:hover .k-i-seek-e, .k-textbox:hover .k-i-seek-e, .k-button:active .k-i-seek-e {
background-position: -16px -80px
}
.k-rtl .k-i-seek-w {
background-position: 0 -80px
}
.k-rtl .k-link:not(.k-state-disabled):hover>.k-i-seek-w, .k-rtl .k-state-hover>.k-i-seek-w, .k-rtl .k-state-hover>*>.k-i-seek-w, .k-rtl .k-button:hover .k-i-seek-w, .k-rtl .k-textbox:hover .k-i-seek-w, .k-rtl .k-button:active .k-i-seek-w {
background-position: -16px -80px
}
.k-i-seek-s {
background-position: 0 -96px
}
.k-link:not(.k-state-disabled):hover>.k-i-seek-s, .k-state-hover>.k-i-seek-s, .k-state-hover>*>.k-i-seek-s, .k-button:hover .k-i-seek-s, .k-textbox:hover .k-i-seek-s, .k-button:active .k-i-seek-s {
background-position: -16px -96px
}
.k-i-seek-w {
background-position: 0 -112px
}
.k-link:not(.k-state-disabled):hover>.k-i-seek-w, .k-state-hover>.k-i-seek-w, .k-state-hover>*>.k-i-seek-w, .k-button:hover .k-i-seek-w, .k-textbox:hover .k-i-seek-w, .k-button:active .k-i-seek-w {
background-position: -16px -112px
}
.k-rtl .k-i-seek-e {
background-position: 0 -112px
}
.k-rtl .k-link:not(.k-state-disabled):hover>.k-i-seek-e, .k-rtl .k-state-hover>.k-i-seek-e, .k-rtl .k-state-hover>*>.k-i-seek-e, .k-rtl .k-button:hover .k-i-seek-e, .k-rtl .k-textbox:hover .k-i-seek-e, .k-rtl .k-button:active .k-i-seek-e {
background-position: -16px -112px
}
.k-si-arrow-n {
background-position: 0 -129px
}
.k-link:not(.k-state-disabled):hover>.k-si-arrow-n, .k-state-hover>.k-si-arrow-n, .k-state-hover>*>.k-si-arrow-n, .k-button:hover .k-si-arrow-n, .k-textbox:hover .k-si-arrow-n, .k-button:active .k-si-arrow-n {
background-position: -16px -129px
}
.k-si-arrow-e {
background-position: 0 -144px
}
.k-link:not(.k-state-disabled):hover>.k-si-arrow-e, .k-state-hover>.k-si-arrow-e, .k-state-hover>*>.k-si-arrow-e, .k-button:hover .k-si-arrow-e, .k-textbox:hover .k-si-arrow-e, .k-button:active .k-si-arrow-e {
background-position: -16px -144px
}
.k-si-arrow-s {
background-position: 0 -159px
}
.k-link:not(.k-state-disabled):hover>.k-si-arrow-s, .k-state-hover>.k-si-arrow-s, .k-state-hover>*>.k-si-arrow-s, .k-button:hover .k-si-arrow-s, .k-textbox:hover .k-si-arrow-s, .k-button:active .k-si-arrow-s {
background-position: -16px -159px
}
.k-si-arrow-w {
background-position: 0 -176px
}
.k-link:not(.k-state-disabled):hover>.k-si-arrow-w, .k-state-hover>.k-si-arrow-w, .k-state-hover>*>.k-si-arrow-w, .k-button:hover .k-si-arrow-w, .k-textbox:hover .k-si-arrow-w, .k-button:active .k-si-arrow-w {
background-position: -16px -176px
}
.k-i-arrowhead-n {
background-position: 0 -256px
}
.k-link:not(.k-state-disabled):hover>.k-i-arrowhead-n, .k-state-hover>.k-i-arrowhead-n, .k-state-hover>*>.k-i-arrowhead-n, .k-button:hover .k-i-arrowhead-n, .k-textbox:hover .k-i-arrowhead-n, .k-button:active .k-i-arrowhead-n {
background-position: -16px -256px
}
.k-i-arrowhead-e {
background-position: 0 -272px
}
.k-link:not(.k-state-disabled):hover>.k-i-arrowhead-e, .k-state-hover>.k-i-arrowhead-e, .k-state-hover>*>.k-i-arrowhead-e, .k-button:hover .k-i-arrowhead-e, .k-textbox:hover .k-i-arrowhead-e, .k-button:active .k-i-arrowhead-e {
background-position: -16px -272px
}
.k-i-arrowhead-s {
background-position: 0 -288px
}
.k-link:not(.k-state-disabled):hover>.k-i-arrowhead-s, .k-state-hover>.k-i-arrowhead-s, .k-state-hover>*>.k-i-arrowhead-s, .k-button:hover .k-i-arrowhead-s, .k-textbox:hover .k-i-arrowhead-s, .k-button:active .k-i-arrowhead-s {
background-position: -16px -288px
}
.k-i-arrowhead-w {
background-position: 0 -304px
}
.k-link:not(.k-state-disabled):hover>.k-i-arrowhead-w, .k-state-hover>.k-i-arrowhead-w, .k-state-hover>*>.k-i-arrowhead-w, .k-button:hover .k-i-arrowhead-w, .k-textbox:hover .k-i-arrowhead-w, .k-button:active .k-i-arrowhead-w {
background-position: -16px -304px
}
.k-i-expand, .k-plus, .k-plus-disabled {
background-position: 0 -192px
}
.k-link:not(.k-state-disabled):hover>.k-i-expand, .k-link:not(.k-state-disabled):hover>.k-plus, .k-link:not(.k-state-disabled):hover>.k-plus-disabled, .k-state-hover>.k-i-expand, .k-state-hover>.k-plus, .k-state-hover>.k-plus-disabled, .k-state-hover>*>.k-i-expand, .k-state-hover>*>.k-plus, .k-state-hover>*>.k-plus-disabled, .k-button:hover .k-i-expand, .k-button:hover .k-plus, .k-button:hover .k-plus-disabled, .k-textbox:hover .k-i-expand, .k-textbox:hover .k-plus, .k-textbox:hover .k-plus-disabled, .k-button:active .k-i-expand, .k-button:active .k-plus, .k-button:active .k-plus-disabled {
background-position: -16px -192px
}
.k-i-expand-w, .k-rtl .k-i-expand, .k-rtl .k-plus, .k-rtl .k-plus-disabled {
background-position: 0 -208px
}
.k-link:not(.k-state-disabled):hover>.k-i-expand-w, .k-link:not(.k-state-disabled):hover>.k-rtl .k-i-expand, .k-link:not(.k-state-disabled):hover>.k-rtl .k-plus, .k-link:not(.k-state-disabled):hover>.k-rtl .k-plus-disabled, .k-state-hover>.k-i-expand-w, .k-state-hover>.k-rtl .k-i-expand, .k-state-hover>.k-rtl .k-plus, .k-state-hover>.k-rtl .k-plus-disabled, .k-state-hover>*>.k-i-expand-w, .k-state-hover>*>.k-rtl .k-i-expand, .k-state-hover>*>.k-rtl .k-plus, .k-state-hover>*>.k-rtl .k-plus-disabled, .k-button:hover .k-i-expand-w, .k-button:hover .k-rtl .k-i-expand, .k-button:hover .k-rtl .k-plus, .k-button:hover .k-rtl .k-plus-disabled, .k-textbox:hover .k-i-expand-w, .k-textbox:hover .k-rtl .k-i-expand, .k-textbox:hover .k-rtl .k-plus, .k-textbox:hover .k-rtl .k-plus-disabled, .k-button:active .k-i-expand-w, .k-button:active .k-rtl .k-i-expand, .k-button:active .k-rtl .k-plus, .k-button:active .k-rtl .k-plus-disabled {
background-position: -16px -208px
}
.k-i-collapse, .k-minus, .k-minus-disabled {
background-position: 0 -224px
}
.k-link:not(.k-state-disabled):hover>.k-i-collapse, .k-link:not(.k-state-disabled):hover>.k-minus, .k-link:not(.k-state-disabled):hover>.k-minus-disabled, .k-state-hover>.k-i-collapse, .k-state-hover>.k-minus, .k-state-hover>.k-minus-disabled, .k-state-hover>*>.k-i-collapse, .k-state-hover>*>.k-minus, .k-state-hover>*>.k-minus-disabled, .k-button:hover .k-i-collapse, .k-button:hover .k-minus, .k-button:hover .k-minus-disabled, .k-textbox:hover .k-i-collapse, .k-textbox:hover .k-minus, .k-textbox:hover .k-minus-disabled, .k-button:active .k-i-collapse, .k-button:active .k-minus, .k-button:active .k-minus-disabled {
background-position: -16px -224px
}
.k-i-collapse-w, .k-rtl .k-i-collapse, .k-rtl .k-minus, .k-rtl .k-minus-disabled {
background-position: 0 -240px
}
.k-link:not(.k-state-disabled):hover>.k-i-collapse-w, .k-link:not(.k-state-disabled):hover>.k-rtl .k-i-collapse, .k-link:not(.k-state-disabled):hover>.k-rtl .k-minus, .k-link:not(.k-state-disabled):hover>.k-rtl .k-minus-disabled, .k-state-hover>.k-i-collapse-w, .k-state-hover>.k-rtl .k-i-collapse, .k-state-hover>.k-rtl .k-minus, .k-state-hover>.k-rtl .k-minus-disabled, .k-state-hover>*>.k-i-collapse-w, .k-state-hover>*>.k-rtl .k-i-collapse, .k-state-hover>*>.k-rtl .k-minus, .k-state-hover>*>.k-rtl .k-minus-disabled, .k-button:hover .k-i-collapse-w, .k-button:hover .k-rtl .k-i-collapse, .k-button:hover .k-rtl .k-minus, .k-button:hover .k-rtl .k-minus-disabled, .k-textbox:hover .k-i-collapse-w, .k-textbox:hover .k-rtl .k-i-collapse, .k-textbox:hover .k-rtl .k-minus, .k-textbox:hover .k-rtl .k-minus-disabled, .k-button:active .k-i-collapse-w, .k-button:active .k-rtl .k-i-collapse, .k-button:active .k-rtl .k-minus, .k-button:active .k-rtl .k-minus-disabled {
background-position: -16px -240px
}
.k-i-pencil, .k-edit {
background-position: -32px 0
}
.k-link:not(.k-state-disabled):hover>.k-i-pencil, .k-link:not(.k-state-disabled):hover>.k-edit, .k-state-hover>.k-i-pencil, .k-state-hover>.k-edit, .k-state-hover>*>.k-i-pencil, .k-state-hover>*>.k-edit, .k-button:hover .k-i-pencil, .k-button:hover .k-edit, .k-textbox:hover .k-i-pencil, .k-textbox:hover .k-edit, .k-button:active .k-i-pencil, .k-button:active .k-edit {
background-position: -48px 0
}
.k-i-close, .k-delete, .k-group-delete {
background-position: -32px -16px
}
.k-link:not(.k-state-disabled):hover>.k-i-close, .k-link:not(.k-state-disabled):hover>.k-delete, .k-link:not(.k-state-disabled):hover>.k-group-delete, .k-state-hover>.k-i-close, .k-state-hover>.k-delete, .k-state-hover>.k-group-delete, .k-state-hover>*>.k-i-close, .k-state-hover>*>.k-delete, .k-state-hover>*>.k-group-delete, .k-button:hover .k-i-close, .k-button:hover .k-delete, .k-button:hover .k-group-delete, .k-textbox:hover .k-i-close, .k-textbox:hover .k-delete, .k-textbox:hover .k-group-delete, .k-button:active .k-i-close, .k-button:active .k-delete, .k-button:active .k-group-delete {
background-position: -48px -16px
}
.k-si-close {
background-position: -160px -80px
}
.k-link:not(.k-state-disabled):hover>.k-si-close, .k-state-hover>.k-si-close, .k-state-hover>*>.k-si-close, .k-button:hover .k-si-close, .k-textbox:hover .k-si-close, .k-button:active .k-si-close {
background-position: -176px -80px
}
.k-multiselect .k-delete {
background-position: -160px -80px
}
.k-multiselect .k-state-hover .k-delete {
background-position: -176px -80px
}
.k-i-tick, .k-insert, .k-update {
background-position: -32px -32px
}
.k-link:not(.k-state-disabled):hover>.k-i-tick, .k-link:not(.k-state-disabled):hover>.k-insert, .k-link:not(.k-state-disabled):hover>.k-update, .k-state-hover>.k-i-tick, .k-state-hover>.k-insert, .k-state-hover>.k-update, .k-state-hover>*>.k-i-tick, .k-state-hover>*>.k-insert, .k-state-hover>*>.k-update, .k-button:hover .k-i-tick, .k-button:hover .k-insert, .k-button:hover .k-update, .k-textbox:hover .k-i-tick, .k-textbox:hover .k-insert, .k-textbox:hover .k-update, .k-button:active .k-i-tick, .k-button:active .k-insert, .k-button:active .k-update {
background-position: -48px -32px
}
.k-check:checked, .k-mobile-list .k-edit-field [type=checkbox], .k-mobile-list .k-edit-field [type=radio] {
background-position: -32px -32px
}
.k-link:not(.k-state-disabled):hover>.k-check:checked, .k-link:not(.k-state-disabled):hover>.k-mobile-list .k-edit-field [type=checkbox], .k-link:not(.k-state-disabled):hover>.k-mobile-list .k-edit-field [type=radio], .k-state-hover>.k-check:checked, .k-state-hover>.k-mobile-list .k-edit-field [type=checkbox], .k-state-hover>.k-mobile-list .k-edit-field [type=radio], .k-state-hover>*>.k-check:checked, .k-state-hover>*>.k-mobile-list .k-edit-field [type=checkbox], .k-state-hover>*>.k-mobile-list .k-edit-field [type=radio], .k-button:hover .k-check:checked, .k-button:hover .k-mobile-list .k-edit-field [type=checkbox], .k-button:hover .k-mobile-list .k-edit-field [type=radio], .k-textbox:hover .k-check:checked, .k-textbox:hover .k-mobile-list .k-edit-field [type=checkbox], .k-textbox:hover .k-mobile-list .k-edit-field [type=radio], .k-button:active .k-check:checked, .k-button:active .k-mobile-list .k-edit-field [type=checkbox], .k-button:active .k-mobile-list .k-edit-field [type=radio] {
background-position: -48px -32px
}
.k-i-cancel, .k-cancel, .k-denied {
background-position: -32px -48px
}
.k-link:not(.k-state-disabled):hover>.k-i-cancel, .k-link:not(.k-state-disabled):hover>.k-cancel, .k-link:not(.k-state-disabled):hover>.k-denied, .k-state-hover>.k-i-cancel, .k-state-hover>.k-cancel, .k-state-hover>.k-denied, .k-state-hover>*>.k-i-cancel, .k-state-hover>*>.k-cancel, .k-state-hover>*>.k-denied, .k-button:hover .k-i-cancel, .k-button:hover .k-cancel, .k-button:hover .k-denied, .k-textbox:hover .k-i-cancel, .k-textbox:hover .k-cancel, .k-textbox:hover .k-denied, .k-button:active .k-i-cancel, .k-button:active .k-cancel, .k-button:active .k-denied {
background-position: -48px -48px
}
.k-i-plus, .k-add {
background-position: -32px -64px
}
.k-link:not(.k-state-disabled):hover>.k-i-plus, .k-link:not(.k-state-disabled):hover>.k-add, .k-state-hover>.k-i-plus, .k-state-hover>.k-add, .k-state-hover>*>.k-i-plus, .k-state-hover>*>.k-add, .k-button:hover .k-i-plus, .k-button:hover .k-add, .k-textbox:hover .k-i-plus, .k-textbox:hover .k-add, .k-button:active .k-i-plus, .k-button:active .k-add {
background-position: -48px -64px
}
.k-i-funnel, .k-filter {
background-position: -32px -80px
}
.k-link:not(.k-state-disabled):hover>.k-i-funnel, .k-link:not(.k-state-disabled):hover>.k-filter, .k-state-hover>.k-i-funnel, .k-state-hover>.k-filter, .k-state-hover>*>.k-i-funnel, .k-state-hover>*>.k-filter, .k-button:hover .k-i-funnel, .k-button:hover .k-filter, .k-textbox:hover .k-i-funnel, .k-textbox:hover .k-filter, .k-button:active .k-i-funnel, .k-button:active .k-filter {
background-position: -48px -80px
}
.k-i-funnel-clear, .k-clear-filter {
background-position: -32px -96px
}
.k-link:not(.k-state-disabled):hover>.k-i-funnel-clear, .k-link:not(.k-state-disabled):hover>.k-clear-filter, .k-state-hover>.k-i-funnel-clear, .k-state-hover>.k-clear-filter, .k-state-hover>*>.k-i-funnel-clear, .k-state-hover>*>.k-clear-filter, .k-button:hover .k-i-funnel-clear, .k-button:hover .k-clear-filter, .k-textbox:hover .k-i-funnel-clear, .k-textbox:hover .k-clear-filter, .k-button:active .k-i-funnel-clear, .k-button:active .k-clear-filter {
background-position: -48px -96px
}
.k-i-refresh {
background-position: -32px -112px
}
.k-link:not(.k-state-disabled):hover>.k-i-refresh, .k-state-hover>.k-i-refresh, .k-state-hover>*>.k-i-refresh, .k-button:hover .k-i-refresh, .k-textbox:hover .k-i-refresh, .k-button:active .k-i-refresh {
background-position: -48px -112px
}
.k-i-exception {
background-position: -160px -304px
}
.k-link:not(.k-state-disabled):hover>.k-i-exception, .k-state-hover>.k-i-exception, .k-state-hover>*>.k-i-exception, .k-button:hover .k-i-exception, .k-textbox:hover .k-i-exception, .k-button:active .k-i-exception {
background-position: -176px -304px
}
.k-i-restore {
background-position: -32px -128px
}
.k-link:not(.k-state-disabled):hover>.k-i-restore, .k-state-hover>.k-i-restore, .k-state-hover>*>.k-i-restore, .k-button:hover .k-i-restore, .k-textbox:hover .k-i-restore, .k-button:active .k-i-restore {
background-position: -48px -128px
}
.k-i-maximize {
background-position: -32px -144px
}
.k-link:not(.k-state-disabled):hover>.k-i-maximize, .k-state-hover>.k-i-maximize, .k-state-hover>*>.k-i-maximize, .k-button:hover .k-i-maximize, .k-textbox:hover .k-i-maximize, .k-button:active .k-i-maximize {
background-position: -48px -144px
}
.k-i-minimize {
background-position: -64px -288px
}
.k-link:not(.k-state-disabled):hover>.k-i-minimize, .k-state-hover>.k-i-minimize, .k-state-hover>*>.k-i-minimize, .k-button:hover .k-i-minimize, .k-textbox:hover .k-i-minimize, .k-button:active .k-i-minimize {
background-position: -80px -288px
}
.k-i-pin {
background-position: -160px -256px
}
.k-link:not(.k-state-disabled):hover>.k-i-pin, .k-state-hover>.k-i-pin, .k-state-hover>*>.k-i-pin, .k-button:hover .k-i-pin, .k-textbox:hover .k-i-pin, .k-button:active .k-i-pin {
background-position: -176px -256px
}
.k-i-unpin {
background-position: -160px -272px
}
.k-link:not(.k-state-disabled):hover>.k-i-unpin, .k-state-hover>.k-i-unpin, .k-state-hover>*>.k-i-unpin, .k-button:hover .k-i-unpin, .k-textbox:hover .k-i-unpin, .k-button:active .k-i-unpin {
background-position: -176px -272px
}
.k-resize-se {
background-position: -32px -160px
}
.k-link:not(.k-state-disabled):hover>.k-resize-se, .k-state-hover>.k-resize-se, .k-state-hover>*>.k-resize-se, .k-button:hover .k-resize-se, .k-textbox:hover .k-resize-se, .k-button:active .k-resize-se {
background-position: -48px -160px
}
.k-i-calendar {
background-position: -32px -176px
}
.k-link:not(.k-state-disabled):hover>.k-i-calendar, .k-state-hover>.k-i-calendar, .k-state-hover>*>.k-i-calendar, .k-button:hover .k-i-calendar, .k-textbox:hover .k-i-calendar, .k-button:active .k-i-calendar {
background-position: -48px -176px
}
.k-i-clock {
background-position: -32px -192px
}
.k-link:not(.k-state-disabled):hover>.k-i-clock, .k-state-hover>.k-i-clock, .k-state-hover>*>.k-i-clock, .k-button:hover .k-i-clock, .k-textbox:hover .k-i-clock, .k-button:active .k-i-clock {
background-position: -48px -192px
}
.k-si-plus {
background-position: -32px -208px
}
.k-link:not(.k-state-disabled):hover>.k-si-plus, .k-state-hover>.k-si-plus, .k-state-hover>*>.k-si-plus, .k-button:hover .k-si-plus, .k-textbox:hover .k-si-plus, .k-button:active .k-si-plus {
background-position: -48px -208px
}
.k-si-minus {
background-position: -32px -224px
}
.k-link:not(.k-state-disabled):hover>.k-si-minus, .k-state-hover>.k-si-minus, .k-state-hover>*>.k-si-minus, .k-button:hover .k-si-minus, .k-textbox:hover .k-si-minus, .k-button:active .k-si-minus {
background-position: -48px -224px
}
.k-i-search {
background-position: -32px -240px
}
.k-link:not(.k-state-disabled):hover>.k-i-search, .k-state-hover>.k-i-search, .k-state-hover>*>.k-i-search, .k-button:hover .k-i-search, .k-textbox:hover .k-i-search, .k-button:active .k-i-search {
background-position: -48px -240px
}
.k-i-custom {
background-position: -115px -113px
}
.k-link:not(.k-state-disabled):hover>.k-i-custom, .k-state-hover>.k-i-custom, .k-state-hover>*>.k-i-custom, .k-button:hover .k-i-custom, .k-textbox:hover .k-i-custom, .k-button:active .k-i-custom {
background-position: -141px -113px
}
.k-editor .k-i-custom {
background-position: -111px -109px
}
.k-viewHtml {
background-position: -288px -120px
}
.k-i-insert-n, .k-insert-top {
background-position: -160px -32px
}
.k-link:not(.k-state-disabled):hover>.k-i-insert-n, .k-link:not(.k-state-disabled):hover>.k-insert-top, .k-state-hover>.k-i-insert-n, .k-state-hover>.k-insert-top, .k-state-hover>*>.k-i-insert-n, .k-state-hover>*>.k-insert-top, .k-button:hover .k-i-insert-n, .k-button:hover .k-insert-top, .k-textbox:hover .k-i-insert-n, .k-textbox:hover .k-insert-top, .k-button:active .k-i-insert-n, .k-button:active .k-insert-top {
background-position: -176px -32px
}
.k-i-insert-m, .k-insert-middle {
background-position: -160px -48px
}
.k-link:not(.k-state-disabled):hover>.k-i-insert-m, .k-link:not(.k-state-disabled):hover>.k-insert-middle, .k-state-hover>.k-i-insert-m, .k-state-hover>.k-insert-middle, .k-state-hover>*>.k-i-insert-m, .k-state-hover>*>.k-insert-middle, .k-button:hover .k-i-insert-m, .k-button:hover .k-insert-middle, .k-textbox:hover .k-i-insert-m, .k-textbox:hover .k-insert-middle, .k-button:active .k-i-insert-m, .k-button:active .k-insert-middle {
background-position: -176px -48px
}
.k-i-insert-s, .k-insert-bottom {
background-position: -160px -64px
}
.k-link:not(.k-state-disabled):hover>.k-i-insert-s, .k-link:not(.k-state-disabled):hover>.k-insert-bottom, .k-state-hover>.k-i-insert-s, .k-state-hover>.k-insert-bottom, .k-state-hover>*>.k-i-insert-s, .k-state-hover>*>.k-insert-bottom, .k-button:hover .k-i-insert-s, .k-button:hover .k-insert-bottom, .k-textbox:hover .k-i-insert-s, .k-textbox:hover .k-insert-bottom, .k-button:active .k-i-insert-s, .k-button:active .k-insert-bottom {
background-position: -176px -64px
}
.k-drop-hint {
background-position: 0 -326px
}
.k-i-note, .k-warning {
background-position: -160px -240px
}
.k-link:not(.k-state-disabled):hover>.k-i-note, .k-link:not(.k-state-disabled):hover>.k-warning, .k-state-hover>.k-i-note, .k-state-hover>.k-warning, .k-state-hover>*>.k-i-note, .k-state-hover>*>.k-warning, .k-button:hover .k-i-note, .k-button:hover .k-warning, .k-textbox:hover .k-i-note, .k-textbox:hover .k-warning, .k-button:active .k-i-note, .k-button:active .k-warning {
background-position: -176px -240px
}
.k-i-sort-asc {
background-position: -112px -240px
}
.k-link:not(.k-state-disabled):hover>.k-i-sort-asc, .k-state-hover>.k-i-sort-asc, .k-state-hover>*>.k-i-sort-asc, .k-button:hover .k-i-sort-asc, .k-textbox:hover .k-i-sort-asc, .k-button:active .k-i-sort-asc {
background-position: -128px -240px
}
.k-i-sort-desc {
background-position: -112px -256px
}
.k-link:not(.k-state-disabled):hover>.k-i-sort-desc, .k-state-hover>.k-i-sort-desc, .k-state-hover>*>.k-i-sort-desc, .k-button:hover .k-i-sort-desc, .k-textbox:hover .k-i-sort-desc, .k-button:active .k-i-sort-desc {
background-position: -128px -256px
}
.k-i-group {
background-position: -112px -272px
}
.k-link:not(.k-state-disabled):hover>.k-i-group, .k-state-hover>.k-i-group, .k-state-hover>*>.k-i-group, .k-button:hover .k-i-group, .k-textbox:hover .k-i-group, .k-button:active .k-i-group {
background-position: -128px -272px
}
.k-i-ungroup {
background-position: -112px -288px
}
.k-link:not(.k-state-disabled):hover>.k-i-ungroup, .k-state-hover>.k-i-ungroup, .k-state-hover>*>.k-i-ungroup, .k-button:hover .k-i-ungroup, .k-textbox:hover .k-i-ungroup, .k-button:active .k-i-ungroup {
background-position: -128px -288px
}
.k-i-columns {
background-position: -112px -304px
}
.k-link:not(.k-state-disabled):hover>.k-i-columns, .k-state-hover>.k-i-columns, .k-state-hover>*>.k-i-columns, .k-button:hover .k-i-columns, .k-textbox:hover .k-i-columns, .k-button:active .k-i-columns {
background-position: -128px -304px
}
.k-file {
background-position: 0 0
}
.k-link:not(.k-state-disabled):hover>.k-file, .k-state-hover>.k-file, .k-state-hover>*>.k-file, .k-button:hover .k-file, .k-textbox:hover .k-file, .k-button:active .k-file {
background-position: -16px 0
}
.k-i-folder-add, .k-addfolder {
background-position: -32px -272px
}
.k-link:not(.k-state-disabled):hover>.k-i-folder-add, .k-link:not(.k-state-disabled):hover>.k-addfolder, .k-state-hover>.k-i-folder-add, .k-state-hover>.k-addfolder, .k-state-hover>*>.k-i-folder-add, .k-state-hover>*>.k-addfolder, .k-button:hover .k-i-folder-add, .k-button:hover .k-addfolder, .k-textbox:hover .k-i-folder-add, .k-textbox:hover .k-addfolder, .k-button:active .k-i-folder-add, .k-button:active .k-addfolder {
background-position: -48px -272px
}
.k-i-folder-up, .k-goup {
background-position: -32px -288px
}
.k-link:not(.k-state-disabled):hover>.k-i-folder-up, .k-link:not(.k-state-disabled):hover>.k-goup, .k-state-hover>.k-i-folder-up, .k-state-hover>.k-goup, .k-state-hover>*>.k-i-folder-up, .k-state-hover>*>.k-goup, .k-button:hover .k-i-folder-up, .k-button:hover .k-goup, .k-textbox:hover .k-i-folder-up, .k-textbox:hover .k-goup, .k-button:active .k-i-folder-up, .k-button:active .k-goup {
background-position: -48px -288px
}
.k-file>.k-icon {
background-position: -115px -91px
}
.k-image {
border: 0
}
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-loading-mask, .k-loading-image, .k-loading-text {
position: absolute
}
.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: .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: .9em;
padding: .2em .4em;
white-space: nowrap;
cursor: default
}
.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-s {
top: -4px;
background-position: -4px -166px
}
.k-reorder-cue .k-i-arrow-n {
bottom: -4px;
background-position: -4px -134px
}
.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;
-webkit-border-radius: 7px
}
}
.k-virtual-scrollable-wrap {
overflow-x: auto
}
div.k-window {
display: inline-block;
position: absolute;
z-index: 10001;
border-style: solid;
border-width: 1px;
padding-top: 2em
}
.k-block>.k-header, .k-window-titlebar {
position: absolute;
width: 100%;
height: 1.1em;
border-bottom-style: solid;
border-bottom-width: 1px;
margin-top: -2em;
padding: .4em 0;
font-size: 1.2em;
white-space: nowrap;
min-height: 16px
}
.k-block>.k-header {
position: relative;
margin: -2px 0 10px -2px;
padding: .3em 2px
}
.k-window-title {
position: absolute;
left: .44em;
right: .44em;
overflow: hidden;
cursor: default;
text-overflow: ellipsis
}
.k-window-title .k-image {
margin: 0 5px 0 0;
vertical-align: middle
}
div.k-window-titleless {
padding-top: 0
}
div.k-window-content {
position: relative;
height: 100%;
padding: .58em;
overflow: auto;
outline: 0
}
div.k-window-iframecontent {
padding: 0;
overflow: visible
}
.k-window-content>.km-scroll-container {
height: 100%
}
.k-ie7 .k-window {
padding-bottom: 1.16em
}
.k-window-titlebar .k-window-actions {
position: absolute;
top: 0;
right: .3em;
padding-top: .3em;
white-space: nowrap
}
.k-window-titlebar .k-window-action {
display: inline-block;
width: 16px;
height: 16px;
padding: 2px;
text-decoration: none;
vertical-align: middle;
opacity: .7
}
.k-window-titlebar .k-state-hover {
border-style: solid;
border-width: 1px;
padding: 1px;
opacity: 1
}
.k-window-action .k-icon {
margin: 0;
vertical-align: top
}
.k-window .k-resize-handle {
position: absolute;
z-index: 1;
background-color: #fff;
font-size: 0;
line-height: 6px;
filter: alpha(opacity=0);
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: 16px;
height: 16px;
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;
filter: alpha(opacity=50);
opacity: .5
}
.k-window .k-overlay {
position: absolute;
width: 100%;
height: 100%;
background-color: #fff;
filter: alpha(opacity=0);
opacity: 0
}
.k-tabstrip {
margin: 0;
padding: 0;
zoom: 1
}
.k-tabstrip .k-tabstrip-items {
padding: .3em .3em 0
}
.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;
margin: 0 -1px 0 0;
padding: 0;
vertical-align: top
}
.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-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: .5em .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-ie7 .k-tabstrip-items .k-item .k-image, .k-ie7 .k-tabstrip-items .k-item .k-sprite {
margin-top: -1px;
vertical-align: top
}
.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;
-webkit-transition: width 200ms linear;
-moz-transition: width 200ms linear;
-o-transition: width 200ms linear;
transition: width 200ms linear;
animation: k-tab-loader 1s ease-in-out infinite;
-moz-animation: k-tab-loader 1s ease-in-out infinite;
-webkit-animation: k-tab-loader 1s ease-in-out infinite
}
.k-tabstrip-items .k-progress {
animation: none;
-moz-animation: none;
-webkit-animation: none
}
.k-tabstrip-items .k-loading.k-complete {
width: 100%;
animation: none;
-moz-animation: none;
-webkit-animation: none
}
.k-tabstrip>.k-content, .k-panelbar .k-tabstrip>.k-content {
position: static;
border-style: solid;
border-width: 1px;
margin: 0 .29em .3em;
padding: .3em .92em;
zoom: 1
}
.k-tabstrip>.k-content {
display: none
}
.k-tabstrip>.k-content.km-scroll-wrapper {
padding: 0
}
.k-tabstrip>.k-content>.km-scroll-container {
padding: .3em .92em
}
@-webkit-keyframes k-tab-loader {
0% {
left:0
}
50% {
left:80%
}
100% {
left:0
}
}
@-moz-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-panelbar {
zoom: 1
}
.k-panelbar>.k-item, .k-panel>.k-item {
list-style-type: none;
display: block;
border-width: 0;
margin: 0;
zoom: 1;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
border-radius: 0
}
.k-panelbar .k-image, .k-panelbar .k-sprite {
float: left;
margin-top: 4px;
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-panelbar-collapse {
position: absolute;
top: 5px;
right: 2px
}
.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: .95em;
line-height: 2.2
}
.k-panel .k-i-arrow-n, .k-panel .k-i-arrow-s {
top: 4px
}
.k-panel .k-panel>.k-item>.k-link {
padding-left: 2em
}
.k-panelbar .k-i-seek-e .k-link {
border-bottom: 0
}
.k-panel .k-panel {
border-bottom: 0
}
.k-menu {
cursor: default
}
.k-menu, .k-menu .k-group {
list-style: none;
margin: 0;
padding: 0;
zoom: 1
}
.k-menu:after {
content: '';
display: block;
width: 99%;
height: 0;
float: inherit;
overflow: hidden
}
.k-menu .k-item .k-item, ul.k-menu-vertical>.k-item {
display: block;
float: none;
border-width: 0
}
.k-ie7 .k-menu .k-item .k-item {
zoom: normal
}
.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 .k-item>.k-link>.k-icon {
margin: -2px 0 0
}
.k-ie7 .k-menu .k-item>.k-link>.k-i-arrow-s, .k-ie7 .k-menu .k-image, .k-ie7 .k-menu .k-sprite {
margin-top: 0
}
.k-menu .k-item>.k-link {
display: block;
padding: .5em 1.1em .4em;
line-height: 1.34em;
-khtml-user-select: none;
-webkit-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
user-select: none
}
.k-menu .k-group {
display: none;
border-style: solid;
border-width: 1px;
overflow: visible;
white-space: nowrap
}
.k-menu .k-group .k-item {
display: block;
border-width: 0
}
.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;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.k-menu .k-group .k-item>.k-link {
padding: .28em 1.8em .38em .9em
}
.k-ie7 .k-menu .k-group .k-link {
width: 100%
}
.k-menu .k-item>.k-link>.k-i-arrow-s {
margin-right: -8px
}
.k-menu .k-item>.k-link>.k-i-arrow-e {
position: absolute;
top: 50%;
margin-top: -8px;
right:.2rem
}
.k-menu .k-animation-container {
border: 0
}
.k-menu .k-animation-container, .k-menu .k-group {
position: absolute;
left: 0
}
.k-menu .k-animation-container .k-animation-container, .k-menu .k-group .k-group, .k-menu-vertical .k-animation-container, .k-menu-vertical .k-group {
top: 0;
left: 0
}
.k-menu .k-animation-container .k-group {
top: auto;
left: auto;
margin-left: -1px
}
.k-menu .k-animation-container, .k-popup .k-animation-container {
margin-top: -1px;
padding-left: 1px
}
.k-ie .k-menu .k-animation-container, .k-ie .k-popup .k-animation-container {
margin-top: -2px
}
.k-popup .k-animation-container .k-popup {
margin-left: -1px
}
ul.k-menu .k-separator {
padding: .25em 0;
height: 100%;
width: 1px;
font-size: 0;
line-height: 0;
border-width: 0 1px 0 0
}
ul.k-menu-vertical .k-separator, .k-menu .k-group .k-separator {
padding: 0;
height: 1px;
width: 100%;
border-width: 1px 0 0
}
.k-grid, .k-listview {
position: relative;
zoom: 1
}
.k-grid table {
width: 100%;
margin: 0;
border-collapse: separate;
border-spacing: 0;
empty-cells: show;
border-width: 0;
outline: 0
}
.k-grid-header .k-header {
text-align: center;
}
.k-grid-header .k-header {
overflow: hidden;
border-style: solid;
border-width: 0 0 1px 1px;
padding: .5em .6em .4em .6em;
font-weight: normal;
white-space: nowrap;
text-overflow: ellipsis
}
.k-ie10 .k-grid-header a:active {
background-color: transparent
}
.k-grid-header .k-header>.k-link {
display: block;
min-height: 18px;
line-height: 18px;
margin: -0.5em -0.6em -0.4em -0.6em;
padding: .5em .6em .4em .6em;
overflow: hidden;
text-overflow: ellipsis
}
.k-grid-header .k-with-icon .k-link {
margin-right: 1.3em
}
.k-grid-header .k-header .k-icon {
position: static
}
.k-grid-header .k-link>.k-icon {
vertical-align: text-top
}
.k-grid .k-state-hover {
cursor: pointer
}
.k-grid td {
border-style: solid;
border-width: 0 0 0 1px;
padding: .4em .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
}
div.k-grid-header .k-header {
border-bottom-width: 0
}
.k-grid-content {
position: relative;
width: 100%;
overflow: auto;
overflow-x: auto;
overflow-y: scroll;
zoom: 1
}
.k-grid-content-expander {
position: absolute;
visibility: hidden;
height: 1px
}
@media print {
.k-grid {
height: auto!important
}
.k-grid-header {
padding: 0!important
}
.k-grid-content {
overflow: visible;
height: auto!important
}
}
.k-virtual-scrollable-wrap {
height: 100%;
overflow-y: hidden;
position: relative
}
.k-grid-header table, .k-grid-content table, .k-grid-footer table {
table-layout: fixed
}
.k-ie7 .k-grid-content table {
width: auto
}
.k-grid-toolbar {
border-style: solid;
border-width: 1px 0 0
}
.k-grid-header .k-header:first-child, .k-grid tbody td:first-child, .k-grid tfoot td:first-child {
border-left-width: 0
}
.k-grid-toolbar:first-child, .k-grouping-header+.k-grid-toolbar {
border-width: 0 0 1px
}
.k-footer-template td {
border-style: solid;
border-width: 1px 0 0 1px
}
.k-group-footer td {
border-style: solid;
border-width: 1px 0
}
.k-group-footer .k-group-cell+td {
border-left-width: 1px
}
.k-grid-footer {
border-style: solid;
border-width: 1px 0 0
}
.k-grid-footer td {
border-top-width: 0
}
.k-pager-wrap {
overflow: hidden;
border-style: solid;
border-width: 1px;
line-height: 2.0em;
padding: .333em 0 .333em .250em
}
.k-grid-pager {
border-width: 1px 0 0
}
.k-grid .k-pager-numbers, .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 li, .k-pager-input {
float: left
}
.k-grid .k-pager-numbers {
float: left;
cursor: default
}
.k-pager-info {
float: right;
padding: 0 1.333em
}
.k-pager-numbers .k-link {
text-decoration: none
}
.k-pager-wrap>.k-link {
float: left;
margin: 0 .08333em;
height: 2em;
line-height: 2em;
width: 2em;
-moz-border-radius: 1.0833em;
-webkit-border-radius: 1.0833em;
-o-border-radius: 1.0833em;
border-radius: 1.0833em;
cursor: pointer;
text-align: center
}
.k-pager-wrap>a.k-state-disabled:hover {
background: 0;
cursor: default
}
.k-pager-numbers .k-link {
width: 2em;
text-align: center;
line-height: 2em;
border-style: solid;
border-width: 1px;
-moz-border-radius: 1.0833em;
-webkit-border-radius: 1.0833em;
-o-border-radius: 1.0833em;
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: .5em;
border-width: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
border-radius: 0
}
.k-pager-numbers .k-state-selected {
border-style: solid;
border-width: 1px;
width: 2em;
text-align: center;
-moz-border-radius: 1.0833em;
-webkit-border-radius: 1.0833em;
-o-border-radius: 1.0833em;
border-radius: 1.0833em
}
.k-pager-wrap .k-textbox {
width: 3.333em
}
.k-ie7 .k-pager-wrap .k-textbox {
height: 1.3333em;
margin-top: .16666em;
display: inline
}
.k-pager-wrap .k-dropdown {
width: 4.500em
}
.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-ie7 .k-pager-sizes {
float: left
}
.k-pager-wrap .k-textbox, .k-pager-wrap .k-widget {
margin: 0 .4em 0
}
.k-header>.k-grid-filter, .k-header>.k-header-column-menu {
float: right;
margin: -0.5em -0.6em -0.4em;
padding: .5em .2em .4em;
position: relative;
z-index: 1
}
.k-grid .k-animation-container {
position: absolute
}
.k-filter-menu {
padding: .5em
}
form.k-filter-menu .k-widget, form.k-filter-menu .k-textbox {
display: block
}
.k-filter-help-text, .k-filter-menu .k-widget, .k-filter-menu .k-textbox {
margin: .19em 0 0
}
.k-filter-menu span.k-filter-and {
width: 6em;
margin: .5em 0 .5em
}
.k-filter-menu .k-button {
width: 48%;
margin: .5em 4% 0 0
}
.k-filter-menu .k-button+.k-button {
margin-right: 0
}
.k-grouping-row .k-icon {
margin: -3px 4px 0 2px
}
.k-grouping-row p {
display: inline-block;
vertical-align: middle;
margin-left: -0.6em;
padding: 0 .6em
}
.k-grouping-row+tr td {
border-top-width: 1px
}
.k-grouping-row .k-group-cell, .k-grouping-row+tr .k-group-cell {
border-top-width: 0;
text-overflow: none
}
.k-grid .k-hierarchy-cell+td {
border-left-width: 0
}
.k-grid .k-group-col, .k-grid .k-hierarchy-col {
width: 27px
}
.k-grouping-header {
border-bottom-style: solid;
border-bottom-width: 1px
}
.k-grouping-header {
line-height: 2
}
.k-grouping-dropclue {
position: absolute;
width: 6px;
height: 25px;
background-repeat: no-repeat;
background-position: -165px -148px
}
.k-grouping-header .k-group-indicator {
display: inline-block;
border-style: solid;
border-width: 1px;
margin: 0 3px;
padding: .15em .15em .15em .4em;
line-height: 1.5em
}
.k-grouping-header .k-link {
display: inline-block;
border-width: 0;
padding: 0;
line-height: normal;
text-decoration: none
}
.k-grouping-header .k-button {
border: 0;
padding: 0;
background: transparent;
line-height: 1
}
.k-grouping-header .k-link .k-icon {
margin: 0 0 0 -3px
}
.k-grouping-header .k-button .k-icon {
margin: 0 0 0 3px
}
.k-grouping-header a, .k-grouping-header .k-button {
display: inline-block;
vertical-align: middle
}
.k-dirty-cell:before {
content: "\a0";
display: inline-block;
width: 0;
float: left
}
.k-ie7 .k-dirty-cell {
position: relative
}
.k-ie7 .k-dirty {
top: 5px
}
.k-dirty {
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 3px;
border-color: #f00 transparent transparent #f00;
margin: -0.45em 0 0 -0.6em;
padding: 0;
overflow: hidden;
vertical-align: top
}
.k-grouping-header, .k-grid-toolbar {
margin: 0;
padding: .22em .2em .28em;
cursor: default
}
.k-grid .k-edit-container {
padding: 0
}
.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: .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 .6em
}
.k-edit-field>input[type="checkbox"], .k-edit-field>input[type="radio"] {
margin-top: .4em
}
.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: .6em
}
.km-pane-wrapper .k-scheduler-edit-form .k-edit-buttons {
clear: right;
margin-right: 2%;
margin-left: 2%;
padding: 0 0 .6em
}
.k-grid .field-validation-error {
display: block
}
.k-grid .input-validation-error {
border-style: ridge;
border-color: #f00;
background-color: #ffc0cb
}
.k-grid-toolbar .k-button {
vertical-align: middle
}
.k-grid-actions {
display: inline-block
}
.k-ie7 .k-grid-actions {
vertical-align: bottom
}
.k-grid .k-button, .k-edit-form-container .k-button {
margin: 0 .16em
}
.k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button {
min-width: 64px
}
.k-grid tbody button.k-button {
min-width: 78px
}
.k-ie7 .k-grid tbody a.k-button {
min-width: 62px
}
html body .k-grid tbody .k-button-icon {
width: auto;
min-width: 0
}
.k-detail-row {
position: relative
}
.k-grid .k-detail-cell {
overflow: visible
}
.k-grid .k-edit-cell {
padding: 0 .3em;
white-space: nowrap
}
.k-edit-cell>.k-textbox, .k-edit-cell>.k-widget, .k-grid-edit-row>td>.k-textbox, .k-grid-edit-row>td>.k-widget, .k-grid-edit-row>td>.text-box {
width: 100%
}
.k-ie7 .k-edit-cell>.text-box, .k-ie7 .k-edit-cell>.k-textbox, .k-ie7 .k-edit-cell>.k-widget, .k-ie7 .k-grid-edit-row>td>.k-textbox, .k-ie7 .k-grid-edit-row>td>.k-widget, .k-ie7 .k-grid-edit-row>td>.text-box {
display: block;
width: 90%
}
html .k-edit-cell .k-tooltip, html .k-grid-edit-row .k-tooltip {
width: auto;
max-width: 300px
}
.k-edit-cell input[type="checkbox"] {
margin-left: .6em
}
.k-grid tbody td>.k-grid-delete {
margin-top: -0.2em;
margin-bottom: -0.2em
}
.k-grid-resize-indicator {
position: absolute;
width: 2px;
background-color: #aaa
}
.k-grid .k-resize-handle {
position: absolute;
height: 25px;
cursor: col-resize;
z-index: 2
}
.k-marquee {
position: absolute;
z-index: 100000
}
.k-marquee-color, .k-marquee-text {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.k-marquee-color {
filter: alpha(opacity=60);
opacity: .6
}
.k-ie9 .k-column-menu {
width: 160px
}
.k-ie8 .k-grid-filter, .k-ie8 .k-header-column-menu {
font-size: 100%
}
.k-column-menu {
min-width: 160px
}
.k-column-menu .k-sprite {
margin-right: 10px
}
.k-column-menu>.k-menu {
border-width: 0
}
.k-columns-item .k-group {
max-height: 200px;
overflow: auto
}
span.k-datepicker, span.k-timepicker, span.k-datetimepicker, span.k-colorpicker, span.k-numerictextbox, span.k-combobox, span.k-dropdown {
background-image: none
}
.k-autocomplete, .k-combobox, .k-datepicker, .k-timepicker, .k-datetimepicker, .k-colorpicker, .k-numerictextbox, .k-dropdown, .k-selectbox, .k-textbox {
position: relative;
display: inline-block;
width: 12.4em;
overflow: visible;
border-width: 0;
vertical-align: middle
}
.k-filter-menu .k-combobox, .k-filter-menu .k-datepicker, .k-filter-menu .k-timepicker, .k-filter-menu .k-datetimepicker, .k-filter-menu .k-numerictextbox, .k-filter-menu .k-dropdown, .k-filter-menu .k-textbox {
width: 13.2em
}
.k-autocomplete, .k-combobox, .k-datepicker, .k-timepicker, .k-datetimepicker, .k-colorpicker, .k-numerictextbox, .k-dropdown, .k-selectbox {
white-space: nowrap
}
.k-colorpicker {
width: auto
}
.k-datetimepicker {
width: 15em
}
.k-autocomplete, .k-picker-wrap, .k-numeric-wrap {
position: relative;
cursor: default
}
.k-dropdown-wrap {
position: relative
}
.k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap {
display: block
}
.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-link, .k-header-column-menu {
-webkit-touch-callout: none
}
.k-popup.k-list-container, .k-popup.k-calendar-container {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
padding: 2px;
border-width: 1px;
border-style: solid
}
.k-list-container.k-state-border-down, .k-autocomplete.k-state-border-down, .k-dropdown-wrap.k-state-border-down, .k-picker-wrap.k-state-border-down, .k-numeric-wrap.k-state-border-down {
border-bottom-width: 0;
padding-bottom: 1px
}
.k-list-container .km-scroll-container {
padding-bottom: 6px
}
.k-textbox, .k-autocomplete, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap {
border-width: 1px;
border-style: solid;
padding: 0 1.9em 0 0
}
.k-numeric-wrap.k-expand-padding {
padding-right: 0
}
.k-textbox, .k-autocomplete {
padding: 0
}
.k-textbox.k-space-left {
padding-left: 1.9em
}
.k-textbox.k-space-right {
padding-right: 1.9em
}
.k-textbox .k-icon {
top: 50%;
margin: -8px 0 0;
position: absolute
}
.k-space-left .k-icon {
left: 3px
}
.k-space-right .k-icon {
right: 3px
}
.k-autocomplete, .k-dropdown-wrap.k-state-focused, .k-dropdown-wrap.k-state-hover, .k-picker-wrap.k-state-focused, .k-picker-wrap.k-state-hover, .k-numeric-wrap.k-state-focused, .k-numeric-wrap.k-state-hover {
-webkit-transition: box-shadow .15s ease-out;
-moz-transition: box-shadow .15s ease-out;
-o-transition: box-shadow .15s ease-out;
transition: box-shadow .15s ease-out
}
.k-textbox>input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-combobox .k-input {
width: 100%;
vertical-align: top
}
.k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input {
font-family: inherit;
border-width: 0;
outline: 0
}
.k-dropdown .k-input, .k-selectbox .k-input {
background: transparent
}
.k-ie7 .k-picker-wrap .k-input, .k-ie7 .k-numeric-wrap .k-input, .k-ie7 .k-combobox .k-input {
margin: -1px 0
}
.k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-dropdown-wrap .k-select {
position: absolute;
top: 0;
right: 0;
display: inline-block;
vertical-align: top;
text-decoration: none
}
.k-combobox .k-select, .k-picker-wrap .k-select, .k-numeric-wrap .k-select {
border-style: solid;
border-width: 0 0 0 1px;
border-color: inherit
}
span.k-datetimepicker .k-select, span.k-datetimepicker .k-select+.k-select {
right: 0
}
.k-textbox>input, .k-autocomplete .k-input {
display: block
}
.k-dropdown .k-select, .k-selectbox .k-select {
overflow: hidden;
border: 0;
text-decoration: none;
font: inherit;
color: inherit
}
.k-dropdown .k-input, .k-selectbox .k-input {
display: block;
overflow: hidden;
text-overflow: ellipsis
}
.k-textbox>input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input {
height: 1.65em;
line-height: 1.65em;
padding: .177em 0;
text-indent: .33em;
border: 0;
margin: 0
}
.k-ie7 .k-autocomplete .k-input, .k-ie7 .k-picker-wrap .k-input, .k-ie7 .k-numeric-wrap .k-input, .k-ie7 .k-dropdown-wrap .k-input, .k-ie7 .k-selectbox .k-input {
text-indent: 0
}
.k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-dropdown-wrap .k-select {
min-height: 1.65em;
line-height: 2em;
vertical-align: middle;
-moz-box-sizing: border-box;
text-align: center;
width: 1.9em;
height: 100%
}
.k-numeric-wrap .k-select {
padding: 0
}
body .k-datetimepicker .k-select {
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
border-radius: 0
}
.k-ie7 .k-picker-wrap .k-icon, .k-ie7 .k-dropdown-wrap .k-icon {
line-height: 2em;
font-size: 1em;
padding-top: 16px;
height: 0
}
.k-combobox .k-icon, .k-dropdown, .k-selectbox .k-icon {
cursor: pointer
}
.k-popup {
border-style: solid;
border-width: 1px
}
.k-popup .k-item {
cursor: default
}
.k-popup .k-calendar {
border: 0
}
.k-list {
height: 100%
}
.k-popup .k-list .k-item {
padding: 1px 5px 1px 5px;
line-height: 1.8em;
min-height: 1.8em
}
.k-popup .k-list .k-state-hover, .k-popup .k-list .k-state-focused, .k-popup .k-list .k-state-selected {
padding: 0 4px;
border-width: 1px;
border-style: solid
}
.k-multiselect-wrap {
position: relative;
border-width: 0;
border-style: solid;
border-radius: 4px;
border-color: #c5c5c5;
background-color: #FFF;
min-height: 2.04em
}
.k-multiselect-wrap .k-input {
background-color: transparent;
height: 1.31em;
line-height: 1.31em;
padding: .18em 0;
text-indent: .33em;
border: 0;
margin: 1px 0 0;
float: left
}
.k-multiselect-wrap li {
margin: 1px 0 1px 1px;
padding: .1em .15em .1em .4em;
line-height: 1.5em;
float: left
}
.k-autocomplete .k-loading, .k-multiselect .k-loading {
position: absolute;
right: 3px;
bottom: 4px
}
.k-multiselect .k-loading-hidden {
visibility: hidden
}
.k-calendar {
position: relative;
display: inline-block;
width: 16.917em;
overflow: hidden
}
.k-calendar td, .k-calendar .k-link {
text-decoration: none
}
.k-calendar .k-action-link {
text-decoration: underline
}
.k-calendar .k-header, .k-calendar .k-footer {
position: relative;
text-align: center;
zoom: 1
}
.k-widget.k-calendar .k-nav-prev, .k-widget.k-calendar .k-nav-next {
position: absolute;
top: .16666em;
line-height: 1.8333em;
height: 1.8333em
}
.k-widget.k-calendar .k-nav-prev {
left: 1%
}
.k-widget.k-calendar .k-nav-next {
right: 1%
}
.k-calendar .k-content {
float: left;
border-spacing: 0;
width: 100%;
height: 12.167em;
border-width: 0;
padding:5px 0;
table-layout: fixed;
text-align: right;
outline: 0
}
.k-calendar .k-animation-container .k-content {
height: 100%
}
.k-widget.k-calendar .k-nav-fast {
display: inline-block;
width: 75%;
height: 1.8333em;
line-height: 1.8333em;
margin: .16666em -0.08333em .3333em 0
}
.k-calendar .k-header .k-icon {
vertical-align: middle
}
.k-calendar .k-header .k-link.k-nav-prev, .k-calendar .k-header .k-link.k-nav-next {
height: 1.8333em;
width: 1.8333em
}
.k-calendar th {
border-bottom-style: solid;
border-bottom-width: 1px;
padding: .4em .45em .4em .1em;
font-weight: normal;
cursor: default
}
.k-calendar td {
padding: .08333em;
cursor: pointer
}
.k-calendar .k-state-focus {
border-style: dotted;
border-width: .08333em;
padding: 0
}
.k-calendar .k-content .k-link {
display: block;
overflow: hidden;
min-height: 1.8333em;
line-height: 1.8333em;
padding: 0 .45em 0 .1em
}
.k-calendar .k-meta-view .k-link {
padding: .25em 0 .3em;
text-align: center
}
.k-calendar .k-footer {
clear: both;
padding: .5em 0
}
.k-calendar .k-nav-today:hover {
text-decoration: underline
}
.k-datetimepicker .k-picker-wrap {
padding-right: 3.8em
}
.k-datetimepicker .k-select {
width: 3.8em
}
.k-datetimepicker .k-picker-wrap .k-icon {
margin: 0 2px
}
.k-picker-wrap .k-icon {
cursor: pointer
}
.k-button, .k-textbox, .k-timepicker, .k-datepicker, .k-datetimepicker {
display: inline-block;
vertical-align: middle
}
.k-picker-wrap .k-input {
margin: 0
}
.k-time-popup .k-item {
padding: 1px 3px
}
div.k-treeview {
border-width: 0;
background: 0;
overflow: auto;
white-space: nowrap
}
.k-treeview .k-item {
display: block;
border-width: 0;
margin: 0;
padding: 0 0 0 16px
}
.k-treeview>.k-group, .k-treeview .k-item>.k-group, .k-treeview .k-content {
margin: 0;
padding: 0;
background: 0;
list-style-type: none;
position: relative
}
.k-treeview .k-icon, .k-treeview .k-image, .k-treeview .k-sprite, .k-treeview .k-checkbox, .k-treeview .k-in {
display: inline-block;
vertical-align: top
}
.k-treeview .k-icon, .k-treeview .k-in {
vertical-align: middle
}
.k-treeview .k-request-retry {
vertical-align: baseline
}
.k-treeview .k-plus, .k-treeview .k-minus, .k-treeview .k-plus-disabled, .k-treeview .k-minus-disabled {
margin-top: .25em;
margin-left: -16px;
cursor: pointer
}
.k-treeview .k-plus-disabled, .k-treeview .k-minus-disabled {
cursor: default
}
.k-treeview .k-sprite, .k-treeview .k-image {
margin-right: 3px
}
.k-treeview .k-in {
margin: .08333em 0 .08333em .16666em;
padding: .16666em .3333em .16666em .25em;
line-height: 1.3333em;
text-decoration: none;
border-style: solid;
border-width: 1px
}
.k-treeview span.k-in {
cursor: default
}
.k-treeview .k-drop-hint {
position: absolute;
z-index: 10000;
visibility: hidden;
width: 80px;
height: 5px;
margin-top: -3px;
background-color: transparent;
background-repeat: no-repeat
}
.k-input {
padding: .25em 0
}
.k-input, .k-textbox>input {
outline: 0;
-webkit-tap-highlight-color: rgba(0,0,0,0)
}
.k-textbox {
outline: 0;
padding: 2px .3em;
line-height: 1.6em
}
input.k-textbox {
height: 2.13em;
text-indent: .33em
}
.k-ie input.k-textbox {
text-indent: .165em
}
.k-ff input.k-textbox {
height: 2.17em
}
.k-ie7 input.k-textbox {
line-height: 1.72em;
height: 1.72em;
text-indent: .33em
}
textarea.k-textbox {
height: auto
}
.k-ie7 .k-textbox {
padding: 1px 0;
text-indent: 0
}
span.k-numerictextbox {
background-color: transparent
}
.k-numerictextbox .k-input {
margin: 0
}
.k-numerictextbox .k-link {
display: block;
height: 1em;
line-height: 1em;
vertical-align: middle;
border-width: 0;
padding: 0
}
.k-numerictextbox .k-icon {
height: 11px
}
.k-numeric-wrap .k-input::-webkit-inner-spin-button {
-webkit-appearance:none
}
.k-colorpicker .k-picker-wrap {
line-height: 2em
}
.k-colorpicker .k-selected-color {
vertical-align: top;
line-height: 0;
display: inline-block;
height: 2em;
width: 2em
}
.k-colorpicker .k-tool-icon {
position: relative;
top: -2px;
display: inline-block;
padding: 3px 3px 2px;
font-size: 0;
line-height: 0;
margin-right: 3px;
margin-left: 2px;
margin-bottom: 3px;
background-repeat: no-repeat;
vertical-align: middle;
width: 16px;
height: 16px;
-ms-high-contrast-adjust: none
}
.k-colorpicker .k-tool-icon .k-selected-color {
display: block;
height: 3px;
width: 16px;
position: absolute;
left: 3px;
bottom: -3px;
border-radius: 0!important
}
.k-colorpicker .k-icon {
cursor: pointer
}
.k-disabled-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #fff;
opacity: .5;
filter: alpha(opacity=50)
}
.k-colorpalette {
position: relative;
line-height: 0;
border-width: 0;
display: inline-block
}
.k-colorpalette .k-palette {
border-collapse: collapse;
position: relative;
width: 100%;
height: 100%
}
.k-colorpalette .k-item {
width: 14px;
height: 14px;
overflow: hidden;
-ms-high-contrast-adjust: none
}
.k-colorpalette .k-item.k-state-selected {
z-index: 100;
background: transparent;
box-shadow: 0 1px 4px #000, inset 0 0 3px #fff;
position: relative
}
.k-flatcolorpicker {
display: inline-block;
width: 250px;
padding-bottom: 5px
}
div.k-flatcolorpicker {
background-color: transparent;
background-image: none
}
.k-flatcolorpicker .k-selected-color {
background-image: url("textures/transtexture.png");
background-position: 50% 50%;
text-align: right
}
.k-flatcolorpicker .k-selected-color input.k-color-value {
font-family: Consolas, "Ubuntu Mono", "Lucida Console", "Courier New", monospace;
padding: .75em .3em .65em 1em;
border: 0;
margin: 0;
width: 70%
}
.k-flatcolorpicker .k-hsv-rectangle {
position: relative;
-khtml-user-select: none;
-webkit-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pinch-zoom double-tap-zoom
}
.k-flatcolorpicker .k-hsv-rectangle .k-draghandle {
cursor: pointer;
position: absolute;
z-index: 10;
left: 50%;
top: 50%;
width: 8px;
height: 8px;
border: 1px solid #eee;
margin-left: -5px;
margin-top: -5px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 1px 2px #444;
box-shadow: 0 1px 2px #444;
background: transparent
}
.k-flatcolorpicker .k-hsv-rectangle .k-draghandle:hover, .k-flatcolorpicker .k-hsv-rectangle .k-draghandle:focus {
background: transparent;
border-color: #fff;
-webkit-box-shadow: 0 1px 5px #000;
box-shadow: 0 1px 5px #000
}
.k-flatcolorpicker .k-hsv-rectangle.k-dragging, .k-flatcolorpicker .k-hsv-rectangle.k-dragging * {
cursor: none
}
.k-flatcolorpicker .k-slider-horizontal {
height: 20px;
width: 90%;
margin: 0 5%
}
.k-flatcolorpicker .k-slider-horizontal .k-slider-track {
-webkit-box-shadow: 0 1px 0 #fff, 0 -1px 0 #999;
box-shadow: 0 1px 0 #fff, 0 -1px 0 #999
}
.k-flatcolorpicker .k-hue-slider, .k-flatcolorpicker .k-transparency-slider {
display: block
}
.k-flatcolorpicker .k-hue-slider .k-slider-selection, .k-flatcolorpicker .k-transparency-slider .k-slider-selection {
background: transparent
}
.k-flatcolorpicker .k-hue-slider .k-draghandle, .k-flatcolorpicker .k-transparency-slider .k-draghandle {
background: transparent;
border: 3px solid #eee;
margin-top: 1px;
height: 8px;
width: 8px;
-webkit-box-shadow: 0 1px 4px #444;
box-shadow: 0 1px 4px #444
}
.k-flatcolorpicker .k-hue-slider .k-draghandle:hover, .k-flatcolorpicker .k-transparency-slider .k-draghandle:hover, .k-flatcolorpicker .k-hue-slider .k-draghandle:focus, .k-flatcolorpicker .k-transparency-slider .k-draghandle:focus {
background: transparent;
border-color: #fff;
-webkit-box-shadow: 0 1px 5px #000;
box-shadow: 0 1px 5px #000;
border-width: 2px;
padding: 1px
}
.k-flatcolorpicker .k-hue-slider .k-slider-track {
background: -moz-linear-gradient(left, #f00 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f00), color-stop(16%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(84%, #f0f), color-stop(100%, #ff0004));
background: -webkit-linear-gradient(left, #f00 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004 100%);
background: -o-linear-gradient(left, #f00 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004 100%);
background: -ms-linear-gradient(left, #f00 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004 100%);
background: -left-linear-gradient(left, #f00 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004 100%)
}
.k-flatcolorpicker .k-transparency-slider .k-slider-track {
background-image: url("textures/transparency.png");
background-size: 100% auto;
background-position: 100% 50%;
background-repeat: no-repeat
}
.k-flatcolorpicker .k-controls {
margin-top: 10px;
margin-bottom: 5px;
text-align: center;
font-size: 90%
}
.k-flatcolorpicker .k-controls .k-button {
width: 6em
}
.k-flatcolorpicker .k-hsv-gradient {
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0, #000 100%), -moz-linear-gradient(left, #fff 0, rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, #000)), -webkit-gradient(linear, left top, right top, color-stop(0%, #fff), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0, #000 100%), -webkit-linear-gradient(left, #fff 0, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0, #000 100%), -o-linear-gradient(left, #fff 0, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0, #000 100%), -ms-linear-gradient(left, #fff 0, rgba(255,255,255,0) 100%);
background: -top-linear-gradient(top, rgba(0,0,0,0) 0, #000 100%), -left-linear-gradient(left, #fff 0, rgba(255,255,255,0) 100%);
height: 180px;
margin-bottom: 5px
}
.k-ie9 .k-flatcolorpicker .k-hue-slider .k-slider-track {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2ZmZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzAwZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iI2ZmMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)
}
.k-ie9 .k-flatcolorpicker .k-hsv-gradient {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)
}
.k-ie7 .k-flatcolorpicker .k-hue-slider .k-slider-track, .k-ie8 .k-flatcolorpicker .k-hue-slider .k-slider-track {
background: url("textures/hue.png") repeat 0 50%
}
.k-ie7 .k-flatcolorpicker .k-transparency-slider .k-slider-track, .k-ie8 .k-flatcolorpicker .k-transparency-slider .k-slider-track {
background: url("textures/transparency.png") repeat 0 50%
}
.k-ie7 .k-flatcolorpicker .k-hsv-gradient, .k-ie8 .k-flatcolorpicker .k-hsv-gradient {
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#00ffffff', GradientType=1) progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff000000', GradientType=0)
}
table.k-editor {
width: 100%;
height: 250px;
table-layout: fixed;
border-style: solid;
border-width: 1px;
border-collapse: separate;
border-spacing: 4px;
font-size: 100%;
vertical-align: top
}
.k-editor-inline {
border-width: 2px;
padding: .3em .5em
}
.k-editortoolbar-dragHandle {
cursor: move;
padding-left: 0;
padding-right: 3px
}
.k-editor .k-editor-toolbar-wrap {
border: 0;
padding: 0
}
.k-editor-toolbar {
margin: 0;
padding: .1em 0;
list-style-type: none;
line-height: 1.3em;
cursor: default
}
.k-editor-toolbar li {
display: inline;
vertical-align: middle
}
.k-webkit .k-editor-toolbar, .k-ff .k-editor-toolbar, .k-ie9 .k-editor-toolbar {
padding: 0
}
.k-webkit .k-editor-toolbar li, .k-ff .k-editor-toolbar li, .k-ie9 .k-editor-toolbar li, .k-ie10 .k-editor-toolbar li {
display: inline-block;
padding: .1em 0
}
.k-editor-toolbar .k-editor-widget, .k-editor-toolbar>li {
margin-right: 6px
}
.k-editor-toolbar .k-editor-dropdown {
position: relative
}
.k-select-overlay {
-webkit-appearance: none;
opacity: 0;
z-index: 11000;
top: 0;
left: 0;
position: absolute;
height: 26px;
width: 100%;
margin: -4px 0 0
}
.k-editor-toolbar .k-separator {
position: relative;
top: 1px;
border-style: solid;
border-width: 0 1px 0 0;
margin: 0 .3em 0 .1em;
padding: 0 0 0 1px;
font-size: 1.3em
}
.k-editor-toolbar .k-break {
display: block;
height: 1px;
font-size: 0;
line-height: 0
}
.k-editor-toolbar .k-dropdown, .k-editor-toolbar .k-combobox, .k-editor-toolbar .k-selectbox, .k-editor-toolbar .k-colorpicker {
vertical-align: middle
}
.k-button-group {
white-space: nowrap
}
.k-button-group .k-tool {
display: inline-block;
vertical-align: middle;
margin: 1px 0;
width: 24px;
height: 24px;
line-height: 24px
}
.k-button-group .k-tool-icon {
width: 24px;
height: 24px;
vertical-align: middle;
-ms-high-contrast-adjust: none
}
.k-i-move {
background-position: -160px -288px
}
.k-bold {
background-position: -240px 0
}
.k-state-hover .k-bold, .k-state-selected .k-bold {
background-position: -264px 0
}
.k-italic {
background-position: -240px -24px
}
.k-state-hover .k-italic, .k-state-selected .k-italic {
background-position: -264px -24px
}
.k-underline {
background-position: -240px -48px
}
.k-state-hover .k-underline, .k-state-selected .k-underline {
background-position: -264px -48px
}
.k-strikethrough {
background-position: -240px -72px
}
.k-state-hover .k-strikethrough, .k-state-selected .k-strikethrough {
background-position: -264px -72px
}
.k-foreColor {
background-position: -240px -96px
}
.k-state-hover .k-foreColor, .k-state-selected .k-foreColor {
background-position: -264px -96px
}
.k-backColor {
background-position: -240px -120px
}
.k-state-hover .k-backColor, .k-state-selected .k-backColor {
background-position: -264px -120px
}
.k-colorpicker .k-foreColor {
background-position: -240px -96px
}
.k-colorpicker .k-backColor {
background-position: -240px -120px
}
.k-justifyLeft {
background-position: -240px -144px
}
.k-state-hover .k-justifyLeft, .k-state-selected .k-justifyLeft {
background-position: -264px -144px
}
.k-justifyCenter {
background-position: -240px -168px
}
.k-state-hover .k-justifyCenter, .k-state-selected .k-justifyCenter {
background-position: -264px -168px
}
.k-justifyRight {
background-position: -240px -192px
}
.k-state-hover .k-justifyRight, .k-state-selected .k-justifyRight {
background-position: -264px -192px
}
.k-justifyFull {
background-position: -240px -216px
}
.k-state-hover .k-justifyFull, .k-state-selected .k-justifyFull {
background-position: -264px -216px
}
.k-insertUnorderedList {
background-position: -240px -264px
}
.k-state-hover .k-insertUnorderedList, .k-state-selected .k-insertUnorderedList {
background-position: -264px -264px
}
.k-insertOrderedList {
background-position: -240px -288px
}
.k-state-hover .k-insertOrderedList, .k-state-selected .k-insertOrderedList {
background-position: -264px -288px
}
.k-indent, .k-rtl .k-outdent {
background-position: -288px 0
}
.k-state-hover .k-indent, .k-state-hover .k-rtl .k-outdent, .k-state-selected .k-indent, .k-state-selected .k-rtl .k-outdent {
background-position: -312px 0
}
.k-outdent, .k-rtl .k-indent {
background-position: -288px -24px
}
.k-state-hover .k-outdent, .k-state-hover .k-rtl .k-indent, .k-state-selected .k-outdent, .k-state-selected .k-rtl .k-indent {
background-position: -312px -24px
}
.k-createLink {
background-position: -288px -48px
}
.k-state-hover .k-createLink, .k-state-selected .k-createLink {
background-position: -312px -48px
}
.k-unlink {
background-position: -288px -72px
}
.k-state-hover .k-unlink, .k-state-selected .k-unlink {
background-position: -312px -72px
}
.k-insertImage {
background-position: -288px -96px
}
.k-state-hover .k-insertImage, .k-state-selected .k-insertImage {
background-position: -312px -96px
}
.k-subscript {
background-position: -288px -144px
}
.k-state-hover .k-subscript, .k-state-selected .k-subscript {
background-position: -312px -144px
}
.k-superscript {
background-position: -288px -168px
}
.k-state-hover .k-superscript, .k-state-selected .k-superscript {
background-position: -312px -168px
}
.k-createTable {
background-position: -192px 0
}
.k-state-hover .k-createTable, .k-state-selected .k-createTable {
background-position: -216px 0
}
.k-addColumnLeft {
background-position: -192px -24px
}
.k-state-hover .k-addColumnLeft, .k-state-selected .k-addColumnLeft {
background-position: -216px -24px
}
.k-addColumnRight {
background-position: -192px -48px
}
.k-state-hover .k-addColumnRight, .k-state-selected .k-addColumnRight {
background-position: -216px -48px
}
.k-addRowAbove {
background-position: -192px -72px
}
.k-state-hover .k-addRowAbove, .k-state-selected .k-addRowAbove {
background-position: -216px -72px
}
.k-addRowBelow {
background-position: -192px -96px
}
.k-state-hover .k-addRowBelow, .k-state-selected .k-addRowBelow {
background-position: -216px -96px
}
.k-deleteRow {
background-position: -192px -120px
}
.k-state-hover .k-deleteRow, .k-state-selected .k-deleteRow {
background-position: -216px -120px
}
.k-deleteColumn {
background-position: -192px -144px
}
.k-state-hover .k-deleteColumn, .k-state-selected .k-deleteColumn {
background-position: -216px -144px
}
.k-mergeCells {
background-position: -192px -168px
}
.k-state-hover .k-mergeCells, .k-state-selected .k-mergeCells {
background-position: -216px -168px
}
.k-fontName {
width: 110px
}
.k-fontSize {
width: 124px
}
.k-formatBlock {
width: 147px
}
.k-editortoolbar-dragHandle {
float: left;
margin: 1px 0 0
}
.k-editor-toolbar .k-button-group {
padding: 1px
}
.k-editor .k-editor-toolbar .k-row-break {
display: block;
height: 0;
font-size: 0;
line-height: 0
}
.k-button-group .k-tool {
border-style: solid;
border-width: 1px;
margin-right: -1px
}
.k-button-group .k-tool.k-state-hover, .k-button-group .k-tool:focus {
position: relative;
z-index: 1
}
.k-rtl .k-button-group .k-tool {
border-style: solid;
border-width: 1px
}
.k-button-group .k-tool.k-group-end {
border-right-width: 1px
}
.k-rtl .k-button-group .k-tool.k-group-end {
border-left-width: 1px
}
.k-button-group .k-state-disabled {
display: none
}
.k-button-group .k-state-hover, .k-button-group .k-state-active {
vertical-align: middle
}
.k-button-group .k-state-disabled {
filter: alpha(opacity=30);
opacity: .3
}
.k-editor .k-editable-area {
width: 100%;
height: 100%;
border-style: solid;
border-width: 1px;
outline: 0
}
.k-editor .k-content {
display: block;
width: 100%;
height: 100%;
border: 0;
margin: 0;
padding: 0;
background: #fff
}
.k-editor .k-tool {
outline: 0
}
.k-editor iframe.k-content {
display: inline;
vertical-align: top
}
.k-editor .k-raw-content {
border: 0;
margin: 0;
padding: 0
}
.k-editor .k-raw-content, .k-editor-dialog .k-editor-textarea {
font-size: inherit;
font-family: consolas, "courier new", monospace
}
.k-editor-dialog {
padding: 1em;
width: 400px
}
.k-editor-dialog .k-edit-label {
width: 25%
}
.k-editor-dialog .k-edit-field {
width: 66%
}
.k-editor-dialog .k-edit-field .k-textbox {
width: 96%
}
.k-editor-dialog .k-edit-field .k-checkbox {
margin: 0 .4em 0 0
}
.k-viewhtml-dialog {
width: auto
}
.k-imagebrowser-dialog {
width: 740px
}
.k-imagebrowser-dialog .k-imagebrowser {
margin: 0 1em 0
}
.k-imagebrowser-dialog .k-edit-label {
width: 13%
}
.k-imagebrowser-dialog .k-edit-field {
width: 81%
}
.k-imagebrowser-dialog .k-edit-field .k-textbox {
width: 50%
}
.k-form-text-row, .k-form-checkbox-row {
padding-bottom: .3em
}
.k-form-text-row input {
margin-right: 1em
}
.k-form-text-row label {
display: inline-block;
width: 7em;
padding-right: .5em;
text-align: right
}
.k-form-checkbox-row input {
margin-left: 7.5em;
padding: 0;
font-size: inherit
}
.k-form-checkbox-row label {
padding-left: .3em
}
.k-form-checkbox-row input, .k-form-checkbox-row label, .k-form-text-row label.k-form-text-row input, .k-form-text-row select {
vertical-align: middle
}
.k-form-text-row input, .k-form-text-row select {
width: 20em
}
.k-editor-dialog .k-form-text-row label, .k-editor-dialog .k-button {
display: inline-block
}
.k-editor-dialog .k-editor-textarea {
width: 600px;
height: 350px;
padding: .2em .2em .2em .4em;
border-width: 1px;
border-style: solid;
overflow: auto
}
.k-button-wrapper .k-link:hover {
text-decoration: underline
}
.k-ct-popup {
width: 180.39999999999998px;
padding: .65em .5em .5em
}
.k-ct-popup .k-status {
margin: .3em 0
}
.k-ct-cell {
border-width: 1px;
border-style: solid;
width: 18px;
height: 18px;
margin: 1px;
vertical-align: top;
display: inline-block;
overflow: hidden;
-ms-high-contrast-adjust: none
}
.k-progressbar {
display: inline-block;
position: relative;
vertical-align: middle
}
.k-progressbar {
border-radius: 4px
}
.k-progressbar-horizontal {
width: 27em;
height: 1.9em
}
.k-progressbar-vertical {
width: 1.9em;
height: 27em
}
.k-progressbar>.k-state-selected {
position: absolute;
border-style: solid;
border-width: 1px;
overflow: hidden
}
.k-progressbar-horizontal>.k-state-selected, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse>.k-state-selected {
left: -1px;
right: auto;
top: -1px;
height: 100%;
border-radius: 4px 0 0 4px
}
.k-progressbar-horizontal.k-progressbar-reverse>.k-state-selected, .k-rtl .k-progressbar-horizontal>.k-state-selected {
left: auto;
right: -1px;
border-radius: 0 4px 4px 0
}
.k-progressbar-vertical>.k-state-selected {
left: -1px;
bottom: -1px;
width: 100%;
border-radius: 0 0 4px 4px
}
.k-progressbar-vertical.k-progressbar-reverse>.k-state-selected {
bottom: auto;
top: -1px;
border-radius: 4px 4px 0 0
}
.k-progressbar>.k-state-selected.k-complete, .k-rtl .k-progressbar>.k-state-selected.k-complete {
border-radius: 4px
}
.k-progressbar>.k-reset {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
left: -1px;
top: -1px;
width: 100%;
height: 100%;
border-radius: 4px;
white-space: nowrap
}
.k-progressbar-horizontal .k-item {
display: inline-block;
height: 100%;
border-style: solid;
margin-left: -1px
}
.k-progressbar-horizontal .k-item.k-first {
margin-left: 0
}
.k-progressbar-horizontal .k-item.k-last {
border-right-width: 0
}
.k-progressbar-horizontal .k-item, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-item {
border-width: 1px 1px 1px 0
}
.k-progressbar-horizontal.k-progressbar-reverse .k-item, .k-rtl .k-progressbar-horizontal .k-item {
border-width: 1px 0 1px 1px
}
.k-progressbar-horizontal .k-first, .k-rtl .k-progressbar-horizontal .k-last, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-last {
border-radius: 4px 0 0 4px;
border-left-width: 1px
}
.k-progressbar-horizontal .k-last, .k-rtl .k-progressbar-horizontal .k-first {
border-radius: 0 4px 4px 0
}
.k-progressbar-horizontal.k-progressbar-reverse .k-last, .k-rtl .k-progressbar-horizontal .k-first {
border-right-width: 1px
}
.k-progressbar-vertical .k-item {
width: 100%;
border-style: solid;
border-width: 1px 1px 0 1px;
margin-top: -1px
}
.k-progressbar-vertical .k-item.k-first {
margin-top: 0
}
.k-progressbar-vertical li.k-item.k-last {
border-bottom-width: 0
}
.k-progressbar-vertical .k-first {
border-radius: 4px 4px 0 0
}
.k-progressbar-vertical .k-last {
border-radius: 0 0 4px 4px;
border-bottom-width: 1px
}
.k-progressbar-vertical.k-progressbar-reverse .k-item {
border-width: 0 1px 1px 1px
}
.k-progressbar-vertical.k-progressbar-reverse .k-first {
border-top-width: 1px
}
.k-progress-status-wrap {
position: absolute;
top: -1px;
border: 1px solid transparent;
line-height: 2em;
width: 100%;
height: 100%
}
.k-progress-status-wrap, .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap {
left: -1px;
right: auto;
text-align: right
}
.k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap, .k-rtl .k-progressbar-horizontal .k-progress-status-wrap {
left: auto;
right: -1px;
text-align: left
}
.k-progressbar-vertical .k-progress-status-wrap {
top: auto;
bottom: -1px
}
.k-progressbar-vertical.k-progressbar-reverse .k-progress-status-wrap {
bottom: auto;
top: -1px
}
.k-progress-status {
display: inline-block;
padding: 0 .5em;
min-width: 10px;
white-space: nowrap
}
.k-progressbar-vertical.k-progressbar-reverse .k-progress-status {
position: absolute;
bottom: 0;
left: 0
}
.k-progressbar-vertical .k-progress-status {
-webkit-transform: rotate(-90deg) translateX(-100%);
-moz-transform: rotate(-90deg) translateX(-100%);
-ms-transform: rotate(-90deg) translateX(-100%);
-o-transform: rotate(-90deg) translateX(-100%);
transform: rotate(-90deg) translateX(-100%);
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0
}
.k-progressbar-vertical.k-progressbar-reverse .k-progress-status {
-webkit-transform: rotate(90deg) translateX(-100%);
-moz-transform: rotate(90deg) translateX(-100%);
-ms-transform: rotate(90deg) translateX(-100%);
-o-transform: rotate(90deg) translateX(-100%);
transform: rotate(90deg) translateX(-100%);
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%
}
.k-ie7 .k-progressbar-vertical .k-progress-status {
writing-mode: tb-rl;
padding: .5em 0
}
.k-ie8 .k-progressbar-vertical .k-progress-status {
writing-mode: bt-lr;
padding: .5em 0
}
div.k-slider {
position: relative;
border-width: 0;
background-color: transparent;
-khtml-user-select: none;
-webkit-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
user-select: none
}
.k-slider-vertical {
width: 26px;
height: 200px
}
.k-slider-horizontal {
display: inline-block;
width: 200px;
height: 26px
}
.k-slider-wrap {
width: 100%;
height: 100%
}
.k-slider .k-button, .k-grid .k-slider .k-button {
position: absolute;
top: 0;
width: 24px;
min-width: 0;
height: 24px;
margin: 0;
padding: 0;
outline: 0
}
.k-slider .k-button .k-icon {
margin-top: 3px;
vertical-align: top
}
.k-state-disabled .k-slider-wrap {
filter: alpha(opacity=60);
opacity: .6
}
.k-state-disabled .k-slider-wrap .k-slider-items {
color: #333
}
.k-slider .k-button-decrease {
left: 0
}
.k-slider-vertical .k-button-decrease, .k-grid .k-slider-vertical .k-button-decrease {
top: auto;
bottom: 0
}
.k-slider .k-button-increase {
right: 0
}
.k-slider .k-icon, .k-slider-track, .k-slider .k-tick {
cursor: pointer
}
.k-ie7 .k-slider .k-icon {
margin-top: 2px
}
.k-slider-track, .k-slider-selection {
position: absolute;
margin: 0;
padding: 0
}
.k-slider-horizontal .k-slider-track, .k-slider-horizontal .k-slider-selection {
top: 50%;
left: 0;
height: 8px;
margin-top: -4px;
background-repeat: repeat-x
}
.k-slider-horizontal .k-slider-buttons .k-slider-track {
left: 34px
}
.k-slider-vertical .k-slider-track, .k-slider-vertical .k-slider-selection {
left: 50%;
bottom: 0;
width: 8px;
margin-left: -4px;
background-repeat: repeat-y
}
.k-slider-vertical .k-slider-buttons .k-slider-track {
bottom: 34px
}
.k-draghandle {
position: absolute;
background-repeat: no-repeat;
background-color: transparent;
text-indent: -3333px;
overflow: hidden;
text-decoration: none;
text-align: center;
outline: 0
}
.k-slider-horizontal .k-draghandle {
top: -4px;
width: 13px;
height: 14px
}
.k-slider-vertical .k-draghandle {
left: -4px;
width: 14px;
height: 13px
}
.k-slider-buttons .k-slider-items {
margin-left: 34px
}
.k-slider-horizontal .k-slider-items {
height: 100%
}
.k-slider-vertical .k-slider-items {
padding-top: 1px
}
.k-slider-vertical .k-slider-buttons .k-slider-items {
padding-top: 0
}
.k-slider-vertical .k-slider-buttons .k-slider-items {
margin: 0;
padding-top: 35px
}
.k-slider .k-tick {
position: relative;
margin: 0;
padding: 0;
background-color: transparent;
background-repeat: no-repeat;
background-position: center center
}
.k-slider-horizontal .k-tick {
float: left;
height: 100%;
text-align: center
}
.k-ie7 .k-slider-vertical .k-tick {
float: left;
clear: left;
width: 100%
}
.k-slider-horizontal .k-tick {
background-position: center -92px
}
.k-slider-horizontal .k-slider-topleft .k-tick {
background-position: center -122px
}
.k-slider-horizontal .k-slider-bottomright .k-tick {
background-position: center -152px
}
.k-slider-horizontal .k-tick-large {
background-position: center -2px
}
.k-slider-horizontal .k-slider-topleft .k-tick-large {
background-position: center -32px
}
.k-slider-horizontal .k-slider-bottomright .k-tick-large {
background-position: center -62px
}
.k-slider-vertical .k-tick {
background-position: -92px center
}
.k-slider-vertical .k-slider-topleft .k-tick {
background-position: -122px center
}
.k-slider-vertical .k-slider-bottomright .k-tick {
background-position: -152px center
}
.k-slider-vertical .k-tick-large {
background-position: -2px center
}
.k-slider-vertical .k-slider-topleft .k-tick-large {
background-position: -32px center
}
.k-slider-vertical .k-slider-bottomright .k-tick-large {
background-position: -62px center
}
.k-slider-horizontal .k-first {
background-position: 0 -92px
}
.k-slider-horizontal .k-tick-large.k-first {
background-position: 0 -2px
}
.k-slider-horizontal .k-slider-topleft .k-first {
background-position: 0 -122px
}
.k-slider-horizontal .k-slider-topleft .k-tick-large.k-first {
background-position: 0 -32px
}
.k-slider-horizontal .k-slider-bottomright .k-first {
background-position: 0 -152px
}
.k-slider-horizontal .k-slider-bottomright .k-tick-large.k-first {
background-position: 0 -62px
}
.k-slider-horizontal .k-last {
background-position: 100% -92px
}
.k-slider-horizontal .k-tick-large.k-last {
background-position: 100% -2px
}
.k-slider-horizontal .k-slider-topleft .k-last {
background-position: 100% -122px
}
.k-slider-horizontal .k-slider-topleft .k-tick-large.k-last {
background-position: 100% -32px
}
.k-slider-horizontal .k-slider-bottomright .k-last {
background-position: 100% -152px
}
.k-slider-horizontal .k-slider-bottomright .k-tick-large.k-last {
background-position: 100% -62px
}
.k-slider-vertical .k-first {
background-position: -92px 100%
}
.k-slider-vertical .k-tick-large.k-first {
background-position: -2px 100%
}
.k-slider-vertical .k-slider-topleft .k-first {
background-position: -122px 100%
}
.k-slider-vertical .k-slider-topleft .k-tick-large.k-first {
background-position: -32px 100%
}
.k-slider-vertical .k-slider-bottomright .k-first {
background-position: -152px 100%
}
.k-slider-vertical .k-slider-bottomright .k-tick-large.k-first {
background-position: -62px 100%
}
.k-slider-vertical .k-last {
background-position: -92px 0
}
.k-slider-vertical .k-tick-large.k-last {
background-position: -2px 0
}
.k-slider-vertical .k-slider-topleft .k-last {
background-position: -122px 0
}
.k-slider-vertical .k-slider-topleft .k-tick-large.k-last {
background-position: -32px 0
}
.k-slider-vertical .k-slider-bottomright .k-last {
background-position: -152px 0
}
.k-slider-vertical .k-slider-bottomright .k-tick-large.k-last {
background-position: -62px 0
}
.k-slider-vertical .k-tick {
text-align: right
}
.k-slider-vertical .k-slider-topleft .k-tick {
text-align: left
}
.k-slider .k-label {
position: absolute;
white-space: nowrap;
font-size: .92em
}
.k-slider-horizontal .k-label {
left: 0;
width: 100%;
line-height: 1
}
.k-slider-horizontal .k-first .k-label {
left: -50%
}
.k-slider-horizontal .k-last .k-label {
left: auto;
right: -50%
}
.k-slider-horizontal .k-label {
bottom: -1.2em
}
.k-slider-horizontal .k-slider-topleft .k-label {
top: -1.2em
}
.k-slider-vertical .k-label {
left: 120%;
display: block;
text-align: left
}
.k-slider-vertical .k-last .k-label {
top: -0.5em
}
.k-slider-vertical .k-first .k-label {
bottom: -0.5em
}
.k-slider-vertical .k-slider-topleft .k-label {
left: auto;
right: 120%
}
.k-slider-tooltip {
top: -4444px
}
.k-scheduler-toolbar, .k-scheduler-footer {
border-style: solid
}
.k-scheduler-toolbar, .k-scheduler-footer {
line-height: 28px;
padding: 6px
}
.k-scheduler-toolbar {
border-width: 0 0 1px
}
.k-edit-field.k-scheduler-toolbar {
border-width: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0
}
.k-scheduler-header {
text-align: center
}
.k-scheduler-footer {
border-width: 1px 0 0
}
.k-scheduler-toolbar>ul {
float: right
}
.k-scheduler-toolbar>ul:first-child {
float: left
}
.k-scheduler-toolbar>ul>li, .k-scheduler-footer>ul>li {
display: inline-block;
border-style: solid;
border-width: 1px 1px 1px 0
}
.k-scheduler .k-scheduler-toolbar .k-nav-current {
border-width: 0
}
.k-scheduler-toolbar>ul>li:first-child {
border-left-width: 1px
}
.k-scheduler div.k-scheduler-footer ul li {
margin-right: .6em;
border-width: 1px
}
.k-scheduler-toolbar .k-link, .k-scheduler-footer .k-link {
display: inline-block;
padding: 0 1.1em
}
.k-scheduler-toolbar .k-nav-prev .k-link, .k-scheduler-toolbar .k-nav-next .k-link {
padding-left: .6em;
padding-right: .6em
}
.k-ie7 .k-scheduler-toolbar .k-nav-prev .k-link, .k-ie7 .k-scheduler-toolbar .k-nav-next .k-link {
height: 2.3em;
margin-top: -1px;
vertical-align: middle
}
.k-ie7 .k-scheduler-toolbar .k-nav-prev .k-link .k-icon, .k-ie7 .k-scheduler-toolbar .k-nav-next .k-link .k-icon {
margin-top: .5em
}
.k-scheduler-toolbar .k-nav-current .k-link {
padding: 0
}
.k-scheduler-toolbar .k-nav-current {
margin: 0 1.1em
}
.k-scheduler div.k-scheduler-toolbar>ul>li.k-nav-current, .k-scheduler .k-nav-current>.k-state-active {
background: 0
}
.k-scheduler-mobile .k-scheduler-toolbar+.k-scheduler-toolbar .k-scheduler-navigation {
width: 100%;
text-align: center
}
.k-scheduler-mobile .k-scheduler-toolbar+.k-scheduler-toolbar .k-scheduler-navigation>li {
background: 0;
border: 0
}
.k-scheduler-mobile .k-toolbar .k-nav-next {
float: right
}
.k-scheduler-mobile .k-toolbar .k-nav-prev {
float: left
}
.k-scheduler-toolbar .k-i-calendar, .k-scheduler-footer .k-icon {
margin: -2px 6px 0 0
}
.k-scheduler-header, .k-scheduler-header-wrap {
overflow: hidden
}
.k-scheduler-header-wrap {
position: relative;
border-style: solid;
border-width: 0
}
.k-scheduler .k-scrollbar-v .k-scheduler-header-wrap {
border-right-width: 1px
}
.k-scheduler-times, .k-scheduler-content {
position: relative
}
.k-scheduler-times {
overflow: hidden;
white-space: nowrap;
border-style: solid;
border-width: 0
}
.k-scheduler-content {
overflow: auto
}
.k-scheduler-layout, .k-scheduler-table {
border-spacing: 0;
width: 100%;
margin: 0;
border-collapse: separate
}
.k-ie7 .k-scheduler-content .k-scheduler-table {
width: auto
}
.k-scheduler-layout>tbody>tr>td {
padding: 0;
vertical-align: top
}
.k-safari .k-scheduler-layout>tbody>tr>td+td {
width: 100%
}
.k-scheduler-table {
table-layout: fixed
}
.k-scheduler-times .k-scheduler-table {
table-layout: auto
}
.k-scheduler-monthview .k-scheduler-content .k-scheduler-table {
height: 100%
}
.k-scheduler-table td, .k-scheduler-table th {
height: 1.5em;
padding: .334em .5em;
font-size: 100%
}
.k-scheduler .k-scheduler-table td, .k-scheduler .k-scheduler-table th {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.k-scheduler-monthview .k-hidden, .k-scheduler-monthview .k-hidden>div {
width: 0!important;
overflow: hidden!important
}
.k-scheduler-monthview .k-hidden {
height: 60px;
padding-left: 0!important;
padding-right: 0!important;
border-right-width: 0!important
}
.k-scheduler-monthview>tbody>tr:first-child .k-scheduler-times {
margin-right: 1px
}
.k-scheduler-monthview>tbody>tr:first-child .k-scheduler-times .k-hidden {
height: auto
}
.k-scheduler-monthview .k-scheduler-table td {
height: 80px;
text-align: right
}
.k-scheduler-mobile .k-scheduler-monthview .k-scheduler-table td {
height: 40px
}
.k-scheduler-table td, .k-scheduler-layout tr+tr .k-scheduler-times th:last-child, .k-slot-cell {
vertical-align: top
}
.k-scheduler-mobile .k-scheduler-monthview .k-scheduler-table td {
text-align: center;
vertical-align: middle
}
.k-scheduler-mobile .k-scheduler-monthview .k-scheduler-table td span {
font-size: 1.5em
}
.k-scheduler-header th {
overflow: hidden;
text-overflow: ellipsis
}
.k-scheduler-table td, .k-scheduler-header th {
border-style: solid;
border-width: 0 0 1px 1px
}
.k-scheduler-table td:first-child, .k-scheduler-header th:first-child {
border-left-width: 0
}
.k-scheduler-agendaview .k-scheduler-table td:first-child {
border-left-width: 1px
}
.k-scheduler-agendaview .k-scheduler-table td.k-first {
border-left-width: 0
}
.k-scheduler-layout tr+tr .k-scheduler-times tr:last-child>th, .k-scheduler-layout tr+tr .k-scheduler-table>tbody>tr:last-child>td, .k-scheduler-table>tbody>tr>.k-last {
border-bottom-width: 0
}
.k-scrollbar-h tr+tr .k-scheduler-times, .k-scrollbar-h .k-scheduler-content .k-scheduler-table>tbody>tr:last-child>td, .k-scheduler-agendaview.k-scrollbar-h .k-scheduler-table>tbody>tr>td.k-last {
border-bottom-width: 1px
}
.k-scheduler-times th {
text-align: right;
padding-right: .6em;
border-style: solid;
border-width: 0 1px 1px 0;
border-color: transparent
}
.k-scheduler-layout tr+tr .k-scheduler-times th {
border-bottom-color: transparent
}
.k-scheduler-layout tr+tr .k-scheduler-times th.k-slot-cell, .k-scheduler-layout tr+tr .k-scheduler-times th.k-scheduler-times-all-day {
border-bottom-color: inherit
}
.k-scheduler .k-middle-row td {
border-bottom-style: dotted
}
.k-scheduler-now-arrow, .k-scheduler-now-line {
position: absolute
}
.k-scheduler-now-arrow {
width: 0;
height: 0;
border: solid 5px transparent;
left: 0
}
.k-scheduler-now-line {
left: 5px;
right: 0;
height: 1px
}
.k-task {
position: relative
}
div.k-more-events {
text-align: center;
font-size: 18px;
line-height: 1.2;
padding: 0
}
.k-more-events>span {
display: block;
margin-top: -0.6em
}
.k-event, .k-more-events {
position: absolute;
border-style: solid;
border-width: 1px;
text-align: left;
overflow: hidden
}
.k-event {
cursor: default;
min-height: 1.3em
}
.k-event-drag-hint {
filter: alpha(opacity=60);
opacity: .6;
cursor: -webkit-grabbing;
cursor: -moz-grabbing
}
.k-scheduler-header .k-event {
white-space: nowrap
}
.k-event-template {
padding: .3em 1.4em .3em .6em
}
.k-event-time {
display: none;
padding-bottom: 0;
font-size: .9em
}
.k-event-drag-hint .k-event-time {
display: block
}
.k-event-actions, .k-event>.k-link, .k-task>.k-link {
position: absolute;
top: 3px;
right: 4px;
white-space: nowrap
}
.k-event-actions {
z-index: 1
}
.k-scheduler-agendaview .k-task>.k-link {
top: 0;
right: 0
}
.k-event-actions:first-child {
position: static;
float: left;
margin: 4px 2px 0 4px
}
.k-webkit .k-event-actions:first-child {
margin-top: 3px
}
.k-event-actions:first-child>.k-link {
display: inline-block
}
.k-event-delete {
display: none
}
.k-event:hover .k-event-delete, tr:hover>td>.k-task .k-event-delete {
display: inline-block
}
.k-event .k-event-top-actions, .k-event .k-event-bottom-actions {
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: center
}
.k-event .k-event-bottom-actions {
top: auto;
bottom: 0
}
.k-event .k-resize-handle, .k-scheduler-mobile .k-event:hover .k-resize-handle {
position: absolute;
visibility: hidden;
z-index: 2
}
.k-event:hover .k-resize-handle, .k-event-active .k-resize-handle, .k-scheduler-mobile .k-event-active:hover .k-resize-handle {
visibility: visible
}
.k-event .k-resize-handle:after {
content: "";
position: absolute;
filter: alpha(opacity=50);
opacity: .5
}
.k-scheduler-mobile .k-event .k-resize-handle:after {
filter: none;
opacity: 1
}
.k-event>.k-resize-n {
top: 0;
left: 0;
right: 0;
height: .4em
}
.k-event>.k-resize-s {
bottom: 0;
left: 0;
right: 0;
height: .4em
}
.k-event>.k-resize-e {
right: 0;
top: 0;
bottom: 0;
width: .4em
}
.k-event>.k-resize-w {
left: 0;
top: 0;
bottom: 0;
width: .4em
}
.k-event>.k-resize-n:after, .k-event>.k-resize-s:after {
top: 1px;
left: 50%;
margin-left: -1em;
width: 2em;
height: 1px
}
.k-event>.k-resize-s:after {
top: auto;
bottom: 1px
}
.k-event>.k-resize-e:after, .k-event>.k-resize-w:after {
left: 1px;
top: 50%;
margin-top: -0.7em;
height: 1.4em;
width: 1px
}
.k-event>.k-resize-e:after {
left: auto;
right: 1px
}
.k-scheduler-mobile .k-event>.k-resize-n, .k-scheduler-mobile .k-event>.k-resize-s {
height: .6em
}
.k-scheduler-mobile .k-event>.k-resize-e, .k-scheduler-mobile .k-event>.k-resize-w {
width: .6em
}
.k-scheduler-mobile .k-event>.k-resize-n:after, .k-scheduler-mobile .k-event>.k-resize-s:after {
top: 0;
margin-left: -3em;
width: 4em;
height: .6em
}
.k-scheduler-mobile .k-event>.k-resize-s:after {
bottom: 0
}
.k-scheduler-mobile .k-event>.k-resize-e:after, .k-scheduler-mobile .k-event>.k-resize-w:after {
left: 0;
margin-top: -0.7em;
height: 1.4em;
width: .6em
}
.k-scheduler-mobile .k-event>.k-resize-e:after {
right: 0
}
.k-scheduler-mobile .k-event>.k-resize-n:after {
border-radius: 0 0 4px 4px
}
.k-scheduler-mobile .k-event>.k-resize-s:after {
border-radius: 4px 4px 0 0
}
.k-scheduler-mobile .k-event>.k-resize-w:after {
border-radius: 0 4px 4px 0
}
.k-scheduler-mobile .k-event>.k-resize-e:after {
border-radius: 4px 0 0 4px
}
.k-scheduler-mobile .k-scheduler-monthview .k-events-container {
position: absolute;
text-align: center;
height: 6px;
line-height: 6px
}
.k-scheduler-mobile .k-scheduler-monthview .k-event {
position: static;
display: inline-block;
width: 4px;
height: 4px;
min-height: 0;
margin: 1px
}
.k-scheduler-marquee {
border-style: solid;
border-width: 0
}
.k-scheduler-marquee.k-first:before, .k-scheduler-marquee.k-last:after {
content: "";
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 3px
}
div.k-scheduler-marquee:before {
top: 0;
left: 0;
border-right-color: transparent;
border-bottom-color: transparent
}
div.k-scheduler-marquee:after {
bottom: 0;
right: 0;
border-top-color: transparent;
border-left-color: transparent
}
.k-scheduler-marquee .k-label-top {
position: absolute;
top: .3em;
left: .8em;
font-size: .8em
}
.k-scheduler-marquee .k-label-bottom {
position: absolute;
bottom: .3em;
right: .81em;
font-size: .8em
}
.k-scheduler-quickedit .k-textbox {
width: 200px
}
.k-tooltip-bottom {
text-align: left
}
.k-tooltip-bottom .k-button {
float: left;
margin-right: .3em
}
.k-tooltip-bottom .k-quickedit-details {
float: right;
margin-right: 0
}
.k-scheduler-agendaview .k-scheduler-table th, .k-scheduler-agendaview .k-scheduler-table td {
text-align: left
}
.k-scheduler-times .k-slot-cell, .k-scheduler-groupcolumn {
width: 6em
}
.k-scheduler-datecolumn {
width: 12em
}
.k-scheduler-timecolumn {
width: 11em
}
.k-scheduler-timecolumn>div {
position: relative;
vertical-align: top
}
.k-webkit .k-scheduler-timecolumn>div>.k-icon {
vertical-align: top
}
.k-scheduler-timecolumn>div>.k-i-arrow-e {
position: absolute;
right: -4px
}
.k-scheduler-timecolumn .k-i-arrow-w {
margin-left: -4px
}
.k-scheduler-mark {
display: inline-block;
width: 1em;
height: 1em;
vertical-align: middle;
margin-right: .5em
}
.k-scheduler-agendaday {
float: left;
margin: 0 .2em 0 0;
font-size: 3em;
font-weight: normal
}
.k-scheduler-agendaweek {
display: block;
margin: .4em 0 0;
font-size: 1.1em;
font-style: normal
}
.k-scheduler-agendadate {
font-size: .8em
}
.k-scheduler-timecolumn {
white-space: nowrap
}
.k-scheduler-edit-form .k-edit-form-container, .k-scheduler-timezones .k-edit-form-container {
width: 520px
}
.k-scheduler-edit-form .k-edit-label {
width: 17%
}
.k-scheduler-edit-form .k-edit-field {
width: 77%
}
.k-scheduler-edit-form .k-textbox[name="title"], .k-scheduler-edit-form textarea.k-textbox {
width: 100%
}
.k-scheduler-edit-form textarea.k-textbox {
min-height: 4em;
resize: vertical
}
.k-scheduler-edit-form>.k-edit-box:first-child .k-datetimepicker {
margin-right: 1em
}
.k-edit-box {
float: left
}
.k-edit-box+.k-edit-box {
float: right
}
.k-scheduler-edit-form label+input {
margin-left: 1em
}
.k-edit-field>ul.k-reset>li {
margin: .2em 0 .4em;
line-height: 2.4
}
.k-edit-field>ul.k-reset.k-toolbar>li {
margin: 0
}
.k-edit-field>ul.k-reset .k-widget {
margin-left: .8em
}
.k-edit-field>ul.k-reset .k-numerictextbox, .k-edit-field span.k-recur-interval {
width: 5em
}
.k-edit-field>ul.k-reset .k-dropdown, .k-edit-field>ul.k-reset .k-datepicker, div[name="recurrenceRule"]>.k-dropdown {
width: 9em
}
.k-popup-message {
margin: 0;
padding: 1em 0 2em;
text-align: center
}
.k-scheduler-timezones .k-dropdown:first-child {
width: 100%
}
.k-scheduler-timezones .k-dropdown+.k-dropdown {
margin: .5em 0 .7em
}
.km-root, .km-pane, .km-pane-wrapper {
width: 100%;
height: 100%;
-ms-touch-action: none;
-ms-content-zooming: none;
-ms-user-select: none;
-webkit-user-select: none;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
text-size-adjust: none
}
.km-pane-wrapper {
position: absolute;
width: 100%;
height: 100%
}
.km-pane, .km-shim {
font-family: sans-serif
}
.km-pane {
overflow-x: hidden
}
.km-view {
top: 0;
left: 0;
position: absolute;
display: -moz-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
width: 100%;
-moz-box-orient: vertical;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-align-content: stretch;
align-content: stretch;
vertical-align: top
}
.k-ff .km-view, .k-ff .km-pane {
overflow: hidden
}
.k-ff18 .km-view, .k-ff18 .km-pane, .k-ff19 .km-view, .k-ff19 .km-pane, .k-ff20 .km-view, .k-ff20 .km-pane, .k-ff21 .km-view, .k-ff21 .km-pane {
position: relative
}
.k-ff .km-view {
display: -moz-inline-box;
display: flex
}
.km-content {
min-height: 1px;
-moz-box-flex: 1;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-moz-box-align: stretch;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
flex-align: stretch;
display: block;
width: auto;
overflow: hidden;
position: relative
}
.km-actionsheet>li {
list-style-type: none;
padding: inherit 1em;
line-height: 2em
}
.km-actionsheet {
padding: 0;
margin: 0
}
.km-shim {
left: 0;
bottom: 0;
position: absolute;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
z-index: 10001
}
.km-shim .k-animation-container, .km-actionsheet-wrapper {
width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
border: 0
}
.km-shim .k-animation-container {
width: auto
}
.km-pane-wrapper .k-grid-edit-form>.km-header, .km-pane-wrapper .k-grid-column-menu>.km-header, .km-pane-wrapper .k-grid-filter-menu>.km-header, .km-pane-wrapper .k-scheduler-edit-form>.km-header {
border-style: solid;
border-width: 1px;
padding: .3em .6em;
text-align: center;
width: auto;
line-height: 2em
}
.k-ie .km-pane-wrapper .k-scheduler>.k-scheduler-toolbar, .k-ie .km-pane-wrapper .k-scheduler>.k-scheduler-footer {
line-height: 2em
}
.km-pane-wrapper .k-grid-edit-form .k-multiselect, .km-pane-wrapper .k-scheduler-edit-form .k-multiselect {
width: 15em
}
.km-pane-wrapper .k-grid-edit-form .k-dropdown-wrap, .km-pane-wrapper .k-scheduler-edit-form .k-dropdown-wrap {
display: block
}
.km-pane-wrapper .k-grid-column-menu .k-done, .km-pane-wrapper .k-grid-filter-menu .k-submit, .km-pane-wrapper .k-grid-edit-form .k-grid-update, .km-pane-wrapper .k-scheduler-edit-form .k-scheduler-update {
float: right
}
.km-pane-wrapper .k-grid-filter-menu .k-cancel, .km-pane-wrapper .k-grid-edit-form .k-grid-cancel, .km-pane-wrapper .k-scheduler-edit-form .k-scheduler-cancel {
float: left
}
.km-pane-wrapper .k-scheduler-edit-form .k-scheduler-delete, *:not(.km-pane)>.km-shim .km-actionsheet .k-button {
display: block;
text-align: center
}
*:not(.km-pane)>.km-shim .km-actionsheet .k-button {
font-size: 1.4em;
margin: .3em 1em
}
*:not(.km-pane)>.km-shim .km-actionsheet-title {
text-align: center;
line-height: 3em;
margin-bottom: -0.3em
}
*:not(.km-pane)>.km-shim>.k-animation-container {
margin: 0!important;
padding: 0!important;
left: 0!important
}
.km-pane-wrapper>div.km-pane {
-webkit-box-shadow: none;
box-shadow: none;
font-weight: normal
}
.km-pane-wrapper .k-popup-edit-form .km-content>.km-scroll-container, .km-pane-wrapper .k-grid-edit-form .km-content>.km-scroll-container, .km-pane-wrapper .k-grid-column-menu .km-content>.km-scroll-container, .km-pane-wrapper .k-grid-filter-menu .km-content>.km-scroll-container {
position: absolute;
width: 100%;
min-height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.km-pane-wrapper .k-mobile-list .k-edit-field {
width: 74%
}
.km-pane-wrapper .k-grid-edit-form .k-popup-edit-form, .km-pane-wrapper .k-grid-edit-form .k-edit-form-container {
width: auto
}
.km-pane-wrapper .k-filter-menu .k-button {
width: 100%;
margin: 0
}
.k-grid-mobile .k-resize-handle-inner {
position: absolute;
top: 50%;
margin-top: -10px;
left: -7px;
width: 17px;
height: 17px;
border-style: solid;
border-width: 2px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px
}
.k-grid-mobile .k-resize-handle-inner:before {
content: "";
position: absolute;
top: 50%;
margin-top: -3px;
left: 1px;
width: 6px;
height: 6px;
background-position: -5px -53px
}
.k-grid-mobile .k-resize-handle-inner:after {
content: "";
position: absolute;
top: 50%;
margin-top: -3px;
right: 1px;
width: 6px;
height: 6px;
background-position: -5px -21px
}
.km-pane-wrapper .km-pane * {
-webkit-background-clip: border-box;
background-clip: border-box
}
.km-pane-wrapper .km-pane .k-mobile-list, .km-pane-wrapper .k-mobile-list ul {
padding: 0;
margin: 0;
list-style-type: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
background: 0
}
.km-pane-wrapper .km-switch {
top: 50%;
right:.8rem;
position: absolute;
margin-top: -1.1rem
}
.km-pane-wrapper .k-mobile-list .k-state-disabled {
opacity: 1
}
.km-pane-wrapper .k-mobile-list .k-state-disabled>* {
opacity: .7
}
.km-pane-wrapper .k-mobile-list .k-item, .km-pane-wrapper .k-mobile-list .k-item>.k-link, .km-pane-wrapper .k-mobile-list .k-item>.k-label, .km-pane-wrapper .k-mobile-list .k-edit-label {
display: block;
position: relative;
list-style-type: none;
vertical-align: middle;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: .5em 0 .5em 1em;
font-size: 1em
}
.km-pane-wrapper .k-edit-form-container, .km-pane-wrapper .k-scheduler-edit-form .km-scroll-container {
padding-top: 1em;
width: 100%
}
.km-pane-wrapper .k-mobile-list .k-edit-label {
position: absolute;
margin: 0;
float: none;
clear: none;
width: 100%
}
.km-pane-wrapper .k-mobile-list .k-edit-field, .km-pane-wrapper .k-mobile-list .k-edit-label label {
display: block;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: .1em 0;
margin: 0
}
.km-pane-wrapper .k-mobile-list .k-item, .km-pane-wrapper .k-mobile-list .k-edit-field, .km-pane-wrapper .k-mobile-list .k-edit-label {
font-size: 1em;
line-height: 1.6em;
overflow: hidden
}
.km-pane-wrapper .k-mobile-list .k-edit-field, .km-pane-wrapper .k-mobile-list .k-edit-label {
width: 100%;
float: none;
clear: none;
min-height: 2.7em
}
.km-pane-wrapper .km-header .k-icon, .km-pane-wrapper .k-grid-toolbar .k-icon, .km-pane-wrapper .k-grid-edit .k-icon, .km-pane-wrapper .k-grid-delete .k-icon {
display: none
}
.km-pane-wrapper .k-mobile-list .k-edit-field {
padding: .5em 0
}
.km-pane-wrapper .k-mobile-list .k-scheduler-toolbar {
padding: .3em 0
}
.km-pane-wrapper .k-mobile-list .k-scheduler-toolbar ul li {
line-height: 2em
}
.km-pane-wrapper .k-mobile-list .k-item>* {
line-height: normal
}
.km-pane-wrapper .k-mobile-list .k-edit-buttons, .km-pane-wrapper .k-mobile-list .k-button-container {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: .5em 1em;
margin: 0
}
.km-pane-wrapper .k-mobile-list>ul>li>.k-link, .km-pane-wrapper .k-mobile-list .k-filter-help-text>li>.k-link, .km-pane-wrapper .k-mobile-list .k-recur-view>.k-edit-label:nth-child(3), .km-pane-wrapper #recurrence .km-scroll-container>.k-edit-label:first-child {
display: block;
padding: .2em 1em;
font-size: .95em;
position: -webkit-sticky;
margin: 0;
font-weight: normal;
line-height: 2em;
background: transparent;
border-top: 1em solid transparent
}
.km-pane-wrapper .k-mobile-list .k-recur-view>.k-edit-label:nth-child(3), .km-pane-wrapper #recurrence .km-scroll-container>.k-edit-label:first-child {
position: relative
}
.km-pane-wrapper .k-mobile-list .k-item:first-child {
border-top: 0
}
.km-pane-wrapper .k-mobile-list .k-item:last-child {
border-bottom: 0
}
.km-pane-wrapper .k-mobile-list .k-item>.k-link, .km-pane-wrapper .k-mobile-list .k-item>.k-label {
line-height: inherit;
text-decoration: none;
margin: -0.5em 0 -0.5em -1em
}
.k-check[type=checkbox], .k-check[type=radio], .k-mobile-list .k-edit-field [type=checkbox], .k-mobile-list .k-edit-field [type=radio] {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background-color: transparent
}
.km-pane-wrapper .k-mobile-list .k-link .k-check, .km-pane-wrapper .k-mobile-list .k-label .k-check, .k-mobile-list .k-edit-field [type=checkbox], .k-mobile-list .k-edit-field [type=radio] {
border: 0;
font-size: inherit;
width: 13px;
height: 13px;
margin: .26em 1em .26em 0
}
.k-ie .km-pane-wrapper .k-icon, .k-ie .km-pane-wrapper .k-mobile-list .k-link .k-check, .k-ie .km-pane-wrapper .k-mobile-list .k-label .k-check, .k-ie .k-mobile-list .k-edit-field [type=checkbox], .k-ie .k-mobile-list .k-edit-field [type=radio] {
font-size: inherit;
text-indent: -9999px;
width: 1.01em;
height: 1em
}
@media screen and (-ms-high-contrast:active) and (-ms-high-contrast:none) {
.km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-n {
background-position: 0 0
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-n, .k-state-hover>.km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-n, .k-state-hover>*>.km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-n, .k-button:hover .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-n, .k-textbox:hover .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-n, .k-button:active .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-n {
background-position: -1em 0
}
.km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-s {
background-position: 0 -2em
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-s, .k-state-hover>.km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-s, .k-state-hover>*>.km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-s, .k-button:hover .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-s, .k-textbox:hover .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-s, .k-button:active .km-pane-wrapper .k-numerictextbox .k-select .k-link span.k-i-arrow-s {
background-position: -1em -2em
}
.km-pane-wrapper .k-state-selected .k-i-arrow-n {
background-position: -1em 0
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-state-selected .k-i-arrow-n, .k-state-hover>.km-pane-wrapper .k-state-selected .k-i-arrow-n, .k-state-hover>*>.km-pane-wrapper .k-state-selected .k-i-arrow-n, .k-button:hover .km-pane-wrapper .k-state-selected .k-i-arrow-n, .k-textbox:hover .km-pane-wrapper .k-state-selected .k-i-arrow-n, .k-button:active .km-pane-wrapper .k-state-selected .k-i-arrow-n {
background-position: -2em 0
}
.km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n, .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n {
background-position: -1em 0
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n, .k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n, .k-state-hover>.km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n, .k-state-hover>.km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n, .k-state-hover>*>.km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n, .k-state-hover>*>.km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n, .k-button:hover .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n, .k-button:hover .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n, .k-textbox:hover .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n, .k-textbox:hover .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n, .k-button:active .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n, .k-button:active .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n {
background-position: -2em 0
}
.km-pane-wrapper .k-state-selected .k-i-arrow-s {
background-position: -1em -2em
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-state-selected .k-i-arrow-s, .k-state-hover>.km-pane-wrapper .k-state-selected .k-i-arrow-s, .k-state-hover>*>.km-pane-wrapper .k-state-selected .k-i-arrow-s, .k-button:hover .km-pane-wrapper .k-state-selected .k-i-arrow-s, .k-textbox:hover .km-pane-wrapper .k-state-selected .k-i-arrow-s, .k-button:active .km-pane-wrapper .k-state-selected .k-i-arrow-s {
background-position: -2em -2em
}
.km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s, .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s {
background-position: -1em -2em
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s, .k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s, .k-state-hover>.km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s, .k-state-hover>.km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s, .k-state-hover>*>.km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s, .k-state-hover>*>.km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s, .k-button:hover .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s, .k-button:hover .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s, .k-textbox:hover .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s, .k-textbox:hover .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s, .k-button:active .km-pane-wrapper .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s, .k-button:active .km-pane-wrapper .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s {
background-position: -2em -2em
}
.km-pane-wrapper .k-i-arrow-n {
background-position: 0 0
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-arrow-n, .k-state-hover>.km-pane-wrapper .k-i-arrow-n, .k-state-hover>*>.km-pane-wrapper .k-i-arrow-n, .k-button:hover .km-pane-wrapper .k-i-arrow-n, .k-textbox:hover .km-pane-wrapper .k-i-arrow-n, .k-button:active .km-pane-wrapper .k-i-arrow-n {
background-position: -1em 0
}
.km-pane-wrapper .k-i-arrow-e {
background-position: 0 -1em
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-arrow-e, .k-state-hover>.km-pane-wrapper .k-i-arrow-e, .k-state-hover>*>.km-pane-wrapper .k-i-arrow-e, .k-button:hover .km-pane-wrapper .k-i-arrow-e, .k-textbox:hover .km-pane-wrapper .k-i-arrow-e, .k-button:active .km-pane-wrapper .k-i-arrow-e {
background-position: -1em -1em
}
.k-rtl .km-pane-wrapper .k-i-arrow-w {
background-position: 0 -1em
}
.k-rtl .k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-arrow-w, .k-rtl .k-state-hover>.km-pane-wrapper .k-i-arrow-w, .k-rtl .k-state-hover>*>.km-pane-wrapper .k-i-arrow-w, .k-rtl .k-button:hover .km-pane-wrapper .k-i-arrow-w, .k-rtl .k-textbox:hover .km-pane-wrapper .k-i-arrow-w, .k-rtl .k-button:active .km-pane-wrapper .k-i-arrow-w {
background-position: -1em -1em
}
.km-pane-wrapper .k-i-arrow-s {
background-position: 0 -2em
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-arrow-s, .k-state-hover>.km-pane-wrapper .k-i-arrow-s, .k-state-hover>*>.km-pane-wrapper .k-i-arrow-s, .k-button:hover .km-pane-wrapper .k-i-arrow-s, .k-textbox:hover .km-pane-wrapper .k-i-arrow-s, .k-button:active .km-pane-wrapper .k-i-arrow-s {
background-position: -1em -2em
}
.km-pane-wrapper .k-i-arrow-w {
background-position: 0 -3em
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-arrow-w, .k-state-hover>.km-pane-wrapper .k-i-arrow-w, .k-state-hover>*>.km-pane-wrapper .k-i-arrow-w, .k-button:hover .km-pane-wrapper .k-i-arrow-w, .k-textbox:hover .km-pane-wrapper .k-i-arrow-w, .k-button:active .km-pane-wrapper .k-i-arrow-w {
background-position: -1em -3em
}
.k-rtl .km-pane-wrapper .k-i-arrow-e {
background-position: 0 -3em
}
.k-rtl .k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-arrow-e, .k-rtl .k-state-hover>.km-pane-wrapper .k-i-arrow-e, .k-rtl .k-state-hover>*>.km-pane-wrapper .k-i-arrow-e, .k-rtl .k-button:hover .km-pane-wrapper .k-i-arrow-e, .k-rtl .k-textbox:hover .km-pane-wrapper .k-i-arrow-e, .k-rtl .k-button:active .km-pane-wrapper .k-i-arrow-e {
background-position: -1em -3em
}
.km-pane-wrapper .k-i-seek-n {
background-position: 0 -4em
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-seek-n, .k-state-hover>.km-pane-wrapper .k-i-seek-n, .k-state-hover>*>.km-pane-wrapper .k-i-seek-n, .k-button:hover .km-pane-wrapper .k-i-seek-n, .k-textbox:hover .km-pane-wrapper .k-i-seek-n, .k-button:active .km-pane-wrapper .k-i-seek-n {
background-position: -1em -4em
}
.km-pane-wrapper .k-i-seek-e {
background-position: 0 -5em
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-seek-e, .k-state-hover>.km-pane-wrapper .k-i-seek-e, .k-state-hover>*>.km-pane-wrapper .k-i-seek-e, .k-button:hover .km-pane-wrapper .k-i-seek-e, .k-textbox:hover .km-pane-wrapper .k-i-seek-e, .k-button:active .km-pane-wrapper .k-i-seek-e {
background-position: -1em -5em
}
.k-rtl .km-pane-wrapper .k-i-seek-w {
background-position: 0 -5em
}
.k-rtl .k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-seek-w, .k-rtl .k-state-hover>.km-pane-wrapper .k-i-seek-w, .k-rtl .k-state-hover>*>.km-pane-wrapper .k-i-seek-w, .k-rtl .k-button:hover .km-pane-wrapper .k-i-seek-w, .k-rtl .k-textbox:hover .km-pane-wrapper .k-i-seek-w, .k-rtl .k-button:active .km-pane-wrapper .k-i-seek-w {
background-position: -1em -5em
}
.km-pane-wrapper .k-i-seek-s {
background-position: 0 -6em
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-seek-s, .k-state-hover>.km-pane-wrapper .k-i-seek-s, .k-state-hover>*>.km-pane-wrapper .k-i-seek-s, .k-button:hover .km-pane-wrapper .k-i-seek-s, .k-textbox:hover .km-pane-wrapper .k-i-seek-s, .k-button:active .km-pane-wrapper .k-i-seek-s {
background-position: -1em -6em
}
.km-pane-wrapper .k-i-seek-w {
background-position: 0 -7em
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-seek-w, .k-state-hover>.km-pane-wrapper .k-i-seek-w, .k-state-hover>*>.km-pane-wrapper .k-i-seek-w, .k-button:hover .km-pane-wrapper .k-i-seek-w, .k-textbox:hover .km-pane-wrapper .k-i-seek-w, .k-button:active .km-pane-wrapper .k-i-seek-w {
background-position: -1em -7em
}
.k-rtl .km-pane-wrapper .k-i-seek-e {
background-position: 0 -7em
}
.k-rtl .k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-seek-e, .k-rtl .k-state-hover>.km-pane-wrapper .k-i-seek-e, .k-rtl .k-state-hover>*>.km-pane-wrapper .k-i-seek-e, .k-rtl .k-button:hover .km-pane-wrapper .k-i-seek-e, .k-rtl .k-textbox:hover .km-pane-wrapper .k-i-seek-e, .k-rtl .k-button:active .km-pane-wrapper .k-i-seek-e {
background-position: -1em -7em
}
.km-pane-wrapper .k-i-arrowhead-n {
background-position: 0 -16em
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-arrowhead-n, .k-state-hover>.km-pane-wrapper .k-i-arrowhead-n, .k-state-hover>*>.km-pane-wrapper .k-i-arrowhead-n, .k-button:hover .km-pane-wrapper .k-i-arrowhead-n, .k-textbox:hover .km-pane-wrapper .k-i-arrowhead-n, .k-button:active .km-pane-wrapper .k-i-arrowhead-n {
background-position: -1em -16em
}
.km-pane-wrapper .k-i-arrowhead-e {
background-position: 0 -17em
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-arrowhead-e, .k-state-hover>.km-pane-wrapper .k-i-arrowhead-e, .k-state-hover>*>.km-pane-wrapper .k-i-arrowhead-e, .k-button:hover .km-pane-wrapper .k-i-arrowhead-e, .k-textbox:hover .km-pane-wrapper .k-i-arrowhead-e, .k-button:active .km-pane-wrapper .k-i-arrowhead-e {
background-position: -1em -17em
}
.km-pane-wrapper .k-i-arrowhead-s {
background-position: 0 -18em
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-arrowhead-s, .k-state-hover>.km-pane-wrapper .k-i-arrowhead-s, .k-state-hover>*>.km-pane-wrapper .k-i-arrowhead-s, .k-button:hover .km-pane-wrapper .k-i-arrowhead-s, .k-textbox:hover .km-pane-wrapper .k-i-arrowhead-s, .k-button:active .km-pane-wrapper .k-i-arrowhead-s {
background-position: -1em -18em
}
.km-pane-wrapper .k-i-arrowhead-w {
background-position: 0 -19em
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-arrowhead-w, .k-state-hover>.km-pane-wrapper .k-i-arrowhead-w, .k-state-hover>*>.km-pane-wrapper .k-i-arrowhead-w, .k-button:hover .km-pane-wrapper .k-i-arrowhead-w, .k-textbox:hover .km-pane-wrapper .k-i-arrowhead-w, .k-button:active .km-pane-wrapper .k-i-arrowhead-w {
background-position: -1em -19em
}
.km-pane-wrapper .k-i-expand, .km-pane-wrapper .k-plus, .km-pane-wrapper .k-plus-disabled {
background-position: 0 -12em
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-expand, .k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-plus, .k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-plus-disabled, .k-state-hover>.km-pane-wrapper .k-i-expand, .k-state-hover>.km-pane-wrapper .k-plus, .k-state-hover>.km-pane-wrapper .k-plus-disabled, .k-state-hover>*>.km-pane-wrapper .k-i-expand, .k-state-hover>*>.km-pane-wrapper .k-plus, .k-state-hover>*>.km-pane-wrapper .k-plus-disabled, .k-button:hover .km-pane-wrapper .k-i-expand, .k-button:hover .km-pane-wrapper .k-plus, .k-button:hover .km-pane-wrapper .k-plus-disabled, .k-textbox:hover .km-pane-wrapper .k-i-expand, .k-textbox:hover .km-pane-wrapper .k-plus, .k-textbox:hover .km-pane-wrapper .k-plus-disabled, .k-button:active .km-pane-wrapper .k-i-expand, .k-button:active .km-pane-wrapper .k-plus, .k-button:active .km-pane-wrapper .k-plus-disabled {
background-position: -1em -12em
}
.km-pane-wrapper .k-i-expand-w, .k-rtl .km-pane-wrapper .k-i-expand, .k-rtl .km-pane-wrapper .k-plus, .k-rtl .km-pane-wrapper .k-plus-disabled {
background-position: 0 -13em
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-expand-w, .k-link:not(.k-state-disabled):hover>.k-rtl .km-pane-wrapper .k-i-expand, .k-link:not(.k-state-disabled):hover>.k-rtl .km-pane-wrapper .k-plus, .k-link:not(.k-state-disabled):hover>.k-rtl .km-pane-wrapper .k-plus-disabled, .k-state-hover>.km-pane-wrapper .k-i-expand-w, .k-state-hover>.k-rtl .km-pane-wrapper .k-i-expand, .k-state-hover>.k-rtl .km-pane-wrapper .k-plus, .k-state-hover>.k-rtl .km-pane-wrapper .k-plus-disabled, .k-state-hover>*>.km-pane-wrapper .k-i-expand-w, .k-state-hover>*>.k-rtl .km-pane-wrapper .k-i-expand, .k-state-hover>*>.k-rtl .km-pane-wrapper .k-plus, .k-state-hover>*>.k-rtl .km-pane-wrapper .k-plus-disabled, .k-button:hover .km-pane-wrapper .k-i-expand-w, .k-button:hover .k-rtl .km-pane-wrapper .k-i-expand, .k-button:hover .k-rtl .km-pane-wrapper .k-plus, .k-button:hover .k-rtl .km-pane-wrapper .k-plus-disabled, .k-textbox:hover .km-pane-wrapper .k-i-expand-w, .k-textbox:hover .k-rtl .km-pane-wrapper .k-i-expand, .k-textbox:hover .k-rtl .km-pane-wrapper .k-plus, .k-textbox:hover .k-rtl .km-pane-wrapper .k-plus-disabled, .k-button:active .km-pane-wrapper .k-i-expand-w, .k-button:active .k-rtl .km-pane-wrapper .k-i-expand, .k-button:active .k-rtl .km-pane-wrapper .k-plus, .k-button:active .k-rtl .km-pane-wrapper .k-plus-disabled {
background-position: -1em -13em
}
.km-pane-wrapper .k-i-collapse, .km-pane-wrapper .k-minus, .km-pane-wrapper .k-minus-disabled {
background-position: 0 -14em
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-collapse, .k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-minus, .k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-minus-disabled, .k-state-hover>.km-pane-wrapper .k-i-collapse, .k-state-hover>.km-pane-wrapper .k-minus, .k-state-hover>.km-pane-wrapper .k-minus-disabled, .k-state-hover>*>.km-pane-wrapper .k-i-collapse, .k-state-hover>*>.km-pane-wrapper .k-minus, .k-state-hover>*>.km-pane-wrapper .k-minus-disabled, .k-button:hover .km-pane-wrapper .k-i-collapse, .k-button:hover .km-pane-wrapper .k-minus, .k-button:hover .km-pane-wrapper .k-minus-disabled, .k-textbox:hover .km-pane-wrapper .k-i-collapse, .k-textbox:hover .km-pane-wrapper .k-minus, .k-textbox:hover .km-pane-wrapper .k-minus-disabled, .k-button:active .km-pane-wrapper .k-i-collapse, .k-button:active .km-pane-wrapper .k-minus, .k-button:active .km-pane-wrapper .k-minus-disabled {
background-position: -1em -14em
}
.km-pane-wrapper .k-i-collapse-w, .k-rtl .km-pane-wrapper .k-i-collapse, .k-rtl .km-pane-wrapper .k-minus, .k-rtl .km-pane-wrapper .k-minus-disabled {
background-position: 0 -15em
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-collapse-w, .k-link:not(.k-state-disabled):hover>.k-rtl .km-pane-wrapper .k-i-collapse, .k-link:not(.k-state-disabled):hover>.k-rtl .km-pane-wrapper .k-minus, .k-link:not(.k-state-disabled):hover>.k-rtl .km-pane-wrapper .k-minus-disabled, .k-state-hover>.km-pane-wrapper .k-i-collapse-w, .k-state-hover>.k-rtl .km-pane-wrapper .k-i-collapse, .k-state-hover>.k-rtl .km-pane-wrapper .k-minus, .k-state-hover>.k-rtl .km-pane-wrapper .k-minus-disabled, .k-state-hover>*>.km-pane-wrapper .k-i-collapse-w, .k-state-hover>*>.k-rtl .km-pane-wrapper .k-i-collapse, .k-state-hover>*>.k-rtl .km-pane-wrapper .k-minus, .k-state-hover>*>.k-rtl .km-pane-wrapper .k-minus-disabled, .k-button:hover .km-pane-wrapper .k-i-collapse-w, .k-button:hover .k-rtl .km-pane-wrapper .k-i-collapse, .k-button:hover .k-rtl .km-pane-wrapper .k-minus, .k-button:hover .k-rtl .km-pane-wrapper .k-minus-disabled, .k-textbox:hover .km-pane-wrapper .k-i-collapse-w, .k-textbox:hover .k-rtl .km-pane-wrapper .k-i-collapse, .k-textbox:hover .k-rtl .km-pane-wrapper .k-minus, .k-textbox:hover .k-rtl .km-pane-wrapper .k-minus-disabled, .k-button:active .km-pane-wrapper .k-i-collapse-w, .k-button:active .k-rtl .km-pane-wrapper .k-i-collapse, .k-button:active .k-rtl .km-pane-wrapper .k-minus, .k-button:active .k-rtl .km-pane-wrapper .k-minus-disabled {
background-position: -1em -15em
}
.km-pane-wrapper .k-i-pencil, .km-pane-wrapper .k-edit {
background-position: -2em 0
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-pencil, .k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-edit, .k-state-hover>.km-pane-wrapper .k-i-pencil, .k-state-hover>.km-pane-wrapper .k-edit, .k-state-hover>*>.km-pane-wrapper .k-i-pencil, .k-state-hover>*>.km-pane-wrapper .k-edit, .k-button:hover .km-pane-wrapper .k-i-pencil, .k-button:hover .km-pane-wrapper .k-edit, .k-textbox:hover .km-pane-wrapper .k-i-pencil, .k-textbox:hover .km-pane-wrapper .k-edit, .k-button:active .km-pane-wrapper .k-i-pencil, .k-button:active .km-pane-wrapper .k-edit {
background-position: -3em 0
}
.km-pane-wrapper .k-i-close, .km-pane-wrapper .k-delete, .km-pane-wrapper .k-group-delete {
background-position: -2em -1em
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-close, .k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-delete, .k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-group-delete, .k-state-hover>.km-pane-wrapper .k-i-close, .k-state-hover>.km-pane-wrapper .k-delete, .k-state-hover>.km-pane-wrapper .k-group-delete, .k-state-hover>*>.km-pane-wrapper .k-i-close, .k-state-hover>*>.km-pane-wrapper .k-delete, .k-state-hover>*>.km-pane-wrapper .k-group-delete, .k-button:hover .km-pane-wrapper .k-i-close, .k-button:hover .km-pane-wrapper .k-delete, .k-button:hover .km-pane-wrapper .k-group-delete, .k-textbox:hover .km-pane-wrapper .k-i-close, .k-textbox:hover .km-pane-wrapper .k-delete, .k-textbox:hover .km-pane-wrapper .k-group-delete, .k-button:active .km-pane-wrapper .k-i-close, .k-button:active .km-pane-wrapper .k-delete, .k-button:active .km-pane-wrapper .k-group-delete {
background-position: -3em -1em
}
.km-pane-wrapper .k-si-close {
background-position: -10em -5em
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-si-close, .k-state-hover>.km-pane-wrapper .k-si-close, .k-state-hover>*>.km-pane-wrapper .k-si-close, .k-button:hover .km-pane-wrapper .k-si-close, .k-textbox:hover .km-pane-wrapper .k-si-close, .k-button:active .km-pane-wrapper .k-si-close {
background-position: -11em -5em
}
.km-pane-wrapper .k-multiselect .k-delete {
background-position: -10em -5em
}
.km-pane-wrapper .k-multiselect .k-state-hover .k-delete {
background-position: -11em -5em
}
.km-pane-wrapper .k-i-tick, .km-pane-wrapper .k-insert, .km-pane-wrapper .k-update {
background-position: -2em -2em
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-tick, .k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-insert, .k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-update, .k-state-hover>.km-pane-wrapper .k-i-tick, .k-state-hover>.km-pane-wrapper .k-insert, .k-state-hover>.km-pane-wrapper .k-update, .k-state-hover>*>.km-pane-wrapper .k-i-tick, .k-state-hover>*>.km-pane-wrapper .k-insert, .k-state-hover>*>.km-pane-wrapper .k-update, .k-button:hover .km-pane-wrapper .k-i-tick, .k-button:hover .km-pane-wrapper .k-insert, .k-button:hover .km-pane-wrapper .k-update, .k-textbox:hover .km-pane-wrapper .k-i-tick, .k-textbox:hover .km-pane-wrapper .k-insert, .k-textbox:hover .km-pane-wrapper .k-update, .k-button:active .km-pane-wrapper .k-i-tick, .k-button:active .km-pane-wrapper .k-insert, .k-button:active .km-pane-wrapper .k-update {
background-position: -3em -2em
}
.km-pane-wrapper .k-check:checked, .km-pane-wrapper .k-mobile-list .k-edit-field [type=checkbox], .km-pane-wrapper .k-mobile-list .k-edit-field [type=radio] {
background-position: -2em -2em
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-check:checked, .k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-mobile-list .k-edit-field [type=checkbox], .k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-mobile-list .k-edit-field [type=radio], .k-state-hover>.km-pane-wrapper .k-check:checked, .k-state-hover>.km-pane-wrapper .k-mobile-list .k-edit-field [type=checkbox], .k-state-hover>.km-pane-wrapper .k-mobile-list .k-edit-field [type=radio], .k-state-hover>*>.km-pane-wrapper .k-check:checked, .k-state-hover>*>.km-pane-wrapper .k-mobile-list .k-edit-field [type=checkbox], .k-state-hover>*>.km-pane-wrapper .k-mobile-list .k-edit-field [type=radio], .k-button:hover .km-pane-wrapper .k-check:checked, .k-button:hover .km-pane-wrapper .k-mobile-list .k-edit-field [type=checkbox], .k-button:hover .km-pane-wrapper .k-mobile-list .k-edit-field [type=radio], .k-textbox:hover .km-pane-wrapper .k-check:checked, .k-textbox:hover .km-pane-wrapper .k-mobile-list .k-edit-field [type=checkbox], .k-textbox:hover .km-pane-wrapper .k-mobile-list .k-edit-field [type=radio], .k-button:active .km-pane-wrapper .k-check:checked, .k-button:active .km-pane-wrapper .k-mobile-list .k-edit-field [type=checkbox], .k-button:active .km-pane-wrapper .k-mobile-list .k-edit-field [type=radio] {
background-position: -3em -2em
}
.km-pane-wrapper .k-i-cancel, .km-pane-wrapper .k-cancel, .km-pane-wrapper .k-denied {
background-position: -2em -3em
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-cancel, .k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-cancel, .k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-denied, .k-state-hover>.km-pane-wrapper .k-i-cancel, .k-state-hover>.km-pane-wrapper .k-cancel, .k-state-hover>.km-pane-wrapper .k-denied, .k-state-hover>*>.km-pane-wrapper .k-i-cancel, .k-state-hover>*>.km-pane-wrapper .k-cancel, .k-state-hover>*>.km-pane-wrapper .k-denied, .k-button:hover .km-pane-wrapper .k-i-cancel, .k-button:hover .km-pane-wrapper .k-cancel, .k-button:hover .km-pane-wrapper .k-denied, .k-textbox:hover .km-pane-wrapper .k-i-cancel, .k-textbox:hover .km-pane-wrapper .k-cancel, .k-textbox:hover .km-pane-wrapper .k-denied, .k-button:active .km-pane-wrapper .k-i-cancel, .k-button:active .km-pane-wrapper .k-cancel, .k-button:active .km-pane-wrapper .k-denied {
background-position: -3em -3em
}
.km-pane-wrapper .k-i-plus, .km-pane-wrapper .k-add {
background-position: -2em -4em
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-plus, .k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-add, .k-state-hover>.km-pane-wrapper .k-i-plus, .k-state-hover>.km-pane-wrapper .k-add, .k-state-hover>*>.km-pane-wrapper .k-i-plus, .k-state-hover>*>.km-pane-wrapper .k-add, .k-button:hover .km-pane-wrapper .k-i-plus, .k-button:hover .km-pane-wrapper .k-add, .k-textbox:hover .km-pane-wrapper .k-i-plus, .k-textbox:hover .km-pane-wrapper .k-add, .k-button:active .km-pane-wrapper .k-i-plus, .k-button:active .km-pane-wrapper .k-add {
background-position: -3em -4em
}
.km-pane-wrapper .k-i-funnel, .km-pane-wrapper .k-filter {
background-position: -2em -5em
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-funnel, .k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-filter, .k-state-hover>.km-pane-wrapper .k-i-funnel, .k-state-hover>.km-pane-wrapper .k-filter, .k-state-hover>*>.km-pane-wrapper .k-i-funnel, .k-state-hover>*>.km-pane-wrapper .k-filter, .k-button:hover .km-pane-wrapper .k-i-funnel, .k-button:hover .km-pane-wrapper .k-filter, .k-textbox:hover .km-pane-wrapper .k-i-funnel, .k-textbox:hover .km-pane-wrapper .k-filter, .k-button:active .km-pane-wrapper .k-i-funnel, .k-button:active .km-pane-wrapper .k-filter {
background-position: -3em -5em
}
.km-pane-wrapper .k-i-funnel-clear, .km-pane-wrapper .k-clear-filter {
background-position: -2em -6em
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-funnel-clear, .k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-clear-filter, .k-state-hover>.km-pane-wrapper .k-i-funnel-clear, .k-state-hover>.km-pane-wrapper .k-clear-filter, .k-state-hover>*>.km-pane-wrapper .k-i-funnel-clear, .k-state-hover>*>.km-pane-wrapper .k-clear-filter, .k-button:hover .km-pane-wrapper .k-i-funnel-clear, .k-button:hover .km-pane-wrapper .k-clear-filter, .k-textbox:hover .km-pane-wrapper .k-i-funnel-clear, .k-textbox:hover .km-pane-wrapper .k-clear-filter, .k-button:active .km-pane-wrapper .k-i-funnel-clear, .k-button:active .km-pane-wrapper .k-clear-filter {
background-position: -3em -6em
}
.km-pane-wrapper .k-i-refresh {
background-position: -2em -7em
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-refresh, .k-state-hover>.km-pane-wrapper .k-i-refresh, .k-state-hover>*>.km-pane-wrapper .k-i-refresh, .k-button:hover .km-pane-wrapper .k-i-refresh, .k-textbox:hover .km-pane-wrapper .k-i-refresh, .k-button:active .km-pane-wrapper .k-i-refresh {
background-position: -3em -7em
}
.km-pane-wrapper .k-i-exception {
background-position: -10em -19em
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-exception, .k-state-hover>.km-pane-wrapper .k-i-exception, .k-state-hover>*>.km-pane-wrapper .k-i-exception, .k-button:hover .km-pane-wrapper .k-i-exception, .k-textbox:hover .km-pane-wrapper .k-i-exception, .k-button:active .km-pane-wrapper .k-i-exception {
background-position: -11em -19em
}
.km-pane-wrapper .k-i-restore {
background-position: -2em -8em
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-restore, .k-state-hover>.km-pane-wrapper .k-i-restore, .k-state-hover>*>.km-pane-wrapper .k-i-restore, .k-button:hover .km-pane-wrapper .k-i-restore, .k-textbox:hover .km-pane-wrapper .k-i-restore, .k-button:active .km-pane-wrapper .k-i-restore {
background-position: -3em -8em
}
.km-pane-wrapper .k-i-maximize {
background-position: -2em -9em
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-maximize, .k-state-hover>.km-pane-wrapper .k-i-maximize, .k-state-hover>*>.km-pane-wrapper .k-i-maximize, .k-button:hover .km-pane-wrapper .k-i-maximize, .k-textbox:hover .km-pane-wrapper .k-i-maximize, .k-button:active .km-pane-wrapper .k-i-maximize {
background-position: -3em -9em
}
.km-pane-wrapper .k-i-minimize {
background-position: -4em -18em
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-minimize, .k-state-hover>.km-pane-wrapper .k-i-minimize, .k-state-hover>*>.km-pane-wrapper .k-i-minimize, .k-button:hover .km-pane-wrapper .k-i-minimize, .k-textbox:hover .km-pane-wrapper .k-i-minimize, .k-button:active .km-pane-wrapper .k-i-minimize {
background-position: -5em -18em
}
.km-pane-wrapper .k-i-pin {
background-position: -10em -16em
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-pin, .k-state-hover>.km-pane-wrapper .k-i-pin, .k-state-hover>*>.km-pane-wrapper .k-i-pin, .k-button:hover .km-pane-wrapper .k-i-pin, .k-textbox:hover .km-pane-wrapper .k-i-pin, .k-button:active .km-pane-wrapper .k-i-pin {
background-position: -11em -16em
}
.km-pane-wrapper .k-i-unpin {
background-position: -10em -17em
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-unpin, .k-state-hover>.km-pane-wrapper .k-i-unpin, .k-state-hover>*>.km-pane-wrapper .k-i-unpin, .k-button:hover .km-pane-wrapper .k-i-unpin, .k-textbox:hover .km-pane-wrapper .k-i-unpin, .k-button:active .km-pane-wrapper .k-i-unpin {
background-position: -11em -17em
}
.km-pane-wrapper .k-resize-se {
background-position: -2em -10em
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-resize-se, .k-state-hover>.km-pane-wrapper .k-resize-se, .k-state-hover>*>.km-pane-wrapper .k-resize-se, .k-button:hover .km-pane-wrapper .k-resize-se, .k-textbox:hover .km-pane-wrapper .k-resize-se, .k-button:active .km-pane-wrapper .k-resize-se {
background-position: -3em -10em
}
.km-pane-wrapper .k-i-calendar {
background-position: -2em -11em
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-calendar, .k-state-hover>.km-pane-wrapper .k-i-calendar, .k-state-hover>*>.km-pane-wrapper .k-i-calendar, .k-button:hover .km-pane-wrapper .k-i-calendar, .k-textbox:hover .km-pane-wrapper .k-i-calendar, .k-button:active .km-pane-wrapper .k-i-calendar {
background-position: -3em -11em
}
.km-pane-wrapper .k-i-clock {
background-position: -2em -12em
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-i-clock, .k-state-hover>.km-pane-wrapper .k-i-clock, .k-state-hover>*>.km-pane-wrapper .k-i-clock, .k-button:hover .km-pane-wrapper .k-i-clock, .k-textbox:hover .km-pane-wrapper .k-i-clock, .k-button:active .km-pane-wrapper .k-i-clock {
background-position: -3em -12em
}
.km-pane-wrapper .k-si-plus {
background-position: -2em -13em
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-si-plus, .k-state-hover>.km-pane-wrapper .k-si-plus, .k-state-hover>*>.km-pane-wrapper .k-si-plus, .k-button:hover .km-pane-wrapper .k-si-plus, .k-textbox:hover .km-pane-wrapper .k-si-plus, .k-button:active .km-pane-wrapper .k-si-plus {
background-position: -3em -13em
}
.km-pane-wrapper .k-si-minus {
background-position: -2em -14em
}
.k-link:not(.k-state-disabled):hover>.km-pane-wrapper .k-si-minus, .k-state-hover>.km-pane-wrapper .k-si-minus, .k-state-hover>*>.km-pane-wrapper .k-si-minus, .k-button:hover .km-pane-wrapper .k-si-minus, .k-textbox:hover .km-pane-wrapper .k-si-minus, .k-button:active .km-pane-wrapper .k-si-minus {
background-position: -3em -14em
}
}
.km-pane-wrapper .km-pane .k-mobile-list input:not([type="checkbox"]):not([type="radio"]), .km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]), .km-pane-wrapper .km-pane .k-mobile-list textarea, .km-pane-wrapper .k-mobile-list .k-widget, .km-pane-wrapper .k-edit-field>*:not([type="checkbox"]):not([type="radio"]):not(.k-button) {
text-indent: 0;
font-size: 1em;
line-height: 1.6em;
vertical-align: middle;
height: auto;
padding: 0;
border: 0;
margin: 0;
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
border-radius: 0
}
.km-pane-wrapper .k-mobile-list .k-widget {
border: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
border-radius: 0
}
.k-ie .km-pane-wrapper .k-mobile-list .k-widget {
height: initial
}
.km-pane-wrapper .k-mobile-list .k-widget .k-input, .km-pane-wrapper .k-mobile-list .k-widget .k-state-default {
border: 0;
background: transparent
}
.km-pane-wrapper *:not(.k-state-default)>input:not([type="checkbox"]):not([type="radio"]), .km-pane-wrapper .k-mobile-list select:not([multiple]), .km-pane-wrapper .k-mobile-list textarea, .km-pane-wrapper .k-mobile-list .k-widget, .km-pane-wrapper .k-edit-field>*:not([type="checkbox"]):not([type="radio"]):not(.k-button) {
width: 80%;
padding: .6em 0;
margin: -0.5em 0
}
.km-pane-wrapper .km-pane .k-mobile-list input, .km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]), .km-pane-wrapper .km-pane .k-mobile-list textarea, .km-pane-wrapper .k-mobile-list .k-widget, .km-pane-wrapper .k-mobile-list .k-edit-field>* {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
float: right;
z-index: 1;
position: relative
}
.km-pane-wrapper .k-scheduler-views {
width: 18em
}
.km-pane-wrapper .k-mobile-list .k-edit-field.k-scheduler-toolbar {
background: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
padding: .5em 1em
}
.km-pane-wrapper #recurrence .k-scheduler-navigation {
width: 100%
}
.km-pane-wrapper .k-scheduler-views, .km-pane-wrapper .k-mobile-list .k-scheduler-navigation {
display: table;
table-layout: fixed
}
.km-pane-wrapper .k-scheduler-views li, .km-pane-wrapper .k-mobile-list .k-scheduler-navigation li {
display: table-cell;
text-align: center
}
.km-pane-wrapper .k-scheduler-views li a, .km-pane-wrapper .k-mobile-list .k-scheduler-navigation li a {
padding-left: 0;
padding-right: 0;
width: 100%
}
.km-pane-wrapper .k-mobile-list .k-recur-view>.k-edit-field .k-check {
margin: 0;
padding-left: 1em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.km-pane-wrapper .k-mobile-list .k-recur-view>.k-edit-field .k-check:first-child {
margin-top: -0.5em
}
.km-pane-wrapper .k-mobile-list .k-recur-view>.k-edit-field .k-check:last-child {
margin-bottom: -0.5em
}
.km-pane-wrapper .k-mobile-list .k-scheduler-timezones .k-edit-field label.k-check {
text-indent: 1em
}
.km-pane-wrapper .k-mobile-list .k-edit-field>.k-button {
margin-left: 20%;
float: left
}
.km-pane-wrapper .k-mobile-list .k-picker-wrap, .km-pane-wrapper .k-mobile-list .k-numeric-wrap, .km-pane-wrapper .k-mobile-list .k-dropdown-wrap {
position: static;
-webkit-box-shadow: none;
box-shadow: none
}
.km-pane-wrapper .k-mobile-list .k-datepicker .k-select, .km-pane-wrapper .k-mobile-list .k-datetimepicker .k-select, .km-pane-wrapper .k-mobile-list .k-numerictextbox .k-select {
position: absolute;
top: 0;
right: 0;
line-height: auto
}
.km-pane-wrapper .k-mobile-list .k-datepicker .k-select:before, .km-pane-wrapper .k-mobile-list .k-datetimepicker .k-select:before {
content: "\a0";
display: inline-block;
width: 0;
height: 100%;
vertical-align: middle
}
.km-pane-wrapper .k-mobile-list .k-numerictextbox .k-link {
height: 50%
}
.km-pane-wrapper .k-grid .k-button, .km-pane-wrapper .k-edit-form-container .k-button {
margin: 0
}
.km-pane-wrapper .k-grid .k-button+.k-button, .km-pane-wrapper .k-edit-form-container .k-button+.k-button {
margin: 0 0 0 .18em
}
.km-pane-wrapper .k-pager-numbers .k-link, .km-pane-wrapper .k-pager-numbers .k-state-selected, .km-pane-wrapper .k-pager-wrap>.k-link {
width: 2.4em;
height: 2.4em;
line-height: 2.1em;
-moz-border-radius: 2em;
-webkit-border-radius: 2em;
-o-border-radius: 2em;
border-radius: 2em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.km-pane-wrapper .k-pager-numbers .k-link, .km-pane-wrapper .k-pager-numbers .k-state-selected {
width: auto;
line-height: 2.2em;
padding: 0 .86em;
min-width: .7em
}
.km-pane-wrapper .k-pager-wrap {
line-height: 2.4em
}
@media all and (max-width:699px), (-ms-high-contrast:active) and (-ms-high-contrast:none) and (max-width:800px) {
.km-pane-wrapper *:not(.k-state-default)>input:not([type="checkbox"]):not([type="radio"]), .km-pane-wrapper .k-mobile-list select:not([multiple]), .km-pane-wrapper .k-mobile-list textarea, .km-pane-wrapper .k-mobile-list .k-widget, .km-pane-wrapper .k-edit-field>*:not([type="checkbox"]):not([type="radio"]):not(.k-button) {
width: 50%
}
.km-pane-wrapper .k-mobile-list .k-edit-field>.k-button {
margin-left: 50%
}
.km-pane-wrapper .k-mobile-list .k-edit-field>.k-timezone-button {
margin-left: 1em
}
.km-pane-wrapper .k-scheduler-views {
width: 15em
}
.km-pane-wrapper .k-nav-today a {
padding-left: .6em;
padding-right: .6em
}
.km-pane-wrapper li.k-nav-current {
margin-left: 0;
margin-right: 0
}
.km-pane-wrapper .k-pager-wrap {
position: relative
}
.km-pane-wrapper .k-pager-numbers {
width: auto;
display: block;
overflow: hidden;
margin-right: 5.5em;
float: none;
text-overflow: ellipsis;
height: 2.4em;
text-align: center
}
.km-pane-wrapper .k-pager-numbers li {
float: none;
display: inline-block
}
.km-pane-wrapper .k-pager-nav {
float: left
}
.km-pane-wrapper .k-pager-nav:nth-last-child(2), .km-pane-wrapper .k-pager-nav:nth-last-child(3) {
position: absolute;
right: .3em;
top: .3em
}
.km-pane-wrapper .k-pager-nav:nth-last-child(3) {
right: 3em
}
.km-pane-wrapper .k-pager-info {
display: none
}
}
.km-pane-wrapper .k-mobile-list .k-recur-view>.k-edit-field .k-check, .km-pane-wrapper .k-mobile-list .k-edit-field>*>select:not([multiple]), .km-pane-wrapper .k-mobile-list .k-scheduler-timezones .k-edit-field label.k-check {
width: 100%
}
.k-tooltip {
position: absolute;
z-index: 12000;
border-style: solid;
border-width: 1px;
padding: 4px 5px 4px 6px;
background-repeat: repeat-x;
min-width: 20px;
text-align: center
}
.k-tooltip-button {
text-align: right;
height: 0
}
.k-tooltip-content {
height: 100%
}
.k-tooltip-closable .k-tooltip-content {
padding-right: 20px
}
span.k-tooltip {
position: static;
display: inline-block;
border-width: 1px;
padding: 2px 5px 1px 6px
}
.k-invalid-msg {
display: none
}
.k-callout {
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 6px;
border-color: transparent
}
.k-callout-n {
top: -13px;
left: 50%
}
.k-callout-w {
top: 50%;
left: -13px
}
.k-callout-s {
left: 50%;
bottom: -13px
}
.k-callout-e {
top: 50%;
right: -13px
}
.k-slider-tooltip .k-callout-n, .k-slider-tooltip .k-callout-s {
margin-left: -6px
}
.k-slider-tooltip .k-callout-w, .k-slider-tooltip .k-callout-e {
margin-top: -6px
}
.k-tooltip-validation .k-warning {
vertical-align: text-top;
margin-right: 3px
}
.k-tooltip-validation {
z-index: 9999
}
.k-splitter {
position: relative;
height: 300px
}
.k-pane>.k-splitter {
border-width: 0;
overflow: hidden
}
.k-splitter .k-pane {
overflow: hidden
}
.k-splitter .k-scrollable {
overflow: auto
}
.k-splitter .k-pane-loading {
position: absolute;
top: 50%;
left: 50%;
margin: -8px 0 0 -8px
}
.k-ghost-splitbar, .k-splitbar {
position: absolute;
border-style: solid;
font-size: 0;
outline: 0;
-khtml-user-select: none;
-webkit-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
user-select: none
}
.k-splitter .k-ghost-splitbar-horizontal, .k-splitter .k-splitbar-horizontal {
top: 0;
width: 5px;
border-width: 0 1px;
background-repeat: repeat-y
}
.k-ghost-splitbar-vertical, .k-splitbar-vertical {
left: 0;
height: 5px;
border-width: 1px 0;
background-repeat: repeat-x
}
.k-splitbar-draggable-horizontal {
cursor: w-resize
}
.k-splitbar-draggable-vertical {
cursor: n-resize
}
.k-splitbar .k-resize-handle {
display: none
}
.k-restricted-size-horizontal, .k-restricted-size-vertical {
background-color: #f00
}
.k-splitbar-horizontal .k-icon {
position: absolute;
top: 50%;
width: 5px;
height: 20px;
margin-top: -10px
}
.k-collapse-prev, .k-collapse-next, .k-expand-prev, .k-expand-next {
cursor: pointer
}
.k-splitbar-horizontal .k-collapse-prev {
margin-top: -31px
}
.k-splitbar-horizontal .k-collapse-next {
margin-top: 11px
}
.k-splitbar-static-horizontal {
width: 1px
}
.k-splitbar-static-vertical {
height: 1px
}
.k-splitbar-vertical .k-icon {
position: absolute;
left: 50%;
width: 20px;
height: 5px;
margin-left: -10px
}
.k-splitbar-vertical .k-collapse-prev {
margin-left: -31px
}
.k-splitbar-vertical .k-collapse-next {
margin-left: 11px
}
.k-splitbar-draggable-vertical .k-resize-handle, .k-splitbar-draggable-horizontal .k-resize-handle {
display: inline-block
}
.k-splitbar-horizontal .k-resize-handle {
background-position: -165px -6px
}
.k-splitbar-horizontal-hover>.k-resize-handle {
background-position: -181px -6px
}
.k-splitbar-horizontal .k-collapse-prev, .k-splitbar-horizontal .k-expand-next {
background-position: -6px -174px
}
.k-splitbar-horizontal-hover>.k-collapse-prev, .k-splitbar-horizontal-hover>.k-expand-next {
background-position: -22px -174px
}
.k-splitbar-horizontal .k-collapse-next, .k-splitbar-horizontal .k-expand-prev {
background-position: -5px -142px
}
.k-splitbar-horizontal-hover>.k-collapse-next, .k-splitbar-horizontal-hover>.k-expand-prev {
background-position: -21px -142px
}
.k-splitbar-vertical .k-resize-handle {
background-position: -38px -309px
}
.k-splitbar-vertical-hover>.k-resize-handle {
background-position: -70px -309px
}
.k-splitbar-vertical .k-collapse-prev, .k-splitbar-vertical .k-expand-next {
background-position: 2px -134px
}
.k-splitbar-vertical-hover>.k-collapse-prev, .k-splitbar-vertical-hover>.k-expand-next {
background-position: -14px -134px
}
.k-splitbar-vertical .k-collapse-next, .k-splitbar-vertical .k-expand-prev {
background-position: 2px -165px
}
.k-splitbar-vertical-hover>.k-collapse-next, .k-splitbar-vertical-hover>.k-expand-prev {
background-position: -14px -165px
}
html .k-upload {
position: relative
}
html .k-upload-empty {
border-width: 0;
background: 0
}
.k-dropzone em, .k-upload-button {
vertical-align: middle
}
.k-ie7 .k-dropzone em, .k-ie7 .k-upload-button {
vertical-align: baseline
}
.k-dropzone, .k-file {
position: relative
}
.k-dropzone {
border-style: solid;
border-width: 0;
padding: .8em;
background-color: transparent
}
.k-dropzone em {
visibility: hidden;
margin-left: .6em
}
.k-dropzone-active em {
visibility: visible
}
.k-upload-button {
position: relative;
min-width: 7.167em;
overflow: hidden!important;
direction: ltr
}
.k-upload-sync .k-upload-button, .k-ie7 .k-upload-button, .k-ie8 .k-upload-button, .k-ie9 .k-upload-button {
margin: .8em
}
.k-upload-button input {
position: absolute;
top: 0;
right: 0;
z-index: 1;
font: 200px monospace!important;
filter: alpha(opacity=0);
opacity: 0;
margin: 0;
padding: 0;
cursor: pointer
}
.k-upload-files {
margin: 0 0 .6em;
line-height: 2.66;
border-style: solid;
border-width: 1px 0 0
}
.k-upload-files .k-button {
padding: 0
}
.k-upload-files .k-button, .k-upload-status-total .k-icon {
margin-left: 8px
}
.k-ie7 .k-upload-files .k-button {
line-height: 1
}
.k-upload .k-fail {
background-position: -161px -111px
}
.k-si-refresh {
background-position: -160px -128px
}
.k-link:not(.k-state-disabled):hover>.k-si-refresh, .k-state-hover>.k-si-refresh, .k-state-hover>*>.k-si-refresh, .k-button:hover .k-si-refresh, .k-textbox:hover .k-si-refresh, .k-button:active .k-si-refresh {
background-position: -176px -128px
}
.k-si-tick, .k-success {
background-position: -160px -96px
}
.k-link:not(.k-state-disabled):hover>.k-si-tick, .k-link:not(.k-state-disabled):hover>.k-success, .k-state-hover>.k-si-tick, .k-state-hover>.k-success, .k-state-hover>*>.k-si-tick, .k-state-hover>*>.k-success, .k-button:hover .k-si-tick, .k-button:hover .k-success, .k-textbox:hover .k-si-tick, .k-textbox:hover .k-success, .k-button:active .k-si-tick, .k-button:active .k-success {
background-position: -176px -96px
}
.k-si-cancel {
background-position: -160px -112px
}
.k-link:not(.k-state-disabled):hover>.k-si-cancel, .k-state-hover>.k-si-cancel, .k-state-hover>*>.k-si-cancel, .k-button:hover .k-si-cancel, .k-textbox:hover .k-si-cancel, .k-button:active .k-si-cancel {
background-position: -176px -112px
}
.k-file {
border-style: solid;
border-width: 0 0 1px;
padding: .167em .167em .167em .8em
}
.k-file .k-icon {
position: relative
}
.k-file>.k-icon {
background-position: -112px -288px
}
.k-link:not(.k-state-disabled):hover>.k-file>.k-icon, .k-state-hover>.k-file>.k-icon, .k-state-hover>*>.k-file>.k-icon, .k-button:hover .k-file>.k-icon, .k-textbox:hover .k-file>.k-icon, .k-button:active .k-file>.k-icon {
background-position: -128px -288px
}
.k-filename {
position: relative;
display: inline-block;
min-width: 10em;
max-width: 16.667em;
vertical-align: middle;
margin-left: 1em;
padding-bottom: .167em;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap
}
.k-upload-status {
position: absolute;
right: 12px;
top: .6em;
line-height: .7em
}
.k-upload-status .k-button, .k-upload-status .k-warning {
vertical-align: text-bottom
}
.k-dropzone .k-upload-status {
line-height: 2.4
}
.k-ie8 .k-upload-status-total {
line-height: 29px
}
.k-progress {
position: absolute;
top: 0;
bottom: 0;
left: 0
}
.k-upload-selected {
min-width: 7.167em;
margin: .25em 0 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.k-ie7 .k-upload-selected {
min-width: 100px
}
.k-upload-selected, .k-upload-cancel {
margin-bottom: .8em
}
.k-upload-selected {
margin-left: .8em;
margin-right: .2em
}
.k-toolbar-wrap .k-dropzone em, .k-toolbar-wrap .k-upload-files {
display: none
}
.k-toolbar-wrap .k-dropzone {
border: 0;
padding: 0
}
.k-toolbar-wrap .k-dropzone-active {
text-align: center
}
.k-toolbar-wrap .k-dropzone-active em {
display: inline;
margin: 0;
font-size: 5em;
font-style: normal
}
.k-toolbar-wrap .k-dropzone-active .k-upload-button {
display: none
}
.k-imagebrowser-dropzone {
z-index: 10010;
filter: alpha(opacity=40);
opacity: .4;
position: fixed
}
.k-search-wrap {
position: relative;
float: right;
width: 20%;
padding: 0
}
.k-search-wrap label {
position: absolute;
top: 0;
left: 4px;
line-height: 20px;
font-style: italic
}
.k-search-wrap input.k-input {
padding-left: 0;
padding-right: 0
}
.k-search-wrap .k-search {
position: absolute;
top: 4px;
right: 2px;
margin: 0
}
.k-breadcrumbs {
position: relative;
float: left;
width: 79%
}
.k-breadcrumbs-wrap {
position: absolute;
top: 3px;
left: 0;
z-index: 1;
padding-left: 5px;
line-height: 18px
}
.k-breadcrumbs>.k-input {
width: 100%;
font-size: inherit;
font-family: inherit;
border: 0
}
.k-breadcrumbs .k-link, .k-breadcrumbs-wrap .k-icon {
margin-top: 0;
text-decoration: none;
vertical-align: middle;
position: static
}
.k-breadcrumbs .k-link:hover {
text-decoration: underline
}
.k-imagebrowser .k-breadcrumbs .k-i-seek-w {
text-decoration: none;
cursor: default
}
.k-imagebrowser .k-toolbar {
border-style: solid;
border-width: 1px;
margin: 8px 0 0;
padding: .25em;
line-height: 23px;
white-space: nowrap
}
.k-imagebrowser .k-toolbar .k-button.k-state-disabled {
display: none
}
.k-imagebrowser .k-toolbar-wrap {
float: left
}
.k-imagebrowser .k-tiles-arrange {
float: right
}
.k-imagebrowser .k-tiles-arrange .k-dropdown {
width: 75px
}
.k-imagebrowser .k-upload {
float: left;
z-index: 10010;
border-width: 0;
background-color: transparent
}
.k-imagebrowser .k-upload .k-upload-status {
display: none
}
.k-imagebrowser .k-upload .k-upload-button {
width: auto;
margin-left: 0;
vertical-align: top
}
.k-imagebrowser .k-upload .k-icon {
vertical-align: bottom
}
.k-ie7 .k-imagebrowser .k-upload-button, .k-ie7 .k-imagebrowser .k-upload .k-icon {
vertical-align: baseline;
position: relative;
top: 1px
}
.k-ie7 .k-imagebrowser .k-upload .k-icon {
top: 2px
}
.k-ie7 .k-imagebrowser .k-toolbar .k-button-icon {
vertical-align: middle
}
.k-tiles {
clear: both;
height: 390px;
border-style: solid;
border-width: 1px;
border-top-width: 0;
margin: 0 0 1.4em;
padding: 9px;
overflow: auto;
line-height: 1.2
}
.k-tile {
float: left;
width: 223px;
height: 88px;
overflow: hidden;
border-style: solid;
border-width: 1px;
margin: 1px;
padding: 0 0 4px;
background-position: 0 100px;
background-repeat: repeat-x;
cursor: pointer
}
.k-tiles li.k-state-hover, .k-tiles li.k-state-selected {
background-position: 0 center
}
.k-imagebrowser .k-thumb {
float: left;
display: inline;
width: 80px;
height: 80px;
margin: 4px 10px 0 4px;
-khtml-user-select: none;
-webkit-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
user-select: none
}
.k-imagebrowser .k-file {
width: 80px;
height: 80px
}
.k-imagebrowser .k-image {
margin: 2px 0 0 2px
}
.k-imagebrowser .k-folder {
width: 80px;
height: 80px;
background-position: 0 -200px;
background-repeat: no-repeat
}
.k-imagebrowser .k-loading {
margin: 35px 0 0 33px
}
.k-tile strong, .k-tile input {
margin: 10px 0 4px;
font-weight: normal
}
.k-tile strong {
float: left;
width: 120px;
overflow: hidden;
text-overflow: ellipsis
}
.k-tile input {
width: 100px
}
.k-tile strong, .k-tile input, .k-tile .k-filesize {
display: block
}
.k-imagebrowser .k-form-text-row {
text-align: right
}
.k-imagebrowser .k-form-text-row label {
width: 14%
}
.k-imagebrowser .k-form-text-row input {
width: 80%
}
.k-tile-empty {
margin: 160px 0 0
}
.k-tile-empty .k-dialog-upload {
font-weight: bold;
font-size: 120%
}
.k-tile-empty strong {
display: block;
margin: 0 0 .2em;
font-size: 3em;
font-weight: normal
}
.k-tile-empty, .k-tile-empty .k-button-wrapper {
text-align: center
}
.k-ie7 .k-button, .k-ie7 .k-grid-filter, .k-ie7 .k-header-column-menu, .k-ie7 .k-grid .k-pager-numbers, .k-ie7 .k-grid .k-status-text, .k-ie7 .k-pager-numbers .k-link, .k-ie7 .k-pager-numbers span, .k-ie7 .k-pager-numbers input, .k-ie7 .k-grouping-row p, .k-ie7 .k-grouping-header a, .k-ie7 .k-grouping-header .k-group-indicator, .k-ie7 .k-grouping-header .k-link, .k-ie7 .k-grouping-header .k-button, .k-ie7 .k-grid-actions, .k-ie7 .k-edit-label, .k-ie7 .k-edit-field, .k-ie7 .k-edit-form-container .editor-label, .k-ie7 .k-edit-form-container .editor-field, .k-ie7 .k-combobox, .k-ie7 .k-dropdown, .k-ie7 .k-selectbox, .k-ie7 .k-picker-wrap .k-select, .k-ie7 .k-dropdown-wrap .k-select, .k-ie7 .k-numerictextbox, .k-ie7 .k-timepicker, .k-ie7 .k-datepicker, .k-ie7 .k-datetimepicker, .k-ie7 .k-colorpicker, .k-ie7 .k-calendar, .k-ie7 .k-calendar .k-nav-fast, .k-ie7 .k-treeview .k-icon, .k-ie7 .k-treeview .k-image, .k-ie7 .k-treeview .k-sprite, .k-ie7 .k-treeview .k-in, .k-ie7 .k-colorpicker, .k-ie7 .k-colorpicker .k-tool-icon, .k-ie7 .k-palette.k-reset, .k-ie7 .k-editor-dialog .k-button, .k-ie7 .k-form-text-row label, .k-ie7 .k-tabstrip-items .k-item, .k-ie7 .k-tabstrip-items .k-link, .k-ie7 .k-slider-horizontal, .k-ie7 .k-splitbar-draggable-vertical .k-resize-handle, .k-ie7 .k-splitbar-draggable-horizontal .k-resize-handle, .k-ie7 .t-filename, .k-ie7 div.k-window, .k-ie7 .k-window-titlebar .k-window-action, .k-ie7 .k-scheduler-toolbar>ul>li, .k-ie7 .k-scheduler-footer>ul>li, .k-ie7 .k-scheduler-toolbar>ul>li, .k-ie7 .k-scheduler-footer>ul>li, .k-ie7 .k-event:hover .k-event-delete, .k-ie7 tr:hover>td>.k-task .k-event-delete, .k-ie7 .k-progressbar, .k-ie7 .k-progressbar-horizontal .k-item, .k-ie7 .k-progress-status {
display: inline;
zoom: 1
}
.k-ie7 .k-treeview .k-item, .k-ie7 .k-treeview .k-group {
zoom: 1
}
.km-scroll-container {
-khtml-user-select: none;
-webkit-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
user-select: none;
-webkit-margin-collapse: separate;
-webkit-transform: translatez(0)
}
.k-widget .km-scroll-wrapper {
position: relative;
padding-bottom: 0
}
.km-touch-scrollbar {
position: absolute;
visibility: hidden;
z-index: 200000;
height: .3em;
width: .3em;
background-color: rgba(0,0,0,0.7);
opacity: 0;
-webkit-transition: opacity .3s linear;
-moz-transition: opacity .3s linear;
-o-transition: opacity .3s linear;
transition: opacity .3s linear
}
.km-vertical-scrollbar {
height: 100%;
right: 2px;
top: 2px
}
.km-horizontal-scrollbar {
width: 100%;
left: 2px;
bottom: 2px
}
.k-animation-container, .k-widget, .k-widget *, .k-animation-container *, .k-widget *:before, .k-animation-container *:after, .k-block .k-header {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.k-button, .k-textbox, .k-autocomplete, div.k-window-content, .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 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.input-group .form-control {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}