UNPKG

@progress/kendo-ui

Version:

This package is part of the [Kendo UI for jQuery](http://www.telerik.com/kendo-ui) suite.

1,834 lines 137 kB
.k-theme-test-class, .ktb-theme-id-default { opacity: 0; } .ktb-var-accent { color: #818181; } .ktb-var-base { color: #fff; } .ktb-var-background { color: #fff; } .ktb-var-border-radius { border-radius: 6px; } .ktb-var-normal-background { color: #fff; } .ktb-var-normal-gradient { background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(0,0,0,.01) 0%, rgba(0,0,0,.08) 100%); } .ktb-var-normal-text-color { color: #676767; } .ktb-var-hover-background { color: #fff; } .ktb-var-hover-gradient { background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(0,0,0,.01) 0%, rgba(0,0,0,.06) 100%); } .ktb-var-hover-text-color { color: #676767; } .ktb-var-selected-background { color: #eee; } .ktb-var-selected-gradient { background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(0,0,0,.13) 0%, rgba(0,0,0,.08) 100%); } .ktb-var-selected-text-color { color: #454545; } .ktb-var-is-dark-theme { opacity: 0; } .ktb-var-primary { color: #818181; } .ktb-var-secondary { color: #fff; } .ktb-var-tertiary { color: #527aa3; } .ktb-var-error { color: #f45835; } .ktb-var-warning { color: #f4bc35; } .ktb-var-success { color: #52c664; } .ktb-var-info { color: #3e6b99; } .ktb-var-dark { color: #000000; } .ktb-var-light { color: #ffffff; } .ktb-var-inverse { color: #000000; } .ktb-var-series-a { color: #527aa3; } .ktb-var-series-b { color: #6f91b3; } .ktb-var-series-c { color: #8ca7c2; } .ktb-var-series-d { color: #a8bdd1; } .ktb-var-series-e { color: #c5d3e0; } .ktb-var-series-f { color: #e2e9f0; } .k-grid-norecords-template { background-color: #fff; border: 1px solid #ebebeb; } .k-button-solid-base { border-color: #d1d1d1; color: #676767; background-color: #ffffff; background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); } .k-button-solid-base:hover, .k-button-solid-base.k-hover { border-color: #b3b3b3; color: #676767; background-color: #e6e6e6; } .k-button-solid-base:focus, .k-button-solid-base.k-focus { border-color: #818181; box-shadow: 0 0 4px 0px rgba(129, 129, 129, 0.75); } .k-button-solid-base:active, .k-button-solid-base.k-active, .k-button-solid-base.k-selected { border-color: #5a5a5a; color: #ffffff; background-color: #747474; } .k-button-solid-base.k-active .k-button-solid-base.k-selected:hover { color: #fff; border-color: #797979; background-color: #747474; } .k-button-solid-primary { border-color: #797979; color: #fff; background-color: #818181; background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); } .k-button-solid-primary:hover, .k-button-solid-primary.k-hover { border-color: #797979; color: #fff; background-color: #747474; } .k-button-solid-primary:focus, .k-button-solid-primary.k-focus { border-color: #6f6f6f; box-shadow: 0 0 4px 0px #818181; } .k-button-solid-primary:active, .k-button-solid-primary.k-active, .k-button-solid-primary.k-selected { border-color: #7c7c7c; color: #fff; background-color: #7c7c7c; } .k-button-solid-primary.k-active .k-button-solid-primary.k-selected:hover { color: #fff; border-color: #797979; background-color: #747474; } .k-button-solid-secondary { border-color: #cccccc; color: #000000; background-color: #fff; background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); } .k-button-solid-secondary:hover, .k-button-solid-secondary.k-hover { border-color: #b3b3b3; background-color: #e6e6e6; } .k-button-solid-secondary:focus, .k-button-solid-secondary.k-focus { box-shadow: 0px 0px 4px 0px rgba(204, 204, 204, 0.75); } .k-button-solid-secondary:active, .k-button-solid-secondary.k-active, .k-button-solid-secondary.k-selected { border-color: #999999; background-color: #cccccc; } .k-button-solid-tertiary { border-color: #426282; color: #ffffff; background-color: #527aa3; background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); } .k-button-solid-tertiary:hover, .k-button-solid-tertiary.k-hover { border-color: #395572; background-color: #4a6e93; } .k-button-solid-tertiary:focus, .k-button-solid-tertiary.k-focus { box-shadow: 0px 0px 4px 0px rgba(66, 98, 130, 0.75); } .k-button-solid-tertiary:active, .k-button-solid-tertiary.k-active, .k-button-solid-tertiary.k-selected { border-color: #314962; background-color: #426282; } .k-button-solid-info { border-color: #32567a; color: #ffffff; background-color: #3e6b99; background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); } .k-button-solid-info:hover, .k-button-solid-info.k-hover { border-color: #2b4b6b; background-color: #38608a; } .k-button-solid-info:focus, .k-button-solid-info.k-focus { box-shadow: 0px 0px 4px 0px rgba(50, 86, 122, 0.75); } .k-button-solid-info:active, .k-button-solid-info.k-active, .k-button-solid-info.k-selected { border-color: #25405c; background-color: #32567a; } .k-button-solid-success { border-color: #429e50; color: #000000; background-color: #52c664; background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); } .k-button-solid-success:hover, .k-button-solid-success.k-hover { border-color: #398b46; background-color: #4ab25a; } .k-button-solid-success:focus, .k-button-solid-success.k-focus { box-shadow: 0px 0px 4px 0px rgba(66, 158, 80, 0.75); } .k-button-solid-success:active, .k-button-solid-success.k-active, .k-button-solid-success.k-selected { border-color: #31773c; background-color: #429e50; } .k-button-solid-warning { border-color: #c3962a; color: #000000; background-color: #f4bc35; background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); } .k-button-solid-warning:hover, .k-button-solid-warning.k-hover { border-color: #ab8425; background-color: #dca930; } .k-button-solid-warning:focus, .k-button-solid-warning.k-focus { box-shadow: 0px 0px 4px 0px rgba(195, 150, 42, 0.75); } .k-button-solid-warning:active, .k-button-solid-warning.k-active, .k-button-solid-warning.k-selected { border-color: #927120; background-color: #c3962a; } .k-button-solid-error { border-color: #c3462a; color: #ffffff; background-color: #f45835; background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); } .k-button-solid-error:hover, .k-button-solid-error.k-hover { border-color: #ab3e25; background-color: #dc4f30; } .k-button-solid-error:focus, .k-button-solid-error.k-focus { box-shadow: 0px 0px 4px 0px rgba(195, 70, 42, 0.75); } .k-button-solid-error:active, .k-button-solid-error.k-active, .k-button-solid-error.k-selected { border-color: #923520; background-color: #c3462a; } .k-button-solid-dark { border-color: #000000; color: #ffffff; background-color: #000000; background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); } .k-button-solid-dark:hover, .k-button-solid-dark.k-hover { border-color: #000000; background-color: #000000; } .k-button-solid-dark:focus, .k-button-solid-dark.k-focus { box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75); } .k-button-solid-dark:active, .k-button-solid-dark.k-active, .k-button-solid-dark.k-selected { border-color: #000000; background-color: #000000; } .k-button-solid-light { border-color: #cccccc; color: #000000; background-color: #ffffff; background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); } .k-button-solid-light:hover, .k-button-solid-light.k-hover { border-color: #b3b3b3; background-color: #e6e6e6; } .k-button-solid-light:focus, .k-button-solid-light.k-focus { box-shadow: 0px 0px 4px 0px rgba(204, 204, 204, 0.75); } .k-button-solid-light:active, .k-button-solid-light.k-active, .k-button-solid-light.k-selected { border-color: #999999; background-color: #cccccc; } .k-button-solid-inverse { border-color: #000000; color: #ffffff; background-color: #000000; background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); } .k-button-solid-inverse:hover, .k-button-solid-inverse.k-hover { border-color: #000000; background-color: #000000; } .k-button-solid-inverse:focus, .k-button-solid-inverse.k-focus { box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75); } .k-button-solid-inverse:active, .k-button-solid-inverse.k-active, .k-button-solid-inverse.k-selected { border-color: #000000; background-color: #000000; } .k-button-outline-base { border-color: currentColor; color: #676767; background-color: transparent; } .k-button-outline-base:hover, .k-button-outline-base.k-hover { border-color: #676767; color: #ffffff; background-color: #676767; } .k-button-outline-base:focus, .k-button-outline-base.k-focus { box-shadow: 0px 0px 4px 0px rgba(103, 103, 103, 0.75); } .k-button-outline-base:active, .k-button-outline-base.k-active, .k-button-outline-base.k-selected { border-color: #676767; color: #ffffff; background-color: #676767; } .k-button-outline-primary { border-color: currentColor; color: #818181; background-color: transparent; } .k-button-outline-primary:hover, .k-button-outline-primary.k-hover { border-color: #818181; color: #ffffff; background-color: #818181; } .k-button-outline-primary:focus, .k-button-outline-primary.k-focus { box-shadow: 0px 0px 4px 0px rgba(129, 129, 129, 0.75); } .k-button-outline-primary:active, .k-button-outline-primary.k-active, .k-button-outline-primary.k-selected { border-color: #818181; color: #ffffff; background-color: #818181; } .k-button-outline-secondary { border-color: currentColor; color: #fff; background-color: transparent; } .k-button-outline-secondary:hover, .k-button-outline-secondary.k-hover { border-color: #fff; color: #000000; background-color: #fff; } .k-button-outline-secondary:focus, .k-button-outline-secondary.k-focus { box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.75); } .k-button-outline-secondary:active, .k-button-outline-secondary.k-active, .k-button-outline-secondary.k-selected { border-color: #fff; color: #000000; background-color: #fff; } .k-button-outline-tertiary { border-color: currentColor; color: #527aa3; background-color: transparent; } .k-button-outline-tertiary:hover, .k-button-outline-tertiary.k-hover { border-color: #527aa3; color: #ffffff; background-color: #527aa3; } .k-button-outline-tertiary:focus, .k-button-outline-tertiary.k-focus { box-shadow: 0px 0px 4px 0px rgba(82, 122, 163, 0.75); } .k-button-outline-tertiary:active, .k-button-outline-tertiary.k-active, .k-button-outline-tertiary.k-selected { border-color: #527aa3; color: #ffffff; background-color: #527aa3; } .k-button-outline-info { border-color: currentColor; color: #3e6b99; background-color: transparent; } .k-button-outline-info:hover, .k-button-outline-info.k-hover { border-color: #3e6b99; color: #ffffff; background-color: #3e6b99; } .k-button-outline-info:focus, .k-button-outline-info.k-focus { box-shadow: 0px 0px 4px 0px rgba(62, 107, 153, 0.75); } .k-button-outline-info:active, .k-button-outline-info.k-active, .k-button-outline-info.k-selected { border-color: #3e6b99; color: #ffffff; background-color: #3e6b99; } .k-button-outline-success { border-color: currentColor; color: #52c664; background-color: transparent; } .k-button-outline-success:hover, .k-button-outline-success.k-hover { border-color: #52c664; color: #000000; background-color: #52c664; } .k-button-outline-success:focus, .k-button-outline-success.k-focus { box-shadow: 0px 0px 4px 0px rgba(82, 198, 100, 0.75); } .k-button-outline-success:active, .k-button-outline-success.k-active, .k-button-outline-success.k-selected { border-color: #52c664; color: #000000; background-color: #52c664; } .k-button-outline-warning { border-color: currentColor; color: #f4bc35; background-color: transparent; } .k-button-outline-warning:hover, .k-button-outline-warning.k-hover { border-color: #f4bc35; color: #000000; background-color: #f4bc35; } .k-button-outline-warning:focus, .k-button-outline-warning.k-focus { box-shadow: 0px 0px 4px 0px rgba(244, 188, 53, 0.75); } .k-button-outline-warning:active, .k-button-outline-warning.k-active, .k-button-outline-warning.k-selected { border-color: #f4bc35; color: #000000; background-color: #f4bc35; } .k-button-outline-error { border-color: currentColor; color: #f45835; background-color: transparent; } .k-button-outline-error:hover, .k-button-outline-error.k-hover { border-color: #f45835; color: #ffffff; background-color: #f45835; } .k-button-outline-error:focus, .k-button-outline-error.k-focus { box-shadow: 0px 0px 4px 0px rgba(244, 88, 53, 0.75); } .k-button-outline-error:active, .k-button-outline-error.k-active, .k-button-outline-error.k-selected { border-color: #f45835; color: #ffffff; background-color: #f45835; } .k-button-outline-dark { border-color: currentColor; color: #000000; background-color: transparent; } .k-button-outline-dark:hover, .k-button-outline-dark.k-hover { border-color: #000000; color: #ffffff; background-color: #000000; } .k-button-outline-dark:focus, .k-button-outline-dark.k-focus { box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75); } .k-button-outline-dark:active, .k-button-outline-dark.k-active, .k-button-outline-dark.k-selected { border-color: #000000; color: #ffffff; background-color: #000000; } .k-button-outline-light { border-color: currentColor; color: #ffffff; background-color: transparent; } .k-button-outline-light:hover, .k-button-outline-light.k-hover { border-color: #ffffff; color: #000000; background-color: #ffffff; } .k-button-outline-light:focus, .k-button-outline-light.k-focus { box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.75); } .k-button-outline-light:active, .k-button-outline-light.k-active, .k-button-outline-light.k-selected { border-color: #ffffff; color: #000000; background-color: #ffffff; } .k-button-outline-inverse { border-color: currentColor; color: #000000; background-color: transparent; } .k-button-outline-inverse:hover, .k-button-outline-inverse.k-hover { border-color: #000000; color: #ffffff; background-color: #000000; } .k-button-outline-inverse:focus, .k-button-outline-inverse.k-focus { box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75); } .k-button-outline-inverse:active, .k-button-outline-inverse.k-active, .k-button-outline-inverse.k-selected { border-color: #000000; color: #ffffff; background-color: #000000; } .k-button-link-base { color: #676767; } .k-button-link-base:hover, .k-button-link-base.k-hover { color: #525252; } .k-button-link-base:focus, .k-button-link-base.k-focus { box-shadow: 0px 0px 4px 0px rgba(103, 103, 103, 0.75); } .k-button-link-base:active, .k-button-link-base.k-active, .k-button-link-base.k-selected { color: #525252; } .k-button-link-primary { color: #818181; } .k-button-link-primary:hover, .k-button-link-primary.k-hover { color: #676767; } .k-button-link-primary:focus, .k-button-link-primary.k-focus { box-shadow: 0px 0px 4px 0px rgba(129, 129, 129, 0.75); } .k-button-link-primary:active, .k-button-link-primary.k-active, .k-button-link-primary.k-selected { color: #676767; } .k-button-link-secondary { color: #fff; } .k-button-link-secondary:hover, .k-button-link-secondary.k-hover { color: #cccccc; } .k-button-link-secondary:focus, .k-button-link-secondary.k-focus { box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.75); } .k-button-link-secondary:active, .k-button-link-secondary.k-active, .k-button-link-secondary.k-selected { color: #cccccc; } .k-button-link-tertiary { color: #527aa3; } .k-button-link-tertiary:hover, .k-button-link-tertiary.k-hover { color: #426282; } .k-button-link-tertiary:focus, .k-button-link-tertiary.k-focus { box-shadow: 0px 0px 4px 0px rgba(82, 122, 163, 0.75); } .k-button-link-tertiary:active, .k-button-link-tertiary.k-active, .k-button-link-tertiary.k-selected { color: #426282; } .k-button-link-info { color: #3e6b99; } .k-button-link-info:hover, .k-button-link-info.k-hover { color: #32567a; } .k-button-link-info:focus, .k-button-link-info.k-focus { box-shadow: 0px 0px 4px 0px rgba(62, 107, 153, 0.75); } .k-button-link-info:active, .k-button-link-info.k-active, .k-button-link-info.k-selected { color: #32567a; } .k-button-link-success { color: #52c664; } .k-button-link-success:hover, .k-button-link-success.k-hover { color: #429e50; } .k-button-link-success:focus, .k-button-link-success.k-focus { box-shadow: 0px 0px 4px 0px rgba(82, 198, 100, 0.75); } .k-button-link-success:active, .k-button-link-success.k-active, .k-button-link-success.k-selected { color: #429e50; } .k-button-link-warning { color: #f4bc35; } .k-button-link-warning:hover, .k-button-link-warning.k-hover { color: #c3962a; } .k-button-link-warning:focus, .k-button-link-warning.k-focus { box-shadow: 0px 0px 4px 0px rgba(244, 188, 53, 0.75); } .k-button-link-warning:active, .k-button-link-warning.k-active, .k-button-link-warning.k-selected { color: #c3962a; } .k-button-link-error { color: #f45835; } .k-button-link-error:hover, .k-button-link-error.k-hover { color: #c3462a; } .k-button-link-error:focus, .k-button-link-error.k-focus { box-shadow: 0px 0px 4px 0px rgba(244, 88, 53, 0.75); } .k-button-link-error:active, .k-button-link-error.k-active, .k-button-link-error.k-selected { color: #c3462a; } .k-button-link-dark { color: #000000; } .k-button-link-dark:hover, .k-button-link-dark.k-hover { color: #000000; } .k-button-link-dark:focus, .k-button-link-dark.k-focus { box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75); } .k-button-link-dark:active, .k-button-link-dark.k-active, .k-button-link-dark.k-selected { color: #000000; } .k-button-link-light { color: #ffffff; } .k-button-link-light:hover, .k-button-link-light.k-hover { color: #cccccc; } .k-button-link-light:focus, .k-button-link-light.k-focus { box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.75); } .k-button-link-light:active, .k-button-link-light.k-active, .k-button-link-light.k-selected { color: #cccccc; } .k-button-link-inverse { color: #000000; } .k-button-link-inverse:hover, .k-button-link-inverse.k-hover { color: #000000; } .k-button-link-inverse:focus, .k-button-link-inverse.k-focus { box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75); } .k-button-link-inverse:active, .k-button-link-inverse.k-active, .k-button-link-inverse.k-selected { color: #000000; } .k-button-flat-primary { color: #818181; } .k-button-flat-secondary { color: #fff; } .k-button-flat-tertiary { color: #527aa3; } .k-button-flat-info { color: #3e6b99; } .k-button-flat-success { color: #52c664; } .k-button-flat-warning { color: #f4bc35; } .k-button-flat-error { color: #f45835; } .k-button-flat-dark { color: #000000; } .k-button-flat-light { color: #ffffff; } .k-button-flat-inverse { color: #000000; } .k-widget.k-button-group { background: none; } .k-split-button:focus { box-shadow: 0 0 4px 0px rgba(129, 129, 129, 0.75); border-color: #818181; } .k-split-button:focus .k-button { box-shadow: none; border-color: inherit; } .k-edit-buttons { border-color: #ebebeb; background: #ffffff; } .k-rtl .k-button-group .k-button { border-radius: 0; } .k-rtl .k-button-group .k-group-start, .k-rtl .k-button-group .k-button:first-child { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .k-rtl .k-button-group .k-group-end, .k-rtl .k-button-group .k-button:last-child { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .k-rtl .k-button-group .k-group-start.k-group-end, .k-rtl .k-button-group .k-button:first-child:last-child { border-radius: 6px; } .k-rtl .k-split-button .k-button { border-radius: 0; } .k-rtl .k-split-button .k-button:first-child { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .k-rtl .k-split-button .k-button:last-child { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .k-widget.k-input, .k-input { border-color: #d1d1d1; color: #676767; background-color: #fff; } .k-widget.k-input:hover, .k-input:hover, .k-widget.k-input.k-hover, .k-input.k-hover { border-color: #b3b3b3; color: #676767; background-color: #fff; } .k-widget.k-input:focus, .k-input:focus, .k-widget.k-input.k-focus, .k-input.k-focus { border-color: #bdbdbd; color: #676767; background-color: #fff; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); } .k-widget.k-input:focus-within, .k-input:focus-within { border-color: #bdbdbd; color: #676767; background-color: #fff; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); } .k-widget.k-input.k-invalid, .k-input.k-invalid { border-color: #f45835; } .k-widget.k-input.k-invalid .k-input-validation-icon, .k-input.k-invalid .k-input-validation-icon { color: #f45835; } .k-widget.k-picker, .k-picker { border-color: #d1d1d1; color: #676767; background-color: #ffffff; background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); } .k-widget.k-picker:hover, .k-picker:hover, .k-widget.k-picker.k-hover, .k-picker.k-hover { border-color: #b3b3b3; color: #676767; background-color: #e6e6e6; } .k-widget.k-picker:focus, .k-picker:focus, .k-widget.k-picker.k-focus, .k-picker.k-focus { border-color: #818181; box-shadow: 0 0 4px 0px rgba(129, 129, 129, 0.75); } .k-widget.k-picker:focus-within, .k-picker:focus-within { border-color: #818181; box-shadow: 0 0 4px 0px rgba(129, 129, 129, 0.75); } .k-widget.k-picker.k-invalid, .k-picker.k-invalid { border-color: #f45835; } .k-widget.k-picker.k-invalid .k-input-validation-icon, .k-picker.k-invalid .k-input-validation-icon { color: #f45835; } .k-input-inner::-webkit-input-placeholder { color: rgba(103, 103, 103, 0.5); opacity: 1; -webkit-user-select: none; user-select: none; } .k-input-inner:-ms-input-placeholder { color: rgba(103, 103, 103, 0.5); opacity: 1; -ms-user-select: none; user-select: none; } .k-input-inner::-ms-input-placeholder { color: rgba(103, 103, 103, 0.5); opacity: 1; -ms-user-select: none; user-select: none; } .k-input-inner::placeholder { color: rgba(103, 103, 103, 0.5); opacity: 1; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .k-input-inner:-ms-input-placeholder { color: rgba(103, 103, 103, 0.5); } .k-menu:not(.k-context-menu) { color: #464646; background-color: #ffffff; } .k-menu:not(.k-context-menu) > .k-item { color: #818181; } .k-menu:not(.k-context-menu) > .k-item:hover, .k-menu:not(.k-context-menu) > .k-item.k-hover { border-color: #cccccc; color: #676767; background-color: #fff; } .k-menu:not(.k-context-menu) > .k-item:active, .k-menu:not(.k-context-menu) > .k-item.k-active { color: #676767; } .k-menu:not(.k-context-menu) > .k-item:focus, .k-menu:not(.k-context-menu) > .k-item.k-focus { box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); } .k-menu-group, .k-menu.k-context-menu { border-color: #ebebeb; color: #ffffff; background-color: #ffffff; } .k-menu-group .k-item > .k-link:hover, .k-menu.k-context-menu .k-item > .k-link:hover, .k-menu-group .k-item > .k-link.k-hover, .k-menu.k-context-menu .k-item > .k-link.k-hover { color: #676767; background-color: #fff; } .k-menu-group .k-item > .k-link:active, .k-menu.k-context-menu .k-item > .k-link:active, .k-menu-group .k-item > .k-link.k-active, .k-menu.k-context-menu .k-item > .k-link.k-active, .k-menu-group .k-item > .k-link.k-selected, .k-menu.k-context-menu .k-item > .k-link.k-selected { color: #676767; background-color: #fff; } .k-menu-group .k-item > .k-link:focus, .k-menu.k-context-menu .k-item > .k-link:focus, .k-menu-group .k-item > .k-link.k-focus, .k-menu.k-context-menu .k-item > .k-link.k-focus { box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); } .k-menu-group .k-item:focus, .k-menu.k-context-menu .k-item:focus, .k-menu-group .k-item.k-focus, .k-menu.k-context-menu .k-item.k-focus { box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); } .k-menu-group .k-separator, .k-menu.k-context-menu .k-separator { border-color: #ebebeb; } .k-menu-horizontal .k-link { border-color: #ebebeb; } .k-dropdowngrid-popup { border-color: #ebebeb; color: #676767; background-color: #fff; } .k-table, .k-data-table { border-color: #ebebeb; color: #676767; background-color: #fff; } .k-table-thead, .k-table-header, .k-table-group-sticky-header { border-color: #ebebeb; color: #464646; background-color: #ffffff; } .k-table-tfoot, .k-table-footer { border-color: #ebebeb; color: #464646; background-color: #ffffff; } .k-table-group-row { border-color: #ebebeb; color: #464646; background-color: #ffffff; } .k-table-group-td > span { color: #fff; background-color: #676767; } .k-table-alt-row { background-color: #ffffff; } .k-table-tbody .k-table-row:hover, .k-table-list .k-table-row:hover, .k-table-tbody .k-table-row.k-hover, .k-table-list .k-table-row.k-hover { border-color: #ebebeb; color: #676767; background-color: #fff; } .k-table-tbody .k-table-row.k-selected, .k-table-list .k-table-row.k-selected { border-color: #ebebeb; color: #454545; background-color: #eee; } .k-avatar-solid.k-avatar-solid-primary { border-color: #818181; color: #ffffff; background-color: #818181; } .k-avatar-solid.k-avatar-solid-secondary { border-color: #fff; color: #000000; background-color: #fff; } .k-avatar-solid.k-avatar-solid-tertiary { border-color: #527aa3; color: #ffffff; background-color: #527aa3; } .k-avatar-solid.k-avatar-solid-info { border-color: #3e6b99; color: #ffffff; background-color: #3e6b99; } .k-avatar-solid.k-avatar-solid-success { border-color: #52c664; color: #000000; background-color: #52c664; } .k-avatar-solid.k-avatar-solid-warning { border-color: #f4bc35; color: #000000; background-color: #f4bc35; } .k-avatar-solid.k-avatar-solid-error { border-color: #f45835; color: #ffffff; background-color: #f45835; } .k-avatar-solid.k-avatar-solid-dark { border-color: #000000; color: #ffffff; background-color: #000000; } .k-avatar-solid.k-avatar-solid-light { border-color: #ffffff; color: #000000; background-color: #ffffff; } .k-avatar-solid.k-avatar-solid-inverse { border-color: #000000; color: #ffffff; background-color: #000000; } .k-avatar-outline { border-color: currentColor; } .k-avatar-outline.k-avatar-outline-primary { color: #818181; } .k-avatar-outline.k-avatar-outline-secondary { color: #fff; } .k-avatar-outline.k-avatar-outline-tertiary { color: #527aa3; } .k-avatar-outline.k-avatar-outline-info { color: #3e6b99; } .k-avatar-outline.k-avatar-outline-success { color: #52c664; } .k-avatar-outline.k-avatar-outline-warning { color: #f4bc35; } .k-avatar-outline.k-avatar-outline-error { color: #f45835; } .k-avatar-outline.k-avatar-outline-dark { color: #000000; } .k-avatar-outline.k-avatar-outline-light { color: #ffffff; } .k-avatar-outline.k-avatar-outline-inverse { color: #000000; } .k-card { border-color: #ebebeb; color: #676767; background-color: #fff; } .k-card .k-card-callout { border-color: #ebebeb; background-color: #fff; } .k-card .k-card-actions { border-color: #ebebeb; } .k-card:focus, .k-card.k-state-focus { border-color: rgba(0, 0, 0, 0.15); box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06); } .k-card-header { border-color: #ebebeb; color: #464646; background-color: #ffffff; } .k-card-footer { border-color: #ebebeb; color: #464646; background-color: #ffffff; } .k-card-separator { border-color: #ebebeb; } .k-card.k-state-primary, .k-card.k-card-primary { border-color: #c0c0c0; color: #414141; background-color: #d9d9d9; } .k-card.k-state-info, .k-card.k-card-info { border-color: #9fb5cc; color: #1f364d; background-color: #c5d3e0; } .k-card.k-state-success, .k-card.k-card-success { border-color: #a9e3b2; color: #296332; background-color: #cbeed1; } .k-card.k-state-warning, .k-card.k-card-warning { border-color: #fade9a; color: #7a5e1b; background-color: #fcebc2; } .k-card.k-state-error, .k-card.k-card-error { border-color: #faac9a; color: #7a2c1b; background-color: #fccdc2; } .k-card:focus .k-card-callout, .k-card.k-state-focus .k-card-callout { border-color: rgba(0, 0, 0, 0.15); } .k-card:focus .k-card-callout.k-callout-n, .k-card.k-state-focus .k-card-callout.k-callout-n { box-shadow: 1px -1px 4px 0 rgba(0, 0, 0, 0.06); } .k-card:focus .k-card-callout.k-callout-e, .k-card.k-state-focus .k-card-callout.k-callout-e { box-shadow: 2px -1px 4px 0 rgba(0, 0, 0, 0.06); } .k-card:focus .k-card-callout.k-callout-s, .k-card.k-state-focus .k-card-callout.k-callout-s { box-shadow: 2px -2px 4px 0 rgba(0, 0, 0, 0.06); } .k-card:focus .k-card-callout.k-callout-w, .k-card.k-state-focus .k-card-callout.k-callout-w { box-shadow: 2px -1px 4px 0 rgba(0, 0, 0, 0.06); } .k-tilelayout, .k-widget.k-tilelayout { background-color: #f5f5f5; } .k-tilelayout-item:focus, .k-tilelayout-item.k-state-focus, .k-tilelayout-item.k-state-focused { box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.3); } .k-layout-item-hint { border-color: #ebebeb; background-color: rgba(255, 255, 255, 0.2); } .k-chat { border-color: #ebebeb; color: #676767; background-color: #fff; } .k-chat .k-timestamp { text-transform: uppercase; opacity: 0.7; } .k-chat .k-author { font-weight: bold; } .k-chat .k-bubble { border-color: #ffffff; color: #676767; background-color: #ffffff; transition: box-shadow 0.2s ease-in-out; -ms-flex-order: -1; order: -1; } .k-chat .k-alt .k-bubble { border-color: #818181; color: #ffffff; background-color: #818181; } .k-chat .k-quick-reply { border-color: #090909; color: #090909; background-color: transparent; } .k-chat .k-quick-reply:hover { border-color: #090909; color: #ffffff; background-color: #090909; } .k-chat .k-message-box { border-color: inherit; color: #676767; background-color: #fff; } .k-chat .k-toolbar-box { border-color: inherit; color: #676767; background-color: #ffffff; } .k-chat .k-toolbar-box .k-scroll-button { background-color: #fff; box-shadow: 0 0 20px 5px #fff; } .k-chat .k-toolbar-box .k-scroll-button:hover { background-color: #fff; } .k-calendar { border-color: #ebebeb; color: #676767; background-color: #fff; } .k-calendar > .k-header { border-color: #ebebeb; color: #464646; background-color: #ffffff; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(0,0,0,.01) 0%, rgba(0,0,0,.08) 100%); } .k-calendar > .k-header .k-button { color: inherit; } .k-calendar th { border-color: #ebebeb; color: #676767; background-color: #f5f5f5; } .k-calendar .k-alt { border-color: #ebebeb; color: #676767; background-color: #f5f5f5; } .k-calendar .k-weekend { background-color: transparent; } .k-calendar .k-other-month { color: #d9d9d9; background-color: transparent; } .k-calendar .k-out-of-range { pointer-events: none; visibility: hidden; } .k-calendar .k-today .k-link { color: #818181; box-shadow: inset 0 0 0 1px #818181; } .k-calendar td.k-state-hover .k-link { border-color: #b3b3b3; color: #676767; background-color: #e6e6e6; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(0,0,0,.01) 0%, rgba(0,0,0,.06) 100%); } .k-calendar td.k-state-selected .k-link { border-color: #cdcdcd; color: #454545; background-color: #eee; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(0,0,0,.13) 0%, rgba(0,0,0,.08) 100%); } .k-calendar td.k-state-focused .k-link { box-shadow: inset 0 0 4px 0px rgba(129, 129, 129, 0.75); } .k-calendar .k-footer .k-nav-today, .k-calendar .k-calendar-header .k-nav-today { color: #818181; } .k-calendar .k-footer .k-nav-today:hover, .k-calendar .k-calendar-header .k-nav-today:hover, .k-calendar .k-footer .k-nav-today:focus, .k-calendar .k-calendar-header .k-nav-today:focus { color: #777777; } .k-calendar-range { border-color: #ebebeb; color: #676767; background-color: #fff; } .k-calendar-range th { color: inherit; background-color: transparent; text-transform: uppercase; } .k-calendar-range td.k-state-hover .k-link { border-color: #b3b3b3; color: #676767; background-color: #e6e6e6; } .k-calendar-range td.k-state-selected .k-link { border-color: #cdcdcd; color: #454545; background-color: #eee; } .k-calendar-range td.k-state-focused .k-link { box-shadow: inset 0 0 4px 0px rgba(129, 129, 129, 0.75); } .k-calendar-range td.k-range-start, .k-calendar-range td.k-range-mid, .k-calendar-range td.k-range-end { background-image: linear-gradient(transparent 1px, rgba(238, 238, 238, 0.3) 1px, rgba(238, 238, 238, 0.3) calc(100% - 1px), transparent calc(100% - 1px)); } .k-ie .k-calendar-range td.k-range-start, .k-ie .k-calendar-range td.k-range-mid, .k-ie .k-calendar-range td.k-range-end, .k-edge .k-calendar-range td.k-range-start, .k-edge .k-calendar-range td.k-range-mid, .k-edge .k-calendar-range td.k-range-end { background-image: none; background-color: rgba(238, 238, 238, 0.3); } .k-calendar-range td.k-range-split-start::after { background-image: linear-gradient(to left, rgba(238, 238, 238, 0.3), transparent); } .k-calendar-range td.k-range-split-end::after { background-image: linear-gradient(to right, rgba(238, 238, 238, 0.3), transparent); } .k-calendar-range .k-footer .k-nav-today { color: #818181; background: none; } .k-pdf-viewer .k-toolbar .k-icon, .k-pdf-viewer .k-toolbar .k-pager-input { color: #676767; } .k-pdf-viewer .k-canvas { background-color: #fff; } .k-pdf-viewer .k-page { border-color: #ebebeb; color: #676767; background-color: white; box-shadow: 0 0 15px #ebebeb; } .k-pdf-viewer .k-search-highlight { background-color: #4d4d4d; } kendo-scrollview.k-scrollview-wrap, div.k-scrollview { border-color: #ebebeb; color: #676767; background-color: #fff; -webkit-tap-highlight-color: transparent; } kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-pageable, div.k-scrollview.k-scrollview-dark .k-scrollview-pageable, kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-nav, div.k-scrollview.k-scrollview-dark .k-scrollview-nav { background-color: rgba(0, 0, 0, 0.2); } kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-next, div.k-scrollview.k-scrollview-dark .k-scrollview-next, kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-prev, div.k-scrollview.k-scrollview-dark .k-scrollview-prev { color: rgba(0, 0, 0, 0.2); } kendo-scrollview.k-scrollview-wrap.k-scrollview-light .k-scrollview-pageable, div.k-scrollview.k-scrollview-light .k-scrollview-pageable, kendo-scrollview.k-scrollview-wrap.k-scrollview-light .k-scrollview-nav, div.k-scrollview.k-scrollview-light .k-scrollview-nav { background-color: rgba(255, 255, 255, 0.2); } kendo-scrollview.k-scrollview-wrap .k-scrollview:focus, .k-widget.k-scrollview .k-scrollview-wrap:focus, kendo-scrollview.k-scrollview-wrap .k-scrollview.k-state-focused, .k-widget.k-scrollview .k-scrollview-wrap.k-state-focused, kendo-scrollview.k-scrollview-wrap .k-scrollview:hover, .k-widget.k-scrollview .k-scrollview-wrap:hover, kendo-scrollview.k-scrollview-wrap .k-scrollview.k-state-hovered, .k-widget.k-scrollview .k-scrollview-wrap.k-state-hovered { outline: none; } kendo-scrollview.k-scrollview-wrap .k-scrollview:focus ~ .k-scrollview-elements .k-scrollview-pageable, .k-widget.k-scrollview .k-scrollview-wrap:focus ~ .k-scrollview-elements .k-scrollview-pageable, kendo-scrollview.k-scrollview-wrap .k-scrollview.k-state-focused ~ .k-scrollview-elements .k-scrollview-pageable, .k-widget.k-scrollview .k-scrollview-wrap.k-state-focused ~ .k-scrollview-elements .k-scrollview-pageable, kendo-scrollview.k-scrollview-wrap .k-scrollview:hover ~ .k-scrollview-elements .k-scrollview-pageable, .k-widget.k-scrollview .k-scrollview-wrap:hover ~ .k-scrollview-elements .k-scrollview-pageable, kendo-scrollview.k-scrollview-wrap .k-scrollview.k-state-hovered ~ .k-scrollview-elements .k-scrollview-pageable, .k-widget.k-scrollview .k-scrollview-wrap.k-state-hovered ~ .k-scrollview-elements .k-scrollview-pageable, kendo-scrollview.k-scrollview-wrap .k-scrollview:focus ~ .k-scrollview-elements .k-scrollview-nav, .k-widget.k-scrollview .k-scrollview-wrap:focus ~ .k-scrollview-elements .k-scrollview-nav, kendo-scrollview.k-scrollview-wrap .k-scrollview.k-state-focused ~ .k-scrollview-elements .k-scrollview-nav, .k-widget.k-scrollview .k-scrollview-wrap.k-state-focused ~ .k-scrollview-elements .k-scrollview-nav, kendo-scrollview.k-scrollview-wrap .k-scrollview:hover ~ .k-scrollview-elements .k-scrollview-nav, .k-widget.k-scrollview .k-scrollview-wrap:hover ~ .k-scrollview-elements .k-scrollview-nav, kendo-scrollview.k-scrollview-wrap .k-scrollview.k-state-hovered ~ .k-scrollview-elements .k-scrollview-nav, .k-widget.k-scrollview .k-scrollview-wrap.k-state-hovered ~ .k-scrollview-elements .k-scrollview-nav { opacity: 1; } .k-scrollview-next, .k-scrollview-prev { color: white; background-color: rgba(0, 0, 0, 0); text-shadow: rgba(0, 0, 0, 0.3) 0 0 15px; opacity: 0.7; outline-width: 0; -webkit-tap-highlight-color: transparent; } .k-scrollview-next:focus, .k-scrollview-prev:focus, .k-scrollview-next.k-state-focused, .k-scrollview-prev.k-state-focused { color: white; opacity: 1; } .k-scrollview-next:focus .k-icon::before, .k-scrollview-prev:focus .k-icon::before, .k-scrollview-next.k-state-focused .k-icon::before, .k-scrollview-prev.k-state-focused .k-icon::before { box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13); background-color: transparent; } .k-scrollview-next:hover, .k-scrollview-prev:hover, .k-scrollview-next.k-state-hovered, .k-scrollview-prev.k-state-hovered { color: white; opacity: 1; } .k-scrollview-next:hover .k-icon::before, .k-scrollview-prev:hover .k-icon::before, .k-scrollview-next.k-state-hovered .k-icon::before, .k-scrollview-prev.k-state-hovered .k-icon::before { background-color: transparent; } kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable, .k-scrollview .k-scrollview-nav { opacity: 0.7; } kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable:focus-within, .k-scrollview .k-scrollview-nav:focus-within, kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable:focus, .k-scrollview .k-scrollview-nav:focus, kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable.k-state-focused, .k-scrollview .k-scrollview-nav.k-state-focused, kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable:hover, .k-scrollview .k-scrollview-nav:hover, kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable.k-state-hovered, .k-scrollview .k-scrollview-nav.k-state-hovered { opacity: 1; background-color: transparent; } kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable > .k-button, .k-scrollview .k-scrollview-nav > .k-link { background: #ffffff; border: #d1d1d1; background-clip: padding-box; } kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable > .k-button.k-primary, .k-scrollview .k-scrollview-nav > .k-link.k-primary { background: #818181; border: #797979; } kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable > .k-button:focus, .k-scrollview .k-scrollview-nav > .k-link:focus, kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable > .k-button.k-state-focused, .k-scrollview .k-scrollview-nav > .k-link.k-state-focused, kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable > .k-button:hover, .k-scrollview .k-scrollview-nav > .k-link:hover, kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable > .k-button.k-state-hovered, .k-scrollview .k-scrollview-nav > .k-link.k-state-hovered { box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13); } .k-switch-thumb { background-clip: border-box; } .k-switch-on .k-switch-track { border-color: #d1d1d1; color: #818181; background-color: #fff; } .k-switch-on .k-switch-thumb { border-color: #797979; color: #818181; background-color: #818181; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%); } .k-switch-on:focus, .k-switch-on.k-state-focused { box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3); } .k-switch-on:focus .k-switch-track, .k-switch-on.k-state-focused .k-switch-track { border-color: #ababab; color: #818181; background-color: #fff; } .k-switch-on:focus .k-switch-thumb, .k-switch-on.k-state-focused .k-switch-thumb { border-color: #797979; color: #818181; background-color: #818181; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%); } .k-switch-on:hover .k-switch-track, .k-switch-on.k-state-hover .k-switch-track { border-color: #ababab; color: #818181; background-color: #fff; } .k-switch-on:hover .k-switch-thumb, .k-switch-on.k-state-hover .k-switch-thumb { border-color: #797979; color: #818181; background-color: #818181; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%); } .k-switch-on .k-switch-label-off { color: transparent; } .k-switch-off .k-switch-track { border-color: #d1d1d1; color: #676767; background-color: #fff; } .k-switch-off .k-switch-thumb { border-color: #d1d1d1; color: #676767; background-color: #ffffff; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); } .k-switch-off:focus, .k-switch-off.k-state-focused { box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3); } .k-switch-off:focus .k-switch-track, .k-switch-off.k-state-focused .k-switch-track { border-color: #ababab; color: #676767; background-color: #fff; } .k-switch-off:focus .k-switch-thumb, .k-switch-off.k-state-focused .k-switch-thumb { border-color: #ababab; color: #676767; background-color: #ffffff; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%); } .k-switch-off:hover .k-switch-track, .k-switch-off.k-state-hover .k-switch-track { border-color: #ababab; color: #676767; background-color: #fff; } .k-switch-off:hover .k-switch-thumb, .k-switch-off.k-state-hover .k-switch-thumb { border-color: #ababab; color: #676767; background-color: #e6e6e6; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%); } .k-switch-off .k-switch-label-on { color: transparent; } .k-switch { background-color: transparent; box-shadow: none; } .k-switch:focus .k-switch-track, .k-switch.k-state-focused .k-switch-track { outline: none; } .k-switch.k-state-disabled { cursor: default; } .k-switch[aria-readonly="true"] { pointer-events: none; } .k-pane-wrapper .k-pane > .k-view > .k-content { background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(0,0,0,.01) 0%, rgba(0,0,0,.08) 100%); background-position: 50% 50%; background-color: #ffffff; } .k-pane-wrapper .k-pane .k-grid-mobile .k-column-active + th.k-header { border-left-color: #676767; } .k-pane-wrapper .k-pane .k-grid-mobile .k-sorted .k-sort-order, .k-pane-wrapper .k-pane .k-grid-mobile .k-sorted .k-i-sort-asc-sm, .k-pane-wrapper .k-pane .k-grid-mobile .k-sorted .k-i-sort-desc-sm { color: #818181; } .k-pane-wrapper .k-pane .k-grid-mobile .k-grid-filter.k-state-active, .k-pane-wrapper .k-pane .k-grid-mobile .k-header-column-menu.k-state-active { color: #fff; background-color: #818181; } .k-pane-wrapper .k-pane .k-grid-mobile .k-resize-handle-inner::before { background-color: #fff; } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-nav-current { color: #818181; } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-times, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-header, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-groupcolumn, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-mobile-scheduler-agendadate { color: inherit; } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-time-period, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-mobile-scheduler-agendaweekday { color: #f3f3f3; } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-times, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-header, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-header-wrap, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-datecolumn, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-groupcolumn, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-group-cell, .k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-header-all-day { background-color: #ffffff; } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-other-month { background-color: #ffffff; } .k-pane-wrapper .k-pane .k-grid-edit-form .k-header, .k-pane-wrapper .k-pane .k-grid-column-menu .k-header, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-header, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-header { background-color: #818181; } .k-pane-wrapper .k-pane .k-grid-edit-form .k-header, .k-pane-wrapper .k-pane .k-grid-column-menu .k-header, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-header, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-header, .k-pane-wrapper .k-pane .k-grid-edit-form .k-header .k-link, .k-pane-wrapper .k-pane .k-grid-column-menu .k-header .k-link, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-header .k-link, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-header .k-link { color: #454545; } .k-pane-wrapper .k-pane .k-grid-edit-form .k-item, .k-pane-wrapper .k-pane .k-grid-column-menu .k-item, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-item, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-item, .k-pane-wrapper .k-pane .k-grid-edit-form .k-link, .k-pane-wrapper .k-pane .k-grid-column-menu .k-link, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-link, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-link { color: #676767; } .k-pane-wrapper .k-pane .k-grid-edit-form .k-clear, .k-pane-wrapper .k-pane .k-grid-column-menu .k-clear, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-clear, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-clear, .k-pane-wrapper .k-pane .k-grid-edit-form .k-select-all, .k-pane-wrapper .k-pane .k-grid-column-menu .k-select-all, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-select-all, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-select-all, .k-pane-wrapper .k-pane .k-grid-edit-form .k-scheduler-delete, .k-pane-wrapper .k-pane .k-grid-column-menu .k-scheduler-delete, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-scheduler-delete, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-scheduler-delete, .k-pane-wrapper .k-pane .k-grid-edit-form .k-scheduler-resetSeries, .k-pane-wrapper .k-pane .k-grid-column-menu .k-scheduler-resetSeries, .k-pane-wrapper .k-pane .k-grid-filter-menu .k-scheduler-resetSeries, .k-pane-wrapper .k-pane .k-scheduler-edit-form .k-scheduler-resetSeries { color: #818181; } .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-state-selected { color: #818181; background: none; } .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-state-selected .k-link { color: inherit; } .k-filter .k-filter-preview-field { color: #818181; } .k-filter .k-filter-preview-operator { color: rgba(103, 103, 103, 0.6); } .k-filter .k-filter-item::before, .k-filter .k-filter-toolbar::before, .k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after { background-color: #ebebeb; } .k-drawer { border-color: #ebebeb; color: #676767; background-color: #fff; } .k-drawer-wrapper { scrollbar-color: rgba(156, 156, 156, 0.7) #dedede; } .k-drawer-wrapper::-webkit-scrollbar-track { background: #dedede; } .k-drawer-wrapper::-webkit-scrollbar-thumb { background: rgba(156, 156, 156, 0.7); } .k-drawer-wrapper::-webkit-scrollbar-thumb:hover { background: #9c9c9c; } .k-drawer-item:hover, .k-drawer-item.k-state-hover { color: #676767; background-color: #fff; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(0,0,0,.01) 0%, rgba(0,0,0,.06) 100%); } .k-drawer-item:focus, .k-drawer-item.k-state-focused { background-color: #fff; box-shadow: inset 0 0 3px 1px #b3b3b3; } .k-drawer-item:focus:hover, .k-drawer-item.k-state-focused:hover, .k-drawer-item:focus.k-state-hover, .k-drawer-item.k-state-focused.k-state-hover { color: #676767; background-color: #fff; } .k-drawer-item.k-state-selected { color: #454545; background-color: #eee; } .k-drawer-item.k-state-selected:hover, .k-drawer-item.k-state-selected.k-state-hover { color: #454545; background-color: #e1e1e1; } .k-drawer-separator { background-color: #ebebeb; } .k-rating.k-widget { background-color: transparent; } .k-rating:focus, .k-rating.k-state-focused { box-shadow: none; } .k-rating:focus .k-rating-item > .k-icon, .k-rating.k-state-focused .k-rating-item > .k-icon { text-shadow: 0 2px 3.6px rgba(0, 0, 0, 0.1); } .k-rating:focus .k-rating-item.k-state-selected > .k-icon, .k-rating.k-state-focused .k-rating-item.k-state-selected > .k-icon { text-shadow: 0 2px 3.6px rgba(129, 129, 129, 0.5); } .k-rating-item { color: #ebebeb; } .k-rating-item.k-state-selected { color: #818181; background: none; box-shadow: none; } .k-rating-item.k-state-selected:focus, .k-rating-item.k-state-selected.k-state-focused { color: #818181; } .k-rating-item:hover, .k-rating-item.k-state-hov