/* Kendo skin */
.kendoBlack .k-in,
.kendoBlack .k-item,
.kendoBlack .k-window-action {
  border-color: transparent;
}
/* main colors */
.kendoBlack .k-block,
.kendoBlack .k-widget {
  background-color: #38383a;
}
.kendoBlack .k-block,
.kendoBlack .k-widget,
.kendoBlack .k-input,
.kendoBlack .k-textbox,
.kendoBlack .k-group,
.kendoBlack .k-content,
.kendoBlack .k-header,
.kendoBlack .k-filter-row > th,
.kendoBlack .k-editable-area,
.kendoBlack .k-separator,
.kendoBlack .k-colorpicker .k-i-arrow-s,
.kendoBlack .k-textbox > input,
.kendoBlack .k-autocomplete,
.kendoBlack .k-dropdown-wrap,
.kendoBlack .k-toolbar,
.kendoBlack .k-group-footer td,
.kendoBlack .k-grid-footer,
.kendoBlack .k-footer-template td,
.kendoBlack .k-state-default,
.kendoBlack .k-state-default .k-select,
.kendoBlack .k-state-disabled,
.kendoBlack .k-grid-header,
.kendoBlack .k-grid-header-wrap,
.kendoBlack .k-grid-header-locked,
.kendoBlack .k-grid-footer-locked,
.kendoBlack .k-grid-content-locked,
.kendoBlack .k-grid td,
.kendoBlack .k-grid td.k-state-selected,
.kendoBlack .k-grid-footer-wrap,
.kendoBlack .k-pager-wrap,
.kendoBlack .k-pager-wrap .k-link,
.kendoBlack .k-pager-refresh,
.kendoBlack .k-grouping-header,
.kendoBlack .k-grouping-header .k-group-indicator,
.kendoBlack .k-panelbar > .k-item > .k-link,
.kendoBlack .k-panel > .k-item > .k-link,
.kendoBlack .k-panelbar .k-panel,
.kendoBlack .k-panelbar .k-content,
.kendoBlack .k-treemap-tile,
.kendoBlack .k-calendar th,
.kendoBlack .k-slider-track,
.kendoBlack .k-splitbar,
.kendoBlack .k-dropzone-active,
.kendoBlack .k-tiles,
.kendoBlack .k-toolbar,
.kendoBlack .k-tooltip,
.kendoBlack .k-button-group .k-tool,
.kendoBlack .k-upload-files {
  border-color: #4d4d4d;
}
.kendoBlack .k-group,
.kendoBlack .k-toolbar,
.kendoBlack .k-grouping-header,
.kendoBlack .k-pager-wrap,
.kendoBlack .k-group-footer td,
.kendoBlack .k-grid-footer,
.kendoBlack .k-footer-template td,
.kendoBlack .k-widget .k-status,
.kendoBlack .k-calendar th,
.kendoBlack .k-dropzone-hovered,
.kendoBlack .k-widget.k-popup {
  background-color: #38383a;
}
.kendoBlack .k-grouping-row td,
.kendoBlack td.k-group-cell,
.kendoBlack .k-resize-handle-inner {
  background-color: #3f51b5;
}
.kendoBlack .k-list-container {
  border-color: #4d4d4d;
  background-color: #ffffff;
}
.kendoBlack .k-content,
.kendoBlack .k-editable-area,
.kendoBlack .k-panelbar > li.k-item,
.kendoBlack .k-panel > li.k-item,
.kendoBlack .k-tiles {
  background-color: #38383a;
}
.kendoBlack .k-alt,
.kendoBlack .k-separator,
.kendoBlack .k-resource.k-alt,
.kendoBlack .k-pivot-layout > tbody > tr:first-child > td:first-child {
  background-color: #5a5a5a;
}
.kendoBlack .k-pivot-rowheaders .k-alt .k-alt,
.kendoBlack .k-header.k-alt {
  background-color: #5a5a5a;
}
.kendoBlack .k-textbox,
.kendoBlack .k-autocomplete.k-header,
.kendoBlack .k-dropdown-wrap.k-state-active,
.kendoBlack .k-picker-wrap.k-state-active,
.kendoBlack .k-numeric-wrap.k-state-active {
  border-color: #4d4d4d;
  background-color: #3f51b5;
}
.kendoBlack .k-textbox > input,
.kendoBlack .k-autocomplete .k-input,
.kendoBlack .k-dropdown-wrap .k-input,
.kendoBlack .k-autocomplete.k-state-focused .k-input,
.kendoBlack .k-dropdown-wrap.k-state-focused .k-input,
.kendoBlack .k-picker-wrap.k-state-focused .k-input,
.kendoBlack .k-numeric-wrap.k-state-focused .k-input {
  border-color: #4d4d4d;
}
.kendoBlack input.k-textbox,
.kendoBlack textarea.k-textbox,
.kendoBlack input.k-textbox:hover,
.kendoBlack textarea.k-textbox:hover,
.kendoBlack .k-textbox > input {
  background: none;
}
.kendoBlack .k-input,
.kendoBlack input.k-textbox,
.kendoBlack textarea.k-textbox,
.kendoBlack input.k-textbox:hover,
.kendoBlack textarea.k-textbox:hover,
.kendoBlack .k-textbox > input,
.kendoBlack .k-multiselect-wrap {
  background-color: #38383a;
  color: #d5d5d5;
}
.kendoBlack .k-input[readonly] {
  background-color: #38383a;
  color: #d5d5d5;
}
.kendoBlack .k-block,
.kendoBlack .k-widget,
.kendoBlack .k-popup,
.kendoBlack .k-content,
.kendoBlack .k-toolbar,
.kendoBlack .k-dropdown .k-input {
  color: #d5d5d5;
}
.kendoBlack .k-inverse {
  color: #1c1c1c;
}
.kendoBlack .k-block {
  color: #ffffff;
}
.kendoBlack .k-link:link,
.kendoBlack .k-link:visited,
.kendoBlack .k-nav-current.k-state-hover .k-link {
  color: #428bca;
}
.kendoBlack .k-tabstrip-items .k-link,
.kendoBlack .k-panelbar > li > .k-link {
  color: #d5d5d5;
}
.kendoBlack .k-header,
.kendoBlack .k-treemap-title,
.kendoBlack .k-grid-header .k-header > .k-link {
  color: #ffffff;
}
.kendoBlack .k-header,
.kendoBlack .k-grid-header,
.kendoBlack .k-toolbar,
.kendoBlack .k-dropdown-wrap,
.kendoBlack .k-picker-wrap,
.kendoBlack .k-numeric-wrap,
.kendoBlack .k-grouping-header,
.kendoBlack .k-pager-wrap,
.kendoBlack .k-textbox,
.kendoBlack .k-button,
.kendoBlack .k-progressbar,
.kendoBlack .k-draghandle,
.kendoBlack .k-autocomplete,
.kendoBlack .k-state-highlight,
.kendoBlack .k-tabstrip-items .k-item,
.kendoBlack .k-panelbar .k-tabstrip-items .k-item,
.kendoBlack .km-pane-wrapper > .km-pane > .km-view > .km-content {
  background-image: none;
  background-image: none, -webkit-linear-gradient(top, none);
  background-image: none, -moz-linear-gradient(top, none);
  background-image: none, -o-linear-gradient(top, none);
  background-image: none, linear-gradient(to bottom, none);
  background-position: 50% 50%;
  background-color: #3f51b5;
}
.kendoBlack .k-widget.k-tooltip {
  background-image: none;
}
.kendoBlack .k-block,
.kendoBlack .k-header,
.kendoBlack .k-grid-header,
.kendoBlack .k-toolbar,
.kendoBlack .k-grouping-header,
.kendoBlack .k-pager-wrap,
.kendoBlack .k-button,
.kendoBlack .k-draghandle,
.kendoBlack .k-treemap-tile,
.kendoBlack html .km-pane-wrapper .k-header {
  background-color: #3f51b5;
}
/* icons */
.kendoBlack .k-icon:hover,
.kendoBlack .k-state-hover .k-icon,
.kendoBlack .k-state-selected .k-icon,
.kendoBlack .k-state-focused .k-icon,
.kendoBlack .k-column-menu .k-state-hover .k-sprite,
.kendoBlack .k-column-menu .k-state-active .k-sprite {
  opacity: 1;
}
.kendoBlack .k-icon,
.kendoBlack .k-state-disabled .k-icon,
.kendoBlack .k-column-menu .k-sprite {
  opacity: 0.8;
}
.kendoBlack .k-mobile-list .k-check:checked,
.kendoBlack .k-mobile-list .k-edit-field [type=checkbox]:checked,
.kendoBlack .k-mobile-list .k-edit-field [type=radio]:checked {
  opacity: 0.8;
}
.kendoBlack .k-tool {
  border-color: transparent;
}
.kendoBlack .k-icon,
.kendoBlack .k-tool-icon,
.kendoBlack .k-grouping-dropclue,
.kendoBlack .k-drop-hint,
.kendoBlack .k-column-menu .k-sprite,
.kendoBlack .k-grid-mobile .k-resize-handle-inner:before,
.kendoBlack .k-grid-mobile .k-resize-handle-inner:after {
    background-image: url('kendo/2016.3.914/MetroBlack/sprite.png');
    border-color: transparent;
}
/* IE will ignore the above selectors if these are added too */
.kendoBlack .k-mobile-list .k-check:checked,
.kendoBlack .k-mobile-list .k-edit-field [type=checkbox]:checked,
.kendoBlack .k-mobile-list .k-edit-field [type=radio]:checked {
    background-image: url('kendo/2016.3.914/MetroBlack/sprite.png');
    border-color: transparent;
}
.kendoBlack .k-loading,
.kendoBlack .k-state-hover .k-loading {
    background-image: url('kendo/2016.3.914/MetroBlack/loading.gif');
    background-position: 50% 50%;
}
.kendoBlack .k-loading-image {
    background-image: url('kendo/2016.3.914/MetroBlack/loading-image.gif');
}
.kendoBlack .k-loading-color {
  background-color: #ffffff;
}
.kendoBlack .k-button {
  color: #d5d5d5;
  border-color: #606060;
  background-color: #606060;
}
.kendoBlack .k-draghandle {
  border-color: #3f51b5;
  background-color: #3f51b5;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.kendoBlack .k-draghandle:hover {
  border-color: #ebebeb;
  background-color: #38383a;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* Scheduler */
.kendoBlack .k-scheduler {
  color: #ffffff;
  background-color: #38383a;
}
.kendoBlack .k-scheduler-layout {
  color: #d5d5d5;
}
.kendoBlack .k-scheduler-datecolumn,
.kendoBlack .k-scheduler-groupcolumn {
  background-color: #38383a;
  color: #d5d5d5;
}
.kendoBlack .k-scheduler-times tr,
.kendoBlack .k-scheduler-times th,
.kendoBlack .k-scheduler-table td,
.kendoBlack .k-scheduler-header th,
.kendoBlack .k-scheduler-header-wrap,
.kendoBlack .k-scheduler-times {
  border-color: #4d4d4d;
}
.kendoBlack .k-nonwork-hour {
  background-color: #5a5a5a;
}
.kendoBlack .k-gantt .k-nonwork-hour {
  background-color: rgba(0, 0, 0, 0.02);
}
.kendoBlack .k-gantt .k-header.k-nonwork-hour {
  background-color: rgba(0, 0, 0, 0.2);
}
.kendoBlack .k-scheduler-table .k-today,
.kendoBlack .k-today > .k-scheduler-datecolumn,
.kendoBlack .k-today > .k-scheduler-groupcolumn {
  background-color: #e9e9e9;
}
.kendoBlack .k-scheduler-now-arrow {
  border-left-color: #eed3d7;
}
.kendoBlack .k-scheduler-now-line {
  background-color: #eed3d7;
}
.kendoBlack .k-event,
.kendoBlack .k-task-complete {
  border-color: #fbc02d;
  background: #fbc02d 0 -257px none repeat-x;
  color: #ffffff;
}
.kendoBlack .k-event-inverse {
  color: #d5d5d5;
}
.kendoBlack .k-event.k-state-selected {
  background-position: 0 0;
}
.kendoBlack .k-ie7 .k-event .k-resize-handle,
.kendoBlack .k-event .k-resize-handle:after,
.kendoBlack .k-ie7 .k-task-single .k-resize-handle,
.kendoBlack .k-task-single .k-resize-handle:after {
  background-color: #ffffff;
}
.kendoBlack .k-scheduler-marquee:before,
.kendoBlack .k-scheduler-marquee:after {
  border-color: #38383a;
}
.kendoBlack .k-panelbar .k-content,
.kendoBlack .k-panelbar .k-panel,
.kendoBlack .k-panelbar .k-item {
  background-color: #1c1c1c;
  color: #d5d5d5;
  border-color: #4d4d4d;
}
.kendoBlack .k-panelbar > li > .k-link {
  color: #d5d5d5;
}
.kendoBlack .k-panelbar > .k-item > .k-link {
  border-color: #4d4d4d;
}
.kendoBlack .k-panel > li.k-item {
  background-color: #1c1c1c;
}
/* states */
.kendoBlack .k-state-active,
.kendoBlack .k-state-active:hover,
.kendoBlack .k-active-filter,
.kendoBlack .k-tabstrip .k-state-active {
  background-color: #ffffff;
  border-color: #cccccc;
  color: #d5d5d5;
}
.kendoBlack .k-fieldselector .k-list-container {
  background-color: #ffffff;
}
.kendoBlack .k-button:focus,
.kendoBlack .k-button.k-state-focused {
  border-color: #707070;
}
.kendoBlack .k-button:hover,
.kendoBlack .k-button.k-state-hover {
  color: #d5d5d5;
  border-color: #606060;
  background-color: #606060;
}
.kendoBlack .k-button:active,
.kendoBlack .k-button.k-state-active {
  color: #00b0ff;
  background-color: #707070;
  border-color: #707070;
}
.kendoBlack .k-button:active:hover,
.kendoBlack .k-button.k-state-active:hover {
  color: #ffffff;
  border-color: #5c6bc0;
  background-color: #5c6bc0;
}
.kendoBlack .k-button[disabled],
.kendoBlack .k-button.k-state-disabled,
.kendoBlack .k-state-disabled .k-button,
.kendoBlack .k-state-disabled .k-button:hover,
.kendoBlack .k-button.k-state-disabled:hover,
.kendoBlack .k-state-disabled .k-button:active,
.kendoBlack .k-button.k-state-disabled:active {
  color: #999999;
  border-color: #4d4d4d;
  background-color: transparent;
  background-image: none;
}
.kendoBlack .k-button:focus:not(.k-state-disabled):not([disabled]) {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.kendoBlack .k-button:focus:active:not(.k-state-disabled):not([disabled]) {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.kendoBlack .k-menu .k-state-hover > .k-state-active {
  background-color: transparent;
}
.kendoBlack .k-state-highlight {
  background: #ffffff;
  color: #d5d5d5;
}
.kendoBlack .k-state-focused,
.kendoBlack .k-grouping-row .k-state-focused {
  border-color: #67afe9;
}
.kendoBlack .k-calendar .k-link {
  color: #d5d5d5;
}
.kendoBlack .k-calendar .k-footer {
  padding: 0;
}
.kendoBlack .k-calendar .k-footer .k-nav-today {
  color: #d5d5d5;
  text-decoration: none;
  background-color: #38383a;
}
.kendoBlack .k-calendar .k-footer .k-nav-today:hover,
.kendoBlack .k-calendar .k-footer .k-nav-today.k-state-hover {
  background-color: #38383a;
  text-decoration: underline;
}
.kendoBlack .k-calendar .k-footer .k-nav-today:active {
  background-color: #38383a;
}
.kendoBlack .k-calendar .k-link.k-nav-fast {
  color: #d5d5d5;
}
.kendoBlack .k-calendar .k-nav-fast.k-state-hover {
  text-decoration: none;
  background-color: #38383a;
  color: #d5d5d5;
}
.kendoBlack .k-calendar .k-link.k-state-hover,
.kendoBlack .k-window-titlebar .k-link {
  border-radius: 0px;
}
.kendoBlack .k-calendar .k-footer .k-link {
  border-radius: 0;
}
.kendoBlack .k-calendar th {
  background-color: #3f51b5;
}
.kendoBlack .k-calendar-container.k-group {
  border-color: #4d4d4d;
}
.kendoBlack .k-state-selected,
.kendoBlack .k-state-selected:link,
.kendoBlack .k-state-selected:visited,
.kendoBlack .k-list > .k-state-selected,
.kendoBlack .k-list > .k-state-highlight,
.kendoBlack .k-panel > .k-state-selected,
.kendoBlack .k-ghost-splitbar-vertical,
.kendoBlack .k-ghost-splitbar-horizontal,
.kendoBlack .k-draghandle.k-state-selected:hover,
.kendoBlack .k-scheduler .k-scheduler-toolbar .k-state-selected,
.kendoBlack .k-scheduler .k-today.k-state-selected,
.kendoBlack .k-marquee-color {
  color: #00b0ff;
  background-color: #38383a;
  border-color: #606060;
}
.kendoBlack .k-marquee-text {
  color: #00b0ff;
}
.kendoBlack .k-state-focused,
.kendoBlack .k-list > .k-state-focused,
.kendoBlack .k-listview > .k-state-focused,
.kendoBlack .k-grid-header th.k-state-focused,
.kendoBlack td.k-state-focused,
.kendoBlack .k-button.k-state-focused {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 6px 17px 0px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 6px 17px 0px;
}
.kendoBlack .k-state-focused.k-state-selected,
.kendoBlack .k-list > .k-state-focused.k-state-selected,
.kendoBlack .k-listview > .k-state-focused.k-state-selected,
.kendoBlack td.k-state-focused.k-state-selected {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.kendoBlack .k-ie8 .k-panelbar span.k-state-focused,
.kendoBlack .k-ie8 .k-menu li.k-state-focused,
.kendoBlack .k-ie8 .k-listview > .k-state-focused,
.kendoBlack .k-ie8 .k-grid-header th.k-state-focused,
.kendoBlack .k-ie8 td.k-state-focused,
.kendoBlack .k-ie8 .k-tool.k-state-hover,
.kendoBlack .k-ie8 .k-button:focus,
.kendoBlack .k-ie8 .k-button.k-state-focused,
.kendoBlack .k-ie7 .k-panelbar span.k-state-focused,
.kendoBlack .k-ie7 .k-menu li.k-state-focused,
.kendoBlack .k-ie7 .k-listview > .k-state-focused,
.kendoBlack .k-ie7 .k-grid-header th.k-state-focused,
.kendoBlack .k-ie7 td.k-state-focused,
.kendoBlack .k-ie7 .k-tool.k-state-hover,
.kendoBlack .k-ie7 .k-button:focus,
.kendoBlack .k-ie7 .k-button.k-state-focused {
  background-color: #38383a;
}
.kendoBlack .k-list > .k-state-selected.k-state-focused {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.kendoBlack .k-state-selected > .k-link,
.kendoBlack .k-panelbar > li > .k-state-selected,
.kendoBlack .k-panelbar > li.k-state-default > .k-link.k-state-selected {
  color: #00b0ff;
}
.kendoBlack .k-state-hover,
.kendoBlack .k-state-hover:hover,
.kendoBlack .k-splitbar-horizontal-hover:hover,
.kendoBlack .k-splitbar-vertical-hover:hover,
.kendoBlack .k-list > .k-state-hover,
.kendoBlack .k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
.kendoBlack .k-pager-wrap .k-link:hover,
.kendoBlack .k-dropdown .k-state-focused,
.kendoBlack .k-filebrowser-dropzone,
.kendoBlack .k-mobile-list .k-item > .k-link:active,
.kendoBlack .k-mobile-list .k-item > .k-label:active,
.kendoBlack .k-mobile-list .k-edit-label.k-check:active,
.kendoBlack .k-mobile-list .k-recur-view .k-check:active {
  color: #d5d5d5;
  background-color: #38383a;
  border-color: #ebebeb;
}
/* this selector should be used separately, otherwise old IEs ignore the whole rule */
.kendoBlack .k-mobile-list .k-scheduler-timezones .k-edit-field:nth-child(2):active {
  color: #d5d5d5;
  background-color: #38383a;
  border-color: #ebebeb;
}
.kendoBlack .k-ie7 .k-window-titlebar .k-state-hover,
.kendoBlack .k-ie8 .k-window-titlebar .k-state-hover {
  border-color: #ebebeb;
}
.kendoBlack .k-state-hover > .k-select,
.kendoBlack .k-state-focused > .k-select {
  border-color: #ebebeb;
}
.kendoBlack .k-button:hover,
.kendoBlack .k-button.k-state-hover,
.kendoBlack .k-button:focus,
.kendoBlack .k-button.k-state-focused,
.kendoBlack .k-textbox:hover,
.kendoBlack .k-state-hover,
.kendoBlack .k-state-hover:hover,
.kendoBlack .k-pager-wrap .k-link:hover,
.kendoBlack .k-other-month.k-state-hover .k-link,
.kendoBlack div.k-filebrowser-dropzone em,
.kendoBlack .k-draghandle:hover {
  background-image: none;
  background-image: none, -webkit-linear-gradient(top, none);
  background-image: none, -moz-linear-gradient(top, none);
  background-image: none, -o-linear-gradient(top, none);
  background-image: none, linear-gradient(to bottom, none);
}
.kendoBlack .k-pager-wrap {
  background-color: #3f51b5;
  color: #ffffff;
}
.kendoBlack .k-autocomplete.k-state-active,
.kendoBlack .k-picker-wrap.k-state-active,
.kendoBlack .k-numeric-wrap.k-state-active,
.kendoBlack .k-dropdown-wrap.k-state-active,
.kendoBlack .k-state-active,
.kendoBlack .k-state-active:hover,
.kendoBlack .k-state-active > .k-link,
.kendoBlack .k-button:active,
.kendoBlack .k-panelbar > .k-item > .k-state-focused {
  background-image: none;
  background-image: none, -webkit-linear-gradient(top, none);
  background-image: none, -moz-linear-gradient(top, none);
  background-image: none, -o-linear-gradient(top, none);
  background-image: none, linear-gradient(to bottom, none);
}
.kendoBlack .k-state-selected,
.kendoBlack .k-button:active,
.kendoBlack .k-button.k-state-active,
.kendoBlack .k-draghandle.k-state-selected:hover {
  background-image: none;
  background-image: none, -webkit-linear-gradient(top, none);
  background-image: none, -moz-linear-gradient(top, none);
  background-image: none, -o-linear-gradient(top, none);
  background-image: none, linear-gradient(to bottom, none);
}
.kendoBlack .k-button:active,
.kendoBlack .k-button.k-state-active,
.kendoBlack .k-draghandle.k-state-selected:hover {
  background-position: 50% 50%;
}
.kendoBlack .k-tool-icon {
    background-image: url('kendo/2016.3.914/MetroBlack/sprite.png');
}
.kendoBlack .k-state-hover > .k-link,
.kendoBlack .k-other-month.k-state-hover .k-link,
.kendoBlack div.k-filebrowser-dropzone em {
  color: #d5d5d5;
}
.kendoBlack .k-autocomplete.k-state-hover,
.kendoBlack .k-autocomplete.k-state-focused,
.kendoBlack .k-picker-wrap.k-state-hover,
.kendoBlack .k-picker-wrap.k-state-focused,
.kendoBlack .k-numeric-wrap.k-state-hover,
.kendoBlack .k-numeric-wrap.k-state-focused,
.kendoBlack .k-dropdown-wrap.k-state-hover,
.kendoBlack .k-dropdown-wrap.k-state-focused {
  background-color: #38383a;
  background-image: none;
  background-image: none, -webkit-linear-gradient(top, none);
  background-image: none, -moz-linear-gradient(top, none);
  background-image: none, -o-linear-gradient(top, none);
  background-image: none, linear-gradient(to bottom, none);
  background-position: 50% 50%;
  border-color: #38383a;
}
.kendoBlack .km-pane-wrapper .k-mobile-list input:not([type="checkbox"]):not([type="radio"]),
.kendoBlack .km-pane-wrapper .km-pane .k-mobile-list select:not([multiple]),
.kendoBlack .km-pane-wrapper .k-mobile-list textarea,
.kendoBlack .k-dropdown .k-state-focused .k-input {
  color: #d5d5d5;
}
.kendoBlack .k-dropdown .k-state-hover .k-input {
  color: #d5d5d5;
}
.kendoBlack .k-state-error {
  border-color: #eed3d7;
  background-color: #f2dede;
  color: #b94a48;
}
.kendoBlack .k-state-disabled {
  opacity: .7;
}
.kendoBlack .k-ie7 .k-state-disabled,
.kendoBlack .k-ie8 .k-state-disabled {
  filter: alpha(opacity=70);
}
.kendoBlack .k-tile-empty.k-state-selected,
.kendoBlack .k-loading-mask.k-state-selected {
  border-width: 0;
  background-image: none;
  background-color: transparent;
}
.kendoBlack .k-state-disabled,
.kendoBlack .k-state-disabled .k-link,
.kendoBlack .k-state-disabled .k-button,
.kendoBlack .k-other-month,
.kendoBlack .k-other-month .k-link,
.kendoBlack .k-dropzone em,
.kendoBlack .k-dropzone .k-upload-status,
.kendoBlack .k-tile-empty strong,
.kendoBlack .k-slider .k-draghandle {
  color: #999999;
}
/* Progressbar */
.kendoBlack .k-progressbar-indeterminate {
    background: url('kendo/2016.3.914/MetroBlack/indeterminate.gif');
}
.kendoBlack .k-progressbar-indeterminate .k-progress-status-wrap,
.kendoBlack .k-progressbar-indeterminate .k-state-selected {
  display: none;
}
/* Slider */
.kendoBlack .k-slider-track {
  background-color: #4d4d4d;
}
.kendoBlack .k-slider-selection {
  background-color: #38383a;
}
.kendoBlack .k-slider-horizontal .k-tick {
    background-image: url('kendo/2016.3.914/MetroBlack/slider-h.gif');
}
.kendoBlack .k-slider-vertical .k-tick {
    background-image: url('kendo/2016.3.914/MetroBlack/slider-v.gif');
}
/* Tooltip */
.kendoBlack .k-widget.k-tooltip {
  border-color: #4d4d4d;
  background-color: transparent;
  color: #555555;
}
.kendoBlack .k-widget.k-tooltip-validation {
  border-color: #555555;
  background-color: transparent;
  color: #555555;
}
/* Bootstrap theme fix */
.kendoBlack .input-prepend .k-tooltip-validation,
.kendoBlack .input-append .k-tooltip-validation {
  font-size: 12px;
  position: relative;
  top: 3px;
}
.kendoBlack .k-callout-n {
  border-bottom-color: #4d4d4d;
}
.kendoBlack .k-callout-w {
  border-right-color: #4d4d4d;
}
.kendoBlack .k-callout-s {
  border-top-color: #4d4d4d;
}
.kendoBlack .k-callout-e {
  border-left-color: #4d4d4d;
}
.kendoBlack .k-tooltip-validation .k-callout-n {
  border-bottom-color: #555555;
}
.kendoBlack .k-tooltip-validation .k-callout-w {
  border-right-color: #555555;
}
.kendoBlack .k-tooltip-validation .k-callout-s {
  border-top-color: #555555;
}
.kendoBlack .k-tooltip-validation .k-callout-e {
  border-left-color: #555555;
}
/* Splitter */
.kendoBlack .k-splitbar {
  background-color: #38383a;
}
.kendoBlack .k-restricted-size-vertical,
.kendoBlack .k-restricted-size-horizontal {
  background-color: #b94a48;
}
/* Upload */
.kendoBlack .k-file {
  background-color: #ffffff;
  border-color: #4d4d4d;
}
.kendoBlack .k-file-progress {
  color: #0066cc;
}
.kendoBlack .k-file-progress .k-progress {
  background-color: #3f51b5;
}
.kendoBlack .k-file-success {
  color: #1c1c1c;
}
.kendoBlack .k-file-success .k-progress {
  background-color: #fce68d;
}
.kendoBlack .k-file-error {
  color: #1c1c1c;
}
.kendoBlack .k-file-error .k-progress {
  background-color: #fce68d;
}
/* ImageBrowser */
.kendoBlack .k-tile {
  border-color: #38383a;
}
.kendoBlack .k-textbox:hover,
.kendoBlack .k-tiles li.k-state-hover {
  border-color: #ebebeb;
}
.kendoBlack .k-tiles li.k-state-selected {
  border-color: #606060;
}
.kendoBlack .k-tile .k-folder,
.kendoBlack .k-tile .k-file {
    background-image: url('kendo/2016.3.914/MetroBlack/imagebrowser.png');
}
/* TreeMap */
.kendoBlack .k-leaf,
.kendoBlack .k-leaf.k-state-hover:hover {
  color: #fff;
}
.kendoBlack .k-leaf.k-inverse,
.kendoBlack .k-leaf.k-inverse.k-state-hover:hover {
  color: #000;
}
/* Shadows */
.kendoBlack .k-widget,
.kendoBlack .k-button {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.kendoBlack .k-slider,
.kendoBlack .k-treeview,
.kendoBlack .k-upload {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.kendoBlack .k-state-hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.kendoBlack .k-autocomplete.k-state-focused,
.kendoBlack .k-dropdown-wrap.k-state-focused,
.kendoBlack .k-picker-wrap.k-state-focused,
.kendoBlack .k-numeric-wrap.k-state-focused {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.kendoBlack .k-state-selected {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.kendoBlack .k-state-active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.kendoBlack .k-grid td.k-state-selected.k-state-focused {
  background-color: #3e3e3e;
}
.kendoBlack .k-popup,
.kendoBlack .k-menu .k-menu-group,
.kendoBlack .k-grid .k-filter-options,
.kendoBlack .k-time-popup,
.kendoBlack .k-datepicker-calendar,
.kendoBlack .k-autocomplete.k-state-border-down,
.kendoBlack .k-autocomplete.k-state-border-up,
.kendoBlack .k-dropdown-wrap.k-state-active,
.kendoBlack .k-picker-wrap.k-state-active,
.kendoBlack .k-multiselect.k-state-focused,
.kendoBlack .k-filebrowser .k-image,
.kendoBlack .k-tooltip {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.kendoBlack .k-treemap-tile.k-state-hover {
  -webkit-box-shadow: inset 0 0 0 3px #4d4d4d;
  box-shadow: inset 0 0 0 3px #4d4d4d;
}
/* Window */
.kendoBlack .k-window {
  border-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.2);
  box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.2);
  background-color: #38383a;
}
.kendoBlack .k-window.k-state-focused {
  border-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.2);
}
.kendoBlack .k-window.k-window-maximized,
.kendoBlack .k-window-maximized .k-window-titlebar,
.kendoBlack .k-window-maximized .k-window-content {
  border-radius: 0;
}
.kendoBlack .k-shadow {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.kendoBlack .k-inset {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
}
/* Selection */
.kendoBlack .k-editor-inline ::selection {
  background-color: #606060;
  text-shadow: none;
  color: #fff;
}
.kendoBlack .k-editor-inline ::-moz-selection {
  background-color: #606060;
  text-shadow: none;
  color: #fff;
}
/* Notification */
.kendoBlack .k-notification.k-notification-info {
  background-color: #207ec8;
  color: #ffffff;
  border-color: #207ec8;
}
.kendoBlack .k-notification.k-notification-success {
  background-color: #429246;
  color: #ffffff;
  border-color: #207ec8;
}
.kendoBlack .k-notification.k-notification-warning {
  background-color: #cdaa1d;
  color: #ffffff;
  border-color: #207ec8;
}
.kendoBlack .k-notification.k-notification-error {
  background-color: #c93b31;
  color: #ffffff;
  border-color: #207ec8;
}
/* Gantt */
.kendoBlack .k-gantt .k-treelist {
  background: #5a5a5a;
}
.kendoBlack .k-gantt .k-treelist .k-alt {
  background-color: #414141;
}
.kendoBlack .k-gantt .k-treelist .k-state-selected,
.kendoBlack .k-gantt .k-treelist .k-state-selected td,
.kendoBlack .k-gantt .k-treelist .k-alt.k-state-selected,
.kendoBlack .k-gantt .k-treelist .k-alt.k-state-selected > td {
  background-color: #38383a;
}
.kendoBlack .k-task-dot:after {
  background-color: #d5d5d5;
  border-color: #d5d5d5;
}
.kendoBlack .k-task-dot:hover:after {
  background-color: #ffffff;
}
.kendoBlack .k-task-summary {
  border-color: #98a2db;
  background: #98a2db;
}
.kendoBlack .k-task-milestone,
.kendoBlack .k-task-summary-complete {
  border-color: #d5d5d5;
  background: #d5d5d5;
}
.kendoBlack .k-state-selected.k-task-summary {
  border-color: #767676;
  background: #767676;
}
.kendoBlack .k-state-selected.k-task-milestone,
.kendoBlack .k-state-selected .k-task-summary-complete {
  border-color: #38383a;
  background: #38383a;
}
.kendoBlack .k-task-single {
  background-color: #fccb50;
  border-color: #fbc02d;
  color: #ffffff;
}
.kendoBlack .k-state-selected.k-task-single {
  border-color: #606060;
}
.kendoBlack .k-line {
  background-color: #d5d5d5;
  color: #d5d5d5;
}
.kendoBlack .k-state-selected.k-line {
  background-color: #38383a;
  color: #38383a;
}
.kendoBlack .k-resource {
  background-color: #38383a;
}
/* PivotGrid */
.kendoBlack .k-i-kpi-decrease,
.kendoBlack .k-i-kpi-denied,
.kendoBlack .k-i-kpi-equal,
.kendoBlack .k-i-kpi-hold,
.kendoBlack .k-i-kpi-increase,
.kendoBlack .k-i-kpi-open {
    background-image: url('kendo/2016.3.914/MetroBlack/sprite_kpi.png');
}
/* Border radius */
.kendoBlack .k-block,
.kendoBlack .k-button,
.kendoBlack .k-textbox,
.kendoBlack .k-drag-clue,
.kendoBlack .k-touch-scrollbar,
.kendoBlack .k-window,
.kendoBlack .k-window-titleless .k-window-content,
.kendoBlack .k-window-action,
.kendoBlack .k-inline-block,
.kendoBlack .k-grid .k-filter-options,
.kendoBlack .k-grouping-header .k-group-indicator,
.kendoBlack .k-autocomplete,
.kendoBlack .k-multiselect,
.kendoBlack .k-combobox,
.kendoBlack .k-dropdown,
.kendoBlack .k-dropdown-wrap,
.kendoBlack .k-datepicker,
.kendoBlack .k-timepicker,
.kendoBlack .k-colorpicker,
.kendoBlack .k-datetimepicker,
.kendoBlack .k-notification,
.kendoBlack .k-numerictextbox,
.kendoBlack .k-picker-wrap,
.kendoBlack .k-numeric-wrap,
.kendoBlack .k-colorpicker,
.kendoBlack .k-list-container,
.kendoBlack .k-calendar-container,
.kendoBlack .k-calendar td,
.kendoBlack .k-calendar .k-link,
.kendoBlack .k-treeview .k-in,
.kendoBlack .k-editor-inline,
.kendoBlack .k-tooltip,
.kendoBlack .k-tile,
.kendoBlack .k-slider-track,
.kendoBlack .k-slider-selection,
.kendoBlack .k-upload {
  border-radius: 2px;
}
.kendoBlack .k-tool {
  text-align: center;
  vertical-align: middle;
}
.kendoBlack .k-tool.k-group-start,
.kendoBlack .k-toolbar .k-split-button .k-button,
.kendoBlack .k-toolbar .k-button-group .k-group-start {
  border-radius: 2px 0 0 2px;
}
.kendoBlack .k-rtl .k-tool.k-group-start {
  border-radius: 0 2px 2px 0;
}
.kendoBlack .k-tool.k-group-end,
.kendoBlack .k-toolbar .k-button-group .k-group-end,
.kendoBlack .k-toolbar .k-split-button .k-split-button-arrow {
  border-radius: 0 2px 2px 0;
}
.kendoBlack .k-rtl .k-tool.k-group-end {
  border-radius: 2px 0 0 2px;
}
.kendoBlack .k-group-start.k-group-end.k-tool {
  border-radius: 2px;
}
.kendoBlack .k-calendar-container.k-state-border-up,
.kendoBlack .k-list-container.k-state-border-up,
.kendoBlack .k-autocomplete.k-state-border-up,
.kendoBlack .k-multiselect.k-state-border-up,
.kendoBlack .k-dropdown-wrap.k-state-border-up,
.kendoBlack .k-picker-wrap.k-state-border-up,
.kendoBlack .k-numeric-wrap.k-state-border-up,
.kendoBlack .k-window-content,
.kendoBlack .k-filter-menu {
  border-radius: 0 0 2px 2px;
}
.kendoBlack .k-autocomplete.k-state-border-up .k-input,
.kendoBlack .k-dropdown-wrap.k-state-border-up .k-input,
.kendoBlack .k-picker-wrap.k-state-border-up .k-input,
.kendoBlack .k-picker-wrap.k-state-border-up .k-selected-color,
.kendoBlack .k-numeric-wrap.k-state-border-up .k-input {
  border-radius: 0 0 0 2px;
}
.kendoBlack .k-multiselect.k-state-border-up .k-multiselect-wrap {
  border-radius: 0 0 2px 2px;
}
.kendoBlack .k-window-titlebar,
.kendoBlack .k-block > .k-header,
.kendoBlack .k-tabstrip-items .k-item,
.kendoBlack .k-panelbar .k-tabstrip-items .k-item,
.kendoBlack .k-tabstrip-items .k-link,
.kendoBlack .k-calendar-container.k-state-border-down,
.kendoBlack .k-list-container.k-state-border-down,
.kendoBlack .k-autocomplete.k-state-border-down,
.kendoBlack .k-multiselect.k-state-border-down,
.kendoBlack .k-dropdown-wrap.k-state-border-down,
.kendoBlack .k-picker-wrap.k-state-border-down,
.kendoBlack .k-numeric-wrap.k-state-border-down {
  border-radius: 2px 2px 0 0;
}
.kendoBlack .k-split-button.k-state-border-down > .k-button {
  border-radius: 2px 0 0 0;
}
.kendoBlack .k-split-button.k-state-border-up > .k-button {
  border-radius: 0 0 0 2px;
}
.kendoBlack .k-split-button.k-state-border-down > .k-split-button-arrow {
  border-radius: 0 2px 0 0;
}
.kendoBlack .k-split-button.k-state-border-up > .k-split-button-arrow {
  border-radius: 0 0 2px 0;
}
.kendoBlack .k-dropdown-wrap .k-input,
.kendoBlack .k-picker-wrap .k-input,
.kendoBlack .k-numeric-wrap .k-input {
  border-radius: 0px 0 0 0px;
}
.kendoBlack .k-rtl .k-dropdown-wrap .k-input,
.kendoBlack .k-rtl .k-picker-wrap .k-input,
.kendoBlack .k-rtl .k-numeric-wrap .k-input {
  border-radius: 0 0px 0px 0;
}
.kendoBlack .k-numeric-wrap .k-link {
  border-radius: 0 0px 0 0;
}
.kendoBlack .k-numeric-wrap .k-link + .k-link {
  border-radius: 0 0 0px 0;
}
.kendoBlack .k-colorpicker .k-selected-color {
  border-radius: 0px 0 0 0px;
}
.kendoBlack .k-rtl .k-colorpicker .k-selected-color {
  border-radius: 0 0px 0px 0;
}
.kendoBlack .k-autocomplete.k-state-border-down .k-input {
  border-radius: 2px 2px 0 0;
}
.kendoBlack .k-dropdown-wrap.k-state-border-down .k-input,
.kendoBlack .k-picker-wrap.k-state-border-down .k-input,
.kendoBlack .k-picker-wrap.k-state-border-down .k-selected-color,
.kendoBlack .k-numeric-wrap.k-state-border-down .k-input {
  border-radius: 2px 0 0 0;
}
.kendoBlack .k-numeric-wrap .k-link.k-state-selected {
  background-color: #38383a;
}
.kendoBlack .k-multiselect.k-state-border-down .k-multiselect-wrap {
  border-radius: 0px 0px 0 0;
}
.kendoBlack .k-dropdown-wrap .k-select,
.kendoBlack .k-picker-wrap .k-select,
.kendoBlack .k-numeric-wrap .k-select,
.kendoBlack .k-datetimepicker .k-select + .k-select,
.kendoBlack .k-list-container.k-state-border-right {
  border-radius: 0 2px 2px 0;
}
.kendoBlack .k-rtl .k-dropdown-wrap .k-select,
.kendoBlack .k-rtl .k-picker-wrap .k-select,
.kendoBlack .k-rtl .k-numeric-wrap .k-select,
.kendoBlack .k-rtl .k-datetimepicker .k-select + .k-select,
.kendoBlack .k-rtl .k-list-container.k-state-border-right {
  border-radius: 2px 0 0 2px;
}
.kendoBlack .k-numeric-wrap.k-expand-padding .k-input {
  border-radius: 2px;
}
.kendoBlack .k-textbox > input,
.kendoBlack .k-autocomplete .k-input,
.kendoBlack .k-multiselect-wrap {
  border-radius: 0px;
}
.kendoBlack .k-list .k-state-hover,
.kendoBlack .k-list .k-state-focused,
.kendoBlack .k-list .k-state-highlight,
.kendoBlack .k-list .k-state-selected,
.kendoBlack .k-fieldselector .k-list .k-item,
.kendoBlack .k-dropzone {
  border-radius: 1px;
}
.kendoBlack .k-slider .k-button,
.kendoBlack .k-grid .k-slider .k-button {
  border-radius: 13px;
}
.kendoBlack .k-draghandle {
  border-radius: 2px;
}
.kendoBlack .k-scheduler-toolbar > ul li:first-child,
.kendoBlack .k-scheduler-toolbar > ul li:first-child .k-link {
  border-radius: 2px 0 0 2px;
}
.kendoBlack .k-rtl .k-scheduler-toolbar > ul li:first-child,
.kendoBlack .k-rtl .k-scheduler-toolbar > ul li:first-child .k-link,
.kendoBlack .km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child,
.kendoBlack .km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child .k-link {
  border-radius: 0 2px 2px 0;
}
.kendoBlack .k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today,
.kendoBlack .k-scheduler-phone .k-scheduler-toolbar > ul li.k-nav-today .k-link,
.kendoBlack .k-edit-field > .k-scheduler-navigation {
  border-radius: 2px;
}
.kendoBlack .k-scheduler-toolbar .k-nav-next,
.kendoBlack .k-scheduler-toolbar ul + ul li:last-child,
.kendoBlack .k-scheduler-toolbar .k-nav-next .k-link,
.kendoBlack .k-scheduler-toolbar ul + ul li:last-child .k-link {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.kendoBlack .k-rtl .k-scheduler-toolbar .k-nav-next,
.kendoBlack .k-rtl .k-scheduler-toolbar ul + ul li:last-child,
.kendoBlack .k-rtl .k-scheduler-toolbar .k-nav-next .k-link,
.kendoBlack .k-rtl .k-scheduler-toolbar ul + ul li:last-child .k-link {
  border-radius: 2px 0 0 2px;
}
.kendoBlack .k-scheduler div.k-scheduler-footer ul li,
.kendoBlack .k-scheduler div.k-scheduler-footer .k-link {
  border-radius: 2px;
}
.kendoBlack .k-more-events,
.kendoBlack .k-event,
.kendoBlack .k-task-single,
.kendoBlack .k-task-complete,
.kendoBlack .k-event .k-link {
  border-radius: 0px;
}
.kendoBlack .k-scheduler-mobile .k-event {
  border-radius: -1px;
}
/* Adaptive Grid */
.kendoBlack .k-grid-mobile .k-column-active + th.k-header {
  border-left-color: #d5d5d5;
}
.kendoBlack html .km-pane-wrapper .km-widget,
.kendoBlack .k-ie .km-pane-wrapper .k-widget,
.kendoBlack .k-ie .km-pane-wrapper .k-group,
.kendoBlack .k-ie .km-pane-wrapper .k-content,
.kendoBlack .k-ie .km-pane-wrapper .k-header,
.kendoBlack .k-ie .km-pane-wrapper .k-popup-edit-form .k-edit-field .k-button,
.kendoBlack .km-pane-wrapper .k-mobile-list .k-item,
.kendoBlack .km-pane-wrapper .k-mobile-list .k-edit-label,
.kendoBlack .km-pane-wrapper .k-mobile-list .k-edit-field {
  color: #d5d5d5;
}
@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) {
  .kendoBlack div.km-pane-wrapper a {
    color: #d5d5d5;
  }
    .kendoBlack .km-pane-wrapper .k-icon {
        background-image: url('kendo/2016.3.914/MetroBlack/sprite_2x.png');
        background-size: 21.2em 21em;
    }
}
.kendoBlack .km-pane-wrapper .k-mobile-list .k-item,
.kendoBlack .km-pane-wrapper .k-mobile-list .k-edit-field,
.kendoBlack .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check {
  background-color: #38383a;
  border-top: 1px solid #4d4d4d;
}
.kendoBlack .km-pane-wrapper .k-mobile-list .k-edit-field textarea {
  outline-width: 0;
}
.kendoBlack .km-pane-wrapper .k-mobile-list .k-item.k-state-selected {
  background-color: #38383a;
  border-top-color: #606060;
}
.kendoBlack .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:first-child {
  border-top-color: transparent;
}
.kendoBlack .km-pane-wrapper .k-mobile-list .k-item:last-child {
  -webkit-box-shadow: inset 0 -1px 0 #4d4d4d;
  box-shadow: inset 0 -1px 0 #4d4d4d;
}
.kendoBlack .km-pane-wrapper .k-mobile-list > ul > li > .k-link,
.kendoBlack .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-label:nth-child(3),
.kendoBlack .km-pane-wrapper #recurrence .km-scroll-container > .k-edit-label:first-child {
  color: #000000;
}
.kendoBlack .km-pane-wrapper .k-mobile-list > ul > li > .k-link {
  border-bottom: 1px solid #4d4d4d;
}
.kendoBlack .km-pane-wrapper .k-mobile-list .k-edit-field {
  -webkit-box-shadow: 0 1px 1px #4d4d4d;
  box-shadow: 0 1px 1px #4d4d4d;
}
.kendoBlack .km-actionsheet .k-grid-delete,
.kendoBlack .km-actionsheet .k-scheduler-delete,
.kendoBlack .km-pane-wrapper .k-scheduler-delete,
.kendoBlack .km-pane-wrapper .k-filter-menu .k-button[type=reset] {
  color: #fff;
  border-color: #eed3d7;
  background-color: red;
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, from(rgba(255,255,255,.3)), to(rgba(255,255,255,.15)));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,.15));
  background-image: -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,.15));
  background-image: -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,.15));
  background-image: linear-gradient(to bottom, rgba(255,255,255,.3), rgba(255,255,255,.15));
}
.kendoBlack .km-actionsheet .k-grid-delete:active,
.kendoBlack .km-actionsheet .k-scheduler-delete:active,
.kendoBlack .km-pane-wrapper .k-scheduler-delete:active,
.kendoBlack .km-pane-wrapper .k-filter-menu .k-button[type=reset]:active {
  background-color: #990000;
}
/* /Column Menu */
.kendoBlack .k-autocomplete.k-state-default,
.kendoBlack .k-picker-wrap.k-state-default,
.kendoBlack .k-numeric-wrap.k-state-default,
.kendoBlack .k-dropdown-wrap.k-state-default {
  background-image: none;
  background-image: none, -webkit-linear-gradient(top, none);
  background-image: none, -moz-linear-gradient(top, none);
  background-image: none, -o-linear-gradient(top, none);
  background-image: none, linear-gradient(to bottom, none);
  background-position: 50% 50%;
  background-color: #38383a;
  border-color: #4d4d4d;
}
.kendoBlack .k-autocomplete.k-state-hover,
.kendoBlack .k-picker-wrap.k-state-hover,
.kendoBlack .k-numeric-wrap.k-state-hover,
.kendoBlack .k-dropdown-wrap.k-state-hover {
  background-color: #38383a;
  background-image: none;
  background-image: none, -webkit-linear-gradient(top, none);
  background-image: none, -moz-linear-gradient(top, none);
  background-image: none, -o-linear-gradient(top, none);
  background-image: none, linear-gradient(to bottom, none);
  background-position: 50% 50%;
  border-color: #38383a;
}
.kendoBlack .k-multiselect.k-header {
  border-color: #4d4d4d;
}
.kendoBlack .k-multiselect.k-header.k-state-hover {
  border-color: #38383a;
}
.kendoBlack .k-autocomplete.k-state-focused,
.kendoBlack .k-picker-wrap.k-state-focused,
.kendoBlack .k-numeric-wrap.k-state-focused,
.kendoBlack .k-dropdown-wrap.k-state-focused,
.kendoBlack .k-multiselect.k-header.k-state-focused {
  background-color: #38383a;
  background-image: none;
  background-image: none, -webkit-linear-gradient(top, none);
  background-image: none, -moz-linear-gradient(top, none);
  background-image: none, -o-linear-gradient(top, none);
  background-image: none, linear-gradient(to bottom, none);
  background-position: 50% 50%;
  border-color: #606060;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.kendoBlack .k-list-container {
  color: #d5d5d5;
}
.kendoBlack .k-dropdown .k-input,
.kendoBlack .k-dropdown .k-state-focused .k-input,
.kendoBlack .k-menu .k-popup {
  color: #d5d5d5;
}
.kendoBlack .k-state-default > .k-select {
  border-color: #4d4d4d;
}
.kendoBlack .k-state-hover > .k-select {
  border-color: #38383a;
}
.kendoBlack .k-state-focused > .k-select {
  border-color: #606060;
}
.kendoBlack .k-tabstrip-items .k-state-default .k-link,
.kendoBlack .k-panelbar > li.k-state-default > .k-link {
  color: #ffffff;
}
.kendoBlack .k-tabstrip-items .k-state-hover .k-link,
.kendoBlack .k-panelbar > li.k-state-hover > .k-link,
.kendoBlack .k-panelbar > li.k-state-default > .k-link.k-state-hover {
  color: #d5d5d5;
}
.kendoBlack .k-panelbar .k-state-focused.k-state-hover {
  background: #38383a;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.kendoBlack .k-tabstrip-items .k-state-default,
.kendoBlack .k-ie7 .k-tabstrip-items .k-state-default .k-loading {
  border-color: transparent;
}
.kendoBlack .k-tabstrip-items .k-state-hover,
.kendoBlack .k-ie7 .k-tabstrip-items .k-state-hover .k-loading {
  border-color: #ebebeb;
}
.kendoBlack .k-tabstrip-items .k-state-active,
.kendoBlack .k-panelbar .k-tabstrip-items .k-state-active,
.kendoBlack .k-ie7 .k-tabstrip-items .k-state-active .k-loading {
  background-color: #ffffff;
  background-image: none;
  background-image: none, -webkit-linear-gradient(top, none);
  background-image: none, -moz-linear-gradient(top, none);
  background-image: none, -o-linear-gradient(top, none);
  background-image: none, linear-gradient(to bottom, none);
  border-color: #cccccc;
}
.kendoBlack .k-tabstrip .k-content.k-state-active {
  background-color: #38383a;
  color: #d5d5d5;
}
.kendoBlack .k-menu.k-header,
.kendoBlack .k-menu .k-item {
  border-color: #4d4d4d;
}
.kendoBlack .k-column-menu,
.kendoBlack .k-column-menu .k-item,
.kendoBlack .k-overflow-container .k-overflow-group {
  border-color: #4d4d4d;
}
.kendoBlack .k-overflow-container .k-overflow-group {
  box-shadow: inset 0 1px 0 #9a9a9a, 0 1px 0 #9a9a9a;
}
.kendoBlack .k-toolbar-first-visible.k-overflow-group,
.kendoBlack .k-overflow-container .k-overflow-group + .k-overflow-group {
  box-shadow: 0 1px 0 #9a9a9a;
}
.kendoBlack .k-toolbar-last-visible.k-overflow-group {
  box-shadow: inset 0 1px 0 #9a9a9a;
}
.kendoBlack .k-column-menu .k-separator {
  border-color: #4d4d4d;
  background-color: transparent;
}
.kendoBlack .k-menu .k-group {
  border-color: #4d4d4d;
}
.kendoBlack .k-grid-filter.k-state-active {
  background-color: #ffffff;
}
.kendoBlack .k-grouping-row td,
.kendoBlack .k-group-footer td,
.kendoBlack .k-grid-footer td {
  color: #d5d5d5;
  border-color: #4d4d4d;
  font-weight: bold;
}
.kendoBlack .k-grouping-header {
  color: #d5d5d5;
}
.kendoBlack .k-grid td.k-state-focused {
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3) 0px 6px 17px 0px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3) 0px 6px 17px 0px;
}
.kendoBlack .k-header,
.kendoBlack .k-grid-header-wrap,
.kendoBlack .k-grid .k-grouping-header,
.kendoBlack .k-grid-header,
.kendoBlack .k-pager-wrap,
.kendoBlack .k-pager-wrap .k-textbox,
.kendoBlack .k-pager-wrap .k-link,
.kendoBlack .k-grouping-header .k-group-indicator,
.kendoBlack .k-gantt-toolbar .k-state-default {
  border-color: #4d4d4d;
}
.kendoBlack .k-primary,
.kendoBlack .k-overflow-container .k-primary {
  color: #ffffff;
  border-color: #3f51b5;
  background-image: none;
  background-position: 50% 50%;
  background-color: #3f51b5;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.kendoBlack .k-primary:focus,
.kendoBlack .k-primary.k-state-focused {
  color: #ffffff;
  border-color: #283593;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.kendoBlack .k-primary:hover {
  color: #ffffff;
  border-color: #5c6bc0;
  background-image: none;
  background-color: #5c6bc0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.kendoBlack .k-primary:focus:active:not(.k-state-disabled):not([disabled]),
.kendoBlack .k-primary:focus:not(.k-state-disabled):not([disabled]) {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.kendoBlack .k-primary:active {
  color: #ffffff;
  border-color: #283593;
  background-image: none;
  background-color: #283593;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.kendoBlack .k-primary.k-state-disabled,
.kendoBlack .k-state-disabled .k-primary,
.kendoBlack .k-primary.k-state-disabled:hover,
.kendoBlack .k-state-disabled .k-primary:hover,
.kendoBlack .k-primary.k-state-disabled:hover,
.kendoBlack .k-state-disabled .k-primary:active,
.kendoBlack .k-primary.k-state-disabled:active {
  color: #a8a8a8;
  border-color: #eaeaea;
  background-color: #eaeaea;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.kendoBlack .k-pager-numbers .k-link,
.kendoBlack .k-treeview .k-in {
  border-color: transparent;
}
.kendoBlack .k-treeview .k-icon,
.kendoBlack .k-scheduler-table .k-icon,
.kendoBlack .k-grid .k-hierarchy-cell .k-icon {
  background-color: transparent;
  border-radius: 0px;
}
.kendoBlack .k-scheduler-table .k-state-hover .k-icon {
  background-color: transparent;
}
.kendoBlack .k-button:focus {
  outline: none;
}
.kendoBlack .k-editor .k-tool:focus {
  outline: 0;
  border-color: #707070;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.kendoBlack .k-checkbox-label:before {
  border-color: #555555;
  border-radius: 0px;
}
.kendoBlack .k-checkbox-label:after {
  border-color: #555555;
  background: transparent;
  border-radius: 0px;
}
.kendoBlack .k-checkbox-label:hover:after,
.kendoBlack .k-checkbox:checked + .k-checkbox-label:hover:after {
  border-color: #555555;
  box-shadow: transparent;
}
.kendoBlack .k-checkbox:checked + .k-checkbox-label:after {
  background-color: #555555;
  border-color: #555555;
  border-radius: 0px;
  color: #555555;
}
.kendoBlack .k-checkbox-label:active:before {
  box-shadow: transparent;
  border-color: #555555;
  border-radius: 0px;
}
.kendoBlack .k-checkbox-label:active:after {
  border-color: #555555;
  border-radius: 0px;
}
.kendoBlack .k-checkbox:checked + .k-checkbox-label:active:after {
  border-color: #555555;
}
.kendoBlack .k-checkbox:checked + .k-checkbox-label:active:before {
  box-shadow: transparent;
  border-radius: 0px;
}
.kendoBlack .k-checkbox:disabled + .k-checkbox-label {
  color: #555555;
}
.kendoBlack .k-checkbox:disabled + .k-checkbox-label:hover:after,
.kendoBlack .k-checkbox:disabled + .k-checkbox-label:active:before {
  box-shadow: transparent;
}
.kendoBlack .k-checkbox:checked:disabled + .k-checkbox-label:after {
  background: #555555;
  color: #555555;
}
.kendoBlack .k-checkbox:disabled + .k-checkbox-label:after,
.kendoBlack .k-checkbox:checked:disabled + .k-checkbox-label:active:after,
.kendoBlack .k-checkbox:disabled + .k-checkbox-label:hover:before,
.kendoBlack .k-checkbox:checked:disabled + .k-checkbox-label:hover:after {
  background: #555555;
  border-color: #555555;
  border-radius: 0px;
}
.kendoBlack .k-radio-label:before {
  border-color: #555555;
  border-radius: 50%;
  background-color: transparent;
  border-width: ;
}
.kendoBlack .k-radio-label:hover:before,
.kendoBlack .k-radio:checked + .k-radio-label:hover:before {
  border-color: #555555;
  box-shadow: transparent;
}
.kendoBlack .k-radio:checked + .k-radio-label:before {
  border-color: #555555;
}
.kendoBlack .k-radio:checked + .k-radio-label:after {
  background-color: transparent;
  border-radius: 50%;
}
.kendoBlack .k-radio-label:active:before {
  box-shadow: transparent;
  border-radius: 50%;
  border-color: #555555;
}
.kendoBlack .k-radio:checked + .k-radio-label:active:before {
  box-shadow: transparent;
  border-radius: 50%;
  border-color: #555555;
}
.kendoBlack .k-radio:disabled + .k-radio-label {
  color: #555555;
}
.kendoBlack .k-radio:disabled + .k-radio-label:before {
  border-color: #bfbfbf;
}
.kendoBlack .k-radio:disabled + .k-radio-label:active:before {
  box-shadow: transparent;
  background: transparent;
}
.kendoBlack .k-radio:disabled + .k-radio-label:before {
  background: transparent;
}
.kendoBlack .k-radio:disabled + .k-radio-label:hover:after,
.kendoBlack .k-radio:disabled + .k-radio-label:hover:before {
  box-shadow: transparent;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    .kendoBlack .k-icon:not(.k-loading),
    .kendoBlack .k-grouping-dropclue,
    .kendoBlack .k-drop-hint,
    .kendoBlack .k-callout,
    .kendoBlack .k-tool-icon,
    .kendoBlack .k-state-hover .k-tool-icon,
    .kendoBlack .k-state-active .k-tool-icon,
    .kendoBlack .k-state-active.k-state-hover .k-tool-icon,
    .kendoBlack .k-state-selected .k-tool-icon,
    .kendoBlack .k-state-selected.k-state-hover .k-tool-icon,
    .kendoBlack .k-column-menu .k-sprite,
    .kendoBlack .k-mobile-list .k-check:checked,
    .kendoBlack .k-mobile-list .k-edit-field [type=checkbox]:checked,
    .kendoBlack .k-mobile-list .k-edit-field [type=radio]:checked {
        background-image: url('kendo/2016.3.914/MetroBlack/sprite_2x.png');
        background-size: 340px 336px;
    }
  .kendoBlack .k-dropdown-wrap .k-input,
  .kendoBlack .k-picker-wrap .k-input,
  .kendoBlack .k-numeric-wrap .k-input {
    border-radius: 0px 0 0 0px;
  }
    .kendoBlack .k-i-kpi-decrease,
    .kendoBlack .k-i-kpi-denied,
    .kendoBlack .k-i-kpi-equal,
    .kendoBlack .k-i-kpi-hold,
    .kendoBlack .k-i-kpi-increase,
    .kendoBlack .k-i-kpi-open {
        background-image: url('kendo/2016.3.914/MetroBlack/sprite_kpi_2x.png');
        background-size: 96px 16px;
    }
}
@media screen and (-ms-high-contrast: active) {
  .kendoBlack .k-editor-toolbar-wrap .k-dropdown-wrap.k-state-focused,
  .kendoBlack .k-editor-toolbar-wrap .k-button-group .k-tool:focus {
    border-color: #fff;
  }
}

/* Rajoutés à la main */
.kendoBlack .k-menu {
    background-color: #38383a;
}
.kendoBlack .k-group, 
.kendoBlack .k-flatcolorpicker.k-group, 
.kendoBlack .k-menu .k-group, 
.kendoBlack .k-popup.k-widget.k-context-menu {
    background-color: #38383a;
    color: #d5d5d5;
}
.kendoBlack .k-menu .k-group, 
.kendoBlack .k-popup.k-context-menu.k-group {
    border-color: #4d4d4d;
}
.kendoBlack .k-menu.k-header, 
.kendoBlack .k-menu .k-item, 
.kendoBlack .k-widget.k-menu-horizontal > .k-item {
    box-shadow: none;
    border-width: 0px;
}
.kendoBlack .k-menu .k-state-active,
.kendoBlack .k-menu .k-item.k-state-highlight,
.kendoBlack .k-menu .k-item.k-state-hover,
.kendoBlack .k-menu .k-state-hover > .k-state-active,
.kendoBlack .k-popup.k-context-menu.k-group .k-state-hover {
    background-color: #007cf8;
    border-color: #007cf8;
}

.kendoBlack.k-window { /* à noter l'absence d'espace, cette règle concerne les éléments possédant les deux classes et non un lien parent-fils */
	border-left-width: 0px;
	border-color: rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.2);
	box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.2);
	background-color: #38383a;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.kendoBlack.k-window .k-window-content {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}