@progress/kendo-ui
Version:
This package is part of the [Kendo UI for jQuery](http://www.telerik.com/kendo-ui) suite.
1,981 lines (1,980 loc) • 82.7 kB
CSS
/*!
* Copyright 2019 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-nova {
opacity: 0;
}
.ktb-var-accent {
color: #ff4350;
}
.ktb-var-base {
color: #fff;
}
.ktb-var-background {
color: #fff;
}
.ktb-var-border-radius {
border-radius: 0;
}
.ktb-var-normal-background {
color: #fff;
}
.ktb-var-normal-gradient {
background-image: none;
}
.ktb-var-normal-text-color {
color: #32364c;
}
.ktb-var-hover-background {
color: #f5f6f6;
}
.ktb-var-hover-gradient {
background-image: none;
}
.ktb-var-hover-text-color {
color: #888e90;
}
.ktb-var-selected-background {
color: #ff4350;
}
.ktb-var-selected-gradient {
background-image: none;
}
.ktb-var-selected-text-color {
color: #fff;
}
.ktb-var-error {
color: #ffbfc4;
}
.ktb-var-warning {
color: #ffecc7;
}
.ktb-var-success {
color: #a5d6a7;
}
.ktb-var-info {
color: #80deea;
}
.ktb-var-series-a {
color: #ff4350;
}
.ktb-var-series-b {
color: #ff9ea5;
}
.ktb-var-series-c {
color: #00acc1;
}
.ktb-var-series-d {
color: #80deea;
}
.ktb-var-series-e {
color: #ffbf46;
}
.ktb-var-series-f {
color: #ffd78c;
}
.k-grid-norecords-template {
background-color: #fff;
border: 1px solid #e0e0e0;
}
.k-button {
border-radius: 0;
border-color: #9da2a4;
color: #9da2a4;
background-color: #fff;
background-position: 50% 50%;
}
.k-button.k-state-default {
border-color: #9da2a4;
}
.k-button:hover,
.k-button.k-state-hover {
color: #9da2a4;
border-color: #9da2a4;
background-color: #f5f6f6;
}
.k-button:active,
.k-button.k-state-active {
color: #ffffff;
background-color: #e53c48;
border-color: #ff4350;
}
.k-button.k-state-active:hover {
color: #ffffff;
border-color: #ff5763;
background-color: #ff5763;
}
.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: #ff4350;
}
.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: #9da2a4;
border-color: #9da2a4;
background-color: #fff;
box-shadow: none;
background-image: none;
}
.k-primary {
color: #ffffff;
border-color: #ff4350;
background-color: #ff4350;
}
.k-primary.k-state-default {
border-color: #ff4350;
}
.k-primary:hover,
.k-primary.k-state-hover {
color: #ffffff;
border-color: #ff5763;
background-color: #ff5763;
}
.k-primary:active,
.k-primary.k-state-active {
color: #ffffff;
border-color: #e53c48;
background-color: #e53c48;
}
.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: #db3a45;
}
.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: #ffffff;
border-color: #ff4350;
background-color: #ff4350;
box-shadow: none;
}
.k-button-group {
border-radius: 0;
}
.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: 0;
border-bottom-left-radius: 0;
}
.k-button-group .k-group-end,
.k-button-group .k-button:last-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.k-button-group .k-group-start.k-group-end,
.k-button-group .k-button:first-child:last-child {
border-radius: 0;
}
.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: 0;
border-bottom-right-radius: 0;
}
.k-rtl .k-button-group .k-group-end,
.k-rtl .k-button-group .k-button:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.k-rtl .k-button-group .k-group-start.k-group-end,
.k-rtl .k-button-group .k-button:first-child:last-child {
border-radius: 0;
}
.k-split-button {
border-radius: 0;
}
.k-split-button.k-state-border-down > .k-button,
.k-split-button.k-state-border-up > .k-button {
color: #9da2a4;
background-color: #f5f6f6;
border-color: #9da2a4;
box-shadow: none;
}
.k-split-button:focus {
border-color: #ff4350;
outline: none;
}
.k-split-button:focus > .k-button {
background: transparent;
border-color: #ff4350;
}
.k-split-button:focus:not(.k-state-disabled) > .k-state-active,
.k-split-button:focus:not(.k-state-disabled) > .k-button:hover {
color: #9da2a4;
background-color: #f5f6f6;
border-color: #ff4350;
box-shadow: none;
}
.k-split-button.k-state-disabled {
color: #c4c4c4;
background: #fff;
background-image: none;
}
.k-edit-buttons {
border-color: #e0e0e0;
background: #ff4350;
}
.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: #ff4350;
}
.k-card {
border-color: #e0e0e0;
color: #32364c;
background-color: #fff;
}
.k-card-header {
border-color: #e0e0e0;
color: #ffffff;
background-color: #ff4350;
}
.k-card-actions {
border-color: #e0e0e0;
}
.k-chat {
border-color: #e0e0e0;
color: #32364c;
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: #9da2a4;
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: #ff4350;
color: #ffffff;
background-color: #ff4350;
}
.k-chat .k-quick-reply {
border-color: #ff4350;
color: #ff4350;
background-color: transparent;
}
.k-chat .k-quick-reply:hover {
border-color: #ff4350;
color: #ffffff;
background-color: #ff4350;
}
.k-chat .k-message-box {
border-color: inherit;
color: #32364c;
background-color: #fff;
}
.k-chat .k-message-box .k-button:hover {
color: #ff4350;
}
.k-chat .k-toolbar-box {
border-color: inherit;
color: #32364c;
background-color: #ff4350;
}
.k-chat .k-toolbar-box .k-button:hover {
color: #ff4350;
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: #e0e0e0;
color: #32364c;
background-color: #fff;
}
.k-calendar > .k-header {
border-color: #e0e0e0;
color: #ffffff;
background-color: #ff4350;
background-image: none;
}
.k-calendar th {
border-color: #e0e0e0;
color: #9ca3a6;
background-color: #fff;
}
.k-calendar .k-alt {
border-color: #e0e0e0;
color: #9ca3a6;
background-color: #f5f5f5;
}
.k-calendar .k-weekend {
background-color: transparent;
}
.k-calendar .k-other-month {
color: #c4c4c4;
background-color: transparent;
}
.k-calendar .k-out-of-range {
pointer-events: none;
visibility: hidden;
}
.k-calendar .k-today .k-link {
color: #ff4350;
box-shadow: inset 0 0 0 1px #ff4350;
}
.k-calendar td.k-state-hover .k-link {
border-color: #9da2a4;
color: #9da2a4;
background-color: #f5f6f6;
background-image: none;
}
.k-calendar td.k-state-selected .k-link {
border-color: #e0f7fa;
color: #00acc1;
background-color: #e0f7fa;
background-image: none;
}
.k-calendar td.k-state-focused .k-link {
box-shadow: inset 0 0 0 1px #9da2a4;
}
.k-calendar .k-footer .k-nav-today {
color: #00acc1;
}
.k-calendar .k-footer .k-nav-today:hover {
color: #009aad;
}
.k-calendar-range {
border-color: #e0e0e0;
color: #32364c;
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: #9da2a4;
color: #9da2a4;
background-color: #f5f6f6;
}
.k-calendar-range td.k-state-selected .k-link {
border-color: #e0f7fa;
color: #00acc1;
background-color: #e0f7fa;
}
.k-calendar-range td.k-state-focused .k-link {
box-shadow: inset 0 0 0 1px #9da2a4;
}
.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(224, 247, 250, 0.3) 1px, rgba(224, 247, 250, 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(224, 247, 250, 0.3);
}
.k-calendar-range td.k-range-split-start::after {
background-image: linear-gradient(to left, rgba(224, 247, 250, 0.3), transparent);
}
.k-calendar-range td.k-range-split-end::after {
background-image: linear-gradient(to right, rgba(224, 247, 250, 0.3), transparent);
}
.k-calendar-range .k-footer .k-nav-today {
color: #ff4350;
background: none;
}
.k-pdf-viewer .k-toolbar .k-icon,
.k-pdf-viewer .k-toolbar .k-pager-input {
color: #9da2a4;
}
.k-pdf-viewer .k-canvas {
background-color: #fff;
}
.k-pdf-viewer .k-page {
border-color: #e0e0e0;
color: #32364c;
background-color: white;
box-shadow: 0 0 15px #e0e0e0;
}
.k-scrollview-nav > li.k-link {
border-color: #9da2a4;
background-color: #fff;
background-clip: padding-box;
}
.k-scrollview-nav > li.k-link.k-primary {
border-color: #ff4350;
background-color: #ff4350;
}
.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: #e0e0e0;
color: #ff4350;
background-color: #fff;
}
.k-switch-on .k-switch-handle {
border-color: #ff4350;
color: #ff4350;
background-color: #ff4350;
}
.k-switch-on:focus .k-switch-container,
.k-switch-on.k-state-focused .k-switch-container {
border-color: #9da2a4;
color: #ff4350;
background-color: #fff;
}
.k-switch-on:focus .k-switch-handle,
.k-switch-on.k-state-focused .k-switch-handle {
border-color: #e53c48;
color: #ff4350;
background-color: #ff4350;
}
.k-switch-on:hover .k-switch-container,
.k-switch-on.k-state-hover .k-switch-container {
border-color: #e0e0e0;
color: #ff4350;
background-color: #fff;
}
.k-switch-on:hover .k-switch-handle,
.k-switch-on.k-state-hover .k-switch-handle {
border-color: #e53c48;
color: #ff4350;
background-color: #e53c48;
}
.k-switch-on .k-switch-label-off {
color: transparent;
}
.k-switch-off .k-switch-container {
border-color: #e0e0e0;
color: #32364c;
background-color: #fff;
}
.k-switch-off .k-switch-handle {
border-color: #9da2a4;
color: #32364c;
background-color: #fff;
}
.k-switch-off:focus .k-switch-container,
.k-switch-off.k-state-focused .k-switch-container {
border-color: #9da2a4;
color: #32364c;
background-color: #fff;
}
.k-switch-off:focus .k-switch-handle,
.k-switch-off.k-state-focused .k-switch-handle {
border-color: #ff4350;
color: #32364c;
background-color: #fff;
}
.k-switch-off:hover .k-switch-container,
.k-switch-off.k-state-hover .k-switch-container {
border-color: #e0e0e0;
color: #32364c;
background-color: #fff;
}
.k-switch-off:hover .k-switch-handle,
.k-switch-off.k-state-hover .k-switch-handle {
border-color: #9da2a4;
color: #32364c;
background-color: #f5f6f6;
}
.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-position: 50% 50%;
background-color: #fafafa;
}
.k-pane-wrapper .k-pane .k-grid-mobile .k-column-active + th.k-header {
border-left-color: #32364c;
}
.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: #ff4350;
}
.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: #ff4350;
}
.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: #32364c;
}
.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: #c1c4d6;
}
.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: #fafafa;
}
.k-pane-wrapper .k-pane .k-scheduler-mobile .k-other-month {
background-color: #fafafa;
}
.k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-toolbar .k-scheduler-tools > li,
.k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-toolbar .k-scheduler-navigation {
background-color: inherit;
}
.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: #ff4350;
}
.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: #32364c;
}
.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: #ff4350;
}
.k-pane-wrapper .k-pane .k-column-menu .k-state-selected .k-link {
color: #ff4350;
}
.k-pane-wrapper .k-pane .k-filter-menu .k-check,
.k-pane-wrapper .k-pane .k-scheduler-edit-form .k-check {
color: #ff4350;
border-color: #ff4350;
}
.k-pane-wrapper .k-pane .k-filter-menu .k-check:focus,
.k-pane-wrapper .k-pane .k-scheduler-edit-form .k-check:focus,
.k-pane-wrapper .k-pane .k-filter-menu .k-check.k-state-focused,
.k-pane-wrapper .k-pane .k-scheduler-edit-form .k-check.k-state-focused {
border-color: #db3a45;
box-shadow: false;
}
.k-pane-wrapper .k-pane .k-mobile-list .k-item {
background-color: #fff;
border-bottom: 1px solid #e0e0e0;
}
.k-pane-wrapper .k-pane .k-mobile-list .k-item > .k-link:active,
.k-pane-wrapper .k-pane .k-mobile-list .k-item > .k-label:active,
.k-pane-wrapper .k-pane .k-mobile-list .k-item .k-edit-label.k-check:active,
.k-pane-wrapper .k-pane .k-mobile-list .k-item .k-recur-view .k-check:active {
color: #888e90;
background-color: #f5f6f6;
border-color: #f5f6f6;
}
.k-pane-wrapper .k-pane .k-mobile-list .k-item .k-state-selected {
background-color: #ff4350;
border-top-color: transparent;
}
.k-pane-wrapper .k-pane .k-mobile-list .k-item:first-child,
.k-pane-wrapper .k-pane .k-mobile-list .k-item.k-clear-wrap {
box-shadow: inset 0 1px 0 #e0e0e0;
}
.k-pane-wrapper .k-pane .k-mobile-list.k-filter-menu .k-space-right > input {
background: #fff;
border-color: #dbdbdb;
}
.k-pane-wrapper .k-pane .k-mobile-list.k-filter-menu .k-space-right > input:focus {
box-shadow: none;
}
.k-pane-wrapper .k-pane .k-mobile-list .k-check:checked {
opacity: 1;
font-family: 'WebComponentsIcons';
}
.k-pane-wrapper .k-pane .k-mobile-list .k-check:checked::before {
content: "\e118";
}
.k-pane-wrapper .k-pane .k-mobile-list .k-list-title,
.k-pane-wrapper .k-pane .k-mobile-list .k-filter-help-text,
.k-pane-wrapper .k-pane .k-mobile-list .k-filter-selected-items {
color: #32364c;
}
.k-drawer-container {
background-color: #fff;
color: #32364c;
border-color: #e0e0e0;
}
.k-drawer-container,
.k-drawer-container .k-drawer-items {
/* Scrollbar styles for Chrome, Safari and Opera */
/* Scrollbar styles for Mozilla */
scrollbar-color: rgba(156, 156, 156, 0.7) #dedede;
}
.k-drawer-container::-webkit-scrollbar-track,
.k-drawer-container .k-drawer-items::-webkit-scrollbar-track {
background: #dedede;
}
.k-drawer-container::-webkit-scrollbar-thumb,
.k-drawer-container .k-drawer-items::-webkit-scrollbar-thumb {
background: rgba(156, 156, 156, 0.7);
}
.k-drawer-container::-webkit-scrollbar-thumb:hover,
.k-drawer-container .k-drawer-items::-webkit-scrollbar-thumb:hover {
background: #9c9c9c;
}
.k-drawer-items .k-drawer-item {
color: #32364c;
}
.k-drawer-items .k-drawer-item:hover,
.k-drawer-items .k-drawer-item.k-state-hover {
color: #888e90;
background-color: #f5f6f6;
background-image: none;
cursor: pointer;
}
.k-drawer-items .k-drawer-item:focus,
.k-drawer-items .k-drawer-item.k-state-focused {
background-color: #fff;
box-shadow: inset 0 0 0 1px #ff4350;
}
.k-drawer-items .k-drawer-item:focus:hover,
.k-drawer-items .k-drawer-item.k-state-focused:hover,
.k-drawer-items .k-drawer-item:focus.k-state-hover,
.k-drawer-items .k-drawer-item.k-state-focused.k-state-hover {
color: #888e90;
background-color: #f5f6f6;
}
.k-drawer-items .k-drawer-item.k-state-selected {
color: #fff;
background-color: #ff4350;
}
.k-drawer-items .k-drawer-item.k-state-selected:hover,
.k-drawer-items .k-drawer-item.k-state-selected.k-state-hover {
color: #fff;
background-color: #ff2938;
}
.k-drawer-items .k-drawer-item.k-drawer-separator {
background-color: #e0e0e0;
}
.k-splitbar .k-resize-handle {
background-color: #32364c;
}
.k-in,
.k-item {
border-color: transparent;
}
.k-block,
.k-widget {
background-color: #fff;
}
.k-block,
.k-widget,
.k-input,
.k-textbox,
.k-group,
.k-content,
.k-header,
.k-filter-row > th,
.k-editable-area,
.k-separator,
.k-textbox > input,
.k-autocomplete,
.k-dropdown-wrap,
.k-toolbar,
.k-group-footer td,
.k-grid-footer,
.k-footer-template td,
.k-state-default,
.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-pager-wrap,
.k-pager-wrap .k-link,
.k-pager-refresh,
.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-tiles,
.k-tooltip,
.k-button-group .k-tool,
.k-upload-files,
.k-popup.k-align .k-list .k-item:last-child,
.k-maskedtextbox.k-state-disabled > .k-textbox:hover,
.k-dateinput.k-state-disabled > .k-textbox:hover {
border-color: #e0e0e0;
}
.k-group,
.k-toolbar,
.k-grouping-header,
.k-pager-wrap,
.k-group-footer td,
.k-grid-footer,
.k-footer-template td,
.k-widget .k-status,
.k-dropzone-hovered,
.k-popup {
background-color: #fff;
}
.k-mediaplayer-toolbar {
background: rgba(255, 255, 255, 0.85);
}
.k-header,
.k-grid-header,
.k-grouping-header,
.k-pager-wrap,
.k-state-highlight,
.k-panelbar .k-tabstrip-items .k-item {
background-color: #ff4350;
border-color: #ff4350;
}
.k-block,
.k-widget,
.k-popup,
.k-content,
.k-toolbar,
.k-dropdown .k-input {
color: #32364c;
}
.k-popup,
.k-menu .k-menu-group,
.k-grid .k-filter-options,
.k-time-popup,
.k-tooltip {
box-shadow: 0 0px 6px 1px rgba(0, 0, 0, 0.2);
}
.k-content,
.k-panelbar > li.k-item,
.k-panel > li.k-item,
.k-tiles {
background-color: #fff;
}
.k-alt,
.k-separator,
.k-resource.k-alt,
.k-pivot-layout > tbody > tr:first-child > td:first-child {
background-color: #fff;
}
.k-input,
input.k-textbox,
textarea.k-textbox,
input.k-textbox:hover,
textarea.k-textbox:hover,
.k-textbox > input,
.k-multiselect-wrap {
color: #32364c;
background-color: #fff;
border-color: #e0e0e0;
}
.k-state-selected {
background-color: rgba(128, 222, 234, 0.25);
}
.k-state-focused:not(.k-button) {
box-shadow: inset 0 0 0 1px #878787;
}
.k-state-hover,
.k-splitbar-horizontal-hover,
.k-splitbar-vertical-hover,
.k-list > .k-state-hover,
.k-pager-wrap .k-link:hover,
.k-dropdown .k-state-focused,
.k-filebrowser-dropzone {
color: #888e90;
background-color: #f5f6f6;
border-color: #f5f6f6;
}
.k-pager-wrap .k-link.k-state-disabled {
color: #00acc1;
}
.k-state-disabled,
.k-state-disabled .k-link,
.k-dropzone em,
.k-tile-empty strong,
.k-slider .k-draghandle {
color: #f0f0f0;
}
.k-block,
.k-drag-clue,
.k-touch-scrollbar,
.k-window,
.k-window-titleless .k-window-content,
.k-inline-block,
.k-grid .k-filter-options,
.k-grouping-header .k-group-indicator,
.k-treeview .k-in,
.k-editor-inline,
.k-tile,
.k-slider-track,
.k-slider-selection {
border-radius: 0;
}
.k-textbox,
.k-autocomplete,
.k-autocomplete .k-input,
.k-multiselect,
.k-combobox,
.k-dropdown,
.k-dropdown-wrap,
.k-datepicker,
.k-timepicker,
.k-colorpicker,
.k-datetimepicker,
.k-numerictextbox,
.k-picker-wrap,
.k-numeric-wrap,
.k-tooltip,
.k-upload,
.k-split-button {
border-radius: 3px;
}
.k-dropdown-wrap .k-input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input,
.k-toolbar .k-split-button .k-button {
border-radius: 3px 0 0 3px;
}
.k-toolbar .k-split-button .k-split-button-arrow {
border-radius: 0 3px 3px 0;
}
.k-hr {
border-color: #e0e0e0;
}
.k-rtl .k-dropdown-wrap .k-input,
.k-rtl .k-picker-wrap .k-input,
.k-rtl .k-numeric-wrap .k-input {
border-radius: 0 3px 3px 0;
}
.k-button .k-image,
.k-panelbar > .k-state-active > .k-header > .k-icon,
.k-panelbar > .k-state-active > .k-header .k-state-default .k-icon {
opacity: 0.4;
}
.k-primary .k-icon,
.k-state-active .k-icon,
.k-button:active .k-icon,
.k-numerictextbox .k-state-selected .k-icon,
.k-multiselect-wrap .k-icon,
.k-window-titlebar .k-icon,
.k-drag-clue .k-icon,
.k-group-indicator .k-icon,
.k-pivot-toolbar .k-icon,
.k-grid-content .k-button:active .k-icon,
.k-splitbar.k-state-focused .k-icon,
.k-scheduler-toolbar .k-icon,
.k-gantt-toolbar .k-icon,
.k-toolbar .k-overflow-anchor.k-state-border-down .k-i-more-vertical,
.k-panelbar > .k-state-active > .k-header .k-state-active .k-icon {
opacity: 1;
}
.k-state-disabled .k-icon,
.k-state-disabled .k-button .k-icon,
.k-button.k-state-disabled .k-icon {
opacity: 0.7;
}
.k-split-button.k-state-disabled .k-icon {
opacity: 1;
}
.k-i-loading {
background-image: url('Nova/loading.gif');
}
.k-loading-image {
background-image: url('Nova/loading-image.gif');
}
.k-loading-color {
background-color: #fff;
}
.k-button {
border-radius: 3px;
}
.k-button.k-bare {
position: relative;
}
.k-button.k-bare:before {
content: "";
background-color: currentcolor;
opacity: 0.12;
border-radius: inherit;
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
display: none;
}
.k-button.k-bare.k-state-focused:before,
.k-button.k-bare:focus:before {
display: block;
}
.k-mediaplayer-toolbar .k-button.k-bare:active,
.k-mediaplayer-toolbar .k-button.k-bare.k-state-active,
.k-mediaplayer-toolbar .k-button.k-bare.k-state-active:hover {
color: #ff4350;
}
.k-mediaplayer-toolbar .k-button.k-bare:active:before,
.k-mediaplayer-toolbar .k-button.k-bare.k-state-active:before,
.k-mediaplayer-toolbar .k-button.k-bare.k-state-active:hover:before {
opacity: 0.24;
}
.k-slider.k-mediaplayer-seekbar {
top: -14px;
}
.k-quality-list {
margin-left: -25px !important;
}
.k-menu {
background-color: #fff;
border-color: #fff;
}
.k-menu > .k-item.k-state-hover {
color: #32364c;
}
.k-menu .k-popup .k-item {
color: #00acc1;
}
.k-menu .k-item > .k-state-active {
color: #fff;
background-color: #ff4350;
}
.k-menu .k-state-selected.k-state-hover,
.k-menu .k-menu-scroll-button:hover {
background-color: #b0ebf2;
}
.k-menu .k-state-hover .k-link.k-state-active {
background-color: #e53c48;
}
.k-list-container {
border-color: #e0e0e0;
background-color: #fff;
}
.k-dropdown,
.k-combobox,
.k-datepicker,
.k-datetimepicker,
.k-colorpicker {
background-color: #fff;
}
.k-autocomplete,
.k-picker-wrap.k-state-default,
.k-numeric-wrap.k-state-default,
.k-dropdown-wrap.k-state-default {
background-color: #fff;
border-color: #e0e0e0;
}
.k-multiselect-wrap,
.k-multiselect-wrap.k-state-hover {
background-color: #fff;
border-color: #e0e0e0;
}
.k-autocomplete.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-dropdown-wrap.k-state-hover {
background-color: #f5f6f6;
}
.k-autocomplete.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused,
.k-dropdown-wrap.k-state-focused {
background-color: #fff;
border-color: #9da2a4;
box-shadow: none;
}
.k-multiselect-wrap.k-state-focused,
.k-state-focused > .k-multiselect-wrap {
background-color: #fff;
border-color: #9da2a4;
box-shadow: none;
}
.k-autocomplete.k-state-active,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-active,
.k-dropdown-wrap.k-state-active {
color: #fff;
background-color: #ff4350;
border-color: #ff4350;
}
.k-multiselect-wrap.k-state-active,
.k-state-active.k-multiselect-wrap {
color: #fff;
background-color: #ff4350;
border-color: #ff4350;
}
.k-multiselect-wrap.k-state-border-up,
.k-multiselect-wrap.k-state-border-down,
.k-state-border-up > .k-multiselect-wrap,
.k-state-border-down > .k-multiselect-wrap {
border-color: #ff4350;
}
.k-textbox.k-state-disabled,
.k-state-disabled .k-picker-wrap,
.k-autocomplete.k-state-disabled,
.k-dropdown-wrap.k-state-disabled,
.k-picker-wrap.k-state-disabled,
.k-numeric-wrap.k-state-disabled {
background-color: #fff;
border-color: #f0f0f0;
}
.k-multiselect-wrap.k-state-disabled,
.k-state-disabled > .k-multiselect-wrap {
background-color: #fff;
border-color: #f0f0f0;
}
.k-numerictextbox .k-select,
.k-combobox .k-select,
.k-picker-wrap .k-select {
border-color: #fff;
}
.k-autocomplete.k-state-border-up,
.k-autocomplete.k-state-border-down,
.k-picker-wrap.k-state-active .k-select,
.k-numeric-wrap.k-state-active .k-select,
.k-dropdown-wrap.k-state-active .k-select {
border-color: #ff4350;
}
.k-numeric-wrap .k-link.k-state-selected,
.k-grid .k-numeric-wrap .k-link.k-state-selected {
background-color: #ff4350;
}
.k-dropdown .k-state-active .k-input {
color: #fff;
}
.k-colorpicker .k-selected-color {
background-color: #fff;
}
input.k-textbox:focus {
border-color: #9da2a4;
}
input.k-textbox:active {
border-color: #ff4350;
}
.k-popup > .k-group-header,
.k-popup > .k-virtual-wrap > .k-group-header {
background: #ff4350;
color: #fff;
}
.k-popup .k-list .k-item {
color: #00acc1;
}
.k-group-header + div > .k-list > .k-item.k-first:before {
border-top-color: #ff4350;
}
.k-popup .k-list .k-state-selected.k-state-focused.k-first:before {
border-top-color: #9a2830;
}
.k-popup .k-list .k-item > .k-group {
background: #ff4350;
color: #fff;
}
.k-popup .k-list .k-state-selected {
color: #fff;
background-color: #ff4350;
border-color: #ff4350;
}
.k-popup .k-list .k-state-focused {
border-color: #9c9c9c;
box-shadow: none;
}
.k-popup .k-list .k-state-selected.k-state-focused {
border-color: #9a2830;
}
.k-popup .k-list .k-state-selected.k-state-hover {
background-color: #cc3640;
}
.k-multiselect-wrap .k-button {
color: #ffffff;
background-color: #ff4350;
border-color: #ff4350;
}
.k-multiselect.k-state-disabled .k-button {
color: #fff;
background-color: #ff9fa5;
border-color: #ff9fa5;
}
.k-list-optionlabel {
border-color: transparent;
}
.k-nodata {
color: #c4c4c4;
}
.k-notification {
border-radius: 0;
}
.k-notification-info {
background-color: #80deea;
color: #188390;
border-color: #80deea;
}
.k-notification-success {
background-color: #a5d6a7;
color: #4ca64f;
border-color: #a5d6a7;
}
.k-notification-warning {
background-color: #ffecc7;
color: #ffbd3d;
border-color: #ffecc7;
}
.k-notification-error {
background-color: #ffbfc4;
color: #ff404e;
border-color: #ffbfc4;
}
.k-widget.k-tooltip,
.k-chart-crosshair-tooltip,
.k-chart-shared-tooltip {
color: #32364c;
background-color: #fff;
border-color: #e0e0e0;
box-shadow: 0 4px 10px 4px rgba(0, 0, 0, 0.2);
}
.k-widget.k-tooltip-validation {
color: #ffc147;
background-color: #ffecc7;
border-color: #ffecc7;
box-shadow: none;
border-radius: 0;
}
.k-badge {
background-color: #ff4350;
color: #fff;
}
.k-treeview .k-state-hover {
color: #32364c;
}
.k-treeview .k-state-selected {
color: #ff4350;
}
.k-splitbar {
background: #fff;
border-color: #fff;
}
.k-splitbar.k-state-focused {
background-color: #ff4350;
border-color: #ff4350;
}
.k-window {
box-shadow: 0 4px 10px 4px rgba(0, 0, 0, 0.2);
}
.k-window > .k-header {
color: #ffffff;
}
.k-window > .k-header .k-state-hover {
background-color: #e53c48;
}
.k-panelbar {
color: #32364c;
background-color: #fff;
border-color: #e0e0e0;
}
.k-panelbar > .k-item .k-panel > .k-item > .k-link,
.k-panelbar > .k-item .k-panel > .k-item .k-panel > .k-item > .k-link,
.k-panelbar .k-panel > .k-item .k-panel .k-item > .k-link {
color: #32364c;
}
.k-panelbar .k-item > .k-link.k-header {
color: #ff4350;
background-color: #fff;
}
.k-panelbar > .k-item > .k-link.k-state-hover,
.k-panelbar > .k-item .k-panel > .k-item > .k-link.k-state-hover {
background-color: #f5f6f6;
}
.k-tabstrip.k-header {
background-color: #fff;
}
.k-tabstrip-items {
background-image: none;
background-image: none, linear-gradient(to bottom, #303553 0%, #072138 100%);
background-color: #081421;
}
.k-tabstrip-items .k-item {
color: #ffffff;
border-color: transparent;
}
.k-tabstrip-items .k-item.k-state-hover,
.k-tabstrip-items .k-item.k-state-selected {
border-top-color: #32364c;
background-image: none;
background-image: none, linear-gradient(to bottom, #202333 0%, #081421 100%);
background-color: #081421;
}
.k-tabstrip-left > .k-tabstrip-items > .k-item.k-state-active {
border-right-color: #ff4350;
}
.k-tabstrip-right > .k-tabstrip-items > .k-item.k-state-active {
border-left-color: #ff4350;
}
.k-tabstrip-top > .k-tabstrip-items .k-item.k-state-active {
background-image: none;
background-image: none, linear-gradient(to bottom, #202333 0%, #081421 100%);
border-bottom-color: #ff4350;
}
.k-tabstrip-bottom > .k-tabstrip-items > .k-item.k-state-active {
border-top-color: #ff4350;
}
.k-progressbar {
background: #cccccc;
border-color: #cccccc;
}
.k-progressbar .k-state-selected {
background-color: #ff4350;
}
.k-progressbar-horizontal .k-state-selected {
border-top-color: #ff4350;
border-bottom-color: #ff4350;
border-left-color: #e0e0e0;
border-right-color: #e0e0e0;
}
.k-progressbar-horizontal .k-state-selected.k-first {
border-left-color: #ff4350;
}
.k-progressbar-horizontal .k-state-selected.k-last {
border-right-color: #ff4350;
}
.k-progressbar-vertical .k-state-selected {
border-left-color: #ff4350;
border-right-color: #ff4350;
border-top-color: #e0e0e0;
border-bottom-color: #e0e0e0;
}
.k-progressbar-vertical > .k-complete {
border-top-color: #ff4350;
border-bottom-color: #ff4350;
}
.k-progressbar-vertical .k-state-selected.k-first {
border-top-color: #ff4350;
}
.k-progressbar-vertical .k-state-selected.k-last {
border-bottom-color: #ff4350;
}
.k-grid-header,
.k-grid-header .k-header,
.k-pager-wrap,
.k-pager-numbers .k-state-selected,
.k-grid-footer,
.k-grid-footer td,
.k-scheduler-agenda .k-scheduler-header {
background-color: #fafafa;
border-color: #e0e0e0;
}
.k-grid-header .k-header .k-link,
.k-grid-header .k-header,
.k-grid-header .k-link,
.k-grid-header .k-link:link,
.k-pager-info,
.k-scheduler-agenda .k-scheduler-header,
.k-scheduler-agendaview .k-scheduler-datecolumn {
color: #9da2a4;
}
.k-grid .k-alt {
background-color: #fff;
}
.k-grid tr:hover {
background-color: #f5f6f6;
}
.k-grid-header th.k-state-focused,
.k-grid td.k-state-focused {
box-shadow: inset 0 0 0 1px #9c9c9c;
}
.k-grid-toolbar .k-button,
.k-grid-content .k-button {
color: #ff4350;
border-color: transparent;
background-color: #fff;
}
.k-grid-toolbar .k-button-icontext .k-icon,
.k-grid-content .k-button-icontext .k-icon,
.k-edit-form-container .k-edit-buttons .k-button-icontext .k-icon {
display: none;
}
.k-edit-form-container .k-edit-buttons {
background-color: #fff;
}
.k-grid-toolbar .k-button:hover {
border-color: #f5f6f6;
}
.k-grid-content .k-button-icontext {
background-color: transparent;
}
.k-grid-content .k-primary {
color: #ffffff;
background-color: #ff4350;
}
.k-grid-toolbar .k-button:active,
.k-grid-content .k-button-icontext:active {
color: #ffffff;
background-color: #ff4350;
border-color: #ff4350;
}
.k-grid-content .k-button:active {
border-color: #ff4350;
}
.k-header.k-grid-toolbar {
background-color: #fff;
border-color: #e0e0e0;
}
.k-grid .k-grouping-header {
color: rgba(255, 255, 255, 0.5);
}
.k-grouping-header .k-group-indicator {
color: #ffffff;
background-color: #e53c48;
border-color: #e53c48;
}
.k-group-indicator .k-link {
color: #ffffff;
}
.k-grouping-row {
background-color: #fafafa;
font-weight: bold;
}
.k-group-cell {
background-color: #fafafa;
}
.k-filter-menu .k-button,
.k-edit-form-container .k-button {
color: #32364c;
background: transparent;
border-color: transparent;
}
.k-filter-menu .k-button:active {
color: #32364c;
}
.k-filter-menu .k-primary,
.k-edit-form-container .k-primary {
color: #ff4350;
}
.k-filter-menu .k-primary {
border-left-color: #e0e0e0;
}
.k-filter-menu > div > div:last-child {
border-color: #e0e0e0;
}
.k-grid td.k-state-selected,
.k-grid tr.k-state-selected > td {
border-color: rgba(224, 224, 224, 0.8);
}
.k-grid tr.k-state-selected,
.k-grid td.k-state-selected,
.k-grid td.k-state-selected.k-state-focused {
background-color: #e0f7fa;
}
.k-grid td.k-state-selected:hover,
.k-grid tr.k-state-selected:hover td {
background-color: #caf1f6;
}
.k-grid tr:hover .k-state-focused.k-state-selected,
.k-grid tr.k-state-selected:hover td.k-state-focused {
box-shadow: inset 0 0 0 1px #878787;
}
.k-grid .k-state-selected:hover .k-group-cell {
background-color: #fafafa;
}
.k-marquee-color {
background-color: #86d9e4;
}
.k-alt,
.k-grid.k-alt,
.k-fieldselector .k-item.k-header {
background-color: #fafafa;
border-color: #e0e0e0;
}
.k-pivot-toolbar .k-button {
color: #ffffff;
background-color: #e53c48;
border-color: #e53c48;
}
.k-pivot-toolbar .k-empty {
color: rgba(255, 255, 255, 0.5);
}
.k-fieldselector .k-item.k-header.k-state-hover {
color: #32364c;
}
.k-grid-footer td,
.k-pivot-rowheaders .k-grid-footer {
font-weight: bold;
}
.k-grid .k-filter-row:hover,
.k-pivot-rowheaders .k-grid tr:hover {
background: none;
}
.k-pager-wrap,
.k-pager-numbers .k-link,
.k-pager-numbers .k-link:link {
color: #32364c;
}
.k-pager-wrap .k-link {
border-color: #fafafa;
}
.k-pager-wrap .k-link:hover {
background-color: transparent;
border-color: transparent;
}
.k-pager-numbers .k-state-selected {
color: #ff4350;
border-color: #ff4350 transparent transparent;
border-radius: 0;
}
.k-pager-lg .k-pager-numbers,
.k-pager-md .k-pager-numbers,
.k-pager-sm .k-pager-numbers {
color: #00acc1;
background-color: #fff;
}
.k-pager-lg .k-pager-numbers.k-state-expanded li:nth-child(2),
.k-pager-md .k-pager-numbers.k-state-expanded li:nth-child(2),
.k-pager-sm .k-pager-numbers.k-state-expanded li:nth-child(2) {
padding-bottom: 11px;
}
.k-pager-lg .k-pager-numbers.k-state-expanded li:last-child,
.k-pager-md .k-pager-numbers.k-state-expanded li:last-child,
.k-pager-sm .k-pager-numbers.k-state-expanded li:last-child {
padding-top: 11px;
}
.k-pager-lg .k-pager-numbers.k-state-expanded .k-link:hover,
.k-pager-md .k-pager-numbers.k-state-expanded .k-link:hover,
.k-pager-sm .k-pager-numbers.k-state-expanded .k-link:hover {
color: #888e90;
background-color: #f5f6f6;
border-color: #f5f6f6;
}
.k-pager-lg .k-pager-numbers.k-state-expanded .k-state-selected,
.k-pager-md .k-pager-numbers.k-state-expanded .k-state-selected,
.k-pager-sm .k-pager-numbers.k-state-expanded .k-state-selected,
.k-pager-lg .k-pager-numbers.k-state-expanded .k-current-page .k-link,
.k-pager-md .k-pager-numbers.k-state-expanded .k-current-page .k-link,
.k-pager-sm .k-pager-numbers.k-state-expanded .k-current-page .k-link {
color: #ffffff;
background-color: #ff4350;
border-color: #ff4350;
}
.k-scheduler th,
.k-scheduler tr,
.k-scheduler td {
border-color: #e0e0e0;
}
.k-scheduler-table td.k-state-selected {
background-color: #e0f7fa;
}
.k-scheduler-toolbar {
border-color: #fafafa;
}
.k-scheduler .k-header .k-button,
.k-scheduler .k-header li,
.k-scheduler .k-header .k-link {
color: #ffffff;
}
.k-scheduler .k-header .k-button {
color: #ffffff;
background-color: #e53c48;
border-color: #e53c48;
}
.k-scheduler .k-header li,
.k-scheduler .k-header .k-link,
.k-gantt > .k-header li {
border-color: #ff4350;
}
.k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
.k-scheduler .k-scheduler-toolbar .k-state-selected {
background-color: #ff4350;
border-color: #ff4350;
}
.k-scheduler .k-header .k-button:hover,
.k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover,
.k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover .k-link {
background-color: #e53c48;
border-color: #e53c48;
}
.k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-selected.k-state-hover,
.k-scheduler-toolbar > .k-scheduler-views > li.k-state-selected {
border-bottom-color: #fff;
}
.k-scheduler-footer {
border-color: #e0e0e0;
}
.k-scheduler-footer > .k-header li {
border-color: transparent;
}
.k-scheduler-footer > .k-header {
background-color: #fafafa;
border-color: #e0e0e0;
}
.k-scheduler-footer > .k-header .k-link {
color: #00acc1;
}
.k-event,
.k-task-complete {
color: #ffffff;
background: #24c6db;
border-color: #24c6db;
}
.k-event.k-state-selected {
box-shadow: 0 0 0 2px #32364c;
}
.k-scheduler-table .k-nonwork-hour,
.k-scheduler-dayview .k-today.k-nonwork-hour,
.k-scheduler-timelineview .k-today.k-nonwork-hour {
background-color: #fafafa;
}
.k-scheduler-table .k-today,
.k-today > .k-scheduler-datecolumn,
.k-today > .k-scheduler-groupcolumn {
background-color: #f5f5f5;
}
.k-scheduler-header .k-today {
background: transparent;
}
table:not(.k-scheduler-dayview) .k-scheduler-header-wrap .k-today {
color: #ff4350;
}
.k-gantt .k-treelist,
.k-gantt .k-treelist .k-alt,
.k-gantt .k-header.k-nonwork-hour,
.k-gantt .k-treelist .k-alt,
.k-gantt .k-header.k-nonwork-hour {
background-color: #fafafa;
}
.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: #e0f7fa;
}
.k-gantt-toolbar {
border-color: #fafafa;
}
.k-gantt-toolbar .k-button {
background-color: #ff4350;
border-color: #ff4350;
}
.k-gantt > .k-header li,
.k-gantt > .k-header .k-link,
.k-gantt-toolbar .k-button {
color: #ffffff;
}
.k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover,
.k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover .k-link,
.k-gantt .k-gantt-toolbar .k-button:hover {
background-color: #e53c48;
border-color: #e53c48;
}
.k-gantt-toolbar > .k-gantt-views > li.k-state-selected,
.k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-selected.k-state-hover {
border-bottom-color: #fff;
}
.k-gantt-toolbar li:first-child,
.k-gantt-toolbar li:first-child > .k-link,
.k-gantt-toolbar li:last-child,
.k-gantt-toolbar li:last-child > .k-link {
border-radius: 0;
}
.k-gantt .k-task-draghandle {
border-color: #24c6db;
}
.k-task-dot:after {
background-color: #9da2a4;
border-color: #9da2a4;
}
.k-task-dot:hover:after {
background-color: #32364c;
border-color: #32364c;
}
.k-task-summary {
background: #e0e0e0;
}
.k-task-milestone {
background-color: #4fad53;
}
.k-task-summary-complete {
background: #32364c;
}
.k-state-selected.k-task-summary {
background: #92e3ed;
}
.k-state-selected.k-task-milestone,
.k-state-selected .k-task-summary-complete {
background-color: #e0f7fa;
border-color: #e0f7fa;
}
.k-task-single {
color: #ffffff;
background-color: #92e3ed;
border-color: #92e3ed;
}
.k-state-selected.k-task-single {
border-color: #ff4350;
}
.k-line {
background-color: #32364c;
color: #32364c;
}
.k-state-selected.k-line {
background-color: #ff4350;
color: #ff4350;
}
.k-resource {
background-color: #fff;
}
.k-editor.k-header,
.editorToolbarWindow.k-header,
.k-filebrowser .k-header {
color: #32364c;
background-color: #fff;
border-color: #e0e0e0;
}
.k-editor .k-tool.k-state-selected,
.k-window .k-editor-toolbar .k-tool.k-state-selected {
background-color: #9da2a4;
border-color: #9da2a4;
}
.k-window .k-editor-toolbar .k-state-hover {
background-color: #f5f6f6;
}
.k-toolbar .k-button,
.k-toolbar .k-button-group {
color: #32364c;
border-color: #e0e0e0;
}
.k-toolbar .k-button:active,
.k-toolbar .k-button.k-state-active {
color: #ffffff;
}
.k-toolbar .k-button-group .k-button {
border-color: transparent;
}
.k-toolbar .k-button-group .k-button:active,
.k-toolbar .k-button-group .k-button.k-state-active,
.k-toolbar .k-overflow-anchor.k-state-active,
.k-toolbar .k-toggle-button.k-state-active {
background-color: #9da2a4;
}
.k-toolbar .k-overflow-anchor.k-state-active {
border-color: #9da2a4;
}
.k-toolbar .k-overflow-anchor.k-state-border-down,
.k-toolbar .k-overflow-anchor.k-state-border-up {
background-color: #ff4350;
border-color: #ff4350;
}
.k-toolbar .k-button.k-state-disabled,
.k-toolbar .k-button.k-state-disabled:hover,
.k-toolbar .k-button.k-state-disabled:active,
.k-toolbar .k-state-disabled.k-split-button > .k-button {
color: #c4c4c4;
border-color: #f0f0f0;
background-color: #fff;
}
.k-toolbar .k-button-group .k-button.k-state-disabled {
border-color: transparent;
}
.k-toolbar .k-button:focus,
.k-toolbar .k-button.k-state-disabled:focus,
.k-toolbar .k-split-button:focus > .k-button {
border-color: #ff4350;
}
.k-overflow-container .k-button,
.k-split-container .k-button {
color: #00acc1;
}
.k-overflow-container .k-button {
border-radius: 0;
}
.k-overflow-container .k-overflow-group,
.k-overflow-container .k-separator {
border-color: #e0e0e0;
}
.k-overflow-container .k-overflow-button.k-state-active,
.k-split-container .k-button.k-state-active {
color: #fff;
}
.k-overflow-container .k-state-disabled .k-button,
.k-overflow-container .k-state-disabled.k-button,
.k-split-container .k-state-disabled .k-button {
color: #c4c4c4;
}
.k-overflow-container .k-state-disabled .k-button:focus,
.k-overflow-container .k-state-disabled.k-button:focus,
.k-split-container .k-state-disabled .k-button:focus {
border-color: #ff4350;
}
.k-file,
.k-upload {
background-color: #fff;
border-color: #e0e0e0;
}
.k-dropzone .k-upload-status {
color: #9da2a4;
}
.k-file .k-upload-status {
color: #32364c;
}
.k-file-progress {
color: #32364c;
}
.k-file-progress .k-progress {
background-color: #21b6c9;
}
.k-file-success .k-file-name,
.k-file-success .k-upload-pct {
color: #4fad53;
}
.k-file-success .k-progress {
background-color: #4fad53;
}
.k-file-error {
color: #ff404e;
}
.k-file-error .k-file-extension-wrapper,
.k-file-error .k-multiple-files-extension-wrapper {
color: #ff404e;
border-color: #ff404e;
}
.k-file-error .k-file-extension-wrapper:before,
.k-file-error .k-multiple-files-extension-wrapper:before {
background-color: #fff;
border-color: transparent transparent #ff404e #ff404e;
}
.k-file-error .k-progress {
background-color: #ff4350;
}
.k-file-extension-wrapper,
.k-multiple-files-extension-wrapper {
color: #c4c4c4;
border-color: #c4c4c4;
}
.k-file-invalid .k-file-name-invalid {
color: #ff404e;
}
.k-file-invalid-extension-wrapper,
.k-multiple-files-invalid-extension-wrapper {
color: #ff404e;
border-color: #ff404e;
}
.k-file-extension-wrapper:before,
.k-multiple-files-extension-wrapper:before {
background-color: #fff;
border-color: transparent transparent #c4c4c4 #c4c4c4;
}
.k-file-invalid-extension-wrapper:before,
.k-multiple-files-invalid-extension-wrapper:before {
background-color: #fff;
border-color: transparent transparent #ff404e #ff404e;
}
.k-multiple-files-extension-wrapper:after {
border-top-color: #c4c4c4;
border-left-color: #c4c4c4;
}
.k-multiple-files-invalid-extension-wrapper:after {
border-top-color: #ff404e;
border-left-color: #ff404e;
}
.k-file-size,
.k-file-information,
.k-file-validation-message {
color: #c4c4c4;
}
.k-upload .k-upload-selected {
color: #ff4350;
border-color: #e0e0e0;
}
.k-upload .k-upload-selected:hover {
color: #fff;
background-color: #ff4350;
}
.k-slider-track {
background-color: #e0e0e0;
}
.k-slider-selection {
background-color: #ff4350;
}
.k-slider-horizontal .k-tick {
background-image: url('Nova/slider-h.gif');
}
.k-slider-vertical .k-tick {
background-image: url('Nova/slider-v.gif');
}
.k-draghandle {
background-color: #fff;
border-color: #e0e0e0;
box-shadow: 0 0px 6px 1px rgba(0, 0, 0, 0.2);
border-radius: 50%;
}
.k-draghandle:hover {
background-color: #f5f6f6;
}
.k-flatcolorpicker .k-hue-slider .k-draghandle {
background-color: #fff;
border-color: #fff;
box-shadow: 0 0px 6px 1px rgba(0, 0, 0, 0.2);
border-radius: 50%;
}
.k-flatcolorpicker .k-hue-slider .k-draghandle:hover,
.k-flatcolorpicker .k-transparency-slider .k-draghandle:hover,
.k-flatcolorpicker .k-hue-slider .k-draghandle:focus,
.k-flatcolorpicker .k-transparency-slider .k-draghandle:focus {
background-color: #f5f6f6;
border-color: #f5f6f6;
box-shadow: 0 0px 6px 1px rgba(0, 0, 0, 0.2);
}
.k-checkbox-label:before {
border-color: #e0e0e0;
background: #fff;
border-radius: 3px;
}
.k-checkbox:hover + .k-checkbox-label:before,
.k-checkbox:checked:hover + .k-checkbox-label:before,
.k-checkbox-label:hover:before,
.k-checkbox:checked + .k-checkbox-label:hover:before {
border-color: #e0e0e0;
box-shadow: none;
}
.k-checkbox:checked + .k-checkbox-label:before {
background-color: #fff;
border-color: #e0e0e0;
color: #ff4350;
}
.k-checkbox:active + .k-checkbox-label:before,
.k-checkbox-label:active:before {
box-shadow: none;
border-color: #ff4350;
}
.k-checkbox:checked:active + .k-checkbox-label:before,
.k-checkbox:checked + .k-checkbox-label:active:before {
box-shadow: none;