13 text-decoration: none;
18 .k-slider-items:after,
19 .k-grid-toolbar:after {
30 display: inline-block;
46 .k-tabstrip-items .k-item,
47 .k-link.k-state-hover,
54 .k-autocomplete.k-state-hover,
55 .k-dropdown-wrap.k-state-hover,
56 .k-picker-wrap.k-state-hover,
57 .k-numeric-wrap.k-state-hover,
59 background-repeat: repeat;
60 background-position: 0 center;
63 text-decoration: none;
65 .k-state-highlight > .k-link {
70 .k-input[type="text"],
71 .k-input[type="number"],
73 .k-picker-wrap .k-input,
79 -webkit-appearance: none;
87 -webkit-appearance: none;
94 .k-widget .k-input::-ms-clear,
95 .k-list-filter ::-ms-clear {
105 display: inline-block;
108 font-family: inherit;
112 text-decoration: none;
115 .k-button.k-state-disabled,
116 .k-state-disabled .k-button,
117 .k-state-disabled .k-button:hover,
118 .k-button.k-state-disabled:hover,
119 .k-state-disabled .k-button:active,
120 .k-button.k-state-disabled:active {
125 text-decoration: none;
127 /* Override the important default line-height in Firefox 4+ */
128 .k-ff input.k-button {
129 padding-bottom: 0.37em;
132 button.k-button::-moz-focus-inner,
133 input.k-button::-moz-focus-inner {
140 button.k-button-expand,
141 input[type="submit"].k-button-expand,
142 input[type="button"].k-button-expand,
143 input[type="reset"].k-button-expand {
147 body .k-split-button-arrow {
155 .k-toolbar .k-button-icontext {
158 .k-button-icontext .k-icon,
159 .k-button-icontext .k-image,
160 .k-button-icontext .k-sprite {
164 margin-left: -0.3rem;
166 .k-button.k-button-icontext .k-icon,
167 .k-button.k-button-icontext .k-image {
168 vertical-align: text-top;
171 border-color: transparent !important;
173 background: none !important;
174 box-shadow: none !important;
177 .k-button.k-bare:hover,
178 .k-button.k-bare.k-state-hover,
179 .k-button.k-bare:active,
180 .k-button.k-bare.k-state-active,
181 .k-button.k-bare.k-state-active:hover {
184 .k-button.k-bare:focus,
185 .k-button.k-bare .k-state-focused {
188 .k-button.k-bare:hover,
189 .k-button.k-bare.k-state-hover,
190 .k-button.k-bare:active,
191 .k-button.k-bare.k-state-active {
194 .k-button.k-bare .k-icon,
195 .k-button.k-bare .k-font-icon {
198 .k-button.k-bare:focus .k-icon,
199 .k-button.k-bare .k-state-focused .k-icon,
200 .k-button.k-bare:focus .k-font-icon,
201 .k-button.k-bare .k-state-focused .k-font-icon {
202 text-shadow: 0 0 3px currentColor;
208 text-decoration: none;
210 .k-grid-header span.k-link {
215 .k-state-disabled .k-link,
216 .k-state-disabled .k-icon,
217 .k-state-disabled .k-button,
218 .k-state-disabled .k-draghandle,
219 .k-state-disabled .k-upload-button input {
220 cursor: default !important;
225 .k-state-disabled .k-input {
226 opacity: 1 !important;
237 background-image: none !important;
238 /* should never be a background on these */
240 /* In IE7 vertical align: middle can't be overridden */
243 .k-ie8 .k-tool-icon {
244 vertical-align: middle;
247 background-position: -115px -91px;
253 html .k-success-colored {
255 border-color: #d0dfd0;
256 background-color: #f0fff0;
258 html .k-info-colored {
260 border-color: #d0d9df;
261 background-color: #f0f9ff;
263 html .k-error-colored {
265 border-color: #dfd0d0;
266 background-color: #fff0f0;
274 background-color: transparent;
275 background-repeat: no-repeat;
276 background-position: center center;
278 .k-icon.k-i-loading {
279 background-color: transparent;
280 background-repeat: no-repeat;
281 background-position: center center;
283 .k-icon.k-i-loading::before {
295 .k-loading-mask .k-loading-progress {
304 text-indent: -4000px;
319 filter: alpha(opacity=30);
327 .k-pane > .k-splitter-overlay {
328 filter: alpha(opacity=0);
343 /* ListBox Drag Clue */
344 .k-item.k-drag-clue {
350 vertical-align: middle;
357 .k-reorder-cue .k-icon {
363 .k-reorder-cue .k-i-arrow-60-down {
365 background-position: -4px -166px;
367 .k-reorder-cue .k-i-arrow-60-up {
369 background-position: -4px -134px;
371 /* virtual scrollbar */
376 .k-scrollbar-vertical {
380 /* scrollbar width */
390 border: 1px solid #8a8a8a;
391 background-color: #858585;
393 @media only screen and (-webkit-min-device-pixel-ratio: 2) {
394 body .k-touch-scrollbar {
400 .k-virtual-scrollable-wrap {
404 /* current time indicator */
409 .k-current-time-arrow-down {
412 background: transparent;
413 border-bottom: 4px solid transparent;
414 border-top: 4px solid #f00;
415 border-left: 4px solid transparent;
416 border-right: 4px solid transparent;
418 .k-current-time-arrow-left {
421 background: transparent;
422 border-bottom: 4px solid transparent;
423 border-top: 4px solid transparent;
424 border-left: 4px solid transparent;
425 border-right: 4px solid #f00;
427 .k-current-time-arrow-right {
430 background: transparent;
431 border-bottom: 4px solid transparent;
432 border-top: 4px solid transparent;
433 border-left: 4px solid #f00;
434 border-right: 4px solid transparent;
436 /* override box sizing for grid layout framework integration (Bootstrap 3, Foundation 4) */
437 .k-animation-container,
440 .k-animation-container *,
442 .k-animation-container *:after,
445 div.k-window-content {
446 box-sizing: content-box;
451 .k-tabstrip > .k-content > .km-scroll-container,
453 .k-edit-cell .k-widget,
454 .k-grid-edit-row .k-widget,
455 .k-grid-edit-row .text-box,
456 .km-actionsheet > li,
458 box-sizing: border-box;
460 /* Fix for Bootstrap 3 */
461 .input-group .form-control {
462 box-sizing: border-box;
464 .form-control.k-widget {
468 text-decoration: none;
470 /* override iOS styles in mobile Kendo */
473 -moz-background-clip: border-box;
474 -webkit-background-clip: border-box;
475 background-clip: border-box;
483 -webkit-appearance: none;
486 .k-ff input.k-checkbox,
492 display: inline-block;
495 vertical-align: text-top;
501 .k-checkbox-label:before {
514 .k-checkbox:indeterminate + .k-checkbox-label:after {
519 -webkit-transform: translate(-50%, -50%);
520 transform: translate(-50%, -50%);
529 .k-checkbox:checked + .k-checkbox-label:before {
532 .k-checkbox:disabled + .k-checkbox-label {
535 .k-radio-label:before {
544 .k-radio:checked + .k-radio-label:after {
552 .k-radio:disabled + .k-radio-label {
555 .k-ie8 input.k-checkbox,
557 display: inline-block;
560 .k-ie8 .k-checkbox-label,
561 .k-ie8 .k-radio-label {
564 .k-ie8 .k-checkbox-label:before,
565 .k-ie8 .k-radio-label:before,
566 .k-ie8 .k-radio-label:after {
569 /* RTL for checkboxes and radio buttons */
570 .k-rtl .k-checkbox-label,
571 .k-rtl .k-radio-label {
572 padding-right: 1.5em;
574 .k-rtl .k-checkbox-label:before,
575 .k-rtl .k-radio-label:before {
578 .k-rtl .k-radio:checked + .k-radio-label:after {
581 input.k-checkbox + label {
582 -webkit-user-select: none;
584 /* Off-screen container used during export */
585 .k-pdf-export-shadow {
591 .km-native-scroller {
593 -webkit-overflow-scrolling: touch;
594 -ms-touch-action: pan-x pan-y;
595 -ms-overflow-style: -ms-autohiding-scrollbar;
596 -ms-scroll-snap-type: proximity;
602 .k-font-icon.k-tool-icon {
604 display: inline-block;
609 vertical-align: middle;
610 background-image: none;
611 font: 16px/1 'WebComponentsIcons';
613 font-variant: normal;
614 text-transform: none;
616 -webkit-font-smoothing: antialiased;
617 -moz-osx-font-smoothing: grayscale;
622 .k-font-icon:before {
625 display: inline-block;
630 .k-column-menu .k-sprite,
631 .k-grid-mobile .k-resize-handle-inner:before,
632 .k-grid-mobile .k-resize-handle-inner:after,
633 .k-pager-numbers .k-current-page .k-link:after,
634 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after,
635 .k-gantt-views > .k-current-view > .k-link:after {
637 display: inline-block;
642 vertical-align: middle;
643 background-image: none;
644 font: 16px/1 'WebComponentsIcons';
646 font-variant: normal;
647 text-transform: none;
649 -webkit-font-smoothing: antialiased;
650 -moz-osx-font-smoothing: grayscale;
664 .k-button.k-button-icon .k-icon,
665 .k-grid-filter .k-icon,
667 text-indent: -99999px;
669 .k-button.k-button-icon .k-icon:before,
670 .k-grid-filter .k-icon:before,
671 .k-header .k-icon:before {
681 background-repeat: no-repeat;
682 background-color: transparent;
683 display: inline-block;
685 -ms-high-contrast-adjust: none;
687 /* responsive panel */
689 -webkit-transform: translateX(-100%) translateZ(0);
690 -ms-transform: translateX(-100%) translateZ(0);
691 transform: translateX(-100%) translateZ(0);
695 -webkit-transform: translateX(100%) translateZ(0);
696 -ms-transform: translateX(100%) translateZ(0);
697 transform: translateX(100%) translateZ(0);
709 .k-rpanel-left.k-rpanel-expanded,
710 .k-rpanel-right.k-rpanel-expanded {
711 -webkit-transform: translateX(0) translateZ(0);
712 -ms-transform: translateX(0) translateZ(0);
713 transform: translateX(0) translateZ(0);
716 .k-rpanel-right + * {
719 .k-ie9 .k-rpanel-left {
722 .k-ie9 .k-rpanel-left.k-rpanel-expanded {
729 .k-rpanel-top.k-rpanel-expanded {
731 overflow: visible !important;
737 .k-window > div.k-popup-edit-form {
740 .k-grid-edit-row .k-edit-form td {
741 border-bottom-width: 0;
743 .k-edit-form-container {
748 .k-edit-form-container .editor-label {
757 .k-edit-form-container .editor-field {
764 .k-edit-field > input[type="checkbox"],
765 .k-edit-field > input[type="radio"] {
768 .k-edit-form-container .k-button {
771 .k-edit-field > input[type="checkbox"]:first-child,
772 .k-edit-field > input[type="radio"]:first-child,
773 .k-edit-field > label:first-child > input[type="checkbox"],
774 .k-edit-field > .k-button:first-child {
777 .k-edit-form-container .k-edit-buttons {
780 border-width: 1px 0 0;
788 display: inline-block;
795 .k-block > .k-header,
800 border-bottom-style: solid;
801 border-bottom-width: 1px;
809 .k-block > .k-header {
811 margin: -2px 0 10px -2px;
820 text-overflow: ellipsis;
822 .k-window-title .k-image {
824 vertical-align: middle;
826 div.k-window-titleless {
829 div.k-window-content {
836 div.k-window-iframecontent {
840 .k-window-content > .km-scroll-container {
843 .k-window-titlebar .k-window-actions {
850 .k-window-titlebar .k-window-action {
855 .k-window-action .k-icon {
859 .k-window > .k-resize-handle {
862 background-color: #fff;
865 filter: alpha(opacity=0);
932 background-color: #000;
933 filter: alpha(opacity=50);
936 .k-window .k-overlay {
940 background-color: #fff;
941 filter: alpha(opacity=0);
947 border-width: 1px 0 0;
954 .k-action-buttons .k-button {
955 display: inline-block;
967 padding: 0.3em 0.3em 0;
969 .k-tabstrip-scrollable .k-tabstrip-items {
973 .k-tabstrip > .k-button {
979 .k-tabstrip-bottom > .k-button {
989 .k-tabstrip-items .k-item,
990 .k-panelbar .k-tabstrip-items .k-item {
991 list-style-type: none;
992 display: inline-block;
995 border-width: 1px 1px 0;
1000 .k-tabstrip-items .k-tab-on-top,
1001 .k-tabstrip-items .k-state-active,
1002 .k-panelbar .k-tabstrip-items .k-state-active {
1003 margin-bottom: -1px;
1004 padding-bottom: 1px;
1006 .k-tabstrip-top .k-tabstrip-items .k-state-active,
1007 .k-panelbar .k-tabstrip-top .k-tabstrip-items .k-state-active {
1008 border-bottom-width: 1px;
1009 margin-bottom: -2px;
1010 padding-bottom: 0px;
1012 .k-tabstrip-items .k-tab-on-top {
1015 .k-tabstrip-items .k-link,
1016 .k-panelbar .k-tabstrip-items .k-link {
1017 display: inline-block;
1018 border-bottom-width: 0;
1019 padding: .5em .92em;
1021 .k-tabstrip-items .k-icon,
1022 .k-panelbar .k-tabstrip-items .k-icon {
1023 margin: -1px 4px 0 -3px;
1024 vertical-align: top;
1026 .k-tabstrip-items .k-item .k-image,
1027 .k-tabstrip-items .k-item .k-sprite,
1028 .k-panelbar .k-tabstrip-items .k-item .k-image,
1029 .k-panelbar .k-tabstrip-items .k-item .k-sprite {
1030 margin: -3px 3px 0 -6px;
1031 vertical-align: middle;
1033 /* TabStrip Loading Progress */
1034 .k-tabstrip-items .k-loading {
1040 background: transparent;
1041 border-top: 1px solid transparent;
1042 border-color: inherit;
1043 transition: width 200ms linear;
1044 transition: "width 200ms linear";
1045 animation: k-tab-loader 1s ease-in-out infinite;
1047 .k-tabstrip-items .k-progress {
1050 .k-tabstrip-items .k-loading.k-complete {
1054 .k-tabstrip > .k-content,
1055 .k-panelbar .k-tabstrip > .k-content {
1057 border-style: solid;
1059 margin: 0 .286em .3em;
1063 .k-tabstrip > .k-content {
1067 .k-tabstrip > .k-content.km-scroll-wrapper {
1070 .k-tabstrip > .k-content > .km-scroll-container {
1071 padding: .3em .92em;
1073 @keyframes k-tab-loader {
1084 /* left and right tabs */
1085 .k-tabstrip-left > div.k-content,
1086 .k-tabstrip-right > div.k-content {
1087 margin: .286em .3em;
1089 .k-tabstrip-left > .k-tabstrip-items .k-item,
1090 .k-tabstrip-right > .k-tabstrip-items .k-item {
1092 margin-bottom: -1px;
1094 .k-tabstrip-left > .k-tabstrip-items .k-link,
1095 .k-tabstrip-right > .k-tabstrip-items .k-link {
1098 .k-tabstrip-left > .k-tabstrip-items .k-tab-on-top,
1099 .k-tabstrip-right > .k-tabstrip-items .k-tab-on-top,
1100 .k-tabstrip-left > .k-tabstrip-items .k-state-active,
1101 .k-tabstrip-right > .k-tabstrip-items .k-state-active,
1102 .k-panelbar .k-tabstrip-left > .k-tabstrip-items .k-state-active,
1103 .k-panelbar .k-tabstrip-right > .k-tabstrip-items .k-state-active {
1104 margin-bottom: -1px;
1108 .k-tabstrip-left > .k-tabstrip-items {
1110 padding: .25em 0 .3em .3em;
1112 .k-tabstrip-left > .k-tabstrip-items .k-item {
1113 border-width: 1px 0 1px 1px;
1114 border-radius: 3px 0 0 3px;
1116 .k-tabstrip-left > .k-tabstrip-items .k-state-active {
1117 border-width: 1px 0 1px 1px;
1119 .k-tabstrip-left > .k-tabstrip-items .k-tab-on-top,
1120 .k-tabstrip-left > .k-tabstrip-items .k-state-active,
1121 .k-panelbar .k-tabstrip-left > .k-tabstrip-items .k-state-active {
1126 .k-tabstrip-right > .k-tabstrip-items {
1128 padding: .25em .3em .3em 0;
1130 .k-tabstrip-right > .k-tabstrip-items .k-item {
1131 border-width: 1px 1px 1px 0;
1132 border-radius: 0 3px 3px 0;
1134 .k-tabstrip-right > .k-tabstrip-items .k-state-active {
1135 border-width: 1px 1px 1px 0;
1137 .k-tabstrip-right > .k-tabstrip-items .k-tab-on-top,
1138 .k-tabstrip-right > .k-tabstrip-items .k-state-active,
1139 .k-panelbar .k-tabstrip-right > .k-tabstrip-items .k-state-active {
1144 .k-tabstrip-bottom > .k-tabstrip-items {
1146 padding: 0 .3em .3em;
1148 .k-tabstrip-bottom > .k-content,
1149 .k-panelbar .k-tabstrip-bottom > .k-content {
1150 margin: .3em .286em 0;
1154 .k-tabstrip-bottom > .k-tabstrip-items .k-item {
1155 border-width: 0 1px 1px;
1156 border-radius: 0 0 4px 4px;
1158 .k-tabstrip-bottom > .k-tabstrip-items .k-state-active {
1162 .k-tabstrip-bottom > .k-content {
1165 .k-tabstrip-bottom > .k-tabstrip-items .k-loading {
1173 .k-panelbar > .k-item,
1174 .k-panel > .k-item {
1175 list-style-type: none;
1182 .k-panelbar .k-link > .k-image,
1183 .k-panelbar .k-link > .k-sprite {
1187 vertical-align: middle;
1189 .k-panelbar > .k-item > .k-link,
1190 .k-panel > .k-item > .k-link {
1193 border-bottom-style: solid;
1194 border-bottom-width: 1px;
1196 line-height: 2.34em;
1197 text-decoration: none;
1200 .k-panelbar-expand.k-icon,
1201 .k-panelbar-collapse.k-icon {
1207 .k-panelbar .k-panel,
1208 .k-panelbar .k-content {
1210 border-bottom-style: solid;
1211 border-bottom-width: 1px;
1216 .k-panel > .k-item > .k-link {
1221 .k-panel .k-panel > .k-item > .k-link {
1224 .k-panelbar .k-i-arrow-end-right .k-link {
1234 border-style: solid;
1237 padding: 0.333em 0 0.333em 0.250em;
1239 .k-pager-numbers .k-link,
1240 .k-pager-numbers .k-state-selected {
1241 display: inline-block;
1242 vertical-align: top;
1248 .k-pager-numbers .k-state-selected {
1249 vertical-align: top;
1251 .k-pager-numbers .k-current-page {
1254 .k-pager-numbers li,
1262 .k-pager-numbers .k-link {
1263 text-decoration: none;
1265 .k-pager-wrap > .k-link,
1266 .k-pager-numbers .k-link,
1267 .k-pager-numbers .k-state-selected {
1270 .k-pager-wrap > .k-link {
1272 margin: 0 0.08333em;
1277 border-radius: 1.0833em;
1281 .k-pager-wrap > a.k-state-disabled:hover {
1285 .k-pager-numbers .k-link {
1288 border-style: solid;
1290 border-radius: 1.0833em;
1292 .k-pager-wrap > .k-link {
1293 border-style: solid;
1296 .k-pager-wrap .k-pager-refresh {
1298 margin-right: 0.5em;
1302 .k-pager-numbers .k-state-selected {
1303 border-style: solid;
1306 border-radius: 1.0833em;
1308 .k-pager-wrap .k-textbox {
1311 .k-pager-wrap .k-dropdown {
1319 padding: 0 1.4166em;
1322 display: inline-block;
1325 .k-pager-sizes .k-widget.k-dropdown {
1328 .k-pager-wrap .k-textbox,
1329 .k-pager-wrap .k-widget {
1332 @media only screen and (max-width: 1024px) {
1333 .k-webkit .k-pager-wrap,
1334 .k-ff .k-pager-wrap,
1335 .k-ie11 .k-pager-wrap,
1336 .k-edge .k-pager-wrap,
1337 .k-safari .k-pager-wrap {
1341 .k-webkit .k-pager-wrap .k-pager-nav,
1342 .k-ff .k-pager-wrap .k-pager-nav,
1343 .k-ie11 .k-pager-wrap .k-pager-nav,
1344 .k-edge .k-pager-wrap .k-pager-nav,
1345 .k-safari .k-pager-wrap .k-pager-nav,
1346 .k-webkit .k-pager-input,
1347 .k-ff .k-pager-input,
1348 .k-ie11 .k-pager-input,
1349 .k-edge .k-pager-input,
1350 .k-safari .k-pager-input {
1351 display: inline-block;
1352 vertical-align: top;
1354 .k-webkit .k-pager-numbers,
1355 .k-ff .k-pager-numbers,
1356 .k-ie11 .k-pager-numbers,
1357 .k-edge .k-pager-numbers,
1358 .k-safari .k-pager-numbers {
1361 display: inline-flex;
1362 flex-direction: column-reverse;
1366 .k-webkit .k-pager-numbers:first-child,
1367 .k-ff .k-pager-numbers:first-child,
1368 .k-ie11 .k-pager-numbers:first-child,
1369 .k-edge .k-pager-numbers:first-child,
1370 .k-safari .k-pager-numbers:first-child {
1373 .k-webkit .k-pager-numbers.k-state-expanded,
1374 .k-ff .k-pager-numbers.k-state-expanded,
1375 .k-ie11 .k-pager-numbers.k-state-expanded,
1376 .k-edge .k-pager-numbers.k-state-expanded,
1377 .k-safari .k-pager-numbers.k-state-expanded {
1378 transform: translatey(-100%);
1379 -webkit-transform: translatey(-100%);
1381 .k-webkit .km-pane-wrapper .k-pager-numbers,
1382 .k-ff .km-pane-wrapper .k-pager-numbers,
1383 .k-ie11 .km-pane-wrapper .k-pager-numbers,
1384 .k-edge .km-pane-wrapper .k-pager-numbers,
1385 .k-safari .km-pane-wrapper .k-pager-numbers {
1388 transform: translate(-50%, -100%);
1389 -webkit-transform: translate(-50%, -100%);
1391 .k-webkit .km-pane-wrapper .k-pager-numbers .k-link,
1392 .k-ff .km-pane-wrapper .k-pager-numbers .k-link,
1393 .k-ie11 .km-pane-wrapper .k-pager-numbers .k-link,
1394 .k-edge .km-pane-wrapper .k-pager-numbers .k-link,
1395 .k-safari .km-pane-wrapper .k-pager-numbers .k-link,
1396 .k-webkit .km-pane-wrapper .k-pager-numbers .k-state-selected,
1397 .k-ff .km-pane-wrapper .k-pager-numbers .k-state-selected,
1398 .k-ie11 .km-pane-wrapper .k-pager-numbers .k-state-selected,
1399 .k-edge .km-pane-wrapper .k-pager-numbers .k-state-selected,
1400 .k-safari .km-pane-wrapper .k-pager-numbers .k-state-selected,
1401 .k-webkit .km-pane-wrapper .k-pager-wrap > .k-link,
1402 .k-ff .km-pane-wrapper .k-pager-wrap > .k-link,
1403 .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-link,
1404 .k-edge .km-pane-wrapper .k-pager-wrap > .k-link,
1405 .k-safari .km-pane-wrapper .k-pager-wrap > .k-link,
1406 .k-webkit .km-pane-wrapper .k-pager-wrap > .k-pager-info,
1407 .k-ff .km-pane-wrapper .k-pager-wrap > .k-pager-info,
1408 .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-pager-info,
1409 .k-edge .km-pane-wrapper .k-pager-wrap > .k-pager-info,
1410 .k-safari .km-pane-wrapper .k-pager-wrap > .k-pager-info {
1414 .k-webkit .k-rtl .k-pager-numbers,
1415 .k-ff .k-rtl .k-pager-numbers,
1416 .k-ie11 .k-rtl .k-pager-numbers,
1417 .k-edge .k-rtl .k-pager-numbers,
1418 .k-safari .k-rtl .k-pager-numbers {
1423 .k-webkit .k-rtl .k-pager-numbers:first-child,
1424 .k-ff .k-rtl .k-pager-numbers:first-child,
1425 .k-ie11 .k-rtl .k-pager-numbers:first-child,
1426 .k-edge .k-rtl .k-pager-numbers:first-child,
1427 .k-safari .k-rtl .k-pager-numbers:first-child {
1431 .k-webkit .k-rtl .km-pane-wrapper .k-pager-numbers,
1432 .k-ff .k-rtl .km-pane-wrapper .k-pager-numbers,
1433 .k-ie11 .k-rtl .km-pane-wrapper .k-pager-numbers,
1434 .k-edge .k-rtl .km-pane-wrapper .k-pager-numbers,
1435 .k-safari .k-rtl .km-pane-wrapper .k-pager-numbers {
1438 .k-webkit .k-pager-numbers .k-current-page,
1439 .k-ff .k-pager-numbers .k-current-page,
1440 .k-ie11 .k-pager-numbers .k-current-page,
1441 .k-edge .k-pager-numbers .k-current-page,
1442 .k-safari .k-pager-numbers .k-current-page {
1446 .k-webkit .k-pager-numbers.k-state-expanded .k-current-page,
1447 .k-ff .k-pager-numbers.k-state-expanded .k-current-page,
1448 .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page,
1449 .k-edge .k-pager-numbers.k-state-expanded .k-current-page,
1450 .k-safari .k-pager-numbers.k-state-expanded .k-current-page {
1451 transform: translatey(100%);
1452 -webkit-transform: translatey(100%);
1454 .k-webkit .k-pager-numbers li:not(.k-current-page),
1455 .k-ff .k-pager-numbers li:not(.k-current-page),
1456 .k-ie11 .k-pager-numbers li:not(.k-current-page),
1457 .k-edge .k-pager-numbers li:not(.k-current-page),
1458 .k-safari .k-pager-numbers li:not(.k-current-page) {
1461 .k-webkit .k-pager-numbers .k-current-page .k-link,
1462 .k-ff .k-pager-numbers .k-current-page .k-link,
1463 .k-ie11 .k-pager-numbers .k-current-page .k-link,
1464 .k-edge .k-pager-numbers .k-current-page .k-link,
1465 .k-safari .k-pager-numbers .k-current-page .k-link {
1467 padding: 0 .429em 0 .714em;
1468 border-radius: 1.0833em;
1470 .k-webkit .k-pager-numbers + .k-link,
1471 .k-ff .k-pager-numbers + .k-link,
1472 .k-ie11 .k-pager-numbers + .k-link,
1473 .k-edge .k-pager-numbers + .k-link,
1474 .k-safari .k-pager-numbers + .k-link {
1477 .k-webkit .k-rtl .k-pager-numbers + .k-link,
1478 .k-ff .k-rtl .k-pager-numbers + .k-link,
1479 .k-ie11 .k-rtl .k-pager-numbers + .k-link,
1480 .k-edge .k-rtl .k-pager-numbers + .k-link,
1481 .k-safari .k-rtl .k-pager-numbers + .k-link {
1482 margin-right: 5.1em;
1485 .k-webkit .k-pager-numbers .k-state-selected,
1486 .k-ff .k-pager-numbers .k-state-selected,
1487 .k-ie11 .k-pager-numbers .k-state-selected,
1488 .k-edge .k-pager-numbers .k-state-selected,
1489 .k-safari .k-pager-numbers .k-state-selected,
1490 .k-webkit .k-pager-numbers .k-link,
1491 .k-ff .k-pager-numbers .k-link,
1492 .k-ie11 .k-pager-numbers .k-link,
1493 .k-edge .k-pager-numbers .k-link,
1494 .k-safari .k-pager-numbers .k-link {
1497 padding: 1px 5px 1px 5px;
1500 .k-webkit .k-pager-numbers.k-state-expanded,
1501 .k-ff .k-pager-numbers.k-state-expanded,
1502 .k-ie11 .k-pager-numbers.k-state-expanded,
1503 .k-edge .k-pager-numbers.k-state-expanded,
1504 .k-safari .k-pager-numbers.k-state-expanded {
1505 box-sizing: border-box;
1508 .k-webkit .k-pager-numbers.k-state-expanded .k-current-page,
1509 .k-ff .k-pager-numbers.k-state-expanded .k-current-page,
1510 .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page,
1511 .k-edge .k-pager-numbers.k-state-expanded .k-current-page,
1512 .k-safari .k-pager-numbers.k-state-expanded .k-current-page {
1513 margin: -2em -3px 0;
1516 .k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link,
1517 .k-ff .k-pager-numbers.k-state-expanded .k-current-page .k-link,
1518 .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page .k-link,
1519 .k-edge .k-pager-numbers.k-state-expanded .k-current-page .k-link,
1520 .k-safari .k-pager-numbers.k-state-expanded .k-current-page .k-link {
1521 border-radius: 0 0 1.0833em 1.0833em;
1523 .k-webkit .k-pager-numbers.k-state-expanded li,
1524 .k-ff .k-pager-numbers.k-state-expanded li,
1525 .k-ie11 .k-pager-numbers.k-state-expanded li,
1526 .k-edge .k-pager-numbers.k-state-expanded li,
1527 .k-safari .k-pager-numbers.k-state-expanded li {
1528 display: inline-block;
1531 @media only screen and (max-width: 640px) {
1532 .k-webkit .k-pager-info,
1533 .k-ff .k-pager-info,
1534 .k-ie11 .k-pager-info,
1535 .k-edge .k-pager-info,
1536 .k-safari .k-pager-info {
1540 @media only screen and (max-width: 480px) {
1541 .k-webkit .k-pager-sizes,
1542 .k-ff .k-pager-sizes,
1543 .k-ie11 .k-pager-sizes,
1544 .k-edge .k-pager-sizes,
1545 .k-safari .k-pager-sizes {
1549 .k-rtl .k-pager-wrap .k-i-seek-e,
1550 .k-rtl .k-pager-wrap .k-i-seek-w,
1551 .k-rtl .k-pager-wrap .k-i-arrow-e,
1552 .k-rtl .k-pager-wrap .k-i-arrow-w {
1553 transform: scaleX(-1);
1560 white-space: nowrap;
1563 .k-menu-scroll-wrapper .k-menu-group,
1564 .k-popups-wrapper .k-menu-group,
1565 .k-menu .k-menu-group {
1579 .k-menu-scroll-wrapper .k-item,
1580 .k-popups-wrapper .k-item,
1582 -webkit-user-select: none;
1583 -moz-user-select: -moz-none;
1586 .k-menu-scroll-wrapper .k-item div,
1587 .k-popups-wrapper .k-item div,
1588 .k-menu .k-item div {
1589 user-select: default;
1591 .k-popups-wrapper .k-item .k-item,
1592 .k-popups-wrapper.vertical > .k-item,
1593 .k-menu-scroll-wrapper .k-item .k-item,
1594 .k-menu-scroll-wrapper.vertical > .k-item,
1595 .k-menu .k-item .k-item,
1596 ul.k-menu-vertical > .k-item {
1601 .k-menu-scroll-wrapper .k-item > .k-link > .k-icon,
1602 .k-menu-scroll-wrapper .k-image,
1603 .k-menu-scroll-wrapper .k-sprite,
1604 .k-popups-wrapper .k-item > .k-link > .k-icon,
1605 .k-popups-wrapper .k-image,
1606 .k-popups-wrapper .k-sprite,
1607 .k-menu .k-item > .k-link > .k-icon,
1610 margin: -2px 4px 0 -4px;
1611 vertical-align: middle;
1613 .k-menu-scroll-wrapper .k-item > .k-link > .k-icon,
1614 .k-popups-wrapper .k-item > .k-link > .k-icon,
1615 .k-menu .k-item > .k-link > .k-icon {
1618 .k-menu-scroll-wrapper .k-item > .k-link,
1619 .k-popups-wrapper .k-item > .k-link,
1620 .k-menu .k-item > .k-link {
1623 line-height: 1.34em;
1626 .k-menu-scroll-wrapper .k-menu-group,
1627 .k-popups-wrapper .k-menu-group,
1628 .k-menu .k-menu-group {
1630 border-style: solid;
1633 white-space: nowrap;
1635 .k-menu-scroll-wrapper .k-menu-group > .k-item,
1636 .k-popups-wrapper .k-menu-group > .k-item,
1637 .k-menu .k-menu-group > .k-item {
1641 .k-menu-scroll-wrapper .k-item,
1642 .k-menu-scroll-wrapper.horizontal > .k-item,
1643 .k-popups-wrapper .k-item,
1644 .k-popups-wrapper.horizontal > .k-item,
1646 .k-widget.k-menu-horizontal > .k-item {
1649 border-style: solid;
1650 border-width: 0 1px 0 0;
1651 vertical-align: top;
1653 box-sizing: content-box;
1655 .k-menu-scroll-wrapper .k-menu-group .k-item > .k-link,
1656 .k-popups-wrapper.vertical > .k-item > .k-link,
1657 .k-context-menu.k-menu-vertical > .k-item > .k-link,
1658 .k-menu .k-menu-group .k-item > .k-link {
1659 padding: .28em 1.8em .38em .9em;
1661 .k-popups-wrapper.horizontal > .k-separator,
1662 .k-context-menu.k-menu-horizontal > .k-separator {
1665 .k-popups-wrapper.horizontal > .k-item,
1666 .k-context-menu.k-menu-horizontal > .k-item {
1667 box-sizing: border-box;
1669 .k-popups-wrapper.horizontal > .k-last,
1670 .k-context-menu.k-menu-horizontal > .k-last {
1673 .k-menu-scroll-wrapper .k-item > .k-link > .k-i-arrow-60-down,
1674 .k-popups-wrapper .k-item > .k-link > .k-i-arrow-60-down,
1675 .k-menu .k-item > .k-link > .k-i-arrow-60-down {
1678 .k-menu-scroll-wrapper .k-item > .k-link > .k-i-arrow-60-right,
1679 .k-popups-wrapper .k-item > .k-link > .k-i-arrow-60-right,
1680 .k-menu .k-item > .k-link > .k-i-arrow-60-right {
1687 .k-menu-scroll-wrapper .k-animation-container,
1688 .k-popups-wrapper .k-animation-container,
1689 .k-menu .k-animation-container {
1692 .k-menu-scroll-wrapper .k-animation-container,
1693 .k-menu-scroll-wrapper .k-menu-group,
1694 .k-popups-wrapper .k-animation-container,
1695 .k-popups-wrapper .k-menu-group,
1696 .k-menu .k-animation-container,
1697 .k-menu .k-menu-group {
1701 .k-menu-scroll-wrapper .k-animation-container .k-animation-container,
1702 .k-menu-scroll-wrapper .k-menu-group .k-menu-group,
1703 .k-menu-scroll-wrapper.vertical .k-animation-container,
1704 .k-menu-scroll-wrapper.vertical .k-menu-group,
1705 .k-popups-wrapper .k-animation-container .k-animation-container,
1706 .k-popups-wrapper .k-menu-group .k-menu-group,
1707 .k-popups-wrapper.vertical .k-animation-container,
1708 .k-popups-wrapper.vertical .k-menu-group,
1709 .k-menu .k-animation-container .k-animation-container,
1710 .k-menu .k-menu-group .k-menu-group,
1711 .k-menu-vertical .k-animation-container,
1712 .k-menu-vertical .k-menu-group {
1716 .k-menu-scroll-wrapper .k-animation-container .k-menu-group,
1717 .k-popups-wrapper .k-animation-container .k-menu-group,
1718 .k-menu .k-animation-container .k-menu-group {
1723 .k-menu .k-animation-container,
1724 .k-menu-scroll-wrapper .k-animation-container,
1725 .k-popups-wrapper .k-animation-container,
1726 .k-popup .k-animation-container {
1730 .k-ie .k-menu .k-animation-container,
1731 .k-ie .k-menu-scroll-wrapper .k-animation-container,
1732 .k-ie .k-popups-wrapper .k-animation-container,
1733 .k-ie .k-popup .k-animation-container {
1736 .k-popup .k-animation-container .k-popup {
1739 .k-menu-scroll-wrapper .k-separator,
1740 .k-popups-wrapper .k-separator,
1741 ul.k-menu .k-separator {
1747 border-width: 0 1px 0 0;
1749 .k-menu-scroll-wrapper.vertical .k-separator,
1750 .k-menu-scroll-wrapper.vertical .k-menu-group .k-separator,
1751 .k-popups-wrapper.vertical .k-separator,
1752 .k-popups-wrapper.vertical .k-menu-group .k-separator,
1753 ul.k-menu-vertical .k-separator,
1754 .k-menu .k-menu-group .k-separator {
1758 border-width: 1px 0 0;
1760 .k-popups-wrapper .k-widget.k-menu,
1761 .k-menu-scroll-wrapper .k-widget.k-menu {
1762 white-space: nowrap;
1765 .k-popups-wrapper.vertical .k-menu.k-menu-vertical,
1766 .k-menu-scroll-wrapper.vertical .k-menu.k-menu-vertical {
1768 box-sizing: border-box;
1770 .k-popups-wrapper.horizontal .k-menu.k-menu-horizontal > .k-item,
1771 .k-menu-scroll-wrapper.horizontal .k-menu.k-menu-horizontal > .k-item {
1772 display: inline-block;
1776 .k-popups-wrapper.vertical .k-menu.k-menu-vertical > .k-item,
1777 .k-menu-scroll-wrapper.vertical .k-menu.k-menu-vertical > .k-item {
1781 .k-menu-scroll-wrapper {
1787 .k-popups-wrapper.vertical,
1788 .k-menu-scroll-wrapper.vertical {
1791 .k-popups-wrapper > .k-animation-container .k-item,
1792 .k-menu-scroll-wrapper > .k-animation-container .k-item {
1795 .k-popups-wrapper .k-menu-scroll-button,
1796 .k-menu-scroll-wrapper .k-menu-scroll-button {
1801 .k-popups-wrapper .k-scroll-up,
1802 .k-menu-scroll-wrapper .k-scroll-up {
1807 .k-popups-wrapper .k-scroll-down,
1808 .k-menu-scroll-wrapper .k-scroll-down {
1813 .k-popups-wrapper .k-scroll-up,
1814 .k-menu-scroll-wrapper .k-scroll-up,
1815 .k-popups-wrapper .k-scroll-down,
1816 .k-menu-scroll-wrapper .k-scroll-down {
1820 .k-popups-wrapper .k-scroll-left,
1821 .k-menu-scroll-wrapper .k-scroll-left {
1826 .k-popups-wrapper .k-scroll-right,
1827 .k-menu-scroll-wrapper .k-scroll-right {
1832 .k-popups-wrapper .k-scroll-left,
1833 .k-menu-scroll-wrapper .k-scroll-left,
1834 .k-popups-wrapper .k-scroll-right,
1835 .k-menu-scroll-wrapper .k-scroll-right {
1840 .k-popups-wrapper .k-scroll-left .k-icon,
1841 .k-menu-scroll-wrapper .k-scroll-left .k-icon,
1842 .k-popups-wrapper .k-scroll-right .k-icon,
1843 .k-menu-scroll-wrapper .k-scroll-right .k-icon {
1857 display: inline-block;
1862 width: 21.71428571em;
1865 .k-calendar .k-link {
1866 text-decoration: none;
1868 .k-calendar .k-action-link {
1869 text-decoration: underline;
1871 .k-calendar .k-header,
1872 .k-calendar .k-footer {
1877 .k-widget.k-calendar .k-nav-prev,
1878 .k-widget.k-calendar .k-nav-next {
1881 line-height: 1.8333em;
1884 .k-widget.k-calendar .k-nav-prev {
1887 .k-widget.k-calendar .k-nav-next {
1890 .k-calendar .k-content {
1897 table-layout: fixed;
1900 .k-calendar .k-content,
1901 .k-calendar .k-content th {
1904 .k-calendar .k-content .k-alt {
1907 font-weight: normal;
1909 line-height: 1.8333em;
1911 .k-calendar .k-animation-container .k-content {
1914 .k-widget.k-calendar .k-nav-fast {
1915 display: inline-block;
1918 line-height: 1.8333em;
1919 margin: 0.16666em -0.08333em 0.3333em 0;
1921 .k-calendar .k-header .k-icon {
1922 vertical-align: middle;
1924 .k-calendar .k-header .k-link.k-nav-prev,
1925 .k-calendar .k-header .k-link.k-nav-next {
1930 border-bottom-style: solid;
1931 border-bottom-width: 1px;
1932 padding: .4em .45em .4em .1em;
1933 font-weight: normal;
1940 .k-calendar .k-state-focus {
1941 border-style: dotted;
1942 border-width: 0.08333em;
1945 .k-calendar .k-content .k-link {
1948 min-height: 1.8333em;
1949 line-height: 1.8333em;
1950 padding: 0 .45em 0 .1em;
1952 .k-calendar .k-meta-view .k-link {
1953 padding: .25em 0 .3em;
1956 .k-calendar .k-century .k-link {
1960 .k-calendar .k-footer {
1963 .k-calendar .k-footer .k-nav-today,
1964 .k-calendar .k-footer > .k-state-disabled {
1969 .k-calendar .k-nav-today:hover {
1970 text-decoration: underline;
1972 /* ComboBox & DropDownList */
1975 span.k-datetimepicker,
1977 span.k-numerictextbox,
1980 .k-toolbar .k-split-button {
1981 background-image: none;
1993 .k-toolbar .k-split-button,
1996 display: inline-block;
2000 vertical-align: middle;
2002 .k-autocomplete > .k-i-close,
2003 .k-combobox > .k-dropdown-wrap > .k-i-close,
2004 .k-multiselect > .k-multiselect-wrap > .k-i-close {
2009 .k-autocomplete > .k-i-close,
2010 .k-combobox > .k-dropdown-wrap > .k-i-close {
2013 transform: translateY(-50%);
2015 .k-ie8 .k-autocomplete > .k-i-close,
2016 .k-ie8 .k-combobox > .k-dropdown-wrap > .k-i-close {
2019 .k-combobox > .k-dropdown-wrap > .k-i-close {
2023 .k-multiselect > .k-multiselect-wrap > .k-i-close {
2026 .k-autocomplete > .k-i-close,
2027 .k-multiselect > .k-multiselect-wrap > .k-i-close {
2030 .k-autocomplete.k-state-hover > .k-i-close,
2031 .k-combobox > .k-dropdown-wrap.k-state-hover > .k-i-close,
2032 .k-autocomplete.k-state-focused > .k-i-close,
2033 .k-combobox > .k-dropdown-wrap.k-state-focused > .k-i-close {
2034 display: inline-block;
2037 .k-autocomplete > .k-hidden,
2038 .k-combobox > .k-dropdown-wrap > .k-hidden,
2039 .k-multiselect .k-hidden {
2040 display: none !important;
2042 .k-multiselect.k-state-hover > .k-multiselect-wrap > .k-i-close,
2043 .k-multiselect.k-state-focused > .k-multiselect-wrap > .k-i-close {
2044 display: inline-block;
2047 .k-autocomplete.k-state-border-down > .k-i-close,
2048 .k-combobox > .k-dropdown-wrap.k-state-border-down > .k-i-close {
2051 .k-filter-menu .k-combobox,
2052 .k-filter-menu .k-datepicker,
2053 .k-filter-menu .k-timepicker,
2054 .k-filter-menu .k-datetimepicker,
2055 .k-filter-menu .k-numerictextbox,
2056 .k-filter-menu .k-dropdown,
2057 .k-filter-menu .k-autocomplete,
2058 .k-filter-menu .k-textbox {
2070 .k-toolbar .k-split-button {
2071 white-space: nowrap;
2074 .k-toolbar .k-split-button {
2102 .k-header-column-menu {
2104 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2112 .k-grid-header .k-i-link-horizontal,
2113 .k-header-column-menu {
2114 -webkit-touch-callout: none;
2120 .k-popup.k-list-container,
2121 .k-popup.k-calendar-container {
2122 -webkit-touch-callout: none;
2123 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2126 border-style: solid;
2128 .k-list-container.k-state-border-down,
2129 .k-autocomplete.k-state-border-down,
2130 .k-dropdown-wrap.k-state-border-down,
2131 .k-picker-wrap.k-state-border-down,
2132 .k-numeric-wrap.k-state-border-down {
2133 border-bottom-width: 0;
2134 padding-bottom: 1px;
2136 .k-list-container .km-scroll-container {
2137 padding-bottom: 6px;
2145 border-style: solid;
2146 padding: 0 1.9em 0 0;
2148 .k-numeric-wrap.k-expand-padding {
2155 .k-textbox.k-space-left {
2156 padding-left: 1.9em;
2158 .k-textbox.k-space-right {
2159 padding-right: 1.9em;
2161 .k-textbox .k-icon {
2166 .k-space-left .k-icon {
2169 .k-space-right .k-icon {
2172 /*prevent missing bottom border at some zoom levels*/
2173 span.k-textbox:after {
2180 .k-dropdown-wrap.k-state-focused,
2181 .k-dropdown-wrap.k-state-hover,
2182 .k-picker-wrap.k-state-focused,
2183 .k-picker-wrap.k-state-hover,
2184 .k-numeric-wrap.k-state-focused,
2185 .k-numeric-wrap.k-state-hover {
2186 transition: box-shadow .15s ease-out;
2187 transition: "box-shadow .15s ease-out";
2190 .k-picker-wrap .k-input,
2191 .k-numeric-wrap .k-input,
2192 .k-combobox .k-input {
2194 vertical-align: top;
2196 .k-picker-wrap .k-input,
2197 .k-numeric-wrap .k-input,
2198 .k-dropdown-wrap .k-input,
2199 .k-selectbox .k-input {
2200 font-family: inherit;
2204 .k-dropdown .k-input,
2205 .k-selectbox .k-input {
2206 background: transparent;
2208 .k-picker-wrap .k-select,
2209 .k-numeric-wrap .k-select,
2210 .k-dropdown-wrap .k-select {
2212 /* icon positioning */
2215 display: inline-block;
2216 vertical-align: top;
2217 text-decoration: none;
2219 .k-combobox .k-select,
2220 .k-picker-wrap .k-select,
2221 .k-numeric-wrap .k-select {
2222 border-style: solid;
2223 border-width: 0 0 0 1px;
2224 border-color: inherit;
2225 /* skin-related, inherit does not work in ie7- */
2227 span.k-datetimepicker .k-select,
2228 span.k-datetimepicker .k-select + .k-select {
2232 .k-autocomplete .k-input {
2235 .k-combobox .k-icon {
2236 /*margin-top: 1px;*/
2238 .k-dropdown .k-select,
2239 .k-selectbox .k-select {
2242 text-decoration: none;
2246 .k-dropdown .k-input,
2247 .k-selectbox .k-input {
2250 text-overflow: ellipsis;
2253 .k-autocomplete .k-input,
2254 .k-picker-wrap .k-input,
2255 .k-numeric-wrap .k-input,
2256 .k-dropdown-wrap .k-input,
2257 .k-selectbox .k-input {
2259 line-height: 2.214em;
2265 .k-combobox .k-dropdown-wrap:before,
2266 .k-picker-wrap:before,
2267 .k-numeric-wrap:before {
2269 display: inline-block;
2272 padding-bottom: 0.3em;
2274 .k-combobox-clearable .k-input {
2275 padding-right: 1.9em;
2276 box-sizing: border-box;
2278 text-overflow: ellipsis;
2281 /* fix missing bottom border on browser zoom in Chrome */
2282 .k-webkit .k-combobox .k-dropdown-wrap:before,
2283 .k-webkit .k-picker-wrap:before,
2284 .k-webkit .k-numeric-wrap:before {
2285 padding-bottom: 0.38em;
2287 /* above style breaks NumericTextBox layout due display:block style applied to the input */
2288 .km.root .k-combobox .k-dropdown-wrap:before,
2289 .km.root .k-picker-wrap:before,
2290 .km.root .k-numeric-wrap:before {
2293 .k-combobox .k-input,
2294 .k-picker-wrap .k-input,
2295 .k-numeric-wrap .k-input {
2298 .k-picker-wrap .k-select,
2299 .k-numeric-wrap .k-select,
2300 .k-dropdown-wrap .k-select {
2301 min-height: 2.214em;
2302 line-height: 2.564em;
2303 vertical-align: middle;
2304 -moz-box-sizing: border-box;
2309 .k-numeric-wrap .k-select {
2312 body .k-datetimepicker .k-select {
2315 .k-combobox .k-select,
2317 .k-selectbox .k-icon {
2321 border-style: solid;
2325 .k-list-optionlabel {
2328 .k-popup .k-calendar {
2338 text-transform: uppercase;
2340 font-weight: lighter;
2343 display: table-cell;
2345 vertical-align: middle;
2348 .k-popup .k-list .k-item,
2349 .k-fieldselector .k-list .k-item,
2350 .k-list-optionlabel,
2351 .k-popup > .k-group-header,
2352 .k-popup > .k-virtual-wrap > .k-group-header,
2354 .k-item.k-drag-clue {
2355 padding: 1px 5px 1px 5px;
2359 .k-popup .k-list .k-item,
2360 .k-listbox .k-item {
2362 border-style: solid;
2363 border-color: transparent;
2366 .k-popup .k-list .k-item > .k-group {
2369 .k-group-header + div > .k-list > .k-item.k-first:before {
2372 border-top-width: 1px;
2373 border-top-style: solid;
2379 .k-popup > .k-group-header,
2380 .k-popup > .k-virtual-wrap > .k-group-header {
2381 padding-right: 22px;
2383 .k-overflow-container .k-item {
2386 .k-overflow-container > .k-state-disabled .k-button,
2387 .k-overflow-container .k-button.k-state-disabled,
2388 .k-overflow-container .k-button.k-state-disabled:hover {
2392 .k-popup .k-list .k-state-hover,
2393 .k-popup .k-list .k-state-focused,
2394 .k-popup .k-list .k-state-selected,
2395 .k-overflow-container .k-state-hover,
2396 .k-overflow-container .k-state-focused,
2397 .k-overflow-container .k-state-selected,
2398 .k-fieldselector .k-list .k-item,
2399 .k-list-optionlabel.k-state-focused,
2400 .k-list-optionlabel.k-state-selected,
2401 .k-listbox .k-item {
2404 border-style: solid;
2410 .k-list-filter > .k-textbox {
2411 padding-right: 20px;
2414 .k-list-filter > .k-icon {
2418 transform: translateY(-50%);
2420 .km-root .k-list-filter > .k-textbox {
2423 border-left-width: 0;
2424 border-right-width: 0;
2427 .k-multiselect-wrap {
2430 border-style: solid;
2432 border-color: #C5C5C5;
2433 background-color: #FFF;
2435 padding-right: 22px;
2437 .k-multiselect-wrap .k-input {
2438 background-color: transparent;
2440 line-height: 1.31em;
2447 .k-multiselect-wrap .k-input::-ms-clear {
2450 .k-multiselect-wrap li {
2451 margin: 1px 0 1px 1px;
2452 padding: .1em 1.6em .1em .4em;
2453 line-height: 2.064em;
2457 .k-autocomplete .k-i-loading,
2458 .k-multiselect .k-i-loading {
2463 .k-multiselect-wrap .k-select {
2468 padding: .03em .2em;
2470 /* Date/Time Pickers */
2471 .k-datetimepicker .k-picker-wrap {
2472 padding-right: 3.8em;
2474 .k-datetimepicker .k-select {
2477 .k-datetimepicker .k-select .k-link-date {
2478 margin-left: -0.285em;
2480 .k-datetimepicker .k-select .k-link-time {
2481 margin-right: -0.285em;
2482 margin-left: .428em;
2484 .k-datetimepicker .k-picker-wrap .k-icon {
2487 .k-picker-wrap .k-icon {
2495 display: inline-block;
2496 vertical-align: middle;
2498 .k-picker-wrap .k-input {
2501 .k-time-popup .k-item {
2509 .k-textbox > input {
2511 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2517 textarea.k-textbox {
2525 .k-ie input.k-textbox {
2528 .k-ff input.k-textbox {
2531 textarea.k-textbox {
2534 /* NumericTextBox */
2535 span.k-numerictextbox {
2536 background-color: transparent;
2538 .k-numerictextbox .k-input {
2541 .k-numerictextbox .k-link {
2545 vertical-align: middle;
2550 .k-numerictextbox .k-icon {
2555 .k-numerictextbox .k-i-arrow-60-up {
2558 .k-numerictextbox .k-i-arrow-60-down {
2561 .k-numeric-wrap .k-input::-webkit-inner-spin-button {
2562 -webkit-appearance: none;
2565 .k-colorpicker .k-picker-wrap {
2568 .k-colorpicker .k-selected-color {
2569 vertical-align: top;
2570 display: inline-block;
2574 .k-colorpicker .k-selected-color .k-i-line {
2577 display: inline-block;
2578 -moz-transform: scaleX(-1);
2579 -o-transform: scaleX(-1);
2580 -webkit-transform: scaleX(-1);
2581 transform: scaleX(-1);
2583 -ms-filter: "FlipH";
2585 .k-colorpicker .k-selected-color .k-i-line:before {
2588 .k-colorpicker .k-tool-icon {
2591 display: inline-block;
2592 padding: 3px 3px 2px;
2596 background-repeat: no-repeat;
2597 vertical-align: middle;
2600 -ms-high-contrast-adjust: none;
2602 .k-colorpicker .k-tool-icon .k-selected-color {
2609 border-radius: 0 !important;
2611 .k-colorpicker .k-select {
2614 .k-colorpicker .k-picker-wrap .k-icon {
2617 .k-disabled-overlay {
2623 background-color: #fff;
2625 filter: alpha(opacity=50);
2631 display: inline-block;
2633 .k-colorpalette .k-palette {
2634 border-collapse: collapse;
2639 .k-colorpalette .k-item {
2643 -ms-high-contrast-adjust: none;
2645 .k-colorpalette .k-item.k-state-selected,
2646 .k-colorpalette .k-item.k-state-selected:hover {
2648 background: transparent;
2649 box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.45);
2652 .k-colorpalette .k-item:hover {
2655 box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.3);
2657 .k-flatcolorpicker {
2659 display: inline-block;
2661 padding-bottom: 5px;
2663 div.k-flatcolorpicker {
2664 background-color: transparent;
2665 background-image: none;
2667 .k-flatcolorpicker .k-selected-color {
2668 background-image: url("../textures/transtexture.png");
2669 background-position: 50% 50%;
2672 .k-flatcolorpicker .k-selected-color input.k-color-value {
2673 font-family: Consolas, "Ubuntu Mono", "Lucida Console", "Courier New", monospace;
2674 padding: .75em .1em .65em .65em;
2679 .k-flatcolorpicker .k-selected-color .k-color-input {
2680 background-color: #fff;
2681 display: inline-block;
2685 .k-flatcolorpicker .k-selected-color .k-clear-color {
2689 .k-flatcolorpicker .k-selected-color .k-clear-color .k-i-reset-color:before {
2693 .k-flatcolorpicker .k-selected-color .k-clear-color .k-i-reset-color:hover,
2694 .k-flatcolorpicker .k-selected-color .k-clear-color .k-i-reset-color:active {
2697 .k-flatcolorpicker .k-clear-color-container .k-clear-color.k-state-focused:active {
2700 .k-flatcolorpicker .k-clear-color-container .k-clear-color:active {
2704 .k-flatcolorpicker .k-selected-color .k-clear-color .k-i-reset-color,
2705 .k-flatcolorpicker .k-clear-color-container .k-clear-color .k-i-reset-color {
2706 background-image: none;
2708 .k-flatcolorpicker .k-clear-color-container {
2711 .k-flatcolorpicker .k-hsv-rectangle {
2714 -ms-touch-action: pinch-zoom double-tap-zoom;
2716 .k-flatcolorpicker .k-hsv-rectangle .k-draghandle {
2724 border: 1px solid #eee;
2728 box-shadow: 0 1px 2px #444;
2729 background: transparent;
2731 .k-flatcolorpicker .k-hsv-rectangle .k-draghandle:hover,
2732 .k-flatcolorpicker .k-hsv-rectangle .k-draghandle:focus {
2733 background: transparent;
2735 box-shadow: 0 1px 5px #000;
2737 .k-flatcolorpicker .k-hsv-rectangle.k-dragging,
2738 .k-flatcolorpicker .k-hsv-rectangle.k-dragging * {
2741 .k-flatcolorpicker .k-slider-horizontal {
2746 .k-flatcolorpicker .k-slider-horizontal .k-slider-track {
2747 box-shadow: 0 1px 0 #fff, 0 -1px 0 #999;
2749 .k-flatcolorpicker .k-hue-slider,
2750 .k-flatcolorpicker .k-transparency-slider {
2753 .k-flatcolorpicker .k-hue-slider .k-slider-selection,
2754 .k-flatcolorpicker .k-transparency-slider .k-slider-selection {
2755 background: transparent;
2757 .k-flatcolorpicker .k-hue-slider .k-draghandle,
2758 .k-flatcolorpicker .k-transparency-slider .k-draghandle {
2759 background: transparent;
2760 border: 3px solid #eee;
2764 box-shadow: 0 1px 4px #444;
2766 .k-flatcolorpicker .k-hue-slider .k-draghandle:hover,
2767 .k-flatcolorpicker .k-transparency-slider .k-draghandle:hover,
2768 .k-flatcolorpicker .k-hue-slider .k-draghandle:focus,
2769 .k-flatcolorpicker .k-transparency-slider .k-draghandle:focus {
2770 background: transparent;
2772 box-shadow: 0 1px 5px #000;
2776 .k-flatcolorpicker .k-hue-slider .k-slider-track {
2777 background: linear-gradient(to right, #ff0000 0%, #ffff00 16%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 84%, #ff0004 100%);
2779 .k-flatcolorpicker .k-transparency-slider .k-slider-track {
2780 background-image: url("../textures/transparency.png");
2781 background-size: 100% auto;
2782 background-position: 100% 50%;
2783 background-repeat: no-repeat;
2785 .k-flatcolorpicker .k-controls {
2791 .k-flatcolorpicker .k-controls .k-button {
2794 .k-flatcolorpicker .k-hsv-gradient {
2795 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%);
2799 .k-ie9 .k-flatcolorpicker .k-hue-slider .k-slider-track {
2800 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2ZmZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzAwZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iI2ZmMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
2802 .k-ie9 .k-flatcolorpicker .k-hsv-gradient {
2803 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
2805 .k-ie8 .k-flatcolorpicker .k-hue-slider .k-slider-track {
2806 background: url("../textures/hue.png") repeat 0 50%;
2808 .k-ie8 .k-flatcolorpicker .k-transparency-slider .k-slider-track {
2809 background: url("../textures/transparency.png") repeat 0 50%;
2811 .k-ie8 .k-flatcolorpicker .k-hsv-gradient {
2812 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#00ffffff',GradientType=1) progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#ff000000',GradientType=0);
2814 .k-rtl .k-multiselect-wrap {
2820 display: inline-block;
2821 background-color: transparent;
2824 .k-maskedtextbox ::-ms-clear {
2829 .k-maskedtextbox .k-i-warning {
2835 transform: translateY(-50%);
2837 .k-maskedtextbox.k-state-invalid .k-i-warning {
2838 display: inline-block;
2842 display: inline-block;
2845 .k-dateinput.k-widget {
2846 background-color: transparent;
2848 .k-dateinput ::-ms-clear {
2853 .k-dateinput .k-i-warning {
2858 transform: translateY(-50%);
2861 .k-dateinput.k-state-invalid .k-i-warning {
2862 display: inline-block;
2864 .k-datepicker .k-picker-wrap .k-i-warning {
2869 transform: translateY(-50%);
2872 .k-datepicker .k-picker-wrap.k-state-invalid .k-i-warning {
2873 display: inline-block;
2876 box-sizing: border-box;
2879 .k-listbox.k-widget {
2880 background-color: transparent;
2882 .k-listbox .k-list-scroller {
2886 border-style: solid;
2887 box-sizing: border-box;
2889 .k-listbox .k-list-scroller li {
2891 -moz-user-select: none;
2892 -ms-user-select: none;
2893 -khtml-user-select: none;
2894 -webkit-user-select: none;
2895 -webkit-touch-callout: none;
2897 .k-listbox .k-listbox-toolbar {
2898 box-sizing: border-box;
2900 .k-listbox.k-listbox-toolbar-top {
2901 padding: 15px 0 1.42857143em;
2903 .k-listbox.k-listbox-toolbar-top .k-listbox-toolbar {
2907 .k-listbox.k-listbox-toolbar-top .k-listbox-toolbar li {
2908 display: inline-block;
2910 .k-listbox.k-listbox-toolbar-top .k-listbox-toolbar li + li {
2913 .k-listbox.k-listbox-toolbar-left .k-listbox-toolbar {
2917 .k-listbox.k-listbox-toolbar-left .k-listbox-toolbar li + li {
2920 .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar {
2924 .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar li:not(:last-child) {
2927 .k-listbox.k-listbox-toolbar-bottom {
2928 padding: 15px 0 1.45em;
2930 .k-listbox.k-listbox-toolbar-bottom .k-list-scroller {
2933 .k-listbox.k-listbox-toolbar-bottom .k-listbox-toolbar {
2936 .k-listbox.k-listbox-toolbar-bottom .k-listbox-toolbar li {
2937 display: inline-block;
2939 .k-listbox.k-listbox-toolbar-bottom .k-listbox-toolbar li + li {
2942 .k-listbox .k-ghost {
2946 .k-notification-wrap {
2950 white-space: nowrap;
2952 .k-notification-button .k-notification-wrap {
2953 padding-right: 20px;
2955 .k-notification-wrap > .k-i-information,
2956 .k-notification-wrap > .k-i-information,
2957 .k-notification-wrap > .k-i-information,
2958 .k-notification-wrap > .k-i-warning,
2959 .k-notification-wrap > .k-i-information {
2960 vertical-align: text-bottom;
2963 .k-notification-wrap > .k-i-close {
2969 .k-notification-button .k-notification-wrap > .k-i-close {
2974 display: inline-block;
2976 vertical-align: middle;
2981 .k-progressbar-horizontal {
2985 .k-progressbar-vertical {
2989 .k-progressbar > .k-state-selected {
2991 border-style: solid;
2995 .k-progressbar-horizontal > .k-state-selected,
2996 .k-rtl .k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected {
3001 border-radius: 4px 0 0 4px;
3003 .k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected,
3004 .k-rtl .k-progressbar-horizontal > .k-state-selected {
3007 border-radius: 0 4px 4px 0;
3009 .k-progressbar-vertical > .k-state-selected {
3013 border-radius: 0 0 4px 4px;
3015 .k-progressbar-vertical.k-progressbar-reverse > .k-state-selected {
3018 border-radius: 4px 4px 0 0;
3020 .k-progressbar > .k-state-selected.k-complete,
3021 .k-rtl .k-progressbar > .k-state-selected.k-complete {
3024 .k-progressbar > .k-reset {
3034 white-space: nowrap;
3036 .k-progressbar-horizontal .k-item {
3037 display: inline-block;
3039 border-style: solid;
3042 .k-progressbar-horizontal .k-item.k-first {
3045 .k-progressbar-horizontal .k-item.k-last {
3046 border-right-width: 0;
3048 .k-progressbar-horizontal .k-item,
3049 .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-item {
3050 border-width: 1px 0 1px 1px;
3052 .k-progressbar-horizontal.k-progressbar-reverse .k-item,
3053 .k-rtl .k-progressbar-horizontal .k-item {
3054 border-width: 1px 0 1px 1px;
3056 .k-progressbar-horizontal .k-first,
3057 .k-rtl .k-progressbar-horizontal .k-last,
3058 .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-last {
3059 border-top-left-radius: 4px;
3060 border-bottom-left-radius: 4px;
3061 border-left-width: 1px;
3063 .k-progressbar-horizontal .k-last,
3064 .k-rtl .k-progressbar-horizontal .k-first {
3065 border-top-right-radius: 4px;
3066 border-bottom-right-radius: 4px;
3068 .k-progressbar-horizontal.k-progressbar-reverse .k-last,
3069 .k-rtl .k-progressbar-horizontal .k-first {
3070 border-right-width: 1px;
3072 .k-progressbar-horizontal .k-last.k-state-selected {
3073 border-right-width: 1px;
3075 .k-progressbar-vertical .k-item {
3077 border-style: solid;
3078 border-width: 1px 1px 0 1px;
3081 .k-progressbar-vertical .k-item.k-first {
3084 .k-progressbar-vertical li.k-item.k-last {
3085 border-bottom-width: 0;
3087 .k-progressbar-vertical .k-first {
3088 border-top-left-radius: 4px;
3089 border-top-right-radius: 4px;
3091 .k-progressbar-vertical .k-last {
3092 border-bottom-left-radius: 4px;
3093 border-bottom-right-radius: 4px;
3094 border-bottom-width: 1px;
3096 .k-progressbar-vertical.k-progressbar-reverse .k-item {
3097 border-width: 0 1px 1px 1px;
3099 .k-progressbar-vertical.k-progressbar-reverse .k-first {
3100 border-top-width: 1px;
3102 .k-progress-status-wrap {
3105 border: 1px solid transparent;
3110 .k-progress-status-wrap,
3111 .k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap {
3116 .k-progressbar-horizontal.k-progressbar-reverse .k-progress-status-wrap,
3117 .k-rtl .k-progressbar-horizontal .k-progress-status-wrap {
3122 .k-progressbar-vertical .k-progress-status-wrap {
3126 .k-progressbar-vertical.k-progressbar-reverse .k-progress-status-wrap {
3130 .k-progress-status {
3131 display: inline-block;
3134 white-space: nowrap;
3136 .k-progressbar-vertical.k-progressbar-reverse .k-progress-status {
3141 .k-progressbar-vertical .k-progress-status {
3142 transform: rotate(-90deg) translateX(-100%);
3143 transform-origin: 0 0;
3145 .k-progressbar-vertical.k-progressbar-reverse .k-progress-status {
3146 transform: rotate(90deg) translateX(-100%);
3147 transform-origin: 0 100%;
3149 .k-ie8 .k-progressbar-vertical .k-progress-status {
3150 writing-mode: bt-lr;
3157 background-color: transparent;
3160 .k-slider-vertical {
3163 /* default height */
3165 .k-slider-horizontal {
3166 display: inline-block;
3175 .k-slider .k-button,
3176 .k-grid .k-slider .k-button {
3186 .k-slider .k-button .k-icon {
3188 vertical-align: top;
3190 .k-state-disabled .k-slider-wrap {
3191 filter: alpha(opacity=60);
3194 .k-state-disabled .k-slider-wrap .k-slider-items {
3197 .k-slider .k-button-decrease {
3200 .k-slider-vertical .k-button-decrease,
3201 .k-grid .k-slider-vertical .k-button-decrease {
3205 .k-slider .k-button-increase {
3214 .k-slider-selection {
3219 .k-slider-horizontal .k-slider-track,
3220 .k-slider-horizontal .k-slider-selection {
3225 background-repeat: repeat-x;
3227 .k-slider-horizontal .k-slider-buttons .k-slider-track {
3230 .k-slider-vertical .k-slider-track,
3231 .k-slider-vertical .k-slider-selection {
3236 background-repeat: repeat-y;
3238 .k-slider-vertical .k-slider-buttons .k-slider-track {
3243 background-repeat: no-repeat;
3244 background-color: transparent;
3245 text-indent: -3333px;
3247 text-decoration: none;
3251 .k-slider-horizontal .k-draghandle {
3256 .k-slider-vertical .k-draghandle {
3261 .k-slider-buttons .k-slider-items {
3264 .k-slider-horizontal .k-slider-items {
3267 .k-slider-vertical .k-slider-items {
3270 .k-slider-vertical .k-slider-buttons .k-slider-items {
3273 .k-slider-vertical .k-slider-buttons .k-slider-items {
3281 background-color: transparent;
3282 background-repeat: no-repeat;
3283 background-position: center center;
3285 .k-slider-horizontal .k-tick {
3290 .k-slider-horizontal .k-tick {
3291 background-position: center -92px;
3293 .k-slider-horizontal .k-slider-topleft .k-tick {
3294 background-position: center -122px;
3296 .k-slider-horizontal .k-slider-bottomright .k-tick {
3297 background-position: center -152px;
3299 .k-slider-horizontal .k-tick-large {
3300 background-position: center -2px;
3302 .k-slider-horizontal .k-slider-topleft .k-tick-large {
3303 background-position: center -32px;
3305 .k-slider-horizontal .k-slider-bottomright .k-tick-large {
3306 background-position: center -62px;
3308 .k-slider-vertical .k-tick {
3309 background-position: -92px center;
3311 .k-slider-vertical .k-slider-topleft .k-tick {
3312 background-position: -122px center;
3314 .k-slider-vertical .k-slider-bottomright .k-tick {
3315 background-position: -152px center;
3317 .k-slider-vertical .k-tick-large {
3318 background-position: -2px center;
3320 .k-slider-vertical .k-slider-topleft .k-tick-large {
3321 background-position: -32px center;
3323 .k-slider-vertical .k-slider-bottomright .k-tick-large {
3324 background-position: -62px center;
3326 .k-slider-horizontal .k-first {
3327 background-position: 0 -92px;
3329 .k-slider-horizontal .k-tick-large.k-first {
3330 background-position: 0 -2px;
3332 .k-slider-horizontal .k-slider-topleft .k-first {
3333 background-position: 0 -122px;
3335 .k-slider-horizontal .k-slider-topleft .k-tick-large.k-first {
3336 background-position: 0 -32px;
3338 .k-slider-horizontal .k-slider-bottomright .k-first {
3339 background-position: 0 -152px;
3341 .k-slider-horizontal .k-slider-bottomright .k-tick-large.k-first {
3342 background-position: 0 -62px;
3344 .k-slider-horizontal .k-last {
3345 background-position: 100% -92px;
3347 .k-slider-horizontal .k-tick-large.k-last {
3348 background-position: 100% -2px;
3350 .k-slider-horizontal .k-slider-topleft .k-last {
3351 background-position: 100% -122px;
3353 .k-slider-horizontal .k-slider-topleft .k-tick-large.k-last {
3354 background-position: 100% -32px;
3356 .k-slider-horizontal .k-slider-bottomright .k-last {
3357 background-position: 100% -152px;
3359 .k-slider-horizontal .k-slider-bottomright .k-tick-large.k-last {
3360 background-position: 100% -62px;
3362 .k-slider-vertical .k-first {
3363 background-position: -92px 100%;
3365 .k-slider-vertical .k-tick-large.k-first {
3366 background-position: -2px 100%;
3368 .k-slider-vertical .k-slider-topleft .k-first {
3369 background-position: -122px 100%;
3371 .k-slider-vertical .k-slider-topleft .k-tick-large.k-first {
3372 background-position: -32px 100%;
3374 .k-slider-vertical .k-slider-bottomright .k-first {
3375 background-position: -152px 100%;
3377 .k-slider-vertical .k-slider-bottomright .k-tick-large.k-first {
3378 background-position: -62px 100%;
3380 .k-slider-vertical .k-last {
3381 background-position: -92px 0;
3383 .k-slider-vertical .k-tick-large.k-last {
3384 background-position: -2px 0;
3386 .k-slider-vertical .k-slider-topleft .k-last {
3387 background-position: -122px 0;
3389 .k-slider-vertical .k-slider-topleft .k-tick-large.k-last {
3390 background-position: -32px 0;
3392 .k-slider-vertical .k-slider-bottomright .k-last {
3393 background-position: -152px 0;
3395 .k-slider-vertical .k-slider-bottomright .k-tick-large.k-last {
3396 background-position: -62px 0;
3398 .k-slider-vertical .k-tick {
3401 .k-slider-vertical .k-slider-topleft .k-tick {
3404 .k-slider .k-label {
3406 white-space: nowrap;
3409 .k-slider-horizontal .k-label {
3414 .k-slider-horizontal .k-first .k-label {
3417 .k-slider-horizontal .k-last .k-label {
3421 .k-slider-horizontal .k-label {
3424 .k-slider-horizontal .k-slider-topleft .k-label {
3427 .k-slider-vertical .k-label {
3432 .k-slider-vertical .k-last .k-label {
3435 .k-slider-vertical .k-first .k-label {
3438 .k-slider-vertical .k-slider-topleft .k-label {
3444 /*prevent window resize in IE8 when appending*/
3450 border-style: solid;
3452 padding: 5px 5px 5px 6px;
3453 background-repeat: repeat-x;
3455 /*slider tooltip only*/
3457 /*slider tooltip only*/
3463 .k-tooltip-content {
3466 .k-tooltip-closable .k-tooltip-content {
3467 padding-right: 20px;
3471 display: inline-block;
3473 padding: 2px 5px 1px 6px;
3482 border-style: solid;
3484 border-color: transparent;
3485 pointer-events: none;
3490 pointer-events: none;
3495 pointer-events: none;
3500 pointer-events: none;
3505 pointer-events: none;
3507 .k-slider-tooltip .k-callout-n,
3508 .k-slider-tooltip .k-callout-s {
3511 .k-slider-tooltip .k-callout-w,
3512 .k-slider-tooltip .k-callout-e {
3515 .k-tooltip-validation .k-i-warning {
3516 vertical-align: text-top;
3519 .k-tooltip-validation {
3526 vertical-align: middle;
3529 .k-toolbar .k-button .k-icon,
3530 .k-toolbar .k-button .k-sprite,
3531 .k-overflow-container .k-button .k-icon,
3532 .k-overflow-container .k-button .k-sprite {
3533 vertical-align: middle;
3535 margin-bottom: -5px;
3537 .k-toolbar .k-input {
3538 line-height: inherit;
3541 padding-bottom: 2px;
3543 .k-toolbar .k-input:before {
3545 display: inline-block;
3548 .k-ie .k-toolbar .k-input {
3551 .k-toolbar .k-combobox .k-dropdown-wrap:before,
3552 .k-toolbar .k-picker-wrap:before,
3553 .k-toolbar .k-numeric-wrap:before {
3556 .k-overflow-container .k-sprite {
3559 .k-toolbar-resizable {
3561 white-space: nowrap;
3563 .k-toolbar > .k-align-left {
3566 .k-toolbar > .k-align-right {
3570 .k-toolbar .k-button {
3571 display: inline-block;
3572 vertical-align: middle;
3573 line-height: 1.72em;
3575 .k-toolbar .k-separator {
3576 border-width: 0 0 0 1px;
3577 border-style: solid;
3579 line-height: inherit;
3581 .k-toolbar .k-button-group {
3582 list-style-type: none;
3584 .k-toolbar .k-button-group > li {
3585 display: inline-block;
3587 .k-toolbar .k-button-group .k-button {
3591 .k-toolbar .k-button,
3592 .k-toolbar .k-split-button,
3593 .k-toolbar .k-button-group,
3594 .k-toolbar .k-widget,
3595 .k-toolbar .k-textbox,
3597 .k-toolbar .k-separator {
3599 line-height: 1.72em;
3600 vertical-align: middle;
3602 .k-toolbar .k-split-button {
3605 .k-toolbar .k-split-button .k-button,
3606 .k-toolbar .k-button-group .k-group-start {
3609 .k-toolbar .k-split-button .k-split-button-arrow {
3612 .k-toolbar .k-overflow-anchor {
3613 border-width: 0 0 0 1px;
3614 border-style: solid;
3617 line-height: inherit;
3624 .k-overflow-container .k-item {
3628 .k-overflow-container .k-separator {
3629 border-width: 0 0 1px;
3630 border-style: solid;
3636 .k-overflow-container .k-overflow-button,
3637 .k-split-container .k-button {
3641 border-color: transparent;
3642 white-space: nowrap;
3644 .k-split-container {
3647 .k-overflow-container .k-button-group {
3650 .k-overflow-container .k-button-group > li {
3653 .k-overflow-container .k-overflow-group {
3654 border-width: 1px 0;
3655 border-style: solid;
3660 .k-overflow-container .k-overflow-hidden {
3663 .k-overflow-container .k-toolbar-first-visible,
3664 .k-overflow-container .k-overflow-group + .k-overflow-group,
3665 .k-overflow-container .k-separator + .k-overflow-group {
3670 .k-overflow-container .k-overflow-group + .k-separator {
3673 .k-overflow-container .k-toolbar-last-visible {
3676 padding-bottom: 1px;
3683 .k-pane > .k-splitter {
3687 .k-splitter .k-pane {
3690 .k-splitter .k-scrollable {
3693 .k-splitter .k-pane-loading {
3697 margin: -8px 0 0 -8px;
3702 border-style: solid;
3707 .k-splitter .k-ghost-splitbar-horizontal,
3708 .k-splitter .k-splitbar-horizontal {
3711 border-width: 0 1px;
3712 background-repeat: repeat-y;
3714 .k-ghost-splitbar-vertical,
3715 .k-splitbar-vertical {
3718 border-width: 1px 0;
3719 background-repeat: repeat-x;
3721 .k-splitbar-draggable-horizontal {
3724 .k-splitbar-draggable-vertical {
3727 .k-splitbar .k-resize-handle {
3730 .k-restricted-size-horizontal,
3731 .k-restricted-size-vertical {
3732 background-color: #f00;
3734 .k-splitbar-horizontal .k-icon {
3739 .k-splitbar-horizontal .k-i-arrow-60-right {
3742 .k-splitbar-horizontal.k-splitbar-draggable-horizontal .k-i-arrow-60-right {
3745 .k-splitbar-horizontal .k-i-arrow-60-left {
3748 .k-splitbar-horizontal.k-splitbar-draggable-horizontal .k-i-arrow-60-left {
3751 .k-splitbar-vertical .k-i-arrow-60-up {
3754 .k-splitbar-vertical .k-i-arrow-60-down {
3757 .k-splitbar-vertical.k-splitbar-draggable-vertical .k-i-arrow-60-up {
3760 .k-splitbar-vertical.k-splitbar-draggable-vertical .k-i-arrow-60-down {
3764 .k-i-arrow-60-right,
3766 .k-i-arrow-60-left {
3769 .k-splitbar-horizontal .k-icon {
3776 .k-splitbar-static-horizontal {
3779 .k-splitbar-static-vertical {
3782 .k-splitbar-vertical .k-icon {
3786 .k-splitbar-draggable-vertical .k-resize-handle,
3787 .k-splitbar-draggable-horizontal .k-resize-handle {
3788 display: inline-block;
3791 .k-splitbar-draggable-horizontal .k-resize-handle {
3796 .k-splitbar-draggable-vertical .k-resize-handle {
3801 .k-splitbar .k-i-arrow-60-up,
3802 .k-splitbar .k-i-arrow-60-right,
3803 .k-splitbar .k-i-arrow-60-down,
3804 .k-splitbar .k-i-arrow-60-left {
3807 .k-splitter-resizing {
3810 .k-rtl .k-splitbar-horizontal .k-resize-handle {
3813 .k-rtl .k-splitbar-horizontal .k-i-arrow-60-right {
3817 .k-rtl .k-splitbar-horizontal .k-i-arrow-60-left {
3821 .k-rtl .k-splitbar-vertical .k-i-arrow-60-up {
3825 .k-rtl .k-splitbar-vertical .k-i-arrow-60-down {
3833 .k-virtual-wrap .k-list.k-virtual-list {
3836 .k-virtual-content {
3838 /* has to be scroll, not auto */
3839 -webkit-overflow-scrolling: touch;
3842 .k-virtual-list > .k-virtual-content {
3848 list-style-type: none;
3850 .k-virtual-option-label {
3854 list-style-type: none;
3856 .k-virtual-wrap > .k-virtual-header {
3859 .k-popup .k-item.k-first {
3862 .k-virtual-content > .k-virtual-list > .k-virtual-item {
3865 box-sizing: border-box;
3867 white-space: nowrap;
3869 .k-popup .k-list .k-item > .k-group,
3870 .k-popup > .k-group-header,
3871 .k-popup > .k-virtual-wrap > .k-group-header {
3872 text-transform: uppercase;
3875 .k-popup .k-list .k-item > .k-group {
3882 .k-popup .k-state-hover > .k-group {
3885 .k-virtual-item.k-first,
3886 .k-group-header + .k-list > .k-item.k-first,
3887 .k-static-header + .k-list > .k-item.k-first {
3888 border-top-style: solid;
3889 border-top-width: 1px;
3892 .k-popup > .k-group-header,
3893 .k-popup > .k-virtual-wrap > .k-group-header {
3903 .k-window.k-dialog {
3907 .k-dialog .k-dialog-titlebar {
3910 padding: 0.6em 0.8em 1em 0.8em;
3913 .k-dialog .k-dialog-titlebar .k-dialog-title {
3918 display: inline-block;
3919 white-space: nowrap;
3921 text-overflow: ellipsis;
3925 .k-dialog .k-content {
3927 padding: 1.8em 1em 1.8em 1em;
3929 .k-dialog.k-dialog-titleless .k-content {
3932 .k-dialog .k-dialog-buttongroup {
3936 .k-dialog a.k-dialog-action.k-dialog-close {
3943 .k-dialog.k-dialog-titleless a.k-dialog-action.k-dialog-close {
3947 .k-dialog.k-alert .k-dialog-titlebar,
3948 .k-dialog.k-confirm .k-dialog-titlebar,
3949 .k-dialog.k-prompt .k-dialog-titlebar {
3951 border-bottom: none;
3953 .k-dialog.k-alert .k-content,
3954 .k-dialog.k-confirm .k-content {
3957 .k-dialog.k-prompt .k-content {
3958 padding: 1.2em 1.2em 0.6em 1.2em;
3960 .k-dialog .k-prompt-container {
3962 padding: 0.6em 1.2em 1.8em 1.2em;
3964 .k-dialog .k-prompt-container .k-textbox {
3967 .k-dialog .k-button {
3968 box-sizing: border-box;
3971 font-family: 'WebComponentsIcons';
3972 src: url('../fonts/glyphs/WebComponentsIcons.eot?gedxeo');
3973 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');
3974 font-weight: normal;
3977 .k-i-arrow-45-up-right:before {
3980 .k-i-collapse-ne:before {
3983 .k-i-resize-ne:before {
3986 .k-i-arrow-45-down-right:before {
3989 .k-i-collapse-se:before {
3992 .k-i-collapse:before {
3995 .k-i-resize-se:before {
3998 .k-i-arrow-45-down-left:before {
4001 .k-i-collapse-sw:before {
4004 .k-i-resize-sw:before {
4007 .k-i-arrow-45-up-left:before {
4010 .k-i-collapse-nw:before {
4013 .k-i-resize-new:before {
4016 .k-i-arrow-60-up:before {
4019 .k-i-arrow-n:before {
4022 .k-i-arrow-60-right:before {
4025 .k-i-arrow-e:before {
4028 .k-i-expand:before {
4031 .k-i-arrow-60-down:before {
4034 .k-i-arrow-s:before {
4037 .k-i-arrow-60-left:before {
4040 .k-i-arrow-w:before {
4043 .k-i-arrow-end-up:before {
4046 .k-i-seek-n:before {
4049 .k-i-arrow-end-right:before {
4052 .k-i-seek-e:before {
4055 .k-i-arrow-end-down:before {
4058 .k-i-seek-s:before {
4061 .k-i-arrow-end-left:before {
4064 .k-i-seek-w:before {
4067 .k-i-arrow-double-60-up:before {
4070 .k-i-arrow-seek-up:before {
4073 .k-i-arrow-double-60-right:before {
4076 .k-i-arrow-seek-right:before {
4079 .k-i-arrow-double-60-down:before {
4082 .k-i-arrow-seek-down:before {
4085 .k-i-arrow-double-60-left:before {
4088 .k-i-arrow-seek-left:before {
4091 .k-i-arrows-kpi:before {
4097 .k-i-arrows-no-change:before {
4100 .k-i-arrow-overflow-down:before {
4103 .k-i-arrow-chevron-up:before {
4106 .k-i-arrow-chevron-right:before {
4109 .k-i-arrow-chevron-down:before {
4112 .k-i-arrow-chevron-left:before {
4115 .k-i-arrow-up:before {
4118 .k-i-arrow-right:before {
4121 .k-i-arrow-down:before {
4124 .k-i-arrow-left:before {
4127 .k-i-arrow-drill:before {
4130 .k-i-arrow-parent:before {
4133 .k-i-arrow-root:before {
4136 .k-i-arrows-resizing:before {
4139 .k-i-arrows-dimensions:before {
4142 .k-i-arrows-swap:before {
4145 .k-i-drag-and-drop:before {
4148 .k-i-categorize:before {
4154 .k-i-grid-layout:before {
4160 .k-i-ungroup:before {
4163 .k-i-handler-drag:before {
4166 .k-i-layout:before {
4169 .k-i-layout-1-by-4:before {
4172 .k-i-layout-2-by-2:before {
4175 .k-i-layout-side-by-side:before {
4178 .k-i-layout-stacked:before {
4181 .k-i-columns:before {
4187 .k-i-reorder:before {
4193 .k-i-more-vertical:before {
4196 .k-i-more-horizontal:before {
4208 .k-i-reload:before {
4211 .k-i-refresh:before {
4214 .k-i-non-recurrence:before {
4217 .k-i-reset-sm:before {
4220 .k-i-reload-sm:before {
4223 .k-i-refresh-sm:before {
4229 .k-i-calendar:before {
4235 .k-i-floppy:before {
4241 .k-i-printer:before {
4247 .k-i-pencil:before {
4250 .k-i-delete:before {
4256 .k-i-attachment:before {
4262 .k-i-attachment-45:before {
4265 .k-i-clip-45:before {
4268 .k-i-link-horizontal:before {
4271 .k-i-hyperlink:before {
4274 .k-i-unlink-horizontal:before {
4277 .k-i-hyperlink-remove:before {
4280 .k-i-link-vertical:before {
4283 .k-i-unlink-vertical:before {
4289 .k-i-unlock:before {
4292 .k-i-cancel:before {
4295 .k-i-cancel-outline:before {
4298 .k-i-cancel-circle:before {
4304 .k-i-checkmark:before {
4307 .k-i-success:before {
4310 .k-i-check-outline:before {
4313 .k-i-checkmark-outline:before {
4316 .k-i-check-circle:before {
4319 .k-i-checkmark-circle:before {
4328 .k-i-close-outline:before {
4331 .k-i-x-outline:before {
4334 .k-i-close-circle:before {
4337 .k-i-x-circle:before {
4346 .k-i-plus-outline:before {
4349 .k-i-plus-circle:before {
4355 .k-i-minus-outline:before {
4358 .k-i-minus-circle:before {
4361 .k-i-sort-asc:before {
4364 .k-i-sort-desc:before {
4367 .k-i-unsort:before {
4370 .k-i-sort-clear:before {
4373 .k-i-sort-asc-sm:before {
4376 .k-i-sort-desc-sm:before {
4379 .k-i-filter:before {
4382 .k-i-filter-clear:before {
4385 .k-i-filter-sm:before {
4388 .k-i-filter-sort-asc-sm:before {
4391 .k-i-filter-sort-desc-sm:before {
4394 .k-i-filter-add-expression:before {
4397 .k-i-filter-add-group:before {
4403 .k-i-logout:before {
4406 .k-i-download:before {
4409 .k-i-upload:before {
4412 .k-i-hyperlink-open:before {
4415 .k-i-hyperlink-open-sm:before {
4418 .k-i-launch:before {
4421 .k-i-window:before {
4424 .k-i-window-maximize:before {
4427 .k-i-windows:before {
4430 .k-i-window-restore:before {
4436 .k-i-window-minimize:before {
4445 .k-i-custom:before {
4454 .k-i-wrench:before {
4457 .k-i-settings:before {
4460 .k-i-preview:before {
4469 .k-i-search:before {
4472 .k-i-zoom-in:before {
4475 .k-i-zoom-out:before {
4484 .k-i-calculator:before {
4490 .k-i-shopping-cart:before {
4493 .k-i-connector:before {
4496 .k-i-plus-sm:before {
4499 .k-i-minus-sm:before {
4511 .k-i-rewind:before {
4514 .k-i-forward:before {
4517 .k-i-volume-down:before {
4520 .k-i-volume-up:before {
4523 .k-i-volume-off:before {
4529 .k-i-subtitles:before {
4532 .k-i-playlist:before {
4535 .k-i-play-sm:before {
4538 .k-i-pause-sm:before {
4541 .k-i-stop-sm:before {
4547 .k-i-heart-outline:before {
4550 .k-i-fav-outline:before {
4553 .k-i-favorite-outline:before {
4562 .k-i-favorite:before {
4565 .k-i-star-outline:before {
4568 .k-i-bookmark-outline:before {
4574 .k-i-bookmark:before {
4577 .k-i-checkbox:before {
4580 .k-i-shape-rect:before {
4583 .k-i-checkbox-checked:before {
4586 .k-i-tri-state-indeterminate:before {
4589 .k-i-tri-state-null:before {
4592 .k-i-circle:before {
4595 .k-i-radiobutton:before {
4598 .k-i-shape-circle:before {
4601 .k-i-radiobutton-checked:before {
4604 .k-i-notification:before {
4610 .k-i-information:before {
4616 .k-i-question:before {
4622 .k-i-warning:before {
4625 .k-i-exception:before {
4631 .k-i-photo-camera:before {
4640 .k-i-image-export:before {
4643 .k-i-photo-export:before {
4646 .k-i-zoom-actual-size:before {
4649 .k-i-zoom-best-fit:before {
4652 .k-i-image-resize:before {
4658 .k-i-mirror:before {
4661 .k-i-flip-horizontal:before {
4664 .k-i-flip-vertical:before {
4667 .k-i-rotate:before {
4670 .k-i-rotate-right:before {
4673 .k-i-rotate-left:before {
4679 .k-i-palette:before {
4685 .k-i-droplet:before {
4688 .k-i-background:before {
4694 .k-i-shape-line:before {
4697 .k-i-brightness-contrast:before {
4700 .k-i-saturation:before {
4703 .k-i-invert-colors:before {
4706 .k-i-transperancy:before {
4709 .k-i-opacity:before {
4712 .k-i-greyscale:before {
4718 .k-i-sharpen:before {
4724 .k-i-round-corners:before {
4727 .k-i-front-element:before {
4730 .k-i-back-element:before {
4733 .k-i-forward-element:before {
4736 .k-i-backward-element:before {
4739 .k-i-align-left-element:before {
4742 .k-i-align-center-element:before {
4745 .k-i-align-right-element:before {
4748 .k-i-align-top-element:before {
4751 .k-i-align-middle-element:before {
4754 .k-i-align-bottom-element:before {
4757 .k-i-thumbnails-up:before {
4760 .k-i-thumbnails-right:before {
4763 .k-i-thumbnails-down:before {
4766 .k-i-thumbnails-left:before {
4769 .k-i-full-screen:before {
4772 .k-i-fullscreen:before {
4775 .k-i-full-screen-exit:before {
4778 .k-i-fullscreen-exit:before {
4781 .k-i-reset-color:before {
4784 .k-i-paint-remove:before {
4787 .k-i-background-remove:before {
4790 .k-i-page-properties:before {
4796 .k-i-italic:before {
4799 .k-i-underline:before {
4802 .k-i-font-family:before {
4805 .k-i-foreground-color:before {
4808 .k-i-convert-lowercase:before {
4811 .k-i-convert-uppercase:before {
4814 .k-i-strikethrough:before {
4817 .k-i-sub-script:before {
4820 .k-i-sup-script:before {
4847 .k-i-list-ordered:before {
4850 .k-i-list-numbered:before {
4853 .k-i-list-unordered:before {
4856 .k-i-list-bulleted:before {
4859 .k-i-indent-increase:before {
4862 .k-i-indent:before {
4865 .k-i-indent-decrease:before {
4868 .k-i-outdent:before {
4871 .k-i-insert-up:before {
4874 .k-i-insert-top:before {
4877 .k-i-insert-middle:before {
4880 .k-i-insert-down:before {
4883 .k-i-insert-bottom:before {
4886 .k-i-align-top:before {
4889 .k-i-align-middle:before {
4892 .k-i-align-bottom:before {
4895 .k-i-align-left:before {
4898 .k-i-align-center:before {
4901 .k-i-align-right:before {
4904 .k-i-align-justify:before {
4907 .k-i-align-remove:before {
4910 .k-i-text-wrap:before {
4913 .k-i-rule-horizontal:before {
4916 .k-i-table-align-top-left:before {
4919 .k-i-table-align-top-center:before {
4922 .k-i-table-align-top-right:before {
4925 .k-i-table-align-middle-left:before {
4928 .k-i-table-align-middle-center:before {
4931 .k-i-table-align-middle-right:before {
4934 .k-i-table-align-bottom-left:before {
4937 .k-i-table-align-bottom-center:before {
4940 .k-i-table-align-bottom-right:before {
4943 .k-i-table-align-remove:before {
4946 .k-i-borders-all:before {
4949 .k-i-all-borders:before {
4952 .k-i-borders-outside:before {
4955 .k-i-outside-borders:before {
4958 .k-i-borders-inside:before {
4961 .k-i-inside-borders:before {
4964 .k-i-borders-inside-horizontal:before {
4967 .k-i-inside-horizontal-borders:before {
4970 .k-i-borders-inside-vertical:before {
4973 .k-i-inside-vertical-borders:before {
4976 .k-i-border-top:before {
4979 .k-i-top-border:before {
4982 .k-i-border-bottom:before {
4985 .k-i-bottom-border:before {
4988 .k-i-border-left:before {
4991 .k-i-left-border:before {
4994 .k-i-border-right:before {
4997 .k-i-right-border:before {
5000 .k-i-border-no:before {
5003 .k-i-no-border:before {
5006 .k-i-borders-show-hide:before {
5012 .k-i-border:before {
5015 .k-i-form-element:before {
5018 .k-i-code-snippet:before {
5021 .k-i-select-all:before {
5024 .k-i-button:before {
5027 .k-i-select-box:before {
5030 .k-i-calendar-date:before {
5033 .k-i-group-box:before {
5036 .k-i-textarea:before {
5039 .k-i-textbox:before {
5042 .k-i-textbox-hidden:before {
5045 .k-i-password:before {
5048 .k-i-paragraph-add:before {
5051 .k-i-edit-tools:before {
5054 .k-i-template-manager:before {
5057 .k-i-change-manually:before {
5060 .k-i-track-changes:before {
5063 .k-i-track-changes-enable:before {
5066 .k-i-track-changes-accept:before {
5069 .k-i-track-changes-accept-all:before {
5072 .k-i-track-changes-reject:before {
5075 .k-i-track-changes-reject-all:before {
5078 .k-i-document-manager:before {
5081 .k-i-custom-icon:before {
5084 .k-i-dictionary-add:before {
5087 .k-i-image-light-dialog:before {
5090 .k-i-image-insert:before {
5093 .k-i-image-edit:before {
5096 .k-i-image-map-editor:before {
5099 .k-i-comment:before {
5102 .k-i-comment-remove:before {
5105 .k-i-comments-remove-all:before {
5108 .k-i-silverlight:before {
5111 .k-i-media-manager:before {
5114 .k-i-video-external:before {
5117 .k-i-flash-manager:before {
5120 .k-i-find-and-replace:before {
5138 .k-i-paste-as-html:before {
5141 .k-i-paste-from-word:before {
5144 .k-i-paste-from-word-strip-file:before {
5147 .k-i-paste-html:before {
5150 .k-i-paste-markdown:before {
5153 .k-i-paste-plain-text:before {
5156 .k-i-apply-format:before {
5159 .k-i-clear-css:before {
5162 .k-i-copy-format:before {
5165 .k-i-strip-all-formating:before {
5168 .k-i-strip-css-format:before {
5171 .k-i-strip-font-elements:before {
5174 .k-i-strip-span-elements:before {
5177 .k-i-strip-word-formatting:before {
5180 .k-i-format-code-block:before {
5183 .k-i-style-builder:before {
5186 .k-i-module-manager:before {
5189 .k-i-hyperlink-light-dialog:before {
5192 .k-i-hyperlink-insert:before {
5195 .k-i-hyperlink-globe:before {
5198 .k-i-hyperlink-globe-remove:before {
5201 .k-i-hyperlink-email:before {
5204 .k-i-anchor:before {
5207 .k-i-table-light-dialog:before {
5210 .k-i-table-insert:before {
5216 .k-i-table-properties:before {
5219 .k-i-table-wizard:before {
5222 .k-i-table-cell:before {
5225 .k-i-table-cell-properties:before {
5228 .k-i-table-column-insert-left:before {
5231 .k-i-table-column-insert-right:before {
5234 .k-i-table-row-insert-above:before {
5237 .k-i-table-row-insert-below:before {
5240 .k-i-table-column-delete:before {
5243 .k-i-table-row-delete:before {
5246 .k-i-table-cell-delete:before {
5249 .k-i-table-delete:before {
5252 .k-i-cells-merge:before {
5255 .k-i-cells-merge-horizontally:before {
5258 .k-i-cells-merge-vertically:before {
5261 .k-i-cell-split-horizontally:before {
5264 .k-i-cell-split-vertically:before {
5267 .k-i-table-unmerge:before {
5270 .k-i-pane-freeze:before {
5273 .k-i-row-freeze:before {
5276 .k-i-column-freeze:before {
5279 .k-i-toolbar-float:before {
5282 .k-i-spell-checker:before {
5285 .k-i-validation-xhtml:before {
5288 .k-i-validation-data:before {
5291 .k-i-toggle-full-screen-mode:before {
5294 .k-i-formula-fx:before {
5300 .k-i-symbol:before {
5303 .k-i-dollar:before {
5306 .k-i-currency:before {
5309 .k-i-percent:before {
5312 .k-i-custom-format:before {
5315 .k-i-decimal-increase:before {
5318 .k-i-decimal-decrease:before {
5321 .k-i-font-size:before {
5324 .k-i-image-absolute-position:before {
5327 .k-i-globe-outline:before {
5333 .k-i-marker-pin:before {
5336 .k-i-marker-pin-target:before {
5354 .k-i-blogger:before {
5357 .k-i-blogger-box:before {
5360 .k-i-delicious:before {
5363 .k-i-delicious-box:before {
5369 .k-i-digg-box:before {
5375 .k-i-envelop:before {
5378 .k-i-letter:before {
5381 .k-i-email-box:before {
5384 .k-i-envelop-box:before {
5387 .k-i-letter-box:before {
5390 .k-i-facebook:before {
5393 .k-i-facebook-box:before {
5396 .k-i-google:before {
5399 .k-i-google-box:before {
5402 .k-i-google-plus:before {
5405 .k-i-google-plus-box:before {
5408 .k-i-linkedin:before {
5411 .k-i-linkedin-box:before {
5414 .k-i-myspace:before {
5417 .k-i-myspace-box:before {
5420 .k-i-pinterest:before {
5423 .k-i-pinterest-box:before {
5426 .k-i-reddit:before {
5429 .k-i-reddit-box:before {
5432 .k-i-stumble-upon:before {
5435 .k-i-stumble-upon-box:before {
5438 .k-i-tell-a-friend:before {
5441 .k-i-tell-a-friend-box:before {
5444 .k-i-tumblr:before {
5447 .k-i-tumblr-box:before {
5450 .k-i-twitter:before {
5453 .k-i-twitter-box:before {
5456 .k-i-yammer:before {
5459 .k-i-yammer-box:before {
5462 .k-i-behance:before {
5465 .k-i-behance-box:before {
5468 .k-i-dribbble:before {
5471 .k-i-dribbble-box:before {
5477 .k-i-rss-box:before {
5483 .k-i-vimeo-box:before {
5486 .k-i-youtube:before {
5489 .k-i-youtube-box:before {
5492 .k-i-folder:before {
5495 .k-i-folder-open:before {
5498 .k-i-folder-add:before {
5501 .k-i-folder-up:before {
5504 .k-i-folder-more:before {
5507 .k-i-fields-more:before {
5510 .k-i-aggregate-fields:before {
5516 .k-i-file-vertical:before {
5519 .k-i-file-add:before {
5522 .k-i-file-txt:before {
5528 .k-i-file-csv:before {
5534 .k-i-file-excel:before {
5537 .k-i-file-xls:before {
5546 .k-i-file-word:before {
5549 .k-i-file-doc:before {
5558 .k-i-file-mdb:before {
5564 .k-i-file-ppt:before {
5570 .k-i-file-pdf:before {
5576 .k-i-file-psd:before {
5582 .k-i-file-flash:before {
5588 .k-i-file-config:before {
5591 .k-i-config:before {
5594 .k-i-file-ascx:before {
5600 .k-i-file-bac:before {
5606 .k-i-file-zip:before {
5624 .k-i-source-code:before {
5627 .k-i-view-source:before {
5639 .k-i-csproj:before {
5642 .k-i-vbproj:before {
5657 .k-i-file-horizontal:before {
5660 /* animation classes */
5661 .k-fx-end .k-fx-next,
5662 .k-fx-end .k-fx-current {
5663 transition: all 350ms ease-out;
5668 .k-fx .k-fx-current {
5676 visibility: hidden !important;
5678 .k-fx-reverse .k-fx-current {
5681 .k-fx-reverse .k-fx-next {
5685 .k-fx-zoom.k-fx-start .k-fx-next {
5686 transform: scale(0) !important;
5688 .k-fx-zoom.k-fx-end .k-fx-next {
5689 transform: scale(1) !important;
5691 .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-next,
5692 .k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-next {
5693 transform: scale(1) !important;
5695 .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-current {
5696 transform: scale(1) !important;
5698 .k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-current {
5699 transform: scale(0) !important;
5702 .k-fx-fade.k-fx-start .k-fx-next {
5703 will-change: opacity;
5706 .k-fx-fade.k-fx-end .k-fx-next {
5709 .k-fx-fade.k-fx-reverse.k-fx-start .k-fx-current {
5710 will-change: opacity;
5713 .k-fx-fade.k-fx-reverse.k-fx-end .k-fx-current {
5722 .k-fx-slide.k-fx-end .k-fx-next .km-content,
5723 .k-fx-slide.k-fx-end .k-fx-next .km-header,
5724 .k-fx-slide.k-fx-end .k-fx-next .km-footer,
5725 .k-fx-slide.k-fx-end .k-fx-current .km-content,
5726 .k-fx-slide.k-fx-end .k-fx-current .km-header,
5727 .k-fx-slide.k-fx-end .k-fx-current .km-footer {
5728 transition: all 350ms ease-out;
5730 .k-fx-slide.k-fx-start .k-fx-next .km-content {
5731 will-change: transform;
5732 transform: translatex(100%);
5734 .k-fx-slide.k-fx-start .k-fx-next .km-header,
5735 .k-fx-slide.k-fx-start .k-fx-next .km-footer {
5736 will-change: opacity;
5739 .k-fx-slide.k-fx-end .k-fx-current .km-content {
5740 transform: translatex(-100%);
5742 .k-fx-slide.k-fx-end .k-fx-next .km-header,
5743 .k-fx-slide.k-fx-end .k-fx-next .km-footer {
5746 .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-content {
5747 will-change: transform;
5748 transform: translatex(0);
5750 .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-content {
5751 transform: translatex(100%);
5753 .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content {
5754 transform: translatex(-100%);
5756 .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-content {
5757 transform: translatex(0);
5759 .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-header,
5760 .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-footer {
5761 will-change: opacity;
5764 .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-header,
5765 .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-footer {
5768 .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header,
5769 .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer {
5772 .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-header,
5773 .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-footer {
5776 .k-fx-slide.k-fx-right {
5779 .k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-content {
5780 transform: translatex(-100%);
5782 .k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content {
5783 transform: translatex(100%);
5785 .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-content {
5786 transform: translatex(0);
5788 .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-content {
5789 transform: translatex(-100%);
5791 .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content {
5792 transform: translatex(100%);
5794 .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .km-content {
5795 transform: translatex(0%);
5803 .k-fx-tile.k-fx-start .k-fx-next {
5804 will-change: transform;
5805 transform: translatex(100%);
5807 .k-fx-tile.k-fx-end .k-fx-current {
5808 transform: translatex(-100%);
5810 .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current {
5811 will-change: transform;
5812 transform: translatex(0);
5814 .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current {
5815 transform: translatex(100%);
5817 .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next {
5818 transform: translatex(-100%);
5820 .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next {
5821 transform: translatex(0);
5823 .k-fx-tile.k-fx-right {
5826 .k-fx-tile.k-fx-right.k-fx-start .k-fx-next {
5827 transform: translatex(-100%);
5829 .k-fx-tile.k-fx-right.k-fx-end .k-fx-current {
5830 transform: translatex(100%);
5832 .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current {
5833 transform: translatex(0);
5835 .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current {
5836 transform: translatex(-100%);
5838 .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next {
5839 transform: translatex(100%);
5841 .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next {
5842 transform: translatex(0%);
5850 .k-fx-tile.k-fx-start .k-fx-next {
5851 will-change: transform;
5852 transform: translatex(100%);
5854 .k-fx-tile.k-fx-end .k-fx-current {
5855 transform: translatex(-100%);
5857 .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current {
5858 will-change: transform;
5859 transform: translatex(0);
5861 .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current {
5862 transform: translatex(100%);
5864 .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next {
5865 transform: translatex(-100%);
5867 .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next {
5868 transform: translatex(0);
5870 .k-fx-tile.k-fx-right {
5873 .k-fx-tile.k-fx-right.k-fx-start .k-fx-next {
5874 transform: translatex(-100%);
5876 .k-fx-tile.k-fx-right.k-fx-end .k-fx-current {
5877 transform: translatex(100%);
5879 .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current {
5880 transform: translatex(0);
5882 .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current {
5883 transform: translatex(-100%);
5885 .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next {
5886 transform: translatex(100%);
5888 .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next {
5889 transform: translatex(0%);
5892 .k-fx.k-fx-overlay.k-fx-start .k-fx-next,
5893 .k-fx.k-fx-overlay.k-fx-left.k-fx-start .k-fx-next {
5894 will-change: transform;
5895 transform: translatex(100%);
5897 .k-fx.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next {
5898 transform: translatex(-100%);
5900 .k-fx.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next {
5901 transform: translatey(100%);
5903 .k-fx.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next {
5904 transform: translatey(-100%);
5906 .k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next {
5909 .k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current {
5910 will-change: transform;
5913 .k-fx.k-fx-overlay.k-fx-reverse.k-fx-end .k-fx-current,
5914 .k-fx.k-fx-overlay.k-fx-reverse.k-fx-left.k-fx-end .k-fx-current {
5915 transform: translatex(100%);
5917 .k-fx.k-fx-overlay.k-fx-reverse.k-fx-right.k-fx-end .k-fx-current {
5918 transform: translatex(-100%);
5920 .k-fx.k-fx-overlay.k-fx-reverse.k-fx-up.k-fx-end .k-fx-current {
5921 transform: translatey(100%);
5923 .k-fx.k-fx-overlay.k-fx-reverse.k-fx-down.k-fx-end .k-fx-current {
5924 transform: translatey(-100%);
5927 .k-toolbar .k-button {
5928 line-height: 1.143em;
5931 .k-widget.k-tabstrip {
5932 background-image: none;
5936 .k-tabstrip .k-tabstrip-items {
5939 .k-tabstrip > div.k-content,
5940 .k-panelbar .k-tabstrip > div.k-content {
5943 .k-panelbar > .k-item > .k-link,
5944 .k-panel > .k-item > .k-link {
5947 .k-panelbar .k-image {
5950 .k-panelbar .k-link > .k-sprite {
5953 .k-tabstrip > .k-tabstrip-items > .k-item {
5954 text-transform: uppercase;
5956 border-style: solid;
5959 .k-tabstrip-left > .k-tabstrip-items .k-loading,
5960 .k-tabstrip-right > .k-tabstrip-items .k-loading {
5963 .k-tabstrip-top > .k-tabstrip-items .k-tab-on-top,
5964 .k-tabstrip-top > .k-tabstrip-items .k-state-active {
5965 margin-bottom: -1px;
5967 .k-tabstrip-top > .k-tabstrip-items > .k-item {
5968 border-bottom-width: 2px;
5970 .k-tabstrip-left > .k-tabstrip-items .k-tab-on-top,
5971 .k-tabstrip-left > .k-tabstrip-items .k-state-active {
5974 .k-tabstrip-left > .k-tabstrip-items > .k-item {
5975 border-right-width: 2px;
5977 .k-tabstrip-right > .k-tabstrip-items > .k-item {
5978 border-left-width: 2px;
5980 .k-tabstrip-bottom > .k-tabstrip-items > .k-item {
5981 border-top-width: 2px;
5983 .k-tabstrip .k-tabstrip-items .k-link {
5988 border-style: solid;
5990 .k-pager-numbers .k-state-selected {
5991 line-height: 2.429em;
5994 .k-pager-numbers .k-link,
5995 .k-pager-numbers .k-state-selected {
5996 border-width: 2px 0 0;
6000 line-height: 1.286em;
6001 padding: .429em 0 .429em .25em;
6003 .k-pager-wrap > .k-link,
6004 .k-pager-numbers .k-link {
6006 line-height: 2.429em;
6008 .k-pager-wrap .k-link,
6013 .k-pager-wrap .k-pager-numbers .k-state-selected {
6014 margin-top: -0.45em;
6018 .k-pager-wrap input.k-textbox {
6022 padding: .714em 1.333em .643em 1.333em;
6024 .k-pager-wrap .k-pager-refresh {
6025 margin-right: 1.214em;
6027 .k-pager-wrap .k-dropdown {
6030 .k-autocomplete .k-i-loading,
6031 .k-multiselect .k-i-loading {
6034 .k-combobox > .k-dropdown-wrap > .k-i-close {
6037 .k-combobox-clearable .k-input {
6038 padding-right: 2.5em;
6040 .k-multiselect > .k-multiselect-wrap > .k-i-close {
6043 .k-autocomplete > .k-i-close,
6044 .k-multiselect > .k-multiselect-wrap > .k-i-close {
6050 padding: 0 2.571em 0 0;
6052 .k-picker-wrap .k-select,
6053 .k-numeric-wrap .k-select,
6054 .k-dropdown-wrap .k-select {
6060 .k-datetimepicker .k-select {
6063 .k-datetimepicker .k-picker-wrap {
6066 .k-datetimepicker .k-picker-wrap .k-icon {
6069 .k-calendar .k-header {
6075 .k-calendar .k-content .k-link {
6076 min-height: 2.571em;
6077 line-height: 2.571em;
6081 .k-calendar .k-century .k-link {
6087 border-bottom-width: 0;
6088 padding: .714em .45em .714em 0;
6090 .k-calendar .k-footer {
6091 border-top-width: 1px;
6092 border-top-style: solid;
6095 .k-popup.k-list-container {
6098 .k-popup.k-calendar-containe {
6101 .k-popup .k-list .k-item,
6102 .k-popup > .k-group-header,
6103 .k-fieldselector .k-list .k-item {
6104 min-height: 2.143em;
6105 line-height: 2.143em;
6107 .k-popup .k-list .k-item {
6111 .k-calendar .k-header .k-link,
6112 .k-calendar .k-footer {
6113 text-transform: uppercase;
6115 .k-widget.k-calendar .k-nav-fast {
6118 line-height: 2.571em;
6119 margin: 0.429em -0.08333em 0.429em 0;
6121 .k-calendar .k-header .k-icon {
6122 vertical-align: middle;
6124 .k-widget.k-calendar .k-nav-prev,
6125 .k-widget.k-calendar .k-nav-next {
6128 line-height: 2.571em;
6131 .k-calendar .k-header .k-link.k-nav-prev,
6132 .k-calendar .k-header .k-link.k-nav-next {
6136 .k-widget.k-calendar .k-nav-prev {
6139 .k-widget.k-calendar .k-nav-next {
6142 .k-calendar .k-footer .k-nav-today,
6143 .k-calendar .k-footer > .k-state-disabled {
6144 padding: 1.143em 0 1.071em;
6146 .k-popup.k-calendar-container {
6150 .k-multiselect-wrap .k-input {
6153 .k-multiselect-wrap li {
6154 border-radius: 1.071em;
6155 margin: 3px 0 3px 3px;
6156 padding: 0 1.6em 0 .857em;
6157 line-height: 1.86em;
6159 .k-multiselect-wrap li span {
6162 .k-multiselect-wrap .k-select {
6165 .k-numeric-wrap .k-select {
6166 vertical-align: baseline;
6168 .k-numerictextbox .k-link {
6172 .k-numerictextbox .k-link .k-i-arrow-60-up {
6173 vertical-align: bottom;
6175 .k-numerictextbox .k-link .k-i-arrow-60-down {
6176 vertical-align: top;
6180 .k-widget.k-menu-horizontal > .k-item {
6183 .k-popup.k-context-menu {
6185 border-style: solid;
6187 .k-context-menu.k-menu-vertical > .k-item > .k-link,
6188 .k-menu .k-menu-group .k-item > .k-link {
6189 padding: 0.5em 4.929em 0.5em 1.714em;
6191 .k-menu .k-item > .k-link > .k-i-arrow-60-right {
6194 .k-menu .k-animation-container .k-menu-group {
6197 .k-column-menu .k-menu .k-animation-container .k-menu-group {
6200 .k-column-menu .k-menu-vertical .k-separator {
6204 line-height: 3.42em;
6206 .k-toolbar > div > label {
6207 line-height: 3.42em;
6209 .k-toolbar .k-overflow-anchor > .k-icon {
6211 margin-bottom: -6px;
6213 .k-toolbar .k-dropdown {
6216 .k-toolbar .k-split-button .k-button {
6218 padding-bottom: 10px;
6220 .k-toolbar .k-button-group {
6221 line-height: 3.286em;
6223 .k-toolbar .k-button-group .k-button {
6224 line-height: inherit;
6227 .k-toolbar .k-input {
6229 line-height: 2.214em;
6235 .k-toolbar .k-overflow-anchor {
6237 line-height: 3.286em;
6242 .k-overflow-container .k-overflow-button,
6243 .k-split-container .k-button {
6246 .k-button-group .k-tool {
6249 .k-toolbar .k-split-button-arrow {
6251 padding-right: .4em;
6253 .k-filebrowser .k-filebrowser-toolbar {
6256 .k-filebrowser .k-filebrowser-toolbar .k-upload {
6259 .k-filebrowser .k-filebrowser-toolbar .k-button-icon {
6262 .k-filebrowser .k-upload .k-upload-button {
6263 vertical-align: bottom;
6265 .k-filebrowser .k-search-wrap .k-search {
6269 .k-filebrowser .k-search-wrap {
6272 .k-filebrowser .k-tiles-arrange .k-dropdown {
6281 .k-block > .k-header,
6282 .k-window-titlebar {
6283 padding: 0.5em 0 0.571em;
6285 .k-window-titlebar .k-window-actions {
6296 div.k-window-content {
6300 padding: .643em .17em .643em 1em;
6302 .k-notification-wrap {
6305 .k-notification-wrap > .k-i-close {
6311 .k-slider .k-button .k-icon {
6314 .k-slider-horizontal .k-slider-track,
6315 .k-slider-horizontal .k-slider-selection {
6319 .k-slider-vertical .k-slider-track,
6320 .k-slider-vertical .k-slider-selection {
6324 .k-slider-horizontal .k-draghandle,
6325 .k-slider-vertical .k-draghandle,
6326 .k-flatcolorpicker .k-hue-slider .k-draghandle,
6327 .k-flatcolorpicker .k-transparency-slider .k-draghandle {
6331 .k-flatcolorpicker .k-hue-slider .k-draghandle {
6334 .k-colorpicker .k-picker-wrap {
6335 line-height: 2.214em;
6337 .k-colorpicker .k-selected-color {
6341 .k-draghandle.k-state-selected,
6342 .k-draghandle.k-state-selected:link,
6343 .k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-selected,
6344 .k-flatcolorpicker .k-transparency-slider .k-draghandle.k-state-selected {
6348 .k-draghandle.k-state-focused.k-state-selected {
6351 .k-slider-horizontal .k-draghandle.k-state-selected,
6352 .k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-selected {
6355 .k-slider-vertical .k-draghandle.k-state-selected {
6360 .k-panelbar-collapse {
6363 .k-popup-edit-form .k-primary {
6366 .k-popup-edit-form:after {
6375 .k-splitbar-horizontal-hover .k-resize-handle {
6376 background-position: -165px -6px;
6378 .k-splitbar-vertical-hover .k-resize-handle {
6379 background-position: -38px -309px;
6381 .k-splitbar-horizontal.k-state-focused .k-resize-handle {
6382 background-position: -181px -6px;
6384 .k-splitbar-vertical.k-state-focused .k-resize-handle {
6385 background-position: -70px -309px;
6391 .k-checkbox:indeterminate + .k-checkbox-label:before {
6394 .k-checkbox + .k-checkbox-label:before {
6397 .k-checkbox:indeterminate + .k-checkbox-label:after {
6407 .k-radio:checked + .k-radio-label:after {
6411 .k-rtl .k-widget .k-dropdown-wrap,
6412 .k-rtl .k-widget .k-picker-wrap,
6413 .k-rtl .k-widget .k-numeric-wrap {
6414 padding-left: 2.5em;
6416 .k-rtl .k-widget.k-autocomplete > .k-i-close,
6417 .k-rtl .k-widget.k-multiselect > .k-multiselect-wrap > .k-i-close {
6423 .k-rtl .k-widget.k-combobox > .k-dropdown-wrap > .k-i-close {
6427 .k-rtl .k-widget.k-datetimepicker .k-picker-wrap {
6430 .k-rtl .k-widget.k-datetimepicker .k-picker-wrap .k-icon {
6433 .k-rtl .k-checkbox-label:after {
6436 .km-pane-wrapper .k-pager-numbers .k-link,
6437 .km-pane-wrapper .k-pager-numbers .k-state-selected,
6438 .km-pane-wrapper .k-pager-wrap > .k-link {
6441 .km-pane-wrapper .k-pager-numbers .k-link,
6442 .km-pane-wrapper .k-pager-wrap > .k-link,
6443 .km-pane-wrapper .k-pager-wrap > .k-pager-info {
6444 padding: .571em .86em;
6446 .km-pane-wrapper .k-pager-numbers .k-state-selected {
6447 padding: .971em .86em .571em;
6449 .km-pane-wrapper .k-mobile-list .k-edit-field.k-scheduler-toolbar {
6450 border-bottom-width: 1px;
6451 border-bottom-style: solid;
6454 .km-pane-wrapper .k-mobile-list .k-edit-field.k-scheduler-toolbar .k-scheduler-navigation {
6455 margin-bottom: -0.6em;