UNPKG

@progress/kendo-ui

Version:

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

1,830 lines 137 kB
.k-theme-test-class, .ktb-theme-id-default { opacity: 0; } .ktb-var-accent { color: #1984c8; } .ktb-var-base { color: #f3f3f4; } .ktb-var-background { color: #fff; } .ktb-var-border-radius { border-radius: 4px; } .ktb-var-normal-background { color: #fff; } .ktb-var-normal-gradient { background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.2) 0%, rgba(255,255,255,0) 100%); } .ktb-var-normal-text-color { color: #515967; } .ktb-var-hover-background { color: #b6bdca; } .ktb-var-hover-gradient { background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.2) 0%, rgba(255,255,255,0) 100%); } .ktb-var-hover-text-color { color: #263248; } .ktb-var-selected-background { color: #1984c8; } .ktb-var-selected-gradient { background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.2) 0%, rgba(255,255,255,0) 100%); } .ktb-var-selected-text-color { color: #fff; } .ktb-var-is-dark-theme { opacity: 0; } .ktb-var-primary { color: #1984c8; } .ktb-var-secondary { color: #f3f3f4; } .ktb-var-tertiary { color: #007bc3; } .ktb-var-error { color: #d92800; } .ktb-var-warning { color: #ff9800; } .ktb-var-success { color: #3ea44e; } .ktb-var-info { color: #2498bc; } .ktb-var-dark { color: #000000; } .ktb-var-light { color: #ffffff; } .ktb-var-inverse { color: #000000; } .ktb-var-series-a { color: #007bc3; } .ktb-var-series-b { color: #76b800; } .ktb-var-series-c { color: #ffae00; } .ktb-var-series-d { color: #ef4c00; } .ktb-var-series-e { color: #a419b7; } .ktb-var-series-f { color: #430B62; } .k-grid-norecords-template { background-color: #fff; border: 1px solid #dedee0; } .k-button-solid-base { border-color: #c3c3c8; color: #515967; background-color: #f3f3f4; 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: #aaaaab; color: #515967; background-color: #dbdbdc; } .k-button-solid-base:focus, .k-button-solid-base.k-focus { border-color: #1984c8; box-shadow: 0 0 4px 0px rgba(25, 132, 200, 0.75); } .k-button-solid-base:active, .k-button-solid-base.k-active, .k-button-solid-base.k-selected { border-color: #125c8c; color: #ffffff; background-color: #1777b4; } .k-button-solid-base.k-active .k-button-solid-base.k-selected:hover { color: #fff; border-color: #2578ad; background-color: #1675b1; } .k-button-solid-primary { border-color: #2578ad; color: #fff; background-color: #1984c8; 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: #2578ad; color: #fff; background-color: #1675b1; } .k-button-solid-primary:focus, .k-button-solid-primary.k-focus { border-color: #156fa8; box-shadow: 0 0 4px 0px #1984c8; } .k-button-solid-primary:active, .k-button-solid-primary.k-active, .k-button-solid-primary.k-selected { border-color: #187ebf; color: #fff; background-color: #187ebf; } .k-button-solid-primary.k-active .k-button-solid-primary.k-selected:hover { color: #fff; border-color: #2578ad; background-color: #1675b1; } .k-button-solid-secondary { border-color: #c2c2c3; color: #000000; background-color: #f3f3f4; 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: #aaaaab; background-color: #dbdbdc; } .k-button-solid-secondary:focus, .k-button-solid-secondary.k-focus { box-shadow: 0px 0px 4px 0px rgba(194, 194, 195, 0.75); } .k-button-solid-secondary:active, .k-button-solid-secondary.k-active, .k-button-solid-secondary.k-selected { border-color: #929292; background-color: #c2c2c3; } .k-button-solid-tertiary { border-color: #00629c; color: #ffffff; background-color: #007bc3; 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: #005689; background-color: #006fb0; } .k-button-solid-tertiary:focus, .k-button-solid-tertiary.k-focus { box-shadow: 0px 0px 4px 0px rgba(0, 98, 156, 0.75); } .k-button-solid-tertiary:active, .k-button-solid-tertiary.k-active, .k-button-solid-tertiary.k-selected { border-color: #004a75; background-color: #00629c; } .k-button-solid-info { border-color: #1d7a96; color: #ffffff; background-color: #2498bc; 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: #196a84; background-color: #2089a9; } .k-button-solid-info:focus, .k-button-solid-info.k-focus { box-shadow: 0px 0px 4px 0px rgba(29, 122, 150, 0.75); } .k-button-solid-info:active, .k-button-solid-info.k-active, .k-button-solid-info.k-selected { border-color: #165b71; background-color: #1d7a96; } .k-button-solid-success { border-color: #32833e; color: #ffffff; background-color: #3ea44e; 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: #2b7337; background-color: #389446; } .k-button-solid-success:focus, .k-button-solid-success.k-focus { box-shadow: 0px 0px 4px 0px rgba(50, 131, 62, 0.75); } .k-button-solid-success:active, .k-button-solid-success.k-active, .k-button-solid-success.k-selected { border-color: #25622f; background-color: #32833e; } .k-button-solid-warning { border-color: #cc7a00; color: #000000; background-color: #ff9800; 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: #b36a00; background-color: #e68900; } .k-button-solid-warning:focus, .k-button-solid-warning.k-focus { box-shadow: 0px 0px 4px 0px rgba(204, 122, 0, 0.75); } .k-button-solid-warning:active, .k-button-solid-warning.k-active, .k-button-solid-warning.k-selected { border-color: #995b00; background-color: #cc7a00; } .k-button-solid-error { border-color: #ae2000; color: #ffffff; background-color: #d92800; 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: #981c00; background-color: #c32400; } .k-button-solid-error:focus, .k-button-solid-error.k-focus { box-shadow: 0px 0px 4px 0px rgba(174, 32, 0, 0.75); } .k-button-solid-error:active, .k-button-solid-error.k-active, .k-button-solid-error.k-selected { border-color: #821800; background-color: #ae2000; } .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: #515967; background-color: transparent; } .k-button-outline-base:hover, .k-button-outline-base.k-hover { border-color: #515967; color: #ffffff; background-color: #515967; } .k-button-outline-base:focus, .k-button-outline-base.k-focus { box-shadow: 0px 0px 4px 0px rgba(81, 89, 103, 0.75); } .k-button-outline-base:active, .k-button-outline-base.k-active, .k-button-outline-base.k-selected { border-color: #515967; color: #ffffff; background-color: #515967; } .k-button-outline-primary { border-color: currentColor; color: #1984c8; background-color: transparent; } .k-button-outline-primary:hover, .k-button-outline-primary.k-hover { border-color: #1984c8; color: #ffffff; background-color: #1984c8; } .k-button-outline-primary:focus, .k-button-outline-primary.k-focus { box-shadow: 0px 0px 4px 0px rgba(25, 132, 200, 0.75); } .k-button-outline-primary:active, .k-button-outline-primary.k-active, .k-button-outline-primary.k-selected { border-color: #1984c8; color: #ffffff; background-color: #1984c8; } .k-button-outline-secondary { border-color: currentColor; color: #f3f3f4; background-color: transparent; } .k-button-outline-secondary:hover, .k-button-outline-secondary.k-hover { border-color: #f3f3f4; color: #000000; background-color: #f3f3f4; } .k-button-outline-secondary:focus, .k-button-outline-secondary.k-focus { box-shadow: 0px 0px 4px 0px rgba(243, 243, 244, 0.75); } .k-button-outline-secondary:active, .k-button-outline-secondary.k-active, .k-button-outline-secondary.k-selected { border-color: #f3f3f4; color: #000000; background-color: #f3f3f4; } .k-button-outline-tertiary { border-color: currentColor; color: #007bc3; background-color: transparent; } .k-button-outline-tertiary:hover, .k-button-outline-tertiary.k-hover { border-color: #007bc3; color: #ffffff; background-color: #007bc3; } .k-button-outline-tertiary:focus, .k-button-outline-tertiary.k-focus { box-shadow: 0px 0px 4px 0px rgba(0, 123, 195, 0.75); } .k-button-outline-tertiary:active, .k-button-outline-tertiary.k-active, .k-button-outline-tertiary.k-selected { border-color: #007bc3; color: #ffffff; background-color: #007bc3; } .k-button-outline-info { border-color: currentColor; color: #2498bc; background-color: transparent; } .k-button-outline-info:hover, .k-button-outline-info.k-hover { border-color: #2498bc; color: #ffffff; background-color: #2498bc; } .k-button-outline-info:focus, .k-button-outline-info.k-focus { box-shadow: 0px 0px 4px 0px rgba(36, 152, 188, 0.75); } .k-button-outline-info:active, .k-button-outline-info.k-active, .k-button-outline-info.k-selected { border-color: #2498bc; color: #ffffff; background-color: #2498bc; } .k-button-outline-success { border-color: currentColor; color: #3ea44e; background-color: transparent; } .k-button-outline-success:hover, .k-button-outline-success.k-hover { border-color: #3ea44e; color: #ffffff; background-color: #3ea44e; } .k-button-outline-success:focus, .k-button-outline-success.k-focus { box-shadow: 0px 0px 4px 0px rgba(62, 164, 78, 0.75); } .k-button-outline-success:active, .k-button-outline-success.k-active, .k-button-outline-success.k-selected { border-color: #3ea44e; color: #ffffff; background-color: #3ea44e; } .k-button-outline-warning { border-color: currentColor; color: #ff9800; background-color: transparent; } .k-button-outline-warning:hover, .k-button-outline-warning.k-hover { border-color: #ff9800; color: #000000; background-color: #ff9800; } .k-button-outline-warning:focus, .k-button-outline-warning.k-focus { box-shadow: 0px 0px 4px 0px rgba(255, 152, 0, 0.75); } .k-button-outline-warning:active, .k-button-outline-warning.k-active, .k-button-outline-warning.k-selected { border-color: #ff9800; color: #000000; background-color: #ff9800; } .k-button-outline-error { border-color: currentColor; color: #d92800; background-color: transparent; } .k-button-outline-error:hover, .k-button-outline-error.k-hover { border-color: #d92800; color: #ffffff; background-color: #d92800; } .k-button-outline-error:focus, .k-button-outline-error.k-focus { box-shadow: 0px 0px 4px 0px rgba(217, 40, 0, 0.75); } .k-button-outline-error:active, .k-button-outline-error.k-active, .k-button-outline-error.k-selected { border-color: #d92800; color: #ffffff; background-color: #d92800; } .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: #515967; } .k-button-link-base:hover, .k-button-link-base.k-hover { color: #414752; } .k-button-link-base:focus, .k-button-link-base.k-focus { box-shadow: 0px 0px 4px 0px rgba(81, 89, 103, 0.75); } .k-button-link-base:active, .k-button-link-base.k-active, .k-button-link-base.k-selected { color: #414752; } .k-button-link-primary { color: #1984c8; } .k-button-link-primary:hover, .k-button-link-primary.k-hover { color: #146aa0; } .k-button-link-primary:focus, .k-button-link-primary.k-focus { box-shadow: 0px 0px 4px 0px rgba(25, 132, 200, 0.75); } .k-button-link-primary:active, .k-button-link-primary.k-active, .k-button-link-primary.k-selected { color: #146aa0; } .k-button-link-secondary { color: #f3f3f4; } .k-button-link-secondary:hover, .k-button-link-secondary.k-hover { color: #c2c2c3; } .k-button-link-secondary:focus, .k-button-link-secondary.k-focus { box-shadow: 0px 0px 4px 0px rgba(243, 243, 244, 0.75); } .k-button-link-secondary:active, .k-button-link-secondary.k-active, .k-button-link-secondary.k-selected { color: #c2c2c3; } .k-button-link-tertiary { color: #007bc3; } .k-button-link-tertiary:hover, .k-button-link-tertiary.k-hover { color: #00629c; } .k-button-link-tertiary:focus, .k-button-link-tertiary.k-focus { box-shadow: 0px 0px 4px 0px rgba(0, 123, 195, 0.75); } .k-button-link-tertiary:active, .k-button-link-tertiary.k-active, .k-button-link-tertiary.k-selected { color: #00629c; } .k-button-link-info { color: #2498bc; } .k-button-link-info:hover, .k-button-link-info.k-hover { color: #1d7a96; } .k-button-link-info:focus, .k-button-link-info.k-focus { box-shadow: 0px 0px 4px 0px rgba(36, 152, 188, 0.75); } .k-button-link-info:active, .k-button-link-info.k-active, .k-button-link-info.k-selected { color: #1d7a96; } .k-button-link-success { color: #3ea44e; } .k-button-link-success:hover, .k-button-link-success.k-hover { color: #32833e; } .k-button-link-success:focus, .k-button-link-success.k-focus { box-shadow: 0px 0px 4px 0px rgba(62, 164, 78, 0.75); } .k-button-link-success:active, .k-button-link-success.k-active, .k-button-link-success.k-selected { color: #32833e; } .k-button-link-warning { color: #ff9800; } .k-button-link-warning:hover, .k-button-link-warning.k-hover { color: #cc7a00; } .k-button-link-warning:focus, .k-button-link-warning.k-focus { box-shadow: 0px 0px 4px 0px rgba(255, 152, 0, 0.75); } .k-button-link-warning:active, .k-button-link-warning.k-active, .k-button-link-warning.k-selected { color: #cc7a00; } .k-button-link-error { color: #d92800; } .k-button-link-error:hover, .k-button-link-error.k-hover { color: #ae2000; } .k-button-link-error:focus, .k-button-link-error.k-focus { box-shadow: 0px 0px 4px 0px rgba(217, 40, 0, 0.75); } .k-button-link-error:active, .k-button-link-error.k-active, .k-button-link-error.k-selected { color: #ae2000; } .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: #1984c8; } .k-button-flat-secondary { color: #f3f3f4; } .k-button-flat-tertiary { color: #007bc3; } .k-button-flat-info { color: #2498bc; } .k-button-flat-success { color: #3ea44e; } .k-button-flat-warning { color: #ff9800; } .k-button-flat-error { color: #d92800; } .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(25, 132, 200, 0.75); border-color: #1984c8; } .k-split-button:focus .k-button { box-shadow: none; border-color: inherit; } .k-edit-buttons { border-color: #dedee0; background: #f3f3f4; } .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: 4px; border-bottom-right-radius: 4px; } .k-rtl .k-button-group .k-group-end, .k-rtl .k-button-group .k-button:last-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .k-rtl .k-button-group .k-group-start.k-group-end, .k-rtl .k-button-group .k-button:first-child:last-child { border-radius: 4px; } .k-rtl .k-split-button .k-button { border-radius: 0; } .k-rtl .k-split-button .k-button:first-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .k-rtl .k-split-button .k-button:last-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .k-widget.k-input, .k-input { border-color: #c3c3c8; color: #515967; background-color: #fff; } .k-widget.k-input:hover, .k-input:hover, .k-widget.k-input.k-hover, .k-input.k-hover { border-color: #aaaaab; color: #515967; 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: #515967; 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: #515967; 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: #d92800; } .k-widget.k-input.k-invalid .k-input-validation-icon, .k-input.k-invalid .k-input-validation-icon { color: #d92800; } .k-widget.k-picker, .k-picker { border-color: #c3c3c8; color: #515967; background-color: #f3f3f4; 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: #aaaaab; color: #515967; background-color: #dbdbdc; } .k-widget.k-picker:focus, .k-picker:focus, .k-widget.k-picker.k-focus, .k-picker.k-focus { border-color: #1984c8; box-shadow: 0 0 4px 0px rgba(25, 132, 200, 0.75); } .k-widget.k-picker:focus-within, .k-picker:focus-within { border-color: #1984c8; box-shadow: 0 0 4px 0px rgba(25, 132, 200, 0.75); } .k-widget.k-picker.k-invalid, .k-picker.k-invalid { border-color: #d92800; } .k-widget.k-picker.k-invalid .k-input-validation-icon, .k-picker.k-invalid .k-input-validation-icon { color: #d92800; } .k-input-inner::-webkit-input-placeholder { color: rgba(81, 89, 103, 0.5); opacity: 1; -webkit-user-select: none; user-select: none; } .k-input-inner:-ms-input-placeholder { color: rgba(81, 89, 103, 0.5); opacity: 1; -ms-user-select: none; user-select: none; } .k-input-inner::-ms-input-placeholder { color: rgba(81, 89, 103, 0.5); opacity: 1; -ms-user-select: none; user-select: none; } .k-input-inner::placeholder { color: rgba(81, 89, 103, 0.5); opacity: 1; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .k-input-inner:-ms-input-placeholder { color: rgba(81, 89, 103, 0.5); } .k-menu:not(.k-context-menu) { color: #535b6a; background-color: #f3f3f4; } .k-menu:not(.k-context-menu) > .k-item { color: #1984c8; } .k-menu:not(.k-context-menu) > .k-item:hover, .k-menu:not(.k-context-menu) > .k-item.k-hover { border-color: #bebec3; color: #263248; background-color: #b6bdca; } .k-menu:not(.k-context-menu) > .k-item:active, .k-menu:not(.k-context-menu) > .k-item.k-active { color: #515967; } .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: #dedee0; color: #f3f3f4; background-color: #f3f3f4; } .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: #263248; background-color: #b6bdca; } .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: #263248; background-color: #b6bdca; } .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: #dedee0; } .k-menu-horizontal .k-link { border-color: #dedee0; } .k-dropdowngrid-popup { border-color: #dedee0; color: #515967; background-color: #fff; } .k-table, .k-data-table { border-color: #dedee0; color: #515967; background-color: #fff; } .k-table-thead, .k-table-header, .k-table-group-sticky-header { border-color: #dedee0; color: #535b6a; background-color: #f3f3f4; } .k-table-tfoot, .k-table-footer { border-color: #dedee0; color: #535b6a; background-color: #f3f3f4; } .k-table-group-row { border-color: #dedee0; color: #535b6a; background-color: #f3f3f4; } .k-table-group-td > span { color: #fff; background-color: #515967; } .k-table-alt-row { background-color: #fbfbfb; } .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: #dedee0; color: #515967; background-color: #b6bdca; } .k-table-tbody .k-table-row.k-selected, .k-table-list .k-table-row.k-selected { border-color: #dedee0; color: #fff; background-color: #1984c8; } .k-avatar-solid.k-avatar-solid-primary { border-color: #1984c8; color: #ffffff; background-color: #1984c8; } .k-avatar-solid.k-avatar-solid-secondary { border-color: #f3f3f4; color: #000000; background-color: #f3f3f4; } .k-avatar-solid.k-avatar-solid-tertiary { border-color: #007bc3; color: #ffffff; background-color: #007bc3; } .k-avatar-solid.k-avatar-solid-info { border-color: #2498bc; color: #ffffff; background-color: #2498bc; } .k-avatar-solid.k-avatar-solid-success { border-color: #3ea44e; color: #ffffff; background-color: #3ea44e; } .k-avatar-solid.k-avatar-solid-warning { border-color: #ff9800; color: #000000; background-color: #ff9800; } .k-avatar-solid.k-avatar-solid-error { border-color: #d92800; color: #ffffff; background-color: #d92800; } .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: #1984c8; } .k-avatar-outline.k-avatar-outline-secondary { color: #f3f3f4; } .k-avatar-outline.k-avatar-outline-tertiary { color: #007bc3; } .k-avatar-outline.k-avatar-outline-info { color: #2498bc; } .k-avatar-outline.k-avatar-outline-success { color: #3ea44e; } .k-avatar-outline.k-avatar-outline-warning { color: #ff9800; } .k-avatar-outline.k-avatar-outline-error { color: #d92800; } .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: #dedee0; color: #515967; background-color: #fff; } .k-card .k-card-callout { border-color: #dedee0; background-color: #fff; } .k-card .k-card-actions { border-color: #dedee0; } .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: #dedee0; color: #535b6a; background-color: #f3f3f4; } .k-card-footer { border-color: #dedee0; color: #535b6a; background-color: #f3f3f4; } .k-card-separator { border-color: #dedee0; } .k-card.k-state-primary, .k-card.k-card-primary { border-color: #8cc2e4; color: #0d4264; background-color: #badaef; } .k-card.k-state-info, .k-card.k-card-info { border-color: #92ccde; color: #124c5e; background-color: #bde0eb; } .k-card.k-state-success, .k-card.k-card-success { border-color: #9fd2a7; color: #1f5227; background-color: #c5e4ca; } .k-card.k-state-warning, .k-card.k-card-warning { border-color: #ffcc80; color: #804c00; background-color: #ffe0b3; } .k-card.k-state-error, .k-card.k-card-error { border-color: #ec9480; color: #6d1400; background-color: #f4bfb3; } .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: #dedee0; background-color: rgba(255, 255, 255, 0.2); } .k-chat { border-color: #dedee0; color: #515967; 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: #f3f3f4; color: #515967; background-color: #f3f3f4; transition: box-shadow 0.2s ease-in-out; -ms-flex-order: -1; order: -1; } .k-chat .k-alt .k-bubble { border-color: #1984c8; color: #ffffff; background-color: #1984c8; } .k-chat .k-quick-reply { border-color: #1984c8; color: #1984c8; background-color: transparent; } .k-chat .k-quick-reply:hover { border-color: #1984c8; color: #ffffff; background-color: #1984c8; } .k-chat .k-message-box { border-color: inherit; color: #515967; background-color: #fff; } .k-chat .k-toolbar-box { border-color: inherit; color: #515967; background-color: #f3f3f4; } .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: #dedee0; color: #515967; background-color: #fff; } .k-calendar > .k-header { border-color: #dedee0; color: #535b6a; background-color: #f3f3f4; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.2) 0%, rgba(255,255,255,0) 100%); } .k-calendar > .k-header .k-button { color: inherit; } .k-calendar th { border-color: #dedee0; color: #515967; background-color: #f5f5f5; } .k-calendar .k-alt { border-color: #dedee0; color: #515967; background-color: #f5f5f5; } .k-calendar .k-weekend { background-color: transparent; } .k-calendar .k-other-month { color: #cbcbcf; background-color: transparent; } .k-calendar .k-out-of-range { pointer-events: none; visibility: hidden; } .k-calendar .k-today .k-link { color: #1984c8; box-shadow: inset 0 0 0 1px #1984c8; } .k-calendar td.k-state-hover .k-link { border-color: #aaaaab; color: #515967; background-color: #dbdbdc; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.2) 0%, rgba(255,255,255,0) 100%); } .k-calendar td.k-state-selected .k-link { border-color: #1a87cd; color: #fff; background-color: #1984c8; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.2) 0%, rgba(255,255,255,0) 100%); } .k-calendar td.k-state-focused .k-link { box-shadow: inset 0 0 4px 0px rgba(25, 132, 200, 0.75); } .k-calendar .k-footer .k-nav-today, .k-calendar .k-calendar-header .k-nav-today { color: #1984c8; } .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: #1778b6; } .k-calendar-range { border-color: #dedee0; color: #515967; 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: #aaaaab; color: #515967; background-color: #dbdbdc; } .k-calendar-range td.k-state-selected .k-link { border-color: #1a87cd; color: #fff; background-color: #1984c8; } .k-calendar-range td.k-state-focused .k-link { box-shadow: inset 0 0 4px 0px rgba(25, 132, 200, 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(25, 132, 200, 0.3) 1px, rgba(25, 132, 200, 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(25, 132, 200, 0.3); } .k-calendar-range td.k-range-split-start::after { background-image: linear-gradient(to left, rgba(25, 132, 200, 0.3), transparent); } .k-calendar-range td.k-range-split-end::after { background-image: linear-gradient(to right, rgba(25, 132, 200, 0.3), transparent); } .k-calendar-range .k-footer .k-nav-today { color: #1984c8; background: none; } .k-pdf-viewer .k-toolbar .k-icon, .k-pdf-viewer .k-toolbar .k-pager-input { color: #515967; } .k-pdf-viewer .k-canvas { background-color: #fff; } .k-pdf-viewer .k-page { border-color: #dedee0; color: #515967; background-color: white; box-shadow: 0 0 15px #dedee0; } .k-pdf-viewer .k-search-highlight { background-color: #4d4d4d; } kendo-scrollview.k-scrollview-wrap, div.k-scrollview { border-color: #dedee0; color: #515967; 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: #f3f3f4; border: #c3c3c8; 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: #1984c8; border: #2578ad; } 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: #c3c3c8; color: #1984c8; background-color: #fff; } .k-switch-on .k-switch-thumb { border-color: #2578ad; color: #1984c8; background-color: #1984c8; 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: #9b9ba4; color: #1984c8; background-color: #fff; } .k-switch-on:focus .k-switch-thumb, .k-switch-on.k-state-focused .k-switch-thumb { border-color: #2578ad; color: #1984c8; background-color: #1984c8; 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: #9b9ba4; color: #1984c8; background-color: #fff; } .k-switch-on:hover .k-switch-thumb, .k-switch-on.k-state-hover .k-switch-thumb { border-color: #2578ad; color: #1984c8; background-color: #1984c8; 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: #c3c3c8; color: #515967; background-color: #fff; } .k-switch-off .k-switch-thumb { border-color: #c3c3c8; color: #515967; background-color: #f3f3f4; 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: #9b9ba4; color: #515967; background-color: #fff; } .k-switch-off:focus .k-switch-thumb, .k-switch-off.k-state-focused .k-switch-thumb { border-color: #9b9ba4; color: #515967; background-color: #f3f3f4; 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: #9b9ba4; color: #515967; background-color: #fff; } .k-switch-off:hover .k-switch-thumb, .k-switch-off.k-state-hover .k-switch-thumb { border-color: #9b9ba4; color: #515967; background-color: #dbdbdc; 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(255,255,255,.2) 0%, rgba(255,255,255,0) 100%); background-position: 50% 50%; background-color: #f3f3f4; } .k-pane-wrapper .k-pane .k-grid-mobile .k-column-active + th.k-header { border-left-color: #515967; } .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: #1984c8; } .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: #1984c8; } .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: #1984c8; } .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: #e6e8eb; } .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: #f3f3f4; } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-other-month { background-color: #f3f3f4; } .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: #1984c8; } .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: #fff; } .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: #515967; } .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: #1984c8; } .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-state-selected { color: #1984c8; 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: #1984c8; } .k-filter .k-filter-preview-operator { color: rgba(81, 89, 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: #dedee0; } .k-drawer { border-color: #dedee0; color: #515967; 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: #263248; background-color: #b6bdca; background-image: url('textures/highlight.png'); background-image: none, linear-gradient(to bottom, rgba(255,255,255,.2) 0%, rgba(255,255,255,0) 100%); } .k-drawer-item:focus, .k-drawer-item.k-state-focused { background-color: #fff; box-shadow: inset 0 0 3px 1px #d7dae0; } .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: #263248; background-color: #b6bdca; } .k-drawer-item.k-state-selected { color: #fff; background-color: #1984c8; } .k-drawer-item.k-state-selected:hover, .k-drawer-item.k-state-selected.k-state-hover { color: #fff; background-color: #1675b1; } .k-drawer-separator { background-color: #dedee0; } .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(25, 132, 200, 0.5); } .k-rating-item { color: #dedee0; } .k-rating-item.k-state-selected { color: #1984c8; background: none; box-shadow: none; } .k-rating-item.k-state-selected:focus, .k-rating-item.k-state-selected.