3 .ktb-theme-id-material {
15 .ktb-var-border-radius {
18 .ktb-var-normal-background {
21 .ktb-var-normal-gradient {
22 background-image: none;
24 .ktb-var-normal-text-color {
27 .ktb-var-hover-background {
30 .ktb-var-hover-gradient {
31 background-image: none;
33 .ktb-var-hover-text-color {
36 .ktb-var-selected-background {
39 .ktb-var-selected-gradient {
40 background-image: none;
42 .ktb-var-selected-text-color {
75 .k-grid-norecords-template {
76 background-color: #fff;
77 border: 1px solid #e6e6e6;
82 border-color: transparent;
85 .k-header .k-window-actions .k-link {
94 .k-button-icon .k-icon {
97 .k-button-icon:hover .k-icon {
100 .k-splitbar .k-resize-handle {
101 background-color: #444444;
105 background-color: #fff;
123 .k-footer-template td,
125 .k-state-default .k-select,
129 .k-grid-header-locked,
130 .k-grid-footer-locked,
131 .k-grid-content-locked,
133 .k-grid td.k-state-selected,
136 .k-pager-wrap .k-link,
139 .k-grouping-header .k-group-indicator,
140 .k-panelbar > .k-item > .k-link,
141 .k-panel > .k-item > .k-link,
142 .k-panelbar .k-panel,
143 .k-panelbar .k-content,
152 .k-button-group .k-tool,
154 .k-popup.k-align .k-list .k-item:last-child {
155 border-color: #e6e6e6;
163 .k-footer-template td,
168 background-color: #3f51b5;
172 .k-resize-handle-inner {
173 background-color: #3f51b5;
176 border-color: rgba(0, 0, 0, 0.2);
177 background-color: #ffffff;
181 .k-panelbar > li.k-item,
182 .k-panel > li.k-item,
184 background-color: #fff;
189 .k-pivot-layout > tbody > tr:first-child > td:first-child {
190 background-color: #f2f2f2;
192 .k-pivot-rowheaders .k-alt .k-alt,
194 background-color: #dedede;
197 .k-autocomplete.k-header,
198 .k-dropdown-wrap.k-state-active,
199 .k-picker-wrap.k-state-active,
200 .k-numeric-wrap.k-state-active {
201 border-color: #e6e6e6;
202 background-color: #fff;
205 .k-autocomplete .k-input,
206 .k-dropdown-wrap .k-input,
207 .k-autocomplete.k-state-focused .k-input,
208 .k-dropdown-wrap.k-state-focused .k-input,
209 .k-picker-wrap.k-state-focused .k-input,
210 .k-numeric-wrap.k-state-focused .k-input {
211 border-color: #e6e6e6;
215 input.k-textbox:hover,
216 textarea.k-textbox:hover,
223 input.k-textbox:hover,
224 textarea.k-textbox:hover,
226 .k-multiselect-wrap {
227 background-color: #fff;
231 background-color: #fff;
239 .k-dropdown .k-input {
250 .k-nav-current.k-state-hover .k-link {
253 .k-tabstrip-items .k-link,
254 .k-panelbar > li > .k-link {
259 .k-grid-header .k-header > .k-link {
276 .k-tabstrip-items .k-item,
277 .k-panelbar .k-tabstrip-items .k-item,
278 .km-pane-wrapper > .km-pane > .km-view > .km-content {
279 background-image: none;
280 background-position: 50% 50%;
281 background-color: #3f51b5;
283 .k-widget.k-tooltip {
284 background-image: none;
295 html .km-pane-wrapper .k-header {
296 background-color: #3f51b5;
300 .k-state-hover .k-icon,
301 .k-state-selected .k-icon,
302 .k-state-focused .k-icon,
303 .k-column-menu .k-state-hover .k-sprite,
304 .k-column-menu .k-state-active .k-sprite,
305 .k-pager-numbers .k-current-page .k-link:hover:after,
306 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view.k-state-hover > .k-link:after {
309 .k-state-disabled .k-icon,
310 .k-column-menu .k-sprite,
311 .k-pager-numbers .k-current-page .k-link:after,
312 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after {
315 .k-mobile-list .k-check:checked,
316 .k-mobile-list .k-edit-field [type=checkbox]:checked,
317 .k-mobile-list .k-edit-field [type=radio]:checked {
321 border-color: transparent;
323 /* IE will ignore the above selectors if these are added too */
324 .k-mobile-list .k-check:checked,
325 .k-mobile-list .k-edit-field [type=checkbox]:checked,
326 .k-mobile-list .k-edit-field [type=radio]:checked {
327 background-image: url('Material/sprite.png');
328 border-color: transparent;
331 background-image: url('Material/loading.gif');
334 background-image: url('Material/loading-image.gif');
337 background-color: #ffffff;
341 border-color: #fafafa;
342 background-color: #fafafa;
345 border-color: #3f51b5;
346 background-color: #3f51b5;
349 .k-draghandle:hover {
350 border-color: #3f51b5;
351 background-color: #3f51b5;
352 box-shadow: 0 0 0 8px rgba(63, 81, 181, 0.3);
357 background-color: #fff;
359 .k-scheduler-layout {
362 .k-scheduler-datecolumn,
363 .k-scheduler-groupcolumn {
364 background-color: #fff;
367 .k-scheduler-times tr,
368 .k-scheduler-times th,
369 .k-scheduler-table td,
370 .k-scheduler-header th,
371 .k-scheduler-header-wrap,
373 border-color: #e6e6e6;
376 background-color: #fafafa;
378 .k-gantt .k-nonwork-hour {
379 background-color: rgba(0, 0, 0, 0.02);
381 .k-gantt .k-header.k-nonwork-hour {
382 background-color: rgba(0, 0, 0, 0.2);
384 .k-scheduler-table .k-today,
385 .k-today > .k-scheduler-datecolumn,
386 .k-today > .k-scheduler-groupcolumn {
387 background-color: #e9e9e9;
389 .k-scheduler-now-arrow {
390 border-left-color: #eed3d7;
392 .k-scheduler-now-line {
393 background-color: #eed3d7;
397 border-color: #606fc7;
398 background: #606fc7 0 -257px none repeat-x;
404 .k-event.k-state-selected {
405 background-position: 0 0;
406 box-shadow: 0 0 0 2px #444444;
408 .k-event .k-resize-handle:after,
409 .k-task-single .k-resize-handle:after {
410 background-color: #ffffff;
412 .k-scheduler-marquee:before,
413 .k-scheduler-marquee:after {
416 .k-panelbar .k-content,
417 .k-panelbar .k-panel,
418 .k-panelbar .k-item {
419 background-color: #fff;
421 border-color: #cccccc;
423 .k-panelbar > li > .k-link {
426 .k-panelbar > .k-item > .k-link {
427 border-color: #cccccc;
429 .k-panel > li.k-item {
430 background-color: #fff;
434 .k-state-active:hover,
436 .k-tabstrip .k-state-active {
437 background-color: #ffffff;
438 border-color: #cccccc;
441 .k-fieldselector .k-list-container {
442 background-color: #ffffff;
445 .k-button.k-state-focused {
446 border-color: #dbdbdb;
449 .k-button.k-state-hover {
451 border-color: #ebebeb;
452 background-color: #ebebeb;
455 .k-button.k-state-active {
457 background-color: #dbdbdb;
458 border-color: #dbdbdb;
460 .k-button:active:hover,
461 .k-button.k-state-active:hover {
463 border-color: #5c6bc0;
464 background-color: #5c6bc0;
466 .k-button:focus:not(.k-state-disabled):not([disabled]) {
467 box-shadow: 0 6px 17px 0 #c4c4c4;
469 .k-button:focus:active:not(.k-state-disabled):not([disabled]) {
470 box-shadow: 0 6px 17px 0 rgba(235, 235, 235, 0.3);
472 .k-menu .k-state-hover > .k-state-active {
473 background-color: transparent;
480 .k-grouping-row .k-state-focused {
481 border-color: #67afe9;
486 .k-button.k-bare:before {
488 background-color: currentcolor;
490 border-radius: inherit;
499 .k-button.k-bare.k-state-focused:before,
500 .k-button.k-bare:focus:before {
503 .k-mediaplayer-toolbar .k-button.k-bare:active,
504 .k-mediaplayer-toolbar .k-button.k-bare.k-state-active,
505 .k-mediaplayer-toolbar .k-button.k-bare.k-state-active:hover {
508 .k-mediaplayer-toolbar .k-button.k-bare:active:before,
509 .k-mediaplayer-toolbar .k-button.k-bare.k-state-active:before,
510 .k-mediaplayer-toolbar .k-button.k-bare.k-state-active:hover:before {
513 .k-mediaplayer-seekbar {
517 margin-left: -25px !important;
519 .k-calendar .k-link {
522 .k-calendar .k-footer {
525 .k-calendar .k-footer .k-nav-today {
527 text-decoration: none;
528 background-color: #fff;
530 .k-calendar .k-footer .k-nav-today:hover,
531 .k-calendar .k-footer .k-nav-today.k-state-hover {
532 background-color: #fff;
533 text-decoration: underline;
535 .k-calendar .k-footer .k-nav-today:active {
536 background-color: #fff;
538 .k-calendar .k-link.k-nav-fast {
541 .k-calendar .k-nav-fast.k-state-hover {
542 text-decoration: none;
543 background-color: #ebebeb;
546 .k-calendar .k-link.k-state-hover {
549 .k-calendar .k-footer .k-link {
553 background-color: #3f51b5;
555 .k-window-titlebar .k-link {
558 .k-calendar-container.k-group {
559 border-color: rgba(0, 0, 0, 0.2);
562 .k-state-selected:link,
563 .k-state-selected:visited,
564 .k-list > .k-state-selected,
565 .k-list > .k-state-highlight,
566 .k-panel > .k-state-selected,
567 .k-ghost-splitbar-vertical,
568 .k-ghost-splitbar-horizontal,
569 .k-draghandle.k-state-selected:hover,
570 .k-scheduler .k-scheduler-toolbar .k-state-selected,
571 .k-scheduler .k-today.k-state-selected,
573 .k-drag-clue.k-state-selected {
575 background-color: #fff;
576 border-color: #ffffff;
578 .k-virtual-item.k-first,
579 .k-group-header + .k-list > .k-item.k-first,
580 .k-static-header + .k-list > .k-item.k-first {
581 border-top-color: #ebebeb;
583 .k-group-header + div > .k-list > .k-item.k-first:before {
584 border-top-color: #ebebeb;
586 .k-popup > .k-group-header,
587 .k-popup > .k-virtual-wrap > .k-group-header {
591 .k-popup .k-list .k-item > .k-group {
594 border-bottom-left-radius: 1px;
600 .k-list > .k-state-focused,
601 .k-listview > .k-state-focused,
602 .k-listview > .k-state-focused.k-state-selected,
604 .k-button.k-state-focused,
605 .k-upload-files .k-button:focus,
606 .k-upload-files .k-button:focus:not(.k-state-disabled):not([disabled]) {
607 box-shadow: inset 0 0 0 1px #808080;
609 .k-state-focused.k-state-selected,
610 .k-list > .k-state-focused.k-state-selected,
611 td.k-state-focused.k-state-selected {
614 .k-ie8 .k-panelbar span.k-state-focused,
615 .k-ie8 .k-menu li.k-state-focused,
616 .k-ie8 .k-listview > .k-state-focused,
617 .k-ie8 .k-grid-header th.k-state-focused,
618 .k-ie8 td.k-state-focused,
619 .k-ie8 .k-tool.k-state-hover,
620 .k-ie8 .k-button:focus,
621 .k-ie8 .k-button.k-state-focused,
622 .k-list > .k-state-selected.k-state-focused,
623 .k-list-optionlabel.k-state-selected.k-state-focused {
626 .k-state-selected > .k-link,
627 .k-panelbar > li > .k-state-selected,
628 .k-panelbar > li.k-state-default > .k-link.k-state-selected {
632 .k-state-hover:hover,
633 .k-splitbar-horizontal-hover:hover,
634 .k-splitbar-vertical-hover:hover,
635 .k-list > .k-state-hover,
636 .k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
637 .k-pager-wrap .k-link:hover,
638 .k-dropdown .k-state-focused,
639 .k-filebrowser-dropzone,
640 .k-mobile-list .k-item > .k-link:active,
641 .k-mobile-list .k-item > .k-label:active,
642 .k-mobile-list .k-edit-label.k-check:active,
643 .k-mobile-list .k-recur-view .k-check:active {
645 background-color: #ebebeb;
646 border-color: #ebebeb;
648 /* this selector should be used separately, otherwise old IEs ignore the whole rule */
649 .k-mobile-list .k-scheduler-timezones .k-edit-field:nth-child(2):active {
651 background-color: #ebebeb;
652 border-color: #ebebeb;
654 .k-ie8 .k-window-titlebar .k-state-hover {
655 border-color: #ebebeb;
657 .k-state-hover > .k-select,
658 .k-state-focused > .k-select {
659 border-color: #ebebeb;
662 .k-button.k-state-hover,
664 .k-button.k-state-focused,
667 .k-state-hover:hover,
668 .k-pager-wrap .k-link:hover,
669 .k-other-month.k-state-hover .k-link,
670 div.k-filebrowser-dropzone em,
672 .k-listbox .k-item:hover:not(.k-state-disabled) {
673 background-image: none;
676 background-color: #3f51b5;
679 .k-autocomplete.k-state-active,
680 .k-picker-wrap.k-state-active,
681 .k-numeric-wrap.k-state-active,
682 .k-dropdown-wrap.k-state-active,
684 .k-state-active:hover,
685 .k-state-active > .k-link,
687 .k-panelbar > .k-item > .k-state-focused {
688 background-image: none;
692 .k-button.k-state-active,
693 .k-draghandle.k-state-selected:hover {
694 background-image: none;
697 .k-button.k-state-active,
698 .k-draghandle.k-state-selected:hover {
699 background-position: 50% 50%;
701 .k-state-hover > .k-link,
702 .k-other-month.k-state-hover .k-link,
703 div.k-filebrowser-dropzone em {
706 .k-autocomplete.k-state-hover,
707 .k-autocomplete.k-state-focused,
708 .k-picker-wrap.k-state-hover,
709 .k-picker-wrap.k-state-focused,
710 .k-numeric-wrap.k-state-hover,
711 .k-numeric-wrap.k-state-focused,
712 .k-dropdown-wrap.k-state-hover,
713 .k-dropdown-wrap.k-state-focused {
714 background-color: #ffffff;
715 background-image: none;
716 background-position: 50% 50%;
717 border-color: #ebebeb;
719 .km-pane-wrapper .k-mobile-list input:not([type="checkbox"]):not([type="radio"]),
720 .km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]),
721 .km-pane-wrapper .k-mobile-list textarea,
722 .k-dropdown .k-state-focused .k-input {
725 .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right {
727 border-color: #e6e6e6;
729 .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input {
730 background-color: #fff;
731 border-color: #f0f0f0;
733 .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input + .k-i-zoom:before {
736 .km-pane-wrapper .km-pane .k-mobile-list.k-filter-menu .k-space-right > input:focus {
737 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
739 .k-dropdown .k-state-hover .k-input {
743 border-color: #eed3d7;
744 background-color: #f2dede;
750 .k-ie8 .k-state-disabled {
751 filter: alpha(opacity=70);
753 .k-tile-empty.k-state-selected,
754 .k-loading-mask.k-state-selected {
756 background-image: none;
757 background-color: transparent;
760 .k-state-disabled .k-link,
761 .k-state-disabled .k-button,
763 .k-other-month .k-link,
765 .k-dropzone .k-upload-status,
766 .k-tile-empty strong,
767 .k-slider .k-draghandle {
770 .k-file .k-upload-status {
774 .k-progressbar-indeterminate {
775 background: url('Material/indeterminate.gif');
777 .k-progressbar-indeterminate .k-progress-status-wrap,
778 .k-progressbar-indeterminate .k-state-selected {
783 background-color: #e6e6e6;
785 .k-slider-selection {
786 background-color: #fff;
788 .k-slider-horizontal .k-tick {
789 background-image: url('Material/slider-h.gif');
791 .k-slider-vertical .k-tick {
792 background-image: url('Material/slider-v.gif');
796 .k-chart-crosshair-tooltip,
797 .k-chart-shared-tooltip {
798 border-color: rgba(100, 100, 100, 0.9);
799 background-color: rgba(100, 100, 100, 0.9);
802 .k-widget.k-tooltip-validation {
803 border-color: #fdefba;
804 background-color: #fdefba;
807 /* Bootstrap theme fix */
808 .input-prepend .k-tooltip-validation,
809 .input-append .k-tooltip-validation {
815 border-bottom-color: rgba(100, 100, 100, 0.9);
818 border-right-color: rgba(100, 100, 100, 0.9);
821 border-top-color: rgba(100, 100, 100, 0.9);
824 border-left-color: rgba(100, 100, 100, 0.9);
826 .k-tooltip-validation .k-callout-n {
827 border-bottom-color: #fdefba;
829 .k-tooltip-validation .k-callout-w {
830 border-right-color: #fdefba;
832 .k-tooltip-validation .k-callout-s {
833 border-top-color: #fdefba;
835 .k-tooltip-validation .k-callout-e {
836 border-left-color: #fdefba;
840 background-color: #fafafa;
842 .k-restricted-size-vertical,
843 .k-restricted-size-horizontal {
844 background-color: #b94a48;
848 background-color: #fff;
849 border-color: #e6e6e6;
854 .k-file-progress .k-progress {
855 background-color: #bbdefb;
857 .k-file-success .k-file-name,
858 .k-file-success .k-upload-pct {
861 .k-file-success .k-progress {
862 background-color: #c8e6c9;
867 .k-file-error .k-file-extension-wrapper,
868 .k-file-error .k-multiple-files-extension-wrapper {
870 border-color: #ff3448;
872 .k-file-error .k-file-extension-wrapper:before,
873 .k-file-error .k-multiple-files-extension-wrapper:before {
874 background-color: #fff;
875 border-color: transparent transparent #ff3448 #ff3448;
877 .k-file-error .k-progress {
878 background-color: #ffcdd2;
880 .k-file-extension-wrapper,
881 .k-multiple-files-extension-wrapper {
883 border-color: #999999;
885 .k-file-invalid .k-file-name-invalid {
888 .k-file-invalid-extension-wrapper,
889 .k-multiple-files-invalid-extension-wrapper {
891 border-color: #ff3448;
893 .k-file-extension-wrapper:before,
894 .k-multiple-files-extension-wrapper:before {
895 background-color: #fff;
896 border-color: transparent transparent #999999 #999999;
898 .k-file-invalid-extension-wrapper:before,
899 .k-multiple-files-invalid-extension-wrapper:before {
900 background-color: #fff;
901 border-color: transparent transparent #ff3448 #ff3448;
903 .k-multiple-files-extension-wrapper:after {
904 border-top-color: #999999;
905 border-left-color: #999999;
907 .k-multiple-files-invalid-extension-wrapper:after {
908 border-top-color: #ff3448;
909 border-left-color: #ff3448;
913 .k-file-validation-message {
916 .k-upload .k-upload-selected {
918 border-color: #e6e6e6;
920 .k-upload .k-upload-selected:hover {
922 background-color: #3f51b5;
929 .k-tiles li.k-state-hover {
930 border-color: #ebebeb;
932 .k-tiles li.k-state-selected {
933 border-color: #ffffff;
937 .k-leaf.k-state-hover:hover {
941 .k-leaf.k-inverse.k-state-hover:hover {
955 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
958 .k-autocomplete.k-state-focused,
959 .k-dropdown-wrap.k-state-focused,
960 .k-picker-wrap.k-state-focused,
961 .k-numeric-wrap.k-state-focused {
962 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
965 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
970 .k-grid td.k-state-selected.k-state-focused {
971 background-color: #ffffff;
974 .k-menu .k-menu-group,
975 .k-grid .k-filter-options,
977 .k-datepicker-calendar,
978 .k-autocomplete.k-state-border-down,
979 .k-autocomplete.k-state-border-up,
980 .k-dropdown-wrap.k-state-active,
981 .k-picker-wrap.k-state-active,
982 .k-multiselect.k-state-focused,
983 .k-filebrowser .k-image,
985 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
987 .k-calendar-container.k-popup {
988 box-shadow: 0 0px 6px 1px rgba(0, 0, 0, 0.2);
990 .k-treemap-tile.k-state-hover {
991 box-shadow: inset 0 0 0 3px #e6e6e6;
995 border-color: rgba(0, 0, 0, 0.2);
996 box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.2);
997 background-color: #fff;
999 .k-window.k-state-focused {
1000 border-color: rgba(0, 0, 0, 0.2);
1001 box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.2);
1003 .k-window.k-window-maximized,
1004 .k-window-maximized .k-window-titlebar,
1005 .k-window-maximized .k-window-content {
1009 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
1012 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
1015 .k-editor-inline ::selection {
1016 background-color: #3f51b5;
1020 .k-editor-inline ::-moz-selection {
1021 background-color: #3f51b5;
1026 .k-widget.k-notification.k-notification-info {
1027 background-color: #bbdefb;
1029 border-color: #bbdefb;
1031 .k-widget.k-notification.k-notification-success {
1032 background-color: #c8e6c9;
1034 border-color: #c8e6c9;
1036 .k-widget.k-notification.k-notification-warning {
1037 background-color: #fdefba;
1039 border-color: #fdefba;
1041 .k-widget.k-notification.k-notification-error {
1042 background-color: #ffcdd2;
1044 border-color: #ffcdd2;
1047 .k-gantt .k-treelist {
1048 background: #f2f2f2;
1050 .k-gantt .k-treelist .k-alt {
1051 background-color: #d9d9d9;
1053 .k-gantt .k-treelist tr:hover {
1054 background-color: #ebebeb;
1056 .k-gantt .k-treelist .k-state-selected,
1057 .k-gantt .k-treelist .k-state-selected td,
1058 .k-gantt .k-treelist .k-alt.k-state-selected,
1059 .k-gantt .k-treelist .k-alt.k-state-selected > td {
1060 background-color: #fff;
1062 .k-gantt .k-treelist .k-alt.k-state-selected:hover,
1063 .k-gantt .k-treelist .k-alt.k-state-selected:hover td {
1064 background-color: #00a2eb;
1067 background-color: #444444;
1068 border-color: #444444;
1070 .k-task-dot:hover:after {
1071 background-color: #ffffff;
1074 border-color: #98a2db;
1075 background: #98a2db;
1078 .k-task-summary-complete {
1079 border-color: #444444;
1080 background: #444444;
1082 .k-state-selected.k-task-summary {
1083 border-color: #98a2db;
1084 background: #98a2db;
1086 .k-state-selected.k-task-milestone,
1087 .k-state-selected .k-task-summary-complete {
1092 background-color: #7a87d1;
1093 border-color: #606fc7;
1096 .k-state-selected.k-task-single {
1097 border-color: #ffffff;
1100 background-color: #444444;
1103 .k-state-selected.k-line {
1104 background-color: #fff;
1108 background-color: #fff;
1117 .k-window-titleless .k-window-content,
1120 .k-grid .k-filter-options,
1121 .k-grouping-header .k-group-indicator,
1136 .k-calendar-container,
1138 .k-calendar .k-link,
1144 .k-slider-selection,
1150 vertical-align: middle;
1152 .k-toolbar .k-split-button .k-button {
1153 border-radius: 2px 0 0 2px;
1155 .k-rtl .k-tool.k-group-start,
1156 .k-rtl .k-toolbar .k-split-button .k-button,
1157 .k-rtl .k-toolbar .k-button-group .k-group-start {
1158 border-radius: 0 2px 2px 0;
1160 .k-toolbar .k-split-button .k-split-button-arrow {
1161 border-radius: 0 2px 2px 0;
1163 .k-rtl .k-tool.k-group-end,
1164 .k-rtl .k-toolbar .k-button-group .k-group-end,
1165 .k-rtl .k-toolbar .k-split-button .k-split-button-arrow {
1166 border-radius: 2px 0 0 2px;
1168 .k-calendar-container.k-state-border-up,
1169 .k-list-container.k-state-border-up,
1170 .k-autocomplete.k-state-border-up,
1171 .k-multiselect.k-state-border-up,
1172 .k-dropdown-wrap.k-state-border-up,
1173 .k-picker-wrap.k-state-border-up,
1174 .k-numeric-wrap.k-state-border-up,
1177 border-radius: 0 0 2px 2px;
1179 .k-autocomplete.k-state-border-up .k-input,
1180 .k-dropdown-wrap.k-state-border-up .k-input,
1181 .k-picker-wrap.k-state-border-up .k-input,
1182 .k-picker-wrap.k-state-border-up .k-selected-color,
1183 .k-numeric-wrap.k-state-border-up .k-input {
1184 border-radius: 0 0 0 2px;
1186 .k-multiselect.k-state-border-up .k-multiselect-wrap {
1187 border-radius: 0 0 2px 2px;
1190 .k-block > .k-header,
1191 .k-tabstrip-items .k-item,
1192 .k-panelbar .k-tabstrip-items .k-item,
1193 .k-tabstrip-items .k-link,
1194 .k-calendar-container.k-state-border-down,
1195 .k-list-container.k-state-border-down,
1196 .k-autocomplete.k-state-border-down,
1197 .k-multiselect.k-state-border-down,
1198 .k-dropdown-wrap.k-state-border-down,
1199 .k-picker-wrap.k-state-border-down,
1200 .k-numeric-wrap.k-state-border-down {
1201 border-radius: 2px 2px 0 0;
1203 .k-split-button.k-state-border-down > .k-button {
1204 border-radius: 2px 0 0 0;
1206 .k-split-button.k-state-border-up > .k-button {
1207 border-radius: 0 0 0 2px;
1209 .k-split-button.k-state-border-down > .k-split-button-arrow {
1210 border-radius: 0 2px 0 0;
1212 .k-split-button.k-state-border-up > .k-split-button-arrow {
1213 border-radius: 0 0 2px 0;
1215 .k-dropdown-wrap .k-input,
1216 .k-picker-wrap .k-input,
1217 .k-numeric-wrap .k-input {
1218 border-radius: 1px 0 0 1px;
1220 .k-rtl .k-dropdown-wrap .k-input,
1221 .k-rtl .k-picker-wrap .k-input,
1222 .k-rtl .k-numeric-wrap .k-input {
1223 border-radius: 0 1px 1px 0;
1225 .k-numeric-wrap .k-link {
1226 border-radius: 0 1px 0 0;
1228 .k-numeric-wrap .k-link + .k-link {
1229 border-radius: 0 0 1px 0;
1231 .k-colorpicker .k-selected-color {
1232 border-radius: 1px 0 0 1px;
1234 .k-rtl .k-colorpicker .k-selected-color {
1235 border-radius: 0 1px 1px 0;
1237 .k-autocomplete.k-state-border-down .k-input {
1238 border-radius: 2px 2px 0 0;
1240 .k-dropdown-wrap.k-state-border-down .k-input,
1241 .k-picker-wrap.k-state-border-down .k-input,
1242 .k-picker-wrap.k-state-border-down .k-selected-color,
1243 .k-numeric-wrap.k-state-border-down .k-input {
1244 border-radius: 2px 0 0 0;
1246 .k-numeric-wrap .k-link.k-state-selected {
1247 background-color: #ebebeb;
1249 .k-multiselect.k-state-border-down .k-multiselect-wrap {
1250 border-radius: 1px 1px 0 0;
1252 .k-dropdown-wrap .k-select,
1253 .k-picker-wrap .k-select,
1254 .k-numeric-wrap .k-select,
1255 .k-datetimepicker .k-select + .k-select,
1256 .k-list-container.k-state-border-right {
1257 border-radius: 0 2px 2px 0;
1259 .k-rtl .k-dropdown-wrap .k-select,
1260 .k-rtl .k-picker-wrap .k-select,
1261 .k-rtl .k-numeric-wrap .k-select,
1262 .k-rtl .k-datetimepicker .k-select + .k-select,
1263 .k-rtl .k-list-container.k-state-border-right {
1264 border-radius: 2px 0 0 2px;
1266 .k-numeric-wrap.k-expand-padding .k-input {
1270 .k-autocomplete .k-input,
1271 .k-multiselect-wrap {
1274 .k-list .k-state-hover,
1275 .k-list .k-state-focused,
1276 .k-list .k-state-highlight,
1277 .k-list .k-state-selected,
1278 .k-fieldselector .k-list .k-item,
1279 .k-list-optionlabel,
1281 .k-listbox .k-item {
1284 .k-slider .k-button,
1285 .k-grid .k-slider .k-button {
1286 border-radius: 13px;
1289 border-radius: 13px;
1291 .k-scheduler-toolbar > ul li:first-child,
1292 .k-scheduler-toolbar > ul li:first-child .k-link,
1293 .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li,
1294 .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li .k-link {
1295 border-radius: 2px 0 0 2px;
1297 .k-rtl .k-scheduler-toolbar > ul li:first-child,
1298 .k-rtl .k-scheduler-toolbar > ul li:first-child .k-link,
1299 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li,
1300 .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li .k-link,
1301 .km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child,
1302 .km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child .k-link {
1303 border-radius: 0 2px 2px 0;
1305 .k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today,
1306 .k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today .k-link,
1307 .k-edit-field > .k-scheduler-navigation {
1310 .k-scheduler-toolbar .k-nav-next,
1311 .k-scheduler-toolbar ul + ul li:last-child,
1312 .k-scheduler-toolbar .k-nav-next .k-link,
1313 .k-scheduler-toolbar ul + ul li:last-child .k-link {
1314 border-top-right-radius: 2px;
1315 border-bottom-right-radius: 2px;
1317 .k-rtl .k-scheduler-toolbar .k-nav-next,
1318 .k-rtl .k-scheduler-toolbar ul + ul li:last-child,
1319 .k-rtl .k-scheduler-toolbar .k-nav-next .k-link,
1320 .k-rtl .k-scheduler-toolbar ul + ul li:last-child .k-link {
1321 border-radius: 2px 0 0 2px;
1323 .k-scheduler div.k-scheduler-footer ul li,
1324 .k-scheduler div.k-scheduler-footer .k-link {
1334 .k-scheduler-mobile .k-event {
1338 .k-grid-mobile .k-column-active + th.k-header {
1339 border-left-color: #444444;
1341 html .km-pane-wrapper .km-widget,
1342 .k-ie .km-pane-wrapper .k-widget,
1343 .k-ie .km-pane-wrapper .k-group,
1344 .k-ie .km-pane-wrapper .k-content,
1345 .k-ie .km-pane-wrapper .k-header,
1346 .k-ie .km-pane-wrapper .k-popup-edit-form .k-edit-field .k-button,
1347 .km-pane-wrapper .k-mobile-list .k-item,
1348 .km-pane-wrapper .k-mobile-list .k-edit-label,
1349 .km-pane-wrapper .k-mobile-list .k-edit-field {
1352 @media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) {
1353 div.km-pane-wrapper a {
1357 .km-pane-wrapper .k-mobile-list .k-item,
1358 .km-pane-wrapper .k-mobile-list .k-edit-field,
1359 .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check {
1360 background-color: #fff;
1361 border-top: 1px solid #e7e7e7;
1363 .km-pane-wrapper .k-mobile-list .k-edit-field textarea {
1366 .km-pane-wrapper .k-mobile-list .k-item.k-state-selected {
1367 background-color: #fff;
1368 border-top-color: #ffffff;
1370 .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:first-child {
1371 border-top-color: transparent;
1373 .km-pane-wrapper .k-mobile-list .k-item:last-child {
1374 box-shadow: inset 0 -1px 0 #e7e7e7;
1376 .km-pane-wrapper .k-mobile-list > ul > li > .k-link,
1377 .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3),
1378 .km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child {
1381 .km-pane-wrapper .k-mobile-list > ul > li > .k-link {
1382 border-bottom: 1px solid #e7e7e7;
1384 .km-pane-wrapper .k-mobile-list .k-edit-field {
1385 box-shadow: 0 1px 1px #e7e7e7;
1387 .km-actionsheet .k-grid-delete,
1388 .km-actionsheet .k-scheduler-delete,
1389 .km-pane-wrapper .k-scheduler-delete,
1390 .km-pane-wrapper .k-filter-menu .k-button[type=reset] {
1392 border-color: #eed3d7;
1393 background-color: red;
1394 background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.15));
1396 .km-actionsheet .k-grid-delete:active,
1397 .km-actionsheet .k-scheduler-delete:active,
1398 .km-pane-wrapper .k-scheduler-delete:active,
1399 .km-pane-wrapper .k-filter-menu .k-button[type=reset]:active {
1400 background-color: #990000;
1403 .k-autocomplete.k-state-default,
1404 .k-picker-wrap.k-state-default,
1405 .k-numeric-wrap.k-state-default,
1406 .k-dropdown-wrap.k-state-default {
1407 background-image: none;
1408 background-position: 50% 50%;
1410 background-color: #fafafa;
1411 border-color: #f0f0f0;
1413 .k-autocomplete.k-state-hover,
1414 .k-picker-wrap.k-state-hover,
1415 .k-numeric-wrap.k-state-hover,
1416 .k-dropdown-wrap.k-state-hover {
1417 background-color: #ffffff;
1418 background-image: none;
1419 background-position: 50% 50%;
1420 border-color: #f5f5f5;
1422 .k-multiselect.k-header {
1423 border-color: #f0f0f0;
1425 .k-multiselect.k-header.k-state-hover {
1426 border-color: #f5f5f5;
1428 .k-autocomplete.k-state-focused,
1429 .k-picker-wrap.k-state-focused,
1430 .k-numeric-wrap.k-state-focused,
1431 .k-dropdown-wrap.k-state-focused,
1432 .k-multiselect.k-header.k-state-focused {
1433 background-color: #ffffff;
1434 background-image: none;
1435 background-position: 50% 50%;
1436 border-color: #f5f5f5;
1437 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
1445 .k-dropdown .k-input,
1446 .k-dropdown .k-state-focused .k-input,
1450 .k-state-default > .k-select {
1451 border-color: #f0f0f0;
1453 .k-state-focused > .k-select {
1454 border-color: #f5f5f5;
1456 .k-state-hover > .k-select {
1457 border-color: #f5f5f5;
1460 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
1462 .k-tabstrip-items .k-state-default .k-link,
1463 .k-panelbar > li.k-state-default > .k-link {
1466 .k-tabstrip-items .k-state-hover .k-link,
1467 .k-panelbar > li.k-state-hover > .k-link,
1468 .k-panelbar > li.k-state-default > .k-link.k-state-hover {
1471 .k-panelbar > li > .k-state-focused.k-state-hover {
1472 background: #ebebeb;
1475 .k-tabstrip-items .k-state-default,
1476 .k-panelbar .k-tabstrip-items .k-state-default {
1477 border-color: transparent;
1479 .k-tabstrip-items .k-state-hover {
1480 border-color: #ebebeb;
1482 .k-tabstrip .k-content.k-state-active {
1483 background-color: #fff;
1488 border-color: #e6e6e6;
1491 .k-column-menu .k-item,
1492 .k-overflow-container .k-overflow-group {
1493 border-color: #cccccc;
1495 .k-overflow-container .k-overflow-group {
1496 box-shadow: inset 0 1px 0 #ffffff, 0 1px 0 #ffffff;
1498 .k-toolbar-first-visible.k-overflow-group,
1499 .k-overflow-container .k-overflow-group + .k-overflow-group {
1500 box-shadow: 0 1px 0 #ffffff;
1502 .k-toolbar-last-visible.k-overflow-group {
1503 box-shadow: inset 0 1px 0 #ffffff;
1505 .k-column-menu .k-separator {
1506 border-color: #cccccc;
1507 background-color: transparent;
1510 border-color: rgba(0, 0, 0, 0.2);
1512 .k-grid-filter.k-state-active {
1513 background-color: #ffffff;
1519 border-color: #cccccc;
1522 .k-grouping-header {
1526 .k-grid-header-wrap,
1527 .k-grid .k-grouping-header,
1530 .k-pager-wrap .k-textbox,
1531 .k-pager-wrap .k-link,
1532 .k-grouping-header .k-group-indicator,
1533 .k-gantt-toolbar .k-state-default {
1534 border-color: #cccccc;
1537 .k-overflow-container .k-primary {
1539 border-color: #3f51b5;
1540 background-image: none;
1541 background-position: 50% 50%;
1542 background-color: #3f51b5;
1546 .k-primary.k-state-focused {
1548 border-color: #eff8ff;
1549 background-image: none;
1550 box-shadow: 0 0 8px 0 #cfe6f8;
1554 border-color: #5c6bc0;
1555 background-image: none;
1556 background-color: #5c6bc0;
1559 .k-primary:focus:active:not(.k-state-disabled):not([disabled]),
1560 .k-primary:focus:not(.k-state-disabled):not([disabled]) {
1561 box-shadow: 0 0 8px 0 #cfe6f8;
1565 border-color: #283593;
1566 background-image: none;
1567 background-color: #283593;
1568 box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3);
1570 .k-primary.k-state-disabled,
1571 .k-state-disabled .k-primary,
1572 .k-primary.k-state-disabled:hover,
1573 .k-state-disabled .k-primary:hover,
1574 .k-primary.k-state-disabled:hover,
1575 .k-state-disabled .k-primary:active,
1576 .k-primary.k-state-disabled:active {
1578 border-color: #eaeaea;
1579 background-color: #eaeaea;
1580 background-image: none;
1583 .k-pager-numbers .k-link,
1585 border-color: transparent;
1587 .k-treeview .k-icon,
1588 .k-scheduler-table .k-icon,
1589 .k-grid .k-hierarchy-cell .k-icon {
1590 background-color: transparent;
1593 .k-scheduler-table .k-state-hover .k-icon {
1594 background-color: transparent;
1597 .k-split-button:focus {
1600 .k-split-button:focus {
1601 background-color: #dbdbdb;
1603 .k-split-button:focus > .k-button {
1604 background: transparent;
1605 border-color: #dbdbdb;
1607 .k-split-button:focus > .k-button.k-split-button-arrow {
1608 border-left-color: #f2f2f2;
1613 .k-editor .k-tool:focus {
1615 border-color: #dbdbdb;
1616 box-shadow: 0 6px 17px 0 #c4c4c4;
1618 .k-checkbox-label:before {
1619 border-color: #7f7f7f;
1623 .k-checkbox:hover + .k-checkbox-label:before,
1624 .k-checkbox:checked:hover + .k-checkbox-label:before,
1625 .k-checkbox-label:hover:before,
1626 .k-checkbox:checked + .k-checkbox-label:hover:before {
1627 border-color: #7f7f7f;
1630 .k-checkbox:checked + .k-checkbox-label:before {
1631 background-color: #3f51b5;
1632 border-color: #3f51b5;
1635 .k-checkbox:active + .k-checkbox-label:before,
1636 .k-checkbox-label:active:before {
1638 border-color: #7f7f7f;
1640 .k-checkbox:checked:active + .k-checkbox-label:before,
1641 .k-checkbox:checked + .k-checkbox-label:before {
1643 border-color: #7f7f7f;
1645 .k-checkbox:disabled + .k-checkbox-label {
1648 .k-checkbox:disabled + .k-checkbox-label:hover:before {
1651 .k-checkbox:disabled + .k-checkbox-label:before,
1652 .k-checkbox:checked:disabled + .k-checkbox-label:before,
1653 .k-checkbox:checked:disabled + .k-checkbox-label:active:before,
1654 .k-checkbox:checked:disabled + .k-checkbox-label:hover:before {
1656 background: #f5f5f5;
1657 border-color: #bfbfbf;
1660 .k-checkbox:focus + .k-checkbox-label:before {
1661 border-color: #7f7f7f;
1664 .k-checkbox:indeterminate + .k-checkbox-label:after {
1665 background-color: #3f51b5;
1666 background-image: none;
1667 border-color: #3f51b5;
1670 .k-checkbox:indeterminate:hover + .k-checkbox-label:after {
1671 border-color: #3f51b5;
1672 background-color: #3f51b5;
1674 .k-checkbox + .k-checkbox-label:after {
1683 .k-checkbox:focus + .k-checkbox-label:after {
1684 box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3);
1686 .k-checkbox:active + .k-checkbox-label:after,
1687 .k-checkbox + .k-checkbox-label:active:after {
1688 box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3);
1690 .k-checkbox:checked:active + .k-checkbox-label:after,
1691 .k-checkbox:checked + .k-checkbox-label:active:after {
1692 box-shadow: 0 0 0 12px rgba(63, 81, 181, 0.3);
1694 .k-checkbox:disabled + .k-checkbox-label:active:after {
1697 .k-checkbox:indeterminate + .k-checkbox-label:before {
1698 border-color: #3f51b5;
1700 .k-radio-label:before {
1701 border-color: #7f7f7f;
1703 background-color: #fff;
1706 .k-radio-label:hover:before,
1707 .k-radio:checked + .k-radio-label:hover:before {
1708 border-color: #7f7f7f;
1711 .k-radio:checked + .k-radio-label:after {
1712 background-color: #3f51b5;
1715 .k-radio-label:active:before {
1716 border-color: #6b7acb;
1717 box-shadow: 0 0 2px 0 #6b7acb;
1719 .k-radio:checked + .k-radio-label:active:before {
1720 box-shadow: 0 0 2px 0 #6b7acb;
1721 border-color: #6b7acb;
1723 .k-radio:disabled + .k-radio-label {
1726 .k-radio:disabled + .k-radio-label:before,
1727 .k-radio:disabled + .k-radio-label:active:before,
1728 .k-radio:disabled + .k-radio-label:hover:after,
1729 .k-radio:disabled + .k-radio-label:hover:before {
1730 background: #ffffff;
1731 border-color: #bfbfbf;
1734 .k-radio:disabled:checked + .k-radio-label:after {
1735 background-color: #3f51b5;
1738 .k-radio:focus + .k-radio-label:before {
1739 border-color: #6b7acb;
1740 box-shadow: 0 0 2px 0 #6b7acb;
1742 .k-radio:checked + .k-radio-label:before,
1743 .k-radio:checked + .k-radio-label:hover:before {
1744 border-color: #3f51b5;
1746 .k-radio + .k-radio-label:active:before {
1747 border-color: #7f7f7f;
1748 box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3);
1750 .k-radio:checked + .k-radio-label:active:before {
1751 box-shadow: 0 0 0 12px rgba(63, 81, 181, 0.3);
1753 .k-radio:focus + .k-radio-label:before {
1754 border-color: #7f7f7f;
1755 box-shadow: 0 0 0 12px rgba(235, 235, 235, 0.3);
1757 .k-radio:disabled:checked + .k-radio-label:before,
1758 .k-radio:disabled:checked + .k-radio-label:hover:before {
1759 border-color: #bfbfbf;
1761 .k-radio:disabled:checked + .k-radio-label:active:before {
1764 @media screen and (-ms-high-contrast: active) {
1765 .k-editor-toolbar-wrap .k-dropdown-wrap.k-state-focused,
1766 .k-editor-toolbar-wrap .k-button-group .k-tool:focus {
1770 .k-button:hover .k-icon,
1772 .k-state-hover .k-tool-icon,
1773 .k-state-selected .k-tool-icon,
1774 .k-state-focused .k-tool-icon,
1775 .k-button:hover .k-tool-icon,
1776 .k-splitbar.k-splitbar-horizontal-hover .k-icon,
1777 .k-splitbar.k-splitbar-vertical-hover .k-icon,
1778 div.k-splitbar.k-state-focused .k-icon,
1779 .k-textbox:hover > .k-icon,
1780 .k-grouping-header .k-i-delete,
1781 .k-grouping-header .k-button-icon:hover > .k-icon.k-i-delete,
1782 .k-grouping-header .k-i-delete,
1783 .k-grouping-header .k-button-icon:hover > .k-icon.k-i-delete,
1784 .k-grouping-header .k-i-arrow-60-up,
1785 .k-grouping-header .k-link:hover > .k-icon.k-i-arrow-60-up,
1786 .k-grouping-header .k-i-arrow-60-up,
1787 .k-grouping-header .k-link:hover > .k-icon.k-i-arrow-60-up,
1788 .k-grouping-header .k-i-arrow-60-down,
1789 .k-grouping-header .k-link:hover > .k-icon.k-i-arrow-60-down,
1790 .k-grouping-header .k-i-arrow-60-down,
1791 .k-grouping-header .k-link:hover > .k-icon.k-i-arrow-60-down,
1792 .k-grid-toolbar .k-i-file-pdf,
1793 .k-grid-toolbar .k-button:hover > .k-i-file-pdf,
1794 .k-grid-toolbar .k-i-file-excel,
1795 .k-grid-toolbar .k-button:hover > .k-i-file-excel,
1796 .k-grid-toolbar .k-icon,
1797 .k-scheduler-toolbar .k-icon,
1798 .k-scheduler-footer .k-icon,
1799 .k-scheduler-content .k-icon,
1800 .k-gantt-toolbar .k-icon,
1801 .k-field-actions .k-icon,
1802 .k-notification .k-icon,
1803 .k-pivot-configurator-settings .k-icon:hover,
1804 .k-window-titlebar .k-icon {
1807 .k-splitbar .k-icon,
1808 .k-pivot-configurator-settings .k-icon {
1811 .k-pager-wrap .k-link.k-state-disabled .k-icon {
1816 .k-button.k-state-hover,
1817 .k-button.k-state-focused,
1819 .k-button:focus:not(.k-state-disabled):not([disabled]) {
1820 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
1827 .k-button.k-state-active,
1829 .k-button.k-state-focused {
1831 background-color: #dbdbdb;
1832 border-color: #dbdbdb;
1834 .k-button:active:hover,
1835 .k-button.k-state-active:hover {
1837 border-color: #dbdbdb;
1838 background-color: #dbdbdb;
1839 box-shadow: 0 6px 17px 0 rgba(235, 235, 235, 0.3);
1842 .k-button.k-state-hover,
1843 .k-button:active:hover,
1844 .k-button.k-state-active:hover {
1846 border-color: #ebebeb;
1847 background-color: #ebebeb;
1850 .k-primary.k-state-active,
1852 .k-primary.k-state-focused {
1854 border-color: #283593;
1855 background-image: none;
1856 background-color: #283593;
1857 box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3);
1860 .k-primary.k-state-hover,
1861 .k-primary:active:hover,
1862 .k-primary.k-state-active:hover {
1864 border-color: #5c6bc0;
1865 background-color: #5c6bc0;
1867 .k-primary:focus:not(.k-state-disabled):not([disabled]),
1868 .k-primary:focus:active:not(.k-state-disabled):not([disabled]) {
1869 box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3);
1871 .k-primary.k-state-disabled,
1872 .k-state-disabled .k-primary,
1873 .k-primary.k-state-disabled:hover,
1874 .k-state-disabled .k-primary:hover,
1875 .k-primary.k-state-disabled:hover,
1876 .k-state-disabled .k-primary:active,
1877 .k-primary.k-state-disabled:active {
1879 border-color: #eaeaea;
1880 background-color: #eaeaea;
1881 background-image: none;
1884 .k-widget .k-button:active,
1885 .k-widget .k-button.k-state-active {
1887 background-color: #dbdbdb;
1888 border-color: #ebebeb;
1890 .k-toolbar .k-overflow-anchor.k-state-active,
1891 .k-toolbar .k-overflow-anchor.k-state-border-down {
1892 background-color: #ffffff;
1894 .k-widget .k-button:active:hover,
1895 .k-widget .k-button.k-state-active:hover {
1897 border-color: #ebebeb;
1898 background-color: #ebebeb;
1900 .k-button[disabled],
1901 .k-button.k-state-disabled,
1902 .k-state-disabled .k-button,
1903 .k-state-disabled .k-button:hover,
1904 .k-button.k-state-disabled:hover,
1905 .k-state-disabled .k-button:active,
1906 .k-button.k-state-disabled:active,
1907 .k-button.k-state-disabled:active:hover,
1908 .k-listbox .k-button.k-state-disabled {
1910 border-color: #fafafa;
1911 background-color: #fafafa;
1912 background-image: none;
1915 .k-dropdown .k-state-default {
1916 border-color: #fafafa;
1917 background-image: none;
1918 background-position: 50% 50%;
1919 background-color: #fafafa;
1922 span.k-colorpicker {
1923 background-color: #fafafa;
1926 background-color: #fafafa;
1927 border-color: #f0f0f0;
1933 background-color: #fafafa;
1935 .k-picker-wrap.k-state-default > .k-select {
1936 border-color: #fafafa;
1938 .k-datepicker .k-input,
1939 .k-timepicker .k-input {
1940 background-color: #fafafa;
1942 .k-autocomplete.k-state-active .k-input,
1943 .k-picker-wrap.k-state-active .k-input,
1944 .k-numeric-wrap.k-state-active .k-input {
1945 background-color: #fff;
1947 .k-picker-wrap.k-state-hover > .k-select,
1948 .k-picker-wrap.k-state-focused > .k-select {
1949 border-color: #ffffff;
1951 .k-picker-wrap.k-state-hover .k-input,
1952 .k-picker-wrap.k-state-focused .k-input {
1953 background-color: #ffffff;
1956 .k-overflow-anchor:hover,
1957 .k-autocomplete.k-state-hover,
1958 .k-picker-wrap.k-state-hover,
1959 .k-numeric-wrap.k-state-hover,
1960 .k-dropdown-wrap.k-state-hover {
1961 background-color: #fff;
1962 border-color: #f5f5f5;
1963 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
1966 .k-autocomplete.k-state-focused,
1967 .k-picker-wrap.k-state-focused,
1968 .k-numeric-wrap.k-state-focused,
1969 .k-dropdown-wrap.k-state-focused,
1970 .k-multiselect.k-header.k-state-focused {
1971 background-color: #ebebeb;
1972 background-image: none;
1973 background-position: 50% 50%;
1974 border-color: #ebebeb;
1975 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
1977 .k-numeric-wrap.k-state-focused > .k-select {
1978 background-color: #ebebeb;
1981 .k-autocomplete.k-state-active,
1982 .k-picker-wrap.k-state-active,
1983 .k-numeric-wrap.k-state-active,
1984 .k-dropdown-wrap.k-state-active,
1985 .k-multiselect.k-header.k-state-active {
1986 background-color: #fff;
1987 background-image: none;
1988 background-position: 50% 50%;
1989 border-color: #f5f5f5;
1990 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
1992 .k-autocomplete.k-state-disabled,
1993 .k-picker-wrap.k-state-disabled,
1994 .k-numeric-wrap.k-state-disabled,
1995 .k-numeric-wrap.k-state-disabled .k-input,
1996 .k-numeric-wrap.k-state-disabled .k-select,
1997 .k-dropdown-wrap.k-state-disabled,
1998 .k-multiselect.k-header.k-state-disabled {
1999 background-color: #fafafa;
2001 .k-numeric-wrap.k-state-disabled .k-select {
2002 border-color: #fafafa;
2004 .k-numerictextbox .k-select {
2005 background-color: #fff;
2008 .k-list > .k-state-selected.k-state-focused {
2012 .k-list > .k-state-selected {
2015 .k-list > .k-state-focused {
2016 border-color: transparent;
2019 .k-list > .k-state-hover,
2020 .k-list > .k-state-selected.k-state-hover {
2021 background-color: #ebebeb;
2022 border-color: #ebebeb;
2025 border-color: #ebebeb;
2027 .k-grid td.k-state-focused.k-state-selected {
2028 box-shadow: inset 0 0 0 1px #808080;
2030 .k-calendar td.k-state-focused,
2031 .k-calendar td.k-state-selected.k-state-focused {
2032 box-shadow: inset 0 0 0 1px #808080;
2034 .k-calendar td.k-state-selected {
2035 background-color: #00b0ff;
2038 .k-calendar td.k-state-selected.k-state-hover {
2039 background-color: #00a2eb;
2041 .k-calendar .k-state-selected > .k-link {
2045 .k-calendar .k-header .k-link {
2048 .k-calendar .k-footer {
2049 border-color: #e6e6e6;
2054 .k-calendar .k-content th {
2055 background-color: #fff;
2057 .k-calendar .k-alt {
2059 background-color: #f2f2f2;
2061 .k-calendar .k-header .k-state-hover {
2062 background-color: #32408f;
2064 .k-calendar .k-footer .k-nav-today {
2067 .k-calendar .k-nav-fast.k-state-hover {
2070 .k-calendar .k-today {
2071 background-color: #3f51b5;
2073 .k-calendar .k-today .k-link {
2076 .k-calendar .k-today.k-state-hover {
2077 background-color: #32408f;
2079 .k-calendar .k-today:active {
2080 box-shadow: inset 0 0 0 1px #2b387c;
2082 .k-calendar .k-link.k-state-hover,
2083 .k-window-titlebar .k-link {
2086 .k-window-titlebar .k-state-hover {
2087 background-color: #5c6dc4;
2088 border-color: #5c6dc4;
2091 .k-tabstrip > .k-tabstrip-items > .k-item {
2094 .k-tabstrip-items .k-state-active,
2095 .k-panelbar .k-tabstrip-items .k-state-active {
2096 background-color: #3f51b5;
2097 background-image: none;
2098 border-bottom-color: #00b0ff;
2100 .k-tabstrip .k-content.k-state-active {
2101 border-color: transparent;
2103 .k-tabstrip-items .k-item.k-state-hover {
2104 background: #5c6dc4;
2105 border-color: #5c6dc4;
2107 .k-tabstrip-items .k-state-hover .k-link {
2112 .k-flatcolorpicker.k-group,
2115 .k-popup.k-widget.k-context-menu {
2117 background-color: #fff;
2120 .k-popup.k-context-menu.k-group {
2121 border-color: #e6e6e6;
2125 .k-widget.k-menu-horizontal > .k-item {
2128 .k-menu .k-state-active,
2129 .k-popup.k-context-menu.k-group .k-state-hover {
2130 background-color: #ebebeb;
2131 border-color: #ebebeb;
2135 background-color: #fafafa;
2136 border-color: #e6e6e6;
2138 .k-toolbar .k-toggle-button:focus {
2139 background-color: transparent;
2140 border-color: #b3b3b3;
2142 .k-toolbar .k-toggle-button:hover {
2143 background-color: #ebebeb;
2145 .k-toolbar .k-toggle-button.k-state-active {
2147 background-color: #3f51b5;
2148 border-color: #3f51b5;
2150 .k-toolbar .k-toggle-button.k-state-active:focus {
2151 background-color: #3f51b5;
2152 border-color: #2b387c;
2154 .k-toolbar .k-toggle-button.k-state-active:hover {
2156 background-color: #32408f;
2157 border-color: #32408f;
2159 .k-mediaplayer-toolbar {
2160 background: rgba(250, 250, 250, 0.85);
2162 .k-toolbar .k-button {
2165 .k-ie .k-toolbar .k-input {
2168 .k-grid .k-header .k-button,
2169 .k-scheduler .k-header .k-button,
2170 .k-scheduler .k-header li,
2171 .k-scheduler .k-header .k-link,
2172 .k-gantt > .k-header li,
2173 .k-gantt > .k-header .k-link,
2174 .k-gantt-toolbar .k-button,
2175 .km-pane-wrapper .k-header .k-button {
2177 background-color: #3f51b5;
2178 border-color: #3f51b5;
2181 .k-grid .k-header .k-button:hover,
2182 .k-scheduler .k-header .k-button:hover,
2183 .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover,
2184 .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover .k-link,
2185 .k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover,
2186 .k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover .k-link,
2187 .k-gantt .k-gantt-toolbar .k-button:hover,
2188 .km-pane-wrapper .k-header .k-button:hover {
2189 background-color: #5c6dc4;
2190 border-color: #5c6dc4;
2192 .km-pane-wrapper .k-header .k-button:active:hover {
2195 .k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
2196 .k-scheduler .k-scheduler-toolbar .k-state-selected,
2197 .k-gantt-toolbar .k-button {
2198 background-color: #3f51b5;
2199 border-color: #3f51b5;
2201 .k-gantt .k-gantt-toolbar .k-button:active {
2205 .k-gantt-toolbar > .k-gantt-views > li.k-state-selected,
2206 .k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-selected.k-state-hover,
2207 .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-selected.k-state-hover,
2208 .k-scheduler-toolbar > .k-scheduler-views > li.k-state-selected {
2209 border-bottom-color: #00b0ff;
2216 background-color: #fff;
2220 .k-resize-handle-inner {
2222 background-color: #f2f2f2;
2224 .k-grouping-header .k-group-indicator,
2225 .k-pivot-toolbar .k-button {
2227 background-color: #32408f;
2228 border-color: #32408f;
2232 .k-grid-header .k-header,
2234 .k-pager-numbers .k-state-selected,
2237 .k-scheduler-header,
2238 .km-pane-wrapper .k-grid-header .k-header {
2240 background-color: #fafafa;
2242 .k-header.k-scheduler-footer .k-header,
2243 .k-header.k-scheduler-footer ul.k-header li .k-link {
2245 background-color: #fafafa;
2247 .k-header.k-scheduler-footer ul.k-header li {
2248 background-color: #fafafa;
2249 border-color: #fafafa;
2252 .k-grid-header-wrap,
2253 .k-grid .k-grouping-header,
2256 .k-pager-wrap .k-textbox,
2257 .k-pager-wrap .k-link,
2258 .k-gantt-toolbar .k-state-default,
2262 border-color: #e6e6e6;
2265 .k-footer-template td,
2266 .k-fieldselector .k-item.k-header {
2268 background-color: #f2f2f2;
2270 .k-grid .k-grouping-header {
2271 color: rgba(255, 255, 255, 0.5);
2277 .k-grouping-header .k-link,
2278 .k-grouping-header .k-link:link {
2281 .k-scheduler-layout .k-state-selected,
2282 .k-scheduler .k-today.k-state-selected,
2283 .k-grid tr.k-state-selected,
2284 .k-grid td.k-state-selected,
2285 .k-grid td.k-state-selected.k-state-focused,
2287 .k-gantt .k-treelist .k-state-selected,
2288 .k-gantt .k-treelist .k-state-selected td,
2289 .k-gantt .k-treelist .k-alt.k-state-selected,
2290 .k-gantt .k-treelist .k-alt.k-state-selected > td,
2291 .k-listview > .k-state-selected,
2292 .k-state-selected.k-line {
2293 background-color: #00b0ff;
2295 .k-state-selected.k-line {
2298 .k-grid tr.k-state-selected,
2299 .k-grid td.k-state-selected,
2300 .k-listview > .k-state-selected,
2301 .k-state-selected .k-progress-status {
2305 background-color: #ebebeb;
2307 .k-grid .k-filter-row:hover,
2308 .k-pivot-rowheaders .k-grid tr:hover {
2311 .k-grid td.k-state-selected,
2312 .k-grid tr.k-state-selected > td {
2313 border-color: #008dcc;
2315 .k-grid td.k-state-selected:hover,
2316 .k-grid tr.k-state-selected:hover td {
2317 background-color: #00a2eb;
2319 .k-grid-header .k-header .k-link,
2320 .k-grid-header .k-header,
2321 .k-grid-header .k-link,
2322 .k-grid-header .k-link:link,
2324 .k-scheduler-header,
2325 .k-scheduler-agendaview .k-scheduler-datecolumn {
2328 .k-gantt .k-task-draghandle {
2329 border-color: #00b0ff;
2331 .k-grid-pager .k-link,
2332 .k-grid-pager .k-link:link {
2335 .k-pager-numbers .k-link,
2336 .k-pager-wrap > .k-link {
2339 .k-pager-numbers .k-state-selected {
2340 border-color: #3f51b5 transparent transparent;
2345 .k-pager-wrap .k-link {
2346 border-color: #fafafa;
2349 .k-pager-wrap .k-link:hover {
2350 background-color: transparent;
2351 border-color: transparent;
2353 .k-scheduler-toolbar > ul li:first-child,
2354 .k-scheduler-toolbar > ul li:first-child .k-link,
2355 .k-scheduler-toolbar .k-nav-next,
2356 .k-scheduler-toolbar ul + ul li:last-child,
2357 .k-scheduler-toolbar .k-nav-next .k-link,
2358 .k-scheduler-toolbar ul + ul li:last-child .k-link,
2359 .k-gantt-toolbar li:first-child,
2360 .k-gantt-toolbar li:first-child > .k-link,
2361 .k-gantt-toolbar li:last-child,
2362 .k-gantt-toolbar li:last-child > .k-link {
2368 .k-popup .k-textbox:focus,
2369 .k-popup .k-autocomplete.k-state-focused,
2370 .k-popup .k-picker-wrap.k-state-focused,
2371 .k-popup .k-numeric-wrap.k-state-focused,
2372 .k-popup .k-dropdown-wrap.k-state-focused,
2373 .k-popup .k-multiselect.k-header.k-state-focused,
2374 .k-popup .k-textbox:hover,
2375 .k-popup .k-autocomplete.k-state-hover,
2376 .k-popup .k-picker-wrap.k-state-hover,
2377 .k-popup .k-numeric-wrap.k-state-hover,
2378 .k-popup .k-dropdown-wrap.k-state-hover {
2383 .k-panelbar .k-header,
2384 .k-panelbar .k-content,
2385 .k-panel > li.k-item,
2386 .k-panelbar .k-state-selected {
2387 background-color: #fafafa;
2389 .k-panelbar .k-grid-toolbar {
2390 background-color: #3f51b5;
2392 .k-panelbar > li.k-state-default > .k-link {
2395 .k-panelbar > li > .k-state-hover {
2396 background-color: #ebebeb;
2398 .k-panelbar > .k-item > .k-link,
2399 .k-panelbar.k-header,
2400 .k-panelbar .k-content,
2401 .k-panelbar .k-panel,
2402 .k-panelbar .k-item {
2403 border-color: #e6e6e6;
2407 border-color: #fafafa;
2409 .k-splitbar.k-state-focused {
2410 background-color: #3f51b5;
2411 border-color: #3f51b5;
2417 background-color: #fff;
2419 .k-upload-files .k-button {
2424 .k-task-summary-complete,
2425 .k-state-selected.k-task-milestone,
2426 .k-state-selected .k-task-summary-complete {
2427 background-color: #3f51b5;
2428 border-color: #3f51b5;
2431 background-color: #66d0ff;
2434 background: #00b0ff 0 -257px none repeat-x;
2436 .k-treelist .k-state-selected,
2437 .k-treelist .k-state-selected td,
2438 .k-treelist .k-alt.k-state-selected,
2439 .k-treelist .k-alt.k-state-selected > td {
2440 background-color: #00b0ff;
2441 border-color: #00b0ff;
2443 .k-multiselect .k-button:focus:active:not(.k-state-disabled):not([disabled]),
2444 .k-toolbar .k-button:focus:active:not(.k-state-disabled):not([disabled]),
2445 .k-group-indicator .k-button,
2446 .k-group-indicator .k-button:focus:active:not(.k-state-disabled):not([disabled]),
2447 .k-group-indicator .k-button:focus:not(.k-state-disabled):not([disabled]),
2448 .k-gantt-toolbar .k-button:focus:not(.k-state-disabled):not([disabled]),
2449 .k-gantt-toolbar .k-button:focus:active:not(.k-state-disabled):not([disabled]),
2450 .k-toolbar .k-button:focus:not(.k-state-disabled):not([disabled]),
2451 .k-toolbar .k-button:focus:active:not(.k-state-disabled):not([disabled]),
2452 .k-toolbar .k-button:active:hover,
2453 .k-toolbar .k-button.k-state-active:hover {
2456 .k-multiselect .k-button:active:hover {
2458 background-color: #dbdbdb;
2459 border-color: #dbdbdb;
2461 .k-multiselect-wrap > ul > .k-button {
2466 border-color: #e6e6e6;
2469 .editorToolbarWindow.k-header,
2470 .k-filebrowser .k-header {
2471 background-color: #f2f2f2;
2474 .k-filebrowser .k-header {
2477 .k-editor-toolbar .k-tool,
2478 .k-group-start.k-group-end.k-tool {
2479 border-color: #f2f2f2;
2481 .k-treeview .k-state-selected,
2482 .k-treeview .k-state-focused,
2483 .k-editor-toolbar .k-dropdown,
2484 .k-panelbar > li > .k-state-focused {
2487 .k-treeview .k-state-focused,
2488 .k-panelbar > li > .k-state-focused {
2489 background-color: #ebebeb;
2491 .k-editor-toolbar .k-dropdown-wrap.k-state-default,
2492 .k-toolbar .k-dropdown-wrap.k-state-default {
2493 border-color: #f2f2f2;
2495 .k-editor-toolbar .k-tool.k-state-hover,
2496 .k-editor-toolbar .k-dropdown-wrap.k-state-hover,
2497 .k-toolbar .k-tool.k-state-hover,
2498 .k-toolbar .k-dropdown-wrap.k-state-hover {
2500 border-color: #ebebeb;
2503 .k-editor-toolbar .k-tool.k-state-selected,
2504 .k-toolbar .k-button-group .k-button.k-state-active {
2506 background-color: #dbdbdb;
2507 border-color: #dbdbdb;
2509 .k-editor-toolbar .k-tool.k-state-hover,
2510 .k-toolbar .k-button-group .k-button:hover {
2511 background-color: #ebebeb;
2512 border-color: #ebebeb;
2516 background-color: #fafafa;
2517 border-color: #fafafa;
2519 .k-progressbar .k-item,
2520 .k-progressbar .k-item.k-state-selected {
2523 .k-progressbar .k-state-selected {
2524 background-color: #3f51b5;
2525 border-color: #3f51b5;
2527 .k-widget.k-tooltip-validation {
2532 background-color: #fafafa;
2534 .k-gantt .k-treelist .k-alt,
2535 .k-gantt .k-header.k-nonwork-hour {
2536 background-color: #f2f2f2;
2538 .k-list > .k-state-hover,
2539 .k-list > .k-state-focused {
2541 background-color: #ebebeb;
2542 border-color: #ebebeb;
2546 background-color: #cccccc;
2549 .k-slider-selection {
2550 background-color: #3f51b5;
2551 border-color: #3f51b5;
2553 .k-slider .k-button,
2554 .k-slider .k-button.k-state-hover,
2555 .k-slider .k-button:active:hover,
2556 .k-slider .k-button:focus,
2557 .k-slider .k-button:active {
2563 .k-flatcolorpicker .k-slider-horizontal .k-slider-track {
2566 .k-flatcolorpicker .k-hue-slider .k-draghandle,
2567 .k-flatcolorpicker .k-transparency-slider .k-draghandle {
2568 border-color: #3f51b5;
2569 background-color: #3f51b5;
2572 .k-flatcolorpicker .k-hue-slider .k-draghandle:hover,
2573 .k-flatcolorpicker .k-transparency-slider .k-draghandle:hover {
2574 border-color: #3f51b5;
2575 background-color: #3f51b5;
2576 box-shadow: 0 0 0 8px rgba(63, 81, 181, 0.3);
2578 .k-draghandle.k-state-selected,
2579 .k-draghandle.k-state-selected:link,
2580 .k-draghandle.k-state-selected:hover,
2581 .k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-selected,
2582 .k-flatcolorpicker .k-transparency-slider .k-draghandle.k-state-selected {
2583 background-color: #cccccc;
2584 border-color: #cccccc;
2586 .k-draghandle.k-state-focused,
2587 .k-draghandle.k-state-focused:link,
2588 .k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-focused,
2589 .k-flatcolorpicker .k-transparency-slider .k-draghandle.k-state-focused {
2591 border-color: #3f51b5;
2592 background-color: #3f51b5;
2594 .k-edit-form-container .k-edit-buttons {
2595 background-color: #fafafa;
2598 .k-popup .k-button:active:hover {
2601 .k-edit-form-container .k-button,
2603 .k-popup .k-primary:active,
2604 .k-popup .k-primary:active:hover,
2605 .k-edit-form-container .k-primary:active {
2607 background-color: #fafafa;
2608 border-color: #fafafa;
2611 .k-popup .k-primary,
2612 .k-edit-form-container .k-primary {
2614 background-color: #fafafa;
2615 border-color: #fafafa;
2617 .k-split-wrapper .k-button,
2618 .k-overflow-container .k-button,
2619 .k-filter-menu .k-button {
2620 background: transparent;
2621 border-color: transparent;
2623 .k-split-wrapper .k-button,
2624 .k-overflow-container .k-button {
2625 text-transform: none;
2627 .k-split-wrapper .k-button:hover,
2628 .k-overflow-container .k-button:hover {
2629 background-color: #ebebeb;
2630 border-color: #ebebeb;
2632 .k-split-wrapper .k-button:focus,
2633 .k-overflow-container .k-button:focus,
2634 .k-split-wrapper .k-button:focus:not(.k-state-disabled):not([disabled]),
2635 .k-overflow-container .k-button:focus:not(.k-state-disabled):not([disabled]) {
2639 .k-filter-menu .k-button {
2640 background: transparent;
2641 border-color: transparent;
2643 .k-filter-menu .k-primary {
2644 border-left-color: #f0f0f0;
2646 .k-filter-menu > div > div:last-child {
2647 border-color: #f0f0f0;
2649 .k-popup .k-button:focus:active:not(.k-state-disabled):not([disabled]),
2650 .k-edit-form-container .k-button:focus:active:not(.k-state-disabled):not([disabled]) {
2653 .k-edit-form-container .k-scheduler-delete {
2656 div.k-scheduler-marquee:before,
2657 div.k-scheduler-marquee:after {
2658 border-color: #00b0ff;
2660 .km-pane-wrapper > .km-pane > .km-view > .km-content {
2662 background-color: #ffffff;
2664 .km-pane-wrapper > .km-pane .km-content .k-mobile-list > ul > li > .k-link {
2667 .k-popup.k-context-menu {
2668 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
2672 background-color: #ebebeb;
2673 border-color: #ebebeb;
2674 box-shadow: inset 0 0 0 1px #808080;
2676 .k-popup > .k-group-header,
2677 .k-popup > .k-virtual-wrap > .k-group-header {
2680 .k-popup .k-item > .k-group {
2683 /* Responsive styles */
2684 @media only screen and (max-width: 370px) {
2685 .k-webkit .k-pager-refresh,
2686 .k-ff .k-pager-refresh,
2687 .k-ie11 .k-pager-refresh,
2688 .k-edge .k-pager-refresh,
2689 .k-safari .k-pager-refresh {
2693 @media only screen and (max-width: 590px) {
2694 .k-webkit .k-pager-refresh,
2695 .k-ff .k-pager-refresh,
2696 .k-ie11 .k-pager-refresh,
2697 .k-edge .k-pager-refresh,
2698 .k-safari .k-pager-refresh {
2702 @media only screen and (max-width: 530px) {
2703 .k-webkit .k-pager-sizes,
2704 .k-ff .k-pager-sizes,
2705 .k-ie11 .k-pager-sizes,
2706 .k-edge .k-pager-sizes,
2707 .k-safari .k-pager-sizes {
2711 @media only screen and (max-width: 687px) {
2712 .k-webkit .k-pager-info,
2713 .k-ff .k-pager-info,
2714 .k-ie11 .k-pager-info,
2715 .k-edge .k-pager-info,
2716 .k-safari .k-pager-info {
2720 @media only screen and (max-width: 1024px) {
2721 .k-scheduler-toolbar > ul.k-scheduler-views {
2730 /* Responsive Scheduler */
2731 /* Responsive Pager */
2733 .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views,
2734 .k-ff .k-scheduler-toolbar > ul.k-scheduler-views,
2735 .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views,
2736 .k-edge .k-scheduler-toolbar > ul.k-scheduler-views,
2737 .k-safari .k-scheduler-toolbar > ul.k-scheduler-views {
2741 .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
2742 .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
2743 .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
2744 .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
2745 .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
2746 .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
2747 .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
2748 .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
2749 .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
2750 .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover {
2751 background-image: none;
2752 background-position: 50% 50%;
2753 background-color: transparent;
2754 border-color: transparent;
2758 .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
2759 .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
2760 .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
2761 .k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
2762 .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li {
2765 .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
2766 .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
2767 .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
2768 .k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
2769 .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view {
2770 border-radius: 1px 1px 0 0;
2772 .k-webkit .k-scheduler-toolbar > ul li:first-child,
2773 .k-ff .k-scheduler-toolbar > ul li:first-child,
2774 .k-ie11 .k-scheduler-toolbar > ul li:first-child,
2775 .k-edge .k-scheduler-toolbar > ul li:first-child,
2776 .k-safari .k-scheduler-toolbar > ul li:first-child,
2777 .k-webkit .k-scheduler-toolbar > ul li:first-child .k-link,
2778 .k-ff .k-scheduler-toolbar > ul li:first-child .k-link,
2779 .k-ie11 .k-scheduler-toolbar > ul li:first-child .k-link,
2780 .k-edge .k-scheduler-toolbar > ul li:first-child .k-link,
2781 .k-safari .k-scheduler-toolbar > ul li:first-child .k-link,
2782 .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li,
2783 .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li,
2784 .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li,
2785 .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li,
2786 .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li,
2787 .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
2788 .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
2789 .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
2790 .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
2791 .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li .k-link {
2794 .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
2795 .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
2796 .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
2797 .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
2798 .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
2799 .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
2800 .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
2801 .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
2802 .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
2803 .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link {
2804 border-radius: 0 0 1px 1px;
2806 .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
2807 .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
2808 .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
2809 .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
2810 .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover {
2811 border-color: transparent;
2812 background-image: none;
2813 background-color: transparent;
2815 .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
2816 .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
2817 .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
2818 .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
2819 .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
2820 .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
2821 .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
2822 .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
2823 .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
2824 .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link {
2828 .k-webkit .k-scheduler-views > li.k-state-selected > .k-link:after,
2829 .k-ff .k-scheduler-views > li.k-state-selected > .k-link:after,
2830 .k-ie11 .k-scheduler-views > li.k-state-selected > .k-link:after,
2831 .k-edge .k-scheduler-views > li.k-state-selected > .k-link:after,
2832 .k-safari .k-scheduler-views > li.k-state-selected > .k-link:after {
2842 .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
2843 .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
2844 .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
2845 .k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
2846 .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
2848 border-style: solid;
2849 border-color: transparent;
2850 /*@secondary-border-color*/
2851 background-image: none;
2852 background-color: #3f51b5;
2854 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
2856 .k-webkit .k-pager-wrap,
2857 .k-ff .k-pager-wrap,
2858 .k-ie11 .k-pager-wrap,
2859 .k-edge .k-pager-wrap,
2860 .k-safari .k-pager-wrap {
2863 .k-webkit .k-pager-wrap .k-pager-nav,
2864 .k-ff .k-pager-wrap .k-pager-nav,
2865 .k-ie11 .k-pager-wrap .k-pager-nav,
2866 .k-edge .k-pager-wrap .k-pager-nav,
2867 .k-safari .k-pager-wrap .k-pager-nav,
2868 .k-webkit .k-pager-input,
2869 .k-ff .k-pager-input,
2870 .k-ie11 .k-pager-input,
2871 .k-edge .k-pager-input,
2872 .k-safari .k-pager-input {
2873 display: inline-block;
2874 vertical-align: top;
2876 .k-webkit .k-pager-numbers,
2877 .k-ff .k-pager-numbers,
2878 .k-ie11 .k-pager-numbers,
2879 .k-edge .k-pager-numbers,
2880 .k-safari .k-pager-numbers,
2881 .k-webkit .k-grid .k-pager-numbers,
2882 .k-ff .k-grid .k-pager-numbers,
2883 .k-ie11 .k-grid .k-pager-numbers,
2884 .k-edge .k-grid .k-pager-numbers,
2885 .k-safari .k-grid .k-pager-numbers {
2888 display: inline-flex;
2889 flex-direction: column-reverse;
2893 .k-webkit .k-pager-numbers.k-state-expanded,
2894 .k-ff .k-pager-numbers.k-state-expanded,
2895 .k-ie11 .k-pager-numbers.k-state-expanded,
2896 .k-edge .k-pager-numbers.k-state-expanded,
2897 .k-safari .k-pager-numbers.k-state-expanded,
2898 .k-webkit .k-grid .k-pager-numbers.k-state-expanded,
2899 .k-ff .k-grid .k-pager-numbers.k-state-expanded,
2900 .k-ie11 .k-grid .k-pager-numbers.k-state-expanded,
2901 .k-edge .k-grid .k-pager-numbers.k-state-expanded,
2902 .k-safari .k-grid .k-pager-numbers.k-state-expanded {
2903 transform: translatey(-100%);
2905 .k-webkit .km-pane-wrapper .k-pager-numbers,
2906 .k-ff .km-pane-wrapper .k-pager-numbers,
2907 .k-ie11 .km-pane-wrapper .k-pager-numbers,
2908 .k-edge .km-pane-wrapper .k-pager-numbers,
2909 .k-safari .km-pane-wrapper .k-pager-numbers,
2910 .k-webkit .km-pane-wrapper .k-grid .k-pager-numbers,
2911 .k-ff .km-pane-wrapper .k-grid .k-pager-numbers,
2912 .k-ie11 .km-pane-wrapper .k-grid .k-pager-numbers,
2913 .k-edge .km-pane-wrapper .k-grid .k-pager-numbers,
2914 .k-safari .km-pane-wrapper .k-grid .k-pager-numbers {
2917 transform: translate(-50%, 0%);
2918 -webkit-transform: translate(-50%, 0%);
2920 .k-webkit .km-pane-wrapper .k-pager-numbers.k-state-expanded,
2921 .k-ff .km-pane-wrapper .k-pager-numbers.k-state-expanded,
2922 .k-ie11 .km-pane-wrapper .k-pager-numbers.k-state-expanded,
2923 .k-edge .km-pane-wrapper .k-pager-numbers.k-state-expanded,
2924 .k-safari .km-pane-wrapper .k-pager-numbers.k-state-expanded,
2925 .k-webkit .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded,
2926 .k-ff .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded,
2927 .k-ie11 .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded,
2928 .k-edge .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded,
2929 .k-safari .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded {
2930 -webkit-transform: translate(-50%, -100%);
2931 transform: translate(-50%, -100%);
2933 .k-webkit .km-pane-wrapper .k-pager-numbers .k-link,
2934 .k-ff .km-pane-wrapper .k-pager-numbers .k-link,
2935 .k-ie11 .km-pane-wrapper .k-pager-numbers .k-link,
2936 .k-edge .km-pane-wrapper .k-pager-numbers .k-link,
2937 .k-safari .km-pane-wrapper .k-pager-numbers .k-link,
2938 .k-webkit .km-pane-wrapper .k-pager-numbers .k-state-selected,
2939 .k-ff .km-pane-wrapper .k-pager-numbers .k-state-selected,
2940 .k-ie11 .km-pane-wrapper .k-pager-numbers .k-state-selected,
2941 .k-edge .km-pane-wrapper .k-pager-numbers .k-state-selected,
2942 .k-safari .km-pane-wrapper .k-pager-numbers .k-state-selected,
2943 .k-webkit .km-pane-wrapper .k-pager-wrap > .k-link,
2944 .k-ff .km-pane-wrapper .k-pager-wrap > .k-link,
2945 .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-link,
2946 .k-edge .km-pane-wrapper .k-pager-wrap > .k-link,
2947 .k-safari .km-pane-wrapper .k-pager-wrap > .k-link,
2948 .k-webkit .km-pane-wrapper .k-pager-wrap > .k-pager-info,
2949 .k-ff .km-pane-wrapper .k-pager-wrap > .k-pager-info,
2950 .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-pager-info,
2951 .k-edge .km-pane-wrapper .k-pager-wrap > .k-pager-info,
2952 .k-safari .km-pane-wrapper .k-pager-wrap > .k-pager-info {
2956 .k-webkit .k-rtl .k-pager-numbers,
2957 .k-ff .k-rtl .k-pager-numbers,
2958 .k-ie11 .k-rtl .k-pager-numbers,
2959 .k-edge .k-rtl .k-pager-numbers,
2960 .k-safari .k-rtl .k-pager-numbers,
2961 .k-webkit .k-rtl .k-grid .k-pager-numbers,
2962 .k-ff .k-rtl .k-grid .k-pager-numbers,
2963 .k-ie11 .k-rtl .k-grid .k-pager-numbers,
2964 .k-edge .k-rtl .k-grid .k-pager-numbers,
2965 .k-safari .k-rtl .k-grid .k-pager-numbers {
2969 .k-webkit .k-pager-numbers .k-current-page,
2970 .k-ff .k-pager-numbers .k-current-page,
2971 .k-ie11 .k-pager-numbers .k-current-page,
2972 .k-edge .k-pager-numbers .k-current-page,
2973 .k-safari .k-pager-numbers .k-current-page,
2974 .k-webkit .k-grid .k-pager-numbers .k-current-page,
2975 .k-ff .k-grid .k-pager-numbers .k-current-page,
2976 .k-ie11 .k-grid .k-pager-numbers .k-current-page,
2977 .k-edge .k-grid .k-pager-numbers .k-current-page,
2978 .k-safari .k-grid .k-pager-numbers .k-current-page {
2982 .k-webkit .k-pager-numbers li:not(.k-current-page),
2983 .k-ff .k-pager-numbers li:not(.k-current-page),
2984 .k-ie11 .k-pager-numbers li:not(.k-current-page),
2985 .k-edge .k-pager-numbers li:not(.k-current-page),
2986 .k-safari .k-pager-numbers li:not(.k-current-page) {
2989 .k-webkit .k-pager-numbers .k-current-page .k-link,
2990 .k-ff .k-pager-numbers .k-current-page .k-link,
2991 .k-ie11 .k-pager-numbers .k-current-page .k-link,
2992 .k-edge .k-pager-numbers .k-current-page .k-link,
2993 .k-safari .k-pager-numbers .k-current-page .k-link {
2995 line-height: 2.564em;
2996 padding: 0 .429em 0 0.8em;
2998 background-image: none;
2999 background-position: 50% 50%;
3000 background-color: #fafafa;
3001 border: 1px solid transparent;
3003 box-shadow: 0 2px 2px 0 #fafafa;
3005 .k-webkit .k-pager-numbers .k-current-page:hover .k-link,
3006 .k-ff .k-pager-numbers .k-current-page:hover .k-link,
3007 .k-ie11 .k-pager-numbers .k-current-page:hover .k-link,
3008 .k-edge .k-pager-numbers .k-current-page:hover .k-link,
3009 .k-safari .k-pager-numbers .k-current-page:hover .k-link {
3011 background-color: #fff;
3012 border: 1px solid #ebebeb;
3014 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
3016 .k-webkit .k-pager-numbers .k-current-page .k-link:after,
3017 .k-ff .k-pager-numbers .k-current-page .k-link:after,
3018 .k-ie11 .k-pager-numbers .k-current-page .k-link:after,
3019 .k-edge .k-pager-numbers .k-current-page .k-link:after,
3020 .k-safari .k-pager-numbers .k-current-page .k-link:after {
3029 background-position: 0 -30px;
3031 .k-webkit .k-pager-numbers + .k-link,
3032 .k-ff .k-pager-numbers + .k-link,
3033 .k-ie11 .k-pager-numbers + .k-link,
3034 .k-edge .k-pager-numbers + .k-link,
3035 .k-safari .k-pager-numbers + .k-link {
3038 .k-webkit .k-rtl .k-pager-numbers + .k-link,
3039 .k-ff .k-rtl .k-pager-numbers + .k-link,
3040 .k-ie11 .k-rtl .k-pager-numbers + .k-link,
3041 .k-edge .k-rtl .k-pager-numbers + .k-link,
3042 .k-safari .k-rtl .k-pager-numbers + .k-link {
3043 margin-right: 5.4em;
3046 .k-webkit .k-pager-wrap .k-pager-numbers .k-state-selected,
3047 .k-ff .k-pager-wrap .k-pager-numbers .k-state-selected,
3048 .k-ie11 .k-pager-wrap .k-pager-numbers .k-state-selected,
3049 .k-edge .k-pager-wrap .k-pager-numbers .k-state-selected,
3050 .k-safari .k-pager-wrap .k-pager-numbers .k-state-selected,
3051 .k-webkit .k-pager-wrap .k-pager-numbers .k-link,
3052 .k-ff .k-pager-wrap .k-pager-numbers .k-link,
3053 .k-ie11 .k-pager-wrap .k-pager-numbers .k-link,
3054 .k-edge .k-pager-wrap .k-pager-numbers .k-link,
3055 .k-safari .k-pager-wrap .k-pager-numbers .k-link {
3059 padding: 1px 5px 1px .8em;
3064 .k-webkit .k-pager-wrap .k-pager-numbers li:not(.k-current-page) .k-link:hover,
3065 .k-ff .k-pager-wrap .k-pager-numbers li:not(.k-current-page) .k-link:hover,
3066 .k-ie11 .k-pager-wrap .k-pager-numbers li:not(.k-current-page) .k-link:hover,
3067 .k-edge .k-pager-wrap .k-pager-numbers li:not(.k-current-page) .k-link:hover,
3068 .k-safari .k-pager-wrap .k-pager-numbers li:not(.k-current-page) .k-link:hover {
3069 background-color: #ebebeb;
3071 .k-webkit .k-pager-numbers.k-state-expanded,
3072 .k-ff .k-pager-numbers.k-state-expanded,
3073 .k-ie11 .k-pager-numbers.k-state-expanded,
3074 .k-edge .k-pager-numbers.k-state-expanded,
3075 .k-safari .k-pager-numbers.k-state-expanded {
3076 box-sizing: border-box;
3078 border-width: 1px 1px 0 1px;
3079 border-style: solid;
3080 border-color: #ebebeb;
3081 /*@secondary-border-color*/
3082 background-color: #fff;
3083 border-radius: 2px 2px 0 0;
3084 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
3086 .k-webkit .k-pager-numbers.k-state-expanded .k-current-page,
3087 .k-ff .k-pager-numbers.k-state-expanded .k-current-page,
3088 .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page,
3089 .k-edge .k-pager-numbers.k-state-expanded .k-current-page,
3090 .k-safari .k-pager-numbers.k-state-expanded .k-current-page {
3091 margin: -2.2em -1px 0;
3094 .k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link,
3095 .k-ff .k-pager-numbers.k-state-expanded .k-current-page .k-link,
3096 .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page .k-link,
3097 .k-edge .k-pager-numbers.k-state-expanded .k-current-page .k-link,
3098 .k-safari .k-pager-numbers.k-state-expanded .k-current-page .k-link {
3099 border-radius: 0 0 2px 2px;
3100 background-color: #fff;
3101 border: 1px solid #ebebeb;
3103 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
3105 .k-webkit .k-pager-numbers.k-state-expanded li,
3106 .k-ff .k-pager-numbers.k-state-expanded li,
3107 .k-ie11 .k-pager-numbers.k-state-expanded li,
3108 .k-edge .k-pager-numbers.k-state-expanded li,
3109 .k-safari .k-pager-numbers.k-state-expanded li {
3110 display: inline-block;
3112 .k-webkit .k-gantt-toolbar > ul.k-gantt-views,
3113 .k-ff .k-gantt-toolbar > ul.k-gantt-views,
3114 .k-ie11 .k-gantt-toolbar > ul.k-gantt-views,
3115 .k-edge .k-gantt-toolbar > ul.k-gantt-views,
3116 .k-safari .k-gantt-toolbar > ul.k-gantt-views {
3120 @media only screen and (max-width: 755px) {
3121 .k-webkit .k-pager-info,
3122 .k-ff .k-pager-info,
3123 .k-ie11 .k-pager-info,
3124 .k-edge .k-pager-info,
3125 .k-safari .k-pager-info {
3129 @media only screen and (max-width: 572px) {
3130 .k-webkit .k-pager-sizes,
3131 .k-ff .k-pager-sizes,
3132 .k-ie11 .k-pager-sizes,
3133 .k-edge .k-pager-sizes,
3134 .k-safari .k-pager-sizes {
3140 background-color: #fff;
3141 filter: alpha(opacity=68);
3144 .k-chart .k-selection {
3145 border-color: #e5e5e5;
3147 .k-chart .k-handle {
3150 background-color: #3f51b5;
3151 border-radius: 10px;
3153 .k-chart .k-left-handle {
3156 .k-chart .k-right-handle {
3159 .k-chart .k-handle:hover {
3160 background-color: #00b0ff;
3161 border-color: #00b0ff;
3163 .k-chart .k-navigator-hint .k-tooltip {
3164 border: 3px solid #ffffff;
3165 box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
3166 background: #ffffff;
3169 .k-chart .k-navigator-hint .k-scroll {
3170 background: #3f51b5;
3174 background-image: none;
3178 background-image: url("Material/markers.png");
3180 @media only screen and (-webkit-min-device-pixel-ratio: 1.2), only screen and (min-device-pixel-ratio: 1.2) {
3182 background-image: url("Material/markers_2x.png");
3185 .k-map .k-attribution {
3189 background-color: #f9f9f9;
3190 border-color: #f9f9f9;
3192 .k-map .k-zoom-control {
3194 box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
3197 .k-map .k-map-controls .k-button {
3200 .k-map .k-map-controls .k-button:focus,
3201 .k-map .k-map-controls .k-button:active,
3202 .k-map .k-map-controls .k-button:focus:active {
3203 background-color: #d6d6d6;
3204 border-color: #d6d6d6;
3207 .k-buttons-horizontal .k-zoom-out {
3208 border-radius: 0 2px 2px 0;
3210 .k-buttons-horizontal :first-child {
3211 border-radius: 2px 0 0 2px;
3213 .k-rtl .k-buttons-horizontal .k-zoom-out {
3214 border-radius: 2px 0 0 2px;
3216 .k-rtl .k-buttons-horizontal :first-child {
3217 border-radius: 0 2px 2px 0;
3219 .k-spreadsheet-row-header,
3220 .k-spreadsheet-column-header {
3221 background-color: #fff;
3223 .k-spreadsheet-top-corner,
3224 .k-spreadsheet-row-header,
3225 .k-spreadsheet-column-header {
3226 background-color: #fff;
3227 background-image: none;
3229 border-color: #cccccc;
3231 .k-spreadsheet-top-corner {
3232 border-color: #cccccc;
3234 .k-spreadsheet-top-corner:after {
3235 border-color: transparent #cccccc #cccccc transparent;
3237 .k-spreadsheet-pane {
3238 border-color: #cccccc;
3240 .k-spreadsheet-pane .k-spreadsheet-vaxis,
3241 .k-spreadsheet-pane .k-spreadsheet-haxis {
3242 border-color: #e6e6e6;
3244 .k-spreadsheet-pane .k-spreadsheet-column-header,
3245 .k-spreadsheet-pane .k-spreadsheet-row-header {
3246 border-color: #cccccc;
3248 .k-spreadsheet-pane .k-spreadsheet-merged-cell {
3249 background-color: #fff;
3251 .k-spreadsheet-pane .k-selection-partial,
3252 .k-spreadsheet-pane .k-selection-full {
3253 border-color: rgba(0, 176, 255, 0.2);
3254 background-color: rgba(0, 176, 255, 0.2);
3256 .k-spreadsheet-pane .k-filter-range {
3257 border-color: #00b0ff;
3259 .k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-partial,
3260 .k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-full {
3261 border-bottom-color: #00b0ff;
3263 .k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-partial,
3264 .k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-full {
3265 border-right-color: #00b0ff;
3268 .k-spreadsheet-selection {
3269 border-color: #00b0ff;
3270 box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #00b0ff;
3272 .k-spreadsheet-selection {
3273 background-color: rgba(0, 176, 255, 0.2);
3275 .k-spreadsheet-active-cell {
3276 border-color: #00b0ff !important;
3277 background-color: #fff;
3279 .k-spreadsheet-active-cell.k-single {
3281 background-color: #fff;
3283 .k-spreadsheet .k-spreadsheet-action-bar {
3284 background-color: #fff;
3285 border-color: #e6e6e6;
3287 .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-name-editor {
3288 border-color: #cccccc;
3290 .k-spreadsheet .k-spreadsheet-action-bar .k-spreadsheet-formula-bar::before {
3291 border-color: #cccccc;
3293 .k-spreadsheet .k-spreadsheet-formula-input {
3294 background-color: #fff;
3297 .k-spreadsheet .k-resize-handle,
3298 .k-spreadsheet .k-resize-hint-handle,
3299 .k-spreadsheet .k-resize-hint-marker {
3300 background-color: #00b0ff;
3302 .k-spreadsheet .k-resize-hint-vertical .k-resize-hint-handle,
3303 .k-spreadsheet .k-resize-hint-vertical .k-resize-hint-marker {
3304 background-color: #00b0ff;
3306 .k-spreadsheet .k-single-selection::after {
3307 background-color: #00b0ff;
3310 .k-spreadsheet .k-auto-fill-punch {
3311 background-color: rgba(255, 255, 255, 0.5);
3313 .k-spreadsheet .k-single-selection.k-dim-auto-fill-handle::after {
3314 background-color: rgba(0, 176, 255, 0.5);
3316 .k-spreadsheet-format-cells .k-spreadsheet-preview {
3317 border-color: #e6e6e6;
3319 .k-spreadsheet-filter {
3321 background-color: #fff;
3322 box-shadow: inset 0 0 0 1px #e6e6e6;
3324 .k-spreadsheet-filter.k-state-active {
3326 background-color: #00b0ff;
3328 .k-spreadsheet-filter:hover {
3330 background: #ebebeb;
3331 border-color: #d7d7d7;
3333 .k-action-window .k-action-buttons {
3334 border-color: #e6e6e6;
3336 .k-spreadsheet-sample {
3339 .k-state-selected .k-spreadsheet-sample {
3342 .k-spreadsheet-window .k-list-wrapper,
3343 .k-spreadsheet-window .k-list {
3344 border-color: #e6e6e6;
3347 .k-spreadsheet-window .export-config,
3348 .k-spreadsheet-window .k-edit-field > .k-orientation-label {
3349 border-color: #e6e6e6;
3351 .k-spreadsheet-window .k-edit-field > input[type="radio"]:checked + .k-orientation-label {
3352 background-image: none;
3353 background-color: #3f51b5;
3356 .k-spreadsheet-window .k-page-orientation {
3357 border-color: #e6e6e6;
3358 box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
3360 .k-spreadsheet-window .k-page-orientation:before {
3362 border-color: transparent;
3363 border-bottom-color: #e6e6e6;
3364 border-left-color: #e6e6e6;
3366 .k-spreadsheet-window .k-margins-horizontal,
3367 .k-spreadsheet-window .k-margins-vertical {
3368 background: transparent;
3369 border-color: #e6e6e6;
3371 .k-spreadsheet-window .hint-wrapper:before {
3372 background: #e6e6e6;
3374 .k-spreadsheet-toolbar.k-toolbar .k-button-group .k-button {
3377 .k-spreadsheet-toolbar > .k-widget,
3378 .k-spreadsheet-toolbar > .k-button,
3379 .k-spreadsheet-toolbar > .k-button-group {
3382 .k-spreadsheet-toolbar > .k-separator {
3383 border-color: #e6e6e6;
3385 .k-spreadsheet-toolbar .k-overflow-anchor {
3388 .k-spreadsheet-popup {
3391 .k-spreadsheet-popup .k-separator {
3392 background-color: #e6e6e6;
3394 .k-spreadsheet-popup .k-button {
3395 background-color: transparent;
3397 .k-spreadsheet-popup .k-button:hover {
3398 background-color: #ebebeb;
3400 .k-spreadsheet-popup .k-state-active {
3401 background-color: #00b0ff;
3404 .k-spreadsheet-popup .k-state-active:hover {
3405 background-color: #008dcc;
3407 .k-spreadsheet-filter-menu .k-details {
3408 border-color: #e6e6e6;
3410 .k-spreadsheet-filter-menu .k-details-content .k-space-right {
3411 background-color: #fff;
3413 .k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper {
3414 background-color: #fff;
3415 border-color: #e6e6e6;
3416 border-radius: 2px 0 0 2px;
3436 .k-syntax-startexp {
3439 .k-syntax-paren-match {
3440 background-color: #caf200;
3443 border-color: #3f51b5;
3444 background-color: rgba(63, 81, 181, 0.15);
3447 border-color: #03a9f4;
3448 background-color: rgba(3, 169, 244, 0.15);
3451 border-color: #4caf50;
3452 background-color: rgba(76, 175, 80, 0.15);
3455 border-color: #f9ce1d;
3456 background-color: rgba(249, 206, 29, 0.15);
3459 border-color: #ff9800;
3460 background-color: rgba(255, 152, 0, 0.15);
3463 border-color: #ff5722;
3464 background-color: rgba(255, 87, 34, 0.15);
3466 .k-spreadsheet-sheets-remove:hover .k-icon {
3469 .k-spreadsheet-formula-list .k-state-focused {
3470 background-color: #00b0ff;
3473 .k-spreadsheet .k-spreadsheet-quick-access-toolbar .k-button,
3474 .k-spreadsheet .k-spreadsheet-sheets-bar .k-button {
3481 .k-spreadsheet .k-spreadsheet-quick-access-toolbar .k-button:hover,
3482 .k-spreadsheet .k-spreadsheet-sheets-bar .k-button:hover {
3483 background-color: #324191;
3484 border-color: #324191;
3486 .k-spreadsheet .k-spreadsheet-sheets-bar .k-button {
3490 padding-bottom: .5em;
3493 .k-spreadsheet .k-spreadsheet-sheets-remove {
3496 .k-spreadsheet-sheets-items .k-state-default .k-link,
3497 .k-spreadsheet-tabstrip .k-state-default .k-link {
3500 .k-spreadsheet-sheets-items .k-item.k-state-hover,
3501 .k-spreadsheet-tabstrip .k-item.k-state-hover,
3502 .k-spreadsheet-sheets-items .k-item.k-state-active,
3503 .k-spreadsheet-tabstrip .k-item.k-state-active,
3504 .k-spreadsheet-sheets-items .k-item.k-state-focused,
3505 .k-spreadsheet-tabstrip .k-item.k-state-focused {
3506 background-color: transparent;
3508 .k-spreadsheet-sheets-items .k-item.k-state-hover .k-link,
3509 .k-spreadsheet-tabstrip .k-item.k-state-hover .k-link,
3510 .k-spreadsheet-sheets-items .k-item.k-state-active .k-link,
3511 .k-spreadsheet-tabstrip .k-item.k-state-active .k-link,
3512 .k-spreadsheet-sheets-items .k-item.k-state-focused .k-link,
3513 .k-spreadsheet-tabstrip .k-item.k-state-focused .k-link {
3516 .k-spreadsheet-sheets-items .k-state-active .k-link,
3517 .k-spreadsheet-tabstrip .k-state-active .k-link {
3520 .k-spreadsheet-toolbar > .k-button:not(.k-overflow-anchor) {
3523 .k-grid .k-edit-cell input.k-checkbox,
3524 .k-grid .k-grid-edit-row input.k-checkbox {
3530 .k-window .k-popup-edit-form .k-edit-field input.k-checkbox {
3536 .k-window .k-popup-edit-form .k-edit-field label.k-checkbox-label {
3540 .k-dialog .k-content {
3541 border-bottom-right-radius: 2px;
3542 border-bottom-left-radius: 2px;
3544 .k-dialog.k-dialog-titleless .k-content {
3545 border-top-right-radius: 2px;
3546 border-top-left-radius: 2px;
3548 .k-dialog .k-window-titlebar {
3552 .k-dialog .k-header {
3555 .k-dialog.k-alert .k-window-titlebar,
3556 .k-dialog.k-confirm .k-window-titlebar,
3557 .k-dialog.k-prompt .k-window-titlebar {
3558 border-bottom: none;
3560 .k-dialog.k-alert .k-window-titlebar .k-dialog-title,
3561 .k-dialog.k-confirm .k-window-titlebar .k-dialog-title,
3562 .k-dialog.k-prompt .k-window-titlebar .k-dialog-title {
3565 .k-dialog a.k-dialog-action.k-dialog-close.k-button.k-bare:before {
3568 .k-dialog a.k-dialog-action.k-dialog-close {
3572 .k-dialog .k-dialog-buttongroup .k-button:active,
3573 .k-dialog .k-dialog-buttongroup .k-button:focus,
3574 .k-dialog .k-dialog-buttongroup .k-button:focus:active {
3577 .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched {
3580 .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button {
3581 display: inline-block;
3587 .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:first-child {
3588 border-bottom-left-radius: 2px;
3591 .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:last-child {
3592 border-bottom-right-radius: 2px;
3595 .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal {
3601 .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button {
3608 .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button:first-child {
3611 .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button.k-primary {
3614 .k-rtl .k-grid-header .k-header:first-child,
3615 .k-rtl .k-filter-row th:first-child,
3616 .k-rtl .k-grid tbody td:first-child,
3617 .k-rtl .k-grid tfoot td:first-child {
3618 border-left-width: 0;
3620 .k-rtl .k-dialog a.k-dialog-action.k-dialog-close {
3623 .k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:first-child {
3624 border-bottom-right-radius: 2px;
3626 .k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:last-child {
3627 border-bottom-left-radius: 2px;
3629 .k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal {
3632 .k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button {
3634 margin-right: 0.5em;
3636 .k-rtl .k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal .k-button:first-child {
3639 .k-numeric-wrap .k-i-warning {
3646 .k-numeric-wrap.k-state-invalid {
3647 border-color: #ff3448;
3649 .k-numeric-wrap.k-state-invalid input {
3652 .k-maskedtextbox.k-state-invalid .k-textbox {
3653 border-color: #ff3448;
3656 .k-maskedtextbox.k-state-invalid .k-i-warning {
3659 .k-dateinput.k-state-invalid .k-textbox {
3661 border-color: #ff3448;
3663 .k-dateinput.k-state-invalid .k-i-warning {
3665 margin-right: 0.7em;
3668 .k-rtl .k-dateinput .k-i-warning {
3672 .k-datepicker .k-picker-wrap.k-state-invalid {
3673 border-color: #ff3448;
3675 .k-datepicker .k-picker-wrap.k-state-invalid .k-input {
3678 .k-datepicker .k-picker-wrap .k-i-warning {
3681 margin-right: 2.8em;
3683 .k-rtl .k-datepicker .k-picker-wrap .k-i-warning {
3687 .k-listbox .k-list-scroller {
3688 border-color: #e6e6e6;
3689 background-color: #fff;
3691 .k-listbox .k-item:hover:not(.k-state-disabled),
3692 .k-listbox .k-item.k-state-selected {
3693 background-color: #ebebeb;
3694 border-color: transparent;
3696 .k-listbox .k-button.k-state-disabled:hover .k-icon {
3699 .k-listbox .k-button.k-state-disabled:hover .k-icon {
3702 .k-listbox .k-drop-hint {
3704 border-top: 1px solid #3f51b5;
3706 .k-item.k-state-selected.k-drag-clue {
3707 border-color: transparent;
3708 background-color: #ebebeb;
3709 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
3711 .k-grid-header .k-i-sort-asc-sm,
3712 .k-grid-header .k-i-sort-desc-sm,
3713 .k-grid-header .k-sort-order {
3717 .k-grid-header .k-sort-order {
3719 vertical-align: text-top;
3722 .k-menu-scroll-button {
3725 border-color: #e6e6e6;
3727 background-color: #fff;
3729 .k-menu-scroll-wrapper.horizontal .k-scroll-left {
3730 border-right-width: 1px;
3732 .k-menu-scroll-wrapper.horizontal .k-scroll-right {
3733 border-left-width: 1px;
3735 .k-menu-scroll-wrapper.vertical .k-scroll-up {
3736 border-bottom-width: 1px;
3738 .k-menu-scroll-wrapper.vertical .k-scroll-down {
3739 border-top-width: 1px;