@progress/kendo-ui/css/web/kendo.nova.css

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

/*!
 * 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-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: #ff2637;
}
.ktb-var-warning {
  color: #ffb82e;
}
.ktb-var-success {
  color: #479b4a;
}
.ktb-var-info {
  color: #1ea2b3;
}
.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,
.k-button.k-state-selected {
  color: #ffffff;
  background-color: #e53c48;
  border-color: #ff4350;
}
.k-button.k-state-active:hover,
.k-button.k-state-selected: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 .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-widget.k-button-group {
  background: none;
}
.k-split-button {
  border-radius: 0;
}
.k-split-button .k-button {
  border-radius: 0;
}
.k-split-button .k-button:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.k-split-button .k-button:last-child {
  border-top-right-radius: 0;
  border-bottom-right-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;
}
.k-split-button:focus .k-button {
  box-shadow: none;
  border-color: inherit;
}
.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-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-rtl .k-split-button .k-button {
  border-radius: 0;
}
.k-rtl .k-split-button .k-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.k-rtl .k-split-button .k-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.k-card {
  border-color: #e0e0e0;
  color: #32364c;
  background-color: #fff;
}
.k-card .k-card-callout {
  border-color: #e0e0e0;
  background-color: #fff;
}
.k-card-header {
  border-color: #e0e0e0;
  color: #ffffff;
  background-color: #ff4350;
}
.k-card-footer {
  border-color: #e0e0e0;
  color: #ffffff;
  background-color: #ff4350;
}
.k-card-separator {
  border-color: #e0e0e0;
}
.k-card-actions {
  border-color: #e0e0e0;
}
.k-card.k-state-primary,
.k-card.k-card-primary {
  border-color: #ffa1a8;
  color: #802228;
  background-color: #ffc7cb;
}
.k-card.k-state-info,
.k-card.k-card-info {
  border-color: #849597;
  color: #041618;
  background-color: #b5c0c1;
}
.k-card.k-state-success,
.k-card.k-card-success {
  border-color: #8b998b;
  color: #0b190c;
  background-color: #b9c2ba;
}
.k-card.k-state-warning,
.k-card.k-card-warning {
  border-color: #cab080;
  color: #4a3100;
  background-color: #dfd0b3;
}
.k-card.k-state-error,
.k-card.k-card-error {
  border-color: #c68085;
  color: #460005;
  background-color: #ddb3b6;
}
.k-tilelayout,
.k-widget.k-tilelayout {
  background-color: #f5f5f5;
}
.k-layout-item-hint {
  border-color: #e0e0e0;
  background-color: rgba(255, 255, 255, 0.2);
}
.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: #fff;
}
.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: #5dd5e4;
  color: #00acc1;
  background-color: #5dd5e4;
  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,
.k-calendar .k-calendar-header .k-today {
  color: #00acc1;
}
.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: #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: #5dd5e4;
  color: #00acc1;
  background-color: #5dd5e4;
}
.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(93, 213, 228, 0.3) 1px, rgba(93, 213, 228, 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(93, 213, 228, 0.3);
}
.k-calendar-range td.k-range-split-start::after {
  background-image: linear-gradient(to left, rgba(93, 213, 228, 0.3), transparent);
}
.k-calendar-range td.k-range-split-end::after {
  background-image: linear-gradient(to right, rgba(93, 213, 228, 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-pdf-viewer .k-search-highlight {
  background-color: #4d4d4d;
}
.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-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-listgroup-item.k-state-selected {
  color: #ff4350;
  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: #ff4350;
}
.k-filter .k-filter-preview-operator {
  color: rgba(50, 54, 76, 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: #e0e0e0;
}
.k-drawer {
  border-color: #e0e0e0;
  color: #32364c;
  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: #888e90;
  background-color: #f5f6f6;
  background-image: none;
}
.k-drawer-item:focus,
.k-drawer-item.k-state-focused {
  background-color: #fff;
  box-shadow: inset 0 0 0 1px #ff4350;
}
.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: #888e90;
  background-color: #f5f6f6;
}
.k-drawer-item.k-state-selected {
  color: #fff;
  background-color: #ff4350;
}
.k-drawer-item.k-state-selected:hover,
.k-drawer-item.k-state-selected.k-state-hover {
  color: #fff;
  background-color: #ff2938;
}
.k-drawer-separator {
  background-color: #e0e0e0;
}
.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(255, 67, 80, 0.5);
}
.k-rating-item {
  color: #e0e0e0;
}
.k-rating-item.k-state-selected {
  color: #ff4350;
  background: none;
  box-shadow: none;
}
.k-rating-item.k-state-selected:focus,
.k-rating-item.k-state-selected.k-state-focused {
  color: #ff4350;
}
.k-rating-item:hover,
.k-rating-item.k-state-hover {
  color: #ff4350;
  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: #ff4350;
  color: #ffffff;
}
.k-timeline .k-timeline-circle {
  background-color: #ff4350;
}
.k-timeline .k-timeline-card .k-card-header {
  background-color: #fff;
  color: #32364c;
}
.k-timeline .k-timeline-card .k-card-body {
  scrollbar-color: #e0e0e0 #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: #e0e0e0;
}
.k-timeline .k-timeline-card .k-card-body::-webkit-scrollbar-thumb:hover {
  background: #9da2a4;
}
.k-timeline .k-timeline-date {
  color: #32364c;
}
.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: #c4c4c4;
  background-color: #fff;
  border-color: #f0f0f0;
}
.k-timeline-vertical::after,
.k-timeline-horizontal .k-timeline-track-wrap::after {
  background-color: #fff;
  border-color: #9da2a4;
}
.k-timeline-horizontal .k-timeline-flag::after {
  background-color: #ff4350;
}
.k-breadcrumb:focus,
.k-breadcrumb.k-state-focused {
  box-shadow: none;
}
.k-breadcrumb .k-breadcrumb-link {
  border-color: transparent;
  color: #00acc1;
  background-color: transparent;
}
.k-breadcrumb .k-breadcrumb-link:hover,
.k-breadcrumb .k-breadcrumb-link.k-state-hover {
  border-color: transparent;
  color: #009aad;
  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: #00acc1;
  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: #9da2a4;
  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: 0;
  border-color: #e0e0e0;
  color: #32364c;
  background-color: #fff;
}
.k-listgroup-flush {
  border-radius: 0;
}
.k-messagebox-primary {
  border-color: #ffd9dc;
  color: #85232a;
  background-color: #ffcace;
}
.k-messagebox-secondary {
  border-color: #ffffff;
  color: #858585;
  background-color: #ffffff;
}
.k-messagebox-tertiary {
  border-color: #cceef3;
  color: #005964;
  background-color: #b8e8ee;
}
.k-messagebox-info {
  border-color: #d2ecf0;
  color: #10545d;
  background-color: #c0e5ea;
}
.k-messagebox-success {
  border-color: #daebdb;
  color: #255126;
  background-color: #cbe3cc;
}
.k-messagebox-warning {
  border-color: #fff1d5;
  color: #856018;
  background-color: #ffebc4;
}
.k-messagebox-error {
  border-color: #ffd4d7;
  color: #85141d;
  background-color: #ffc2c7;
}
.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: #ff4350;
  color: #ffffff;
  background-color: #ff4350;
}
.k-badge-secondary {
  border-color: #fff;
  color: #000000;
  background-color: #fff;
}
.k-badge-tertiary {
  border-color: #00acc1;
  color: #ffffff;
  background-color: #00acc1;
}
.k-badge-info {
  border-color: #1ea2b3;
  color: #ffffff;
  background-color: #1ea2b3;
}
.k-badge-success {
  border-color: #479b4a;
  color: #ffffff;
  background-color: #479b4a;
}
.k-badge-warning {
  border-color: #ffb82e;
  color: #000000;
  background-color: #ffb82e;
}
.k-badge-error {
  border-color: #ff2637;
  color: #ffffff;
  background-color: #ff2637;
}
.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: #ff4350;
}
.k-badge-outline-secondary {
  color: #fff;
}
.k-badge-outline-tertiary {
  color: #00acc1;
}
.k-badge-outline-info {
  color: #1ea2b3;
}
.k-badge-outline-success {
  color: #479b4a;
}
.k-badge-outline-warning {
  color: #ffb82e;
}
.k-badge-outline-error {
  color: #ff2637;
}
.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: 0;
  border-color: #e0e0e0;
  color: #32364c;
  background-color: #fff;
}
.k-checkbox:checked::before {
  border-radius: 0;
}
.k-checkbox.k-invalid,
.k-checkbox.k-state-invalid {
  border-color: #e0e0e0;
}
.k-checkbox:hover {
  border-color: #e0e0e0;
  color: #ff4350;
  background-color: #fff;
}
.k-checkbox:focus {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.06);
  border-color: #e0e0e0;
}
.k-checkbox:indeterminate,
.k-checkbox.k-state-indeterminate {
  border-color: #e0e0e0;
  color: #ff4350;
  background-color: #fff;
}
.k-checkbox:checked {
  border-color: #ff4350;
  color: #fff;
  background-color: #ff4350;
}
.k-checkbox:checked:focus {
  box-shadow: 0 0 0 2px rgba(255, 67, 80, 0.3);
  border-color: #ff4350;
}
.k-radio {
  border-color: #e0e0e0;
  color: #32364c;
  background-color: #fff;
  border-radius: 50%;
}
.k-radio::before {
  border-radius: 50%;
}
.k-radio:hover {
  border-color: #e0e0e0;
  color: #ff4350;
  background-color: #fff;
}
.k-radio:focus {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.06);
  border-color: #e0e0e0;
}
.k-radio:checked {
  border-color: #ff4350;
  color: #fff;
  background-color: #ff4350;
}
.k-radio:checked:focus {
  box-shadow: 0 0 0 2px rgba(255, 67, 80, 0.3);
  border-color: #ff4350;
}
.k-filemanager {
  border-color: false;
  color: false;
  background-color: false;
}
.k-filemanager-toolbar {
  border-color: #e0e0e0;
  color: false;
  background-color: false;
}
.k-filemanager-navigation {
  border-color: #e0e0e0;
  color: false;
  background-color: false;
}
.k-filemanager-breadcrumb {
  border-color: #e0e0e0;
  color: false;
  background-color: #fff;
}
.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: #32364c;
  background-color: false;
}
.k-filemanager-listview .k-item .k-icon {
  border-color: false;
  color: #aaacb5;
  background-color: false;
}
.k-filemanager-grid {
  border-color: false;
  color: false;
  background-color: false;
}
.k-filemanager-preview {
  border-color: #e0e0e0;
  color: false;
  background-color: false;
}
.k-filemanager-preview .k-file-preview-wrapper .k-icon {
  border-color: false;
  color: #aaacb5;
  background-color: false;
}
.k-filemanager-preview .k-file-size {
  color: inherit;
}
.k-filemanager-drag-hint {
  border-color: false;
  color: #ffffff;
  background-color: #ff4350;
}
.k-filemanager-drag-hint .k-icon {
  border-color: false;
  color: #ffffff;
  background-color: false;
}
.k-toolbar {
  border-color: #e0e0e0;
  color: #32364c;
  background-color: #fff;
}
.k-overflow-container .k-button-group .k-button {
  border-radius: 0;
}
.k-overflow-container .k-split-button .k-button {
  border-radius: 0;
}
.k-window {
  border-radius: 0;
  border-color: #e0e0e0;
  color: #32364c;
  background-color: #fff;
  box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.12);
}
.k-window.k-state-focused {
  border-color: #e0e0e0;
  box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.25);
}
.k-window-titlebar {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-color: #e0e0e0;
  color: #ffffff;
  background-color: #ff4350;
  background-image: linear-gradient(false);
}
.k-window-action {
  border-radius: 0;
}
.k-window-content {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.k-window-titleless .k-window-content {
  border-radius: 0;
}
.k-dialog-buttongroup {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-color: #e0e0e0;
}
.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: #e0e0e0;
  color: #848694;
  background-color: #fff;
}
.k-stepper .k-step-indicator {
  border-color: #e0e0e0;
  color: #32364c;
  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: #e0e0e0;
  color: #32364c;
  background-color: #fff;
}
.k-stepper .k-step-done .k-step-indicator {
  border-color: #ff4350;
  color: #ffffff;
  background-color: #ff4350;
}
.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: #ff1021;
}
.k-stepper .k-step-done.k-step-disabled .k-step-indicator,
.k-stepper .k-step-done:disabled .k-step-indicator {
  border-color: #ff8e96;
  color: #ffffff;
  background-color: #ff8e96;
}
.k-stepper .k-step-current .k-step-indicator {
  border-color: #ff4350;
  color: #ffffff;
  background-color: #ff4350;
}
.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: #ff1021;
}
.k-stepper .k-step-current.k-step-disabled .k-step-indicator,
.k-stepper .k-step-current:disabled .k-step-indicator {
  border-color: #ff8e96;
  color: #ffffff;
  background-color: #ff8e96;
}
.k-stepper .k-step-label {
  color: #32364c;
}
.k-stepper .k-step-success .k-step-label .k-icon {
  color: #173218;
}
.k-stepper .k-step-error .k-step-label {
  color: #8c000b;
}
.k-stepper .k-step-disabled .k-step-label {
  color: #848694;
}
.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 #e0e0e0;
}
.k-stepper .k-step-optional .k-step-label-optional {
  opacity: 0.35;
}
.k-form-error {
  color: #ff2637;
}
.k-form-legend {
  border-color: #e0e0e0;
}
.k-text-error {
  color: #ff2637;
}
.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-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-disabled,
.k-grid-header,
.k-grid-header-wrap,
.k-grid-header-locked,
.k-grid-footer-locked,
.k-grid-content-locked,
.k-grid td,
.k-grid td.k-state-selected,
.k-grid-footer-wrap,
.k-grouping-header,
.k-grouping-header .k-group-indicator,
.k-panelbar > .k-item > .k-link,
.k-panel > .k-item > .k-link,
.k-panelbar .k-panel,
.k-panelbar .k-content,
.k-treemap-tile,
.k-slider-track,
.k-splitbar,
.k-dropzone-active,
.k-upload-files,
.k-popup.k-align .k-list .k-item:last-child,
.k-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-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-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 {
  box-shadow: 0 0px 6px 1px rgba(0, 0, 0, 0.2);
}
.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: #fff;
}
.k-input,
.k-textbox,
.k-textarea,
.k-textbox > input,
.k-textarea > textarea,
.k-multiselect-wrap {
  color: #32364c;
  background-color: #fff;
  border-color: #e0e0e0;
}
.k-input-label {
  color: #32364c;
}
.k-state-selected {
  background-color: rgba(30, 162, 179, 0.25);
}
.k-state-focused {
  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-dropdown .k-state-focused,
.k-filebrowser-dropzone {
  color: #888e90;
  background-color: #f5f6f6;
  border-color: #f5f6f6;
}
.k-state-disabled,
.k-state-disabled .k-link,
.k-dropzone em,
.k-slider .k-draghandle {
  color: #c4c4c4;
}
.k-block,
.k-drag-clue,
.k-touch-scrollbar,
.k-inline-block,
.k-grid .k-filter-options,
.k-grouping-header .k-group-indicator,
.k-treeview .k-in,
.k-editor-inline,
.k-slider-track,
.k-slider-selection {
  border-radius: 0;
}
.k-textbox,
.k-textarea,
.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-upload {
  border-radius: 3px;
}
.k-dropdown-wrap .k-input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input {
  border-radius: 3px 0 0 3px;
}
.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-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-gantt-toolbar .k-icon,
.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-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-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: #ff4350;
}
.k-mediaplayer-toolbar .k-button.k-flat:active:before,
.k-mediaplayer-toolbar .k-button.k-flat.k-state-active:before,
.k-mediaplayer-toolbar .k-button.k-flat.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: #2dc8dc;
}
.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-textarea.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,
.k-textbox.k-state-focused {
  border-color: #9da2a4;
  box-shadow: none;
}
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: #1ea2b3;
  color: #ffffff;
  border-color: #1ea2b3;
}
.k-notification-success {
  background-color: #479b4a;
  color: #ffffff;
  border-color: #479b4a;
}
.k-notification-warning {
  background-color: #ffb82e;
  color: #000000;
  border-color: #ffb82e;
}
.k-notification-error {
  background-color: #ff2637;
  color: #ffffff;
  border-color: #ff2637;
}
.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-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-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-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-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 .k-button {
  color: #ff4350;
  border-color: transparent;
  background-color: #fff;
}
.k-grid .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 .k-button-icontext {
  background-color: transparent;
}
.k-grid .k-primary {
  color: #ffffff;
  background-color: #ff4350;
}
.k-grid .k-button:active,
.k-grid .k-button-icontext:active {
  color: #ffffff;
  background-color: #ff4350;
  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: #5dd5e4;
}
.k-grid td.k-state-selected:hover,
.k-grid tr.k-state-selected:hover td {
  background-color: #47cfe0;
}
.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-grid .k-header .k-grid-search {
  background: none;
  background-color: #fff;
  color: #32364c;
}
.k-marquee-color {
  background-color: #269cab;
}
.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 {
  border-color: #e0e0e0;
  color: #32364c;
  background-color: #fafafa;
}
.k-pager-wrap .k-link {
  border-color: transparent;
  background-color: transparent;
  box-shadow: none;
}
.k-pager-wrap .k-link:hover {
  color: #888e90;
}
.k-pager-wrap .k-link.k-state-disabled {
  color: inherit;
}
.k-pager-wrap .k-pager-numbers .k-link {
  color: #32364c;
}
.k-pager-wrap .k-pager-numbers .k-link:hover {
  border-top-color: #e0e0e0;
}
.k-pager-wrap .k-pager-numbers .k-state-selected,
.k-pager-wrap .k-pager-numbers .k-state-selected:hover {
  border-top-color: #ff4350;
  color: #ff4350;
  background: none;
}
.k-pager-wrap .k-pager-info {
  color: #9da2a4;
}
.k-scheduler th,
.k-scheduler tr,
.k-scheduler td {
  border-color: #e0e0e0;
}
.k-scheduler-table td.k-state-selected {
  background-color: #5dd5e4;
}
.k-gantt > .k-header li {
  border-color: #ff4350;
}
.k-event,
.k-task-complete {
  color: #ffffff;
  background: #0f4f57;
  border-color: #0f4f57;
}
.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: #5dd5e4;
}
.k-gantt