/* Kendo base CSS */ .fake { color: red; } .k-common-test-class { opacity: 0; } .k-reset { margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; font-size: 100%; list-style: none; } .k-floatwrap:after, .k-slider-items:after, .k-grid-toolbar:after { content: ""; display: block; clear: both; visibility: hidden; height: 0; overflow: hidden; } .k-floatwrap, .k-slider-items, .k-grid-toolbar { display: inline-block; } .k-floatwrap, .k-slider-items, .k-grid-toolbar { display: block; } /* main gradient */ .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; } /* widget */ .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-widget .k-input::-ms-clear, .k-list-filter ::-ms-clear { width: 0; height: 0; } /* Block */ .k-block { padding: 2px; } /* button */ .k-button { display: inline-block; margin: 0; padding: 10px 14px; font-family: inherit; line-height: 1.72em; text-align: center; cursor: pointer; text-decoration: none; } .k-button[disabled], .k-button.k-state-disabled, .k-state-disabled .k-button, .k-state-disabled .k-button:hover, .k-button.k-state-disabled:hover, .k-state-disabled .k-button:active, .k-button.k-state-disabled:active { cursor: default; } a.k-button { user-select: none; text-decoration: none; } /* Override the important default line-height in Firefox 4+ */ .k-ff input.k-button { padding-bottom: 0.37em; padding-top: 0.37em; } 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, body .k-split-button-arrow { padding-left: .4em; padding-right: .4em; } .k-button-icontext { overflow: visible; /*IE9*/ } .k-toolbar .k-button-icontext { padding-right: .8em; } .k-button-icontext .k-icon, .k-button-icontext .k-image, .k-button-icontext .k-sprite { margin-right: 3px; margin-right: .3rem; margin-left: -3px; margin-left: -0.3rem; } .k-button.k-button-icontext .k-icon, .k-button.k-button-icontext .k-image { vertical-align: text-top; } .k-button.k-bare { border-color: transparent !important; color: inherit; background: none !important; box-shadow: none !important; opacity: .7; } .k-button.k-bare:hover, .k-button.k-bare.k-state-hover, .k-button.k-bare:active, .k-button.k-bare.k-state-active, .k-button.k-bare.k-state-active:hover { color: inherit; } .k-button.k-bare:focus, .k-button.k-bare .k-state-focused { opacity: .8; } .k-button.k-bare:hover, .k-button.k-bare.k-state-hover, .k-button.k-bare:active, .k-button.k-bare.k-state-active { opacity: 1; } .k-button.k-bare .k-icon, .k-button.k-bare .k-font-icon { overflow: visible; } .k-button.k-bare:focus .k-icon, .k-button.k-bare .k-state-focused .k-icon, .k-button.k-bare:focus .k-font-icon, .k-button.k-bare .k-state-focused .k-font-icon { text-shadow: 0 0 3px currentColor; } /* link */ .k-link { cursor: pointer; outline: 0; text-decoration: none; } .k-grid-header span.k-link { cursor: default; } /* states */ .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; } /* icons */ .k-icon.k-i-none { background-image: none !important; /* should never be a background on these */ } /* In IE7 vertical align: middle can't be overridden */ .k-ie8 .k-icon, .k-ie8 .k-sprite, .k-ie8 .k-tool-icon { vertical-align: middle; } .k-file > .k-icon { background-position: -115px -91px; } .k-image { border: 0; } /* Colors */ 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; } /* loading */ .k-loading, .k-loading-image { background-color: transparent; background-repeat: no-repeat; background-position: center center; } .k-icon.k-i-loading { background-color: transparent; background-repeat: no-repeat; background-position: center center; } .k-icon.k-i-loading::before { content: ""; display: none; } .k-loading-mask, .k-loading-image, .k-loading-text { position: absolute; } .k-loading-mask { z-index: 100; } .k-loading-mask .k-loading-progress { margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .k-loading-text { text-indent: -4000px; text-align: center; /*rtl*/ } .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; } /* drag n drop */ .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; } /* ListBox Drag Clue */ .k-item.k-drag-clue { font-size: inherit; } .k-drag-status { margin-top: -3px; margin-right: 4px; vertical-align: middle; } .k-reorder-cue { position: absolute; width: 1px; overflow: visible; } .k-reorder-cue .k-icon { position: absolute; left: -4px; width: 8px; height: 4px; } .k-reorder-cue .k-i-arrow-60-down { top: -4px; background-position: -4px -166px; } .k-reorder-cue .k-i-arrow-60-up { bottom: -4px; background-position: -4px -134px; } /* virtual scrollbar */ .k-scrollbar { position: absolute; overflow: scroll; } .k-scrollbar-vertical { top: 0; right: 0; width: 17px; /* scrollbar width */ height: 100%; overflow-x: hidden; } .k-touch-scrollbar { display: none; position: absolute; z-index: 200000; height: 8px; width: 8px; border: 1px solid #8a8a8a; background-color: #858585; } @media only screen and (-webkit-min-device-pixel-ratio: 2) { body .k-touch-scrollbar { height: 12px; width: 12px; border-radius: 7px; } } .k-virtual-scrollable-wrap { overflow-x: auto; /*needed by IE8*/ } /* current time indicator */ .k-current-time { background: #f00; position: absolute; } .k-current-time-arrow-down { width: 0; height: 0; background: transparent; border-bottom: 4px solid transparent; border-top: 4px solid #f00; border-left: 4px solid transparent; border-right: 4px solid transparent; } .k-current-time-arrow-left { width: 0; height: 0; background: transparent; border-bottom: 4px solid transparent; border-top: 4px solid transparent; border-left: 4px solid transparent; border-right: 4px solid #f00; } .k-current-time-arrow-right { width: 0; height: 0; background: transparent; border-bottom: 4px solid transparent; border-top: 4px solid transparent; border-left: 4px solid #f00; border-right: 4px solid transparent; } /* override box sizing for grid layout framework integration (Bootstrap 3, Foundation 4) */ .k-animation-container, .k-widget, .k-widget *, .k-animation-container *, .k-widget *:before, .k-animation-container *:after, .k-block .k-header, .k-list-container, div.k-window-content { box-sizing: content-box; } .k-button, .k-textbox, .k-autocomplete, .k-tabstrip > .k-content > .km-scroll-container, .k-block, .k-edit-cell .k-widget, .k-grid-edit-row .k-widget, .k-grid-edit-row .text-box, .km-actionsheet > li, .km-shim { box-sizing: border-box; } /* Fix for Bootstrap 3 */ .input-group .form-control { box-sizing: border-box; } .form-control.k-widget { padding: 0; } a.k-button:hover { text-decoration: none; } /* override iOS styles in mobile Kendo */ .km-widget, .km-widget * { -moz-background-clip: border-box; -webkit-background-clip: border-box; background-clip: border-box; } input.k-checkbox, .k-radio { display: inline; opacity: 0; width: 0; margin: 0; -webkit-appearance: none; overflow: hidden; } .k-ff input.k-checkbox, .k-ff .k-radio { position: absolute; } .k-checkbox-label, .k-radio-label { display: inline-block; position: relative; padding-left: 20px; vertical-align: text-top; line-height: 16px; cursor: pointer; border-style: solid; border-width: 0; } .k-checkbox-label:before { content: ""; position: absolute; top: 0; left: 0; border-width: 1px; border-style: solid; width: 16px; height: 16px; font-size: 16px; line-height: 16px; text-align: center; } .k-checkbox:indeterminate + .k-checkbox-label:after { content: ""; position: absolute; left: 8px; top: 8px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-width: 1px; border-style: solid; width: 8px; height: 8px; font-size: 16px; text-align: center; content: " "; } .k-checkbox:checked + .k-checkbox-label:before { content: "\2713"; } .k-checkbox:disabled + .k-checkbox-label { cursor: auto; } .k-radio-label:before { content: ""; position: absolute; top: 0; left: 0; width: 14px; height: 14px; border-style: solid; } .k-radio:checked + .k-radio-label:after { content: ""; width: 10px; height: 10px; position: absolute; top: 3px; left: 3px; } .k-radio:disabled + .k-radio-label { cursor: auto; } .k-ie8 input.k-checkbox, .k-ie8 .k-radio { display: inline-block; width: auto; } .k-ie8 .k-checkbox-label, .k-ie8 .k-radio-label { padding-left: 0; } .k-ie8 .k-checkbox-label:before, .k-ie8 .k-radio-label:before, .k-ie8 .k-radio-label:after { display: none; } /* RTL for checkboxes and radio buttons */ .k-rtl .k-checkbox-label, .k-rtl .k-radio-label { padding-right: 1.5em; } .k-rtl .k-checkbox-label:before, .k-rtl .k-radio-label:before { right: 0; } .k-rtl .k-radio:checked + .k-radio-label:after { right: 3px; } input.k-checkbox + label { -webkit-user-select: none; } /* Off-screen container used during export */ .k-pdf-export-shadow { position: absolute; overflow: hidden; left: -15000px; width: 14400px; } .km-native-scroller { overflow: auto; -webkit-overflow-scrolling: touch; -ms-touch-action: pan-x pan-y; -ms-overflow-style: -ms-autohiding-scrollbar; -ms-scroll-snap-type: proximity; } /* Font Icons */ .k-icon, .k-font-icon, .k-font-icon.k-icon, .k-font-icon.k-tool-icon { position: relative; display: inline-block; overflow: hidden; width: 1em; height: 1em; text-align: center; vertical-align: middle; background-image: none; font: 16px/1 'WebComponentsIcons'; speak: none; font-variant: normal; text-transform: none; text-indent: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow: visible; color: inherit; } .k-icon:before, .k-font-icon:before { width: 1em; height: 1em; display: inline-block; } .k-icon, .k-tool-icon, .k-i-drag-and-drop, .k-column-menu .k-sprite, .k-grid-mobile .k-resize-handle-inner:before, .k-grid-mobile .k-resize-handle-inner:after, .k-pager-numbers .k-current-page .k-link:after, .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after, .k-gantt-views > .k-current-view > .k-link:after { position: relative; display: inline-block; overflow: hidden; width: 1em; height: 1em; text-align: center; vertical-align: middle; background-image: none; font: 16px/1 'WebComponentsIcons'; speak: none; font-variant: normal; text-transform: none; text-indent: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .k-icon:before { width: initial; height: initial; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 1em; line-height: 1; } .k-button.k-button-icon .k-icon, .k-grid-filter .k-icon, .k-header .k-icon { text-indent: -99999px; } .k-button.k-button-icon .k-icon:before, .k-grid-filter .k-icon:before, .k-header .k-icon:before { text-indent: 0; } /* Sprite icons */ .k-sprite { width: 16px; height: 16px; font-size: 0; line-height: 0; text-align: center; background-repeat: no-repeat; background-color: transparent; display: inline-block; overflow: hidden; -ms-high-contrast-adjust: none; } /* responsive panel */ .k-rpanel-left { -webkit-transform: translateX(-100%) translateZ(0); -ms-transform: translateX(-100%) translateZ(0); transform: translateX(-100%) translateZ(0); left: 0; } .k-rpanel-right { -webkit-transform: translateX(100%) translateZ(0); -ms-transform: translateX(100%) translateZ(0); transform: translateX(100%) translateZ(0); right: 0; } .k-rpanel-left, .k-rpanel-right { position: fixed; display: block; overflow: auto; min-width: 320px; height: 100%; top: 0; } .k-rpanel-left.k-rpanel-expanded, .k-rpanel-right.k-rpanel-expanded { -webkit-transform: translateX(0) translateZ(0); -ms-transform: translateX(0) translateZ(0); transform: translateX(0) translateZ(0); } .k-rpanel-left + *, .k-rpanel-right + * { overflow: auto; } .k-ie9 .k-rpanel-left { left: -100%; } .k-ie9 .k-rpanel-left.k-rpanel-expanded { left: 0; } .k-rpanel-top { position: static; max-height: 0; } .k-rpanel-top.k-rpanel-expanded { max-height: 568px; overflow: visible !important; } .k-edit-form { margin: 0; padding: 0; } .k-window > div.k-popup-edit-form { padding: 1em 0; } .k-grid-edit-row .k-edit-form td { border-bottom-width: 0; } .k-edit-form-container { position: relative; width: 400px; } .k-edit-label, .k-edit-form-container .editor-label { float: left; clear: both; width: 30%; padding: .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-form-container .k-button { margin: 0 .16em; } .k-edit-field > input[type="checkbox"]:first-child, .k-edit-field > input[type="radio"]:first-child, .k-edit-field > label:first-child > input[type="checkbox"], .k-edit-field > .k-button:first-child { margin-left: 0; } .k-edit-form-container .k-edit-buttons { clear: both; text-align: right; border-width: 1px 0 0; border-style: solid; position: relative; bottom: -1em; padding: .6em; } /* Window */ 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; /* icon size */ } .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-window-titlebar .k-window-actions { position: absolute; top: 0; right: .3em; padding-top: .3em; white-space: nowrap; } .k-window-titlebar .k-window-action { width: 22px; height: 22px; padding: 2px; } .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: 6px; height: 6px; cursor: se-resize; } .k-resize-sw { bottom: -3px; left: -3px; width: 6px; height: 6px; cursor: sw-resize; } .k-resize-ne { top: -3px; right: -3px; width: 6px; height: 6px; cursor: ne-resize; } .k-resize-nw { top: -3px; left: -3px; width: 6px; height: 6px; cursor: nw-resize; } .k-overlay { position: fixed; top: 0; left: 0; z-index: 10001; width: 100%; height: 100%; background-color: #000; 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-action-buttons { clear: both; text-align: right; border-width: 1px 0 0; border-style: solid; position: relative; bottom: -1em; padding: .6em; margin: 0 -1em; } .k-action-buttons .k-button { display: inline-block; margin: 0 0 0 6px; min-width: 75px; } /* TabStrip */ .k-tabstrip { margin: 0; padding: 0; zoom: 1; position: relative; } .k-tabstrip-items { padding: 0.3em 0.3em 0; } .k-tabstrip-scrollable .k-tabstrip-items { white-space: nowrap; overflow: hidden; } .k-tabstrip > .k-button { position: absolute; top: .4em; z-index: 2; user-select: none; } .k-tabstrip-bottom > .k-button { top: auto; bottom: .4em; } .k-tabstrip-prev { left: .4em; } .k-tabstrip-next { right: .4em; } .k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item { list-style-type: none; display: inline-block; position: relative; border-style: solid; border-width: 1px 1px 0; 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-top .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-top .k-tabstrip-items .k-state-active { border-bottom-width: 1px; margin-bottom: -2px; padding-bottom: 0px; } .k-tabstrip-items .k-tab-on-top { z-index: 1; } .k-tabstrip-items .k-link, .k-panelbar .k-tabstrip-items .k-link { display: inline-block; border-bottom-width: 0; padding: .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; } /* TabStrip Loading Progress */ .k-tabstrip-items .k-loading { top: 0; left: 0; height: 0; width: 20%; position: absolute; background: transparent; border-top: 1px solid transparent; border-color: inherit; transition: width 200ms linear; transition: "width 200ms linear"; animation: k-tab-loader 1s ease-in-out infinite; } .k-tabstrip-items .k-progress { animation: none; } .k-tabstrip-items .k-loading.k-complete { width: 100%; animation: none; } .k-tabstrip > .k-content, .k-panelbar .k-tabstrip > .k-content { position: static; border-style: solid; border-width: 1px; margin: 0 .286em .3em; padding: .92em; zoom: 1; } .k-tabstrip > .k-content { display: none; overflow: auto; } .k-tabstrip > .k-content.km-scroll-wrapper { padding: 0; } .k-tabstrip > .k-content > .km-scroll-container { padding: .3em .92em; } @keyframes k-tab-loader { 0% { left: 0; } 50% { left: 80%; } 100% { left: 0; } } /* left and right tabs */ .k-tabstrip-left > div.k-content, .k-tabstrip-right > div.k-content { margin: .286em .3em; } .k-tabstrip-left > .k-tabstrip-items .k-item, .k-tabstrip-right > .k-tabstrip-items .k-item { display: block; margin-bottom: -1px; } .k-tabstrip-left > .k-tabstrip-items .k-link, .k-tabstrip-right > .k-tabstrip-items .k-link { display: block; } .k-tabstrip-left > .k-tabstrip-items .k-tab-on-top, .k-tabstrip-right > .k-tabstrip-items .k-tab-on-top, .k-tabstrip-left > .k-tabstrip-items .k-state-active, .k-tabstrip-right > .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-left > .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-right > .k-tabstrip-items .k-state-active { margin-bottom: -1px; padding-bottom: 0; } /* left tabs */ .k-tabstrip-left > .k-tabstrip-items { float: left; padding: .25em 0 .3em .3em; } .k-tabstrip-left > .k-tabstrip-items .k-item { border-width: 1px 0 1px 1px; border-radius: 3px 0 0 3px; } .k-tabstrip-left > .k-tabstrip-items .k-state-active { border-width: 1px 0 1px 1px; } .k-tabstrip-left > .k-tabstrip-items .k-tab-on-top, .k-tabstrip-left > .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-left > .k-tabstrip-items .k-state-active { margin-right: -2px; padding-right: 1px; } /* right tabs */ .k-tabstrip-right > .k-tabstrip-items { float: right; padding: .25em .3em .3em 0; } .k-tabstrip-right > .k-tabstrip-items .k-item { border-width: 1px 1px 1px 0; border-radius: 0 3px 3px 0; } .k-tabstrip-right > .k-tabstrip-items .k-state-active { border-width: 1px 1px 1px 0; } .k-tabstrip-right > .k-tabstrip-items .k-tab-on-top, .k-tabstrip-right > .k-tabstrip-items .k-state-active, .k-panelbar .k-tabstrip-right > .k-tabstrip-items .k-state-active { margin-left: -1px; padding-left: 1px; } /* bottom tabs */ .k-tabstrip-bottom > .k-tabstrip-items { margin-top: -1px; padding: 0 .3em .3em; } .k-tabstrip-bottom > .k-content, .k-panelbar .k-tabstrip-bottom > .k-content { margin: .3em .286em 0; z-index: 1; position: relative; } .k-tabstrip-bottom > .k-tabstrip-items .k-item { border-width: 0 1px 1px; border-radius: 0 0 4px 4px; } .k-tabstrip-bottom > .k-tabstrip-items .k-state-active { margin-bottom: 0; padding-bottom: 0; } .k-tabstrip-bottom > .k-content { min-height: 100px; } .k-tabstrip-bottom > .k-tabstrip-items .k-loading { top: auto; bottom: 0; } /* PanelBar */ .k-panelbar { zoom: 1; } .k-panelbar > .k-item, .k-panel > .k-item { list-style-type: none; display: block; border-width: 0; margin: 0; zoom: 1; border-radius: 0; } .k-panelbar .k-link > .k-image, .k-panelbar .k-link > .k-sprite { 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-icon, .k-panelbar-collapse.k-icon { position: absolute; top: 50%; right: 4px; margin-top: -8px; } .k-panelbar .k-panel, .k-panelbar .k-content { position: relative; border-bottom-style: solid; border-bottom-width: 1px; margin: 0; padding: 0; zoom: 1; } .k-panel > .k-item > .k-link { border-bottom: 0; font-size: .95em; line-height: 2.2; } .k-panel .k-panel > .k-item > .k-link { padding-left: 2em; } .k-panelbar .k-i-arrow-end-right .k-link { border-bottom: 0; } .k-panel .k-panel { border-bottom: 0; } .k-pager-wrap { clear: both; overflow: hidden; position: relative; border-style: solid; border-width: 1px; line-height: 2.0em; padding: 0.333em 0 0.333em 0.250em; } .k-pager-numbers .k-link, .k-pager-numbers .k-state-selected { display: inline-block; vertical-align: top; margin-right: 1px; } .k-pager-numbers { margin: 0 2px; } .k-pager-numbers .k-state-selected { vertical-align: top; } .k-pager-numbers .k-current-page { display: none; } .k-pager-numbers li, .k-pager-input { float: left; } .k-pager-info { float: right; padding: 0 1.333em; } .k-pager-numbers .k-link { text-decoration: none; } .k-pager-wrap > .k-link, .k-pager-numbers .k-link, .k-pager-numbers .k-state-selected { min-width: 2em; } .k-pager-wrap > .k-link { float: left; margin: 0 0.08333em; height: 2em; /*IE7*/ line-height: 2em; /*IE7*/ border-radius: 1.0833em; cursor: pointer; text-align: center; } .k-pager-wrap > a.k-state-disabled:hover { background: none; cursor: default; } .k-pager-numbers .k-link { text-align: center; line-height: 2em; border-style: solid; border-width: 1px; border-radius: 1.0833em; } .k-pager-wrap > .k-link { border-style: solid; border-width: 1px; } .k-pager-wrap .k-pager-refresh { float: right; margin-right: 0.5em; border-width: 0; border-radius: 0; } .k-pager-numbers .k-state-selected { border-style: solid; border-width: 1px; text-align: center; border-radius: 1.0833em; } .k-pager-wrap .k-textbox { width: 3.333em; } .k-pager-wrap .k-dropdown { width: 4.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-pager-wrap .k-textbox, .k-pager-wrap .k-widget { margin: 0 .4em 0; } @media only screen and (max-width: 1024px) { .k-webkit .k-pager-wrap, .k-ff .k-pager-wrap, .k-ie11 .k-pager-wrap, .k-edge .k-pager-wrap, .k-safari .k-pager-wrap { overflow: visible; min-height: 2.1em; } .k-webkit .k-pager-wrap .k-pager-nav, .k-ff .k-pager-wrap .k-pager-nav, .k-ie11 .k-pager-wrap .k-pager-nav, .k-edge .k-pager-wrap .k-pager-nav, .k-safari .k-pager-wrap .k-pager-nav, .k-webkit .k-pager-input, .k-ff .k-pager-input, .k-ie11 .k-pager-input, .k-edge .k-pager-input, .k-safari .k-pager-input { display: inline-block; vertical-align: top; } .k-webkit .k-pager-numbers, .k-ff .k-pager-numbers, .k-ie11 .k-pager-numbers, .k-edge .k-pager-numbers, .k-safari .k-pager-numbers { position: absolute; left: 4.8em; display: inline-flex; flex-direction: column-reverse; overflow: visible; height: auto; } .k-webkit .k-pager-numbers:first-child, .k-ff .k-pager-numbers:first-child, .k-ie11 .k-pager-numbers:first-child, .k-edge .k-pager-numbers:first-child, .k-safari .k-pager-numbers:first-child { left: .2em; } .k-webkit .k-pager-numbers.k-state-expanded, .k-ff .k-pager-numbers.k-state-expanded, .k-ie11 .k-pager-numbers.k-state-expanded, .k-edge .k-pager-numbers.k-state-expanded, .k-safari .k-pager-numbers.k-state-expanded { transform: translatey(-100%); -webkit-transform: translatey(-100%); } .k-webkit .km-pane-wrapper .k-pager-numbers, .k-ff .km-pane-wrapper .k-pager-numbers, .k-ie11 .km-pane-wrapper .k-pager-numbers, .k-edge .km-pane-wrapper .k-pager-numbers, .k-safari .km-pane-wrapper .k-pager-numbers { position: relative; left: 50%; transform: translate(-50%, -100%); -webkit-transform: translate(-50%, -100%); } .k-webkit .km-pane-wrapper .k-pager-numbers .k-link, .k-ff .km-pane-wrapper .k-pager-numbers .k-link, .k-ie11 .km-pane-wrapper .k-pager-numbers .k-link, .k-edge .km-pane-wrapper .k-pager-numbers .k-link, .k-safari .km-pane-wrapper .k-pager-numbers .k-link, .k-webkit .km-pane-wrapper .k-pager-numbers .k-state-selected, .k-ff .km-pane-wrapper .k-pager-numbers .k-state-selected, .k-ie11 .km-pane-wrapper .k-pager-numbers .k-state-selected, .k-edge .km-pane-wrapper .k-pager-numbers .k-state-selected, .k-safari .km-pane-wrapper .k-pager-numbers .k-state-selected, .k-webkit .km-pane-wrapper .k-pager-wrap > .k-link, .k-ff .km-pane-wrapper .k-pager-wrap > .k-link, .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-link, .k-edge .km-pane-wrapper .k-pager-wrap > .k-link, .k-safari .km-pane-wrapper .k-pager-wrap > .k-link, .k-webkit .km-pane-wrapper .k-pager-wrap > .k-pager-info, .k-ff .km-pane-wrapper .k-pager-wrap > .k-pager-info, .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-pager-info, .k-edge .km-pane-wrapper .k-pager-wrap > .k-pager-info, .k-safari .km-pane-wrapper .k-pager-wrap > .k-pager-info { padding-top: 0; padding-bottom: 0; } .k-webkit .k-rtl .k-pager-numbers, .k-ff .k-rtl .k-pager-numbers, .k-ie11 .k-rtl .k-pager-numbers, .k-edge .k-rtl .k-pager-numbers, .k-safari .k-rtl .k-pager-numbers { left: auto; right: 4.8em; width: 4.5em; } .k-webkit .k-rtl .k-pager-numbers:first-child, .k-ff .k-rtl .k-pager-numbers:first-child, .k-ie11 .k-rtl .k-pager-numbers:first-child, .k-edge .k-rtl .k-pager-numbers:first-child, .k-safari .k-rtl .k-pager-numbers:first-child { left: auto; right: .2em; } .k-webkit .k-rtl .km-pane-wrapper .k-pager-numbers, .k-ff .k-rtl .km-pane-wrapper .k-pager-numbers, .k-ie11 .k-rtl .km-pane-wrapper .k-pager-numbers, .k-edge .k-rtl .km-pane-wrapper .k-pager-numbers, .k-safari .k-rtl .km-pane-wrapper .k-pager-numbers { right: 5.8em; } .k-webkit .k-pager-numbers .k-current-page, .k-ff .k-pager-numbers .k-current-page, .k-ie11 .k-pager-numbers .k-current-page, .k-edge .k-pager-numbers .k-current-page, .k-safari .k-pager-numbers .k-current-page { display: block; border-left: 0; } .k-webkit .k-pager-numbers.k-state-expanded .k-current-page, .k-ff .k-pager-numbers.k-state-expanded .k-current-page, .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page, .k-edge .k-pager-numbers.k-state-expanded .k-current-page, .k-safari .k-pager-numbers.k-state-expanded .k-current-page { transform: translatey(100%); -webkit-transform: translatey(100%); } .k-webkit .k-pager-numbers li:not(.k-current-page), .k-ff .k-pager-numbers li:not(.k-current-page), .k-ie11 .k-pager-numbers li:not(.k-current-page), .k-edge .k-pager-numbers li:not(.k-current-page), .k-safari .k-pager-numbers li:not(.k-current-page) { display: none; } .k-webkit .k-pager-numbers .k-current-page .k-link, .k-ff .k-pager-numbers .k-current-page .k-link, .k-ie11 .k-pager-numbers .k-current-page .k-link, .k-edge .k-pager-numbers .k-current-page .k-link, .k-safari .k-pager-numbers .k-current-page .k-link { width: 3.2em; padding: 0 .429em 0 .714em; border-radius: 1.0833em; } .k-webkit .k-pager-numbers + .k-link, .k-ff .k-pager-numbers + .k-link, .k-ie11 .k-pager-numbers + .k-link, .k-edge .k-pager-numbers + .k-link, .k-safari .k-pager-numbers + .k-link { margin-left: 4.8em; } .k-webkit .k-rtl .k-pager-numbers + .k-link, .k-ff .k-rtl .k-pager-numbers + .k-link, .k-ie11 .k-rtl .k-pager-numbers + .k-link, .k-edge .k-rtl .k-pager-numbers + .k-link, .k-safari .k-rtl .k-pager-numbers + .k-link { margin-right: 5.1em; margin-left: 0; } .k-webkit .k-pager-numbers .k-state-selected, .k-ff .k-pager-numbers .k-state-selected, .k-ie11 .k-pager-numbers .k-state-selected, .k-edge .k-pager-numbers .k-state-selected, .k-safari .k-pager-numbers .k-state-selected, .k-webkit .k-pager-numbers .k-link, .k-ff .k-pager-numbers .k-link, .k-ie11 .k-pager-numbers .k-link, .k-edge .k-pager-numbers .k-link, .k-safari .k-pager-numbers .k-link { display: block; margin-right: 0; padding: 1px 5px 1px 5px; text-align: left; } .k-webkit .k-pager-numbers.k-state-expanded, .k-ff .k-pager-numbers.k-state-expanded, .k-ie11 .k-pager-numbers.k-state-expanded, .k-edge .k-pager-numbers.k-state-expanded, .k-safari .k-pager-numbers.k-state-expanded { box-sizing: border-box; padding: 2px 2px 0; } .k-webkit .k-pager-numbers.k-state-expanded .k-current-page, .k-ff .k-pager-numbers.k-state-expanded .k-current-page, .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page, .k-edge .k-pager-numbers.k-state-expanded .k-current-page, .k-safari .k-pager-numbers.k-state-expanded .k-current-page { margin: -2em -3px 0; padding: 0; } .k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-ff .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-edge .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-safari .k-pager-numbers.k-state-expanded .k-current-page .k-link { border-radius: 0 0 1.0833em 1.0833em; } .k-webkit .k-pager-numbers.k-state-expanded li, .k-ff .k-pager-numbers.k-state-expanded li, .k-ie11 .k-pager-numbers.k-state-expanded li, .k-edge .k-pager-numbers.k-state-expanded li, .k-safari .k-pager-numbers.k-state-expanded li { display: inline-block; } } @media only screen and (max-width: 640px) { .k-webkit .k-pager-info, .k-ff .k-pager-info, .k-ie11 .k-pager-info, .k-edge .k-pager-info, .k-safari .k-pager-info { display: none; } } @media only screen and (max-width: 480px) { .k-webkit .k-pager-sizes, .k-ff .k-pager-sizes, .k-ie11 .k-pager-sizes, .k-edge .k-pager-sizes, .k-safari .k-pager-sizes { display: none; } } .k-rtl .k-pager-wrap .k-i-seek-e, .k-rtl .k-pager-wrap .k-i-seek-w, .k-rtl .k-pager-wrap .k-i-arrow-e, .k-rtl .k-pager-wrap .k-i-arrow-w { transform: scaleX(-1); } /* Menu */ .k-menu { cursor: default; } .k-menu .k-link { white-space: nowrap; } .k-menu, .k-menu-scroll-wrapper .k-menu-group, .k-popups-wrapper .k-menu-group, .k-menu .k-menu-group { list-style: none; margin: 0; padding: 0; zoom: 1; } .k-menu:after { content: ''; display: block; width: 99%; height: 0; float: inherit; clear: both; } .k-menu-scroll-wrapper .k-item, .k-popups-wrapper .k-item, .k-menu .k-item { -webkit-user-select: none; -moz-user-select: -moz-none; user-select: none; } .k-menu-scroll-wrapper .k-item div, .k-popups-wrapper .k-item div, .k-menu .k-item div { user-select: default; } .k-popups-wrapper .k-item .k-item, .k-popups-wrapper.vertical > .k-item, .k-menu-scroll-wrapper .k-item .k-item, .k-menu-scroll-wrapper.vertical > .k-item, .k-menu .k-item .k-item, ul.k-menu-vertical > .k-item { display: block; float: none; border-width: 0; } .k-menu-scroll-wrapper .k-item > .k-link > .k-icon, .k-menu-scroll-wrapper .k-image, .k-menu-scroll-wrapper .k-sprite, .k-popups-wrapper .k-item > .k-link > .k-icon, .k-popups-wrapper .k-image, .k-popups-wrapper .k-sprite, .k-menu .k-item > .k-link > .k-icon, .k-menu .k-image, .k-menu .k-sprite { margin: -2px 4px 0 -4px; vertical-align: middle; } .k-menu-scroll-wrapper .k-item > .k-link > .k-icon, .k-popups-wrapper .k-item > .k-link > .k-icon, .k-menu .k-item > .k-link > .k-icon { margin: -2px 0 0; } .k-menu-scroll-wrapper .k-item > .k-link, .k-popups-wrapper .k-item > .k-link, .k-menu .k-item > .k-link { display: block; padding: 1.071em; line-height: 1.34em; user-select: none; } .k-menu-scroll-wrapper .k-menu-group, .k-popups-wrapper .k-menu-group, .k-menu .k-menu-group { display: none; border-style: solid; border-width: 1px; overflow: visible; white-space: nowrap; } .k-menu-scroll-wrapper .k-menu-group > .k-item, .k-popups-wrapper .k-menu-group > .k-item, .k-menu .k-menu-group > .k-item { display: block; border-width: 0; } .k-menu-scroll-wrapper .k-item, .k-menu-scroll-wrapper.horizontal > .k-item, .k-popups-wrapper .k-item, .k-popups-wrapper.horizontal > .k-item, .k-menu .k-item, .k-widget.k-menu-horizontal > .k-item { position: relative; float: left; border-style: solid; border-width: 0 1px 0 0; vertical-align: top; zoom: 1; box-sizing: content-box; } .k-menu-scroll-wrapper .k-menu-group .k-item > .k-link, .k-popups-wrapper.vertical > .k-item > .k-link, .k-context-menu.k-menu-vertical > .k-item > .k-link, .k-menu .k-menu-group .k-item > .k-link { padding: .28em 1.8em .38em .9em; } .k-popups-wrapper.horizontal > .k-separator, .k-context-menu.k-menu-horizontal > .k-separator { display: none; } .k-popups-wrapper.horizontal > .k-item, .k-context-menu.k-menu-horizontal > .k-item { box-sizing: border-box; } .k-popups-wrapper.horizontal > .k-last, .k-context-menu.k-menu-horizontal > .k-last { border: 0; } .k-menu-scroll-wrapper .k-item > .k-link > .k-i-arrow-60-down, .k-popups-wrapper .k-item > .k-link > .k-i-arrow-60-down, .k-menu .k-item > .k-link > .k-i-arrow-60-down { margin-right: -8px; } .k-menu-scroll-wrapper .k-item > .k-link > .k-i-arrow-60-right, .k-popups-wrapper .k-item > .k-link > .k-i-arrow-60-right, .k-menu .k-item > .k-link > .k-i-arrow-60-right { position: absolute; top: 50%; margin-top: -8px; right: 2px; right: .2rem; } .k-menu-scroll-wrapper .k-animation-container, .k-popups-wrapper .k-animation-container, .k-menu .k-animation-container { border: 0; } .k-menu-scroll-wrapper .k-animation-container, .k-menu-scroll-wrapper .k-menu-group, .k-popups-wrapper .k-animation-container, .k-popups-wrapper .k-menu-group, .k-menu .k-animation-container, .k-menu .k-menu-group { position: absolute; left: 0; } .k-menu-scroll-wrapper .k-animation-container .k-animation-container, .k-menu-scroll-wrapper .k-menu-group .k-menu-group, .k-menu-scroll-wrapper.vertical .k-animation-container, .k-menu-scroll-wrapper.vertical .k-menu-group, .k-popups-wrapper .k-animation-container .k-animation-container, .k-popups-wrapper .k-menu-group .k-menu-group, .k-popups-wrapper.vertical .k-animation-container, .k-popups-wrapper.vertical .k-menu-group, .k-menu .k-animation-container .k-animation-container, .k-menu .k-menu-group .k-menu-group, .k-menu-vertical .k-animation-container, .k-menu-vertical .k-menu-group { top: 0; left: 0; } .k-menu-scroll-wrapper .k-animation-container .k-menu-group, .k-popups-wrapper .k-animation-container .k-menu-group, .k-menu .k-animation-container .k-menu-group { top: auto; left: auto; margin-left: -1px; } .k-menu .k-animation-container, .k-menu-scroll-wrapper .k-animation-container, .k-popups-wrapper .k-animation-container, .k-popup .k-animation-container { margin-top: -1px; padding-left: 1px; } .k-ie .k-menu .k-animation-container, .k-ie .k-menu-scroll-wrapper .k-animation-container, .k-ie .k-popups-wrapper .k-animation-container, .k-ie .k-popup .k-animation-container { margin-top: -2px; } .k-popup .k-animation-container .k-popup { margin-left: -1px; } .k-menu-scroll-wrapper .k-separator, .k-popups-wrapper .k-separator, ul.k-menu .k-separator { padding: 0.25em 0; height: 100%; width: 1px; font-size: 0; line-height: 0; border-width: 0 1px 0 0; } .k-menu-scroll-wrapper.vertical .k-separator, .k-menu-scroll-wrapper.vertical .k-menu-group .k-separator, .k-popups-wrapper.vertical .k-separator, .k-popups-wrapper.vertical .k-menu-group .k-separator, ul.k-menu-vertical .k-separator, .k-menu .k-menu-group .k-separator { padding: 0; height: 1px; width: 100%; border-width: 1px 0 0; } .k-popups-wrapper .k-widget.k-menu, .k-menu-scroll-wrapper .k-widget.k-menu { white-space: nowrap; overflow: hidden; } .k-popups-wrapper.vertical .k-menu.k-menu-vertical, .k-menu-scroll-wrapper.vertical .k-menu.k-menu-vertical { height: 100%; box-sizing: border-box; } .k-popups-wrapper.horizontal .k-menu.k-menu-horizontal > .k-item, .k-menu-scroll-wrapper.horizontal .k-menu.k-menu-horizontal > .k-item { display: inline-block; overflow: hidden; float: none; } .k-popups-wrapper.vertical .k-menu.k-menu-vertical > .k-item, .k-menu-scroll-wrapper.vertical .k-menu.k-menu-vertical > .k-item { overflow: hidden; } .k-popups-wrapper, .k-menu-scroll-wrapper { position: relative; border: 0; margin: 0; padding: 0; } .k-popups-wrapper.vertical, .k-menu-scroll-wrapper.vertical { height: 100%; } .k-popups-wrapper > .k-animation-container .k-item, .k-menu-scroll-wrapper > .k-animation-container .k-item { float: none; } .k-popups-wrapper .k-menu-scroll-button, .k-menu-scroll-wrapper .k-menu-scroll-button { border-radius: 0; position: absolute; display: none; } .k-popups-wrapper .k-scroll-up, .k-menu-scroll-wrapper .k-scroll-up { top: 0; left: 0; width: 100%; } .k-popups-wrapper .k-scroll-down, .k-menu-scroll-wrapper .k-scroll-down { bottom: 0; left: 0; width: 100%; } .k-popups-wrapper .k-scroll-up, .k-menu-scroll-wrapper .k-scroll-up, .k-popups-wrapper .k-scroll-down, .k-menu-scroll-wrapper .k-scroll-down { padding: 0em 0.7em; line-height: 0.2em; } .k-popups-wrapper .k-scroll-left, .k-menu-scroll-wrapper .k-scroll-left { top: 0; left: 0; height: 100%; } .k-popups-wrapper .k-scroll-right, .k-menu-scroll-wrapper .k-scroll-right { top: 0; right: 0; height: 100%; } .k-popups-wrapper .k-scroll-left, .k-menu-scroll-wrapper .k-scroll-left, .k-popups-wrapper .k-scroll-right, .k-menu-scroll-wrapper .k-scroll-right { width: 16px; padding-left: 0; padding-right: 0; } .k-popups-wrapper .k-scroll-left .k-icon, .k-menu-scroll-wrapper .k-scroll-left .k-icon, .k-popups-wrapper .k-scroll-right .k-icon, .k-menu-scroll-wrapper .k-scroll-right .k-icon { margin-top: -0.5em; position: absolute; top: 50%; left: 0; } /* Context Menu */ .k-context-menu { border: 0; user-select: none; } /* Calendar */ .k-calendar { position: relative; display: inline-block; width: 19em; overflow: hidden; } .k-week-number { width: 21.71428571em; } .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: 0.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: 14.167em; border-width: 0; margin: 0; table-layout: fixed; outline: 0; } .k-calendar .k-content, .k-calendar .k-content th { text-align: right; } .k-calendar .k-content .k-alt { border-radius: 0; text-align: center; font-weight: normal; cursor: default; line-height: 1.8333em; } .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: 0.16666em -0.08333em 0.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: 0.08333em; cursor: pointer; } .k-calendar .k-state-focus { border-style: dotted; border-width: 0.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-century .k-link { text-align: left; padding: 0 .45em; } .k-calendar .k-footer { clear: both; } .k-calendar .k-footer .k-nav-today, .k-calendar .k-footer > .k-state-disabled { display: block; height: 100%; padding: .5em 0; } .k-calendar .k-nav-today:hover { text-decoration: underline; } /* ComboBox & DropDownList */ span.k-datepicker, span.k-timepicker, span.k-datetimepicker, span.k-colorpicker, span.k-numerictextbox, span.k-combobox, span.k-dropdown, .k-toolbar .k-split-button { background-image: none; } .k-autocomplete, .k-combobox, .k-datepicker, .k-timepicker, .k-datetimepicker, .k-colorpicker, .k-numerictextbox, .k-dropdown, .k-selectbox, .k-textbox, .k-toolbar .k-split-button, .k-listbox { position: relative; display: inline-block; width: 12.4em; overflow: visible; border-width: 0; vertical-align: middle; } .k-autocomplete > .k-i-close, .k-combobox > .k-dropdown-wrap > .k-i-close, .k-multiselect > .k-multiselect-wrap > .k-i-close { display: none; position: absolute; right: 0; } .k-autocomplete > .k-i-close, .k-combobox > .k-dropdown-wrap > .k-i-close { bottom: 0; top: 50%; transform: translateY(-50%); } .k-ie8 .k-autocomplete > .k-i-close, .k-ie8 .k-combobox > .k-dropdown-wrap > .k-i-close { margin-top: -8px; } .k-combobox > .k-dropdown-wrap > .k-i-close { font-size: 100%; right: 2.4em; } .k-multiselect > .k-multiselect-wrap > .k-i-close { top: 6px; } .k-autocomplete > .k-i-close, .k-multiselect > .k-multiselect-wrap > .k-i-close { margin-right: 6px; } .k-autocomplete.k-state-hover > .k-i-close, .k-combobox > .k-dropdown-wrap.k-state-hover > .k-i-close, .k-autocomplete.k-state-focused > .k-i-close, .k-combobox > .k-dropdown-wrap.k-state-focused > .k-i-close { display: inline-block; outline: none; } .k-autocomplete > .k-hidden, .k-combobox > .k-dropdown-wrap > .k-hidden, .k-multiselect .k-hidden { display: none !important; } .k-multiselect.k-state-hover > .k-multiselect-wrap > .k-i-close, .k-multiselect.k-state-focused > .k-multiselect-wrap > .k-i-close { display: inline-block; outline: none; } .k-autocomplete.k-state-border-down > .k-i-close, .k-combobox > .k-dropdown-wrap.k-state-border-down > .k-i-close { margin-top: -1px; } .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-autocomplete, .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, .k-toolbar .k-split-button { white-space: nowrap; } .k-colorpicker, .k-toolbar .k-split-button { 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-i-link-horizontal, .k-header-column-menu { -webkit-touch-callout: none; } .k-list-scroller { position: relative; overflow: auto; } .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; } /*prevent missing bottom border at some zoom levels*/ span.k-textbox:after { content: "\a0"; display: block; height: .4px; overflow: hidden; } .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 { 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-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-dropdown-wrap .k-select { position: absolute; /* icon positioning */ 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; /* skin-related, inherit does not work in ie7- */ } span.k-datetimepicker .k-select, span.k-datetimepicker .k-select + .k-select { right: 0; } .k-textbox > input, .k-autocomplete .k-input { display: block; } .k-combobox .k-icon { /*margin-top: 1px;*/ } .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: 2.214em; line-height: 2.214em; padding: 0.177em 0; text-indent: 0.8em; border: 0; margin: 0; } .k-combobox .k-dropdown-wrap:before, .k-picker-wrap:before, .k-numeric-wrap:before { content: "\a0"; display: inline-block; width: 0; height: 2.214em; padding-bottom: 0.3em; } .k-combobox-clearable .k-input { padding-right: 1.9em; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; height: 2.568em; } /* fix missing bottom border on browser zoom in Chrome */ .k-webkit .k-combobox .k-dropdown-wrap:before, .k-webkit .k-picker-wrap:before, .k-webkit .k-numeric-wrap:before { padding-bottom: 0.38em; } /* above style breaks NumericTextBox layout due display:block style applied to the input */ .km.root .k-combobox .k-dropdown-wrap:before, .km.root .k-picker-wrap:before, .km.root .k-numeric-wrap:before { content: none; } .k-combobox .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input { display: inline; } .k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-dropdown-wrap .k-select { min-height: 2.214em; line-height: 2.564em; 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 { border-radius: 0; } .k-combobox .k-select, .k-dropdown, .k-selectbox .k-icon { cursor: pointer; } .k-popup { border-style: solid; border-width: 1px; } .k-popup .k-item, .k-list-optionlabel { cursor: default; } .k-popup .k-calendar { border: 0; } .k-list { height: auto; } .k-nodata { min-height: 138px; width: 100%; display: table; text-transform: uppercase; font-size: 0.85em; font-weight: lighter; } .k-nodata > div { display: table-cell; text-align: center; vertical-align: middle; padding: 11px; } .k-popup .k-list .k-item, .k-fieldselector .k-list .k-item, .k-list-optionlabel, .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header, .k-listbox .k-item, .k-item.k-drag-clue { padding: 1px 5px 1px 5px; line-height: 1.8em; min-height: 1.8em; } .k-popup .k-list .k-item, .k-listbox .k-item { border-width: 1px; border-style: solid; border-color: transparent; padding: 0 4px; } .k-popup .k-list .k-item > .k-group { top: -1px; } .k-group-header + div > .k-list > .k-item.k-first:before { content: " "; display: block; border-top-width: 1px; border-top-style: solid; position: absolute; top: -1px; left: 0; right: 0; } .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header { padding-right: 22px; } .k-overflow-container .k-item { padding: 1px; } .k-overflow-container > .k-state-disabled .k-button, .k-overflow-container .k-button.k-state-disabled, .k-overflow-container .k-button.k-state-disabled:hover { border: 0 ; background: none; } .k-popup .k-list .k-state-hover, .k-popup .k-list .k-state-focused, .k-popup .k-list .k-state-selected, .k-overflow-container .k-state-hover, .k-overflow-container .k-state-focused, .k-overflow-container .k-state-selected, .k-fieldselector .k-list .k-item, .k-list-optionlabel.k-state-focused, .k-list-optionlabel.k-state-selected, .k-listbox .k-item { padding: 0 4px; border-width: 1px; border-style: solid; } .k-list-filter { position: relative; margin-bottom: 2px; } .k-list-filter > .k-textbox { padding-right: 20px; width: 100%; } .k-list-filter > .k-icon { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); } .km-root .k-list-filter > .k-textbox { padding-left: 0; padding-right: 0; border-left-width: 0; border-right-width: 0; } /* MultiSelect */ .k-multiselect-wrap { position: relative; border-width: 0px; border-style: solid; border-radius: 4px; border-color: #C5C5C5; background-color: #FFF; min-height: 2.04em; padding-right: 22px; } .k-multiselect-wrap .k-input { background-color: transparent; height: 1.31em; line-height: 1.31em; padding: 0.18em 0; text-indent: 0.8em; border: 0; margin: 1px 0 0; float: left; } .k-multiselect-wrap .k-input::-ms-clear { display: none; } .k-multiselect-wrap li { margin: 1px 0 1px 1px; padding: .1em 1.6em .1em .4em; line-height: 2.064em; float: left; position: relative; } .k-autocomplete .k-i-loading, .k-multiselect .k-i-loading { position: absolute; right: 3px; bottom: 4px; } .k-multiselect-wrap .k-select { position: absolute; top: 0; bottom: 0; right: 0; padding: .03em .2em; } /* Date/Time Pickers */ .k-datetimepicker .k-picker-wrap { padding-right: 3.8em; } .k-datetimepicker .k-select { width: 3.8em; } .k-datetimepicker .k-select .k-link-date { margin-left: -0.285em; } .k-datetimepicker .k-select .k-link-time { margin-right: -0.285em; margin-left: .428em; } .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; } /* inputs */ .k-input { padding: 0.25em 0; } .k-input, .k-textbox > input { outline: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .k-textbox { outline: 0; } input.k-textbox, textarea.k-textbox { padding: 2px .3em; } input.k-textbox { height: 2.694em; text-indent: 0.8em; line-height: 1.6em; } .k-ie input.k-textbox { text-indent: 0.4em; } .k-ff input.k-textbox { height: 2.17em; } textarea.k-textbox { height: auto; } /* NumericTextBox */ 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; overflow: hidden; } .k-numerictextbox .k-icon { display: block; margin: auto; height: 100%; } .k-numerictextbox .k-i-arrow-60-up { top: 2px; } .k-numerictextbox .k-i-arrow-60-down { bottom: 2px; } .k-numeric-wrap .k-input::-webkit-inner-spin-button { -webkit-appearance: none; } /* ColorPicker */ .k-colorpicker .k-picker-wrap { line-height: 2em; } .k-colorpicker .k-selected-color { vertical-align: top; display: inline-block; height: 2em; width: 2em; } .k-colorpicker .k-selected-color .k-i-line { font-size: 2em; color: #FF525E; display: inline-block; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .k-colorpicker .k-selected-color .k-i-line:before { content: "\e510"; } .k-colorpicker .k-tool-icon { position: relative; top: -2px; display: inline-block; padding: 3px 3px 2px; 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-select { cursor: pointer; } .k-colorpicker .k-picker-wrap .k-icon { overflow: visible; } .k-disabled-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0.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, .k-colorpalette .k-item.k-state-selected:hover { z-index: 100; background: transparent; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.45); position: relative; } .k-colorpalette .k-item:hover { z-index: 101; position: relative; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.3); } .k-flatcolorpicker { position: relative; display: inline-block; width: 265px; 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 .1em .65em .65em; border: 0; margin: 0; width: 82%; } .k-flatcolorpicker .k-selected-color .k-color-input { background-color: #fff; display: inline-block; width: 84%; text-align: left; } .k-flatcolorpicker .k-selected-color .k-clear-color { padding: .4em; line-height: 0; } .k-flatcolorpicker .k-selected-color .k-clear-color .k-i-reset-color:before { color: #000; opacity: 0.8; } .k-flatcolorpicker .k-selected-color .k-clear-color .k-i-reset-color:hover, .k-flatcolorpicker .k-selected-color .k-clear-color .k-i-reset-color:active { opacity: 1; } .k-flatcolorpicker .k-clear-color-container .k-clear-color.k-state-focused:active { color: inherit; } .k-flatcolorpicker .k-clear-color-container .k-clear-color:active { color: #000; opacity: 1; } .k-flatcolorpicker .k-selected-color .k-clear-color .k-i-reset-color, .k-flatcolorpicker .k-clear-color-container .k-clear-color .k-i-reset-color { background-image: none; } .k-flatcolorpicker .k-clear-color-container { text-align: left; } .k-flatcolorpicker .k-hsv-rectangle { position: relative; 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; border-radius: 6px; 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; 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 { 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; 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; box-shadow: 0 1px 5px #000; border-width: 2px; padding: 1px; } .k-flatcolorpicker .k-hue-slider .k-slider-track { background: linear-gradient(to right, #ff0000 0%, #ffff00 16%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 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: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%), linear-gradient(to right, #ffffff 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-ie8 .k-flatcolorpicker .k-hue-slider .k-slider-track { background: url("../textures/hue.png") repeat 0 50%; } .k-ie8 .k-flatcolorpicker .k-transparency-slider .k-slider-track { background: url("../textures/transparency.png") repeat 0 50%; } .k-ie8 .k-flatcolorpicker .k-hsv-gradient { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#00ffffff',GradientType=1) progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#ff000000',GradientType=0); } .k-rtl .k-multiselect-wrap { padding-right: 0; padding-left: 22px; } .k-maskedtextbox { position: relative; display: inline-block; background-color: transparent; border-width: 0; } .k-maskedtextbox ::-ms-clear { display: none; width: 0; height: 0; } .k-maskedtextbox .k-i-warning { display: none; position: absolute; width: 1.9em; right: 0; top: 50%; transform: translateY(-50%); } .k-maskedtextbox.k-state-invalid .k-i-warning { display: inline-block; } .k-dateinput { position: relative; display: inline-block; border-width: 0; } .k-dateinput.k-widget { background-color: transparent; } .k-dateinput ::-ms-clear { display: none; width: 0; height: 0; } .k-dateinput .k-i-warning { display: none; position: absolute; right: 0; top: 50%; transform: translateY(-50%); overflow: visible; } .k-dateinput.k-state-invalid .k-i-warning { display: inline-block; } .k-datepicker .k-picker-wrap .k-i-warning { display: none; position: absolute; right: 0; top: 50%; transform: translateY(-50%); overflow: visible; } .k-datepicker .k-picker-wrap.k-state-invalid .k-i-warning { display: inline-block; } .k-listbox { box-sizing: border-box; height: 200px; } .k-listbox.k-widget { background-color: transparent; } .k-listbox .k-list-scroller { height: 100%; overflow: auto; border-width: 1px; border-style: solid; box-sizing: border-box; } .k-listbox .k-list-scroller li { cursor: default; -moz-user-select: none; -ms-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; } .k-listbox .k-listbox-toolbar { box-sizing: border-box; } .k-listbox.k-listbox-toolbar-top { padding: 15px 0 1.42857143em; } .k-listbox.k-listbox-toolbar-top .k-listbox-toolbar { margin-top: -15px; margin-bottom: 5px; } .k-listbox.k-listbox-toolbar-top .k-listbox-toolbar li { display: inline-block; } .k-listbox.k-listbox-toolbar-top .k-listbox-toolbar li + li { margin-left: 5px; } .k-listbox.k-listbox-toolbar-left .k-listbox-toolbar { float: left; margin-right: 5px; } .k-listbox.k-listbox-toolbar-left .k-listbox-toolbar li + li { margin-top: 5px; } .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar { float: right; margin-left: 5px; } .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar li:not(:last-child) { margin-bottom: 5px; } .k-listbox.k-listbox-toolbar-bottom { padding: 15px 0 1.45em; } .k-listbox.k-listbox-toolbar-bottom .k-list-scroller { margin-top: -15px; } .k-listbox.k-listbox-toolbar-bottom .k-listbox-toolbar { margin-top: 5px; } .k-listbox.k-listbox-toolbar-bottom .k-listbox-toolbar li { display: inline-block; } .k-listbox.k-listbox-toolbar-bottom .k-listbox-toolbar li + li { margin-left: 5px; } .k-listbox .k-ghost { opacity: .5; } /* Notification */ .k-notification-wrap { padding: .6em .5em; cursor: default; position: relative; white-space: nowrap; } .k-notification-button .k-notification-wrap { padding-right: 20px; } .k-notification-wrap > .k-i-information, .k-notification-wrap > .k-i-information, .k-notification-wrap > .k-i-information, .k-notification-wrap > .k-i-warning, .k-notification-wrap > .k-i-information { vertical-align: text-bottom; margin-right: 4px; } .k-notification-wrap > .k-i-close { position: absolute; top: 7px; right: 4px; display: none; } .k-notification-button .k-notification-wrap > .k-i-close { display: block; } /* Progressbar */ .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 0 1px 1px; } .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-top-left-radius: 4px; border-bottom-left-radius: 4px; border-left-width: 1px; } .k-progressbar-horizontal .k-last, .k-rtl .k-progressbar-horizontal .k-first { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .k-progressbar-horizontal.k-progressbar-reverse .k-last, .k-rtl .k-progressbar-horizontal .k-first { border-right-width: 1px; } .k-progressbar-horizontal .k-last.k-state-selected { 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-top-left-radius: 4px; border-top-right-radius: 4px; } .k-progressbar-vertical .k-last { border-bottom-left-radius: 4px; border-bottom-right-radius: 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 { transform: rotate(-90deg) translateX(-100%); transform-origin: 0 0; } .k-progressbar-vertical.k-progressbar-reverse .k-progress-status { transform: rotate(90deg) translateX(-100%); transform-origin: 0 100%; } .k-ie8 .k-progressbar-vertical .k-progress-status { writing-mode: bt-lr; padding: .5em 0; } /* Slider */ div.k-slider { position: relative; border-width: 0; background-color: transparent; user-select: none; } .k-slider-vertical { width: 26px; height: 200px; /* default height */ } .k-slider-horizontal { display: inline-block; width: 200px; /* default width */ 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-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-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; /*prevent window resize in IE8 when appending*/ } /* Tooltip */ .k-tooltip { position: absolute; z-index: 12000; border-style: solid; border-width: 0; padding: 5px 5px 5px 6px; background-repeat: repeat-x; min-width: 20px; /*slider tooltip only*/ text-align: center; /*slider tooltip only*/ } .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; pointer-events: none; } .k-callout-n { top: -12px; left: 50%; pointer-events: none; } .k-callout-w { top: 50%; left: -12px; pointer-events: none; } .k-callout-s { left: 50%; bottom: -12px; pointer-events: none; } .k-callout-e { top: 50%; right: -12px; pointer-events: none; } .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-i-warning { vertical-align: text-top; margin-right: 3px; } .k-tooltip-validation { z-index: 9999; } /* Toolbar */ .k-toolbar { position: relative; display: block; vertical-align: middle; line-height: 2.9em; } .k-toolbar .k-button .k-icon, .k-toolbar .k-button .k-sprite, .k-overflow-container .k-button .k-icon, .k-overflow-container .k-button .k-sprite { vertical-align: middle; margin-top: -7px; margin-bottom: -5px; } .k-toolbar .k-input { line-height: inherit; height: inherit; padding-top: 2px; padding-bottom: 2px; } .k-toolbar .k-input:before { content: "\a0"; display: inline-block; width: 0; } .k-ie .k-toolbar .k-input { height: 1.65em; } .k-toolbar .k-combobox .k-dropdown-wrap:before, .k-toolbar .k-picker-wrap:before, .k-toolbar .k-numeric-wrap:before { display: none; } .k-overflow-container .k-sprite { margin-left: -4px; } .k-toolbar-resizable { overflow: hidden; white-space: nowrap; } .k-toolbar > .k-align-left { float: none; } .k-toolbar > .k-align-right { float: right; } .k-toolbar > *, .k-toolbar .k-button { display: inline-block; vertical-align: middle; line-height: 1.72em; } .k-toolbar .k-separator { border-width: 0 0 0 1px; border-style: solid; width: 1px; line-height: inherit; } .k-toolbar .k-button-group { list-style-type: none; } .k-toolbar .k-button-group > li { display: inline-block; } .k-toolbar .k-button-group .k-button { margin: 0 0 0 -1px; border-radius: 0; } .k-toolbar .k-button, .k-toolbar .k-split-button, .k-toolbar .k-button-group, .k-toolbar .k-widget, .k-toolbar .k-textbox, .k-toolbar label, .k-toolbar .k-separator { margin: 0 .2em; line-height: 1.72em; vertical-align: middle; } .k-toolbar .k-split-button { padding-left: 0; } .k-toolbar .k-split-button .k-button, .k-toolbar .k-button-group .k-group-start { margin: 0; } .k-toolbar .k-split-button .k-split-button-arrow { margin: 0 0 0 -1px; } .k-toolbar .k-overflow-anchor { border-width: 0 0 0 1px; border-style: solid; height: 3em; width: 3em; line-height: inherit; padding: 0 .5em; margin: 0; position: relative; float: right; border-radius: 0; } .k-overflow-container .k-item { float: none; border: 0; } .k-overflow-container .k-separator { border-width: 0 0 1px; border-style: solid; height: 1px; line-height: 0; font-size: 0; padding: 0; } .k-overflow-container .k-overflow-button, .k-split-container .k-button { text-align: left; display: block; background: none; border-color: transparent; white-space: nowrap; } .k-split-container { margin-top: -1px; } .k-overflow-container .k-button-group { padding: 0; } .k-overflow-container .k-button-group > li { display: block; } .k-overflow-container .k-overflow-group { border-width: 1px 0; border-style: solid; border-radius: 0; padding: 2px 0; margin: 1px 0; } .k-overflow-container .k-overflow-hidden { display: none; } .k-overflow-container .k-toolbar-first-visible, .k-overflow-container .k-overflow-group + .k-overflow-group, .k-overflow-container .k-separator + .k-overflow-group { border-top: 0; margin-top: 0; padding-top: 1px; } .k-overflow-container .k-overflow-group + .k-separator { display: none; } .k-overflow-container .k-toolbar-last-visible { border-bottom: 0; margin-bottom: 0; padding-bottom: 1px; } /* Splitter */ .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; 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%; margin-top: -10px; } .k-splitbar-horizontal .k-i-arrow-60-right { margin-left: -2px; } .k-splitbar-horizontal.k-splitbar-draggable-horizontal .k-i-arrow-60-right { margin-top: 13px; } .k-splitbar-horizontal .k-i-arrow-60-left { margin-left: -3px; } .k-splitbar-horizontal.k-splitbar-draggable-horizontal .k-i-arrow-60-left { margin-top: -28px; } .k-splitbar-vertical .k-i-arrow-60-up { margin-top: -2px; } .k-splitbar-vertical .k-i-arrow-60-down { margin-top: -2px; } .k-splitbar-vertical.k-splitbar-draggable-vertical .k-i-arrow-60-up { margin-left: -17px; } .k-splitbar-vertical.k-splitbar-draggable-vertical .k-i-arrow-60-down { margin-left: 23px; } .k-i-arrow-60-up, .k-i-arrow-60-right, .k-i-arrow-60-down, .k-i-arrow-60-left { cursor: pointer; } .k-splitbar-horizontal .k-icon { position: absolute; top: 50%; width: 7px; height: 20px; margin-top: -10px; } .k-splitbar-static-horizontal { width: 1px; } .k-splitbar-static-vertical { height: 1px; } .k-splitbar-vertical .k-icon { position: absolute; left: 50%; } .k-splitbar-draggable-vertical .k-resize-handle, .k-splitbar-draggable-horizontal .k-resize-handle { display: inline-block; border-radius: 1px; } .k-splitbar-draggable-horizontal .k-resize-handle { width: 3px; height: 16px; margin-left: 1px; } .k-splitbar-draggable-vertical .k-resize-handle { width: 16px; height: 3px; margin-top: 1px; } .k-splitbar .k-i-arrow-60-up, .k-splitbar .k-i-arrow-60-right, .k-splitbar .k-i-arrow-60-down, .k-splitbar .k-i-arrow-60-left { font-size: 10px; } .k-splitter-resizing { overflow: hidden; } .k-rtl .k-splitbar-horizontal .k-resize-handle { margin-right: 1px; } .k-rtl .k-splitbar-horizontal .k-i-arrow-60-right { margin-top: 13px; margin-right: -3px; } .k-rtl .k-splitbar-horizontal .k-i-arrow-60-left { margin-top: -28px; margin-right: -2px; } .k-rtl .k-splitbar-vertical .k-i-arrow-60-up { margin-top: -2px; margin-left: -17px; } .k-rtl .k-splitbar-vertical .k-i-arrow-60-down { margin-top: -2px; margin-left: 23px; } /* Virtual List */ .k-virtual-wrap { position: relative; } .k-virtual-wrap .k-list.k-virtual-list { height: auto; } .k-virtual-content { overflow-y: scroll; /* has to be scroll, not auto */ -webkit-overflow-scrolling: touch; position: relative; } .k-virtual-list > .k-virtual-content { position: absolute; top: 0; width: 100%; margin: 0; padding: 0; list-style-type: none; } .k-virtual-option-label { width: 100%; margin: 0; padding: 0; list-style-type: none; } .k-virtual-wrap > .k-virtual-header { text-align: right; } .k-popup .k-item.k-first { position: relative; } .k-virtual-content > .k-virtual-list > .k-virtual-item { position: absolute; width: 100%; box-sizing: border-box; overflow: hidden; white-space: nowrap; } .k-popup .k-list .k-item > .k-group, .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header { text-transform: uppercase; font-size: .857em; } .k-popup .k-list .k-item > .k-group { position: absolute; top: 0; right: 0; padding: 0 .5em; line-height: 1.8; } .k-popup .k-state-hover > .k-group { right: -1px; } .k-virtual-item.k-first, .k-group-header + .k-list > .k-item.k-first, .k-static-header + .k-list > .k-item.k-first { border-top-style: solid; border-top-width: 1px; padding-top: 0; } .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header { text-align: right; } /* Dialog */ .k-dialog { min-width: 90px; min-height: 3em; max-width: 100%; max-height: 100%; } .k-window.k-dialog { position: fixed; padding-top: 0; } .k-dialog .k-dialog-titlebar { position: static; margin: 0; padding: 0.6em 0.8em 1em 0.8em; width: auto; } .k-dialog .k-dialog-titlebar .k-dialog-title { margin: 0; padding: 0; width: auto; max-width: 98%; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.2em; line-height: 1.2em; } .k-dialog .k-content { margin: 0; padding: 1.8em 1em 1.8em 1em; } .k-dialog.k-dialog-titleless .k-content { padding: 2.4em; } .k-dialog .k-dialog-buttongroup { margin: 0; padding: 0; } .k-dialog a.k-dialog-action.k-dialog-close { position: absolute; top: .35em; right: 0; cursor: pointer; z-index: 10000; } .k-dialog.k-dialog-titleless a.k-dialog-action.k-dialog-close { right: .5em; top: 1em; } .k-dialog.k-alert .k-dialog-titlebar, .k-dialog.k-confirm .k-dialog-titlebar, .k-dialog.k-prompt .k-dialog-titlebar { background: none; border-bottom: none; } .k-dialog.k-alert .k-content, .k-dialog.k-confirm .k-content { padding: 2.4em; } .k-dialog.k-prompt .k-content { padding: 1.2em 1.2em 0.6em 1.2em; } .k-dialog .k-prompt-container { width: auto; padding: 0.6em 1.2em 1.8em 1.2em; } .k-dialog .k-prompt-container .k-textbox { width: 100%; } .k-dialog .k-button { box-sizing: border-box; } @font-face { font-family: 'WebComponentsIcons'; src: url('../fonts/glyphs/WebComponentsIcons.eot?gedxeo'); src: url('../fonts/glyphs/WebComponentsIcons.eot?gedxeo#iefix') format('embedded-opentype'), url('../fonts/glyphs/WebComponentsIcons.ttf?gedxeo') format('truetype'), url('../fonts/glyphs/WebComponentsIcons.woff?gedxeo') format('woff'), url('../fonts/glyphs/WebComponentsIcons.svg?gedxeo#WebComponentsIcons') format('svg'); font-weight: normal; font-style: normal; } .k-i-arrow-45-up-right:before { content: "\e000"; } .k-i-collapse-ne:before { content: "\e000"; } .k-i-resize-ne:before { content: "\e000"; } .k-i-arrow-45-down-right:before { content: "\e001"; } .k-i-collapse-se:before { content: "\e001"; } .k-i-collapse:before { content: "\e001"; } .k-i-resize-se:before { content: "\e001"; } .k-i-arrow-45-down-left:before { content: "\e002"; } .k-i-collapse-sw:before { content: "\e002"; } .k-i-resize-sw:before { content: "\e002"; } .k-i-arrow-45-up-left:before { content: "\e003"; } .k-i-collapse-nw:before { content: "\e003"; } .k-i-resize-new:before { content: "\e003"; } .k-i-arrow-60-up:before { content: "\e004"; } .k-i-arrow-n:before { content: "\e004"; } .k-i-arrow-60-right:before { content: "\e005"; } .k-i-arrow-e:before { content: "\e005"; } .k-i-expand:before { content: "\e005"; } .k-i-arrow-60-down:before { content: "\e006"; } .k-i-arrow-s:before { content: "\e006"; } .k-i-arrow-60-left:before { content: "\e007"; } .k-i-arrow-w:before { content: "\e007"; } .k-i-arrow-end-up:before { content: "\e008"; } .k-i-seek-n:before { content: "\e008"; } .k-i-arrow-end-right:before { content: "\e009"; } .k-i-seek-e:before { content: "\e009"; } .k-i-arrow-end-down:before { content: "\e00a"; } .k-i-seek-s:before { content: "\e00a"; } .k-i-arrow-end-left:before { content: "\e00b"; } .k-i-seek-w:before { content: "\e00b"; } .k-i-arrow-double-60-up:before { content: "\e00c"; } .k-i-arrow-seek-up:before { content: "\e00c"; } .k-i-arrow-double-60-right:before { content: "\e00d"; } .k-i-arrow-seek-right:before { content: "\e00d"; } .k-i-arrow-double-60-down:before { content: "\e00e"; } .k-i-arrow-seek-down:before { content: "\e00e"; } .k-i-arrow-double-60-left:before { content: "\e00f"; } .k-i-arrow-seek-left:before { content: "\e00f"; } .k-i-arrows-kpi:before { content: "\e010"; } .k-i-kpi:before { content: "\e010"; } .k-i-arrows-no-change:before { content: "\e011"; } .k-i-arrow-overflow-down:before { content: "\e012"; } .k-i-arrow-chevron-up:before { content: "\e013"; } .k-i-arrow-chevron-right:before { content: "\e014"; } .k-i-arrow-chevron-down:before { content: "\e015"; } .k-i-arrow-chevron-left:before { content: "\e016"; } .k-i-arrow-up:before { content: "\e017"; } .k-i-arrow-right:before { content: "\e018"; } .k-i-arrow-down:before { content: "\e019"; } .k-i-arrow-left:before { content: "\e01a"; } .k-i-arrow-drill:before { content: "\e01b"; } .k-i-arrow-parent:before { content: "\e01c"; } .k-i-arrow-root:before { content: "\e01d"; } .k-i-arrows-resizing:before { content: "\e01e"; } .k-i-arrows-dimensions:before { content: "\e01f"; } .k-i-arrows-swap:before { content: "\e020"; } .k-i-drag-and-drop:before { content: "\e021"; } .k-i-categorize:before { content: "\e022"; } .k-i-grid:before { content: "\e023"; } .k-i-grid-layout:before { content: "\e024"; } .k-i-group:before { content: "\e025"; } .k-i-ungroup:before { content: "\e026"; } .k-i-handler-drag:before { content: "\e027"; } .k-i-layout:before { content: "\e028"; } .k-i-layout-1-by-4:before { content: "\e029"; } .k-i-layout-2-by-2:before { content: "\e02a"; } .k-i-layout-side-by-side:before { content: "\e02b"; } .k-i-layout-stacked:before { content: "\e02c"; } .k-i-columns:before { content: "\e02d"; } .k-i-rows:before { content: "\e02e"; } .k-i-reorder:before { content: "\e02f"; } .k-i-menu:before { content: "\e030"; } .k-i-more-vertical:before { content: "\e031"; } .k-i-more-horizontal:before { content: "\e032"; } .k-i-undo:before { content: "\e100"; } .k-i-redo:before { content: "\e101"; } .k-i-reset:before { content: "\e102"; } .k-i-reload:before { content: "\e103"; } .k-i-refresh:before { content: "\e103"; } .k-i-non-recurrence:before { content: "\e104"; } .k-i-reset-sm:before { content: "\e105"; } .k-i-reload-sm:before { content: "\e106"; } .k-i-refresh-sm:before { content: "\e106"; } .k-i-clock:before { content: "\e107"; } .k-i-calendar:before { content: "\e108"; } .k-i-save:before { content: "\e109"; } .k-i-floppy:before { content: "\e109"; } .k-i-print:before { content: "\e10a"; } .k-i-printer:before { content: "\e10a"; } .k-i-edit:before { content: "\e10b"; } .k-i-pencil:before { content: "\e10b"; } .k-i-delete:before { content: "\e10c"; } .k-i-trash:before { content: "\e10c"; } .k-i-attachment:before { content: "\e10d"; } .k-i-clip:before { content: "\e10d"; } .k-i-attachment-45:before { content: "\e10e"; } .k-i-clip-45:before { content: "\e10e"; } .k-i-link-horizontal:before { content: "\e10f"; } .k-i-hyperlink:before { content: "\e10f"; } .k-i-unlink-horizontal:before { content: "\e110"; } .k-i-hyperlink-remove:before { content: "\e110"; } .k-i-link-vertical:before { content: "\e111"; } .k-i-unlink-vertical:before { content: "\e112"; } .k-i-lock:before { content: "\e113"; } .k-i-unlock:before { content: "\e114"; } .k-i-cancel:before { content: "\e115"; } .k-i-cancel-outline:before { content: "\e116"; } .k-i-cancel-circle:before { content: "\e117"; } .k-i-check:before { content: "\e118"; } .k-i-checkmark:before { content: "\e118"; } .k-i-success:before { content: "\e118"; } .k-i-check-outline:before { content: "\e119"; } .k-i-checkmark-outline:before { content: "\e119"; } .k-i-check-circle:before { content: "\e11a"; } .k-i-checkmark-circle:before { content: "\e11a"; } .k-i-close:before { content: "\e11b"; } .k-i-x:before { content: "\e11b"; } .k-i-close-outline:before { content: "\e11c"; } .k-i-x-outline:before { content: "\e11c"; } .k-i-close-circle:before { content: "\e11d"; } .k-i-x-circle:before { content: "\e11d"; } .k-i-plus:before { content: "\e11e"; } .k-i-add:before { content: "\e11e"; } .k-i-plus-outline:before { content: "\e11f"; } .k-i-plus-circle:before { content: "\e120"; } .k-i-minus:before { content: "\e121"; } .k-i-minus-outline:before { content: "\e122"; } .k-i-minus-circle:before { content: "\e123"; } .k-i-sort-asc:before { content: "\e124"; } .k-i-sort-desc:before { content: "\e125"; } .k-i-unsort:before { content: "\e126"; } .k-i-sort-clear:before { content: "\e126"; } .k-i-sort-asc-sm:before { content: "\e127"; } .k-i-sort-desc-sm:before { content: "\e128"; } .k-i-filter:before { content: "\e129"; } .k-i-filter-clear:before { content: "\e12a"; } .k-i-filter-sm:before { content: "\e12b"; } .k-i-filter-sort-asc-sm:before { content: "\e12c"; } .k-i-filter-sort-desc-sm:before { content: "\e12d"; } .k-i-filter-add-expression:before { content: "\e12e"; } .k-i-filter-add-group:before { content: "\e12f"; } .k-i-login:before { content: "\e130"; } .k-i-logout:before { content: "\e131"; } .k-i-download:before { content: "\e132"; } .k-i-upload:before { content: "\e133"; } .k-i-hyperlink-open:before { content: "\e134"; } .k-i-hyperlink-open-sm:before { content: "\e135"; } .k-i-launch:before { content: "\e136"; } .k-i-window:before { content: "\e137"; } .k-i-window-maximize:before { content: "\e137"; } .k-i-windows:before { content: "\e138"; } .k-i-window-restore:before { content: "\e138"; } .k-i-tiles:before { content: "\e138"; } .k-i-window-minimize:before { content: "\e139"; } .k-i-gear:before { content: "\e13a"; } .k-i-cog:before { content: "\e13a"; } .k-i-custom:before { content: "\e13a"; } .k-i-gears:before { content: "\e13b"; } .k-i-cogs:before { content: "\e13b"; } .k-i-wrench:before { content: "\e13c"; } .k-i-settings:before { content: "\e13c"; } .k-i-preview:before { content: "\e13d"; } .k-i-eye:before { content: "\e13d"; } .k-i-zoom:before { content: "\e13e"; } .k-i-search:before { content: "\e13e"; } .k-i-zoom-in:before { content: "\e13f"; } .k-i-zoom-out:before { content: "\e140"; } .k-i-pan:before { content: "\e141"; } .k-i-move:before { content: "\e141"; } .k-i-calculator:before { content: "\e142"; } .k-i-cart:before { content: "\e143"; } .k-i-shopping-cart:before { content: "\e143"; } .k-i-connector:before { content: "\e144"; } .k-i-plus-sm:before { content: "\e145"; } .k-i-minus-sm:before { content: "\e146"; } .k-i-play:before { content: "\e200"; } .k-i-pause:before { content: "\e201"; } .k-i-stop:before { content: "\e202"; } .k-i-rewind:before { content: "\e203"; } .k-i-forward:before { content: "\e204"; } .k-i-volume-down:before { content: "\e205"; } .k-i-volume-up:before { content: "\e206"; } .k-i-volume-off:before { content: "\e207"; } .k-i-hd:before { content: "\e208"; } .k-i-subtitles:before { content: "\e209"; } .k-i-playlist:before { content: "\e20a"; } .k-i-play-sm:before { content: "\e20c"; } .k-i-pause-sm:before { content: "\e20d"; } .k-i-stop-sm:before { content: "\e20e"; } .k-i-audio:before { content: "\e20b"; } .k-i-heart-outline:before { content: "\e300"; } .k-i-fav-outline:before { content: "\e300"; } .k-i-favorite-outline:before { content: "\e300"; } .k-i-heart:before { content: "\e301"; } .k-i-fav:before { content: "\e301"; } .k-i-favorite:before { content: "\e301"; } .k-i-star-outline:before { content: "\e302"; } .k-i-bookmark-outline:before { content: "\e302"; } .k-i-star:before { content: "\e303"; } .k-i-bookmark:before { content: "\e303"; } .k-i-checkbox:before { content: "\e304"; } .k-i-shape-rect:before { content: "\e304"; } .k-i-checkbox-checked:before { content: "\e305"; } .k-i-tri-state-indeterminate:before { content: "\e306"; } .k-i-tri-state-null:before { content: "\e307"; } .k-i-circle:before { content: "\e308"; } .k-i-radiobutton:before { content: "\e309"; } .k-i-shape-circle:before { content: "\e309"; } .k-i-radiobutton-checked:before { content: "\e30a"; } .k-i-notification:before { content: "\e400"; } .k-i-bell:before { content: "\e400"; } .k-i-information:before { content: "\e401"; } .k-i-info:before { content: "\e401"; } .k-i-question:before { content: "\e402"; } .k-i-help:before { content: "\e402"; } .k-i-warning:before { content: "\e403"; } .k-i-exception:before { content: "\e403"; } .k-i-error:before { content: "\e403"; } .k-i-photo-camera:before { content: "\e500"; } .k-i-image:before { content: "\e501"; } .k-i-photo:before { content: "\e501"; } .k-i-image-export:before { content: "\e502"; } .k-i-photo-export:before { content: "\e502"; } .k-i-zoom-actual-size:before { content: "\e503"; } .k-i-zoom-best-fit:before { content: "\e504"; } .k-i-image-resize:before { content: "\e505"; } .k-i-crop:before { content: "\e506"; } .k-i-mirror:before { content: "\e507"; } .k-i-flip-horizontal:before { content: "\e508"; } .k-i-flip-vertical:before { content: "\e509"; } .k-i-rotate:before { content: "\e50a"; } .k-i-rotate-right:before { content: "\e50b"; } .k-i-rotate-left:before { content: "\e50c"; } .k-i-brush:before { content: "\e50d"; } .k-i-palette:before { content: "\e50e"; } .k-i-paint:before { content: "\e50f"; } .k-i-droplet:before { content: "\e50f"; } .k-i-background:before { content: "\e50f"; } .k-i-line:before { content: "\e510"; } .k-i-shape-line:before { content: "\e510"; } .k-i-brightness-contrast:before { content: "\e511"; } .k-i-saturation:before { content: "\e512"; } .k-i-invert-colors:before { content: "\e513"; } .k-i-transperancy:before { content: "\e514"; } .k-i-opacity:before { content: "\e514"; } .k-i-greyscale:before { content: "\e515"; } .k-i-blur:before { content: "\e516"; } .k-i-sharpen:before { content: "\e517"; } .k-i-shape:before { content: "\e518"; } .k-i-round-corners:before { content: "\e519"; } .k-i-front-element:before { content: "\e51a"; } .k-i-back-element:before { content: "\e51b"; } .k-i-forward-element:before { content: "\e51c"; } .k-i-backward-element:before { content: "\e51d"; } .k-i-align-left-element:before { content: "\e51e"; } .k-i-align-center-element:before { content: "\e51f"; } .k-i-align-right-element:before { content: "\e520"; } .k-i-align-top-element:before { content: "\e521"; } .k-i-align-middle-element:before { content: "\e522"; } .k-i-align-bottom-element:before { content: "\e523"; } .k-i-thumbnails-up:before { content: "\e524"; } .k-i-thumbnails-right:before { content: "\e525"; } .k-i-thumbnails-down:before { content: "\e526"; } .k-i-thumbnails-left:before { content: "\e527"; } .k-i-full-screen:before { content: "\e528"; } .k-i-fullscreen:before { content: "\e528"; } .k-i-full-screen-exit:before { content: "\e529"; } .k-i-fullscreen-exit:before { content: "\e529"; } .k-i-reset-color:before { content: "\e52a"; } .k-i-paint-remove:before { content: "\e52a"; } .k-i-background-remove:before { content: "\e52a"; } .k-i-page-properties:before { content: "\e600"; } .k-i-bold:before { content: "\e601"; } .k-i-italic:before { content: "\e602"; } .k-i-underline:before { content: "\e603"; } .k-i-font-family:before { content: "\e604"; } .k-i-foreground-color:before { content: "\e605"; } .k-i-convert-lowercase:before { content: "\e606"; } .k-i-convert-uppercase:before { content: "\e607"; } .k-i-strikethrough:before { content: "\e608"; } .k-i-sub-script:before { content: "\e609"; } .k-i-sup-script:before { content: "\e60a"; } .k-i-div:before { content: "\e60b"; } .k-i-all:before { content: "\e60c"; } .k-i-h1:before { content: "\e60d"; } .k-i-h2:before { content: "\e60e"; } .k-i-h3:before { content: "\e60f"; } .k-i-h4:before { content: "\e610"; } .k-i-h5:before { content: "\e611"; } .k-i-h6:before { content: "\e612"; } .k-i-list-ordered:before { content: "\e613"; } .k-i-list-numbered:before { content: "\e613"; } .k-i-list-unordered:before { content: "\e614"; } .k-i-list-bulleted:before { content: "\e614"; } .k-i-indent-increase:before { content: "\e615"; } .k-i-indent:before { content: "\e615"; } .k-i-indent-decrease:before { content: "\e616"; } .k-i-outdent:before { content: "\e616"; } .k-i-insert-up:before { content: "\e617"; } .k-i-insert-top:before { content: "\e617"; } .k-i-insert-middle:before { content: "\e618"; } .k-i-insert-down:before { content: "\e619"; } .k-i-insert-bottom:before { content: "\e619"; } .k-i-align-top:before { content: "\e61a"; } .k-i-align-middle:before { content: "\e61b"; } .k-i-align-bottom:before { content: "\e61c"; } .k-i-align-left:before { content: "\e61d"; } .k-i-align-center:before { content: "\e61e"; } .k-i-align-right:before { content: "\e61f"; } .k-i-align-justify:before { content: "\e620"; } .k-i-align-remove:before { content: "\e621"; } .k-i-text-wrap:before { content: "\e622"; } .k-i-rule-horizontal:before { content: "\e623"; } .k-i-table-align-top-left:before { content: "\e624"; } .k-i-table-align-top-center:before { content: "\e625"; } .k-i-table-align-top-right:before { content: "\e626"; } .k-i-table-align-middle-left:before { content: "\e627"; } .k-i-table-align-middle-center:before { content: "\e628"; } .k-i-table-align-middle-right:before { content: "\e629"; } .k-i-table-align-bottom-left:before { content: "\e62a"; } .k-i-table-align-bottom-center:before { content: "\e62b"; } .k-i-table-align-bottom-right:before { content: "\e62c"; } .k-i-table-align-remove:before { content: "\e62d"; } .k-i-borders-all:before { content: "\e62e"; } .k-i-all-borders:before { content: "\e62e"; } .k-i-borders-outside:before { content: "\e62f"; } .k-i-outside-borders:before { content: "\e62f"; } .k-i-borders-inside:before { content: "\e630"; } .k-i-inside-borders:before { content: "\e630"; } .k-i-borders-inside-horizontal:before { content: "\e631"; } .k-i-inside-horizontal-borders:before { content: "\e631"; } .k-i-borders-inside-vertical:before { content: "\e632"; } .k-i-inside-vertical-borders:before { content: "\e632"; } .k-i-border-top:before { content: "\e633"; } .k-i-top-border:before { content: "\e633"; } .k-i-border-bottom:before { content: "\e634"; } .k-i-bottom-border:before { content: "\e634"; } .k-i-border-left:before { content: "\e635"; } .k-i-left-border:before { content: "\e635"; } .k-i-border-right:before { content: "\e636"; } .k-i-right-border:before { content: "\e636"; } .k-i-border-no:before { content: "\e637"; } .k-i-no-border:before { content: "\e637"; } .k-i-borders-show-hide:before { content: "\e638"; } .k-i-form:before { content: "\e639"; } .k-i-border:before { content: "\e639"; } .k-i-form-element:before { content: "\e63a"; } .k-i-code-snippet:before { content: "\e63b"; } .k-i-select-all:before { content: "\e63c"; } .k-i-button:before { content: "\e63d"; } .k-i-select-box:before { content: "\e63e"; } .k-i-calendar-date:before { content: "\e63f"; } .k-i-group-box:before { content: "\e640"; } .k-i-textarea:before { content: "\e641"; } .k-i-textbox:before { content: "\e642"; } .k-i-textbox-hidden:before { content: "\e643"; } .k-i-password:before { content: "\e644"; } .k-i-paragraph-add:before { content: "\e645"; } .k-i-edit-tools:before { content: "\e646"; } .k-i-template-manager:before { content: "\e647"; } .k-i-change-manually:before { content: "\e648"; } .k-i-track-changes:before { content: "\e649"; } .k-i-track-changes-enable:before { content: "\e64a"; } .k-i-track-changes-accept:before { content: "\e64b"; } .k-i-track-changes-accept-all:before { content: "\e64c"; } .k-i-track-changes-reject:before { content: "\e64d"; } .k-i-track-changes-reject-all:before { content: "\e64e"; } .k-i-document-manager:before { content: "\e64f"; } .k-i-custom-icon:before { content: "\e650"; } .k-i-dictionary-add:before { content: "\e651"; } .k-i-image-light-dialog:before { content: "\e652"; } .k-i-image-insert:before { content: "\e652"; } .k-i-image-edit:before { content: "\e653"; } .k-i-image-map-editor:before { content: "\e654"; } .k-i-comment:before { content: "\e655"; } .k-i-comment-remove:before { content: "\e656"; } .k-i-comments-remove-all:before { content: "\e657"; } .k-i-silverlight:before { content: "\e658"; } .k-i-media-manager:before { content: "\e659"; } .k-i-video-external:before { content: "\e65a"; } .k-i-flash-manager:before { content: "\e65b"; } .k-i-find-and-replace:before { content: "\e65c"; } .k-i-find:before { content: "\e65c"; } .k-i-copy:before { content: "\e65d"; } .k-i-files:before { content: "\e65d"; } .k-i-cut:before { content: "\e65e"; } .k-i-paste:before { content: "\e65f"; } .k-i-paste-as-html:before { content: "\e660"; } .k-i-paste-from-word:before { content: "\e661"; } .k-i-paste-from-word-strip-file:before { content: "\e662"; } .k-i-paste-html:before { content: "\e663"; } .k-i-paste-markdown:before { content: "\e664"; } .k-i-paste-plain-text:before { content: "\e665"; } .k-i-apply-format:before { content: "\e666"; } .k-i-clear-css:before { content: "\e667"; } .k-i-copy-format:before { content: "\e668"; } .k-i-strip-all-formating:before { content: "\e669"; } .k-i-strip-css-format:before { content: "\e66a"; } .k-i-strip-font-elements:before { content: "\e66b"; } .k-i-strip-span-elements:before { content: "\e66c"; } .k-i-strip-word-formatting:before { content: "\e66d"; } .k-i-format-code-block:before { content: "\e66e"; } .k-i-style-builder:before { content: "\e66f"; } .k-i-module-manager:before { content: "\e670"; } .k-i-hyperlink-light-dialog:before { content: "\e671"; } .k-i-hyperlink-insert:before { content: "\e671"; } .k-i-hyperlink-globe:before { content: "\e672"; } .k-i-hyperlink-globe-remove:before { content: "\e673"; } .k-i-hyperlink-email:before { content: "\e674"; } .k-i-anchor:before { content: "\e675"; } .k-i-table-light-dialog:before { content: "\e676"; } .k-i-table-insert:before { content: "\e676"; } .k-i-table:before { content: "\e677"; } .k-i-table-properties:before { content: "\e678"; } .k-i-table-wizard:before { content: "\e678"; } .k-i-table-cell:before { content: "\e679"; } .k-i-table-cell-properties:before { content: "\e67a"; } .k-i-table-column-insert-left:before { content: "\e67b"; } .k-i-table-column-insert-right:before { content: "\e67c"; } .k-i-table-row-insert-above:before { content: "\e67d"; } .k-i-table-row-insert-below:before { content: "\e67e"; } .k-i-table-column-delete:before { content: "\e67f"; } .k-i-table-row-delete:before { content: "\e680"; } .k-i-table-cell-delete:before { content: "\e681"; } .k-i-table-delete:before { content: "\e682"; } .k-i-cells-merge:before { content: "\e683"; } .k-i-cells-merge-horizontally:before { content: "\e684"; } .k-i-cells-merge-vertically:before { content: "\e685"; } .k-i-cell-split-horizontally:before { content: "\e686"; } .k-i-cell-split-vertically:before { content: "\e687"; } .k-i-table-unmerge:before { content: "\e688"; } .k-i-pane-freeze:before { content: "\e689"; } .k-i-row-freeze:before { content: "\e68a"; } .k-i-column-freeze:before { content: "\e68b"; } .k-i-toolbar-float:before { content: "\e68c"; } .k-i-spell-checker:before { content: "\e68d"; } .k-i-validation-xhtml:before { content: "\e68e"; } .k-i-validation-data:before { content: "\e68f"; } .k-i-toggle-full-screen-mode:before { content: "\e690"; } .k-i-formula-fx:before { content: "\e691"; } .k-i-sum:before { content: "\e692"; } .k-i-symbol:before { content: "\e693"; } .k-i-dollar:before { content: "\e694"; } .k-i-currency:before { content: "\e694"; } .k-i-percent:before { content: "\e695"; } .k-i-custom-format:before { content: "\e696"; } .k-i-decimal-increase:before { content: "\e697"; } .k-i-decimal-decrease:before { content: "\e698"; } .k-i-font-size:before { content: "\e699"; } .k-i-image-absolute-position:before { content: "\e69a"; } .k-i-globe-outline:before { content: "\e700"; } .k-i-globe:before { content: "\e701"; } .k-i-marker-pin:before { content: "\e702"; } .k-i-marker-pin-target:before { content: "\e703"; } .k-i-pin:before { content: "\e704"; } .k-i-unpin:before { content: "\e705"; } .k-i-share:before { content: "\e800"; } .k-i-user:before { content: "\e801"; } .k-i-inbox:before { content: "\e802"; } .k-i-blogger:before { content: "\e803"; } .k-i-blogger-box:before { content: "\e804"; } .k-i-delicious:before { content: "\e805"; } .k-i-delicious-box:before { content: "\e806"; } .k-i-digg:before { content: "\e807"; } .k-i-digg-box:before { content: "\e808"; } .k-i-email:before { content: "\e809"; } .k-i-envelop:before { content: "\e809"; } .k-i-letter:before { content: "\e809"; } .k-i-email-box:before { content: "\e80a"; } .k-i-envelop-box:before { content: "\e80a"; } .k-i-letter-box:before { content: "\e80a"; } .k-i-facebook:before { content: "\e80b"; } .k-i-facebook-box:before { content: "\e80c"; } .k-i-google:before { content: "\e80d"; } .k-i-google-box:before { content: "\e80e"; } .k-i-google-plus:before { content: "\e80f"; } .k-i-google-plus-box:before { content: "\e810"; } .k-i-linkedin:before { content: "\e811"; } .k-i-linkedin-box:before { content: "\e812"; } .k-i-myspace:before { content: "\e813"; } .k-i-myspace-box:before { content: "\e814"; } .k-i-pinterest:before { content: "\e815"; } .k-i-pinterest-box:before { content: "\e816"; } .k-i-reddit:before { content: "\e817"; } .k-i-reddit-box:before { content: "\e818"; } .k-i-stumble-upon:before { content: "\e819"; } .k-i-stumble-upon-box:before { content: "\e81a"; } .k-i-tell-a-friend:before { content: "\e81b"; } .k-i-tell-a-friend-box:before { content: "\e81c"; } .k-i-tumblr:before { content: "\e81d"; } .k-i-tumblr-box:before { content: "\e81e"; } .k-i-twitter:before { content: "\e81f"; } .k-i-twitter-box:before { content: "\e820"; } .k-i-yammer:before { content: "\e821"; } .k-i-yammer-box:before { content: "\e822"; } .k-i-behance:before { content: "\e823"; } .k-i-behance-box:before { content: "\e824"; } .k-i-dribbble:before { content: "\e825"; } .k-i-dribbble-box:before { content: "\e826"; } .k-i-rss:before { content: "\e827"; } .k-i-rss-box:before { content: "\e828"; } .k-i-vimeo:before { content: "\e829"; } .k-i-vimeo-box:before { content: "\e82a"; } .k-i-youtube:before { content: "\e82b"; } .k-i-youtube-box:before { content: "\e82c"; } .k-i-folder:before { content: "\e900"; } .k-i-folder-open:before { content: "\e901"; } .k-i-folder-add:before { content: "\e902"; } .k-i-folder-up:before { content: "\e903"; } .k-i-folder-more:before { content: "\e904"; } .k-i-fields-more:before { content: "\e904"; } .k-i-aggregate-fields:before { content: "\e905"; } .k-i-file:before { content: "\e906"; } .k-i-file-vertical:before { content: "\e906"; } .k-i-file-add:before { content: "\e907"; } .k-i-file-txt:before { content: "\e908"; } .k-i-txt:before { content: "\e908"; } .k-i-file-csv:before { content: "\e909"; } .k-i-csv:before { content: "\e909"; } .k-i-file-excel:before { content: "\e90a"; } .k-i-file-xls:before { content: "\e90a"; } .k-i-excel:before { content: "\e90a"; } .k-i-xls:before { content: "\e90a"; } .k-i-file-word:before { content: "\e90b"; } .k-i-file-doc:before { content: "\e90b"; } .k-i-word:before { content: "\e90b"; } .k-i-doc:before { content: "\e90b"; } .k-i-file-mdb:before { content: "\e90c"; } .k-i-mdb:before { content: "\e90c"; } .k-i-file-ppt:before { content: "\e90d"; } .k-i-ppt:before { content: "\e90d"; } .k-i-file-pdf:before { content: "\e90e"; } .k-i-pdf:before { content: "\e90e"; } .k-i-file-psd:before { content: "\e90f"; } .k-i-psd:before { content: "\e90f"; } .k-i-file-flash:before { content: "\e910"; } .k-i-flash:before { content: "\e910"; } .k-i-file-config:before { content: "\e911"; } .k-i-config:before { content: "\e911"; } .k-i-file-ascx:before { content: "\e912"; } .k-i-ascx:before { content: "\e912"; } .k-i-file-bac:before { content: "\e913"; } .k-i-bac:before { content: "\e913"; } .k-i-file-zip:before { content: "\e914"; } .k-i-zip:before { content: "\e914"; } .k-i-film:before { content: "\e915"; } .k-i-css3:before { content: "\e916"; } .k-i-html5:before { content: "\e917"; } .k-i-html:before { content: "\e918"; } .k-i-source-code:before { content: "\e918"; } .k-i-view-source:before { content: "\e918"; } .k-i-css:before { content: "\e919"; } .k-i-js:before { content: "\e91a"; } .k-i-exe:before { content: "\e91b"; } .k-i-csproj:before { content: "\e91c"; } .k-i-vbproj:before { content: "\e91d"; } .k-i-cs:before { content: "\e91e"; } .k-i-vb:before { content: "\e91f"; } .k-i-sln:before { content: "\e920"; } .k-i-cloud:before { content: "\e921"; } .k-i-file-horizontal:before { content: "\e922"; } /* animation classes */ .k-fx-end .k-fx-next, .k-fx-end .k-fx-current { transition: all 350ms ease-out; } .k-fx { position: relative; } .k-fx .k-fx-current { z-index: 0; } .k-fx .k-fx-next { z-index: 1; } .k-fx-hidden, .k-fx-hidden * { visibility: hidden !important; } .k-fx-reverse .k-fx-current { z-index: 1; } .k-fx-reverse .k-fx-next { z-index: 0; } /* Zoom */ .k-fx-zoom.k-fx-start .k-fx-next { transform: scale(0) !important; } .k-fx-zoom.k-fx-end .k-fx-next { transform: scale(1) !important; } .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-next, .k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-next { transform: scale(1) !important; } .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-current { transform: scale(1) !important; } .k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-current { transform: scale(0) !important; } /* Fade */ .k-fx-fade.k-fx-start .k-fx-next { will-change: opacity; opacity: 0; } .k-fx-fade.k-fx-end .k-fx-next { opacity: 1; } .k-fx-fade.k-fx-reverse.k-fx-start .k-fx-current { will-change: opacity; opacity: 1; } .k-fx-fade.k-fx-reverse.k-fx-end .k-fx-current { opacity: 0; } /* Slide */ .k-fx-slide { /* left */ /* left reverse */ /* right */ } .k-fx-slide.k-fx-end .k-fx-next .km-content, .k-fx-slide.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-end .k-fx-next .km-footer, .k-fx-slide.k-fx-end .k-fx-current .km-content, .k-fx-slide.k-fx-end .k-fx-current .km-header, .k-fx-slide.k-fx-end .k-fx-current .km-footer { transition: all 350ms ease-out; } .k-fx-slide.k-fx-start .k-fx-next .km-content { will-change: transform; transform: translatex(100%); } .k-fx-slide.k-fx-start .k-fx-next .km-header, .k-fx-slide.k-fx-start .k-fx-next .km-footer { will-change: opacity; opacity: 0; } .k-fx-slide.k-fx-end .k-fx-current .km-content { transform: translatex(-100%); } .k-fx-slide.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-end .k-fx-next .km-footer { opacity: 1; } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-content { will-change: transform; transform: translatex(0); } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-content { transform: translatex(100%); } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content { transform: translatex(-100%); } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-content { transform: translatex(0); } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-footer { will-change: opacity; opacity: 1; } .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-footer { opacity: 1; } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer { opacity: 0; } .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-footer { opacity: 1; } .k-fx-slide.k-fx-right { /* right reverse */ } .k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-content { transform: translatex(-100%); } .k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content { transform: translatex(100%); } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-content { transform: translatex(0); } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-content { transform: translatex(-100%); } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content { transform: translatex(100%); } .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .km-content { transform: translatex(0%); } /* Tile */ .k-fx-tile { /* left */ /* left reverse */ /* right */ } .k-fx-tile.k-fx-start .k-fx-next { will-change: transform; transform: translatex(100%); } .k-fx-tile.k-fx-end .k-fx-current { transform: translatex(-100%); } .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current { will-change: transform; transform: translatex(0); } .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current { transform: translatex(100%); } .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next { transform: translatex(-100%); } .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next { transform: translatex(0); } .k-fx-tile.k-fx-right { /* right reverse */ } .k-fx-tile.k-fx-right.k-fx-start .k-fx-next { transform: translatex(-100%); } .k-fx-tile.k-fx-right.k-fx-end .k-fx-current { transform: translatex(100%); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current { transform: translatex(0); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current { transform: translatex(-100%); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next { transform: translatex(100%); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next { transform: translatex(0%); } /* Tile */ .k-fx-tile { /* left */ /* left reverse */ /* right */ } .k-fx-tile.k-fx-start .k-fx-next { will-change: transform; transform: translatex(100%); } .k-fx-tile.k-fx-end .k-fx-current { transform: translatex(-100%); } .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current { will-change: transform; transform: translatex(0); } .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current { transform: translatex(100%); } .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next { transform: translatex(-100%); } .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next { transform: translatex(0); } .k-fx-tile.k-fx-right { /* right reverse */ } .k-fx-tile.k-fx-right.k-fx-start .k-fx-next { transform: translatex(-100%); } .k-fx-tile.k-fx-right.k-fx-end .k-fx-current { transform: translatex(100%); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current { transform: translatex(0); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current { transform: translatex(-100%); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next { transform: translatex(100%); } .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next { transform: translatex(0%); } /* Overlay */ .k-fx.k-fx-overlay.k-fx-start .k-fx-next, .k-fx.k-fx-overlay.k-fx-left.k-fx-start .k-fx-next { will-change: transform; transform: translatex(100%); } .k-fx.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next { transform: translatex(-100%); } .k-fx.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next { transform: translatey(100%); } .k-fx.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next { transform: translatey(-100%); } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next { transform: none; } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current { will-change: transform; transform: none; } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-end .k-fx-current, .k-fx.k-fx-overlay.k-fx-reverse.k-fx-left.k-fx-end .k-fx-current { transform: translatex(100%); } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-right.k-fx-end .k-fx-current { transform: translatex(-100%); } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-up.k-fx-end .k-fx-current { transform: translatey(100%); } .k-fx.k-fx-overlay.k-fx-reverse.k-fx-down.k-fx-end .k-fx-current { transform: translatey(-100%); } .k-button, .k-toolbar .k-button { line-height: 1.143em; padding: 9px 14px; } .k-widget.k-tabstrip { background-image: none; border-style: none; box-shadow: none; } .k-tabstrip .k-tabstrip-items { padding: 0; } .k-tabstrip > div.k-content, .k-panelbar .k-tabstrip > div.k-content { margin: 0; } .k-panelbar > .k-item > .k-link, .k-panel > .k-item > .k-link { line-height: 3.5em; } .k-panelbar .k-image { margin-top: 12px; } .k-panelbar .k-link > .k-sprite { margin-top: 16px; } .k-tabstrip > .k-tabstrip-items > .k-item { text-transform: uppercase; border-width: 0; border-style: solid; padding: 0; } .k-tabstrip-left > .k-tabstrip-items .k-loading, .k-tabstrip-right > .k-tabstrip-items .k-loading { display: none; } .k-tabstrip-top > .k-tabstrip-items .k-tab-on-top, .k-tabstrip-top > .k-tabstrip-items .k-state-active { margin-bottom: -1px; } .k-tabstrip-top > .k-tabstrip-items > .k-item { border-bottom-width: 2px; } .k-tabstrip-left > .k-tabstrip-items .k-tab-on-top, .k-tabstrip-left > .k-tabstrip-items .k-state-active { margin-right: -2px; } .k-tabstrip-left > .k-tabstrip-items > .k-item { border-right-width: 2px; } .k-tabstrip-right > .k-tabstrip-items > .k-item { border-left-width: 2px; } .k-tabstrip-bottom > .k-tabstrip-items > .k-item { border-top-width: 2px; } .k-tabstrip .k-tabstrip-items .k-link { padding: 1.071em; } .k-slider-track { border-width: 1px; border-style: solid; } .k-pager-numbers .k-state-selected { line-height: 2.429em; cursor: pointer; } .k-pager-numbers .k-link, .k-pager-numbers .k-state-selected { border-width: 2px 0 0; padding-top: .7em; } .k-pager-wrap { line-height: 1.286em; padding: .429em 0 .429em .25em; } .k-pager-wrap > .k-link, .k-pager-numbers .k-link { height: 2.429em; line-height: 2.429em; } .k-pager-wrap .k-link, .k-pager-sizes { padding: 0; min-width: 2.429em; } .k-pager-wrap .k-pager-numbers .k-state-selected { margin-top: -0.45em; padding-top: .45em; min-width: 2.429em; } .k-pager-wrap input.k-textbox { height: 2.571em; } .k-pager-info { padding: .714em 1.333em .643em 1.333em; } .k-pager-wrap .k-pager-refresh { margin-right: 1.214em; } .k-pager-wrap .k-dropdown { width: 5.2em; } .k-autocomplete .k-i-loading, .k-multiselect .k-i-loading { bottom: 10px; } .k-combobox > .k-dropdown-wrap > .k-i-close { right: 3.3em; } .k-combobox-clearable .k-input { padding-right: 2.5em; } .k-multiselect > .k-multiselect-wrap > .k-i-close { top: 10px; } .k-autocomplete > .k-i-close, .k-multiselect > .k-multiselect-wrap > .k-i-close { margin-right: 10px; } .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap { padding: 0 2.571em 0 0; } .k-picker-wrap .k-select, .k-numeric-wrap .k-select, .k-dropdown-wrap .k-select { width: 2.571em; } .k-datetimepicker { width: 19.5em; } .k-datetimepicker .k-select { width: 5em; } .k-datetimepicker .k-picker-wrap { padding-right: 5em; } .k-datetimepicker .k-picker-wrap .k-icon { margin: 0 6px; } .k-calendar .k-header { margin: 0 -5px; } .k-calendar td { padding: 0; } .k-calendar .k-content .k-link { min-height: 2.571em; line-height: 2.571em; padding: 0; text-align: center; } .k-calendar .k-century .k-link { text-align: left; padding: 0 .7em; line-height: 1.3em; } .k-calendar th { border-bottom-width: 0; padding: .714em .45em .714em 0; } .k-calendar .k-footer { border-top-width: 1px; border-top-style: solid; margin: 0 -5px; } .k-popup.k-list-container { padding: 0.286em 0; } .k-popup.k-calendar-containe { padding: 0; } .k-popup .k-list .k-item, .k-popup > .k-group-header, .k-fieldselector .k-list .k-item { min-height: 2.143em; line-height: 2.143em; } .k-popup .k-list .k-item { padding: 1px 11px; } .k-button, .k-calendar .k-header .k-link, .k-calendar .k-footer { text-transform: uppercase; } .k-widget.k-calendar .k-nav-fast { width: 65%; height: 2.571em; line-height: 2.571em; margin: 0.429em -0.08333em 0.429em 0; } .k-calendar .k-header .k-icon { vertical-align: middle; } .k-widget.k-calendar .k-nav-prev, .k-widget.k-calendar .k-nav-next { position: absolute; top: 0.429em; line-height: 2.571em; height: 2.571em; } .k-calendar .k-header .k-link.k-nav-prev, .k-calendar .k-header .k-link.k-nav-next { height: 2.571em; width: 2.571em; } .k-widget.k-calendar .k-nav-prev { left: 0.429em; } .k-widget.k-calendar .k-nav-next { right: 0.429em; } .k-calendar .k-footer .k-nav-today, .k-calendar .k-footer > .k-state-disabled { padding: 1.143em 0 1.071em; } .k-popup.k-calendar-container { padding: 0; border: 0; } .k-multiselect-wrap .k-input { height: 2.214em; } .k-multiselect-wrap li { border-radius: 1.071em; margin: 3px 0 3px 3px; padding: 0 1.6em 0 .857em; line-height: 1.86em; } .k-multiselect-wrap li span { margin-right: .4em; } .k-multiselect-wrap .k-select { padding-top: 0; } .k-numeric-wrap .k-select { vertical-align: baseline; } .k-numerictextbox .k-link { display: block; height: 1.284em; } .k-numerictextbox .k-link .k-i-arrow-60-up { vertical-align: bottom; } .k-numerictextbox .k-link .k-i-arrow-60-down { vertical-align: top; } .k-menu.k-header, .k-menu .k-item, .k-widget.k-menu-horizontal > .k-item { border-width: 0; } .k-popup.k-context-menu { border-width: 1px; border-style: solid; } .k-context-menu.k-menu-vertical > .k-item > .k-link, .k-menu .k-menu-group .k-item > .k-link { padding: 0.5em 4.929em 0.5em 1.714em; } .k-menu .k-item > .k-link > .k-i-arrow-60-right { right: 2.143rem; } .k-menu .k-animation-container .k-menu-group { padding: 1.143em 0; } .k-column-menu .k-menu .k-animation-container .k-menu-group { padding: 0; } .k-column-menu .k-menu-vertical .k-separator { height: 0; } .k-toolbar { line-height: 3.42em; } .k-toolbar > div > label { line-height: 3.42em; } .k-toolbar .k-overflow-anchor > .k-icon { margin-top: -6px; margin-bottom: -6px; } .k-toolbar .k-dropdown { margin-top: -1px; } .k-toolbar .k-split-button .k-button { padding-top: 10px; padding-bottom: 10px; } .k-toolbar .k-button-group { line-height: 3.286em; } .k-toolbar .k-button-group .k-button { line-height: inherit; padding: 0 .857em; } .k-toolbar .k-input { height: 2.214em; line-height: 2.214em; padding: 0.177em 0; text-indent: 0.8em; border: 0; margin: 0; } .k-toolbar .k-overflow-anchor { border-width: 0; line-height: 3.286em; width: 3.42em; height: 3.42em; padding: 0; } .k-overflow-container .k-overflow-button, .k-split-container .k-button { font-size: 1.2em; } .k-button-group .k-tool { margin: 6px 0; } .k-toolbar .k-split-button-arrow { padding-left: .4em; padding-right: .4em; } .k-filebrowser .k-filebrowser-toolbar { line-height: 3.5em; } .k-filebrowser .k-filebrowser-toolbar .k-upload { margin-top: 3px; } .k-filebrowser .k-filebrowser-toolbar .k-button-icon { margin-top: -3px; } .k-filebrowser .k-upload .k-upload-button { vertical-align: bottom; } .k-filebrowser .k-search-wrap .k-search { top: 25%; right: 4px; } .k-filebrowser .k-search-wrap { padding: 2px .3em; } .k-filebrowser .k-tiles-arrange .k-dropdown { width: 80px; } .k-draghandle { border-width: 2px; } span.k-tooltip { padding: 9px 17px; } .k-block > .k-header, .k-window-titlebar { padding: 0.5em 0 0.571em; } .k-window-titlebar .k-window-actions { right: 0.929em; padding-top: .45em; } div.k-window { border-width: 0; } .k-window-title { right: 1.143em; left: 1.143em; } div.k-window-content { padding: 1.333em; } .k-file { padding: .643em .17em .643em 1em; } .k-notification-wrap { padding: 1.786em; } .k-notification-wrap > .k-i-close { top: 21px; } .k-slider-track { border-width: 0; } .k-slider .k-button .k-icon { margin-top: 5px; } .k-slider-horizontal .k-slider-track, .k-slider-horizontal .k-slider-selection { height: 2px; margin-top: -1px; } .k-slider-vertical .k-slider-track, .k-slider-vertical .k-slider-selection { width: 2px; margin-left: -1px; } .k-slider-horizontal .k-draghandle, .k-slider-vertical .k-draghandle, .k-flatcolorpicker .k-hue-slider .k-draghandle, .k-flatcolorpicker .k-transparency-slider .k-draghandle { width: 6px; height: 6px; } .k-flatcolorpicker .k-hue-slider .k-draghandle { margin-top: -1px; } .k-colorpicker .k-picker-wrap { line-height: 2.214em; } .k-colorpicker .k-selected-color { height: 2.214em; padding: 0.177em 0; } .k-draghandle.k-state-selected, .k-draghandle.k-state-selected:link, .k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-selected, .k-flatcolorpicker .k-transparency-slider .k-draghandle.k-state-selected { width: 10px; height: 10px; } .k-draghandle.k-state-focused.k-state-selected { margin-left: -2px; } .k-slider-horizontal .k-draghandle.k-state-selected, .k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-selected { top: -6px; } .k-slider-vertical .k-draghandle.k-state-selected { left: -4px; } /* PanelBar */ .k-panelbar-expand, .k-panelbar-collapse { right: 16px; } .k-popup-edit-form .k-primary { float: right; } .k-popup-edit-form:after { content: " "; display: block; clear: both; } .k-drag-clue { font-size: 1em; padding: .65em 1em; } .k-splitbar-horizontal-hover .k-resize-handle { background-position: -165px -6px; } .k-splitbar-vertical-hover .k-resize-handle { background-position: -38px -309px; } .k-splitbar-horizontal.k-state-focused .k-resize-handle { background-position: -181px -6px; } .k-splitbar-vertical.k-state-focused .k-resize-handle { background-position: -70px -309px; } .k-checkbox-label, .k-radio-label { line-height: 18px; } .k-checkbox:indeterminate + .k-checkbox-label:before { border-width: 2px; } .k-checkbox + .k-checkbox-label:before { z-index: 1; } .k-checkbox:indeterminate + .k-checkbox-label:after { width: 10px; height: 10px; border-width: 0; margin-left: 0; top: 5px; left: 5px; transform: none; z-index: 2; } .k-radio:checked + .k-radio-label:after { top: 4px; left: 4px; } .k-rtl .k-widget .k-dropdown-wrap, .k-rtl .k-widget .k-picker-wrap, .k-rtl .k-widget .k-numeric-wrap { padding-left: 2.5em; } .k-rtl .k-widget.k-autocomplete > .k-i-close, .k-rtl .k-widget.k-multiselect > .k-multiselect-wrap > .k-i-close { left: 0; right: initial; margin-left: 10px; margin-right: 0; } .k-rtl .k-widget.k-combobox > .k-dropdown-wrap > .k-i-close { left: 3.3em; right: initial; } .k-rtl .k-widget.k-datetimepicker .k-picker-wrap { padding-left: 5em; } .k-rtl .k-widget.k-datetimepicker .k-picker-wrap .k-icon { margin: 0 6px; } .k-rtl .k-checkbox-label:after { right: 0; } .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 { border-radius: 0; } .km-pane-wrapper .k-pager-numbers .k-link, .km-pane-wrapper .k-pager-wrap > .k-link, .km-pane-wrapper .k-pager-wrap > .k-pager-info { padding: .571em .86em; } .km-pane-wrapper .k-pager-numbers .k-state-selected { padding: .971em .86em .571em; } .km-pane-wrapper .k-mobile-list .k-edit-field.k-scheduler-toolbar { border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 0; } .km-pane-wrapper .k-mobile-list .k-edit-field.k-scheduler-toolbar .k-scheduler-navigation { margin-bottom: -0.6em; }