@progress/kendo-ui/css/web/kendo.moonlight.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-default {
  opacity: 0;
}
.ktb-var-accent {
  color: #f4af03;
}
.ktb-var-base {
  color: #212a33;
}
.ktb-var-background {
  color: #414550;
}
.ktb-var-border-radius {
  border-radius: 2px;
}
.ktb-var-normal-background {
  color: #212a33;
}
.ktb-var-normal-gradient {
  background-image: url("textures/brushed-metal.png");
  background-image: url("textures/brushed-metal.png"), linear-gradient(to bottom, rgba(255,255,255,.2) 0%, rgba(255,255,255,.1) 100%);
}
.ktb-var-normal-text-color {
  color: #fff;
}
.ktb-var-hover-background {
  color: #40444f;
}
.ktb-var-hover-gradient {
  background-image: url("textures/brushed-metal.png");
  background-image: url("textures/brushed-metal.png"), linear-gradient(to bottom, rgba(255,255,255,.25) 0%, rgba(255,255,255,0) 100%);
}
.ktb-var-hover-text-color {
  color: #fff;
}
.ktb-var-selected-background {
  color: #f4af03;
}
.ktb-var-selected-gradient {
  background-image: url("textures/brushed-metal.png");
  background-image: url("textures/brushed-metal.png"), linear-gradient(to bottom, #f4af03 0%, #ee9f05 100%);
}
.ktb-var-selected-text-color {
  color: #171e28;
}
.ktb-var-is-dark-theme {
  opacity: 1;
}
.ktb-var-primary {
  color: #f4af03;
}
.ktb-var-secondary {
  color: #212a33;
}
.ktb-var-tertiary {
  color: #ffca08;
}
.ktb-var-error {
  color: #be5138;
}
.ktb-var-warning {
  color: #ea9d07;
}
.ktb-var-success {
  color: #2b893c;
}
.ktb-var-info {
  color: #0c779b;
}
.ktb-var-dark {
  color: #000000;
}
.ktb-var-light {
  color: #ffffff;
}
.ktb-var-inverse {
  color: #ffffff;
}
.ktb-var-series-a {
  color: #ffca08;
}
.ktb-var-series-b {
  color: #ff710f;
}
.ktb-var-series-c {
  color: #ed2e24;
}
.ktb-var-series-d {
  color: #ff9f03;
}
.ktb-var-series-e {
  color: #e13c02;
}
.ktb-var-series-f {
  color: #a00201;
}
.k-grid-norecords-template {
  background-color: #414550;
  border: 1px solid #232d36;
}
.k-button {
  border-radius: 2px;
  border-color: #232d36;
  color: #fff;
  background-color: #212a33;
  background-position: 50% 50%;
  background-image: url("textures/brushed-metal.png");
  background-image: url("textures/brushed-metal.png"), linear-gradient(to bottom, rgba(255,255,255,.2) 0%, rgba(255,255,255,.1) 100%);
}
.k-button.k-state-default {
  border-color: #232d36;
}
.k-button:hover,
.k-button.k-state-hover {
  color: #fff;
  border-color: #232d36;
  background-color: #4b505d;
  background-image: url("textures/brushed-metal.png");
  background-image: url("textures/brushed-metal.png"), linear-gradient(to bottom, rgba(255,255,255,.25) 0%, rgba(255,255,255,0) 100%);
}
.k-button:active,
.k-button.k-state-active,
.k-button.k-state-selected {
  color: #414550;
  background-color: #eaa803;
  border-color: #eaa803;
  background-image: url("textures/brushed-metal.png");
  background-image: url("textures/brushed-metal.png"), linear-gradient(to bottom, #f4af03 0%, #ee9f05 100%);
}
.k-button.k-state-active:hover,
.k-button.k-state-selected:hover {
  color: #414550;
  border-color: #ecb01a;
  background-color: #fcba14;
}
.k-button:focus:active {
  box-shadow: 0 0 2px 1px #fdd060;
}
.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: #f9b303;
  box-shadow: 0 0 2px 1px #fdd060;
}
.k-button[disabled],
.k-state-disabled .k-button,
.k-button.k-state-disabled,
.k-button[disabled]:hover,
.k-state-disabled .k-button:hover,
.k-button.k-state-disabled:hover,
.k-button[disabled]:focus,
.k-state-disabled .k-button:focus,
.k-button.k-state-disabled:focus,
.k-button[disabled]:active,
.k-state-disabled .k-button:active,
.k-button.k-state-disabled:active {
  color: #fff;
  border-color: #232d36;
  background-color: #212a33;
  box-shadow: none;
  background-image: url("textures/brushed-metal.png");
  background-image: url("textures/brushed-metal.png"), linear-gradient(to bottom, rgba(255,255,255,.2) 0%, rgba(255,255,255,.1) 100%);
}
.k-primary {
  color: #414550;
  border-color: #ecb01a;
  background-color: #f4af03;
  background-image: url("textures/brushed-metal.png");
  background-image: url("textures/brushed-metal.png"), linear-gradient(to bottom, rgba(255,255,255,.2) 0%, rgba(255,255,255,.1) 100%);
}
.k-primary.k-state-default {
  border-color: #ecb01a;
}
.k-primary:hover,
.k-primary.k-state-hover {
  color: #414550;
  border-color: #ecb01a;
  background-color: #fcba14;
  background-image: url("textures/brushed-metal.png");
  background-image: url("textures/brushed-metal.png"), linear-gradient(to bottom, rgba(255,255,255,.25) 0%, rgba(255,255,255,0) 100%);
}
.k-primary:active,
.k-primary.k-state-active {
  color: #414550;
  border-color: #eaa803;
  background-color: #eaa803;
  background-image: url("textures/brushed-metal.png");
  background-image: url("textures/brushed-metal.png"), linear-gradient(to bottom, #f4af03 0%, #ee9f05 100%);
}
.k-primary:focus:active:not(.k-state-disabled):not([disabled]) {
  box-shadow: 0 0 2px 1px #f4af03;
}
.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: #fcb70a;
  box-shadow: 0 0 2px 1px #f4af03;
}
.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: #414550;
  border-color: #ecb01a;
  background-color: #f4af03;
  box-shadow: none;
  background-image: url("textures/brushed-metal.png");
  background-image: url("textures/brushed-metal.png"), linear-gradient(to bottom, rgba(255,255,255,.2) 0%, rgba(255,255,255,.1) 100%);
}
.k-button-group .k-button {
  border-radius: 0;
}
.k-button-group .k-group-start,
.k-button-group .k-button:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.k-button-group .k-group-end,
.k-button-group .k-button:last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.k-button-group .k-group-start.k-group-end,
.k-button-group .k-button:first-child:last-child {
  border-radius: 2px;
}
.k-widget.k-button-group {
  background: none;
}
.k-split-button {
  border-radius: 2px;
}
.k-split-button .k-button {
  border-radius: 0;
}
.k-split-button .k-button:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.k-split-button .k-button:last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.k-split-button.k-state-border-down > .k-button,
.k-split-button.k-state-border-up > .k-button {
  color: #fff;
  background-color: #4b505d;
  border-color: #232d36;
  background-image: url("textures/brushed-metal.png");
  background-image: url("textures/brushed-metal.png"), linear-gradient(to bottom, rgba(255,255,255,.25) 0%, rgba(255,255,255,0) 100%);
  box-shadow: none;
}
.k-split-button:focus {
  box-shadow: 0 0 2px 1px #fdd060;
  border-color: #f9b303;
}
.k-split-button:focus .k-button {
  box-shadow: none;
  border-color: inherit;
}
.k-edit-buttons {
  border-color: #232d36;
  background: #1f2a35;
}
.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: #f4af03;
}
.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: 2px;
  border-bottom-right-radius: 2px;
}
.k-rtl .k-button-group .k-group-end,
.k-rtl .k-button-group .k-button:last-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.k-rtl .k-button-group .k-group-start.k-group-end,
.k-rtl .k-button-group .k-button:first-child:last-child {
  border-radius: 2px;
}
.k-rtl .k-split-button .k-button {
  border-radius: 0;
}
.k-rtl .k-split-button .k-button:first-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.k-rtl .k-split-button .k-button:last-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.k-avatar-icon,
.k-avatar-initials {
  color: #000000;
  background-color: #f4af03;
}
.k-card {
  border-color: #232d36;
  color: #fff;
  background-color: #414550;
}
.k-card .k-card-callout {
  border-color: #232d36;
  background-color: #414550;
}
.k-card .k-card-actions {
  border-color: #232d36;
}
.k-card:focus,
.k-card.k-state-focus {
  border-color: rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 4px 0 rgba(255, 255, 255, 0.6);
}
.k-card-header {
  border-color: #232d36;
  color: #ffffff;
  background-color: #1f2a35;
}
.k-card-footer {
  border-color: #232d36;
  color: #ffffff;
  background-color: #1f2a35;
}
.k-card-separator {
  border-color: #232d36;
}
.k-card.k-state-primary,
.k-card.k-card-primary {
  border-color: #fad781;
  color: #7a5802;
  background-color: #fce7b3;
}
.k-card.k-state-info,
.k-card.k-card-info {
  border-color: #86bbcd;
  color: #063c4e;
  background-color: #b6d6e1;
}
.k-card.k-state-success,
.k-card.k-card-success {
  border-color: #95c49e;
  color: #16451e;
  background-color: #bfdcc5;
}
.k-card.k-state-warning,
.k-card.k-card-warning {
  border-color: #f5ce83;
  color: #754f04;
  background-color: #f9e2b5;
}
.k-card.k-state-error,
.k-card.k-card-error {
  border-color: #dfa89c;
  color: #5f291c;
  background-color: #eccbc3;
}
.k-card:focus .k-card-callout,
.k-card.k-state-focus .k-card-callout {
  border-color: rgba(0, 0, 0, 0.15);
}
.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(255, 255, 255, 0.6);
}
.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(255, 255, 255, 0.6);
}
.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(255, 255, 255, 0.6);
}
.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(255, 255, 255, 0.6);
}
.k-tilelayout,
.k-widget.k-tilelayout {
  background-color: #4a4f5b;
}
.k-tilelayout-item:focus,
.k-tilelayout-item.k-state-focus,
.k-tilelayout-item.k-state-focused {
  box-shadow: 0 0 4px 2px rgba(255, 255, 255, 0.3);
}
.k-layout-item-hint {
  border-color: #232d36;
  background-color: rgba(255, 255, 255, 0.2);
}
.k-chat {
  border-color: #232d36;
  color: #fff;
  background-color: #414550;
}
.k-chat .k-timestamp {
  text-transform: uppercase;
  opacity: 0.7;
}
.k-chat .k-author {
  font-weight: bold;
}
.k-chat .k-bubble {
  border-color: #212a33;
  color: #fff;
  background-color: #212a33;
  transition: box-shadow 0.2s ease-in-out;
  -ms-flex-order: -1;
      order: -1;
}
.k-chat .k-alt .k-bubble {
  border-color: #f4af03;
  color: #000000;
  background-color: #f4af03;
}
.k-chat .k-quick-reply {
  border-color: #f4af03;
  color: #f4af03;
  background-color: transparent;
}
.k-chat .k-quick-reply:hover {
  border-color: #f4af03;
  color: #000000;
  background-color: #f4af03;
}
.k-chat .k-message-box {
  border-color: inherit;
  color: #fff;
  background-color: #212a33;
}
.k-chat .k-message-box .k-button:hover {
  color: #f4af03;
}
.k-chat .k-toolbar-box {
  border-color: inherit;
  color: #fff;
  background-color: #1f2a35;
}
.k-chat .k-toolbar-box .k-button:hover {
  color: #f4af03;
  background: none;
}
.k-chat .k-toolbar-box .k-scroll-button {
  background-color: #414550;
  box-shadow: 0 0 20px 5px #414550;
}
.k-chat .k-toolbar-box .k-scroll-button:hover {
  background-color: #414550;
}
.k-calendar {
  border-color: #232d36;
  color: #fff;
  background-color: #414550;
}
.k-calendar > .k-header {
  border-color: #232d36;
  color: #ffffff;
  background-color: #1f2a35;
  background-image: url("textures/brushed-metal.png");
  background-image: url("textures/brushed-metal.png"), linear-gradient(to bottom, rgba(255,255,255,.2) 0%, rgba(255,255,255,.1) 100%);
}
.k-calendar th {
  border-color: #232d36;
  color: #fff;
  background-color: #4a4f5b;
}
.k-calendar .k-alt {
  border-color: #232d36;
  color: #fff;
  background-color: #4a4f5b;
}
.k-calendar .k-weekend {
  background-color: transparent;
}
.k-calendar .k-other-month {
  color: #7890a8;
  background-color: transparent;
}
.k-calendar .k-out-of-range {
  pointer-events: none;
  visibility: hidden;
}
.k-calendar .k-today .k-link {
  color: #f4af03;
  box-shadow: inset 0 0 0 1px #f4af03;
}
.k-calendar td.k-state-hover .k-link {
  border-color: #232d36;
  color: #fff;
  background-color: #4b505d;
  background-image: url("textures/brushed-metal.png");
  background-image: url("textures/brushed-metal.png"), linear-gradient(to bottom, rgba(255,255,255,.25) 0%, rgba(255,255,255,0) 100%);
}
.k-calendar td.k-state-selected .k-link {
  border-color: #f9b303;
  color: #171e28;
  background-color: #f4af03;
  background-image: url("textures/brushed-metal.png");
  background-image: url("textures/brushed-metal.png"), linear-gradient(to bottom, #f4af03 0%, #ee9f05 100%);
}
.k-calendar td.k-state-focused .k-link {
  box-shadow: inset 0 0 2px 1px #fdd060;
}
.k-calendar .k-footer .k-nav-today,
.k-calendar .k-calendar-header .k-today {
  color: #f4af03;
}
.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: #fcb80f;
}
.k-calendar-range {
  border-color: #232d36;
  color: #fff;
  background-color: #414550;
}
.k-calendar-range th {
  color: inherit;
  background-color: transparent;
  text-transform: uppercase;
}
.k-calendar-range td.k-state-hover .k-link {
  border-color: #232d36;
  color: #fff;
  background-color: #4b505d;
}
.k-calendar-range td.k-state-selected .k-link {
  border-color: #f9b303;
  color: #171e28;
  background-color: #f4af03;
}
.k-calendar-range td.k-state-focused .k-link {
  box-shadow: inset 0 0 2px 1px #fdd060;
}
.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(244, 175, 3, 0.3) 1px, rgba(244, 175, 3, 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(244, 175, 3, 0.3);
}
.k-calendar-range td.k-range-split-start::after {
  background-image: linear-gradient(to left, rgba(244, 175, 3, 0.3), transparent);
}
.k-calendar-range td.k-range-split-end::after {
  background-image: linear-gradient(to right, rgba(244, 175, 3, 0.3), transparent);
}
.k-calendar-range .k-footer .k-nav-today {
  color: #f4af03;
  background: none;
}
.k-pdf-viewer .k-toolbar .k-icon,
.k-pdf-viewer .k-toolbar .k-pager-input {
  color: #fff;
}
.k-pdf-viewer .k-canvas {
  background-color: #414550;
}
.k-pdf-viewer .k-page {
  border-color: #232d36;
  color: #fff;
  background-color: white;
  box-shadow: 0 0 15px #232d36;
}
.k-pdf-viewer .k-search-highlight {
  background-color: #000000;
}
kendo-scrollview.k-scrollview-wrap,
div.k-scrollview {
  border-color: #232d36;
  color: #fff;
  background-color: #414550;
  -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: #212a33;
  border: #232d36;
  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: #f4af03;
  border: #ecb01a;
}
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: #232d36;
  color: white;
  background-color: #212a33;
}
.k-switch-on .k-switch-handle {
  border-color: #ecb01a;
  color: white;
  background-color: #f4af03;
  background-image: url("textures/brushed-metal.png");
  background-image: url("textures/brushed-metal.png"), linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%);
}
.k-switch-on:focus,
.k-switch-on.k-state-focused {
  box-shadow: 0 0 3px 1px #ffffff;
}
.k-switch-on:focus .k-switch-container,
.k-switch-on.k-state-focused .k-switch-container {
  border-color: #232d36;
  color: white;
  background-color: #212a33;
}
.k-switch-on:focus .k-switch-handle,
.k-switch-on.k-state-focused .k-switch-handle {
  border-color: #ecb01a;
  color: white;
  background-color: #f4af03;
  background-image: url("textures/brushed-metal.png");
  background-image: url("textures/brushed-metal.png"), linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%);
}
.k-switch-on:hover .k-switch-container,
.k-switch-on.k-state-hover .k-switch-container {
  border-color: #232d36;
  color: white;
  background-color: #212a33;
}
.k-switch-on:hover .k-switch-handle,
.k-switch-on.k-state-hover .k-switch-handle {
  border-color: #ecb01a;
  color: white;
  background-color: #f4af03;
  background-image: url("textures/brushed-metal.png");
  background-image: url("textures/brushed-metal.png"), linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
}
.k-switch-on .k-switch-label-off {
  color: transparent;
}
.k-switch-off .k-switch-container {
  border-color: #232d36;
  color: #fff;
  background-color: #212a33;
}
.k-switch-off .k-switch-handle {
  border-color: #232d36;
  color: #fff;
  background-color: #212a33;
  background-image: url("textures/brushed-metal.png");
  background-image: url("textures/brushed-metal.png"), linear-gradient(to bottom, rgba(255,255,255,.2) 0%, rgba(255,255,255,.1) 100%);
}
.k-switch-off:focus,
.k-switch-off.k-state-focused {
  box-shadow: 0 0 3px 1px #ffffff;
}
.k-switch-off:focus .k-switch-container,
.k-switch-off.k-state-focused .k-switch-container {
  border-color: #232d36;
  color: #fff;
  background-color: #212a33;
}
.k-switch-off:focus .k-switch-handle,
.k-switch-off.k-state-focused .k-switch-handle {
  border-color: #232d36;
  color: #fff;
  background-color: #212a33;
  background-image: url("textures/brushed-metal.png");
  background-image: url("textures/brushed-metal.png"), linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
}
.k-switch-off:hover .k-switch-container,
.k-switch-off.k-state-hover .k-switch-container {
  border-color: #232d36;
  color: #fff;
  background-color: #212a33;
}
.k-switch-off:hover .k-switch-handle,
.k-switch-off.k-state-hover .k-switch-handle {
  border-color: #232d36;
  color: #fff;
  background-color: #4b505d;
  background-image: url("textures/brushed-metal.png");
  background-image: url("textures/brushed-metal.png"), linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
}
.k-switch-off .k-switch-label-on {
  color: transparent;
}
.k-switch {
  background-color: transparent;
  box-shadow: none;
}
.k-switch:focus .k-switch-container,
.k-switch.k-state-focused .k-switch-container {
  outline: none;
}
.k-switch.k-state-disabled {
  cursor: default;
}
.k-switch[aria-readonly="true"] {
  pointer-events: none;
}
.k-pane-wrapper .k-pane > .k-view > .k-content {
  background-image: url("textures/brushed-metal.png");
  background-image: url("textures/brushed-metal.png"), linear-gradient(to bottom, rgba(255,255,255,.2) 0%, rgba(255,255,255,.1) 100%);
  background-position: 50% 50%;
  background-color: #1f2a35;
}
.k-pane-wrapper .k-pane .k-grid-mobile .k-column-active + th.k-header {
  border-left-color: #fff;
}
.k-pane-wrapper .k-pane .k-grid-mobile .k-sorted .k-sort-order,
.k-pane-wrapper .k-pane .k-grid-mobile .k-sorted .k-i-sort-asc-sm,
.k-pane-wrapper .k-pane .k-grid-mobile .k-sorted .k-i-sort-desc-sm {
  color: #f4af03;
}
.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: #414550;
  background-color: #f4af03;
}
.k-pane-wrapper .k-pane .k-grid-mobile .k-resize-handle-inner::before {
  background-color: #414550;
}
.k-pane-wrapper .k-pane .k-scheduler-mobile .k-nav-current {
  color: #f4af03;
}
.k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-times,
.k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-header,
.k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-groupcolumn,
.k-pane-wrapper .k-pane .k-scheduler-mobile .k-mobile-scheduler-agendadate {
  color: inherit;
}
.k-pane-wrapper .k-pane .k-scheduler-mobile .k-time-period,
.k-pane-wrapper .k-pane .k-scheduler-mobile .k-mobile-scheduler-agendaweekday {
  color: #ffffff;
}
.k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-times,
.k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-header,
.k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-header-wrap,
.k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-datecolumn,
.k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-groupcolumn,
.k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-group-cell,
.k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-header-all-day {
  background-color: #1f2a35;
}
.k-pane-wrapper .k-pane .k-scheduler-mobile .k-other-month {
  background-color: #2d3946;
}
.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: #f4af03;
}
.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: #171e28;
}
.k-pane-wrapper .k-pane .k-grid-edit-form .k-item,
.k-pane-wrapper .k-pane .k-grid-column-menu .k-item,
.k-pane-wrapper .k-pane .k-grid-filter-menu .k-item,
.k-pane-wrapper .k-pane .k-scheduler-edit-form .k-item,
.k-pane-wrapper .k-pane .k-grid-edit-form .k-link,
.k-pane-wrapper .k-pane .k-grid-column-menu .k-link,
.k-pane-wrapper .k-pane .k-grid-filter-menu .k-link,
.k-pane-wrapper .k-pane .k-scheduler-edit-form .k-link {
  color: #fff;
}
.k-pane-wrapper .k-pane .k-grid-edit-form .k-clear,
.k-pane-wrapper .k-pane .k-grid-column-menu .k-clear,
.k-pane-wrapper .k-pane .k-grid-filter-menu .k-clear,
.k-pane-wrapper .k-pane .k-scheduler-edit-form .k-clear,
.k-pane-wrapper .k-pane .k-grid-edit-form .k-select-all,
.k-pane-wrapper .k-pane .k-grid-column-menu .k-select-all,
.k-pane-wrapper .k-pane .k-grid-filter-menu .k-select-all,
.k-pane-wrapper .k-pane .k-scheduler-edit-form .k-select-all,
.k-pane-wrapper .k-pane .k-grid-edit-form .k-scheduler-delete,
.k-pane-wrapper .k-pane .k-grid-column-menu .k-scheduler-delete,
.k-pane-wrapper .k-pane .k-grid-filter-menu .k-scheduler-delete,
.k-pane-wrapper .k-pane .k-scheduler-edit-form .k-scheduler-delete,
.k-pane-wrapper .k-pane .k-grid-edit-form .k-scheduler-resetSeries,
.k-pane-wrapper .k-pane .k-grid-column-menu .k-scheduler-resetSeries,
.k-pane-wrapper .k-pane .k-grid-filter-menu .k-scheduler-resetSeries,
.k-pane-wrapper .k-pane .k-scheduler-edit-form .k-scheduler-resetSeries {
  color: #f4af03;
}
.k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-state-selected {
  color: #f4af03;
  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: #f4af03;
}
.k-filter .k-filter-preview-operator {
  color: rgba(255, 255, 255, 0.6);
}
.k-filter .k-filter-item::before,
.k-filter .k-filter-toolbar::before,
.k-filter .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after {
  background-color: #232d36;
}
.k-drawer {
  border-color: #232d36;
  color: #fff;
  background-color: #414550;
}
.k-drawer-wrapper {
  scrollbar-color: rgba(156, 156, 156, 0.7) #dedede;
}
.k-drawer-wrapper::-webkit-scrollbar-track {
  background: #dedede;
}
.k-drawer-wrapper::-webkit-scrollbar-thumb {
  background: rgba(156, 156, 156, 0.7);
}
.k-drawer-wrapper::-webkit-scrollbar-thumb:hover {
  background: #9c9c9c;
}
.k-drawer-item:hover,
.k-drawer-item.k-state-hover {
  color: #fff;
  background-color: #40444f;
  background-image: url("textures/brushed-metal.png");
  background-image: url("textures/brushed-metal.png"), linear-gradient(to bottom, rgba(255,255,255,.25) 0%, rgba(255,255,255,0) 100%);
}
.k-drawer-item:focus,
.k-drawer-item.k-state-focused {
  background-color: #414550;
  box-shadow: inset 0 0 3px 1px #ffffff;
}
.k-drawer-item:focus:hover,
.k-drawer-item.k-state-focused:hover,
.k-drawer-item:focus.k-state-hover,
.k-drawer-item.k-state-focused.k-state-hover {
  color: #fff;
  background-color: #40444f;
}
.k-drawer-item.k-state-selected {
  color: #171e28;
  background-color: #f4af03;
}
.k-drawer-item.k-state-selected:hover,
.k-drawer-item.k-state-selected.k-state-hover {
  color: #171e28;
  background-color: #fcba14;
}
.k-drawer-separator {
  background-color: #232d36;
}
.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(244, 175, 3, 0.5);
}
.k-rating-item {
  color: #fff;
}
.k-rating-item.k-state-selected {
  color: #f4af03;
  background: none;
  box-shadow: none;
}
.k-rating-item.k-state-selected:focus,
.k-rating-item.k-state-selected.k-state-focused {
  color: #f4af03;
}
.k-rating-item:hover,
.k-rating-item.k-state-hover {
  color: #f4af03;
  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: #f4af03;
  color: #000000;
}
.k-timeline .k-timeline-circle {
  background-color: #f4af03;
}
.k-timeline .k-timeline-card .k-card-header {
  background-color: #414550;
  color: #fff;
}
.k-timeline .k-timeline-card .k-card-body {
  scrollbar-color: #232d36 #414550;
}
.k-timeline .k-timeline-card .k-card-body::-webkit-scrollbar-track {
  background: #414550;
}
.k-timeline .k-timeline-card .k-card-body::-webkit-scrollbar-thumb {
  background: #232d36;
}
.k-timeline .k-timeline-card .k-card-body::-webkit-scrollbar-thumb:hover {
  background: #232d36;
}
.k-timeline .k-timeline-date {
  color: #fff;
}
.k-timeline .k-timeline-arrow.k-button:not(.k-flat):not(.k-bare):not(.k-outline):not(.k-overflow-button).k-state-disabled {
  opacity: 1;
  color: #7890a8;
  background-color: #212a33;
  border-color: #232d36;
}
.k-timeline-vertical::after,
.k-timeline-horizontal .k-timeline-track-wrap::after {
  background-color: #212a33;
  border-color: #232d36;
}
.k-timeline-horizontal .k-timeline-flag::after {
  background-color: #f4af03;
}
.k-timeline-track-item.k-state-focus .k-timeline-circle {
  box-shadow: 0 3px 4px 0 rgba(255, 255, 255, 0.6);
}
.k-breadcrumb:focus,
.k-breadcrumb.k-state-focused {
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}
.k-breadcrumb .k-breadcrumb-link {
  border-color: transparent;
  color: #f4af03;
  background-color: transparent;
}
.k-breadcrumb .k-breadcrumb-link:hover,
.k-breadcrumb .k-breadcrumb-link.k-state-hover {
  border-color: transparent;
  color: #fcb80f;
  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: #f4af03;
  background-color: false;
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
}
.k-breadcrumb .k-breadcrumb-root-link {
  border-color: false;
  color: #fff;
  background-color: false;
}
.k-breadcrumb .k-breadcrumb-root-link:hover,
.k-breadcrumb .k-breadcrumb-root-link.k-state-hover {
  border-color: false;
  color: false;
  background-color: rgba(0, 0, 0, 0.08);
}
.k-breadcrumb .k-breadcrumb-root-link:focus,
.k-breadcrumb .k-breadcrumb-root-link.k-state-focused {
  border-color: false;
  color: false;
  background-color: false;
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
}
.k-breadcrumb .k-breadcrumb-root-link,
.k-breadcrumb .k-breadcrumb-delimiter-icon {
  color: inherit;
}
.k-listgroup {
  border-radius: 2px;
  border-color: #232d36;
  color: #fff;
  background-color: #414550;
}
.k-listgroup-flush {
  border-radius: 0;
}
.k-messagebox-primary {
  border-color: #fdefcd;
  color: #7f5b02;
  background-color: #fce9b8;
}
.k-messagebox-secondary {
  border-color: #d3d4d6;
  color: #11161b;
  background-color: #c1c3c6;
}
.k-messagebox-tertiary {
  border-color: #fff4ce;
  color: #856904;
  background-color: #fff0ba;
}
.k-messagebox-info {
  border-color: #cee4eb;
  color: #063e51;
  background-color: #bbd9e3;
}
.k-messagebox-success {
  border-color: #d5e7d8;
  color: #16471f;
  background-color: #c4dec8;
}
.k-messagebox-warning {
  border-color: #fbebcd;
  color: #7a5204;
  background-color: #f9e4ba;
}
.k-messagebox-error {
  border-color: #f2dcd7;
  color: #632a1d;
  background-color: #edcec7;
}
.k-messagebox-dark {
  border-color: #cccccc;
  color: #000000;
  background-color: #b8b8b8;
}
.k-messagebox-light {
  border-color: #ffffff;
  color: #858585;
  background-color: #ffffff;
}
.k-messagebox-inverse {
  border-color: #ffffff;
  color: #858585;
  background-color: #ffffff;
}
.k-badge-solid.k-badge-primary {
  border-color: #f4af03;
  color: #000000;
  background-color: #f4af03;
}
.k-badge-solid.k-badge-secondary {
  border-color: #212a33;
  color: #ffffff;
  background-color: #212a33;
}
.k-badge-solid.k-badge-tertiary {
  border-color: #ffca08;
  color: #000000;
  background-color: #ffca08;
}
.k-badge-solid.k-badge-info {
  border-color: #0c779b;
  color: #ffffff;
  background-color: #0c779b;
}
.k-badge-solid.k-badge-success {
  border-color: #2b893c;
  color: #ffffff;
  background-color: #2b893c;
}
.k-badge-solid.k-badge-warning {
  border-color: #ea9d07;
  color: #ffffff;
  background-color: #ea9d07;
}
.k-badge-solid.k-badge-error {
  border-color: #be5138;
  color: #ffffff;
  background-color: #be5138;
}
.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: #ffffff;
  color: #000000;
  background-color: #ffffff;
}
.k-badge-outline {
  border-color: currentColor;
  background-color: #414550;
}
.k-badge-outline.k-badge-primary {
  color: #f4af03;
}
.k-badge-outline.k-badge-secondary {
  color: #212a33;
}
.k-badge-outline.k-badge-tertiary {
  color: #ffca08;
}
.k-badge-outline.k-badge-info {
  color: #0c779b;
}
.k-badge-outline.k-badge-success {
  color: #2b893c;
}
.k-badge-outline.k-badge-warning {
  color: #ea9d07;
}
.k-badge-outline.k-badge-error {
  color: #be5138;
}
.k-badge-outline.k-badge-dark {
  color: #000000;
}
.k-badge-outline.k-badge-light {
  color: #ffffff;
}
.k-badge-outline.k-badge-inverse {
  color: #ffffff;
}
.k-badge-border-cutout {
  box-shadow: 0 0 0 2px #414550;
}
.k-checkbox {
  border-radius: 2px;
  border-color: #3d4e5e;
  color: #f4af03;
  background-color: #212a33;
}
.k-checkbox:checked::before {
  border-radius: 2px;
}
.k-checkbox.k-invalid,
.k-checkbox.k-state-invalid {
  border-color: #3d4e5e;
}
.k-checkbox:hover {
  border-color: #3d4e5e;
  color: #f4af03;
  background-color: #212a33;
}
.k-checkbox:focus {
  box-shadow: 0 0 3px 0 #f4af03;
  border-color: #f4af03;
}
.k-checkbox:indeterminate,
.k-checkbox.k-state-indeterminate {
  border-color: #3d4e5e;
  color: #f4af03;
  background-color: #212a33;
}
.k-checkbox:checked {
  border-color: #3d4e5e;
  color: #f4af03;
  background-color: #212a33;
}
.k-checkbox:checked:focus {
  box-shadow: 0 0 3px 0 #f4af03;
  border-color: #f4af03;
}
.k-radio {
  border-color: #3d4e5e;
  color: #f4af03;
  background-color: #212a33;
  border-radius: 50%;
}
.k-radio::before {
  border-radius: 50%;
}
.k-radio:hover {
  border-color: #3d4e5e;
  color: #f4af03;
  background-color: #212a33;
}
.k-radio:focus {
  box-shadow: 0 0 3px 0 #f4af03;
  border-color: #3d4e5e;
}
.k-radio:checked {
  border-color: #3d4e5e;
  color: #f4af03;
  background-color: #212a33;
}
.k-radio:checked:focus {
  box-shadow: 0 0 3px 0 #f4af03;
  border-color: #3d4e5e;
}
.k-filemanager {
  border-color: false;
  color: false;
  background-color: false;
}
.k-filemanager-toolbar {
  border-color: #232d36;
  color: false;
  background-color: false;
}
.k-filemanager-navigation {
  border-color: #232d36;
  color: false;
  background-color: false;
}
.k-filemanager-breadcrumb {
  border-color: #232d36;
  color: false;
  background-color: #212a33;
}
.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: #171e28;
  background-color: false;
}
.k-filemanager-listview .k-item .k-icon {
  border-color: false;
  color: #7d8288;
  background-color: false;
}
.k-filemanager-grid {
  border-color: false;
  color: false;
  background-color: false;
}
.k-filemanager-preview {
  border-color: #232d36;
  color: false;
  background-color: false;
}
.k-filemanager-preview .k-file-preview-wrapper .k-icon {
  border-color: false;
  color: #7d8288;
  background-color: false;
}
.k-filemanager-preview .k-file-size {
  color: inherit;
}
.k-filemanager-drag-hint {
  border-color: false;
  color: #000000;
  background-color: #f4af03;
}
.k-filemanager-drag-hint .k-icon {
  border-color: false;
  color: #000000;
  background-color: false;
}
.k-toolbar {
  border-color: #232d36;
  color: #fff;
  background-color: #1f2a35;
  background-image: linear-gradient("rgba(255,255,255,.2) 0%, rgba(255,255,255,.1) 100%");
}
.k-overflow-container .k-button-group .k-button {
  border-radius: 2px;
}
.k-overflow-container .k-split-button .k-button {
  border-radius: 2px;
}
.k-window {
  border-radius: 2px;
  border-color: #232d36;
  color: #fff;
  background-color: #414550;
  box-shadow: 1px 1px 7px 1px rgba(255, 255, 255, 0.12);
}
.k-window.k-state-focused {
  border-color: #232d36;
  box-shadow: 1px 1px 7px 1px rgba(255, 255, 255, 0.25);
}
.k-window-titlebar {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-color: #232d36;
  color: #ffffff;
  background-color: #1f2a35;
  background-image: linear-gradient(rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));
}
.k-window-action {
  border-radius: 2px;
}
.k-window-content {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
.k-window-titleless .k-window-content {
  border-radius: 2px;
}
.k-dialog-buttongroup {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-color: #232d36;
}
.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: #2a2d34;
}
.k-stepper .k-step.k-step-disabled .k-step-indicator,
.k-stepper .k-step:disabled .k-step-indicator {
  border-color: #232d36;
  color: #ffffff;
  background-color: #414550;
}
.k-stepper .k-step-indicator {
  border-color: #232d36;
  color: #fff;
  background-color: #414550;
}
.k-stepper .k-step-indicator::after {
  box-shadow: inset 0 0 0 2px #414550;
}
.k-stepper .k-step-label:only-child {
  border-color: #232d36;
  color: #fff;
  background-color: #414550;
}
.k-stepper .k-step-done .k-step-indicator {
  border-color: #f4af03;
  color: #000000;
  background-color: #f4af03;
}
.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: #c28b02;
}
.k-stepper .k-step-done.k-step-disabled .k-step-indicator,
.k-stepper .k-step-done:disabled .k-step-indicator {
  border-color: #ac8522;
  color: #000000;
  background-color: #ac8522;
}
.k-stepper .k-step-current .k-step-indicator {
  border-color: #f4af03;
  color: #000000;
  background-color: #f4af03;
}
.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: #c28b02;
}
.k-stepper .k-step-current.k-step-disabled .k-step-indicator,
.k-stepper .k-step-current:disabled .k-step-indicator {
  border-color: #ac8522;
  color: #000000;
  background-color: #ac8522;
}
.k-stepper .k-step-label {
  color: #fff;
}
.k-stepper .k-step-success .k-step-label .k-icon {
  color: #2c8d3e;
}
.k-stepper .k-step-error .k-step-label {
  color: #d4816e;
}
.k-stepper .k-step-disabled .k-step-label {
  color: #7890a8;
}
.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 #232d36;
}
.k-stepper .k-step-optional .k-step-label-optional {
  opacity: 0.35;
}
.k-widget.k-form {
  background: none;
}
.k-form-error {
  color: #be5138;
}
.k-form-legend {
  border-color: #232d36;
}
.k-tooltip,
.k-tooltip.k-widget,
.k-tooltip.k-popup {
  border-radius: 2px;
  border-color: #232d36;
  color: #ffffff;
  background-color: #1f2a35;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}
.k-tooltip-primary {
  border-color: #f4af03;
  color: #000000;
  background-color: #f4af03;
}
.k-tooltip-secondary {
  border-color: #212a33;
  color: #ffffff;
  background-color: #212a33;
}
.k-tooltip-tertiary {
  border-color: #ffca08;
  color: #000000;
  background-color: #ffca08;
}
.k-tooltip-info {
  border-color: #0c779b;
  color: #ffffff;
  background-color: #0c779b;
}
.k-tooltip-success {
  border-color: #2b893c;
  color: #ffffff;
  background-color: #2b893c;
}
.k-tooltip-warning {
  border-color: #ea9d07;
  color: #ffffff;
  background-color: #ea9d07;
}
.k-tooltip-error {
  border-color: #be5138;
  color: #ffffff;
  background-color: #be5138;
}
.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: #ffffff;
  color: #000000;
  background-color: #ffffff;
}
.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 #232d36;
  outline: none;
}
.k-textarea {
  border-color: #232d36;
  color: #fff;
  background-color: #212a33;
}
.k-textarea::-webkit-input-placeholder, .k-textarea > .k-input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 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(255, 255, 255, 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(255, 255, 255, 0.5);
  opacity: 1;
  -ms-user-select: none;
      user-select: none;
}
.k-textarea::placeholder,
.k-textarea > .k-input::placeholder {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.k-textarea::selection,
.k-textarea .k-input::selection {
  color: #000000;
  background-color: #f4af03;
}
.k-textarea:focus,
.k-textarea:focus-within,
.k-textarea.k-state-focus,
.k-textarea.k-state-focused {
  border-color: #434753;
  color: #fff;
  background-color: #212a33;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}
.k-textarea:hover,
.k-textarea.k-state-hover {
  border-color: #232d36;
  color: #fff;
  background-color: #212a33;
}
.k-textarea.k-invalid,
.k-textarea.k-state-invalid,
.k-textarea.ng-invalid.ng-touched,
.k-textarea.ng-invalid.ng-dirty {
  border-color: rgba(190, 81, 56, 0.5);
}
.k-textarea:disabled::selection,
.k-textarea[disabled]::selection,
.k-textarea.k-state-disabled::selection {
  color: #fff;
  background-color: transparent;
}
.k-floating-label-container.k-textarea-container > .k-label,
.k-textbox-container.k-textarea-container > .k-label {
  color: #fff;
}
.k-ie .k-textarea :-ms-input-placeholder,
.k-ie .k-textarea:-ms-input-placeholder {
  color: rgba(255, 255, 255, 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: #000000;
  background-color: #f4af03;
}
.k-appbar-secondary {
  color: #ffffff;
  background-color: #212a33;
}
.k-appbar-tertiary {
  color: #000000;
  background-color: #ffca08;
}
.k-appbar-info {
  color: #ffffff;
  background-color: #0c779b;
}
.k-appbar-success {
  color: #ffffff;
  background-color: #2b893c;
}
.k-appbar-warning {
  color: #ffffff;
  background-color: #ea9d07;
}
.k-appbar-error {
  color: #ffffff;
  background-color: #be5138;
}
.k-appbar-dark {
  color: #ffffff;
  background-color: #000000;
}
.k-appbar-light {
  color: #000000;
  background-color: #ffffff;
}
.k-appbar-inverse {
  color: #000000;
  background-color: #ffffff;
}
.k-loader-primary .k-loader-segment::after {
  background-color: #f4af03;
}
.k-loader-secondary .k-loader-segment::after {
  background-color: #212a33;
}
.k-loader-tertiary .k-loader-segment::after {
  background-color: #ffca08;
}
.k-loader-info .k-loader-segment::after {
  background-color: #0c779b;
}
.k-loader-success .k-loader-segment::after {
  background-color: #2b893c;
}
.k-loader-warning .k-loader-segment::after {
  background-color: #ea9d07;
}
.k-loader-error .k-loader-segment::after {
  background-color: #be5138;
}
.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: #ffffff;
}
.k-task-delayed.k-task-milestone {
  border-color: transparent;
  background-image: repeating-linear-gradient(90deg, #FFFFFF, #FFFFFF 2px, #be5138 2px, #be5138 4px);
}
.k-task-delayed.k-task-summary {
  background-color: #cb7460;
  border-color: #cb7460;
}
.k-task-delayed.k-task-summary .k-task-summary-complete {
  background-color: #be5138;
  border-color: #be5138;
}
.k-task-delayed.k-task-summary.k-state-selected .k-task-summary-complete {
  background-color: #f4af03;
  border-color: #f4af03;
}
.k-task-delayed.k-task-single {
  background-color: #cb7460;
  color: #FFFFFF;
}
.k-task-delayed.k-task-single.k-state-selected {
  background-color: #feeec5;
  color: #000000;
}
.k-task-delayed .k-task-complete {
  background-color: #be5138;
}
.k-task-delayed.k-state-selected .k-task-complete {
  background-color: #fdcd56;
}
.k-task-adva