@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 2021 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-is-dark-theme {
  opacity: 0;
}
.ktb-var-primary {
  color: #ff4350;
}
.ktb-var-secondary {
  color: #fff;
}
.ktb-var-tertiary {
  color: #00acc1;
}
.ktb-var-error {
  color: #ff2637;
}
.ktb-var-warning {
  color: #ffb82e;
}
.ktb-var-success {
  color: #479b4a;
}
.ktb-var-info {
  color: #1ea2b3;
}
.ktb-var-dark {
  color: #000000;
}
.ktb-var-light {
  color: #ffffff;
}
.ktb-var-inverse {
  color: #000000;
}
.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-avatar-icon,
.k-avatar-initials {
  color: #ffffff;
  background-color: #ff4350;
}
.k-card {
  border-color: #e0e0e0;
  color: #32364c;
  background-color: #fff;
}
.k-card .k-card-callout {
  border-color: #e0e0e0;
  background-color: #fff;
}
.k-card .k-card-actions {
  border-color: #e0e0e0;
}
.k-card:focus,
.k-card.k-state-focus {
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
}
.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.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-card:focus .k-card-callout.k-callout-n,
.k-card.k-state-focus .k-card-callout.k-callout-n {
  box-shadow: 1px -1px 4px 0 rgba(0, 0, 0, 0.06);
}
.k-card:focus .k-card-callout.k-callout-e,
.k-card.k-state-focus .k-card-callout.k-callout-e {
  box-shadow: 2px -1px 4px 0 rgba(0, 0, 0, 0.06);
}
.k-card:focus .k-card-callout.k-callout-s,
.k-card.k-state-focus .k-card-callout.k-callout-s {
  box-shadow: 2px -2px 4px 0 rgba(0, 0, 0, 0.06);
}
.k-card:focus .k-card-callout.k-callout-w,
.k-card.k-state-focus .k-card-callout.k-callout-w {
  box-shadow: 2px -1px 4px 0 rgba(0, 0, 0, 0.06);
}
.k-tilelayout,
.k-widget.k-tilelayout {
  background-color: #f5f5f5;
}
.k-tilelayout-item:focus,
.k-tilelayout-item.k-state-focus,
.k-tilelayout-item.k-state-focused {
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.3);
}
.k-layout-item-hint {
  border-color: #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;
}
kendo-scrollview.k-scrollview-wrap,
div.k-scrollview {
  border-color: #e0e0e0;
  color: #32364c;
  background-color: #fff;
  -webkit-tap-highlight-color: transparent;
}
kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-pageable,
div.k-scrollview.k-scrollview-dark .k-scrollview-pageable,
kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-nav,
div.k-scrollview.k-scrollview-dark .k-scrollview-nav {
  background-color: rgba(0, 0, 0, 0.2);
}
kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-next,
div.k-scrollview.k-scrollview-dark .k-scrollview-next,
kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-prev,
div.k-scrollview.k-scrollview-dark .k-scrollview-prev {
  color: rgba(0, 0, 0, 0.2);
}
kendo-scrollview.k-scrollview-wrap.k-scrollview-light .k-scrollview-pageable,
div.k-scrollview.k-scrollview-light .k-scrollview-pageable,
kendo-scrollview.k-scrollview-wrap.k-scrollview-light .k-scrollview-nav,
div.k-scrollview.k-scrollview-light .k-scrollview-nav {
  background-color: rgba(255, 255, 255, 0.2);
}
kendo-scrollview.k-scrollview-wrap .k-scrollview:focus,
.k-widget.k-scrollview .k-scrollview-wrap:focus,
kendo-scrollview.k-scrollview-wrap .k-scrollview.k-state-focused,
.k-widget.k-scrollview .k-scrollview-wrap.k-state-focused,
kendo-scrollview.k-scrollview-wrap .k-scrollview:hover,
.k-widget.k-scrollview .k-scrollview-wrap:hover,
kendo-scrollview.k-scrollview-wrap .k-scrollview.k-state-hovered,
.k-widget.k-scrollview .k-scrollview-wrap.k-state-hovered {
  outline: none;
}
kendo-scrollview.k-scrollview-wrap .k-scrollview:focus ~ .k-scrollview-elements .k-scrollview-pageable,
.k-widget.k-scrollview .k-scrollview-wrap:focus ~ .k-scrollview-elements .k-scrollview-pageable,
kendo-scrollview.k-scrollview-wrap .k-scrollview.k-state-focused ~ .k-scrollview-elements .k-scrollview-pageable,
.k-widget.k-scrollview .k-scrollview-wrap.k-state-focused ~ .k-scrollview-elements .k-scrollview-pageable,
kendo-scrollview.k-scrollview-wrap .k-scrollview:hover ~ .k-scrollview-elements .k-scrollview-pageable,
.k-widget.k-scrollview .k-scrollview-wrap:hover ~ .k-scrollview-elements .k-scrollview-pageable,
kendo-scrollview.k-scrollview-wrap .k-scrollview.k-state-hovered ~ .k-scrollview-elements .k-scrollview-pageable,
.k-widget.k-scrollview .k-scrollview-wrap.k-state-hovered ~ .k-scrollview-elements .k-scrollview-pageable,
kendo-scrollview.k-scrollview-wrap .k-scrollview:focus ~ .k-scrollview-elements .k-scrollview-nav,
.k-widget.k-scrollview .k-scrollview-wrap:focus ~ .k-scrollview-elements .k-scrollview-nav,
kendo-scrollview.k-scrollview-wrap .k-scrollview.k-state-focused ~ .k-scrollview-elements .k-scrollview-nav,
.k-widget.k-scrollview .k-scrollview-wrap.k-state-focused ~ .k-scrollview-elements .k-scrollview-nav,
kendo-scrollview.k-scrollview-wrap .k-scrollview:hover ~ .k-scrollview-elements .k-scrollview-nav,
.k-widget.k-scrollview .k-scrollview-wrap:hover ~ .k-scrollview-elements .k-scrollview-nav,
kendo-scrollview.k-scrollview-wrap .k-scrollview.k-state-hovered ~ .k-scrollview-elements .k-scrollview-nav,
.k-widget.k-scrollview .k-scrollview-wrap.k-state-hovered ~ .k-scrollview-elements .k-scrollview-nav {
  opacity: 1;
}
.k-scrollview-next,
.k-scrollview-prev {
  color: white;
  background-color: rgba(0, 0, 0, 0);
  text-shadow: rgba(0, 0, 0, 0.3) 0 0 15px;
  opacity: 0.7;
  outline-width: 0;
  -webkit-tap-highlight-color: transparent;
}
.k-scrollview-next:focus,
.k-scrollview-prev:focus,
.k-scrollview-next.k-state-focused,
.k-scrollview-prev.k-state-focused {
  color: white;
  opacity: 1;
}
.k-scrollview-next:focus .k-icon::before,
.k-scrollview-prev:focus .k-icon::before,
.k-scrollview-next.k-state-focused .k-icon::before,
.k-scrollview-prev.k-state-focused .k-icon::before {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
  background-color: transparent;
}
.k-scrollview-next:hover,
.k-scrollview-prev:hover,
.k-scrollview-next.k-state-hovered,
.k-scrollview-prev.k-state-hovered {
  color: white;
  opacity: 1;
}
.k-scrollview-next:hover .k-icon::before,
.k-scrollview-prev:hover .k-icon::before,
.k-scrollview-next.k-state-hovered .k-icon::before,
.k-scrollview-prev.k-state-hovered .k-icon::before {
  background-color: transparent;
}
kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable,
.k-scrollview .k-scrollview-nav {
  opacity: 0.7;
}
kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable:focus-within,
.k-scrollview .k-scrollview-nav:focus-within,
kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable:focus,
.k-scrollview .k-scrollview-nav:focus,
kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable.k-state-focused,
.k-scrollview .k-scrollview-nav.k-state-focused,
kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable:hover,
.k-scrollview .k-scrollview-nav:hover,
kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable.k-state-hovered,
.k-scrollview .k-scrollview-nav.k-state-hovered {
  opacity: 1;
  background-color: transparent;
}
kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable > .k-button,
.k-scrollview .k-scrollview-nav > .k-link {
  background: #fff;
  border: #9da2a4;
  background-clip: padding-box;
}
kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable > .k-button.k-primary,
.k-scrollview .k-scrollview-nav > .k-link.k-primary {
  background: #ff4350;
  border: #ff4350;
}
kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable > .k-button:focus,
.k-scrollview .k-scrollview-nav > .k-link:focus,
kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable > .k-button.k-state-focused,
.k-scrollview .k-scrollview-nav > .k-link.k-state-focused,
kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable > .k-button:hover,
.k-scrollview .k-scrollview-nav > .k-link:hover,
kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable > .k-button.k-state-hovered,
.k-scrollview .k-scrollview-nav > .k-link.k-state-hovered {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
}
.k-switch-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-timeline-track-item.k-state-focus .k-timeline-circle {
  box-shadow: 0 3px 4px 0 rgba(255, 67, 80, 0.4);
}
.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-solid.k-badge-primary {
  border-color: #ff4350;
  color: #ffffff;
  background-color: #ff4350;
}
.k-badge-solid.k-badge-secondary {
  border-color: #fff;
  color: #000000;
  background-color: #fff;
}
.k-badge-solid.k-badge-tertiary {
  border-color: #00acc1;
  color: #ffffff;
  background-color: #00acc1;
}
.k-badge-solid.k-badge-info {
  border-color: #1ea2b3;
  color: #ffffff;
  background-color: #1ea2b3;
}
.k-badge-solid.k-badge-success {
  border-color: #479b4a;
  color: #ffffff;
  background-color: #479b4a;
}
.k-badge-solid.k-badge-warning {
  border-color: #ffb82e;
  color: #000000;
  background-color: #ffb82e;
}
.k-badge-solid.k-badge-error {
  border-color: #ff2637;
  color: #ffffff;
  background-color: #ff2637;
}
.k-badge-solid.k-badge-dark {
  border-color: #000000;
  color: #ffffff;
  background-color: #000000;
}
.k-badge-solid.k-badge-light {
  border-color: #ffffff;
  color: #000000;
  background-color: #ffffff;
}
.k-badge-solid.k-badge-inverse {
  border-color: #000000;
  color: #ffffff;
  background-color: #000000;
}
.k-badge-outline {
  border-color: currentColor;
  background-color: #fff;
}
.k-badge-outline.k-badge-primary {
  color: #ff4350;
}
.k-badge-outline.k-badge-secondary {
  color: #fff;
}
.k-badge-outline.k-badge-tertiary {
  color: #00acc1;
}
.k-badge-outline.k-badge-info {
  color: #1ea2b3;
}
.k-badge-outline.k-badge-success {
  color: #479b4a;
}
.k-badge-outline.k-badge-warning {
  color: #ffb82e;
}
.k-badge-outline.k-badge-error {
  color: #ff2637;
}
.k-badge-outline.k-badge-dark {
  color: #000000;
}
.k-badge-outline.k-badge-light {
  color: #ffffff;
}
.k-badge-outline.k-badge-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-widget.k-form {
  background: none;
}
.k-form-error {
  color: #ff2637;
}
.k-form-legend {
  border-color: #e0e0e0;
}
.k-tooltip,
.k-tooltip.k-widget,
.k-tooltip.k-popup {
  border-radius: 3px;
  border-color: #e0e0e0;
  color: #32364c;
  background-color: #fff;
  box-shadow: 0 4px 10px 4px rgba(0, 0, 0, 0.2);
}
.k-tooltip-primary {
  border-color: #ff4350;
  color: #ffffff;
  background-color: #ff4350;
}
.k-tooltip-secondary {
  border-color: #fff;
  color: #000000;
  background-color: #fff;
}
.k-tooltip-tertiary {
  border-color: #00acc1;
  color: #ffffff;
  background-color: #00acc1;
}
.k-tooltip-info {
  border-color: #1ea2b3;
  color: #ffffff;
  background-color: #1ea2b3;
}
.k-tooltip-success {
  border-color: #479b4a;
  color: #ffffff;
  background-color: #479b4a;
}
.k-tooltip-warning {
  border-color: #ffb82e;
  color: #000000;
  background-color: #ffb82e;
}
.k-tooltip-error {
  border-color: #ff2637;
  color: #ffffff;
  background-color: #ff2637;
}
.k-tooltip-dark {
  border-color: #000000;
  color: #ffffff;
  background-color: #000000;
}
.k-tooltip-light {
  border-color: #ffffff;
  color: #000000;
  background-color: #ffffff;
}
.k-tooltip-inverse {
  border-color: #000000;
  color: #ffffff;
  background-color: #000000;
}
.k-chart-tooltip {
  color: white;
}
.k-chart-tooltip-inverse {
  color: black;
}
.k-wizard-step:focus,
.k-wizard-step.k-state-focused {
  box-shadow: inset 0 0 0 2px #e0e0e0;
  outline: none;
}
.k-textarea {
  border-color: #e0e0e0;
  color: #32364c;
  background-color: #fff;
}
.k-textarea::-webkit-input-placeholder, .k-textarea > .k-input::-webkit-input-placeholder {
  color: rgba(50, 54, 76, 0.5);
  opacity: 1;
  -webkit-user-select: none;
          user-select: none;
}
.k-textarea:-ms-input-placeholder, .k-textarea > .k-input:-ms-input-placeholder {
  color: rgba(50, 54, 76, 0.5);
  opacity: 1;
  -ms-user-select: none;
      user-select: none;
}
.k-textarea::-ms-input-placeholder, .k-textarea > .k-input::-ms-input-placeholder {
  color: rgba(50, 54, 76, 0.5);
  opacity: 1;
  -ms-user-select: none;
      user-select: none;
}
.k-textarea::placeholder,
.k-textarea > .k-input::placeholder {
  color: rgba(50, 54, 76, 0.5);
  opacity: 1;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.k-textarea::selection,
.k-textarea .k-input::selection {
  color: #ffffff;
  background-color: #ff4350;
}
.k-textarea:focus,
.k-textarea:focus-within,
.k-textarea.k-state-focus,
.k-textarea.k-state-focused {
  border-color: #9da2a4;
  color: #32364c;
  background-color: #fff;
}
.k-textarea:hover,
.k-textarea.k-state-hover {
  border-color: #e0e0e0;
  color: #32364c;
  background-color: #fff;
}
.k-textarea.k-invalid,
.k-textarea.k-state-invalid,
.k-textarea.ng-invalid.ng-touched,
.k-textarea.ng-invalid.ng-dirty {
  border-color: rgba(255, 38, 55, 0.5);
}
.k-textarea:disabled::selection,
.k-textarea[disabled]::selection,
.k-textarea.k-state-disabled::selection {
  color: #32364c;
  background-color: transparent;
}
.k-floating-label-container.k-textarea-container > .k-label,
.k-textbox-container.k-textarea-container > .k-label {
  color: #32364c;
}
.k-ie .k-textarea :-ms-input-placeholder,
.k-ie .k-textarea:-ms-input-placeholder {
  color: rgba(50, 54, 76, 0.5);
}
.k-appbar {
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.16);
}
.k-appbar.k-appbar-bottom {
  box-shadow: 0px -1px 1px rgba(0, 0, 0, 0.16);
}
.k-appbar-primary {
  color: #ffffff;
  background-color: #ff4350;
}
.k-appbar-secondary {
  color: #000000;
  background-color: #fff;
}
.k-appbar-tertiary {
  color: #ffffff;
  background-color: #00acc1;
}
.k-appbar-info {
  color: #ffffff;
  background-color: #1ea2b3;
}
.k-appbar-success {
  color: #ffffff;
  background-color: #479b4a;
}
.k-appbar-warning {
  color: #000000;
  background-color: #ffb82e;
}
.k-appbar-error {
  color: #ffffff;
  background-color: #ff2637;
}
.k-appbar-dark {
  color: #ffffff;
  background-color: #000000;
}
.k-appbar-light {
  color: #000000;
  background-color: #ffffff;
}
.k-appbar-inverse {
  color: #ffffff;
  background-color: #000000;
}
.k-loader-primary .k-loader-segment::after {
  background-color: #ff4350;
}
.k-loader-secondary .k-loader-segment::after {
  background-color: #fff;
}
.k-loader-tertiary .k-loader-segment::after {
  background-color: #00acc1;
}
.k-loader-info .k-loader-segment::after {
  background-color: #1ea2b3;
}
.k-loader-success .k-loader-segment::after {
  background-color: #479b4a;
}
.k-loader-warning .k-loader-segment::after {
  background-color: #ffb82e;
}
.k-loader-error .k-loader-segment::after {
  background-color: #ff2637;
}
.k-loader-dark .k-loader-segment::after {
  background-color: #000000;
}
.k-loader-light .k-loader-segment::after {
  background-color: #ffffff;
}
.k-loader-inverse .k-loader-segment::after {
  background-color: #000000;
}
.k-task-delayed.k-task-milestone {
  border-color: transparent;
  background-image: repeating-linear-gradient(90deg, #FFFFFF, #FFFFFF 2px, #ff2637 2px, #ff2637 4px);
}
.k-task-delayed.k-task-summary {
  background-color: #ff515f;
  border-color: #ff515f;
}
.k-task-delayed.k-task-summary .k-task-summary-complete {
  background-color: #ff2637;
  border-color: #ff2637;
}
.k-task-delayed.k-task-summary.k-state-selected .k-task-summary-complete {
  background-color: #5dd5e4;
  border-color: #5dd5e4;
}
.k-task-delayed.k-task-single {
  background-color: #ff515f;
  color: #FFFFFF;
}
.k-task-delayed.k-task-single.k-state-selected {
  background-color: #21b2c4;
  color: #ffffff;
}
.k-task-delayed .k-task-complete {
  background-color: #ff2637;
}
.k-task-delayed.k-state-selected .k-task-complete {
  background-color: #0f4f57;
}
.k-task-advanced.k-task-milestone {
  background-color: #479b4a;
  border-color: transparent;
}
.k-task-advanced.k-task-summary {
  background-color: #6caf6e;
  border-color: #6caf6e;
}
.k-task-advanced.k-task-summary .k-task-summary-complete {
  background-color: #479b4a;
  border-color: #479b4a;
}
.k-task-advanced.k-task-summary.k-state-selected .k-task-summary-complete {
  background-color: #5dd5e4;
  border-color: #5dd5e4;
}
.k-task-advanced.k-task-single {
  background-color: #6caf6e;
  color: #FFFFFF;
}
.k-task-advanced.k-task-single.k-state-selected {
  background-color: #21b2c4;
  color: #ffffff;
}
.k-task-advanced .k-task-complete {
  background-color: #479b4a;
}
.k-task-advanced.k-state-selected .k-task-complete {
  background-color: #0f4f57;
}
.k-task-planned .k-task-moment {
  border-color: #ff4350;
}
.k-task-planned .k-task-duration {
  background-color: #ff4350;
}
.k-task-planned:hover .k-task-moment {
  background-color: #ff4350;
}
.k-task-offset {
  background-image: repeating-linear-gradient(135deg, #FFF, #FFF 2px, #ff2637 2px, #ff2637 4px);
}
.k-task-offset .k-resize-handle::after {
  background-color: #000000;
}
.k-task-offset:hover {
  background-image: repeating-linear-gradient(135deg, #FFF, #FFF 2px, #ff515f 2px, #ff515f 4px);
}
.k-task-offset .k-task-actions .k-link {
  color: #000000;
}
.k-task-offset-wrap .k-task-summary-complete:after,
.k-task-offset-wrap .k-task-summary:after {
  border-right-color: transparent;
}
.k-rtl .k-task-offset-wrap .k-task-summary-complete:after,
.k-rtl .k-task-offset-wrap .k-task-summary:after {
  border-right-color: inherit;
}
.k-rtl .k-task-offset-wrap .k-task-summary-complete:before,
.k-rtl .k-task-offset-wrap .k-task-summary:before {
  border-left-color: transparent;
}
.k-summary-wrap .k-task-offset:after {
  border-color: transparent;
  border-right-color: #ff2637;
}
.k-rtl .k-summary-wrap .k-task-offset:before {
  border-color: transparent;
  border-left-color: #ff2637;
}
.k-rtl .k-summary-wrap .k-task-offset:after {
  border-right-color: transparent;
}
.k-pdf-export .k-task-offset {
  background-color: #ff2637;
}
.k-offset-tooltip-delayed {
  background-color: #ff2637;
  color: #FFFFFF;
}
.k-planned-tooltip {
  background-color: #ff4350;
  color: #FFFFFF;
}
.k-imageeditor {
  border-color: #e0e0e0;
  color: #32364c;
  background-color: #fff;
}
.k-imageeditor-content {
  border-color: false;
  color: false;
  background-color: #c6c6c6;
}
.k-imageeditor-canvas {
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.09) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.09) 75%, rgba(0, 0, 0, 0.09) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.09) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.09) 75%, rgba(0, 0, 0, 0.09) 0), white;
  background-repeat: repeat, repeat;
  background-position: 0px 0px, 5px 5px;
  -webkit-transform-origin: 0 0 0;
      -ms-transform-origin: 0 0 0;
          transform-origin: 0 0 0;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
  background-size: 10px 10px, 10px 10px;
  box-shadow: none;
  text-shadow: none;
  transition: none;
  -webkit-transform: scaleX(1) scaleY(1) scaleZ(1);
          transform: scaleX(1) scaleY(1) scaleZ(1);
}
.k-imageeditor-action-pane {
  border-color: #e0e0e0;
  color: false;
  background-color: #fff;
}
.k-imageeditor-crop {
  border-color: white;
  color: false;
  background-color: false;
}
.k-imageeditor-crop-overlay {
  background-color: rgba(0, 0, 0, 0.3);
}
.k-imageeditor-crop .k-resize-handle {
  border-color: white;
  color: false;
  background-color: false;
}
.k-expander {
  border-color: #e0e0e0;
  color: #32364c;
  background-color: #fff;
}
.k-expander .k-expander-header {
  border-color: #32364c;
  color: #32364c;
  background-color: #fff;
  outline: none;
}
.k-expander .k-expander-header .k-expander-sub-title {
  opacity: 0.65;
}
.k-expander .k-expander-header.k-state-focused {
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
}
.k-fab {
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.2);
}
.k-fab.k-fab-primary {
  border-color: #ff4350;
  color: #ffffff;
  background-color: #ff4350;
}
.k-fab.k-fab-secondary {
  border-color: #fff;
  color: #000000;
  background-color: #fff;
}
.k-fab.k-fab-tertiary {
  border-color: #00acc1;
  color: #ffffff;
  background-color: #00acc1;
}
.k-fab.k-fab-info {
  border-color: #1ea2b3;
  color: #ffffff;
  background-color: #1ea2b3;
}
.k-fab.k-fab-success {
  border-color: #479b4a;
  color: #ffffff;
  background-color: #479b4a;
}
.k-fab.k-fab-warning {
  border-color: #ffb82e;
  color: #000000;
  background-color: #ffb82e;
}
.k-fab.k-fab-error {
  border-color: #ff2637;
  color: #ffffff;
  background-color: #ff2637;
}
.k-fab.k-fab-dark {
  border-color: #000000;
  color: #ffffff;
  background-color: #000000;
}
.k-fab.k-fab-light {
  border-color: #ffffff;
  color: #000000;
  background-color: #ffffff;
}
.k-fab.k-fab-inverse {
  border-color: #000000;
  color: #ffffff;
  background-color: #0