UNPKG

@progress/kendo-ui

Version:

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

1,945 lines 78.5 kB
/*! * Copyright 2020 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .k-theme-test-class, .ktb-theme-id-default { opacity: 0; } .ktb-var-accent { color: #0066cc; } .ktb-var-base { color: #272727; } .ktb-var-background { color: #4d4d4d; } .ktb-var-border-radius { border-radius: 4px; } .ktb-var-normal-background { color: #4d4d4d; } .ktb-var-normal-gradient { background-image: url('textures/glass.png'); background-image: url('textures/glass.png'), linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.0) 50%, rgba(255,255,255,.0) 100%); } .ktb-var-normal-text-color { color: #fff; } .ktb-var-hover-background { color: #3d3d3d; } .ktb-var-hover-gradient { background-image: url('textures/glass.png'); background-image: url('textures/glass.png'), linear-gradient(to bottom, rgba(255,255,255,.0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,.0) 100%); } .ktb-var-hover-text-color { color: #fff; } .ktb-var-selected-background { color: #0066cc; } .ktb-var-selected-gradient { background-image: url('textures/glass.png'); background-image: url('textures/glass.png'), linear-gradient(to bottom, rgba(255,255,255,.08) 0%, rgba(255,255,255,.08) 50%, rgba(255,255,255,.0) 100%); } .ktb-var-selected-text-color { color: #fff; } .ktb-var-error { color: #db4240; } .ktb-var-warning { color: #ffb400; } .ktb-var-success { color: #2b893c; } .ktb-var-info { color: #0c779b; } .ktb-var-series-a { color: #008fd3; } .ktb-var-series-b { color: #99d101; } .ktb-var-series-c { color: #f39b02; } .ktb-var-series-d { color: #f05662; } .ktb-var-series-e { color: #c03c53; } .ktb-var-series-f { color: #acacac; } .k-grid-norecords-template { background-color: #4d4d4d; border: 1px solid #2a2a2a; } .k-button { border-radius: 4px; border-color: #2a2a2a; color: #fff; background-color: #272727; background-position: 50% 50%; background-image: url('textures/glass.png'); background-image: url('textures/glass.png'), linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.0) 50%, rgba(255,255,255,.0) 100%); } .k-button.k-state-default { border-color: #2a2a2a; } .k-button:hover, .k-button.k-state-hover { color: #fff; border-color: #2a2a2a; background-color: #4a4a4a; background-image: url('textures/glass.png'); background-image: url('textures/glass.png'), linear-gradient(to bottom, rgba(255,255,255,.0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,.0) 100%); } .k-button:active, .k-button.k-state-active, .k-button.k-state-selected { color: #fff; background-color: #0061c2; border-color: #0061c2; background-image: url('textures/glass.png'); background-image: url('textures/glass.png'), linear-gradient(to bottom, rgba(255,255,255,.08) 0%, rgba(255,255,255,.08) 50%, rgba(255,255,255,.0) 100%); } .k-button.k-state-active:hover, .k-button.k-state-selected:hover { color: #fff; border-color: #0e6ecd; background-color: #0073e6; } .k-button:focus:active { box-shadow: 0 0 2px 1px #3399ff; } .k-button:focus, .k-button:focus:hover, .k-button.k-state-focused, .k-button.k-state-focused.k-state-disabled, .k-state-disabled .k-button.k-state-focused { border-color: #0069d1; box-shadow: 0 0 2px 1px #3399ff; } .k-button[disabled], .k-state-disabled .k-button, .k-button.k-state-disabled, .k-button[disabled]:hover, .k-state-disabled .k-button:hover, .k-button.k-state-disabled:hover, .k-button[disabled]:focus, .k-state-disabled .k-button:focus, .k-button.k-state-disabled:focus, .k-button[disabled]:active, .k-state-disabled .k-button:active, .k-button.k-state-disabled:active { color: #fff; border-color: #2a2a2a; background-color: #272727; box-shadow: none; background-image: url('textures/glass.png'); background-image: url('textures/glass.png'), linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.0) 50%, rgba(255,255,255,.0) 100%); } .k-primary { color: #fff; border-color: #0e6ecd; background-color: #0066cc; background-image: url('textures/glass.png'); background-image: url('textures/glass.png'), linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.0) 50%, rgba(255,255,255,.0) 100%); } .k-primary.k-state-default { border-color: #0e6ecd; } .k-primary:hover, .k-primary.k-state-hover { color: #fff; border-color: #0e6ecd; background-color: #0073e6; background-image: url('textures/glass.png'); background-image: url('textures/glass.png'), linear-gradient(to bottom, rgba(255,255,255,.0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,.0) 100%); } .k-primary:active, .k-primary.k-state-active { color: #fff; border-color: #0061c2; background-color: #0061c2; background-image: url('textures/glass.png'); background-image: url('textures/glass.png'), linear-gradient(to bottom, rgba(255,255,255,.08) 0%, rgba(255,255,255,.08) 50%, rgba(255,255,255,.0) 100%); } .k-primary:focus:active:not(.k-state-disabled):not([disabled]) { box-shadow: 0 0 2px 1px #0066cc; } .k-primary:focus, .k-primary:focus:hover, .k-primary.k-state-focused, .k-primary.k-state-focused.k-state-disabled, .k-state-disabled .k-primary.k-state-focused { border-color: #006edb; box-shadow: 0 0 2px 1px #0066cc; } .k-primary[disabled], .k-state-disabled .k-primary, .k-primary.k-state-disabled, .k-primary[disabled]:hover, .k-state-disabled .k-primary:hover, .k-primary.k-state-disabled:hover { color: #fff; border-color: #0e6ecd; background-color: #0066cc; box-shadow: none; background-image: url('textures/glass.png'); background-image: url('textures/glass.png'), linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.0) 50%, rgba(255,255,255,.0) 100%); } .k-button-group .k-button { border-radius: 0; } .k-button-group .k-group-start, .k-button-group .k-button:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .k-button-group .k-group-end, .k-button-group .k-button:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .k-button-group .k-group-start.k-group-end, .k-button-group .k-button:first-child:last-child { border-radius: 4px; } .k-widget.k-button-group { background: none; } .k-split-button { border-radius: 4px; } .k-split-button .k-button { border-radius: 0; } .k-split-button .k-button:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .k-split-button .k-button:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .k-split-button.k-state-border-down > .k-button, .k-split-button.k-state-border-up > .k-button { color: #fff; background-color: #4a4a4a; border-color: #2a2a2a; background-image: url('textures/glass.png'); background-image: url('textures/glass.png'), linear-gradient(to bottom, rgba(255,255,255,.0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,.0) 100%); box-shadow: none; } .k-split-button:focus { box-shadow: 0 0 2px 1px #3399ff; border-color: #0069d1; } .k-split-button:focus .k-button { box-shadow: none; border-color: inherit; } .k-edit-buttons { border-color: #2a2a2a; background: #292525; } .k-button.k-flat.k-primary, .k-button.k-bare.k-primary, .k-button.k-flat.k-primary:hover, .k-button.k-bare.k-primary:hover, .k-button.k-flat.k-primary.k-state-hover, .k-button.k-bare.k-primary.k-state-hover, .k-button.k-flat.k-primary:active, .k-button.k-bare.k-primary:active, .k-button.k-flat.k-primary.k-state-active, .k-button.k-bare.k-primary.k-state-active, .k-button.k-flat.k-primary:hover:active, .k-button.k-bare.k-primary:hover:active, .k-button.k-flat.k-primary:hover.k-state-active, .k-button.k-bare.k-primary:hover.k-state-active { color: #0066cc; } .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-card { border-color: #2a2a2a; color: #fff; background-color: #4d4d4d; } .k-card .k-card-callout { border-color: #2a2a2a; background-color: #4d4d4d; } .k-card-header { border-color: #2a2a2a; color: #ffffff; background-color: #292525; } .k-card-footer { border-color: #2a2a2a; color: #ffffff; background-color: #292525; } .k-card-separator { border-color: #2a2a2a; } .k-card-actions { border-color: #2a2a2a; } .k-card.k-state-primary, .k-card.k-card-primary { border-color: #80b3e6; color: #003366; background-color: #b3d1f0; } .k-card.k-state-info, .k-card.k-card-info { border-color: #86bbcd; color: #063c4e; background-color: #b6d6e1; } .k-card.k-state-success, .k-card.k-card-success { border-color: #95c49e; color: #16451e; background-color: #bfdcc5; } .k-card.k-state-warning, .k-card.k-card-warning { border-color: #ffda80; color: #805a00; background-color: #ffe9b3; } .k-card.k-state-error, .k-card.k-card-error { border-color: #eda1a0; color: #6e2120; background-color: #f4c6c6; } .k-tilelayout, .k-widget.k-tilelayout { background-color: #575757; } .k-layout-item-hint { border-color: #2a2a2a; background-color: rgba(255, 255, 255, 0.2); } .k-chat { border-color: #2a2a2a; color: #fff; background-color: #4d4d4d; } .k-chat .k-timestamp { text-transform: uppercase; opacity: 0.7; } .k-chat .k-author { font-weight: bold; } .k-chat .k-bubble { border-color: #272727; color: #fff; background-color: #272727; transition: box-shadow 0.2s ease-in-out; -ms-flex-order: -1; order: -1; } .k-chat .k-alt .k-bubble { border-color: #0066cc; color: #ffffff; background-color: #0066cc; } .k-chat .k-quick-reply { border-color: #0066cc; color: #0066cc; background-color: transparent; } .k-chat .k-quick-reply:hover { border-color: #0066cc; color: #ffffff; background-color: #0066cc; } .k-chat .k-message-box { border-color: inherit; color: #fff; background-color: #272727; } .k-chat .k-message-box .k-button:hover { color: #0066cc; } .k-chat .k-toolbar-box { border-color: inherit; color: #fff; background-color: #292525; } .k-chat .k-toolbar-box .k-button:hover { color: #0066cc; background: none; } .k-chat .k-toolbar-box .k-scroll-button { background-color: #4d4d4d; box-shadow: 0 0 20px 5px #4d4d4d; } .k-chat .k-toolbar-box .k-scroll-button:hover { background-color: #4d4d4d; } .k-calendar { border-color: #2a2a2a; color: #fff; background-color: #4d4d4d; } .k-calendar > .k-header { border-color: #2a2a2a; color: #ffffff; background-color: #292525; background-image: url('textures/glass.png'); background-image: url('textures/glass.png'), linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.0) 50%, rgba(255,255,255,.0) 100%); } .k-calendar th { border-color: #2a2a2a; color: #fff; background-color: #575757; } .k-calendar .k-alt { border-color: #2a2a2a; color: #fff; background-color: #575757; } .k-calendar .k-weekend { background-color: transparent; } .k-calendar .k-other-month { color: #8d8d8d; background-color: transparent; } .k-calendar .k-out-of-range { pointer-events: none; visibility: hidden; } .k-calendar .k-today .k-link { color: #0066cc; box-shadow: inset 0 0 0 1px #0066cc; } .k-calendar td.k-state-hover .k-link { border-color: #2a2a2a; color: #fff; background-color: #4a4a4a; background-image: url('textures/glass.png'); background-image: url('textures/glass.png'), linear-gradient(to bottom, rgba(255,255,255,.0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,.0) 100%); } .k-calendar td.k-state-selected .k-link { border-color: #0069d1; color: #fff; background-color: #0066cc; background-image: url('textures/glass.png'); background-image: url('textures/glass.png'), linear-gradient(to bottom, rgba(255,255,255,.08) 0%, rgba(255,255,255,.08) 50%, rgba(255,255,255,.0) 100%); } .k-calendar td.k-state-focused .k-link { box-shadow: inset 0 0 2px 1px #3399ff; } .k-calendar .k-footer .k-nav-today, .k-calendar .k-calendar-header .k-today { color: #0066cc; } .k-calendar .k-footer .k-nav-today:hover, .k-calendar .k-calendar-header .k-today:hover, .k-calendar .k-footer .k-nav-today:focus, .k-calendar .k-calendar-header .k-today:focus { color: #0070e0; } .k-calendar-range { border-color: #2a2a2a; color: #fff; background-color: #4d4d4d; } .k-calendar-range th { color: inherit; background-color: transparent; text-transform: uppercase; } .k-calendar-range td.k-state-hover .k-link { border-color: #2a2a2a; color: #fff; background-color: #4a4a4a; } .k-calendar-range td.k-state-selected .k-link { border-color: #0069d1; color: #fff; background-color: #0066cc; } .k-calendar-range td.k-state-focused .k-link { box-shadow: inset 0 0 2px 1px #3399ff; } .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(0, 102, 204, 0.3) 1px, rgba(0, 102, 204, 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(0, 102, 204, 0.3); } .k-calendar-range td.k-range-split-start::after { background-image: linear-gradient(to left, rgba(0, 102, 204, 0.3), transparent); } .k-calendar-range td.k-range-split-end::after { background-image: linear-gradient(to right, rgba(0, 102, 204, 0.3), transparent); } .k-calendar-range .k-footer .k-nav-today { color: #0066cc; background: none; } .k-pdf-viewer .k-toolbar .k-icon, .k-pdf-viewer .k-toolbar .k-pager-input { color: #fff; } .k-pdf-viewer .k-canvas { background-color: #4d4d4d; } .k-pdf-viewer .k-page { border-color: #2a2a2a; color: #fff; background-color: white; box-shadow: 0 0 15px #2a2a2a; } .k-pdf-viewer .k-search-highlight { background-color: #000000; } .k-scrollview-nav > li.k-link { border-color: #2a2a2a; background-color: #272727; background-clip: padding-box; } .k-scrollview-nav > li.k-link.k-primary { border-color: #0e6ecd; background-color: #0066cc; } .k-scrollview-elements { color: #fff; } .k-scrollview-next, .k-scrollview-prev { color: inherit; background: 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: rgba(0, 0, 0, 0); } .k-scrollview-next:hover, .k-scrollview-prev:hover { color: #fff; opacity: 1; } .k-scrollview-next:hover span::before, .k-scrollview-prev:hover span::before { background-color: transparent; } .k-switch-handle { background-clip: border-box; } .k-switch-on .k-switch-container { border-color: #2a2a2a; color: white; background-color: #272727; } .k-switch-on .k-switch-handle { border-color: #0e6ecd; color: white; background-color: #0066cc; background-image: url('textures/glass.png'); background-image: url('textures/glass.png'), 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 #ffffff; } .k-switch-on:focus .k-switch-container, .k-switch-on.k-state-focused .k-switch-container { border-color: #2a2a2a; color: white; background-color: #272727; } .k-switch-on:focus .k-switch-handle, .k-switch-on.k-state-focused .k-switch-handle { border-color: #0e6ecd; color: white; background-color: #0066cc; background-image: url('textures/glass.png'); background-image: url('textures/glass.png'), linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%); } .k-switch-on:hover .k-switch-container, .k-switch-on.k-state-hover .k-switch-container { border-color: #2a2a2a; color: white; background-color: #272727; } .k-switch-on:hover .k-switch-handle, .k-switch-on.k-state-hover .k-switch-handle { border-color: #0e6ecd; color: white; background-color: #0066cc; background-image: url('textures/glass.png'); background-image: url('textures/glass.png'), 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-container { border-color: #2a2a2a; color: #fff; background-color: #272727; } .k-switch-off .k-switch-handle { border-color: #2a2a2a; color: #fff; background-color: #272727; background-image: url('textures/glass.png'); background-image: url('textures/glass.png'), linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.0) 50%, rgba(255,255,255,.0) 100%); } .k-switch-off:focus, .k-switch-off.k-state-focused { box-shadow: 0 0 3px 1px #ffffff; } .k-switch-off:focus .k-switch-container, .k-switch-off.k-state-focused .k-switch-container { border-color: #2a2a2a; color: #fff; background-color: #272727; } .k-switch-off:focus .k-switch-handle, .k-switch-off.k-state-focused .k-switch-handle { border-color: #2a2a2a; color: #fff; background-color: #272727; background-image: url('textures/glass.png'); background-image: url('textures/glass.png'), linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%); } .k-switch-off:hover .k-switch-container, .k-switch-off.k-state-hover .k-switch-container { border-color: #2a2a2a; color: #fff; background-color: #272727; } .k-switch-off:hover .k-switch-handle, .k-switch-off.k-state-hover .k-switch-handle { border-color: #2a2a2a; color: #fff; background-color: #4a4a4a; background-image: url('textures/glass.png'); background-image: url('textures/glass.png'), 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-container, .k-switch.k-state-focused .k-switch-container { 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/glass.png'); background-image: url('textures/glass.png'), linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.0) 50%, rgba(255,255,255,.0) 100%); background-position: 50% 50%; background-color: #292525; } .k-pane-wrapper .k-pane .k-grid-mobile .k-column-active + th.k-header { border-left-color: #fff; } .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: #0066cc; } .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: #4d4d4d; background-color: #0066cc; } .k-pane-wrapper .k-pane .k-grid-mobile .k-resize-handle-inner::before { background-color: #4d4d4d; } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-nav-current { color: #0066cc; } .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: #ffffff; } .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: #292525; } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-other-month { background-color: #363636; } .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: #0066cc; } .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: #fff; } .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: #0066cc; } .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-state-selected { color: #0066cc; 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: #0066cc; } .k-filter .k-filter-preview-operator { color: rgba(255, 255, 255, 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: #2a2a2a; } .k-drawer { border-color: #2a2a2a; color: #fff; background-color: #4d4d4d; } .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: #fff; background-color: #3d3d3d; background-image: url('textures/glass.png'); background-image: url('textures/glass.png'), linear-gradient(to bottom, rgba(255,255,255,.0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,.0) 100%); } .k-drawer-item:focus, .k-drawer-item.k-state-focused { background-color: #4d4d4d; box-shadow: inset 0 0 3px 1px #ffffff; } .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: #fff; background-color: #3d3d3d; } .k-drawer-item.k-state-selected { color: #fff; background-color: #0066cc; } .k-drawer-item.k-state-selected:hover, .k-drawer-item.k-state-selected.k-state-hover { color: #fff; background-color: #0073e6; } .k-drawer-separator { background-color: #2a2a2a; } .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(0, 102, 204, 0.5); } .k-rating-item { color: #fff; } .k-rating-item.k-state-selected { color: #0066cc; background: none; box-shadow: none; } .k-rating-item.k-state-selected:focus, .k-rating-item.k-state-selected.k-state-focused { color: #0066cc; } .k-rating-item:hover, .k-rating-item.k-state-hover { color: #0066cc; cursor: pointer; background: none; box-shadow: none; } .k-rating-item:hover.k-state-selected, .k-rating-item.k-state-hover.k-state-selected { box-shadow: none; } .k-rating-item:focus, .k-rating-item.k-state-focused { background: none; box-shadow: none; } .k-rating-item:focus.k-state-selected, .k-rating-item.k-state-focused.k-state-selected { box-shadow: none; } .k-timeline .k-timeline-flag { background-color: #0066cc; color: #ffffff; } .k-timeline .k-timeline-circle { background-color: #0066cc; } .k-timeline .k-timeline-card .k-card-header { background-color: #4d4d4d; color: #fff; } .k-timeline .k-timeline-card .k-card-body { scrollbar-color: #2a2a2a #4d4d4d; } .k-timeline .k-timeline-card .k-card-body::-webkit-scrollbar-track { background: #4d4d4d; } .k-timeline .k-timeline-card .k-card-body::-webkit-scrollbar-thumb { background: #2a2a2a; } .k-timeline .k-timeline-card .k-card-body::-webkit-scrollbar-thumb:hover { background: #2a2a2a; } .k-timeline .k-timeline-date { color: #fff; } .k-timeline .k-timeline-arrow.k-button:not(.k-flat):not(.k-bare):not(.k-outline):not(.k-overflow-button).k-state-disabled { opacity: 1; color: #8d8d8d; background-color: #272727; border-color: #2a2a2a; } .k-timeline-vertical::after, .k-timeline-horizontal .k-timeline-track-wrap::after { background-color: #272727; border-color: #2a2a2a; } .k-timeline-horizontal .k-timeline-flag::after { background-color: #0066cc; } .k-breadcrumb:focus, .k-breadcrumb.k-state-focused { box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); } .k-breadcrumb .k-breadcrumb-link { border-color: transparent; color: #0066cc; background-color: transparent; } .k-breadcrumb .k-breadcrumb-link:hover, .k-breadcrumb .k-breadcrumb-link.k-state-hover { border-color: transparent; color: #0070e0; background-color: rgba(0, 0, 0, 0.08); } .k-breadcrumb .k-breadcrumb-link:focus, .k-breadcrumb .k-breadcrumb-link.k-state-focused { border-color: false; color: #0066cc; background-color: false; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); } .k-breadcrumb .k-breadcrumb-root-link { border-color: false; color: #fff; background-color: false; } .k-breadcrumb .k-breadcrumb-root-link:hover, .k-breadcrumb .k-breadcrumb-root-link.k-state-hover { border-color: false; color: false; background-color: rgba(0, 0, 0, 0.08); } .k-breadcrumb .k-breadcrumb-root-link:focus, .k-breadcrumb .k-breadcrumb-root-link.k-state-focused { border-color: false; color: false; background-color: false; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12); } .k-breadcrumb .k-breadcrumb-root-link, .k-breadcrumb .k-breadcrumb-delimiter-icon { color: inherit; } .k-listgroup { border-radius: 4px; border-color: #2a2a2a; color: #fff; background-color: #4d4d4d; } .k-listgroup-flush { border-radius: 0; } .k-messagebox-primary { border-color: #cce0f5; color: #00356a; background-color: #b8d4f1; } .k-messagebox-secondary { border-color: #d4d4d4; color: #141414; background-color: #c3c3c3; } .k-messagebox-tertiary { border-color: #cce9f6; color: #004a6e; background-color: #b8e0f3; } .k-messagebox-info { border-color: #cee4eb; color: #063e51; background-color: #bbd9e3; } .k-messagebox-success { border-color: #d5e7d8; color: #16471f; background-color: #c4dec8; } .k-messagebox-warning { border-color: #fff0cc; color: #855e00; background-color: #ffeab8; } .k-messagebox-error { border-color: #f8d9d9; color: #722221; background-color: #f5caca; } .k-messagebox-dark { border-color: #cccccc; color: #000000; background-color: #b8b8b8; } .k-messagebox-light { border-color: #ffffff; color: #858585; background-color: #ffffff; } .k-messagebox-inverse { border-color: #ffffff; color: #858585; background-color: #ffffff; } .k-badge-primary { border-color: #0066cc; color: #ffffff; background-color: #0066cc; } .k-badge-secondary { border-color: #272727; color: #ffffff; background-color: #272727; } .k-badge-tertiary { border-color: #008fd3; color: #ffffff; background-color: #008fd3; } .k-badge-info { border-color: #0c779b; color: #ffffff; background-color: #0c779b; } .k-badge-success { border-color: #2b893c; color: #ffffff; background-color: #2b893c; } .k-badge-warning { border-color: #ffb400; color: #000000; background-color: #ffb400; } .k-badge-error { border-color: #db4240; color: #ffffff; background-color: #db4240; } .k-badge-dark { border-color: #000000; color: #ffffff; background-color: #000000; } .k-badge-light { border-color: #ffffff; color: #000000; background-color: #ffffff; } .k-badge-inverse { border-color: #ffffff; color: #000000; background-color: #ffffff; } .k-badge-outline { border-color: currentColor; background-color: #4d4d4d; } .k-badge-outline-primary { color: #0066cc; } .k-badge-outline-secondary { color: #272727; } .k-badge-outline-tertiary { color: #008fd3; } .k-badge-outline-info { color: #0c779b; } .k-badge-outline-success { color: #2b893c; } .k-badge-outline-warning { color: #ffb400; } .k-badge-outline-error { color: #db4240; } .k-badge-outline-dark { color: #000000; } .k-badge-outline-light { color: #ffffff; } .k-badge-outline-inverse { color: #ffffff; } .k-badge-border-cutout { box-shadow: 0 0 0 2px #4d4d4d; } .k-checkbox { border-radius: 4px; border-color: #2a2a2a; color: #0066cc; background-color: #272727; } .k-checkbox:checked::before { border-radius: 4px; } .k-checkbox.k-invalid, .k-checkbox.k-state-invalid { border-color: #2a2a2a; } .k-checkbox:hover { border-color: #2a2a2a; color: #0066cc; background-color: #272727; } .k-checkbox:focus { box-shadow: 0 0 3px 0 #0066cc; border-color: #0066cc; } .k-checkbox:indeterminate, .k-checkbox.k-state-indeterminate { border-color: #2a2a2a; color: #0066cc; background-color: #272727; } .k-checkbox:checked { border-color: #2a2a2a; color: #0066cc; background-color: #272727; } .k-checkbox:checked:focus { box-shadow: 0 0 3px 0 #0066cc; border-color: #0066cc; } .k-radio { border-color: #2a2a2a; color: #0066cc; background-color: #272727; border-radius: 50%; } .k-radio::before { border-radius: 50%; } .k-radio:hover { border-color: #2a2a2a; color: #0066cc; background-color: #272727; } .k-radio:focus { box-shadow: 0 0 3px 0 #0066cc; border-color: #2a2a2a; } .k-radio:checked { border-color: #2a2a2a; color: #0066cc; background-color: #272727; } .k-radio:checked:focus { box-shadow: 0 0 3px 0 #0066cc; border-color: #2a2a2a; } .k-filemanager { border-color: false; color: false; background-color: false; } .k-filemanager-toolbar { border-color: #2a2a2a; color: false; background-color: false; } .k-filemanager-navigation { border-color: #2a2a2a; color: false; background-color: false; } .k-filemanager-breadcrumb { border-color: #2a2a2a; color: false; background-color: #272727; } .k-filemanager .k-dropzone-hovered { border-color: false; color: inherit; background-color: inherit; } .k-filemanager-listview { border-color: false; color: false; background-color: false; } .k-filemanager-listview .k-item { border-color: false; color: false; background-color: false; } .k-filemanager-listview .k-item.k-state-selected .k-icon { border-color: false; color: #fff; background-color: false; } .k-filemanager-listview .k-item .k-icon { border-color: false; color: #818181; background-color: false; } .k-filemanager-grid { border-color: false; color: false; background-color: false; } .k-filemanager-preview { border-color: #2a2a2a; color: false; background-color: false; } .k-filemanager-preview .k-file-preview-wrapper .k-icon { border-color: false; color: #818181; background-color: false; } .k-filemanager-preview .k-file-size { color: inherit; } .k-filemanager-drag-hint { border-color: false; color: #ffffff; background-color: #0066cc; } .k-filemanager-drag-hint .k-icon { border-color: false; color: #ffffff; background-color: false; } .k-toolbar { border-color: #2a2a2a; color: #fff; background-color: #292525; background-image: linear-gradient("rgba(255,255,255,0) 0%, rgba(255,255,255,.0) 50%, rgba(255,255,255,.0) 100%"); } .k-overflow-container .k-button-group .k-button { border-radius: 4px; } .k-overflow-container .k-split-button .k-button { border-radius: 4px; } .k-window { border-radius: 4px; border-color: #2a2a2a; color: #fff; background-color: #4d4d4d; box-shadow: 1px 1px 7px 1px rgba(255, 255, 255, 0.12); } .k-window.k-state-focused { border-color: #2a2a2a; box-shadow: 1px 1px 7px 1px rgba(255, 255, 255, 0.25); } .k-window-titlebar { border-top-left-radius: 4px; border-top-right-radius: 4px; border-color: #2a2a2a; color: #ffffff; background-color: #292525; background-image: linear-gradient(rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0)); } .k-window-action { border-radius: 4px; } .k-window-content { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .k-window-titleless .k-window-content { border-radius: 4px; } .k-dialog-buttongroup { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-color: #2a2a2a; } .k-stepper { border-color: false; color: false; background-color: false; } .k-stepper .k-step:hover .k-step-indicator, .k-stepper .k-step.k-step-hover .k-step-indicator { border-color: false; color: false; background-color: #333333; } .k-stepper .k-step.k-step-disabled .k-step-indicator, .k-stepper .k-step:disabled .k-step-indicator { border-color: #2a2a2a; color: #ffffff; background-color: #4d4d4d; } .k-stepper .k-step-indicator { border-color: #2a2a2a; color: #fff; background-color: #4d4d4d; } .k-stepper .k-step-indicator::after { box-shadow: inset 0 0 0 2px #4d4d4d; } .k-stepper .k-step-label:only-child { border-color: #2a2a2a; color: #fff; background-color: #4d4d4d; } .k-stepper .k-step-done .k-step-indicator { border-color: #0066cc; color: #ffffff; background-color: #0066cc; } .k-stepper .k-step-done:hover .k-step-indicator, .k-stepper .k-step-done.k-step-hover .k-step-indicator { border-color: false; color: false; background-color: #004c99; } .k-stepper .k-step-done.k-step-disabled .k-step-indicator, .k-stepper .k-step-done:disabled .k-step-indicator { border-color: #1f5c99; color: #ffffff; background-color: #1f5c99; } .k-stepper .k-step-current .k-step-indicator { border-color: #0066cc; color: #ffffff; background-color: #0066cc; } .k-stepper .k-step-current:hover .k-step-indicator, .k-stepper .k-step-current.k-step-hover .k-step-indicator { border-color: false; color: false; background-color: #004c99; } .k-stepper .k-step-current.k-step-disabled .k-step-indicator, .k-stepper .k-step-current:disabled .k-step-indicator { border-color: #1f5c99; color: #ffffff; background-color: #1f5c99; } .k-stepper .k-step-label { color: #fff; } .k-stepper .k-step-success .k-step-label .k-icon { color: #2c8d3e; } .k-stepper .k-step-error .k-step-label { color: #e78280; } .k-stepper .k-step-disabled .k-step-label { color: #8d8d8d; } .k-stepper .k-step-focus .k-step-label:only-child, .k-stepper .k-step-link:focus .k-step-label:only-child { box-shadow: inset 0 0 0 2px #2a2a2a; } .k-stepper .k-step-optional .k-step-label-optional { opacity: 0.35; } .k-form-error { color: #db4240; } .k-form-legend { border-color: #2a2a2a; } .k-text-error { color: #db4240; } .k-in, .k-item { border-color: transparent; } .k-splitbar .k-resize-handle { background-color: #fff; color: #fff; } .k-splitbar .k-resize-handle:hover { color: #fff; } .k-splitbar .k-resize-handle { background-color: #fff; } .k-block, .k-widget { background-color: #4d4d4d; } .k-block, .k-widget, .k-input, .k-group, .k-content, .k-filter-row > th, .k-separator, .k-autocomplete, .k-dropdown-wrap, .k-toolbar, .k-group-footer td, .k-grid-footer, .k-footer-template td, .k-state-default, .k-state-default .k-select, .k-state-disabled, .k-grid-header, .k-grid-header-wrap, .k-grid-header-locked, .k-grid-footer-locked, .k-grid-content-locked, .k-grid td, .k-grid td.k-state-selected, .k-grid-footer-wrap, .k-grouping-header, .k-grouping-header .k-group-indicator, .k-panelbar > .k-item > .k-link, .k-panel > .k-item > .k-link, .k-panelbar .k-panel, .k-panelbar .k-content, .k-treemap-tile, .k-slider-track, .k-splitbar, .k-dropzone-active, .k-upload-files, .k-popup.k-align .k-list .k-item:last-child, .k-editor-dialog .k-tabstrip-items { border-color: #2a2a2a; } .k-group, .k-grouping-header, .k-group-footer td, .k-grid-footer, .k-footer-template td, .k-widget .k-status, .k-dropzone-hovered, .k-popup { background-color: #575757; } .k-grouping-row td, td.k-group-cell, .k-resize-handle-inner { background-color: #292525; } .k-list-container { border-color: #2a2a2a; background-color: #272727; } .k-list-filter > .k-textbox { border-color: #484848; } .k-content, .k-panelbar > li.k-item, .k-panel > li.k-item { background-color: #4d4d4d; } .k-alt, .k-separator, .k-resource.k-alt, .k-pivot-layout > tbody > tr:first-child > td:first-child { background-color: #555555; } .k-pivot-rowheaders .k-alt .k-alt, .k-header.k-alt { background-color: #404040; } .k-textbox, .k-textarea, .k-autocomplete.k-header, .k-dropdown-wrap.k-state-active, .k-picker-wrap.k-state-active, .k-numeric-wrap.k-state-active { border-color: #2a2a2a; background-color: #272727; } .k-textbox > input, .k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-textbox.k-state-focused, .k-autocomplete.k-state-focused .k-input, .k-dropdown-wrap.k-state-focused .k-input, .k-picker-wrap.k-state-focused .k-input, .k-numeric-wrap.k-state-focused .k-input, .k-multiselect-wrap { border-color: #2a2a2a; } .k-input, .k-textbox, .k-textarea, .k-textbox > input, .k-textarea > textarea, .k-multiselect-wrap { background-color: #272727; color: #fff; } .k-input-label { color: #fff; } .k-input[readonly] { background-color: #272727; color: #fff; } .k-block, .k-widget, .k-popup, .k-content, .k-toolbar, .k-dropdown .k-input { color: #fff; } .k-inverse { color: #000000; } .k-block { color: #ffffff; } .k-link { color: #ffffff; } .k-tabstrip-items .k-link, .k-panelbar > li > .k-link { color: #fff; } .k-header, .k-treemap-title, .k-grid-header .k-header > .k-link { color: #ffffff; } .k-header, .k-grid-header, .k-toolbar, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap, .k-grouping-header, .k-progressbar, .k-draghandle, .k-autocomplete, .k-state-highlight, .k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item { background-image: url('textures/glass.png'); background-image: url('textures/glass.png'), linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.0) 50%, rgba(255,255,255,.0) 100%); background-position: 50% 50%; background-color: #292525; } .k-block, .k-treemap-tile { background-color: #292525; } .k-mediaplayer-toolbar { background-color: rgba(41, 37, 37, 0.85); } .k-hr { border-color: #2a2a2a; } .k-icon:hover, .k-state-hover .k-icon, .k-state-selected .k-icon, .k-state-focused .k-icon, .k-column-menu .k-state-hover .k-sprite, .k-column-menu .k-state-active .k-sprite { opacity: 1; } .k-state-disabled .k-icon, .k-column-menu .k-sprite { opacity: 0.9; } .k-i-loading { background-image: url('Black/loading.gif'); } .k-loading-image { background-image: url('Black/loading-image.gif'); } .k-loading-color { background-color: #5a5a5a; } .k-draghandle { border-color: #2a2a2a; background-color: #4d4d4d; box-shadow: none; } .k-draghandle:hover { border-color: #2a2a2a; background-color: #3d3d3d; box-shadow: none; } .k-scheduler { color: #000000; background-color: #272727; } .k-scheduler-layout { color: #fff; } .k-scheduler-datecolumn, .k-scheduler-groupcolumn { background-color: #272727; color: #fff; } .k-scheduler-times tr, .k-scheduler-times th, .k-scheduler-table td, .k-scheduler-header th, .k-scheduler-header-wrap, .k-scheduler-times { border-color: #464646; } .k-nonwork-hour, .k-scheduler-dayview .k-today.k-nonwork-hour, .k-scheduler-timelineview .k-today.k-nonwork-hour { background-color: #363636; } .k-gantt .k-nonwork-hour { background-color: rgba(39, 39, 39, 0.2); } .k-gantt .k-header.k-nonwork-hour { background-color: rgba(39, 39, 39, 0.15); } .k-scheduler-table .k-today, .k-today > .k-scheduler-datecolumn, .k-today > .k-scheduler-groupcolumn { background-color: #313131; } .k-scheduler-now-arrow { border-left-color: #721715; } .k-scheduler-now-line { background-color: #721715; } .k-event, .k-task-complete { border-color: #75baff; background: #2994ff; color: #000000; } .k-event-inverse { color: #ffffff; } .k-event.k-state-selected { background-position: 0 0; box-shadow: 0 0 0 2px #fff; } .k-event .k-resize-handle:after, .k-task-single .k-resize-handle:after { background-color: #ffffff; } .k-scheduler-marquee:before, .k-scheduler-marquee:after { border-color: #0066cc; } .k-panelbar .k-content, .k-panelbar .k-panel, .k-panelbar .k-item { background-color: #4d4d4d; color: #fff; border-color: #2a2a2a; } .k-panelbar > li > .k-link { color: #fff; } .k-panelbar > .k-item > .k-link { border-color: #2a2a2a; } .k-panel > li.k-item { background-color: #4d4d4d; } .k-state-active, .k-state-active:hover, .k-active-filter { background-color: #4d4d4d; border-color: #2c2c2c; color: #ffffff; } .k-fieldselector .k-list-container { background-color: #4d4d4d; } .k-menu .k-state-hover > .k-state-active { background-color: transparent; } .k-mediaplayer-toolbar .k-button.k-flat:active, .k-mediaplayer-toolbar .k-button.k-flat.k-state-active, .k-mediaplayer-toolbar .k-button.k-flat.k-state-active:hover { color: #0066cc; } .k-menu .k-state-selected > .k-link { color: #fff; background-color: #0066cc; border-color: #0069d1; background-image: url('textures/glass.png'); background-image: url('textures/glass.png'), linear-gradient(to bottom, rgba(255,255,255,.08) 0%, rgba(255,255,255,.08) 50%, rgba(255,255,255,.0) 100%); } .k-menu .k-link.k-state-active { background-color: #4d4d4d; border-color: #2c2c2c; color: #ffffff; } .k-menu .k-state-hover > .k-link, .k-menu .k-menu-scroll-button:hover { color: #fff; background-color: #3d3d3d; border-color: #2a2a2a; background-image: url('textures/glass.png'); background-image: url('textures/glass.png'), linear-gradient(to bottom, rgba(255,255,255,.0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,.0) 100%); } .k-state-highlight { background: #4d4d4d; color: #ffffff; } .k-state-focused, .k-grouping-row .k-state-focused { border-color: #2a2a2a; } .k-calendar-container.k-group { border-color: #2a2a2a; } .k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover, .k-scheduler .k-today.k-state-selected, .k-marquee-color { color: #fff; background-color: #0066cc; border-color: #0069d1; } .k-virtual-item.k-first, .k-group-header + .k-list > .k-item.k-first, .k-static-header + .k-list > .k-item.k-first { border-top-color: #2a2a2a; } .k-group-header + div > .k-list > .k-item.k-first:before { border-top-color: #555555; } .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header { background: #2a2a2a; color: #fff; } .k-popup .k-list .k-item > .k-group { background: #555555; color: #fff; border-bottom-left-radius: 3px; } .k-popup .k-treeview .k-item > .k-group { background: transparent; color: #fff; } .k-marquee-text { color: #fff; } .k-state-focused, .k-list > .k-state-focused, .k-listview > .k-state-focused, .k-grid-header th.k-state-focused, td.k-state-focused { box-shadow: inset 0 0 3px 1px #ffffff; } .k-state-focused.k-state-selected, .k-list > .k-state-focused.k-state-selected, .k-listview > .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected { box-shadow: inset 0 0 3px 1px #004f9e; } .k-list-optionlabel.k-state-selected.k-state-focused { box-shadow: none; } .k-state-selected > .k-link, .k-panelbar > li > .k-state-selected, .k-panelbar .k-item .k-link.k-state-selected, .k-panelbar > li.k-state-default > .k-link.k-state-selected { color: #fff; } .k-panelbar .k-group .k-link.k-state-hover { color: #fff; } .k-state-hover, .k-splitbar-horizontal-hover, .k-splitbar-vertical-hover, .k-list > .k-state-hover, .k-dropdown .k-state-focused, .k-filebrowser-dropzone { color: #fff; background-color: #3d3d3d; border-color: #2a2a2a; } .k-state-hover > .k-select, .k-state-focused > .k-select { border-color: #2a2a2a; } .k-state-hover, div.k-filebrowser-dropzone em, .k-draghandle:hover, .k-listbox .k-item:hover:not(.k-state-disabled) { background-image: url('textures/glass.png'); background-image: url('textures/glass.png'), linear-gradient(to bottom, rgba(255,255,255,.0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,.0) 100%); } .k-pager-wrap { background-image: url('textures/glass.png'); background-image: url('textures/glass.png'), linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.0) 50%, rgba(255,255,255,.0) 100%); border-color: #2a2a2a; color: #ffffff; background-color: #292525; background-position: 50% 50%; } .k-pager-wrap .k-link { border-color: #2a2a2a; } .k-pager-wrap .k-link:hover { background-image: url('textures/glass.png'); background-image: url('textures/glass.png'), linear-gradient(to bottom, rgba(255,255,255,.0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,.0) 100%); border-color: #2a2a2a; color: #fff; background-color: #3d3d3d; } .k-pager-wrap .k-link.k-state-disabled { color: #fff; border-color: #2a2a2a; } .k-pager-wrap .k-link.k-state-selected { color: #fff; background-color: #0066cc; border-color: #0069d1; } .k-pager-wrap .k-pager-numbers .k-link { border-color: transparent; } .k-pager-wrap .k-pager-refresh { border-color: transparent; } .k-picker-wrap.k-state-active, .k-numeric-wrap.k-state-active, .k-dropdown-wrap.k-state-active, .k-state-active, .k-state-active:hover, .k-state-active > .k-link, .k-panelbar > .k-item > .k-state-focused { background-image: url('textures/glass.png'); } .k-state-selected, .k-draghandle.k-state-selected:hover { background-image: url('textures/glass.png'); background-image: url('textures/glass.png'), linear-gradient(to bottom, rgba(255,255,255,.08) 0%, rgba(255,255,255,.08) 50%, rgba(255,255,255,.0) 100%); } .k-draghandle.k-state-selected:hover { background-position: 50% 50%; } .k-state-hover > .k-link, div.k-filebrowser-dropzone em { color: #fff; } .k-dropdown .k-state-focused .k-input { color: #fff; } .k-dropdown .k-state-hover .k-input { color: #fff; } .k-state-error { border-color: #721715; background-color: #7a7a7a; color: #61b0ff; } .k-state-disabled { opacity: 0.6; } .k-loading-mask.k-state-selected { border-width: 0; background-image: none; background-color: transparent; } .k-state-disabled, .k-state-disabled .k-link, .k-dropzone em, .k-slider .k-draghandle { color: #8d8d8d; } .k-dropzone .k-upload-status { color: #8d8d8d; } .k-file .k-upload-status { color: #fff; } .k-progressbar-indeterminate { background: url('Black/indeterminate.gif'); } .k-progressbar-indeterminate .k-progress-status-wrap, .k-progressbar-indeterminate .k-state-selected { display: none; } .k-slider-track { background-color: #2a2a2a; } .k-slider-selection { background-color: #0066cc; } .k-slider-horizontal .k-tick { background-image: url('Black/slider-h.gif'); } .k-slider-vertical .k-tick { background-image: url('Black/slider-v.gif'); } .k-chart-crosshair-tooltip, .k-chart-shared-tooltip { background-image: url('textures/glass.png'); background-image: url('texture