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

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

/*!
 * Copyright 2019 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.k-theme-test-class,
.ktb-theme-id-metro {
  opacity: 0;
}
.ktb-var-accent {
  color: #008886;
}
.ktb-var-base {
  color: #0e0e0e;
}
.ktb-var-background {
  color: #0e0e0e;
}
.ktb-var-border-radius {
  border-radius: 0;
}
.ktb-var-normal-background {
  color: #0e0e0e;
}
.ktb-var-normal-gradient {
  background-image: none;
}
.ktb-var-normal-text-color {
  color: #fff;
}
.ktb-var-hover-background {
  color: #00aba9;
}
.ktb-var-hover-gradient {
  background-image: none;
}
.ktb-var-hover-text-color {
  color: #fff;
}
.ktb-var-selected-background {
  color: #00aba9;
}
.ktb-var-selected-gradient {
  background-image: none;
}
.ktb-var-selected-text-color {
  color: #fff;
}
.ktb-var-error {
  color: #e20000;
}
.ktb-var-warning {
  color: #ffb137;
}
.ktb-var-success {
  color: #2b893c;
}
.ktb-var-info {
  color: #0c779b;
}
.ktb-var-series-a {
  color: #00aba9;
}
.ktb-var-series-b {
  color: #309b46;
}
.ktb-var-series-c {
  color: #8ebc00;
}
.ktb-var-series-d {
  color: #ff6900;
}
.ktb-var-series-e {
  color: #e61e26;
}
.ktb-var-series-f {
  color: #d8e404;
}
.k-grid-norecords-template {
  background-color: #0e0e0e;
  border: 1px solid #323232;
}
.k-button {
  border-radius: 0;
  border-color: #555555;
  color: #ffffff;
  background-color: #0e0e0e;
  background-position: 50% 50%;
}
.k-button.k-state-default {
  border-color: #555555;
}
.k-button:hover,
.k-button.k-state-hover {
  color: #ffffff;
  border-color: #00aba9;
  background-color: #00aba9;
}
.k-button:active,
.k-button.k-state-active {
  color: #fff;
  background-color: #007977;
  border-color: #007977;
}
.k-button.k-state-active:hover {
  color: #ffffff;
  border-color: #00aba9;
  background-color: #00aba9;
}
.k-button:focus:active {
  box-shadow: inset 0 0 3px 1px #003c3b;
}
.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: #00aca9;
  box-shadow: none;
}
.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: #ffffff;
  border-color: #555555;
  background-color: #0e0e0e;
  box-shadow: none;
  background-image: none;
}
.k-primary {
  color: #ffffff;
  border-color: #008886;
  background-color: #008886;
}
.k-primary.k-state-default {
  border-color: #008886;
}
.k-primary:hover,
.k-primary.k-state-hover {
  color: #ffffff;
  border-color: #00aba9;
  background-color: #00aba9;
}
.k-primary:active,
.k-primary.k-state-active {
  color: #ffffff;
  border-color: #007977;
  background-color: #007977;
}
.k-primary:focus:active:not(.k-state-disabled):not([disabled]) {
  box-shadow: none;
}
.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: #00cfcc;
  box-shadow: none;
}
.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: #008886;
  background-color: #008886;
  box-shadow: none;
}
.k-button-group {
  border-radius: 0;
}
.k-button-group .k-button {
  border-radius: 0;
}
.k-button-group .k-group-start,
.k-button-group .k-button:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.k-button-group .k-group-end,
.k-button-group .k-button:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.k-button-group .k-group-start.k-group-end,
.k-button-group .k-button:first-child:last-child {
  border-radius: 0;
}
.k-rtl .k-button-group .k-button {
  border-radius: 0;
}
.k-rtl .k-button-group .k-group-start,
.k-rtl .k-button-group .k-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.k-rtl .k-button-group .k-group-end,
.k-rtl .k-button-group .k-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.k-rtl .k-button-group .k-group-start.k-group-end,
.k-rtl .k-button-group .k-button:first-child:last-child {
  border-radius: 0;
}
.k-split-button {
  border-radius: 0;
}
.k-split-button.k-state-border-down > .k-button,
.k-split-button.k-state-border-up > .k-button {
  color: #ffffff;
  background-color: #00aba9;
  border-color: #00aba9;
  box-shadow: none;
}
.k-split-button:focus {
  border-color: #00aca9;
  outline: none;
  box-shadow: none;
}
.k-split-button:focus > .k-button {
  background: transparent;
  border-color: #00aca9;
}
.k-split-button:focus:not(.k-state-disabled) > .k-state-active,
.k-split-button:focus:not(.k-state-disabled) > .k-button:hover {
  color: #ffffff;
  background-color: #00aba9;
  border-color: #00aca9;
  box-shadow: none;
}
.k-split-button.k-state-disabled {
  color: #797979;
  background: #0e0e0e;
  background-image: none;
}
.k-edit-buttons {
  border-color: #323232;
  background: #0e0e0e;
}
.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: #008886;
}
.k-card {
  border-color: #323232;
  color: #fff;
  background-color: #0e0e0e;
}
.k-card-header {
  border-color: #323232;
  color: #fff;
  background-color: #0e0e0e;
}
.k-card-actions {
  border-color: #323232;
}
.k-chat {
  border-color: #323232;
  color: #fff;
  background-color: #0e0e0e;
}
.k-chat .k-timestamp {
  text-transform: uppercase;
  opacity: 0.7;
}
.k-chat .k-author {
  font-weight: bold;
}
.k-chat .k-bubble {
  border-color: #0e0e0e;
  color: #ffffff;
  background-color: #0e0e0e;
  transition: box-shadow 0.2s ease-in-out;
  -ms-flex-order: -1;
      order: -1;
}
.k-chat .k-alt .k-bubble {
  border-color: #008886;
  color: #ffffff;
  background-color: #008886;
}
.k-chat .k-quick-reply {
  border-color: #008886;
  color: #008886;
  background-color: transparent;
}
.k-chat .k-quick-reply:hover {
  border-color: #008886;
  color: #ffffff;
  background-color: #008886;
}
.k-chat .k-message-box {
  border-color: inherit;
  color: #fff;
  background-color: #0e0e0e;
}
.k-chat .k-message-box .k-button:hover {
  color: #008886;
}
.k-chat .k-toolbar-box {
  border-color: inherit;
  color: #fff;
  background-color: #0e0e0e;
}
.k-chat .k-toolbar-box .k-button:hover {
  color: #008886;
  background: none;
}
.k-chat .k-toolbar-box .k-scroll-button {
  background-color: #0e0e0e;
  box-shadow: 0 0 20px 5px #0e0e0e;
}
.k-chat .k-toolbar-box .k-scroll-button:hover {
  background-color: #0e0e0e;
}
.k-calendar {
  border-color: #323232;
  color: #fff;
  background-color: #0e0e0e;
}
.k-calendar > .k-header {
  border-color: #323232;
  color: #fff;
  background-color: #0e0e0e;
  background-image: none;
}
.k-calendar th {
  border-color: #323232;
  color: #fff;
  background-color: #0e0e0e;
}
.k-calendar .k-alt {
  border-color: #323232;
  color: #fff;
  background-color: #181818;
}
.k-calendar .k-weekend {
  background-color: transparent;
}
.k-calendar .k-other-month {
  color: #797979;
  background-color: transparent;
}
.k-calendar .k-out-of-range {
  pointer-events: none;
  visibility: hidden;
}
.k-calendar .k-today .k-link {
  color: #008886;
  box-shadow: inset 0 0 0 1px #008886;
}
.k-calendar td.k-state-hover .k-link {
  border-color: #00aba9;
  color: #ffffff;
  background-color: #00aba9;
  background-image: none;
}
.k-calendar td.k-state-selected .k-link {
  border-color: #008886;
  color: #fff;
  background-color: #008886;
  background-image: none;
}
.k-calendar td.k-state-focused .k-link {
  box-shadow: inset 0 0 0 1px #ffffff;
}
.k-calendar .k-footer .k-nav-today {
  color: #008886;
}
.k-calendar .k-footer .k-nav-today:hover {
  color: #009c9a;
}
.k-calendar-range {
  border-color: #323232;
  color: #fff;
  background-color: #0e0e0e;
}
.k-calendar-range th {
  color: inherit;
  background-color: transparent;
  text-transform: uppercase;
}
.k-calendar-range td.k-state-hover .k-link {
  border-color: #00aba9;
  color: #ffffff;
  background-color: #00aba9;
}
.k-calendar-range td.k-state-selected .k-link {
  border-color: #008886;
  color: #fff;
  background-color: #008886;
}
.k-calendar-range td.k-state-focused .k-link {
  box-shadow: inset 0 0 0 1px #ffffff;
}
.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(0, 136, 134, 0.3) 1px, rgba(0, 136, 134, 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(0, 136, 134, 0.3);
}
.k-calendar-range td.k-range-split-start::after {
  background-image: linear-gradient(to left, rgba(0, 136, 134, 0.3), transparent);
}
.k-calendar-range td.k-range-split-end::after {
  background-image: linear-gradient(to right, rgba(0, 136, 134, 0.3), transparent);
}
.k-calendar-range .k-footer .k-nav-today {
  color: #008886;
  background: none;
}
.k-pdf-viewer .k-toolbar .k-icon,
.k-pdf-viewer .k-toolbar .k-pager-input {
  color: #ffffff;
}
.k-pdf-viewer .k-canvas {
  background-color: #0e0e0e;
}
.k-pdf-viewer .k-page {
  border-color: #323232;
  color: #fff;
  background-color: white;
  box-shadow: 0 0 15px #323232;
}
.k-scrollview-nav > li.k-link {
  border-color: #555555;
  background-color: #0e0e0e;
  background-clip: padding-box;
}
.k-scrollview-nav > li.k-link.k-primary {
  border-color: #008886;
  background-color: #008886;
}
.k-scrollview-elements {
  color: #fff;
}
.k-scrollview-next,
.k-scrollview-prev {
  color: inherit;
  background: rgba(0, 0, 0, 0);
  text-shadow: rgba(0, 0, 0, 0.3) 0 0 15px;
  opacity: 0.7;
  outline-width: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.k-scrollview-next:hover,
.k-scrollview-prev:hover {
  color: #fff;
  opacity: 1;
}
.k-scrollview-next:hover span::before,
.k-scrollview-prev:hover span::before {
  background-color: transparent;
}
.k-switch-handle {
  background-clip: border-box;
}
.k-switch-on .k-switch-container {
  border-color: #555555;
  color: #008886;
  background-color: #0e0e0e;
}
.k-switch-on .k-switch-handle {
  border-color: #008886;
  color: #008886;
  background-color: #008886;
}
.k-switch-on:focus .k-switch-container,
.k-switch-on.k-state-focused .k-switch-container {
  border-color: #008886;
  color: #008886;
  background-color: #0e0e0e;
}
.k-switch-on:focus .k-switch-handle,
.k-switch-on.k-state-focused .k-switch-handle {
  border-color: #00aca9;
  color: #008886;
  background-color: #008886;
}
.k-switch-on:hover .k-switch-container,
.k-switch-on.k-state-hover .k-switch-container {
  border-color: #00aba9;
  color: #008886;
  background-color: #0e0e0e;
}
.k-switch-on:hover .k-switch-handle,
.k-switch-on.k-state-hover .k-switch-handle {
  border-color: #00aba9;
  color: #008886;
  background-color: #00aba9;
}
.k-switch-on .k-switch-label-off {
  color: transparent;
}
.k-switch-off .k-switch-container {
  border-color: #555555;
  color: #fff;
  background-color: #0e0e0e;
}
.k-switch-off .k-switch-handle {
  border-color: #555555;
  color: #fff;
  background-color: #0e0e0e;
}
.k-switch-off:focus .k-switch-container,
.k-switch-off.k-state-focused .k-switch-container {
  border-color: #008886;
  color: #fff;
  background-color: #0e0e0e;
}
.k-switch-off:focus .k-switch-handle,
.k-switch-off.k-state-focused .k-switch-handle {
  border-color: #00aca9;
  color: #fff;
  background-color: #0e0e0e;
}
.k-switch-off:hover .k-switch-container,
.k-switch-off.k-state-hover .k-switch-container {
  border-color: #00aba9;
  color: #fff;
  background-color: #0e0e0e;
}
.k-switch-off:hover .k-switch-handle,
.k-switch-off.k-state-hover .k-switch-handle {
  border-color: #00aba9;
  color: #fff;
  background-color: #00aba9;
}
.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: #0e0e0e;
}
.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: #008886;
}
.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: #0e0e0e;
  background-color: #008886;
}
.k-pane-wrapper .k-pane .k-grid-mobile .k-resize-handle-inner::before {
  background-color: #0e0e0e;
}
.k-pane-wrapper .k-pane .k-scheduler-mobile .k-nav-current {
  color: #008886;
}
.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: #0e0e0e;
}
.k-pane-wrapper .k-pane .k-scheduler-mobile .k-other-month {
  background-color: #393939;
}
.k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-toolbar .k-scheduler-tools > li,
.k-pane-wrapper .k-pane .k-scheduler-mobile .k-scheduler-toolbar .k-scheduler-navigation {
  background-color: inherit;
}
.k-pane-wrapper .k-pane .k-grid-edit-form .k-header,
.k-pane-wrapper .k-pane .k-grid-column-menu .k-header,
.k-pane-wrapper .k-pane .k-grid-filter-menu .k-header,
.k-pane-wrapper .k-pane .k-scheduler-edit-form .k-header {
  background-color: #008886;
}
.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: #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: #008886;
}
.k-pane-wrapper .k-pane .k-column-menu .k-state-selected .k-link {
  color: #008886;
}
.k-pane-wrapper .k-pane .k-filter-menu .k-check,
.k-pane-wrapper .k-pane .k-scheduler-edit-form .k-check {
  color: #008886;
  border-color: #008886;
}
.k-pane-wrapper .k-pane .k-filter-menu .k-check:focus,
.k-pane-wrapper .k-pane .k-scheduler-edit-form .k-check:focus,
.k-pane-wrapper .k-pane .k-filter-menu .k-check.k-state-focused,
.k-pane-wrapper .k-pane .k-scheduler-edit-form .k-check.k-state-focused {
  border-color: #00cfcc;
  box-shadow: none;
}
.k-pane-wrapper .k-pane .k-mobile-list .k-item {
  background-color: #0e0e0e;
  border-bottom: 1px solid #323232;
}
.k-pane-wrapper .k-pane .k-mobile-list .k-item > .k-link:active,
.k-pane-wrapper .k-pane .k-mobile-list .k-item > .k-label:active,
.k-pane-wrapper .k-pane .k-mobile-list .k-item .k-edit-label.k-check:active,
.k-pane-wrapper .k-pane .k-mobile-list .k-item .k-recur-view .k-check:active {
  color: #fff;
  background-color: #00aba9;
  border-color: #00aba9;
}
.k-pane-wrapper .k-pane .k-mobile-list .k-item .k-state-selected {
  background-color: #008886;
  border-top-color: #008886;
}
.k-pane-wrapper .k-pane .k-mobile-list .k-item:first-child,
.k-pane-wrapper .k-pane .k-mobile-list .k-item.k-clear-wrap {
  box-shadow: inset 0 1px 0 #323232;
}
.k-pane-wrapper .k-pane .k-mobile-list.k-filter-menu .k-space-right > input {
  background: #0e0e0e;
  border-color: #111111;
}
.k-pane-wrapper .k-pane .k-mobile-list.k-filter-menu .k-space-right > input:focus {
  box-shadow: none;
}
.k-pane-wrapper .k-pane .k-mobile-list .k-check:checked {
  opacity: 1;
  font-family: 'WebComponentsIcons';
}
.k-pane-wrapper .k-pane .k-mobile-list .k-check:checked::before {
  content: "\e118";
}
.k-pane-wrapper .k-pane .k-mobile-list .k-list-title,
.k-pane-wrapper .k-pane .k-mobile-list .k-filter-help-text,
.k-pane-wrapper .k-pane .k-mobile-list .k-filter-selected-items {
  color: #fff;
}
.k-drawer-container {
  background-color: #0e0e0e;
  color: #fff;
  border-color: #323232;
}
.k-drawer-container,
.k-drawer-container .k-drawer-items {
  /* Scrollbar styles for Chrome, Safari and Opera */
  /* Scrollbar styles for Mozilla */
  scrollbar-color: rgba(156, 156, 156, 0.7) #dedede;
}
.k-drawer-container::-webkit-scrollbar-track,
.k-drawer-container .k-drawer-items::-webkit-scrollbar-track {
  background: #dedede;
}
.k-drawer-container::-webkit-scrollbar-thumb,
.k-drawer-container .k-drawer-items::-webkit-scrollbar-thumb {
  background: rgba(156, 156, 156, 0.7);
}
.k-drawer-container::-webkit-scrollbar-thumb:hover,
.k-drawer-container .k-drawer-items::-webkit-scrollbar-thumb:hover {
  background: #9c9c9c;
}
.k-drawer-items .k-drawer-item {
  color: #fff;
}
.k-drawer-items .k-drawer-item:hover,
.k-drawer-items .k-drawer-item.k-state-hover {
  color: #fff;
  background-color: #00aba9;
  background-image: none;
  cursor: pointer;
}
.k-drawer-items .k-drawer-item:focus,
.k-drawer-items .k-drawer-item.k-state-focused {
  background-color: #0e0e0e;
  box-shadow: inset 0 0 0 1px #00aba9;
}
.k-drawer-items .k-drawer-item:focus:hover,
.k-drawer-items .k-drawer-item.k-state-focused:hover,
.k-drawer-items .k-drawer-item:focus.k-state-hover,
.k-drawer-items .k-drawer-item.k-state-focused.k-state-hover {
  color: #fff;
  background-color: #00aba9;
}
.k-drawer-items .k-drawer-item.k-state-selected {
  color: #fff;
  background-color: #00aba9;
}
.k-drawer-items .k-drawer-item.k-state-selected:hover,
.k-drawer-items .k-drawer-item.k-state-selected.k-state-hover {
  color: #fff;
  background-color: #00c4c2;
}
.k-drawer-items .k-drawer-item.k-drawer-separator {
  background-color: #323232;
}
.k-in,
.k-item,
.k-window-action {
  border-color: transparent;
}
.k-splitbar .k-resize-handle {
  background-color: #fff;
}
.k-block,
.k-widget {
  background-color: #0e0e0e;
}
.k-block,
.k-widget,
.k-input,
.k-textbox,
.k-group,
.k-content,
.k-header,
.k-filter-row > th,
.k-editable-area,
.k-separator,
.k-textbox > input,
.k-autocomplete,
.k-dropdown-wrap,
.k-toolbar,
.k-group-footer td,
.k-grid-footer,
.k-footer-template td,
.k-state-default,
.k-state-default .k-select,
.k-state-disabled,
.k-grid-header,
.k-grid-header-wrap,
.k-grid-header-locked,
.k-grid-footer-locked,
.k-grid-content-locked,
.k-grid td,
.k-grid td.k-state-selected,
.k-grid-footer-wrap,
.k-pager-wrap,
.k-pager-wrap .k-link,
.k-pager-refresh,
.k-grouping-header,
.k-grouping-header .k-group-indicator,
.k-panelbar > .k-item > .k-link,
.k-panel > .k-item > .k-link,
.k-panelbar .k-panel,
.k-panelbar .k-content,
.k-treemap-tile,
.k-slider-track,
.k-splitbar,
.k-dropzone-active,
.k-tiles,
.k-tooltip,
.k-button-group .k-tool,
.k-upload-files,
.k-popup.k-align .k-list .k-item:last-child,
.k-maskedtextbox.k-state-disabled > .k-textbox:hover,
.k-dateinput.k-state-disabled > .k-textbox:hover {
  border-color: #323232;
}
.k-group,
.k-grouping-header,
.k-pager-wrap,
.k-group-footer td,
.k-grid-footer,
.k-footer-template td,
.k-widget .k-status,
.k-dropzone-hovered,
.k-popup {
  background-color: #0e0e0e;
}
.k-grouping-row td,
td.k-group-cell,
.k-resize-handle-inner {
  background-color: #0e0e0e;
}
.k-list-container {
  border-color: #323232;
  background-color: #0e0e0e;
}
.k-content,
.k-panelbar > li.k-item,
.k-panel > li.k-item,
.k-tiles {
  background-color: #0e0e0e;
}
.k-alt,
.k-separator,
.k-resource.k-alt,
.k-pivot-layout > tbody > tr:first-child > td:first-child {
  background-color: #1d1d1d;
}
.k-pivot-rowheaders .k-alt .k-alt,
.k-header.k-alt {
  background-color: contrst(#fff, #090909, #323232, 0.5);
}
.k-textbox,
.k-autocomplete.k-header,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-active {
  border-color: #323232;
  background-color: #0e0e0e;
}
.k-textbox > input,
.k-autocomplete .k-input,
.k-dropdown-wrap .k-input,
.k-autocomplete.k-state-focused .k-input,
.k-dropdown-wrap.k-state-focused .k-input,
.k-picker-wrap.k-state-focused .k-input,
.k-numeric-wrap.k-state-focused .k-input {
  border-color: #323232;
}
input.k-textbox,
textarea.k-textbox,
input.k-textbox:hover,
textarea.k-textbox:hover,
.k-textbox > input {
  background: none;
}
.k-input,
input.k-textbox,
textarea.k-textbox,
input.k-textbox:hover,
textarea.k-textbox:hover,
.k-textbox > input,
.k-multiselect-wrap {
  background-color: #0e0e0e;
  color: #fff;
}
.k-input[readonly] {
  background-color: #0e0e0e;
  color: #fff;
}
.k-block,
.k-widget,
.k-popup,
.k-content,
.k-toolbar,
.k-dropdown .k-input {
  color: #fff;
}
.k-inverse {
  color: #000000;
}
.k-block {
  color: #fff;
}
.k-link,
.k-nav-current.k-state-hover .k-link {
  color: #fff;
}
.k-tabstrip-items .k-link,
.k-panelbar > li > .k-link {
  color: #fff;
}
.k-header,
.k-treemap-title,
.k-grid-header .k-header > .k-link {
  color: #fff;
}
.k-header,
.k-grid-header,
.k-toolbar,
.k-dropdown-wrap,
.k-picker-wrap,
.k-numeric-wrap,
.k-grouping-header,
.k-pager-wrap,
.k-textbox,
.k-progressbar,
.k-draghandle,
.k-autocomplete,
.k-state-highlight,
.k-tabstrip-items .k-item,
.k-panelbar .k-tabstrip-items .k-item {
  background-position: 50% 50%;
  background-color: #0e0e0e;
}
.k-widget.k-tooltip {
  background-image: none;
}
.k-block,
.k-treemap-tile {
  background-color: #0e0e0e;
}
.k-mediaplayer-toolbar {
  background: rgba(14, 14, 14, 0.85);
}
.k-hr {
  border-color: #323232;
}
.k-icon:hover,
.k-state-hover .k-icon,
.k-state-selected .k-icon,
.k-state-focused .k-icon,
.k-column-menu .k-state-hover .k-sprite,
.k-column-menu .k-state-active .k-sprite,
.k-pager-numbers .k-current-page .k-link:hover:after,
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view.k-state-hover > .k-link:after {
  opacity: 1;
}
.k-icon,
.k-state-disabled .k-icon,
.k-column-menu .k-sprite,
.k-pager-numbers .k-current-page .k-link:after,
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after {
  opacity: 1;
}
.k-clear-value {
  color: #fff;
}
.k-badge {
  background-color: #008886;
  color: #fff;
  border-radius: 0;
}
.k-tool {
  border-color: transparent;
}
.k-i-loading {
  background-image: url('MetroBlack/loading.gif');
}
.k-loading-image {
  background-image: url('MetroBlack/loading-image.gif');
}
.k-loading-color {
  background-color: #0e0e0e;
}
.k-draghandle {
  border-color: #00aba9;
  background-color: #00aba9;
  box-shadow: 0 1px 1px 0 rgba(230, 230, 230, 0.3);
}
.k-draghandle:hover {
  border-color: #008886;
  background-color: #008886;
  box-shadow: 0 1px 1px 0 rgba(230, 230, 230, 0.3);
}
.k-scheduler {
  color: #ffffff;
  background-color: #0e0e0e;
}
.k-scheduler-layout {
  color: #fff;
}
.k-scheduler-datecolumn,
.k-scheduler-groupcolumn {
  background-color: #0e0e0e;
  color: #fff;
}
.k-scheduler-times tr,
.k-scheduler-times th,
.k-scheduler-table td,
.k-scheduler-header th,
.k-scheduler-header-wrap,
.k-scheduler-times {
  border-color: #323232;
}
.k-scheduler-table .k-today,
.k-today > .k-scheduler-datecolumn,
.k-today > .k-scheduler-groupcolumn {
  background-color: #222222;
}
.k-scheduler-table .k-nonwork-hour {
  background-color: #393939;
}
.k-scheduler-mobile .k-scheduler-navigation .k-state-hover > .k-link {
  color: #fff;
}
.k-gantt .k-nonwork-hour {
  background-color: rgba(0, 0, 0, 0.02);
}
.k-gantt .k-header.k-nonwork-hour {
  background-color: rgba(0, 0, 0, 0.2);
}
.k-scheduler-now-arrow {
  border-left-color: #e20000;
}
.k-scheduler-now-line {
  background-color: #e20000;
}
.k-event,
.k-task-complete {
  border-color: #008886;
  background: #008886 0 -257px none repeat-x;
  color: #ffffff;
}
.k-event-inverse {
  color: #08180b;
}
.k-event.k-state-selected {
  background-position: 0 0;
  box-shadow: 0 0 0 2px #fff;
}
.k-event .k-resize-handle:after,
.k-task-single .k-resize-handle:after {
  background-color: #fff;
}
.k-scheduler-marquee:before,
.k-scheduler-marquee:after {
  border-color: #008886;
}
.k-panelbar .k-content,
.k-panelbar .k-panel,
.k-panelbar .k-item {
  background-color: #0e0e0e;
  color: #fff;
  border-color: #323232;
}
.k-panelbar > li > .k-link {
  color: #fff;
}
.k-panelbar > .k-item > .k-link {
  border-color: #323232;
}
.k-panel > li.k-item {
  background-color: #0e0e0e;
}
.k-state-active,
.k-state-active:hover,
.k-active-filter,
.k-header-column-menu.k-state-active {
  background-color: #1d1d1d;
  border-color: #008886;
  color: #008886;
}
.k-fieldselector .k-list-container {
  background-color: #1d1d1d;
}
.k-tabstrip-scrollable .k-button.k-bare:hover {
  background: #00aba9 !important;
}
.k-menu .k-state-hover > .k-state-active {
  background-color: transparent;
}
.k-mediaplayer-toolbar .k-button.k-bare:active,
.k-mediaplayer-toolbar .k-button.k-bare.k-state-active,
.k-mediaplayer-toolbar .k-button.k-bare.k-state-active:hover {
  color: #008886;
}
.k-menu .k-state-selected > .k-link {
  color: #fff;
  background-color: #008886;
  border-color: #008886;
  background-image: none;
}
.k-menu .k-link.k-state-active {
  background-color: #1d1d1d;
  border-color: #008886;
  color: #ffffff;
}
.k-menu .k-state-hover > .k-link,
.k-menu .k-menu-scroll-button:hover {
  color: #fff;
  background-color: #00aba9;
  border-color: #00aba9;
  background-image: none;
}
.k-state-highlight {
  background: #1d1d1d;
  color: #ffffff;
}
.k-state-focused,
.k-grouping-row .k-state-focused {
  border-color: #00aba9;
}
.k-calendar-container.k-group {
  border-color: #323232;
}
.k-window-titlebar .k-link {
  border-radius: 0;
}
.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited,
.k-tool.k-state-selected,
.k-list > .k-state-selected,
.k-list > .k-state-highlight,
.k-panel > .k-state-selected,
.k-ghost-splitbar-vertical,
.k-ghost-splitbar-horizontal,
.k-draghandle.k-state-selected:hover,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-marquee-color {
  color: #fff;
  background-color: #008886;
  border-color: #008886;
}
.k-virtual-item.k-first,
.k-group-header + .k-list > .k-item.k-first,
.k-static-header + .k-list > .k-item.k-first {
  border-top-color: #00aba9;
}
.k-group-header + div > .k-list > .k-item.k-first:before {
  border-top-color: #00aba9;
}
.k-popup > .k-group-header,
.k-popup > .k-virtual-wrap > .k-group-header {
  background: #00aba9;
  color: #fff;
}
.k-popup .k-list .k-item > .k-group {
  background: #00aba9;
  color: #fff;
  border-bottom-left-radius: 0;
}
.k-marquee-text {
  color: #fff;
}
.k-state-focused,
.k-list > .k-state-focused,
.k-listview > .k-state-focused,
.k-grid-header th.k-state-focused,
td.k-state-focused {
  box-shadow: inset 0 0 0 1px #00aba9;
}
.k-state-focused.k-state-selected,
.k-list > .k-state-focused.k-state-selected,
.k-listview > .k-state-focused.k-state-selected,
td.k-state-focused.k-state-selected {
  box-shadow: inset 0 0 3px 1px #003c3b;
}
.k-list-optionlabel.k-state-selected.k-state-focused {
  box-shadow: none;
}
.k-state-selected > .k-link,
.k-panelbar > li > .k-state-selected,
.k-panelbar .k-item .k-link.k-state-selected,
.k-panelbar > li.k-state-default > .k-link.k-state-selected {
  color: #fff;
}
.k-state-hover,
.k-splitbar-horizontal-hover,
.k-splitbar-vertical-hover,
.k-list > .k-state-hover,
.k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
.k-pager-wrap .k-link:hover,
.k-dropdown .k-state-focused,
.k-filebrowser-dropzone {
  color: #fff;
  background-color: #00aba9;
  border-color: #00aba9;
}
.k-pager-wrap .k-link.k-state-disabled {
  color: #fff;
  border-color: #323232;
}
.k-state-hover > .k-select,
.k-state-focused > .k-select {
  border-color: #00aba9;
}
.k-textbox:hover,
.k-state-hover,
.k-pager-wrap .k-link:hover,
.k-other-month.k-state-hover .k-link,
div.k-filebrowser-dropzone em,
.k-draghandle:hover,
.k-listbox .k-item:hover:not(.k-state-disabled) {
  background-image: none;
}
.k-pager-wrap {
  background-color: #0e0e0e;
  color: #fff;
}
.k-pager-wrap.k-pager-lg .k-pager-numbers.k-state-expanded,
.k-pager-wrap.k-pager-md .k-pager-numbers.k-state-expanded,
.k-pager-wrap.k-pager-sm .k-pager-numbers.k-state-expanded {
  background-color: #0e0e0e;
}
.k-autocomplete.k-state-active,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-active,
.k-dropdown-wrap.k-state-active,
.k-state-active,
.k-state-active:hover,
.k-state-active > .k-link,
.k-panelbar > .k-item > .k-state-focused {
  background-image: none;
}
.k-state-selected,
.k-draghandle.k-state-selected:hover {
  background-image: none;
}
.k-draghandle.k-state-selected:hover {
  background-position: 50% 50%;
}
.k-state-hover > .k-link,
.k-other-month.k-state-hover .k-link,
div.k-filebrowser-dropzone em {
  color: #fff;
}
.k-autocomplete.k-state-hover,
.k-autocomplete.k-state-focused,
.k-picker-wrap.k-state-hover,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-hover,
.k-numeric-wrap.k-state-focused,
.k-dropdown-wrap.k-state-hover,
.k-dropdown-wrap.k-state-focused {
  color: #fff;
  background-color: #00aba9;
  background-image: none;
  background-position: 50% 50%;
  border-color: #323232;
}
.k-dropdown .k-state-hover .k-input,
.k-dropdown .k-state-focused .k-input {
  color: #fff;
}
.k-state-error {
  border-color: #e20000;
  background-color: #e20000;
  color: #ffffff;
}
.k-state-disabled {
  opacity: 0.6;
}
.k-tile-empty.k-state-selected,
.k-loading-mask.k-state-selected {
  border-width: 0;
  background-image: none;
  background-color: transparent;
}
.k-state-disabled,
.k-state-disabled .k-link,
.k-other-month,
.k-other-month .k-link,
.k-dropzone em,
.k-tile-empty strong,
.k-slider .k-draghandle {
  color: #797979;
}
.k-dropzone .k-upload-status {
  color: #fff;
}
.k-file .k-upload-status {
  color: #fff;
}
.k-upload-status .k-button:hover .k-i-delete,
.k-upload-status .k-button:hover .k-i-delete {
  background-color: #008886;
}
.k-progressbar-indeterminate {
  background: url('MetroBlack/indeterminate.gif');
}
.k-progressbar-indeterminate .k-progress-status-wrap,
.k-progressbar-indeterminate .k-state-selected {
  display: none;
}
.k-progressbar-horizontal > .k-state-selected,
.k-rtl .k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected,
.k-progressbar-horizontal.k-progressbar-reverse > .k-state-selected,
.k-rtl .k-progressbar-horizontal > .k-state-selected,
.k-progressbar-vertical > .k-state-selected,
.k-progressbar-vertical.k-progressbar-reverse > .k-state-selected,
.k-progressbar > .k-state-selected.k-complete,
.k-rtl .k-progressbar > .k-state-selected.k-complete,
.k-progressbar-horizontal .k-first,
.k-rtl .k-progressbar-horizontal .k-last,
.k-rtl .k-progressbar-horizontal.k-progressbar-reverse .k-last,
.k-progressbar-horizontal .k-last,
.k-rtl .k-progressbar-horizontal .k-first,
.k-progressbar-vertical .k-first,
.k-progressbar-vertical .k-last {
  border-radius: 0;
}
.k-slider-track {
  background-color: #323232;
}
.k-slider-selection {
  background-color: #008886;
}
.k-slider-horizontal .k-tick {
  background-image: url('MetroBlack/slider-h.gif');
}
.k-slider-vertical .k-tick {
  background-image: url('MetroBlack/slider-v.gif');
}
.k-widget.k-tooltip,
.k-chart-crosshair-tooltip,
.k-chart-shared-tooltip {
  border-color: #00b0ae;
  background-color: #00b0ae;
  color: #ffffff;
}
.k-widget.k-tooltip-validation {
  border-color: #ffb137;
  background-color: #ffb137;
  color: #040200;
}
.input-prepend .k-tooltip-validation,
.input-append .k-tooltip-validation {
  font-size: 12px;
  position: relative;
  top: 3px;
}
.k-callout-n {
  border-bottom-color: #00b0ae;
}
.k-callout-w {
  border-right-color: #00b0ae;
}
.k-callout-s {
  border-top-color: #00b0ae;
}
.k-callout-e {
  border-left-color: #00b0ae;
}
.k-tooltip-validation .k-callout-n {
  border-bottom-color: #ffb137;
}
.k-tooltip-validation .k-callout-w {
  border-right-color: #ffb137;
}
.k-tooltip-validation .k-callout-s {
  border-top-color: #ffb137;
}
.k-tooltip-validation .k-callout-e {
  border-left-color: #ffb137;
}
.k-splitbar {
  background-color: #111111;
}
.k-restricted-size-vertical,
.k-restricted-size-horizontal {
  background-color: #ffffff;
}
.k-file {
  border-color: #323232;
}
.k-file-progress {
  color: #0c779b;
}
.k-file-progress .k-progress {
  background-color: #0c779b;
}
.k-file-success .k-file-name,
.k-file-success .k-upload-pct {
  color: #2b893c;
}
.k-file-success .k-progress {
  background-color: #2b893c;
}
.k-file-error {
  color: #e20000;
}
.k-file-error .k-file-extension-wrapper,
.k-file-error .k-multiple-files-extension-wrapper {
  color: #e20000;
  border-color: #e20000;
}
.k-file-error .k-file-extension-wrapper:before,
.k-file-error .k-multiple-files-extension-wrapper:before {
  border-color: transparent transparent #e20000 #e20000;
}
.k-file-error .k-progress {
  background-color: #e20000;
}
.k-file-extension-wrapper,
.k-multiple-files-extension-wrapper {
  color: #797979;
  border-color: #797979;
}
.k-file-invalid .k-file-name-invalid {
  color: #e20000;
}
.k-file-invalid-extension-wrapper,
.k-multiple-files-invalid-extension-wrapper {
  color: #e20000;
  border-color: #e20000;
}
.k-file-extension-wrapper:before,
.k-multiple-files-extension-wrapper:before {
  background-color: #0e0e0e;
  border-color: transparent transparent #797979 #797979;
}
.k-file-invalid-extension-wrapper:before,
.k-multiple-files-invalid-extension-wrapper:before {
  background-color: #0e0e0e;
  border-color: transparent transparent #e20000 #e20000;
}
.k-multiple-files-extension-wrapper:after {
  border-top-color: #797979;
  border-left-color: #797979;
}
.k-multiple-files-invalid-extension-wrapper:after {
  border-top-color: #e20000;
  border-left-color: #e20000;
}
.k-file-size,
.k-file-information,
.k-file-validation-message {
  color: #797979;
}
.k-upload .k-upload-selected {
  color: #008886;
  border-color: #323232;
}
.k-upload .k-upload-selected:hover {
  color: #ffffff;
}
.k-tile {
  border-color: #0e0e0e;
}
.k-textbox:hover,
.k-tiles li.k-state-hover {
  border-color: #00aba9;
}
.k-tiles li.k-state-selected {
  border-color: #008886;
}
.k-leaf,
.k-leaf.k-state-hover {
  color: #fff;
}
.k-leaf.k-inverse,
.k-leaf.k-inverse.k-state-hover {
  color: #000;
}
.k-slider,
.k-treeview,
.k-upload {
  box-shadow: none;
}
.k-state-hover {
  box-shadow: none;
}
.k-textbox:focus,
.k-autocomplete.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused {
  box-shadow: none;
}
.k-state-selected {
  box-shadow: none;
}
.k-state-active {
  box-shadow: none;
}
.k-popup,
.k-menu .k-menu-group,
.k-grid .k-filter-options,
.k-time-popup,
.k-datepicker-calendar,
.k-autocomplete.k-state-border-down,
.k-autocomplete.k-state-border-up,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-multiselect.k-state-focused,
.k-filebrowser .k-image,
.k-tooltip {
  box-shadow: 0 2px 2px 0 rgba(255, 255, 255, 0.2);
}
.k-treemap-tile.k-state-hover {
  box-shadow: inset 0 0 0 3px #323232;
}
.k-window {
  border-color: rgba(255, 255, 255, 0.2);
  box-shadow: 1px 1px 7px 1px rgba(255, 255, 255, 0.2);
  background-color: #0e0e0e;
}
.k-window.k-state-focused {
  border-color: rgba(255, 255, 255, 0.2);
  box-shadow: 1px 1px 7px 1px rgba(255, 255, 255, 0.2);
}
.k-window.k-window-maximized,
.k-window-maximized .k-window-titlebar,
.k-window-maximized .k-window-content {
  border-radius: 0;
}
.k-shadow {
  box-shadow: 0 1px 2px 0 rgba(255, 255, 255, 0.2);
}
.k-inset {
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2);
}
.k-editor-inline ::selection {
  background-color: #008886;
  text-shadow: none;
  color: #fff;
}
.k-editor-inline ::-moz-selection {
  background-color: #008886;
  text-shadow: none;
  color: #fff;
}
.k-notification {
  border-radius: 0;
}
.k-notification-info {
  background-color: #0c779b;
  color: #ffffff;
  border-color: #0c7ba0;
}
.k-notification-success {
  background-color: #2b893c;
  color: #ffffff;
  border-color: #2c8d3e;
}
.k-notification-warning {
  background-color: #ffb137;
  color: #ffffff;
  border-color: #ea8e00;
}
.k-notification-error {
  background-color: #ff3030;
  color: #ffffff;
  border-color: #ff3030;
}
.k-gantt .k-treelist {
  background: #1d1d1d;
}
.k-gantt .k-treelist .k-alt {
  background-color: #040404;
}
.k-gantt .k-treelist tr:hover {
  background-color: #00aba9;
}
.k-gantt .k-treelist .k-state-selected,
.k-gantt .k-treelist .k-state-selected td,
.k-gantt .k-treelist .k-alt.k-state-selected,
.k-gantt .k-treelist .k-alt.k-state-selected > td {
  background-color: #008886;
}
.k-gantt .k-treelist .k-state-selected:hover,
.k-gantt .k-treelist .k-state-selected:hover td {
  background-color: #00aba9;
}
.k-task-dot:after {
  background-color: #fff;
  border-color: #fff;
}
.k-task-dot:hover:after {
  background-color: #1d1d1d;
}
.k-task-summary {
  border-color: #ffffff;
  background: #ffffff;
}
.k-task-milestone,
.k-task-summary-complete {
  border-color: #fff;
  background: #fff;
}
.k-state-selected.k-task-summary {
  border-color: #00d4d1;
  background: #00d4d1;
}
.k-state-selected.k-task-milestone,
.k-state-selected .k-task-summary-complete {
  border-color: #008886;
  background: #008886;
}
.k-task-single {
  background-color: #00aca9;
  border-color: #008886;
  color: #ffffff;
}
.k-state-selected.k-task-single {
  border-color: #008886;
}
.k-line {
  background-color: #fff;
  color: #fff;
}
.k-state-selected.k-line {
  background-color: #008886;
  color: #008886;
}
.k-resource {
  background-color: #0e0e0e;
}
.k-block,
.k-textbox,
.k-drag-clue,
.k-touch-scrollbar,
.k-window,
.k-window-titleless .k-window-content,
.k-window-action,
.k-inline-block,
.k-grid .k-filter-options,
.k-grouping-header .k-group-indicator,
.k-autocomplete,
.k-multiselect,
.k-combobox,
.k-dropdown,
.k-dropdown-wrap,
.k-datepicker,
.k-timepicker,
.k-colorpicker,
.k-datetimepicker,
.k-numerictextbox,
.k-picker-wrap,
.k-numeric-wrap,
.k-list-container,
.k-calendar-container,
.k-treeview .k-in,
.k-editor-inline,
.k-tooltip,
.k-tile,
.k-slider-track,
.k-slider-selection,
.k-upload {
  border-radius: 0;
}
.k-tool {
  text-align: center;
  vertical-align: middle;
}
.k-tool.k-group-start,
.k-toolbar .k-split-button .k-button,
.k-toolbar .k-button-group .k-group-start {
  border-radius: 0 0 0 0;
}
.k-rtl .k-tool.k-group-start,
.k-rtl .k-toolbar .k-split-button .k-button,
.k-rtl .k-toolbar .k-button-group .k-group-start {
  border-radius: 0 0 0 0;
}
.k-tool.k-group-end,
.k-toolbar .k-button-group .k-group-end,
.k-toolbar .k-split-button .k-split-button-arrow {
  border-radius: 0 0 0 0;
}
.k-rtl .k-tool.k-group-end,
.k-rtl .k-toolbar .k-button-group .k-group-end,
.k-rtl .k-toolbar .k-split-button .k-split-button-arrow {
  border-radius: 0 0 0 0;
}
.k-group-start.k-group-end.k-tool {
  border-radius: 0;
}
.k-calendar-container.k-state-border-up,
.k-list-container.k-state-border-up,
.k-autocomplete.k-state-border-up,
.k-multiselect.k-state-border-up,
.k-dropdown-wrap.k-state-border-up,
.k-picker-wrap.k-state-border-up,
.k-numeric-wrap.k-state-border-up,
.k-window-content,
.k-filter-menu {
  border-radius: 0 0 0 0;
}
.k-autocomplete.k-state-border-up .k-input,
.k-dropdown-wrap.k-state-border-up .k-input,
.k-picker-wrap.k-state-border-up .k-input,
.k-picker-wrap.k-state-border-up .k-selected-color,
.k-numeric-wrap.k-state-border-up .k-input {
  border-radius: 0 0 0 0;
}
.k-multiselect.k-state-border-up .k-multiselect-wrap {
  border-radius: 0 0 0 0;
}
.k-window-titlebar,
.k-block > .k-header,
.k-tabstrip-items .k-item,
.k-panelbar .k-tabstrip-items .k-item,
.k-tabstrip-items .k-link,
.k-calendar-container.k-state-border-down,
.k-list-container.k-state-border-down,
.k-autocomplete.k-state-border-down,
.k-multiselect.k-state-border-down,
.k-dropdown-wrap.k-state-border-down,
.k-picker-wrap.k-state-border-down,
.k-numeric-wrap.k-state-border-down {
  border-radius: 0 0 0 0;
}
.k-split-button.k-state-border-down > .k-button {
  border-radius: 0 0 0 0;
}
.k-split-button.k-state-border-up > .k-button {
  border-radius: 0 0 0 0;
}
.k-split-button.k-state-border-down > .k-split-button-arrow {
  border-radius: 0 0 0 0;
}
.k-split-button.k-state-border-up > .k-split-button-arrow {
  border-radius: 0 0 0 0;
}
.k-dropdown-wrap .k-input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input {
  border-radius: 0 0 0 0;
}
.k-rtl .k-dropdown-wrap .k-input,
.k-rtl .k-picker-wrap .k-input,
.k-rtl .k-numeric-wrap .k-input {
  border-radius: 0 0 0 0;
}
.k-numeric-wrap .k-link {
  border-radius: 0 0 0 0;
}
.k-numeric-wrap .k-link + .k-link {
  border-radius: 0 0 0 0;
}
.k-colorpicker .k-selected-color {
  border-radius: 0 0 0 0;
}
.k-rtl .k-colorpicker .k-selected-color {
  border-radius: 0 0 0 0;
}
.k-autocomplete.k-state-border-down .k-input {
  border-radius: 0 0 0 0;
}
.k-dropdown-wrap.k-state-border-down .k-input,
.k-picker-wrap.k-state-border-down .k-input,
.k-picker-wrap.k-state-border-down .k-selected-color,
.k-numeric-wrap.k-state-border-down .k-input {
  border-radius: 0 0 0 0;
}
.k-numeric-wrap .k-link.k-state-selected {
  background-color: #008886;
}
.k-multiselect.k-state-border-down .k-multiselect-wrap {
  border-radius: 0 0 0 0;
}
.k-dropdown-wrap .k-select,
.k-picker-wrap .k-select,
.k-numeric-wrap .k-select,
.k-datetimepicker .k-select + .k-select,
.k-list-container.k-state-border-right {
  border-radius: 0 0 0 0;
}
.k-rtl .k-dropdown-wrap .k-select,
.k-rtl .k-picker-wrap .k-select,
.k-rtl .k-numeric-wrap .k-select,
.k-rtl .k-datetimepicker .k-select + .k-select,
.k-rtl .k-list-container.k-state-border-right {
  border-radius: 0 0 0 0;
}
.k-numeric-wrap.k-expand-padding .k-input {
  border-radius: 0;
}
.k-textbox > input,
.k-autocomplete .k-input,
.k-multiselect-wrap {
  border-radius: 0;
}
.k-list .k-state-hover,
.k-list .k-state-focused,
.k-list .k-state-highlight,
.k-list .k-state-selected,
.k-fieldselector .k-list .k-item,
.k-list-optionlabel,
.k-dropzone,
.k-listbox .k-item {
  border-radius: 0;
}
.k-slider .k-button,
.k-grid .k-slider .k-button {
  border-radius: 13px;
}
.k-draghandle {
  border-radius: 0;
}
.k-scheduler-toolbar > ul li:first-child,
.k-scheduler-toolbar > ul li:first-child .k-link,
.k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li,
.k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li .k-link {
  border-radius: 0 0 0 0;
}
.k-rtl .k-scheduler-toolbar > ul li:first-child,
.k-rtl .k-scheduler-toolbar > ul li:first-child .k-link,
.k-rtl .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li,
.k-rtl .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li .k-link {
  border-radius: 0 0 0 0;
}
.k-edit-field > .k-scheduler-navigation {
  border-radius: 0;
}
.k-scheduler-toolbar .k-nav-next,
.k-scheduler-toolbar ul + ul li:last-child,
.k-scheduler-toolbar .k-nav-next .k-link,
.k-scheduler-toolbar ul + ul li:last-child .k-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.k-rtl .k-scheduler-toolbar .k-nav-next,
.k-rtl .k-scheduler-toolbar ul + ul li:last-child,
.k-rtl .k-scheduler-toolbar .k-nav-next .k-link,
.k-rtl .k-scheduler-toolbar ul + ul li:last-child .k-link {
  border-radius: 0 0 0 0;
}
.k-scheduler div.k-scheduler-footer ul li,
.k-scheduler div.k-scheduler-footer .k-link {
  border-radius: 0;
}
.k-more-events,
.k-event,
.k-task-single,
.k-task-complete,
.k-event .k-link {
  border-radius: 0;
}
.k-scheduler-mobile .k-event {
  border-radius: -1;
}
.k-autocomplete,
.k-picker-wrap.k-state-default,
.k-numeric-wrap.k-state-default,
.k-dropdown-wrap.k-state-default {
  background-position: 50% 50%;
  background-color: #0e0e0e;
  border-color: #323232;
}
.k-autocomplete.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-dropdown-wrap.k-state-hover {
  background-color: #00aba9;
  background-image: none;
  background-position: 50% 50%;
  border-color: #323232;
}
.k-multiselect-wrap {
  border-color: #323232;
}
.k-multiselect-wrap.k-state-hover,
.k-state-hover > .k-multiselect-wrap,
.k-multiselect-wrap.k-state-hover {
  border-color: #323232;
  background: #0e0e0e;
  color: #fff;
}
.k-autocomplete.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused,
.k-dropdown-wrap.k-state-focused {
  background-color: #00aba9;
  background-image: none;
  background-position: 50% 50%;
  border-color: #323232;
  box-shadow: none;
}
.k-multiselect-wrap.k-state-focused,
.k-state-focused > .k-multiselect-wrap {
  border-color: #323232;
  box-shadow: none;
}
.k-list-container {
  color: #fff;
}
.k-nodata {
  color: #797979;
}
.k-dropdown .k-input,
.k-menu .k-popup {
  color: #fff;
}
.k-state-default > .k-select {
  border-color: #323232;
}
.k-state-hover > .k-select {
  border-color: #323232;
}
.k-state-focused > .k-select {
  border-color: #323232;
}
.k-tabstrip:focus {
  box-shadow: none;
}
.k-tabstrip-items .k-state-default .k-link,
.k-panelbar > li.k-state-default > .k-link {
  color: #fff;
}
.k-tabstrip-items .k-state-hover .k-link,
.k-panelbar > li > .k-link.k-state-hover,
.k-panelbar > li.k-state-hover > .k-link,
.k-panelbar > li.k-state-default > .k-link.k-state-hover {
  color: #fff;
}
.k-panelbar .k-state-focused.k-state-hover {
  background: #00aba9;
  box-shadow: none;
}
.k-tabstrip-items .k-state-default {
  border-color: #323232;
}
.k-tabstrip-items .k-state-hover {
  border-color: #00aba9;
}
.k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-items .k-state-active {
  background-color: #1d1d1d;
  background-image: none;
  border-color: #008886;
}
.k-tabstrip-top > .k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-top > .k-tabstrip-items .k-state-active {
  border-bottom-color: #1d1d1d;
}
.k-tabstrip .k-content.k-state-active {
  background-color: #1d1d1d;
  color: #fff;
}
.k-menu.k-header,
.k-menu .k-item {
  border-color: #323232;
}
.k-column-menu,
.k-column-menu .k-item,
.k-overflow-container .k-overflow-group {
  border-color: #323232;
}
.k-overflow-container .k-overflow-group {
  box-shadow: inset 0 1px 0 #7e7e7e, 0 1px 0 #7e7e7e;
}
.k-toolbar-first-visible.k-overflow-group,
.k-overflow-container .k-overflow-group + .k-overflow-group {
  box-shadow: 0 1px 0 #7e7e7e;
}
.k-toolbar-last-visible.k-overflow-group {
  box-shadow: inset 0 1px 0 #7e7e7e;
}
.k-overflow-container .k-overflow-button:focus,
.k-overflow-container .k-overflow-button:focus:hover {
  border-color: #00aca9;
}
.k-overflow-container .k-separator {
  border-color: #323232;
}