@progress/kendo-ui
Version:
This package is part of the [Kendo UI for jQuery](http://www.telerik.com/kendo-ui) suite.
1,834 lines • 137 kB
CSS
.k-theme-test-class,
.ktb-theme-id-default {
opacity: 0;
}
.ktb-var-accent {
color: #818181;
}
.ktb-var-base {
color: #fff;
}
.ktb-var-background {
color: #fff;
}
.ktb-var-border-radius {
border-radius: 6px;
}
.ktb-var-normal-background {
color: #fff;
}
.ktb-var-normal-gradient {
background-image: url('textures/highlight.png');
background-image: none, linear-gradient(to bottom, rgba(0,0,0,.01) 0%, rgba(0,0,0,.08) 100%);
}
.ktb-var-normal-text-color {
color: #676767;
}
.ktb-var-hover-background {
color: #fff;
}
.ktb-var-hover-gradient {
background-image: url('textures/highlight.png');
background-image: none, linear-gradient(to bottom, rgba(0,0,0,.01) 0%, rgba(0,0,0,.06) 100%);
}
.ktb-var-hover-text-color {
color: #676767;
}
.ktb-var-selected-background {
color: #eee;
}
.ktb-var-selected-gradient {
background-image: url('textures/highlight.png');
background-image: none, linear-gradient(to bottom, rgba(0,0,0,.13) 0%, rgba(0,0,0,.08) 100%);
}
.ktb-var-selected-text-color {
color: #454545;
}
.ktb-var-is-dark-theme {
opacity: 0;
}
.ktb-var-primary {
color: #818181;
}
.ktb-var-secondary {
color: #fff;
}
.ktb-var-tertiary {
color: #527aa3;
}
.ktb-var-error {
color: #f45835;
}
.ktb-var-warning {
color: #f4bc35;
}
.ktb-var-success {
color: #52c664;
}
.ktb-var-info {
color: #3e6b99;
}
.ktb-var-dark {
color: #000000;
}
.ktb-var-light {
color: #ffffff;
}
.ktb-var-inverse {
color: #000000;
}
.ktb-var-series-a {
color: #527aa3;
}
.ktb-var-series-b {
color: #6f91b3;
}
.ktb-var-series-c {
color: #8ca7c2;
}
.ktb-var-series-d {
color: #a8bdd1;
}
.ktb-var-series-e {
color: #c5d3e0;
}
.ktb-var-series-f {
color: #e2e9f0;
}
.k-grid-norecords-template {
background-color: #fff;
border: 1px solid #ebebeb;
}
.k-button-solid-base {
border-color: #d1d1d1;
color: #676767;
background-color: #ffffff;
background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
}
.k-button-solid-base:hover,
.k-button-solid-base.k-hover {
border-color: #b3b3b3;
color: #676767;
background-color: #e6e6e6;
}
.k-button-solid-base:focus,
.k-button-solid-base.k-focus {
border-color: #818181;
box-shadow: 0 0 4px 0px rgba(129, 129, 129, 0.75);
}
.k-button-solid-base:active,
.k-button-solid-base.k-active,
.k-button-solid-base.k-selected {
border-color: #5a5a5a;
color: #ffffff;
background-color: #747474;
}
.k-button-solid-base.k-active .k-button-solid-base.k-selected:hover {
color: #fff;
border-color: #797979;
background-color: #747474;
}
.k-button-solid-primary {
border-color: #797979;
color: #fff;
background-color: #818181;
background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
}
.k-button-solid-primary:hover,
.k-button-solid-primary.k-hover {
border-color: #797979;
color: #fff;
background-color: #747474;
}
.k-button-solid-primary:focus,
.k-button-solid-primary.k-focus {
border-color: #6f6f6f;
box-shadow: 0 0 4px 0px #818181;
}
.k-button-solid-primary:active,
.k-button-solid-primary.k-active,
.k-button-solid-primary.k-selected {
border-color: #7c7c7c;
color: #fff;
background-color: #7c7c7c;
}
.k-button-solid-primary.k-active .k-button-solid-primary.k-selected:hover {
color: #fff;
border-color: #797979;
background-color: #747474;
}
.k-button-solid-secondary {
border-color: #cccccc;
color: #000000;
background-color: #fff;
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: #b3b3b3;
background-color: #e6e6e6;
}
.k-button-solid-secondary:focus,
.k-button-solid-secondary.k-focus {
box-shadow: 0px 0px 4px 0px rgba(204, 204, 204, 0.75);
}
.k-button-solid-secondary:active,
.k-button-solid-secondary.k-active,
.k-button-solid-secondary.k-selected {
border-color: #999999;
background-color: #cccccc;
}
.k-button-solid-tertiary {
border-color: #426282;
color: #ffffff;
background-color: #527aa3;
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: #395572;
background-color: #4a6e93;
}
.k-button-solid-tertiary:focus,
.k-button-solid-tertiary.k-focus {
box-shadow: 0px 0px 4px 0px rgba(66, 98, 130, 0.75);
}
.k-button-solid-tertiary:active,
.k-button-solid-tertiary.k-active,
.k-button-solid-tertiary.k-selected {
border-color: #314962;
background-color: #426282;
}
.k-button-solid-info {
border-color: #32567a;
color: #ffffff;
background-color: #3e6b99;
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: #2b4b6b;
background-color: #38608a;
}
.k-button-solid-info:focus,
.k-button-solid-info.k-focus {
box-shadow: 0px 0px 4px 0px rgba(50, 86, 122, 0.75);
}
.k-button-solid-info:active,
.k-button-solid-info.k-active,
.k-button-solid-info.k-selected {
border-color: #25405c;
background-color: #32567a;
}
.k-button-solid-success {
border-color: #429e50;
color: #000000;
background-color: #52c664;
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: #398b46;
background-color: #4ab25a;
}
.k-button-solid-success:focus,
.k-button-solid-success.k-focus {
box-shadow: 0px 0px 4px 0px rgba(66, 158, 80, 0.75);
}
.k-button-solid-success:active,
.k-button-solid-success.k-active,
.k-button-solid-success.k-selected {
border-color: #31773c;
background-color: #429e50;
}
.k-button-solid-warning {
border-color: #c3962a;
color: #000000;
background-color: #f4bc35;
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: #ab8425;
background-color: #dca930;
}
.k-button-solid-warning:focus,
.k-button-solid-warning.k-focus {
box-shadow: 0px 0px 4px 0px rgba(195, 150, 42, 0.75);
}
.k-button-solid-warning:active,
.k-button-solid-warning.k-active,
.k-button-solid-warning.k-selected {
border-color: #927120;
background-color: #c3962a;
}
.k-button-solid-error {
border-color: #c3462a;
color: #ffffff;
background-color: #f45835;
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: #ab3e25;
background-color: #dc4f30;
}
.k-button-solid-error:focus,
.k-button-solid-error.k-focus {
box-shadow: 0px 0px 4px 0px rgba(195, 70, 42, 0.75);
}
.k-button-solid-error:active,
.k-button-solid-error.k-active,
.k-button-solid-error.k-selected {
border-color: #923520;
background-color: #c3462a;
}
.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: #000000;
color: #ffffff;
background-color: #000000;
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: #000000;
background-color: #000000;
}
.k-button-solid-inverse:focus,
.k-button-solid-inverse.k-focus {
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
}
.k-button-solid-inverse:active,
.k-button-solid-inverse.k-active,
.k-button-solid-inverse.k-selected {
border-color: #000000;
background-color: #000000;
}
.k-button-outline-base {
border-color: currentColor;
color: #676767;
background-color: transparent;
}
.k-button-outline-base:hover,
.k-button-outline-base.k-hover {
border-color: #676767;
color: #ffffff;
background-color: #676767;
}
.k-button-outline-base:focus,
.k-button-outline-base.k-focus {
box-shadow: 0px 0px 4px 0px rgba(103, 103, 103, 0.75);
}
.k-button-outline-base:active,
.k-button-outline-base.k-active,
.k-button-outline-base.k-selected {
border-color: #676767;
color: #ffffff;
background-color: #676767;
}
.k-button-outline-primary {
border-color: currentColor;
color: #818181;
background-color: transparent;
}
.k-button-outline-primary:hover,
.k-button-outline-primary.k-hover {
border-color: #818181;
color: #ffffff;
background-color: #818181;
}
.k-button-outline-primary:focus,
.k-button-outline-primary.k-focus {
box-shadow: 0px 0px 4px 0px rgba(129, 129, 129, 0.75);
}
.k-button-outline-primary:active,
.k-button-outline-primary.k-active,
.k-button-outline-primary.k-selected {
border-color: #818181;
color: #ffffff;
background-color: #818181;
}
.k-button-outline-secondary {
border-color: currentColor;
color: #fff;
background-color: transparent;
}
.k-button-outline-secondary:hover,
.k-button-outline-secondary.k-hover {
border-color: #fff;
color: #000000;
background-color: #fff;
}
.k-button-outline-secondary:focus,
.k-button-outline-secondary.k-focus {
box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.75);
}
.k-button-outline-secondary:active,
.k-button-outline-secondary.k-active,
.k-button-outline-secondary.k-selected {
border-color: #fff;
color: #000000;
background-color: #fff;
}
.k-button-outline-tertiary {
border-color: currentColor;
color: #527aa3;
background-color: transparent;
}
.k-button-outline-tertiary:hover,
.k-button-outline-tertiary.k-hover {
border-color: #527aa3;
color: #ffffff;
background-color: #527aa3;
}
.k-button-outline-tertiary:focus,
.k-button-outline-tertiary.k-focus {
box-shadow: 0px 0px 4px 0px rgba(82, 122, 163, 0.75);
}
.k-button-outline-tertiary:active,
.k-button-outline-tertiary.k-active,
.k-button-outline-tertiary.k-selected {
border-color: #527aa3;
color: #ffffff;
background-color: #527aa3;
}
.k-button-outline-info {
border-color: currentColor;
color: #3e6b99;
background-color: transparent;
}
.k-button-outline-info:hover,
.k-button-outline-info.k-hover {
border-color: #3e6b99;
color: #ffffff;
background-color: #3e6b99;
}
.k-button-outline-info:focus,
.k-button-outline-info.k-focus {
box-shadow: 0px 0px 4px 0px rgba(62, 107, 153, 0.75);
}
.k-button-outline-info:active,
.k-button-outline-info.k-active,
.k-button-outline-info.k-selected {
border-color: #3e6b99;
color: #ffffff;
background-color: #3e6b99;
}
.k-button-outline-success {
border-color: currentColor;
color: #52c664;
background-color: transparent;
}
.k-button-outline-success:hover,
.k-button-outline-success.k-hover {
border-color: #52c664;
color: #000000;
background-color: #52c664;
}
.k-button-outline-success:focus,
.k-button-outline-success.k-focus {
box-shadow: 0px 0px 4px 0px rgba(82, 198, 100, 0.75);
}
.k-button-outline-success:active,
.k-button-outline-success.k-active,
.k-button-outline-success.k-selected {
border-color: #52c664;
color: #000000;
background-color: #52c664;
}
.k-button-outline-warning {
border-color: currentColor;
color: #f4bc35;
background-color: transparent;
}
.k-button-outline-warning:hover,
.k-button-outline-warning.k-hover {
border-color: #f4bc35;
color: #000000;
background-color: #f4bc35;
}
.k-button-outline-warning:focus,
.k-button-outline-warning.k-focus {
box-shadow: 0px 0px 4px 0px rgba(244, 188, 53, 0.75);
}
.k-button-outline-warning:active,
.k-button-outline-warning.k-active,
.k-button-outline-warning.k-selected {
border-color: #f4bc35;
color: #000000;
background-color: #f4bc35;
}
.k-button-outline-error {
border-color: currentColor;
color: #f45835;
background-color: transparent;
}
.k-button-outline-error:hover,
.k-button-outline-error.k-hover {
border-color: #f45835;
color: #ffffff;
background-color: #f45835;
}
.k-button-outline-error:focus,
.k-button-outline-error.k-focus {
box-shadow: 0px 0px 4px 0px rgba(244, 88, 53, 0.75);
}
.k-button-outline-error:active,
.k-button-outline-error.k-active,
.k-button-outline-error.k-selected {
border-color: #f45835;
color: #ffffff;
background-color: #f45835;
}
.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: #000000;
background-color: transparent;
}
.k-button-outline-inverse:hover,
.k-button-outline-inverse.k-hover {
border-color: #000000;
color: #ffffff;
background-color: #000000;
}
.k-button-outline-inverse:focus,
.k-button-outline-inverse.k-focus {
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
}
.k-button-outline-inverse:active,
.k-button-outline-inverse.k-active,
.k-button-outline-inverse.k-selected {
border-color: #000000;
color: #ffffff;
background-color: #000000;
}
.k-button-link-base {
color: #676767;
}
.k-button-link-base:hover,
.k-button-link-base.k-hover {
color: #525252;
}
.k-button-link-base:focus,
.k-button-link-base.k-focus {
box-shadow: 0px 0px 4px 0px rgba(103, 103, 103, 0.75);
}
.k-button-link-base:active,
.k-button-link-base.k-active,
.k-button-link-base.k-selected {
color: #525252;
}
.k-button-link-primary {
color: #818181;
}
.k-button-link-primary:hover,
.k-button-link-primary.k-hover {
color: #676767;
}
.k-button-link-primary:focus,
.k-button-link-primary.k-focus {
box-shadow: 0px 0px 4px 0px rgba(129, 129, 129, 0.75);
}
.k-button-link-primary:active,
.k-button-link-primary.k-active,
.k-button-link-primary.k-selected {
color: #676767;
}
.k-button-link-secondary {
color: #fff;
}
.k-button-link-secondary:hover,
.k-button-link-secondary.k-hover {
color: #cccccc;
}
.k-button-link-secondary:focus,
.k-button-link-secondary.k-focus {
box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.75);
}
.k-button-link-secondary:active,
.k-button-link-secondary.k-active,
.k-button-link-secondary.k-selected {
color: #cccccc;
}
.k-button-link-tertiary {
color: #527aa3;
}
.k-button-link-tertiary:hover,
.k-button-link-tertiary.k-hover {
color: #426282;
}
.k-button-link-tertiary:focus,
.k-button-link-tertiary.k-focus {
box-shadow: 0px 0px 4px 0px rgba(82, 122, 163, 0.75);
}
.k-button-link-tertiary:active,
.k-button-link-tertiary.k-active,
.k-button-link-tertiary.k-selected {
color: #426282;
}
.k-button-link-info {
color: #3e6b99;
}
.k-button-link-info:hover,
.k-button-link-info.k-hover {
color: #32567a;
}
.k-button-link-info:focus,
.k-button-link-info.k-focus {
box-shadow: 0px 0px 4px 0px rgba(62, 107, 153, 0.75);
}
.k-button-link-info:active,
.k-button-link-info.k-active,
.k-button-link-info.k-selected {
color: #32567a;
}
.k-button-link-success {
color: #52c664;
}
.k-button-link-success:hover,
.k-button-link-success.k-hover {
color: #429e50;
}
.k-button-link-success:focus,
.k-button-link-success.k-focus {
box-shadow: 0px 0px 4px 0px rgba(82, 198, 100, 0.75);
}
.k-button-link-success:active,
.k-button-link-success.k-active,
.k-button-link-success.k-selected {
color: #429e50;
}
.k-button-link-warning {
color: #f4bc35;
}
.k-button-link-warning:hover,
.k-button-link-warning.k-hover {
color: #c3962a;
}
.k-button-link-warning:focus,
.k-button-link-warning.k-focus {
box-shadow: 0px 0px 4px 0px rgba(244, 188, 53, 0.75);
}
.k-button-link-warning:active,
.k-button-link-warning.k-active,
.k-button-link-warning.k-selected {
color: #c3962a;
}
.k-button-link-error {
color: #f45835;
}
.k-button-link-error:hover,
.k-button-link-error.k-hover {
color: #c3462a;
}
.k-button-link-error:focus,
.k-button-link-error.k-focus {
box-shadow: 0px 0px 4px 0px rgba(244, 88, 53, 0.75);
}
.k-button-link-error:active,
.k-button-link-error.k-active,
.k-button-link-error.k-selected {
color: #c3462a;
}
.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: #000000;
}
.k-button-link-inverse:hover,
.k-button-link-inverse.k-hover {
color: #000000;
}
.k-button-link-inverse:focus,
.k-button-link-inverse.k-focus {
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
}
.k-button-link-inverse:active,
.k-button-link-inverse.k-active,
.k-button-link-inverse.k-selected {
color: #000000;
}
.k-button-flat-primary {
color: #818181;
}
.k-button-flat-secondary {
color: #fff;
}
.k-button-flat-tertiary {
color: #527aa3;
}
.k-button-flat-info {
color: #3e6b99;
}
.k-button-flat-success {
color: #52c664;
}
.k-button-flat-warning {
color: #f4bc35;
}
.k-button-flat-error {
color: #f45835;
}
.k-button-flat-dark {
color: #000000;
}
.k-button-flat-light {
color: #ffffff;
}
.k-button-flat-inverse {
color: #000000;
}
.k-widget.k-button-group {
background: none;
}
.k-split-button:focus {
box-shadow: 0 0 4px 0px rgba(129, 129, 129, 0.75);
border-color: #818181;
}
.k-split-button:focus .k-button {
box-shadow: none;
border-color: inherit;
}
.k-edit-buttons {
border-color: #ebebeb;
background: #ffffff;
}
.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: 6px;
border-bottom-right-radius: 6px;
}
.k-rtl .k-button-group .k-group-end,
.k-rtl .k-button-group .k-button:last-child {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.k-rtl .k-button-group .k-group-start.k-group-end,
.k-rtl .k-button-group .k-button:first-child:last-child {
border-radius: 6px;
}
.k-rtl .k-split-button .k-button {
border-radius: 0;
}
.k-rtl .k-split-button .k-button:first-child {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.k-rtl .k-split-button .k-button:last-child {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.k-widget.k-input,
.k-input {
border-color: #d1d1d1;
color: #676767;
background-color: #fff;
}
.k-widget.k-input:hover,
.k-input:hover,
.k-widget.k-input.k-hover,
.k-input.k-hover {
border-color: #b3b3b3;
color: #676767;
background-color: #fff;
}
.k-widget.k-input:focus,
.k-input:focus,
.k-widget.k-input.k-focus,
.k-input.k-focus {
border-color: #bdbdbd;
color: #676767;
background-color: #fff;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}
.k-widget.k-input:focus-within,
.k-input:focus-within {
border-color: #bdbdbd;
color: #676767;
background-color: #fff;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}
.k-widget.k-input.k-invalid,
.k-input.k-invalid {
border-color: #f45835;
}
.k-widget.k-input.k-invalid .k-input-validation-icon,
.k-input.k-invalid .k-input-validation-icon {
color: #f45835;
}
.k-widget.k-picker,
.k-picker {
border-color: #d1d1d1;
color: #676767;
background-color: #ffffff;
background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
}
.k-widget.k-picker:hover,
.k-picker:hover,
.k-widget.k-picker.k-hover,
.k-picker.k-hover {
border-color: #b3b3b3;
color: #676767;
background-color: #e6e6e6;
}
.k-widget.k-picker:focus,
.k-picker:focus,
.k-widget.k-picker.k-focus,
.k-picker.k-focus {
border-color: #818181;
box-shadow: 0 0 4px 0px rgba(129, 129, 129, 0.75);
}
.k-widget.k-picker:focus-within,
.k-picker:focus-within {
border-color: #818181;
box-shadow: 0 0 4px 0px rgba(129, 129, 129, 0.75);
}
.k-widget.k-picker.k-invalid,
.k-picker.k-invalid {
border-color: #f45835;
}
.k-widget.k-picker.k-invalid .k-input-validation-icon,
.k-picker.k-invalid .k-input-validation-icon {
color: #f45835;
}
.k-input-inner::-webkit-input-placeholder {
color: rgba(103, 103, 103, 0.5);
opacity: 1;
-webkit-user-select: none;
user-select: none;
}
.k-input-inner:-ms-input-placeholder {
color: rgba(103, 103, 103, 0.5);
opacity: 1;
-ms-user-select: none;
user-select: none;
}
.k-input-inner::-ms-input-placeholder {
color: rgba(103, 103, 103, 0.5);
opacity: 1;
-ms-user-select: none;
user-select: none;
}
.k-input-inner::placeholder {
color: rgba(103, 103, 103, 0.5);
opacity: 1;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.k-input-inner:-ms-input-placeholder {
color: rgba(103, 103, 103, 0.5);
}
.k-menu:not(.k-context-menu) {
color: #464646;
background-color: #ffffff;
}
.k-menu:not(.k-context-menu) > .k-item {
color: #818181;
}
.k-menu:not(.k-context-menu) > .k-item:hover,
.k-menu:not(.k-context-menu) > .k-item.k-hover {
border-color: #cccccc;
color: #676767;
background-color: #fff;
}
.k-menu:not(.k-context-menu) > .k-item:active,
.k-menu:not(.k-context-menu) > .k-item.k-active {
color: #676767;
}
.k-menu:not(.k-context-menu) > .k-item:focus,
.k-menu:not(.k-context-menu) > .k-item.k-focus {
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}
.k-menu-group,
.k-menu.k-context-menu {
border-color: #ebebeb;
color: #ffffff;
background-color: #ffffff;
}
.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: #676767;
background-color: #fff;
}
.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: #676767;
background-color: #fff;
}
.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: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}
.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: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}
.k-menu-group .k-separator,
.k-menu.k-context-menu .k-separator {
border-color: #ebebeb;
}
.k-menu-horizontal .k-link {
border-color: #ebebeb;
}
.k-dropdowngrid-popup {
border-color: #ebebeb;
color: #676767;
background-color: #fff;
}
.k-table,
.k-data-table {
border-color: #ebebeb;
color: #676767;
background-color: #fff;
}
.k-table-thead,
.k-table-header,
.k-table-group-sticky-header {
border-color: #ebebeb;
color: #464646;
background-color: #ffffff;
}
.k-table-tfoot,
.k-table-footer {
border-color: #ebebeb;
color: #464646;
background-color: #ffffff;
}
.k-table-group-row {
border-color: #ebebeb;
color: #464646;
background-color: #ffffff;
}
.k-table-group-td > span {
color: #fff;
background-color: #676767;
}
.k-table-alt-row {
background-color: #ffffff;
}
.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: #ebebeb;
color: #676767;
background-color: #fff;
}
.k-table-tbody .k-table-row.k-selected,
.k-table-list .k-table-row.k-selected {
border-color: #ebebeb;
color: #454545;
background-color: #eee;
}
.k-avatar-solid.k-avatar-solid-primary {
border-color: #818181;
color: #ffffff;
background-color: #818181;
}
.k-avatar-solid.k-avatar-solid-secondary {
border-color: #fff;
color: #000000;
background-color: #fff;
}
.k-avatar-solid.k-avatar-solid-tertiary {
border-color: #527aa3;
color: #ffffff;
background-color: #527aa3;
}
.k-avatar-solid.k-avatar-solid-info {
border-color: #3e6b99;
color: #ffffff;
background-color: #3e6b99;
}
.k-avatar-solid.k-avatar-solid-success {
border-color: #52c664;
color: #000000;
background-color: #52c664;
}
.k-avatar-solid.k-avatar-solid-warning {
border-color: #f4bc35;
color: #000000;
background-color: #f4bc35;
}
.k-avatar-solid.k-avatar-solid-error {
border-color: #f45835;
color: #ffffff;
background-color: #f45835;
}
.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: #000000;
color: #ffffff;
background-color: #000000;
}
.k-avatar-outline {
border-color: currentColor;
}
.k-avatar-outline.k-avatar-outline-primary {
color: #818181;
}
.k-avatar-outline.k-avatar-outline-secondary {
color: #fff;
}
.k-avatar-outline.k-avatar-outline-tertiary {
color: #527aa3;
}
.k-avatar-outline.k-avatar-outline-info {
color: #3e6b99;
}
.k-avatar-outline.k-avatar-outline-success {
color: #52c664;
}
.k-avatar-outline.k-avatar-outline-warning {
color: #f4bc35;
}
.k-avatar-outline.k-avatar-outline-error {
color: #f45835;
}
.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: #000000;
}
.k-card {
border-color: #ebebeb;
color: #676767;
background-color: #fff;
}
.k-card .k-card-callout {
border-color: #ebebeb;
background-color: #fff;
}
.k-card .k-card-actions {
border-color: #ebebeb;
}
.k-card:focus,
.k-card.k-state-focus {
border-color: rgba(0, 0, 0, 0.15);
box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
}
.k-card-header {
border-color: #ebebeb;
color: #464646;
background-color: #ffffff;
}
.k-card-footer {
border-color: #ebebeb;
color: #464646;
background-color: #ffffff;
}
.k-card-separator {
border-color: #ebebeb;
}
.k-card.k-state-primary,
.k-card.k-card-primary {
border-color: #c0c0c0;
color: #414141;
background-color: #d9d9d9;
}
.k-card.k-state-info,
.k-card.k-card-info {
border-color: #9fb5cc;
color: #1f364d;
background-color: #c5d3e0;
}
.k-card.k-state-success,
.k-card.k-card-success {
border-color: #a9e3b2;
color: #296332;
background-color: #cbeed1;
}
.k-card.k-state-warning,
.k-card.k-card-warning {
border-color: #fade9a;
color: #7a5e1b;
background-color: #fcebc2;
}
.k-card.k-state-error,
.k-card.k-card-error {
border-color: #faac9a;
color: #7a2c1b;
background-color: #fccdc2;
}
.k-card:focus .k-card-callout,
.k-card.k-state-focus .k-card-callout {
border-color: rgba(0, 0, 0, 0.15);
}
.k-card:focus .k-card-callout.k-callout-n,
.k-card.k-state-focus .k-card-callout.k-callout-n {
box-shadow: 1px -1px 4px 0 rgba(0, 0, 0, 0.06);
}
.k-card:focus .k-card-callout.k-callout-e,
.k-card.k-state-focus .k-card-callout.k-callout-e {
box-shadow: 2px -1px 4px 0 rgba(0, 0, 0, 0.06);
}
.k-card:focus .k-card-callout.k-callout-s,
.k-card.k-state-focus .k-card-callout.k-callout-s {
box-shadow: 2px -2px 4px 0 rgba(0, 0, 0, 0.06);
}
.k-card:focus .k-card-callout.k-callout-w,
.k-card.k-state-focus .k-card-callout.k-callout-w {
box-shadow: 2px -1px 4px 0 rgba(0, 0, 0, 0.06);
}
.k-tilelayout,
.k-widget.k-tilelayout {
background-color: #f5f5f5;
}
.k-tilelayout-item:focus,
.k-tilelayout-item.k-state-focus,
.k-tilelayout-item.k-state-focused {
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.3);
}
.k-layout-item-hint {
border-color: #ebebeb;
background-color: rgba(255, 255, 255, 0.2);
}
.k-chat {
border-color: #ebebeb;
color: #676767;
background-color: #fff;
}
.k-chat .k-timestamp {
text-transform: uppercase;
opacity: 0.7;
}
.k-chat .k-author {
font-weight: bold;
}
.k-chat .k-bubble {
border-color: #ffffff;
color: #676767;
background-color: #ffffff;
transition: box-shadow 0.2s ease-in-out;
-ms-flex-order: -1;
order: -1;
}
.k-chat .k-alt .k-bubble {
border-color: #818181;
color: #ffffff;
background-color: #818181;
}
.k-chat .k-quick-reply {
border-color: #090909;
color: #090909;
background-color: transparent;
}
.k-chat .k-quick-reply:hover {
border-color: #090909;
color: #ffffff;
background-color: #090909;
}
.k-chat .k-message-box {
border-color: inherit;
color: #676767;
background-color: #fff;
}
.k-chat .k-toolbar-box {
border-color: inherit;
color: #676767;
background-color: #ffffff;
}
.k-chat .k-toolbar-box .k-scroll-button {
background-color: #fff;
box-shadow: 0 0 20px 5px #fff;
}
.k-chat .k-toolbar-box .k-scroll-button:hover {
background-color: #fff;
}
.k-calendar {
border-color: #ebebeb;
color: #676767;
background-color: #fff;
}
.k-calendar > .k-header {
border-color: #ebebeb;
color: #464646;
background-color: #ffffff;
background-image: url('textures/highlight.png');
background-image: none, linear-gradient(to bottom, rgba(0,0,0,.01) 0%, rgba(0,0,0,.08) 100%);
}
.k-calendar > .k-header .k-button {
color: inherit;
}
.k-calendar th {
border-color: #ebebeb;
color: #676767;
background-color: #f5f5f5;
}
.k-calendar .k-alt {
border-color: #ebebeb;
color: #676767;
background-color: #f5f5f5;
}
.k-calendar .k-weekend {
background-color: transparent;
}
.k-calendar .k-other-month {
color: #d9d9d9;
background-color: transparent;
}
.k-calendar .k-out-of-range {
pointer-events: none;
visibility: hidden;
}
.k-calendar .k-today .k-link {
color: #818181;
box-shadow: inset 0 0 0 1px #818181;
}
.k-calendar td.k-state-hover .k-link {
border-color: #b3b3b3;
color: #676767;
background-color: #e6e6e6;
background-image: url('textures/highlight.png');
background-image: none, linear-gradient(to bottom, rgba(0,0,0,.01) 0%, rgba(0,0,0,.06) 100%);
}
.k-calendar td.k-state-selected .k-link {
border-color: #cdcdcd;
color: #454545;
background-color: #eee;
background-image: url('textures/highlight.png');
background-image: none, linear-gradient(to bottom, rgba(0,0,0,.13) 0%, rgba(0,0,0,.08) 100%);
}
.k-calendar td.k-state-focused .k-link {
box-shadow: inset 0 0 4px 0px rgba(129, 129, 129, 0.75);
}
.k-calendar .k-footer .k-nav-today,
.k-calendar .k-calendar-header .k-nav-today {
color: #818181;
}
.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: #777777;
}
.k-calendar-range {
border-color: #ebebeb;
color: #676767;
background-color: #fff;
}
.k-calendar-range th {
color: inherit;
background-color: transparent;
text-transform: uppercase;
}
.k-calendar-range td.k-state-hover .k-link {
border-color: #b3b3b3;
color: #676767;
background-color: #e6e6e6;
}
.k-calendar-range td.k-state-selected .k-link {
border-color: #cdcdcd;
color: #454545;
background-color: #eee;
}
.k-calendar-range td.k-state-focused .k-link {
box-shadow: inset 0 0 4px 0px rgba(129, 129, 129, 0.75);
}
.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(238, 238, 238, 0.3) 1px, rgba(238, 238, 238, 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(238, 238, 238, 0.3);
}
.k-calendar-range td.k-range-split-start::after {
background-image: linear-gradient(to left, rgba(238, 238, 238, 0.3), transparent);
}
.k-calendar-range td.k-range-split-end::after {
background-image: linear-gradient(to right, rgba(238, 238, 238, 0.3), transparent);
}
.k-calendar-range .k-footer .k-nav-today {
color: #818181;
background: none;
}
.k-pdf-viewer .k-toolbar .k-icon,
.k-pdf-viewer .k-toolbar .k-pager-input {
color: #676767;
}
.k-pdf-viewer .k-canvas {
background-color: #fff;
}
.k-pdf-viewer .k-page {
border-color: #ebebeb;
color: #676767;
background-color: white;
box-shadow: 0 0 15px #ebebeb;
}
.k-pdf-viewer .k-search-highlight {
background-color: #4d4d4d;
}
kendo-scrollview.k-scrollview-wrap,
div.k-scrollview {
border-color: #ebebeb;
color: #676767;
background-color: #fff;
-webkit-tap-highlight-color: transparent;
}
kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-pageable,
div.k-scrollview.k-scrollview-dark .k-scrollview-pageable,
kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-nav,
div.k-scrollview.k-scrollview-dark .k-scrollview-nav {
background-color: rgba(0, 0, 0, 0.2);
}
kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-next,
div.k-scrollview.k-scrollview-dark .k-scrollview-next,
kendo-scrollview.k-scrollview-wrap.k-scrollview-dark .k-scrollview-prev,
div.k-scrollview.k-scrollview-dark .k-scrollview-prev {
color: rgba(0, 0, 0, 0.2);
}
kendo-scrollview.k-scrollview-wrap.k-scrollview-light .k-scrollview-pageable,
div.k-scrollview.k-scrollview-light .k-scrollview-pageable,
kendo-scrollview.k-scrollview-wrap.k-scrollview-light .k-scrollview-nav,
div.k-scrollview.k-scrollview-light .k-scrollview-nav {
background-color: rgba(255, 255, 255, 0.2);
}
kendo-scrollview.k-scrollview-wrap .k-scrollview:focus,
.k-widget.k-scrollview .k-scrollview-wrap:focus,
kendo-scrollview.k-scrollview-wrap .k-scrollview.k-state-focused,
.k-widget.k-scrollview .k-scrollview-wrap.k-state-focused,
kendo-scrollview.k-scrollview-wrap .k-scrollview:hover,
.k-widget.k-scrollview .k-scrollview-wrap:hover,
kendo-scrollview.k-scrollview-wrap .k-scrollview.k-state-hovered,
.k-widget.k-scrollview .k-scrollview-wrap.k-state-hovered {
outline: none;
}
kendo-scrollview.k-scrollview-wrap .k-scrollview:focus ~ .k-scrollview-elements .k-scrollview-pageable,
.k-widget.k-scrollview .k-scrollview-wrap:focus ~ .k-scrollview-elements .k-scrollview-pageable,
kendo-scrollview.k-scrollview-wrap .k-scrollview.k-state-focused ~ .k-scrollview-elements .k-scrollview-pageable,
.k-widget.k-scrollview .k-scrollview-wrap.k-state-focused ~ .k-scrollview-elements .k-scrollview-pageable,
kendo-scrollview.k-scrollview-wrap .k-scrollview:hover ~ .k-scrollview-elements .k-scrollview-pageable,
.k-widget.k-scrollview .k-scrollview-wrap:hover ~ .k-scrollview-elements .k-scrollview-pageable,
kendo-scrollview.k-scrollview-wrap .k-scrollview.k-state-hovered ~ .k-scrollview-elements .k-scrollview-pageable,
.k-widget.k-scrollview .k-scrollview-wrap.k-state-hovered ~ .k-scrollview-elements .k-scrollview-pageable,
kendo-scrollview.k-scrollview-wrap .k-scrollview:focus ~ .k-scrollview-elements .k-scrollview-nav,
.k-widget.k-scrollview .k-scrollview-wrap:focus ~ .k-scrollview-elements .k-scrollview-nav,
kendo-scrollview.k-scrollview-wrap .k-scrollview.k-state-focused ~ .k-scrollview-elements .k-scrollview-nav,
.k-widget.k-scrollview .k-scrollview-wrap.k-state-focused ~ .k-scrollview-elements .k-scrollview-nav,
kendo-scrollview.k-scrollview-wrap .k-scrollview:hover ~ .k-scrollview-elements .k-scrollview-nav,
.k-widget.k-scrollview .k-scrollview-wrap:hover ~ .k-scrollview-elements .k-scrollview-nav,
kendo-scrollview.k-scrollview-wrap .k-scrollview.k-state-hovered ~ .k-scrollview-elements .k-scrollview-nav,
.k-widget.k-scrollview .k-scrollview-wrap.k-state-hovered ~ .k-scrollview-elements .k-scrollview-nav {
opacity: 1;
}
.k-scrollview-next,
.k-scrollview-prev {
color: white;
background-color: rgba(0, 0, 0, 0);
text-shadow: rgba(0, 0, 0, 0.3) 0 0 15px;
opacity: 0.7;
outline-width: 0;
-webkit-tap-highlight-color: transparent;
}
.k-scrollview-next:focus,
.k-scrollview-prev:focus,
.k-scrollview-next.k-state-focused,
.k-scrollview-prev.k-state-focused {
color: white;
opacity: 1;
}
.k-scrollview-next:focus .k-icon::before,
.k-scrollview-prev:focus .k-icon::before,
.k-scrollview-next.k-state-focused .k-icon::before,
.k-scrollview-prev.k-state-focused .k-icon::before {
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.13);
background-color: transparent;
}
.k-scrollview-next:hover,
.k-scrollview-prev:hover,
.k-scrollview-next.k-state-hovered,
.k-scrollview-prev.k-state-hovered {
color: white;
opacity: 1;
}
.k-scrollview-next:hover .k-icon::before,
.k-scrollview-prev:hover .k-icon::before,
.k-scrollview-next.k-state-hovered .k-icon::before,
.k-scrollview-prev.k-state-hovered .k-icon::before {
background-color: transparent;
}
kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable,
.k-scrollview .k-scrollview-nav {
opacity: 0.7;
}
kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable:focus-within,
.k-scrollview .k-scrollview-nav:focus-within,
kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable:focus,
.k-scrollview .k-scrollview-nav:focus,
kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable.k-state-focused,
.k-scrollview .k-scrollview-nav.k-state-focused,
kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable:hover,
.k-scrollview .k-scrollview-nav:hover,
kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable.k-state-hovered,
.k-scrollview .k-scrollview-nav.k-state-hovered {
opacity: 1;
background-color: transparent;
}
kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable > .k-button,
.k-scrollview .k-scrollview-nav > .k-link {
background: #ffffff;
border: #d1d1d1;
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: #818181;
border: #797979;
}
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: #d1d1d1;
color: #818181;
background-color: #fff;
}
.k-switch-on .k-switch-thumb {
border-color: #797979;
color: #818181;
background-color: #818181;
background-image: url('textures/highlight.png');
background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%);
}
.k-switch-on:focus,
.k-switch-on.k-state-focused {
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);
}
.k-switch-on:focus .k-switch-track,
.k-switch-on.k-state-focused .k-switch-track {
border-color: #ababab;
color: #818181;
background-color: #fff;
}
.k-switch-on:focus .k-switch-thumb,
.k-switch-on.k-state-focused .k-switch-thumb {
border-color: #797979;
color: #818181;
background-color: #818181;
background-image: url('textures/highlight.png');
background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%);
}
.k-switch-on:hover .k-switch-track,
.k-switch-on.k-state-hover .k-switch-track {
border-color: #ababab;
color: #818181;
background-color: #fff;
}
.k-switch-on:hover .k-switch-thumb,
.k-switch-on.k-state-hover .k-switch-thumb {
border-color: #797979;
color: #818181;
background-color: #818181;
background-image: url('textures/highlight.png');
background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
}
.k-switch-on .k-switch-label-off {
color: transparent;
}
.k-switch-off .k-switch-track {
border-color: #d1d1d1;
color: #676767;
background-color: #fff;
}
.k-switch-off .k-switch-thumb {
border-color: #d1d1d1;
color: #676767;
background-color: #ffffff;
background-image: url('textures/highlight.png');
background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
}
.k-switch-off:focus,
.k-switch-off.k-state-focused {
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);
}
.k-switch-off:focus .k-switch-track,
.k-switch-off.k-state-focused .k-switch-track {
border-color: #ababab;
color: #676767;
background-color: #fff;
}
.k-switch-off:focus .k-switch-thumb,
.k-switch-off.k-state-focused .k-switch-thumb {
border-color: #ababab;
color: #676767;
background-color: #ffffff;
background-image: url('textures/highlight.png');
background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
}
.k-switch-off:hover .k-switch-track,
.k-switch-off.k-state-hover .k-switch-track {
border-color: #ababab;
color: #676767;
background-color: #fff;
}
.k-switch-off:hover .k-switch-thumb,
.k-switch-off.k-state-hover .k-switch-thumb {
border-color: #ababab;
color: #676767;
background-color: #e6e6e6;
background-image: url('textures/highlight.png');
background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
}
.k-switch-off .k-switch-label-on {
color: transparent;
}
.k-switch {
background-color: transparent;
box-shadow: none;
}
.k-switch:focus .k-switch-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-image: url('textures/highlight.png');
background-image: none, linear-gradient(to bottom, rgba(0,0,0,.01) 0%, rgba(0,0,0,.08) 100%);
background-position: 50% 50%;
background-color: #ffffff;
}
.k-pane-wrapper .k-pane .k-grid-mobile .k-column-active + th.k-header {
border-left-color: #676767;
}
.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: #818181;
}
.k-pane-wrapper .k-pane .k-grid-mobile .k-grid-filter.k-state-active,
.k-pane-wrapper .k-pane .k-grid-mobile .k-header-column-menu.k-state-active {
color: #fff;
background-color: #818181;
}
.k-pane-wrapper .k-pane .k-grid-mobile .k-resize-handle-inner::before {
background-color: #fff;
}
.k-pane-wrapper .k-pane .k-scheduler-mobile .k-nav-current {
color: #818181;
}
.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: #f3f3f3;
}
.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: #ffffff;
}
.k-pane-wrapper .k-pane .k-scheduler-mobile .k-other-month {
background-color: #ffffff;
}
.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: #818181;
}
.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: #454545;
}
.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: #676767;
}
.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: #818181;
}
.k-pane-wrapper .k-pane .k-column-menu .k-listgroup-item.k-state-selected {
color: #818181;
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: #818181;
}
.k-filter .k-filter-preview-operator {
color: rgba(103, 103, 103, 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: #ebebeb;
}
.k-drawer {
border-color: #ebebeb;
color: #676767;
background-color: #fff;
}
.k-drawer-wrapper {
scrollbar-color: rgba(156, 156, 156, 0.7) #dedede;
}
.k-drawer-wrapper::-webkit-scrollbar-track {
background: #dedede;
}
.k-drawer-wrapper::-webkit-scrollbar-thumb {
background: rgba(156, 156, 156, 0.7);
}
.k-drawer-wrapper::-webkit-scrollbar-thumb:hover {
background: #9c9c9c;
}
.k-drawer-item:hover,
.k-drawer-item.k-state-hover {
color: #676767;
background-color: #fff;
background-image: url('textures/highlight.png');
background-image: none, linear-gradient(to bottom, rgba(0,0,0,.01) 0%, rgba(0,0,0,.06) 100%);
}
.k-drawer-item:focus,
.k-drawer-item.k-state-focused {
background-color: #fff;
box-shadow: inset 0 0 3px 1px #b3b3b3;
}
.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: #676767;
background-color: #fff;
}
.k-drawer-item.k-state-selected {
color: #454545;
background-color: #eee;
}
.k-drawer-item.k-state-selected:hover,
.k-drawer-item.k-state-selected.k-state-hover {
color: #454545;
background-color: #e1e1e1;
}
.k-drawer-separator {
background-color: #ebebeb;
}
.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(129, 129, 129, 0.5);
}
.k-rating-item {
color: #ebebeb;
}
.k-rating-item.k-state-selected {
color: #818181;
background: none;
box-shadow: none;
}
.k-rating-item.k-state-selected:focus,
.k-rating-item.k-state-selected.k-state-focused {
color: #818181;
}
.k-rating-item:hover,
.k-rating-item.k-state-hov