UNPKG

@progress/kendo-ui

Version:

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

2,144 lines 79.8 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-bootstrap { opacity: 0; } .ktb-var-accent { color: #428bca; } .ktb-var-base { color: #ebebeb; } .ktb-var-background { color: #fff; } .ktb-var-border-radius { border-radius: 4px; } .ktb-var-normal-background { color: #fff; } .ktb-var-normal-gradient { background-image: none; } .ktb-var-normal-text-color { color: #333333; } .ktb-var-hover-background { color: #ebebeb; } .ktb-var-hover-gradient { background-image: none; } .ktb-var-hover-text-color { color: #333333; } .ktb-var-selected-background { color: #428bca; } .ktb-var-selected-gradient { background-image: none; } .ktb-var-selected-text-color { color: #ffffff; } .ktb-var-error { color: #d9534f; } .ktb-var-warning { color: #f0ad4e; } .ktb-var-success { color: #5cb85c; } .ktb-var-info { color: #5bc0de; } .ktb-var-series-a { color: #428bca; } .ktb-var-series-b { color: #5bc0de; } .ktb-var-series-c { color: #5cb85c; } .ktb-var-series-d { color: #f2b661; } .ktb-var-series-e { color: #e67d4a; } .ktb-var-series-f { color: #da3b36; } .k-grid-norecords-template { background-color: #fff; border: 1px solid #cccccc; } .k-button { border-radius: 4px; border-color: #cccccc; color: #333333; background-color: #fff; background-position: 50% 50%; } .k-button.k-state-default { border-color: #cccccc; } .k-button:hover, .k-button.k-state-hover { color: #333333; border-color: #aeaeae; background-color: #ebebeb; } .k-button:active, .k-button.k-state-active, .k-button.k-state-selected { color: #333333; background-color: #ebebeb; border-color: #aeaeae; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .k-button.k-state-active:hover, .k-button.k-state-selected:hover { color: #fff; border-color: #285e8e; background-color: #3276b1; } .k-button:focus:active { box-shadow: 0 0 7px 0 #76abd9, inset 0 3px 5px rgba(0, 0, 0, 0.125); } .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: #69ace6; box-shadow: 0 0 7px 0 #76abd9; } .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: #333333; border-color: #cccccc; background-color: #fff; box-shadow: none; background-image: none; } .k-primary { color: #fff; border-color: #357ebd; background-color: #428bca; } .k-primary.k-state-default { border-color: #357ebd; } .k-primary:hover, .k-primary.k-state-hover { color: #fff; border-color: #285e8e; background-color: #3276b1; } .k-primary:active, .k-primary.k-state-active { color: #fff; border-color: #285e8e; background-color: #3276b1; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .k-primary:focus:active:not(.k-state-disabled):not([disabled]) { box-shadow: 0 0 3px 0 #2698fb, inset 0 3px 5px rgba(0, 0, 0, 0.125); } .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: #63c3e0; box-shadow: 0 0 3px 0 #2698fb; } .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: #357ebd; background-color: #428bca; box-shadow: none; } .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: #333333; background-color: #ebebeb; border-color: #aeaeae; box-shadow: none; } .k-split-button:focus { box-shadow: 0 0 7px 0 #76abd9; border-color: #69ace6; } .k-split-button:focus .k-button { box-shadow: none; border-color: inherit; } .k-edit-buttons { border-color: #cccccc; background: #f5f5f5; } .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: #428bca; } .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: #cccccc; color: #333333; background-color: #fff; } .k-card .k-card-callout { border-color: #cccccc; background-color: #fff; } .k-card-header { border-color: #cccccc; color: #333333; background-color: #f5f5f5; } .k-card-footer { border-color: #cccccc; color: #333333; background-color: #f5f5f5; } .k-card-separator { border-color: #cccccc; } .k-card-actions { border-color: #cccccc; } .k-card.k-state-primary, .k-card.k-card-primary { border-color: #a1c5e5; color: #214665; background-color: #c6dcef; } .k-card.k-state-info, .k-card.k-card-info { border-color: #8db6c2; color: #0d3643; background-color: #bbd3da; } .k-card.k-state-success, .k-card.k-card-success { border-color: #92aa92; color: #132b13; background-color: #beccbe; } .k-card.k-state-warning, .k-card.k-card-warning { border-color: #ccaf86; color: #4c2f06; background-color: #e0cfb6; } .k-card.k-state-error, .k-card.k-card-error { border-color: #ba8e8c; color: #3b0e0d; background-color: #d6bbba; } .k-tilelayout, .k-widget.k-tilelayout { background-color: #f5f5f5; } .k-layout-item-hint { border-color: #cccccc; background-color: rgba(255, 255, 255, 0.2); } .k-chat { border-color: #cccccc; color: #333333; 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: #fff; color: #333333; background-color: #fff; transition: box-shadow 0.2s ease-in-out; -ms-flex-order: -1; order: -1; } .k-chat .k-alt .k-bubble { border-color: #428bca; color: #ffffff; background-color: #428bca; } .k-chat .k-quick-reply { border-color: #428bca; color: #428bca; background-color: transparent; } .k-chat .k-quick-reply:hover { border-color: #428bca; color: #ffffff; background-color: #428bca; } .k-chat .k-message-box { border-color: inherit; color: #333333; background-color: #fff; } .k-chat .k-message-box .k-button:hover { color: #428bca; } .k-chat .k-toolbar-box { border-color: inherit; color: #333333; background-color: #f5f5f5; } .k-chat .k-toolbar-box .k-button:hover { color: #428bca; background: none; } .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: #cccccc; color: #333333; background-color: #fff; } .k-calendar > .k-header { border-color: #cccccc; color: #333333; background-color: #f5f5f5; background-image: none; } .k-calendar th { border-color: #cccccc; color: #333333; background-color: #f5f5f5; } .k-calendar .k-alt { border-color: #cccccc; color: #333333; background-color: #f5f5f5; } .k-calendar .k-weekend { background-color: transparent; } .k-calendar .k-other-month { color: #a1a1a1; background-color: transparent; } .k-calendar .k-out-of-range { pointer-events: none; visibility: hidden; } .k-calendar .k-today .k-link { color: #428bca; box-shadow: inset 0 0 0 1px #428bca; } .k-calendar td.k-state-hover .k-link { border-color: #aeaeae; color: #333333; background-color: #ebebeb; background-image: none; } .k-calendar td.k-state-selected .k-link { border-color: #428bca; color: #ffffff; background-color: #428bca; background-image: none; } .k-calendar td.k-state-focused .k-link { box-shadow: inset 0 0 7px 0 #76abd9; } .k-calendar .k-footer .k-nav-today, .k-calendar .k-calendar-header .k-today { color: #428bca; } .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: #3681c1; } .k-calendar-range { border-color: #cccccc; color: #333333; 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: #aeaeae; color: #333333; background-color: #ebebeb; } .k-calendar-range td.k-state-selected .k-link { border-color: #428bca; color: #ffffff; background-color: #428bca; } .k-calendar-range td.k-state-focused .k-link { box-shadow: inset 0 0 7px 0 #76abd9; } .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(66, 139, 202, 0.3) 1px, rgba(66, 139, 202, 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(66, 139, 202, 0.3); } .k-calendar-range td.k-range-split-start::after { background-image: linear-gradient(to left, rgba(66, 139, 202, 0.3), transparent); } .k-calendar-range td.k-range-split-end::after { background-image: linear-gradient(to right, rgba(66, 139, 202, 0.3), transparent); } .k-calendar-range .k-footer .k-nav-today { color: #428bca; background: none; } .k-pdf-viewer .k-toolbar .k-icon, .k-pdf-viewer .k-toolbar .k-pager-input { color: #333333; } .k-pdf-viewer .k-canvas { background-color: #fff; } .k-pdf-viewer .k-page { border-color: #cccccc; color: #333333; background-color: white; box-shadow: 0 0 15px #cccccc; } .k-pdf-viewer .k-search-highlight { background-color: #4d4d4d; } .k-scrollview-nav > li.k-link { border-color: #cccccc; background-color: #fff; background-clip: padding-box; } .k-scrollview-nav > li.k-link.k-primary { border-color: #357ebd; background-color: #428bca; } .k-scrollview-elements { color: #ffffff; } .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: #ffffff; opacity: 1; } .k-scrollview-next:hover span::before, .k-scrollview-prev:hover span::before { background-color: transparent; } .k-switch-container { box-shadow: inset 0 0 0 1px #cccccc; } .k-switch-handle { background-clip: border-box; } .k-switch-on .k-switch-container { border-color: #cccccc; color: #fff; background-color: #428bca; } .k-switch-on .k-switch-handle { border-color: #cccccc; color: #fff; background-color: #fff; } .k-switch-on:focus, .k-switch-on.k-state-focused { box-shadow: 0 0 7px 0 #76abd9; } .k-switch-on:focus .k-switch-container, .k-switch-on.k-state-focused .k-switch-container { border-color: #cccccc; color: #fff; background-color: #3276b1; } .k-switch-on:focus .k-switch-handle, .k-switch-on.k-state-focused .k-switch-handle { border-color: #69ace6; color: #fff; background-color: #fff; } .k-switch-on:hover .k-switch-container, .k-switch-on.k-state-hover .k-switch-container { border-color: #aeaeae; color: #fff; background-color: #3276b1; } .k-switch-on:hover .k-switch-handle, .k-switch-on.k-state-hover .k-switch-handle { border-color: #aeaeae; color: #fff; background-color: #fff; } .k-switch-on .k-switch-label-off { color: transparent; } .k-switch-off .k-switch-container { border-color: #cccccc; color: #333333; background-color: #fff; } .k-switch-off .k-switch-handle { border-color: #cccccc; color: #333333; background-color: #fff; } .k-switch-off:focus, .k-switch-off.k-state-focused { box-shadow: 0 0 7px 0 #76abd9; } .k-switch-off:focus .k-switch-container, .k-switch-off.k-state-focused .k-switch-container { border-color: #cccccc; color: #333333; background-color: #fff; } .k-switch-off:focus .k-switch-handle, .k-switch-off.k-state-focused .k-switch-handle { border-color: #69ace6; color: #333333; background-color: #fff; } .k-switch-off:hover .k-switch-container, .k-switch-off.k-state-hover .k-switch-container { border-color: #aeaeae; color: #333333; background-color: #fff; } .k-switch-off:hover .k-switch-handle, .k-switch-off.k-state-hover .k-switch-handle { border-color: #aeaeae; color: #333333; background-color: #fff; } .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; box-shadow: inset 0 0 0 1px #69ace6; } .k-switch:hover .k-switch-container, .k-switch.k-state-hover .k-switch-container { box-shadow: inset 0 0 0 1px #aeaeae; } .k-switch.k-state-disabled { cursor: default; } .k-switch.k-state-disabled:focus, .k-switch.k-state-disabled.k-state-focused { box-shadow: inset 0 0 0 1px #cccccc; } .k-switch[aria-readonly="true"] { pointer-events: none; } .k-pane-wrapper .k-pane > .k-view > .k-content { background-position: 50% 50%; background-color: #f5f5f5; } .k-pane-wrapper .k-pane .k-grid-mobile .k-column-active + th.k-header { border-left-color: #333333; } .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: #428bca; } .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: #428bca; } .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: #428bca; } .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: #bfbfbf; } .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: #f5f5f5; } .k-pane-wrapper .k-pane .k-scheduler-mobile .k-other-month { background-color: #f5f5f5; } .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: #428bca; } .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: #ffffff; } .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: #333333; } .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: #428bca; } .k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-state-selected { color: #428bca; 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: #428bca; } .k-filter .k-filter-preview-operator { color: rgba(51, 51, 51, 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: #cccccc; } .k-drawer { border-color: #cccccc; color: #333333; 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: #333333; background-color: #ebebeb; background-image: none; } .k-drawer-item:focus, .k-drawer-item.k-state-focused { background-color: #fff; box-shadow: inset 0 0 7px 0 #76abd9; } .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: #333333; background-color: #ebebeb; } .k-drawer-item.k-state-selected { color: #ffffff; background-color: #428bca; } .k-drawer-item.k-state-selected:hover, .k-drawer-item.k-state-selected.k-state-hover { color: #ffffff; background-color: #357ebd; } .k-drawer-separator { background-color: #cccccc; } .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(66, 139, 202, 0.5); } .k-rating-item { color: #cccccc; } .k-rating-item.k-state-selected { color: #428bca; background: none; box-shadow: none; } .k-rating-item.k-state-selected:focus, .k-rating-item.k-state-selected.k-state-focused { color: #428bca; } .k-rating-item:hover, .k-rating-item.k-state-hover { color: #428bca; 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: #428bca; color: #ffffff; } .k-timeline .k-timeline-circle { background-color: #428bca; } .k-timeline .k-timeline-card .k-card-header { background-color: #fff; color: #333333; } .k-timeline .k-timeline-card .k-card-body { scrollbar-color: #cccccc #fff; } .k-timeline .k-timeline-card .k-card-body::-webkit-scrollbar-track { background: #fff; } .k-timeline .k-timeline-card .k-card-body::-webkit-scrollbar-thumb { background: #cccccc; } .k-timeline .k-timeline-card .k-card-body::-webkit-scrollbar-thumb:hover { background: #aeaeae; } .k-timeline .k-timeline-date { color: #333333; } .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: #a1a1a1; background-color: #fff; border-color: #cccccc; } .k-timeline-vertical::after, .k-timeline-horizontal .k-timeline-track-wrap::after { background-color: #fff; border-color: #cccccc; } .k-timeline-horizontal .k-timeline-flag::after { background-color: #428bca; } .k-breadcrumb:focus, .k-breadcrumb.k-state-focused { box-shadow: 0 0 7px 0 #76abd9; } .k-breadcrumb .k-breadcrumb-link { border-color: transparent; color: #428bca; background-color: transparent; } .k-breadcrumb .k-breadcrumb-link:hover, .k-breadcrumb .k-breadcrumb-link.k-state-hover { border-color: transparent; color: #3681c1; 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: #428bca; 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: #333333; 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: #cccccc; color: #333333; background-color: #fff; } .k-listgroup-flush { border-radius: 0; } .k-messagebox-primary { border-color: #d9e8f4; color: #224869; background-color: #cadff0; } .k-messagebox-secondary { border-color: #fbfbfb; color: #7a7a7a; background-color: #f9f9f9; } .k-messagebox-tertiary { border-color: #def1de; color: #306030; background-color: #d1ebd1; } .k-messagebox-info { border-color: #def2f8; color: #2f6473; background-color: #d1edf6; } .k-messagebox-success { border-color: #def1de; color: #306030; background-color: #d1ebd1; } .k-messagebox-warning { border-color: #fcefdc; color: #7d5a29; background-color: #fbe8cd; } .k-messagebox-error { border-color: #f7dddc; color: #712b29; background-color: #f4cfce; } .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: #cccccc; color: #000000; background-color: #b8b8b8; } .k-badge-primary { border-color: #428bca; color: #ffffff; background-color: #428bca; } .k-badge-secondary { border-color: #ebebeb; color: #000000; background-color: #ebebeb; } .k-badge-tertiary { border-color: #5cb85c; color: #ffffff; background-color: #5cb85c; } .k-badge-info { border-color: #5bc0de; color: #000000; background-color: #5bc0de; } .k-badge-success { border-color: #5cb85c; color: #ffffff; background-color: #5cb85c; } .k-badge-warning { border-color: #f0ad4e; color: #000000; background-color: #f0ad4e; } .k-badge-error { border-color: #d9534f; color: #ffffff; background-color: #d9534f; } .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: #000000; color: #ffffff; background-color: #000000; } .k-badge-outline { border-color: currentColor; background-color: #fff; } .k-badge-outline-primary { color: #428bca; } .k-badge-outline-secondary { color: #ebebeb; } .k-badge-outline-tertiary { color: #5cb85c; } .k-badge-outline-info { color: #5bc0de; } .k-badge-outline-success { color: #5cb85c; } .k-badge-outline-warning { color: #f0ad4e; } .k-badge-outline-error { color: #d9534f; } .k-badge-outline-dark { color: #000000; } .k-badge-outline-light { color: #ffffff; } .k-badge-outline-inverse { color: #000000; } .k-badge-border-cutout { box-shadow: 0 0 0 2px #fff; } .k-checkbox { border-radius: 4px; border-color: #cccccc; color: #333333; background-color: #fff; } .k-checkbox:checked::before { border-radius: 4px; } .k-checkbox.k-invalid, .k-checkbox.k-state-invalid { border-color: #cccccc; } .k-checkbox:hover { border-color: #aeaeae; color: #428bca; background-color: #fff; } .k-checkbox:focus { box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.06); border-color: #aeaeae; } .k-checkbox:indeterminate, .k-checkbox.k-state-indeterminate { border-color: #cccccc; color: #428bca; background-color: #fff; } .k-checkbox:checked { border-color: #428bca; color: #fff; background-color: #428bca; } .k-checkbox:checked:focus { box-shadow: 0 0 0 2px rgba(66, 139, 202, 0.3); border-color: #428bca; } .k-radio { border-color: #cccccc; color: #333333; background-color: #fff; border-radius: 50%; } .k-radio::before { border-radius: 50%; } .k-radio:hover { border-color: #aeaeae; color: #428bca; background-color: #fff; } .k-radio:focus { box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.06); border-color: #aeaeae; } .k-radio:checked { border-color: #428bca; color: #fff; background-color: #428bca; } .k-radio:checked:focus { box-shadow: 0 0 0 2px rgba(66, 139, 202, 0.3); border-color: #428bca; } .k-filemanager { border-color: false; color: false; background-color: false; } .k-filemanager-toolbar { border-color: #cccccc; color: false; background-color: false; } .k-filemanager-navigation { border-color: #cccccc; color: false; background-color: false; } .k-filemanager-breadcrumb { border-color: #cccccc; color: false; background-color: #ebebeb; } .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: #ffffff; background-color: false; } .k-filemanager-listview .k-item .k-icon { border-color: false; color: #9f9f9f; background-color: false; } .k-filemanager-grid { border-color: false; color: false; background-color: false; } .k-filemanager-preview { border-color: #cccccc; color: false; background-color: false; } .k-filemanager-preview .k-file-preview-wrapper .k-icon { border-color: false; color: #9f9f9f; background-color: false; } .k-filemanager-preview .k-file-size { color: inherit; } .k-filemanager-drag-hint { border-color: false; color: #ffffff; background-color: #428bca; } .k-filemanager-drag-hint .k-icon { border-color: false; color: #ffffff; background-color: false; } .k-toolbar { border-color: #cccccc; color: #333333; background-color: #f5f5f5; } .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: #cccccc; color: #333333; background-color: #fff; box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.12); } .k-window.k-state-focused { border-color: #cccccc; box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.25); } .k-window-titlebar { border-top-left-radius: 4px; border-top-right-radius: 4px; border-color: #cccccc; color: #333333; background-color: #f5f5f5; background-image: linear-gradient(false); } .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: #cccccc; } .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: #e6e6e6; } .k-stepper .k-step.k-step-disabled .k-step-indicator, .k-stepper .k-step:disabled .k-step-indicator { border-color: #cccccc; color: #858585; background-color: #fff; } .k-stepper .k-step-indicator { border-color: #cccccc; color: #333333; background-color: #fff; } .k-stepper .k-step-indicator::after { box-shadow: inset 0 0 0 2px #fff; } .k-stepper .k-step-label:only-child { border-color: #cccccc; color: #333333; background-color: #fff; } .k-stepper .k-step-done .k-step-indicator { border-color: #428bca; color: #ffffff; background-color: #428bca; } .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: #3071a9; } .k-stepper .k-step-done.k-step-disabled .k-step-indicator, .k-stepper .k-step-done:disabled .k-step-indicator { border-color: #8eb9df; color: #ffffff; background-color: #8eb9df; } .k-stepper .k-step-current .k-step-indicator { border-color: #428bca; color: #ffffff; background-color: #428bca; } .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: #3071a9; } .k-stepper .k-step-current.k-step-disabled .k-step-indicator, .k-stepper .k-step-current:disabled .k-step-indicator { border-color: #8eb9df; color: #ffffff; background-color: #8eb9df; } .k-stepper .k-step-label { color: #333333; } .k-stepper .k-step-success .k-step-label .k-icon { color: #255625; } .k-stepper .k-step-error .k-step-label { color: #761c19; } .k-stepper .k-step-disabled .k-step-label { color: #858585; } .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 #cccccc; } .k-stepper .k-step-optional .k-step-label-optional { opacity: 0.35; } .k-form-error { color: #d9534f; } .k-form-legend { border-color: #cccccc; } .k-text-error { color: #d9534f; } .k-in, .k-item { border-color: transparent; } .k-splitbar .k-resize-handle { background-color: #333333; } .k-block, .k-widget { background-color: #fff; } .k-block, .k-widget, .k-input, .k-group, .k-content, .k-header, .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-popup.k-align .k-list .k-item:last-child, .k-upload-files { border-color: #cccccc; } .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: #f5f5f5; } .k-grouping-row td, td.k-group-cell, .k-resize-handle-inner, .k-grid .k-state-selected:hover .k-group-cell { background-color: #f5f5f5; } .k-list-container { border-color: rgba(0, 0, 0, 0.2); background-color: #fff; } .k-content, .k-panelbar > li.k-item, .k-panel > li.k-item { background-color: #fff; } .k-alt, .k-separator, .k-resource.k-alt, .k-pivot-layout > tbody > tr:first-child > td:first-child { background-color: #f5f5f5; } .k-pivot-rowheaders .k-alt .k-alt, .k-header.k-alt { background-color: #e1e1e1; } .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: #cccccc; background-color: #ebebeb; } .k-maskedtextbox.k-state-disabled > .k-textbox:hover, .k-dateinput.k-state-disabled > .k-textbox:hover { border-color: #cccccc; } .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 { border-color: #cccccc; } .k-input, .k-textbox, .k-textarea, .k-textbox > input, .k-textarea > textarea, .k-multiselect-wrap { background-color: #fff; color: #333333; } .k-input-label { color: #333333; } .k-input[readonly] { background-color: #fff; color: #333333; } .k-block, .k-widget, .k-popup, .k-content, .k-toolbar, .k-dropdown .k-input { color: #333333; } .k-inverse { color: #fff; } .k-block { color: #333333; } .k-link { color: #428bca; } .k-tabstrip-items .k-link, .k-panelbar > li > .k-link { color: #333333; } .k-header, .k-treemap-title, .k-grid-header .k-header > .k-link { color: #333333; } .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-position: 50% 50%; background-color: #f5f5f5; } .k-block, .k-treemap-tile { background-color: #f5f5f5; } thead.k-grid-header, thead.k-grid-header tr:first-child { background: transparent; } .k-mediaplayer-toolbar { background-color: rgba(245, 245, 245, 0.85); } .k-hr { border-color: #cccccc; } .k-i-loading { background-image: url('Bootstrap/loading.gif'); } .k-loading-image { background-image: url('Bootstrap/loading-image.gif'); } .k-loading-color { background-color: #fff; } .k-draghandle { border-color: #fff; background-color: #fff; box-shadow: 0 0 0 1px #c4c4c4; } .k-draghandle:hover { border-color: #aeaeae; background-color: #ebebeb; box-shadow: none; } .k-scheduler { color: #ffffff; background-color: #fff; } .k-scheduler-layout { color: #333333; } .k-scheduler-datecolumn, .k-scheduler-groupcolumn { background-color: #fff; color: #333333; } .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: #d2d2d2; } .k-nonwork-hour, .k-scheduler-dayview .k-today.k-nonwork-hour, .k-scheduler-timelineview .k-today.k-nonwork-hour { background-color: #f5f5f5; } .k-gantt .k-nonwork-hour { background-color: rgba(0, 0, 0, 0.02); } .k-gantt .k-header.k-nonwork-hour { background-color: rgba(0, 0, 0, 0.2); } .k-scheduler-table .k-today, .k-today > .k-scheduler-datecolumn, .k-today > .k-scheduler-groupcolumn { background-color: #eeeeee; } .k-scheduler-now-arrow { border-left-color: #dbdbdb; } .k-scheduler-now-line { background-color: #dbdbdb; } .k-event, .k-task-complete { border-color: #3174ad; background: #3174ad; color: #ffffff; } .k-event-inverse { color: #000000; } .k-event.k-state-selected { background-position: 0 0; box-shadow: 0 0 0 2px #333333; } .k-event .k-resize-handle:after, .k-task-single .k-resize-handle:after { background-color: #fff; } .k-scheduler-marquee:before, .k-scheduler-marquee:after { border-color: #428bca; } .k-panelbar .k-content, .k-panelbar .k-panel, .k-panelbar .k-item { background-color: #fff; color: #333333; border-color: #cccccc; } .k-panelbar > li > .k-link { color: #333333; } .k-panelbar > .k-item > .k-link { border-color: #cccccc; } .k-panel > li.k-item { background-color: #fff; } .k-state-active, .k-state-active:hover, .k-active-filter { background-color: #fff; border-color: #cccccc; color: #333333; } .k-fieldselector .k-list-container { background-color: #fff; } .k-menu .k-state-hover > .k-state-active { background-color: transparent; } .k-state-highlight { background: #fff; color: #333333; } .k-state-focused, .k-grouping-row .k-state-focused { border-color: #76abd9; } .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: #428bca; } .k-calendar-container.k-group { border-color: rgba(0, 0, 0, 0.2); } .k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-tool.k-state-selected, .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: #ffffff; background-color: #428bca; border-color: #428bca; } .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: #aeaeae; } .k-group-header + div > .k-list > .k-item.k-first:before { border-top-color: #aeaeae; } .k-popup > .k-group-header, .k-popup > .k-virtual-wrap > .k-group-header { background: #aeaeae; color: #ffffff; } .k-popup .k-list .k-item > .k-group { background: #aeaeae; color: #ffffff; border-bottom-left-radius: 3px; } .k-marquee-text { color: #ffffff; } .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 7px 0 #76abd9; } .k-popup .k-list .k-state-focused { border-radius: 4px; box-shadow: inset 0 0 2px 0 #428bca, inset 0 0 7px 0 #76abd9; } .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 10px 3px #3276b1; } .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 > li.k-state-default > .k-link.k-state-selected { color: #ffffff; } .k-state-hover, .k-splitbar-horizontal-hover, .k-splitbar-vertical-hover, .k-list > .k-state-hover, .k-dropdown .k-state-focused, .k-filebrowser-dropzone, .k-listbox .k-item:hover:not(.k-state-disabled) { color: #333333; background-color: #ebebeb; border-color: #aeaeae; } .k-state-hover > .k-select, .k-state-focused > .k-select { border-color: #aeaeae; } .k-state-hover, .k-other-month.k-state-hover .k-link, div.k-filebrowser-dropzone em, .k-draghandle:hover, .k-listbox .k-item:hover { background-image: none; } .k-pager-wrap { border-color: #cccccc; color: #a6a6a6; background-color: #f5f5f5; } .k-pager-wrap .k-link { border-color: #cccccc; color: #428bca; background: #fff; } .k-pager-wrap .k-link:hover { color: #428bca; border-color: #cccccc; background: #ebebeb; } .k-pager-wrap .k-link.k-state-selected, .k-pager-wrap .k-link.k-state-selected:hover { color: #ffffff; background-color: #428bca; border-color: #428bca; } .k-pager-wrap .k-pager-first { border-radius: 4px 0 0 4px; } .k-rtl .k-pager-wrap .k-pager-first { border-radius: 0 4px 4px 0; } .k-pager-wrap .k-pager-last { border-radius: 0 4px 4px 0; } .k-rtl .k-pager-wrap .k-pager-last { border-radius: 4px 0 0 4px; } .k-pager-wrap .k-textbox { border-color: #cccccc; } .k-pager-wrap .k-pager-refresh { border-color: transparent; background-color: transparent; } .k-autocomplete.k-state-active, .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: none; } .k-state-selected, .k-draghandle.k-state-selected:hover { background-image: none; } .k-draghandle.k-state-selected:hover { background-position: 50% 50%; } .k-state-hover > .k-link, .k-other-month.k-state-hover .k-link, div.k-filebrowser-dropzone em { color: #333333; } .k-autocomplete.k-state-hover, .k-autocomplete.k-state-focused, .k-picker-wrap.k-state-hover, .k-picker-wrap.k-state-focused, .k-numeric-wrap.k-state-hover, .k-numeric-wrap.k-state-focused, .k-dropdown-wrap.k-state-hover, .k-dropdown-wrap.k-state-focused { background-color: #ebebeb; background-image: none; background-position: 50% 50%; border-color: #aeaeae; } .k-dropdown .k-state-focused .k-input { color: #333333; } .k-dropdown .k-state-hover .k-input { color: #333333; } .k-state-error { border-color: #dbdbdb; background-color: #e3e3e3; color: #6b6b6b; } .k-ie11 .k-select, .k-edge .k-select, .k-ie11 .k-popup-edit-form, .k-edge .k-popup-edit-form { opacity: 0.9; } .k-loading-mask.k-state-selected { border-width: 0; background-image: none; background-color: transparent; } .k-state-disabled, .k-state-disabled .k-link, .k-other-month, .k-other-month .k-link, .k-dropzone .k-dropzone-hint, .k-dropzone .k-upload-status, .k-slider .k-draghandle { color: #a1a1a1; } .k-progressbar-indeterminate { background: url('Bootstrap/indeterminate.gif'); } .k-progressbar-indeterminate .k-progress-status-wrap, .k-progressbar-indeterminate .k-state-selected { display: none; } .k-slider-track { background-color: #cccccc; } .k-slider-selection { background-color: #428bca; } .k-slider-horizontal .k-tick { background-image: url('Bootstrap/slider-h.gif'); } .k-slider-vertical .k-tick { background-image: url('Bootstrap/slider-v.gif'); } .k-chart-crosshair-tooltip, .k-chart-shared-tooltip { border-color: #000000; background-color: #000000; color: #fff; } .k-splitbar { background-color: #f5f5f5; } .k-restricted-size-vertical, .k-restricted-size-horizontal { background-color: #6b6b6b; } .k-dropzone { color: #333333; background-color: #f5f5f5; background-position: 50% 50%; } .k-file { background-color: #fff; border-color: #d2d2d2; } .k-file:last-child { border-radius: 0 0 4px 4px; } .k-file-progress .k-progress { background-color: #5bc0de; } .k-file-success .k-file-validation-message, .k-file-success .k-upload-pct { color: #5cb85c; } .k-file-success .k-progress { background-color: #5cb85c; } .k-file-error .k-file-validation-message, .k-file-invalid .k-file-validation-message, .k-file-error .k-upload-pct, .k-file-invalid .k-upload-pct { color: #d9534f; } .k-file-error .k-progress, .k-file-invalid .k-progress { background-color: #d9534f; } .k-file-extension-wrapper, .k-multiple-files-extension-wrapper, .k-file-group-wrapper, .k-multiple-files-group-wrapper, .k-file-invalid-group-wrapper { color: #a1a1a1; border-color: #a1a1a1; } .k-file-extension-wrapper:before, .k-multiple-files-extension-wrapper:before { background-color: #fff; border-color: transparent transparent #a1a1a1 #a1a1a1; } .k-multiple-files-extension-wrapper:after { border-top-color: #a1a1a1; border-left-color: #a1a1a1; } .k-file-size, .k-file-information, .k-file-validation-message { color: #a1a1a1; } .k-upload .k-upload-selected { border-color: #cccccc; } .k-textbox:hover, .k-textarea:hover { border-color: #aeaeae; } .k-leaf, .k-leaf.k-state-hover { color: #fff; } .k-leaf.k-inverse, .k-leaf.k-inverse.k-state-hover { color: #000; } .k-widget { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .k-calendar-container > .k-calendar { box-shadow: none; } .k-slider, .k-treeview, .k-upload, .k-rating, .k-breadcrumb .k-stepper, .k-form { box-shadow: none; } .k-state-hover { box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); } .k-textbox:focus, .k-textbox.k-state-focused, .k-autocomplete.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-picker-wrap.k-state-focused, .k-numeric-wrap.k-state-focused { box-shadow: 0 0 7px 0 #76abd9; } .k-state-selected { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; } .k-state-active { box-shadow: none; } .k-grid td.k-state-selected.k-state-focused { background-color: #4e92cd; } .k-popup, .k-menu .k-menu-group, .k-grid .k-filter-options, .k-time-popup, .k-datepicker-calendar, .k-autocomplete.k-state-border-down, .k-autocomplete.k-state-border-up, .k-dropdown-wrap.k-state-active, .k-picker-wrap.k-state-active, .k-multiselect.k-state-focused, .k-filebrowser .k-image { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); } .k-treemap-tile.k-state-hover { box-shadow: inset 0 0 0 3px #cccccc; } .k-shadow { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); } .k-inset { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); } .k-editor-inline ::selection { background-color: #428bca; text-shadow: none; color: #fff; } .k-editor-inline ::-moz-selection { background-color: #428bca; text-shadow: none; color: #fff; } .k-window-content.editorToolbarWindow { color: #333333; background-color: #f5f5f5; } .k-notification { border-radius: 4px; } .k-notification-info { background-color: #def2f8; color: #2f6473; border-color: #d1edf6; } .k-notification-success { background-color: #def1de; color: #306030; border-color: #d1ebd1; } .k-notification-warning { background-color: #fcefdc; color: #7d5a29; border-color: #fbe8cd; } .k-notification-error { background-color: #f7dddc; color: #712b29; border-color: #f4cfce; } .k-gantt .k-treelist { background: #f5f5f5; } .k-gantt .k-treelist .k-alt { background-color: #dcdcdc; } .k-gantt .k-treelist tr:hover { background-color: #ebebeb; } .k-gantt .k-treelist .k-state-selected, .k-gantt .k-treelist .k-state-selected td, .k-gantt .k-treelist .k-alt.k-state-selected, .k-gantt .k-treelist .k-alt.k-state-selected > td { background-color: #428bca; } .k-task-dot:after { background-color: #333333; border-color: #333333; } .k-task-dot:hover:after { background-color: #fff; } .k-task-summary { border-color: #737373; background: #737373; } .k-task-milestone, .k-task-summary-complete { border-color: #333333; background: #333333; } .k-state-selected.k-task-summary { border-color: #a6c8e6; background: #a6c8e6; } .k-state-selected.k-task-milestone, .k-state-selected .k-task-summary-complete { border-color: #428bca; background: #428bca; } .k-task-single { background-color: #3a86c8; border-color: #3174ad; color: #ffffff; } .k-state-selected.k-task-single { border-color: #428bca; } .k-gantt-line { background-color: #333333; color: #333333; } .k-state-selected.k-gantt-line { background-color: #428bca; color: #428bca; } .k-resource { background-color: #fff; } .k-block, .k-textbox, .k-textarea, .k-drag-clue, .k-touch-scrollbar, .k-inline-block, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-autocomplete, .k-multiselect, .k-combobo