6636 lines
180 KiB
CSS
6636 lines
180 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: grey;
|
|
}
|
|
|
|
.k-reset {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
outline: 0;
|
|
text-decoration: none;
|
|
font-size: 100%;
|
|
list-style: none;
|
|
width: 100px;
|
|
}
|
|
|
|
.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;
|
|
/*border:transparent;*/
|
|
}
|
|
|
|
.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;
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
.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='#ffffffff', 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;
|
|
}
|