@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.

.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-is-dark-theme {
  opacity: 1;
}
.ktb-var-primary {
  color: #008886;
}
.ktb-var-secondary {
  color: #0e0e0e;
}
.ktb-var-tertiary {
  color: #00aba9;
}
.ktb-var-error {
  color: #e20000;
}
.ktb-var-warning {
  color: #ffb137;
}
.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: #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-solid-base {
  border-color: #555555;
  color: #ffffff;
  background-color: #0e0e0e;
}
.k-button-solid-base:hover,
.k-button-solid-base.k-hover {
  border-color: #00aba9;
  color: #ffffff;
  background-color: #00aba9;
}
.k-button-solid-base:focus,
.k-button-solid-base.k-focus {
  border-color: #00aca9;
  box-shadow: none;
}
.k-button-solid-base:active,
.k-button-solid-base.k-active,
.k-button-solid-base.k-selected {
  border-color: #007977;
  color: #fff;
  background-color: #007977;
}
.k-button-solid-base.k-active .k-button-solid-base.k-selected:hover {
  color: #ffffff;
  border-color: #00aba9;
  background-color: #00aba9;
}
.k-button-solid-primary {
  border-color: #008886;
  color: #ffffff;
  background-color: #008886;
}
.k-button-solid-primary:hover,
.k-button-solid-primary.k-hover {
  border-color: #00aba9;
  color: #ffffff;
  background-color: #00aba9;
}
.k-button-solid-primary:focus,
.k-button-solid-primary.k-focus {
  border-color: #00cfcc;
  box-shadow: none;
}
.k-button-solid-primary:active,
.k-button-solid-primary.k-active,
.k-button-solid-primary.k-selected {
  border-color: #007977;
  color: #ffffff;
  background-color: #007977;
}
.k-button-solid-primary.k-active .k-button-solid-primary.k-selected:hover {
  color: #ffffff;
  border-color: #00aba9;
  background-color: #00aba9;
}
.k-button-solid-secondary {
  border-color: #0b0b0b;
  color: #ffffff;
  background-color: #0e0e0e;
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
}
.k-button-solid-secondary:hover,
.k-button-solid-secondary.k-hover {
  border-color: #0a0a0a;
  background-color: #0d0d0d;
}
.k-button-solid-secondary:focus,
.k-button-solid-secondary.k-focus {
  box-shadow: 0px 0px 4px 0px rgba(11, 11, 11, 0.75);
}
.k-button-solid-secondary:active,
.k-button-solid-secondary.k-active,
.k-button-solid-secondary.k-selected {
  border-color: #080808;
  background-color: #0b0b0b;
}
.k-button-solid-tertiary {
  border-color: #008987;
  color: #ffffff;
  background-color: #00aba9;
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
}
.k-button-solid-tertiary:hover,
.k-button-solid-tertiary.k-hover {
  border-color: #007876;
  background-color: #009a98;
}
.k-button-solid-tertiary:focus,
.k-button-solid-tertiary.k-focus {
  box-shadow: 0px 0px 4px 0px rgba(0, 137, 135, 0.75);
}
.k-button-solid-tertiary:active,
.k-button-solid-tertiary.k-active,
.k-button-solid-tertiary.k-selected {
  border-color: #006765;
  background-color: #008987;
}
.k-button-solid-info {
  border-color: #0a5f7c;
  color: #ffffff;
  background-color: #0c779b;
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
}
.k-button-solid-info:hover,
.k-button-solid-info.k-hover {
  border-color: #08536d;
  background-color: #0b6b8c;
}
.k-button-solid-info:focus,
.k-button-solid-info.k-focus {
  box-shadow: 0px 0px 4px 0px rgba(10, 95, 124, 0.75);
}
.k-button-solid-info:active,
.k-button-solid-info.k-active,
.k-button-solid-info.k-selected {
  border-color: #07475d;
  background-color: #0a5f7c;
}
.k-button-solid-success {
  border-color: #226e30;
  color: #ffffff;
  background-color: #2b893c;
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
}
.k-button-solid-success:hover,
.k-button-solid-success.k-hover {
  border-color: #1e602a;
  background-color: #277b36;
}
.k-button-solid-success:focus,
.k-button-solid-success.k-focus {
  box-shadow: 0px 0px 4px 0px rgba(34, 110, 48, 0.75);
}
.k-button-solid-success:active,
.k-button-solid-success.k-active,
.k-button-solid-success.k-selected {
  border-color: #1a5224;
  background-color: #226e30;
}
.k-button-solid-warning {
  border-color: #cc8e2c;
  color: #000000;
  background-color: #ffb137;
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
}
.k-button-solid-warning:hover,
.k-button-solid-warning.k-hover {
  border-color: #b37c27;
  background-color: #e69f32;
}
.k-button-solid-warning:focus,
.k-button-solid-warning.k-focus {
  box-shadow: 0px 0px 4px 0px rgba(204, 142, 44, 0.75);
}
.k-button-solid-warning:active,
.k-button-solid-warning.k-active,
.k-button-solid-warning.k-selected {
  border-color: #996a21;
  background-color: #cc8e2c;
}
.k-button-solid-error {
  border-color: #b50000;
  color: #ffffff;
  background-color: #e20000;
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
}
.k-button-solid-error:hover,
.k-button-solid-error.k-hover {
  border-color: #9e0000;
  background-color: #cb0000;
}
.k-button-solid-error:focus,
.k-button-solid-error.k-focus {
  box-shadow: 0px 0px 4px 0px rgba(181, 0, 0, 0.75);
}
.k-button-solid-error:active,
.k-button-solid-error.k-active,
.k-button-solid-error.k-selected {
  border-color: #880000;
  background-color: #b50000;
}
.k-button-solid-dark {
  border-color: #000000;
  color: #ffffff;
  background-color: #000000;
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
}
.k-button-solid-dark:hover,
.k-button-solid-dark.k-hover {
  border-color: #000000;
  background-color: #000000;
}
.k-button-solid-dark:focus,
.k-button-solid-dark.k-focus {
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
}
.k-button-solid-dark:active,
.k-button-solid-dark.k-active,
.k-button-solid-dark.k-selected {
  border-color: #000000;
  background-color: #000000;
}
.k-button-solid-light {
  border-color: #cccccc;
  color: #000000;
  background-color: #ffffff;
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
}
.k-button-solid-light:hover,
.k-button-solid-light.k-hover {
  border-color: #b3b3b3;
  background-color: #e6e6e6;
}
.k-button-solid-light:focus,
.k-button-solid-light.k-focus {
  box-shadow: 0px 0px 4px 0px rgba(204, 204, 204, 0.75);
}
.k-button-solid-light:active,
.k-button-solid-light.k-active,
.k-button-solid-light.k-selected {
  border-color: #999999;
  background-color: #cccccc;
}
.k-button-solid-inverse {
  border-color: #cccccc;
  color: #000000;
  background-color: #ffffff;
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
}
.k-button-solid-inverse:hover,
.k-button-solid-inverse.k-hover {
  border-color: #b3b3b3;
  background-color: #e6e6e6;
}
.k-button-solid-inverse:focus,
.k-button-solid-inverse.k-focus {
  box-shadow: 0px 0px 4px 0px rgba(204, 204, 204, 0.75);
}
.k-button-solid-inverse:active,
.k-button-solid-inverse.k-active,
.k-button-solid-inverse.k-selected {
  border-color: #999999;
  background-color: #cccccc;
}
.k-button-outline-base {
  border-color: currentColor;
  color: #fff;
  background-color: transparent;
}
.k-button-outline-base:hover,
.k-button-outline-base.k-hover {
  border-color: #fff;
  color: #000000;
  background-color: #fff;
}
.k-button-outline-base:focus,
.k-button-outline-base.k-focus {
  box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.75);
}
.k-button-outline-base:active,
.k-button-outline-base.k-active,
.k-button-outline-base.k-selected {
  border-color: #fff;
  color: #000000;
  background-color: #fff;
}
.k-button-outline-primary {
  border-color: currentColor;
  color: #008886;
  background-color: transparent;
}
.k-button-outline-primary:hover,
.k-button-outline-primary.k-hover {
  border-color: #008886;
  color: #ffffff;
  background-color: #008886;
}
.k-button-outline-primary:focus,
.k-button-outline-primary.k-focus {
  box-shadow: 0px 0px 4px 0px rgba(0, 136, 134, 0.75);
}
.k-button-outline-primary:active,
.k-button-outline-primary.k-active,
.k-button-outline-primary.k-selected {
  border-color: #008886;
  color: #ffffff;
  background-color: #008886;
}
.k-button-outline-secondary {
  border-color: currentColor;
  color: #0e0e0e;
  background-color: transparent;
}
.k-button-outline-secondary:hover,
.k-button-outline-secondary.k-hover {
  border-color: #0e0e0e;
  color: #ffffff;
  background-color: #0e0e0e;
}
.k-button-outline-secondary:focus,
.k-button-outline-secondary.k-focus {
  box-shadow: 0px 0px 4px 0px rgba(14, 14, 14, 0.75);
}
.k-button-outline-secondary:active,
.k-button-outline-secondary.k-active,
.k-button-outline-secondary.k-selected {
  border-color: #0e0e0e;
  color: #ffffff;
  background-color: #0e0e0e;
}
.k-button-outline-tertiary {
  border-color: currentColor;
  color: #00aba9;
  background-color: transparent;
}
.k-button-outline-tertiary:hover,
.k-button-outline-tertiary.k-hover {
  border-color: #00aba9;
  color: #ffffff;
  background-color: #00aba9;
}
.k-button-outline-tertiary:focus,
.k-button-outline-tertiary.k-focus {
  box-shadow: 0px 0px 4px 0px rgba(0, 171, 169, 0.75);
}
.k-button-outline-tertiary:active,
.k-button-outline-tertiary.k-active,
.k-button-outline-tertiary.k-selected {
  border-color: #00aba9;
  color: #ffffff;
  background-color: #00aba9;
}
.k-button-outline-info {
  border-color: currentColor;
  color: #0c779b;
  background-color: transparent;
}
.k-button-outline-info:hover,
.k-button-outline-info.k-hover {
  border-color: #0c779b;
  color: #ffffff;
  background-color: #0c779b;
}
.k-button-outline-info:focus,
.k-button-outline-info.k-focus {
  box-shadow: 0px 0px 4px 0px rgba(12, 119, 155, 0.75);
}
.k-button-outline-info:active,
.k-button-outline-info.k-active,
.k-button-outline-info.k-selected {
  border-color: #0c779b;
  color: #ffffff;
  background-color: #0c779b;
}
.k-button-outline-success {
  border-color: currentColor;
  color: #2b893c;
  background-color: transparent;
}
.k-button-outline-success:hover,
.k-button-outline-success.k-hover {
  border-color: #2b893c;
  color: #ffffff;
  background-color: #2b893c;
}
.k-button-outline-success:focus,
.k-button-outline-success.k-focus {
  box-shadow: 0px 0px 4px 0px rgba(43, 137, 60, 0.75);
}
.k-button-outline-success:active,
.k-button-outline-success.k-active,
.k-button-outline-success.k-selected {
  border-color: #2b893c;
  color: #ffffff;
  background-color: #2b893c;
}
.k-button-outline-warning {
  border-color: currentColor;
  color: #ffb137;
  background-color: transparent;
}
.k-button-outline-warning:hover,
.k-button-outline-warning.k-hover {
  border-color: #ffb137;
  color: #000000;
  background-color: #ffb137;
}
.k-button-outline-warning:focus,
.k-button-outline-warning.k-focus {
  box-shadow: 0px 0px 4px 0px rgba(255, 177, 55, 0.75);
}
.k-button-outline-warning:active,
.k-button-outline-warning.k-active,
.k-button-outline-warning.k-selected {
  border-color: #ffb137;
  color: #000000;
  background-color: #ffb137;
}
.k-button-outline-error {
  border-color: currentColor;
  color: #e20000;
  background-color: transparent;
}
.k-button-outline-error:hover,
.k-button-outline-error.k-hover {
  border-color: #e20000;
  color: #ffffff;
  background-color: #e20000;
}
.k-button-outline-error:focus,
.k-button-outline-error.k-focus {
  box-shadow: 0px 0px 4px 0px rgba(226, 0, 0, 0.75);
}
.k-button-outline-error:active,
.k-button-outline-error.k-active,
.k-button-outline-error.k-selected {
  border-color: #e20000;
  color: #ffffff;
  background-color: #e20000;
}
.k-button-outline-dark {
  border-color: currentColor;
  color: #000000;
  background-color: transparent;
}
.k-button-outline-dark:hover,
.k-button-outline-dark.k-hover {
  border-color: #000000;
  color: #ffffff;
  background-color: #000000;
}
.k-button-outline-dark:focus,
.k-button-outline-dark.k-focus {
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
}
.k-button-outline-dark:active,
.k-button-outline-dark.k-active,
.k-button-outline-dark.k-selected {
  border-color: #000000;
  color: #ffffff;
  background-color: #000000;
}
.k-button-outline-light {
  border-color: currentColor;
  color: #ffffff;
  background-color: transparent;
}
.k-button-outline-light:hover,
.k-button-outline-light.k-hover {
  border-color: #ffffff;
  color: #000000;
  background-color: #ffffff;
}
.k-button-outline-light:focus,
.k-button-outline-light.k-focus {
  box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.75);
}
.k-button-outline-light:active,
.k-button-outline-light.k-active,
.k-button-outline-light.k-selected {
  border-color: #ffffff;
  color: #000000;
  background-color: #ffffff;
}
.k-button-outline-inverse {
  border-color: currentColor;
  color: #ffffff;
  background-color: transparent;
}
.k-button-outline-inverse:hover,
.k-button-outline-inverse.k-hover {
  border-color: #ffffff;
  color: #000000;
  background-color: #ffffff;
}
.k-button-outline-inverse:focus,
.k-button-outline-inverse.k-focus {
  box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.75);
}
.k-button-outline-inverse:active,
.k-button-outline-inverse.k-active,
.k-button-outline-inverse.k-selected {
  border-color: #ffffff;
  color: #000000;
  background-color: #ffffff;
}
.k-button-link-base {
  color: #fff;
}
.k-button-link-base:hover,
.k-button-link-base.k-hover {
  color: #cccccc;
}
.k-button-link-base:focus,
.k-button-link-base.k-focus {
  box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.75);
}
.k-button-link-base:active,
.k-button-link-base.k-active,
.k-button-link-base.k-selected {
  color: #cccccc;
}
.k-button-link-primary {
  color: #008886;
}
.k-button-link-primary:hover,
.k-button-link-primary.k-hover {
  color: #006d6b;
}
.k-button-link-primary:focus,
.k-button-link-primary.k-focus {
  box-shadow: 0px 0px 4px 0px rgba(0, 136, 134, 0.75);
}
.k-button-link-primary:active,
.k-button-link-primary.k-active,
.k-button-link-primary.k-selected {
  color: #006d6b;
}
.k-button-link-secondary {
  color: #0e0e0e;
}
.k-button-link-secondary:hover,
.k-button-link-secondary.k-hover {
  color: #0b0b0b;
}
.k-button-link-secondary:focus,
.k-button-link-secondary.k-focus {
  box-shadow: 0px 0px 4px 0px rgba(14, 14, 14, 0.75);
}
.k-button-link-secondary:active,
.k-button-link-secondary.k-active,
.k-button-link-secondary.k-selected {
  color: #0b0b0b;
}
.k-button-link-tertiary {
  color: #00aba9;
}
.k-button-link-tertiary:hover,
.k-button-link-tertiary.k-hover {
  color: #008987;
}
.k-button-link-tertiary:focus,
.k-button-link-tertiary.k-focus {
  box-shadow: 0px 0px 4px 0px rgba(0, 171, 169, 0.75);
}
.k-button-link-tertiary:active,
.k-button-link-tertiary.k-active,
.k-button-link-tertiary.k-selected {
  color: #008987;
}
.k-button-link-info {
  color: #0c779b;
}
.k-button-link-info:hover,
.k-button-link-info.k-hover {
  color: #0a5f7c;
}
.k-button-link-info:focus,
.k-button-link-info.k-focus {
  box-shadow: 0px 0px 4px 0px rgba(12, 119, 155, 0.75);
}
.k-button-link-info:active,
.k-button-link-info.k-active,
.k-button-link-info.k-selected {
  color: #0a5f7c;
}
.k-button-link-success {
  color: #2b893c;
}
.k-button-link-success:hover,
.k-button-link-success.k-hover {
  color: #226e30;
}
.k-button-link-success:focus,
.k-button-link-success.k-focus {
  box-shadow: 0px 0px 4px 0px rgba(43, 137, 60, 0.75);
}
.k-button-link-success:active,
.k-button-link-success.k-active,
.k-button-link-success.k-selected {
  color: #226e30;
}
.k-button-link-warning {
  color: #ffb137;
}
.k-button-link-warning:hover,
.k-button-link-warning.k-hover {
  color: #cc8e2c;
}
.k-button-link-warning:focus,
.k-button-link-warning.k-focus {
  box-shadow: 0px 0px 4px 0px rgba(255, 177, 55, 0.75);
}
.k-button-link-warning:active,
.k-button-link-warning.k-active,
.k-button-link-warning.k-selected {
  color: #cc8e2c;
}
.k-button-link-error {
  color: #e20000;
}
.k-button-link-error:hover,
.k-button-link-error.k-hover {
  color: #b50000;
}
.k-button-link-error:focus,
.k-button-link-error.k-focus {
  box-shadow: 0px 0px 4px 0px rgba(226, 0, 0, 0.75);
}
.k-button-link-error:active,
.k-button-link-error.k-active,
.k-button-link-error.k-selected {
  color: #b50000;
}
.k-button-link-dark {
  color: #000000;
}
.k-button-link-dark:hover,
.k-button-link-dark.k-hover {
  color: #000000;
}
.k-button-link-dark:focus,
.k-button-link-dark.k-focus {
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
}
.k-button-link-dark:active,
.k-button-link-dark.k-active,
.k-button-link-dark.k-selected {
  color: #000000;
}
.k-button-link-light {
  color: #ffffff;
}
.k-button-link-light:hover,
.k-button-link-light.k-hover {
  color: #cccccc;
}
.k-button-link-light:focus,
.k-button-link-light.k-focus {
  box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.75);
}
.k-button-link-light:active,
.k-button-link-light.k-active,
.k-button-link-light.k-selected {
  color: #cccccc;
}
.k-button-link-inverse {
  color: #ffffff;
}
.k-button-link-inverse:hover,
.k-button-link-inverse.k-hover {
  color: #cccccc;
}
.k-button-link-inverse:focus,
.k-button-link-inverse.k-focus {
  box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.75);
}
.k-button-link-inverse:active,
.k-button-link-inverse.k-active,
.k-button-link-inverse.k-selected {
  color: #cccccc;
}
.k-button-flat-primary {
  color: #008886;
}
.k-button-flat-secondary {
  color: #0e0e0e;
}
.k-button-flat-tertiary {
  color: #00aba9;
}
.k-button-flat-info {
  color: #0c779b;
}
.k-button-flat-success {
  color: #2b893c;
}
.k-button-flat-warning {
  color: #ffb137;
}
.k-button-flat-error {
  color: #e20000;
}
.k-button-flat-dark {
  color: #000000;
}
.k-button-flat-light {
  color: #ffffff;
}
.k-button-flat-inverse {
  color: #ffffff;
}
.k-widget.k-button-group {
  background: none;
}
.k-split-button:focus {
  box-shadow: none;
  border-color: #00aca9;
}
.k-split-button:focus .k-button {
  box-shadow: none;
  border-color: inherit;
}
.k-edit-buttons {
  border-color: #323232;
  background: #0e0e0e;
}
.k-rtl .k-button-group .k-button {
  border-radius: 0;
}
.k-rtl .k-button-group .k-group-start,
.k-rtl .k-button-group .k-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.k-rtl .k-button-group .k-group-end,
.k-rtl .k-button-group .k-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.k-rtl .k-button-group .k-group-start.k-group-end,
.k-rtl .k-button-group .k-button:first-child:last-child {
  border-radius: 0;
}
.k-rtl .k-split-button .k-button {
  border-radius: 0;
}
.k-rtl .k-split-button .k-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.k-rtl .k-split-button .k-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.k-widget.k-input,
.k-input {
  border-color: #555555;
  color: #fff;
  background-color: #0e0e0e;
}
.k-widget.k-input:hover,
.k-input:hover,
.k-widget.k-input.k-hover,
.k-input.k-hover {
  border-color: #00aba9;
  color: #fff;
  background-color: #0e0e0e;
}
.k-widget.k-input:focus,
.k-input:focus,
.k-widget.k-input.k-focus,
.k-input.k-focus {
  border-color: #323232;
  color: #fff;
  background-color: #0e0e0e;
  box-shadow: none;
}
.k-widget.k-input:focus-within,
.k-input:focus-within {
  border-color: #323232;
  color: #fff;
  background-color: #0e0e0e;
  box-shadow: none;
}
.k-widget.k-input.k-invalid,
.k-input.k-invalid {
  border-color: #e20000;
}
.k-widget.k-input.k-invalid .k-input-validation-icon,
.k-input.k-invalid .k-input-validation-icon {
  color: #e20000;
}
.k-widget.k-picker,
.k-picker {
  border-color: #555555;
  color: #ffffff;
  background-color: #0e0e0e;
}
.k-widget.k-picker:hover,
.k-picker:hover,
.k-widget.k-picker.k-hover,
.k-picker.k-hover {
  border-color: #00aba9;
  color: #ffffff;
  background-color: #00aba9;
}
.k-widget.k-picker:focus,
.k-picker:focus,
.k-widget.k-picker.k-focus,
.k-picker.k-focus {
  border-color: #00aca9;
  box-shadow: none;
}
.k-widget.k-picker:focus-within,
.k-picker:focus-within {
  border-color: #00aca9;
  box-shadow: none;
}
.k-widget.k-picker.k-invalid,
.k-picker.k-invalid {
  border-color: #e20000;
}
.k-widget.k-picker.k-invalid .k-input-validation-icon,
.k-picker.k-invalid .k-input-validation-icon {
  color: #e20000;
}
.k-input-inner::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1;
  -webkit-user-select: none;
          user-select: none;
}
.k-input-inner:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1;
  -ms-user-select: none;
      user-select: none;
}
.k-input-inner::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1;
  -ms-user-select: none;
      user-select: none;
}
.k-input-inner::placeholder {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.k-input-inner:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.k-menu:not(.k-context-menu) {
  color: #fff;
  background-color: #0e0e0e;
}
.k-menu:not(.k-context-menu) > .k-item {
  color: #008886;
}
.k-menu:not(.k-context-menu) > .k-item:hover,
.k-menu:not(.k-context-menu) > .k-item.k-hover {
  border-color: #00aba9;
  color: #fff;
  background-color: #00aba9;
}
.k-menu:not(.k-context-menu) > .k-item:active,
.k-menu:not(.k-context-menu) > .k-item.k-active {
  color: #fff;
}
.k-menu:not(.k-context-menu) > .k-item:focus,
.k-menu:not(.k-context-menu) > .k-item.k-focus {
  box-shadow: none;
}
.k-menu-group,
.k-menu.k-context-menu {
  border-color: #323232;
  color: #0e0e0e;
  background-color: #0e0e0e;
}
.k-menu-group .k-item > .k-link:hover,
.k-menu.k-context-menu .k-item > .k-link:hover,
.k-menu-group .k-item > .k-link.k-hover,
.k-menu.k-context-menu .k-item > .k-link.k-hover {
  color: #fff;
  background-color: #00aba9;
}
.k-menu-group .k-item > .k-link:active,
.k-menu.k-context-menu .k-item > .k-link:active,
.k-menu-group .k-item > .k-link.k-active,
.k-menu.k-context-menu .k-item > .k-link.k-active,
.k-menu-group .k-item > .k-link.k-selected,
.k-menu.k-context-menu .k-item > .k-link.k-selected {
  color: #fff;
  background-color: #00aba9;
}
.k-menu-group .k-item > .k-link:focus,
.k-menu.k-context-menu .k-item > .k-link:focus,
.k-menu-group .k-item > .k-link.k-focus,
.k-menu.k-context-menu .k-item > .k-link.k-focus {
  box-shadow: none;
}
.k-menu-group .k-item:focus,
.k-menu.k-context-menu .k-item:focus,
.k-menu-group .k-item.k-focus,
.k-menu.k-context-menu .k-item.k-focus {
  box-shadow: none;
}
.k-menu-group .k-separator,
.k-menu.k-context-menu .k-separator {
  border-color: #323232;
}
.k-menu-horizontal .k-link {
  border-color: #323232;
}
.k-dropdowngrid-popup {
  border-color: #323232;
  color: #fff;
  background-color: #0e0e0e;
}
.k-table,
.k-data-table {
  border-color: #323232;
  color: #fff;
  background-color: #0e0e0e;
}
.k-table-thead,
.k-table-header,
.k-table-group-sticky-header {
  border-color: #323232;
  color: #fff;
  background-color: #0e0e0e;
}
.k-table-tfoot,
.k-table-footer {
  border-color: #323232;
  color: #fff;
  background-color: #0e0e0e;
}
.k-table-group-row {
  border-color: #323232;
  color: #fff;
  background-color: #0e0e0e;
}
.k-table-group-td > span {
  color: #0e0e0e;
  background-color: #fff;
}
.k-table-alt-row {
  background-color: #1d1d1d;
}
.k-table-tbody .k-table-row:hover,
.k-table-list .k-table-row:hover,
.k-table-tbody .k-table-row.k-hover,
.k-table-list .k-table-row.k-hover {
  border-color: #323232;
  color: #fff;
  background-color: #00aba9;
}
.k-table-tbody .k-table-row.k-selected,
.k-table-list .k-table-row.k-selected {
  border-color: #323232;
  color: #fff;
  background-color: #008886;
}
.k-avatar-solid.k-avatar-solid-primary {
  border-color: #008886;
  color: #ffffff;
  background-color: #008886;
}
.k-avatar-solid.k-avatar-solid-secondary {
  border-color: #0e0e0e;
  color: #ffffff;
  background-color: #0e0e0e;
}
.k-avatar-solid.k-avatar-solid-tertiary {
  border-color: #00aba9;
  color: #ffffff;
  background-color: #00aba9;
}
.k-avatar-solid.k-avatar-solid-info {
  border-color: #0c779b;
  color: #ffffff;
  background-color: #0c779b;
}
.k-avatar-solid.k-avatar-solid-success {
  border-color: #2b893c;
  color: #ffffff;
  background-color: #2b893c;
}
.k-avatar-solid.k-avatar-solid-warning {
  border-color: #ffb137;
  color: #000000;
  background-color: #ffb137;
}
.k-avatar-solid.k-avatar-solid-error {
  border-color: #e20000;
  color: #ffffff;
  background-color: #e20000;
}
.k-avatar-solid.k-avatar-solid-dark {
  border-color: #000000;
  color: #ffffff;
  background-color: #000000;
}
.k-avatar-solid.k-avatar-solid-light {
  border-color: #ffffff;
  color: #000000;
  background-color: #ffffff;
}
.k-avatar-solid.k-avatar-solid-inverse {
  border-color: #ffffff;
  color: #000000;
  background-color: #ffffff;
}
.k-avatar-outline {
  border-color: currentColor;
}
.k-avatar-outline.k-avatar-outline-primary {
  color: #008886;
}
.k-avatar-outline.k-avatar-outline-secondary {
  color: #0e0e0e;
}
.k-avatar-outline.k-avatar-outline-tertiary {
  color: #00aba9;
}
.k-avatar-outline.k-avatar-outline-info {
  color: #0c779b;
}
.k-avatar-outline.k-avatar-outline-success {
  color: #2b893c;
}
.k-avatar-outline.k-avatar-outline-warning {
  color: #ffb137;
}
.k-avatar-outline.k-avatar-outline-error {
  color: #e20000;
}
.k-avatar-outline.k-avatar-outline-dark {
  color: #000000;
}
.k-avatar-outline.k-avatar-outline-light {
  color: #ffffff;
}
.k-avatar-outline.k-avatar-outline-inverse {
  color: #ffffff;
}
.k-card {
  border-color: #323232;
  color: #fff;
  background-color: #0e0e0e;
}
.k-card .k-card-callout {
  border-color: #323232;
  background-color: #0e0e0e;
}
.k-card .k-card-actions {
  border-color: #323232;
}
.k-card:focus,
.k-card.k-state-focus {
  box-shadow: 0 3px 4px 0 rgba(255, 255, 255, 0.6);
}
.k-card-header {
  border-color: #323232;
  color: #fff;
  background-color: #0e0e0e;
}
.k-card-footer {
  border-color: #323232;
  color: #fff;
  background-color: #0e0e0e;
}
.k-card-separator {
  border-color: #323232;
}
.k-card.k-state-primary,
.k-card.k-card-primary {
  border-color: #80c4c3;
  color: #004443;
  background-color: #b3dbdb;
}
.k-card.k-state-info,
.k-card.k-card-info {
  border-color: #808486;
  color: #010506;
  background-color: #b3b5b6;
}
.k-card.k-state-success,
.k-card.k-card-success {
  border-color: #838a84;
  color: #030a04;
  background-color: #b4b9b5;
}
.k-card.k-state-warning,
.k-card.k-card-warning {
  border-color: #ceaf80;
  color: #4f3000;
  background-color: #e2cfb3;
}
.k-card.k-state-error,
.k-card.k-card-error {
  border-color: #a48080;
  color: #250000;
  background-color: #c8b3b3;
}
.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: #181818;
}
.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.7);
}
.k-layout-item-hint {
  border-color: #323232;
  background-color: rgba(255, 255, 255, 0.2);
}
.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-toolbar-box {
  border-color: inherit;
  color: #fff;
  background-color: #0e0e0e;
}
.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 > .k-header .k-button {
  color: inherit;
}
.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,
.k-calendar .k-calendar-header .k-nav-today {
  color: #008886;
}
.k-calendar .k-footer .k-nav-today:hover,
.k-calendar .k-calendar-header .k-nav-today:hover,
.k-calendar .k-footer .k-nav-today:focus,
.k-calendar .k-calendar-header .k-nav-today:focus {
  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-pdf-viewer .k-search-highlight {
  background-color: #000000;
}
kendo-scrollview.k-scrollview-wrap,
div.k-scrollview {
  border-color: #323232;
  color: #fff;
  background-color: #0e0e0e;
  -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: #0e0e0e;
  border: #555555;
  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: #008886;
  border: #008886;
}
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-thumb {
  background-clip: border-box;
}
.k-switch-on .k-switch-track {
  border-color: #555555;
  color: #008886;
  background-color: #0e0e0e;
}
.k-switch-on .k-switch-thumb {
  border-color: #008886;
  color: #008886;
  background-color: #008886;
}
.k-switch-on:focus .k-switch-track,
.k-switch-on.k-state-focused .k-switch-track {
  border-color: #008886;
  color: #008886;
  background-color: #0e0e0e;
}
.k-switch-on:focus .k-switch-thumb,
.k-switch-on.k-state-focused .k-switch-thumb {
  border-color: #00aca9;
  color: #008886;
  background-color: #008886;
}
.k-switch-on:hover .k-switch-track,
.k-switch-on.k-state-hover .k-switch-track {
  border-color: #00aba9;
  color: #008886;
  background-color: #0e0e0e;
}
.k-switch-on:hover .k-switch-thumb,
.k-switch-on.k-state-hover .k-switch-thumb {
  border-color: #00aba9;
  color: #008886;
  background-color: #00aba9;
}
.k-switch-on .k-switch-label-off {
  color: transparent;
}
.k-switch-off .k-switch-track {
  border-color: #555555;
  color: #fff;
  background-color: #0e0e0e;
}
.k-switch-off .k-switch-thumb {
  border-color: #555555;
  color: #fff;
  background-color: #0e0e0e;
}
.k-switch-off:focus .k-switch-track,
.k-switch-off.k-state-focused .k-switch-track {
  border-color: #008886;
  color: #fff;
  background-color: #0e0e0e;
}
.k-switch-off:focus .k-switch-thumb,
.k-switch-off.k-state-focused .k-switch-thumb {
  border-color: #00aca9;
  color: #fff;
  background-color: #0e0e0e;
}
.k-switch-off:hover .k-switch-track,
.k-switch-off.k-state-hover .k-switch-track {
  border-color: #00aba9;
  color: #fff;
  background-color: #0e0e0e;
}
.k-switch-off:hover .k-switch-thumb,
.k-switch-off.k-state-hover .k-switch-thumb {
  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-track,
.k-switch.k-state-focused .k-switch-track {
  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-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-listgroup-item.k-state-selected {
  color: #008886;
  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: #008886;
}
.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: #323232;
}
.k-drawer {
  border-color: #323232;
  color: #fff;
  background-color: #0e0e0e;
}
.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: #00aba9;
  background-image: none;
}
.k-drawer-item:focus,
.k-drawer-item.k-state-focused {
  background-color: #0e0e0e;
  box-shadow: inset 0 0 0 1px #00aba9;
}
.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: #00aba9;
}
.k-drawer-item.k-state-selected {
  color: #fff;
  background-color: #00aba9;
}
.k-drawer-item.k-state-selected:hover,
.k-drawer-item.k-state-selected.k-state-hover {
  color: #fff;
  background-color: #00c4c2;
}
.k-drawer-separator {
  background-color: #323232;
}
.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(0, 136, 134, 0.5);
}
.k-rating-item {
  color: #fff;
}
.k-rating-item.k-state-selected {
  color: #008886;
  background: none;
  box-shadow: none;
}
.k-rating-item.k-state-selected:focus,
.k-rating-item.k-state-selected.k-state-focused {
  color: #008886;
}
.k-rating-item:hover,
.k-rating-item.k-state-hover {
  color: #008886;
  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: #008886;
  color: #ffffff;
}
.k-timeline .k-timeline-circle {
  background-color: #008886;
}
.k-timeline .k-timeline-card .k-card-header {
  background-color: #0e0e0e;
  color: #fff;
}
.k-timeline .k-timeline-card .k-card-body {
  scrollbar-color: #323232 #0e0e0e;
}
.k-timeline .k-timeline-card .k-card-body::-webkit-scrollbar-track {
  background: #0e0e0e;
}
.k-timeline .k-timeline-card .k-card-body::-webkit-scrollbar-thumb {
  background: #323232;
}
.k-timeline .k-timeline-card .k-card-body::-webkit-scrollbar-thumb:hover {
  background: #00aba9;
}
.k-timeline .k-timeline-date {
  color: #fff;
}
.k-timeline .k-timeline-arrow.k-button:not(.k-button-flat):not(.k-bare):not(.k-button-outline):not(.k-overflow-button).k-state-disabled {
  opacity: 1;
  color: #797979;
  background-color: #0e0e0e;
  border-color: #323232;
}
.k-timeline-vertical::after,
.k-timeline-horizontal .k-timeline-track-wrap::after {
  background-color: #0e0e0e;
  border-color: #555555;
}
.k-timeline-horizontal .k-timeline-flag::after {
  background-color: #008886;
}
.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: inset 0 0 0 1px #00aba9;
}
.k-breadcrumb .k-breadcrumb-link {
  border-color: transparent;
  color: #008886;
  background-color: transparent;
}
.k-breadcrumb .k-breadcrumb-link:hover,
.k-breadcrumb .k-breadcrumb-link.k-state-hover {
  border-color: transparent;
  color: #009c9a;
  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: #008886;
  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: #ffffff;
  background-color: false;
}
.k-breadcrumb .k-breadcrumb-root-link:hover,
.k-breadcrumb .k-breadcrumb-root-link.k-state-hover {
  border-color: false;
  color: false;
  background-color: rgba(0, 0, 0, 0.08);
}
.k-breadcrumb .k-breadcrumb-root-link:focus,
.k-breadcrumb .k-breadcrumb-root-link.k-state-focused {
  border-color: false;
  color: false;
  background-color: false;
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
}
.k-breadcrumb .k-breadcrumb-root-link,
.k-breadcrumb .k-breadcrumb-delimiter-icon {
  color: inherit;
}
.k-listgroup {
  border-radius: 0;
  border-color