/*!
 * Copyright 2019 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
// Widget
@widget-background-color: @background;
@widget-text-color: @normal-text-color;
@widget-border-color: contrast(@background, lighten(@background, 9%), darken(@background, 10%), 0.5);
@widget-gradient: false;
@widget-shadow: false;
// Button
@button-text-color: @normal-text-color;
@button-background-color: contrast(@background, lighten(@background, 17%), darken(@background, 4%), 0.5);
@button-border-color: @button-background-color;
@button-gradient: false;
@button-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
@button-hover-text-color: @normal-text-color;
@button-hover-background-color: contrast(@background, lighten(@background, 23%), darken(@background, 8%), 0.5);
@button-hover-border-color: contrast(@background, lighten(@background, 23%), darken(@background, 8%), 0.5);
@button-hover-gradient: false;
@button-hover-shadow: 0 2px 6px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05);
@button-active-text-color: contrast(@button-active-background);
@button-active-background: contrast(@background, lighten(@background, 23%), darken(@background, 16%), 0.5);
@button-active-border-color: @button-active-background;
@button-active-gradient: false;
@button-active-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3);
@button-focused-border-color: contrast(@background, lighten(@background, 23%), darken(@background, 20%), 0.5);
@button-focused-shadow: @button-hover-shadow;
@button-focused-active-color: @button-active-text-color;
@button-focused-active-background: @button-background-color;
@button-focused-active-shadow: @button-active-shadow;
// Primary button
@primary-text-color: contrast(@primary-background-color);
@primary-background-color: @accent;
@primary-border-color: @accent;
@primary-gradient: false;
@primary-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
@primary-hover-text-color: @primary-text-color;
@primary-hover-background-color: lighten(desaturate(@accent, 5%), 8%);
@primary-hover-border-color: @primary-hover-background-color;
@primary-hover-gradient: false;
@primary-hover-shadow: false;
@primary-active-text-color: @primary-text-color;
@primary-active-background-color: contrast(@background, lighten(saturate(@accent, 21%), 11%), darken(saturate(@accent, 10%), 11%), 0.5) ;
@primary-active-border-color: @primary-active-background-color;
@primary-active-gradient: false;
@primary-active-shadow: false;
@primary-focused-border-color: darken(saturate(@accent, 10%), 11%);
@primary-focused-gradient: false;
@primary-focused-shadow: @button-focused-shadow;
@primary-focused-active-shadow: @button-focused-active-shadow;
@primary-disabled-text-color: @disabled-text-color;
@primary-disabled-background-color: @disabled-background-color;
@primary-disabled-border-color: @disabled-border-color;
@primary-disabled-gradient: false;
// Input
@input-text: @normal-text-color;
@input-bg: @background;
@input-border: @drop-down-border-color;
@input-shadow: false;
@input-hovered-text: @input-text;
@input-hovered-bg: @input-bg;
@input-hovered-border: @drop-down-hover-border-color;
@input-hovered-shadow: false;
@input-focused-text: @input-text;
@input-focused-bg: @input-bg;
@input-focused-border: @drop-down-focused-border-color;
@input-focused-shadow: @focused-shadow;
@sprite-image: url('@{image-folder}/sprite.png');
@tooltip-texture: none;
@inverse-text-color: saturate(@background, 29%);
@link-text-color: #428bca;
@header-text-color: #ffffff;
@header-background-color: @accent;
@group-background-color: @accent;
@group-border-color: rgba(0, 0, 0, 0.2);
@content-background-color: @background;
@hover-background-color: @hover-background;
@hover-border-color: #ebebeb;
@hover-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
@select-background-color: @background;
@select-border-color: @hover-background;
@select-hover-background-color: lighten(@background, 17%);
@select-group-background-color: #ffffff;
@selected-background-color: @background;
@selected-border-color: lighten(@background, 17%);
@selected-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
@focused-border-color: #67afe9;
@focused-shadow: 0 2px 6px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05);
@focused-item-shadow: inset 0 0 0 1px contrast(@background, darken(@base, 50%), lighten(@base, 30%), 0.5);
@focused-menu-item-shadow: inset 0 0 0 1px contrast(@background, darken(@background, 30%), lighten(@background, 23%), 0.5);
@focused-active-item-shadow: none;
@active-text-color: @normal-text-color;
@active-gradient: none;
@active-background-color: #ffffff;
@active-border-color: #cccccc;
@active-shadow: none;
@error-text-color: #b94a48;
@error-background-color: #f2dede;
@error-border-color: #eed3d7;
@notification-border-radius: @border-radius;
@notification-info-background-color: @info;
@notification-info-text-color: contrast(@info, lighten(@info, 70%), darken(@info, 30%), 0.5);
@notification-info-border-color: @info;
@notification-success-background-color: @success;
@notification-success-text-color: contrast(@success, lighten(@success, 70%), darken(@success, 30%), 0.5);
@notification-success-border-color: @success;
@notification-warning-background-color: @warning;
@notification-warning-text-color: contrast(@warning, lighten(@warning, 70%), darken(@warning, 35%), 0.5);
@notification-warning-border-color: @warning;
@notification-error-background-color: @error;
@notification-error-text-color: contrast(@error, lighten(@error, 70%), darken(@error, 30%), 0.5);
@notification-error-border-color: @error;
@notification-gradient: false;
@tooltip-text-color: #ffffff;
@tooltip-background-color: rgba(100,100,100,.9);
@tooltip-border-color: rgba(100,100,100,.9);
@validation-text-color: contrast(@validation-background-color, lighten(@warning, 80%), darken(@warning, 60%), 0.5);
@validation-background-color: @warning;
@validation-border-color: @warning;
@splitbar-background-color: contrast(@background, lighten(@background, 17%), darken(@background, 2%), 0.5);
@draghandle-border-radius: 13px;
@draghandle-border-color: @accent;
@draghandle-background-color: @accent;
@draghandle-shadow: none;
@draghandle-hover-border-color: @accent;
@draghandle-hover-background-color: @accent;
@draghandle-hover-shadow: 0 0 0 8px RGBA(63, 81, 181, 0.3);
@alt-background-color: contrast(@background, lighten(@background, 14%), darken(@background, 5%), 0.5);
@nested-alt-background-color: darken(@alt-background-color, 8%);
@cell-border-color: #e7e7e7;
@column-highlight-background-color: contrast(@background, darken(@background, 4%), lighten(@background, 4%), 0.5);;
@active-filter-background-color: lighten(@background, 20%);
@scheduler-background-color: @background;
@current-time-color: #eed3d7;
@event-background-color: lighten(@accent, 10%);
@event-text-color: #ffffff;
@event-inverse-text-color: @normal-text-color;
@scheduler-nonwork-background-color: contrast(@background, lighten(@background, 14%), darken(@background, 2%), 0.5);
@resize-background-color: #ffffff;
@upload-progress-background-color: @info;
@upload-progress-text-color: contrast(@info, @info, darken(@info, 30%), 0.5);
@upload-success-background-color: @success;
@upload-success-text-color: contrast(@success, @success, darken(@success, 30%), 0.5);
@upload-error-background-color: @error;
@upload-error-text-color: contrast(@error, @error, darken(@error, 30%), 0.5);
@task-summary-color: lighten(@header-background-color, 25%);
@task-summary-selected-color: lighten(@header-background-color, 25%);
@loading-panel-color: @hover-background;
@shadow-color: rgba(0, 0, 0, .2);
@shadow-inset-color: #cccccc;
@list-border-radius: (@border-radius - 1);
@inner-border-radius: (@border-radius - 1);
@slider-border-radius: 13px;
@default-icon-opacity: .7;
@menu-border-color: contrast(@background, lighten(@background, 9%), darken(@background, 10%), 0.5);
@tabstrip-items-border: transparent;
@tabstrip-active-background: @background;
@tabstrip-tabs-color: #ffffff;
@form-widget-color: @normal-text-color;
@drop-down-border-color: contrast(@background, lighten(@background, 17%), darken(@background, 6%), 0.5);
@drop-down-hover-border-color: contrast(@background, lighten(@background, 1%), darken(@background, 4%), 0.5);
@drop-down-focused-border-color: contrast(@background, lighten(@background, 17%), darken(@background, 4%), 0.5);
@drop-down-background: contrast(@background, lighten(@background, 17%), darken(@background, 2%), 0.5);
@drop-down-text-color: @normal-text-color;
@secondary-border-color: contrast(@background, lighten(@background, 10%), darken(@background, 10%), 0.5);;
@secondary-text-color: #ffffff;
@numeric-selected-background: #ebebeb;
@panelbar-items-border: contrast(@background, lighten(@background, 9%), darken(@background, 10%), 0.5);
@panelbar-content-background: @background;
@panelbar-content-color: @normal-text-color;
@window-shadow-style: 1px 1px 7px 1px;
@filter-menu-content-background: @background;
@icon-background-color: transparent;
@disabled-text-color: #999999;
@disabled-background-color: contrast(@background, lighten(@background, 17%), darken(@background, 2%), 0.5);
@disabled-border-color: contrast(@background, lighten(@background, 17%), darken(@background, 2%), 0.5);
@disabled-gradient: none;
@treeview-text-color: #428bca;
@treeview-hover-text-color: #428bca;
@tabstrip-tabs-hover-color: #428bca;
@pager-hover-color: #428bca;
@slider-selection-background-color: @accent;
@form-widgets-border-color: desaturate(@hover-background, 1%);
@pager-text-color: #a5a5a5;
@draghandle-selected-background: #cccccc;
@upload-status-color: #f0ad4e;
@form-widgets-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
@menu-active-background: #e7e7e7;
@concave-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
@secondary-background-color: contrast(@background, lighten(@background, 14%), darken(@background, 2%), 0.5);
@secondary-hover-background-color: softlight(@accent, #b9b9b9);
@secondary-header-color: rgba(256, 256, 256, 0.5);
@secondary-header-background-color: darken(@accent, 10%);
@input-validation-error: contrast(@error, @error, darken(@error, 30%), 0.5);
@grid-sort-icon-color: @selected-text-color;

// Shadows
@box-shadow-depth-1: 0 1px 3px rgba( 0, 0, 0, .12 ), 0 1px 2px rgba( 0, 0, 0, .20 );
@box-shadow-depth-2: 0 3px 6px rgba( 0, 0, 0, .14 ), 0 3px 6px rgba( 0, 0, 0, .20 );
@box-shadow-depth-3: 0 10px 20px rgba( 0, 0, 0, .16 ), 0 6px 6px rgba( 0, 0, 0, .20 );
@box-shadow-depth-4: 0 14px 28px rgba( 0, 0, 0, .18 ), 0 10px 10px rgba( 0, 0, 0, .20 );
@box-shadow-depth-5: 0 19px 38px rgba( 0, 0, 0, .20 ), 0 15px 12px rgba( 0, 0, 0, .20 );


// Link
@link-text: @accent;
@link-hovered-text: contrast(@base, darken(@link-text, 4), lighten(@link-text, 4), .5);


// component
@component-bg: @widget-background-color;
@component-text: @widget-text-color;
@component-border: @widget-border-color;


// Toolbar
@toolbar-bg: @button-background-color;
@toolbar-text: @button-text-color;
@toolbar-border: @widget-border-color;
@toolbar-gradient: false;

@card-bg: @component-bg;
@card-text: @component-text;
@card-border: @component-border;

@card-header-bg: @header-background-color;
@card-header-text: @header-text-color;
@card-header-border: @card-border;


@chat-bg: @component-bg;
@chat-text: @component-text;
@chat-border: @component-border;

@chat-bubble-bg: @button-background-color;
@chat-bubble-text: @button-text-color;
@chat-bubble-border: @chat-bubble-bg;

@chat-alt-bubble-bg: @accent;
@chat-alt-bubble-text: contrast(@accent);
@chat-alt-bubble-border: @chat-alt-bubble-bg;

@chat-quick-reply-color: @accent;


// Grid
@grid-bg: @component-bg;
@grid-text: @component-text;
@grid-border: @component-border;

@grid-header-bg: @secondary-background-color;
@grid-header-text: @primary-disabled-text-color;
@grid-header-border: @grid-border;
@grid-header-gradient: false;

@grid-alt-bg: @alt-background-color;
@grid-alt-text: @grid-text;
@grid-alt-border: @grid-border;

@grid-hover-bg: @hover-background-color;
@grid-hover-text: @grid-text;
@grid-hover-border: @grid-border;
@grid-hover-gradient: false;

@grid-selected-bg: @selected-background;
@grid-selected-text: @base;
@grid-selected-border: @grid-border;
@grid-selected-gradient: false;


// Calendar
@calendar-bg: @component-bg;
@calendar-text: @component-text;
@calendar-border: @component-border;

@calendar-header-bg: @header-background-color;
@calendar-header-text: @header-text-color;
@calendar-header-border: @calendar-border;
@calendar-header-gradient: none;

@calendar-header-cell-bg: @calendar-bg;
@calendar-header-cell-text: @calendar-text;
@calendar-header-cell-border: @calendar-border;

@calendar-week-cell-bg: contrast(@calendar-bg, lighten(@calendar-bg, 4), darken(@calendar-bg, 4), .5);
@calendar-week-cell-text: @calendar-header-cell-text;
@calendar-week-cell-border: @calendar-header-cell-border;

@calendar-weekend-cell-bg: transparent;
@calendar-weekend-cell-text: null;
@calendar-weekend-cell-border: null;

@calendar-othermonth-cell-bg: null;
@calendar-othermonth-cell-text: @disabled-text-color;
@calendar-othermonth-cell-border: null;

@calendar-cell-hovered-bg: @button-hover-background-color;
@calendar-cell-hovered-text: @button-hover-text-color;
@calendar-cell-hovered-border: @button-hover-border-color;

@calendar-cell-selected-bg: @accent;
@calendar-cell-selected-text: contrast(@calendar-cell-selected-bg);
@calendar-cell-selected-border: @calendar-cell-selected-bg;

@calendar-cell-focused-shadow: @focused-item-shadow;


// Dialog
@dialog-button-stretched-padding-x: 15px;
@dialog-button-stretched-padding-y: @dialog-button-stretched-padding-x;


// ScrollView
@scrollview-pagebutton-bg: @button-background-color;
@scrollview-pagebutton-border: @button-border-color;
@scrollview-pagebutton-primary-bg: @primary-background-color;
@scrollview-pagebutton-primary-border: @primary-border-color;
@scrollview-pagebutton-shadow: @button-shadow;

@scrollview-navigation-color: @selected-text-color;
@scrollview-navigation-icon-shadow: rgba(0, 0, 0, .3) 0 0 15px;
@scrollview-navigation-background: rgba(0, 0, 0, 0);
@scrollview-navigation-default-opacity: .7;
@scrollview-navigation-hover-opacity: 1;
@scrollview-navigation-hover-span-bg: transparent;


// Switch
@switch-container-shadow: false;
@switch-container-hovered-shadow: false;
@switch-container-focused-shadow: false;

@switch-on-bg: contrast(contrast(@background), lighten(@accent, 25%), lighten(@accent, 20%), 0.5);
@switch-on-text: white;
@switch-on-border: transparent;
@switch-on-gradient: false;
@switch-on-shadow: false;
@switch-on-focused-shadow: false;

@switch-on-focused-bg: @switch-on-bg;
@switch-on-focused-text: @switch-on-text;
@switch-on-focused-border: @switch-on-border;
@switch-on-focused-gradient: @switch-on-gradient;

@switch-on-hovered-bg: contrast(@background, lighten(@accent, 25%), lighten(@accent, 20%), 0.5);
@switch-on-hovered-text: @switch-on-text;
@switch-on-hovered-border: transparent;
@switch-on-hovered-gradient: false;

@switch-on-handle-bg: @accent;
@switch-on-handle-text: @switch-on-text;
@switch-on-handle-border: transparent;
@switch-on-handle-gradient: false;
@switch-on-handle-shadow: @box-shadow-depth-1;

@switch-on-handle-focused-bg: darken(@accent, 13%);
@switch-on-handle-focused-text: @switch-on-handle-text;
@switch-on-handle-focused-border: @switch-on-handle-border;
@switch-on-handle-focused-gradient: @switch-on-handle-gradient;

@switch-on-handle-hovered-bg: lighten(@accent, 9%);
@switch-on-handle-hovered-text: @switch-on-text;
@switch-on-handle-hovered-border: transparent;
@switch-on-handle-hovered-gradient: false;

@switch-off-bg: contrast(@background, darken(@background, 4%), lighten(@background, 27%), 0.5);
@switch-off-text: @switch-on-text;
@switch-off-border: @switch-on-border;
@switch-off-gradient: false;
@switch-off-shadow: false;
@switch-off-focused-shadow: @switch-on-focused-shadow;

@switch-off-focused-bg: contrast(@background, darken(@background, 8%), lighten(@background, 9%), 0.5);
@switch-off-focused-text: @switch-off-text;
@switch-off-focused-border: @switch-off-border;
@switch-off-focused-gradient: @switch-off-gradient;

@switch-off-hovered-bg: contrast(@background, darken(@background, 8%), lighten(@background, 33%), 0.5);
@switch-off-hovered-text: @switch-off-text;
@switch-off-hovered-border: @switch-on-hovered-border;
@switch-off-hovered-gradient: false;

@switch-off-handle-bg: contrast(@background, darken(@background, 2%), lighten(@background, 17%), 0.5);
@switch-off-handle-text: @switch-off-text;
@switch-off-handle-border: transparent;
@switch-off-handle-gradient: @button-gradient;
@switch-off-handle-shadow: @switch-on-handle-shadow;

@switch-off-handle-focused-bg: contrast(@background, darken(@background, 8%), lighten(@background, 23%), 0.5);
@switch-off-handle-focused-text: @switch-off-handle-text;
@switch-off-handle-focused-border: @switch-off-handle-border;
@switch-off-handle-focused-gradient: @switch-off-handle-gradient;

@switch-off-handle-hovered-bg: @switch-off-handle-focused-bg;
@switch-off-handle-hovered-text: @switch-off-text;
@switch-off-handle-hovered-border: @switch-off-handle-border;
@switch-off-handle-hovered-gradient: false;


// PDF viewer
@pdf-viewer-bg: null;
@pdf-viewer-text: null;
@pdf-viewer-border: null;

@pdf-viewer-canvas-bg: @chat-bg;
@pdf-viewer-canvas-text: null;
@pdf-viewer-canvas-border: null;

@pdf-viewer-page-bg: white;
@pdf-viewer-page-text: @component-text;
@pdf-viewer-page-border: @component-border;
@pdf-viewer-page-shadow: 0 0 15px @pdf-viewer-page-border;

@pdf-viewer-toolbar-button-bg: @button-text-color;


// Adaptive Common
@adaptive-content-bg: @widget-background-color;
@adaptive-content-text: @accent;

@adaptive-menu-bg: @accent;
@adaptive-menu-text: @header-text-color;

@adaptive-menu-clear-text: @selected-text-color;

@adaptive-menu-item-border: @cell-border-color;

@adaptive-menu-title-text: @normal-text-color;


// Adaptive Grid
@adaptive-grid-sort-text: @selected-text-color;

// Adaptive Scheduler
@adaptive-scheduler-current-text: @header-text-color;
@adaptive-scheduler-base-text: inherit;

// Drawer
@drawer-text:  @widget-text-color;
@drawer-bg: @widget-background-color;
@drawer-border: @widget-border-color;

@drawer-scrollbar-color: rgba(156, 156, 156, 0.7);
@drawer-scrollbar-bg: #dedede;
@drawer-scrollbar-hovered-color: rgba(156, 156, 156, 1);

@drawer-hovered-text: @hover-text-color;
@drawer-hovered-bg: @hover-background;
@drawer-hovered-gradient: @hover-gradient;

@drawer-focused-bg: @drawer-bg;
@drawer-focused-border: @focused-border-color;
@drawer-focused-shadow: @focused-item-shadow;

@drawer-selected-text: @selected-text-color;
@drawer-selected-bg: @selected-background-color;
@drawer-selected-hover-bg: @hover-background;
@drawer-selected-hover-text: @selected-text-color;


// Spreadsheet
@spreadsheet-insert-image-dialog-preview-overlay: inset 0 0 0 2000px rgba(0,0,0, 0.5);
@spreadsheet-insert-image-dialog-hovered-text: #fff;

@spreadsheet-drawing-handle-bg: @spreadsheet-selection-border;
@spreadsheet-drawing-handle-border-color: #fff;
@spreadsheet-drawing-handle-border-radius: 50%;
@spreadsheet-drawing-handle-outline: @spreadsheet-selection-border;

@spreadsheet-drawing-anchor-bg:  @spreadsheet-selection-background;


// Kendo skin

@theme-name: ~"material";

@import "common/mixins.less";
@import "mixins/gradients.less";
@import "mixins/border-radius.less";
@import "themes/type.less";
@import "themes/button.less";
@import "Default/card/_theme.less";
@import "Default/chat/_theme.less";
@import "Default/calendar/_theme.less";
@import "Default/multiviewcalendar/_theme.less";
@import "Default/pdf-viewer/_theme.less";
@import "Default/scrollview/_theme.less";
@import "Default/switch/_theme.less";
@import "common/adaptive/_theme.less";
@import "Default/drawer/_theme.less";


.k-in,
.k-item,
.k-window-action
{
    border-color: transparent;
}

// main colors
.k-header .k-window-actions .k-link {
    color: inherit;
}
a.k-icon {
    color: @normal-text-color;
    &:hover {
        color: @normal-text-color;
    }
}

.k-button-icon {
    .k-icon {
        opacity: .8;
    }

    &:hover .k-icon {
        opacity: 1;
    }
}
.k-state-disabled .k-button-icon .k-icon,
.k-state-disabled.k-button-icon .k-icon {
    opacity: .8;
}

.k-splitbar .k-resize-handle {
    background-color: @normal-text-color;
}

.k-block,
.k-widget
{
    background-color: @widget-background-color;
}

.k-block,
.k-widget,
.k-input,
.k-textbox,
.k-group,
.k-content,
.k-header,
.k-filter-row > th,
.k-editable-area,
.k-separator,
.k-textbox > input,
.k-autocomplete,
.k-dropdown-wrap,
.k-group-footer td,
.k-grid-footer,
.k-footer-template td,
.k-state-default,
.k-state-default .k-select,
.k-state-disabled,
.k-grid-header,
.k-grid-header-wrap,
.k-grid-header-locked,
.k-grid-footer-locked,
.k-grid-content-locked,
.k-grid td,
.k-grid td.k-state-selected,
.k-grid-footer-wrap,
.k-pager-wrap,
.k-pager-wrap .k-link,
.k-pager-refresh,
.k-grouping-header,
.k-grouping-header .k-group-indicator,
.k-panelbar > .k-item > .k-link,
.k-panel > .k-item > .k-link,
.k-panelbar .k-panel,
.k-panelbar .k-content,
.k-treemap-tile,
.k-slider-track,
.k-splitbar,
.k-dropzone-active,
.k-tiles,
.k-tooltip,
.k-upload-files,
.k-popup.k-align .k-list .k-item:last-child {
    border-color: @widget-border-color;
}

.k-group,
.k-grouping-header,
.k-pager-wrap,
.k-group-footer td,
.k-grid-footer,
.k-footer-template td,
.k-widget .k-status,
.k-dropzone-hovered,
.k-popup {
    background-color: @group-background-color;
}

.k-grouping-row td,
td.k-group-cell,
.k-resize-handle-inner
{
    background-color: @header-background-color;
}

.k-list-container
{
    border-color: @group-border-color;
    background-color: @select-group-background-color;
}

.k-content,
.k-panelbar > li.k-item,
.k-panel > li.k-item,
.k-tiles
{
    background-color: @content-background-color;
}

.k-alt,
.k-separator,
.k-resource.k-alt,
.k-pivot-layout > tbody > tr:first-child > td:first-child
{
    background-color: @alt-background-color;
}

.k-pivot-rowheaders .k-alt .k-alt,
.k-header.k-alt
{
    background-color: @nested-alt-background-color;
}

.k-textbox,
.k-autocomplete.k-header,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-active
{
    border-color: @widget-border-color;
    background-color: @select-background-color;
}

.k-textbox > input,
.k-autocomplete .k-input,
.k-dropdown-wrap .k-input,
.k-autocomplete.k-state-focused .k-input,
.k-dropdown-wrap.k-state-focused .k-input,
.k-picker-wrap.k-state-focused .k-input,
.k-numeric-wrap.k-state-focused .k-input
{
    border-color: @widget-border-color;
}

input.k-textbox,
textarea.k-textbox,
input.k-textbox:hover,
textarea.k-textbox:hover,
.k-textbox > input
{
    background: none;
}

.k-input,
input.k-textbox,
textarea.k-textbox,
input.k-textbox:hover,
textarea.k-textbox:hover,
.k-textbox > input,
.k-multiselect-wrap
{
    background-color: @input-bg;
    color: @input-text;
}

// Bootstrap readonly input styling has more specificity than ours.
.k-input[readonly]
{
    background-color: @input-bg;
    color: @input-text;
}

.k-block,
.k-widget,
.k-popup,
.k-content,
.k-dropdown .k-input {
    color: @widget-text-color;
}

.k-inverse
{
    color: @inverse-text-color;
}

.k-block
{
    color: @header-text-color;
}

.k-link,
.k-nav-current.k-state-hover .k-link
{
    color: @link-text-color;
}

.k-tabstrip-items .k-link {
    color: @widget-text-color;
}

.k-header,
.k-treemap-title,
.k-grid-header .k-header > .k-link
{
    color: @header-text-color;
}

.k-header,
.k-grid-header,
.k-dropdown-wrap,
.k-picker-wrap,
.k-numeric-wrap,
.k-grouping-header,
.k-pager-wrap,
.k-textbox,
.k-progressbar,
.k-draghandle,
.k-autocomplete,
.k-state-highlight,
.k-tabstrip-items .k-item,
.k-panelbar .k-tabstrip-items .k-item {
    .composite-background(@widget-gradient);
    background-position: 50% 50%;
    background-color: @header-background-color;
}

.k-widget.k-tooltip
{
    background-image: @tooltip-texture;
}

.k-block,
.k-header,
.k-grid-header,
.k-grouping-header,
.k-pager-wrap,
.k-draghandle,
.k-treemap-tile
{
    background-color: @header-background-color;
}

.k-hr {
    border-color: @widget-border-color;
}

// icons
.k-icon:hover,
.k-state-hover .k-icon,
.k-state-selected .k-icon,
.k-state-focused .k-icon,
.k-column-menu .k-state-hover .k-sprite,
.k-column-menu .k-state-active .k-sprite,
.k-pager-numbers .k-current-page .k-link:hover:after,
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view.k-state-hover > .k-link:after
{
    opacity:1;
}

.k-state-disabled .k-icon,
.k-column-menu .k-sprite,
.k-pager-numbers .k-current-page .k-link:after,
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after
{
    opacity: @default-icon-opacity;
}

.k-i-loading {
    background-image: url('@{image-folder}/loading.gif');
}

.k-loading-image { background-image: url('@{image-folder}/loading-image.gif'); }
.k-loading-color { background-color: @loading-panel-color; }

.k-draghandle
{
    border-color: @draghandle-border-color;
    background-color: @draghandle-background-color;
    .box-shadow(@draghandle-shadow);
}

.k-draghandle:hover
{
    border-color: @draghandle-hover-border-color;
    background-color: @draghandle-hover-background-color;
    .box-shadow(@draghandle-hover-shadow);
}

// Badge
.k-badge {
    background-color: @accent;
    color: contrast(@accent, @normal-background, @normal-text-color, 0.5);
    border-radius: @inner-border-radius;
}

// Scheduler

.k-scheduler
{
    color: @event-text-color;
    background-color: @scheduler-background-color;
}

.k-scheduler-layout
{
    color: @widget-text-color;
}

.k-scheduler-datecolumn,
.k-scheduler-groupcolumn
{
    background-color: @scheduler-background-color;
    color: @widget-text-color;
}

.k-scheduler-times tr,
.k-scheduler-times th,
.k-scheduler-table td,
.k-scheduler-header th,
.k-scheduler-header-wrap,
.k-scheduler-times
{
    border-color: @widget-border-color;
}

.k-scheduler-table .k-nonwork-hour,
.k-scheduler-dayview .k-today.k-nonwork-hour,
.k-scheduler-timelineview .k-today.k-nonwork-hour
{
    background-color: @scheduler-nonwork-background-color;
}

.k-gantt .k-nonwork-hour
{
    background-color: rgba(0,0,0, .02);
}

.k-gantt .k-header.k-nonwork-hour
{
    background-color: rgba(0,0,0, .2);
}

.k-scheduler-table .k-today,
.k-today > .k-scheduler-datecolumn,
.k-today > .k-scheduler-groupcolumn
{
    background-color: @column-highlight-background-color;
}

.k-scheduler-header .k-today {
    background: transparent;
}

table:not(.k-scheduler-dayview) .k-scheduler-header-wrap .k-today {
    color: @selected-text-color;
}

.k-scheduler-now-arrow
{
    border-left-color: @current-time-color;
}

.k-scheduler-now-line
{
    background-color: @current-time-color;
}

.k-event,
.k-task-complete
{
    border-color: @event-background-color;
    background: @event-background-color 0 -257px @tooltip-texture repeat-x;
    color: @event-text-color;
}

.k-event-inverse {
    color: @event-inverse-text-color;
}

.k-event.k-state-selected
{
    background-position: 0 0;
    .box-shadow(0 0 0 2px @normal-text-color);
}

.k-event .k-resize-handle:after,
.k-task-single .k-resize-handle:after
{
    background-color: @resize-background-color;
}

.k-scheduler-marquee:before,
.k-scheduler-marquee:after
{
    border-color: @selected-background-color;
}

.k-panelbar .k-content,
.k-panelbar .k-panel,
.k-panelbar .k-item
{
    background-color: @panelbar-content-background;
    color: @panelbar-content-color;
    border-color: @secondary-border-color;
}

.k-panelbar > .k-item > .k-link
{
    color: @panelbar-content-color;
}

.k-panelbar > .k-item > .k-link
{
    border-color: @secondary-border-color;
}

.k-panel > li.k-item
{
    background-color: @panelbar-content-background;
}

// states
.k-state-active,
.k-state-active:hover,
.k-active-filter,
.k-tabstrip .k-state-active
{
    background-color: @active-background-color;
    border-color: @active-border-color;
    color: @active-text-color;
}

.k-fieldselector .k-list-container
{
    background-color: @active-background-color;
}

.k-menu .k-state-hover>.k-state-active
{
    background-color: transparent;
}

.k-state-highlight
{
    background: @active-background-color;
    color: @active-text-color;
}

.k-state-focused,
.k-grouping-row .k-state-focused
{
    border-color: @focused-border-color;
}

.k-button.k-bare {
    position: relative;

    &:before {
        content: "";
        background-color: currentcolor;
        opacity: 0.12;
        border-radius: inherit;
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
        display: none;
    }

    &.k-state-focused,
    &:focus {

        &:before {
            display: block;
        }
    }
}

.k-mediaplayer-toolbar .k-button.k-bare {
    &:active,
    &.k-state-active,
    &.k-state-active:hover {
        color: @accent;

        &:before {
            opacity: 0.24;
        }
    }
}

.k-slider.k-mediaplayer-seekbar {
    top: -14px;
}

.k-quality-list {
    margin-left: -25px !important;
}

.k-window-titlebar .k-link {
    border-radius: @border-radius;
}

.k-calendar-container.k-group {
    border-color: @group-border-color;
}

.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited,
.k-list>.k-state-selected,
.k-list>.k-state-highlight,
.k-panel > .k-state-selected,
.k-ghost-splitbar-vertical,
.k-ghost-splitbar-horizontal,
.k-draghandle.k-state-selected:hover,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-marquee-color,
.k-drag-clue.k-state-selected
{
    color: @selected-text-color;
    background-color: @selected-background-color;
    border-color: @selected-border-color;
}

.k-virtual-item.k-first,
.k-group-header + .k-list > .k-item.k-first,
.k-static-header + .k-list > .k-item.k-first
{
    border-top-color: @hover-border-color;
}

.k-group-header + div > .k-list > .k-item.k-first:before {
    border-top-color: @hover-border-color;
}

.k-popup > .k-group-header,
.k-popup > .k-virtual-wrap > .k-group-header
{
    background: @hover-border-color;
    color: @selected-text-color;
}

.k-popup .k-list .k-item > .k-group
{
    background: @hover-border-color;
    color: @selected-text-color;
    border-bottom-left-radius: @inner-border-radius;
}

.k-marquee-text
{
    color: @selected-text-color;
}

.k-state-focused,
.k-list>.k-state-focused,
.k-listview>.k-state-focused,
.k-listview > .k-state-focused.k-state-selected,
td.k-state-focused
{
    .box-shadow(@focused-item-shadow);
}

.k-menu .k-item.k-state-default.k-state-focused
{
    .box-shadow(@focused-menu-item-shadow);
}

.k-state-focused.k-state-selected,
.k-list>.k-state-focused.k-state-selected,
td.k-state-focused.k-state-selected
{
    .box-shadow(@focused-active-item-shadow);
}

.k-list-optionlabel.k-state-selected.k-state-focused
{
    .box-shadow(none);
}

.k-state-selected >.k-link,
.k-panelbar > .k-item > .k-state-selected,
.k-panelbar .k-group .k-item > .k-state-selected {
    color: @selected-text-color;
}

.k-state-hover,
.k-splitbar-horizontal-hover,
.k-splitbar-vertical-hover,
.k-list>.k-state-hover,
.k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
.k-pager-wrap .k-link:hover,
.k-dropdown .k-state-focused,
.k-filebrowser-dropzone
{
    color: @hover-text-color;
    background-color: @hover-background-color;
    border-color: @hover-border-color;
}

.k-state-hover > .k-select,
.k-state-focused > .k-select
{
    border-color: @hover-border-color;
}

.k-textbox:hover,
.k-state-hover,
.k-pager-wrap .k-link:hover,
.k-other-month.k-state-hover .k-link,
div.k-filebrowser-dropzone em,
.k-draghandle:hover,
.k-listbox .k-item:hover:not(.k-state-disabled)
{
    .composite-background(@hover-gradient);
}

.k-pager-wrap
{
    background-color: @header-background-color;
    color: @header-text-color;

    &.k-pager-lg,
    &.k-pager-md,
    &.k-pager-sm {

        .k-pager-numbers {
            border: 0;
            background-color: @button-background-color;

            &:hover,
            &.k-state-expanded {
                background-color: @normal-background;
                .box-shadow(0 0 4px 1px @shadow-color);
            }
        }
    }
}

.k-autocomplete.k-state-active,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-active,
.k-dropdown-wrap.k-state-active,
.k-state-active,
.k-state-active:hover,
.k-state-active>.k-link,
.k-panelbar>.k-item>.k-state-focused
{
    .composite-background(@active-gradient);
}

.k-state-selected,
.k-draghandle.k-state-selected:hover
{
    .composite-background(@selected-gradient);
}

.k-draghandle.k-state-selected:hover
{
    background-position: 50% 50%;
}

.k-state-hover>.k-link,
.k-other-month.k-state-hover .k-link,
div.k-filebrowser-dropzone em
{
    color: @hover-text-color;
}

.k-autocomplete.k-state-hover,
.k-autocomplete.k-state-focused,
.k-picker-wrap.k-state-hover,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-hover,
.k-numeric-wrap.k-state-focused,
.k-dropdown-wrap.k-state-hover,
.k-dropdown-wrap.k-state-focused
{
    background-color: @select-hover-background-color;
    .composite-background(@hover-gradient);
    background-position: 50% 50%;
    border-color: @select-border-color;
}

.k-dropdown .k-state-focused .k-input
{
    color: @widget-text-color;
}

.k-dropdown .k-state-hover .k-input
{
    color: @hover-text-color;
}

.k-state-error
{
    border-color: @error-border-color;
    background-color: @error-background-color;
    color: @error-text-color;
}

.k-state-disabled {
    opacity: .6;
}

.k-tile-empty.k-state-selected,
.k-loading-mask.k-state-selected {
    border-width: 0;
    background-image: none;
    background-color: transparent;
}

.k-state-disabled,
.k-state-disabled .k-link,
.k-other-month,
.k-other-month .k-link,
.k-dropzone em,
.k-dropzone .k-upload-status,
.k-tile-empty strong,
.k-slider .k-draghandle
{
    color: @disabled-text-color;
}
.k-file .k-upload-status {
    color: @normal-text-color;
}

// Progressbar

.k-progressbar-indeterminate
{
    background: url('@{image-folder}/indeterminate.gif');
}

.k-progressbar-indeterminate .k-progress-status-wrap,
.k-progressbar-indeterminate .k-state-selected
{
    display: none;
}

// Slider
.k-slider-track
{
    background-color: @widget-border-color;
}

.k-slider-selection
{
    background-color: @selected-background-color;
}

.k-slider-horizontal .k-tick
{
    background-image:url('@{image-folder}/slider-h.gif');
}

.k-slider-vertical .k-tick
{
    background-image:url('@{image-folder}/slider-v.gif');
}

// Tooltip
.k-widget.k-tooltip,
.k-chart-crosshair-tooltip,
.k-chart-shared-tooltip
{
    border-color: @tooltip-border-color;
    background-color: @tooltip-background-color;
    color: @tooltip-text-color;
}

.k-widget.k-tooltip-validation
{
    border-color: @validation-border-color;
    background-color: @validation-background-color;
    color: @validation-text-color;
}

// Bootstrap theme fix
.input-prepend .k-tooltip-validation,
.input-append .k-tooltip-validation
{
    font-size: 12px;
    position: relative;
    top: 3px;
}

.k-callout-n
{
    border-bottom-color: @tooltip-border-color;
}

.k-callout-w
{
    border-right-color: @tooltip-border-color;
}

.k-callout-s
{
    border-top-color: @tooltip-border-color;
}

.k-callout-e
{
    border-left-color: @tooltip-border-color;
}

.k-tooltip-validation .k-callout-n
{
    border-bottom-color: @validation-border-color;
}

.k-tooltip-validation .k-callout-w
{
    border-right-color: @validation-border-color;
}

.k-tooltip-validation .k-callout-s
{
    border-top-color: @validation-border-color;
}

.k-tooltip-validation .k-callout-e
{
    border-left-color: @validation-border-color;
}

// Splitter
.k-splitbar
{
    background-color: @splitbar-background-color;
}

.k-restricted-size-vertical,
.k-restricted-size-horizontal
{
    background-color: @error-text-color;
}

// Upload

.k-file
{
    background-color: @background;
    border-color: @widget-border-color;
}

.k-file-progress
{
    color: @upload-progress-text-color;
}

.k-file-progress .k-progress
{
    background-color: @upload-progress-background-color;
}

.k-file-success .k-file-name,
.k-file-success .k-upload-pct
{
    color: @upload-success-text-color;
}

.k-file-success .k-progress
{
    background-color: @upload-success-background-color;
}

.k-file-error
{
    color: @upload-error-text-color;

    .k-file-extension-wrapper,
    .k-multiple-files-extension-wrapper {
        color: @upload-error-text-color;
        border-color: @upload-error-text-color;
    }

    .k-file-extension-wrapper:before,
    .k-multiple-files-extension-wrapper:before {
        background-color: @widget-background-color;
        border-color: transparent transparent @upload-error-text-color @upload-error-text-color;
    }
}

.k-file-error .k-progress
{
    background-color: @upload-error-background-color;
}

.k-file-extension-wrapper,
.k-multiple-files-extension-wrapper {
    color: @disabled-text-color;
    border-color: @disabled-text-color;
}

.k-file-invalid .k-file-name-invalid {
    color: @upload-error-text-color;
}

.k-file-invalid-extension-wrapper,
.k-multiple-files-invalid-extension-wrapper {
    color: @upload-error-text-color;
    border-color: @upload-error-text-color;
}

.k-file-extension-wrapper:before,
.k-multiple-files-extension-wrapper:before {
    background-color: @widget-background-color;
    border-color: transparent transparent @disabled-text-color @disabled-text-color;
}

.k-file-invalid-extension-wrapper:before,
.k-multiple-files-invalid-extension-wrapper:before {
    background-color: @widget-background-color;
    border-color: transparent transparent @upload-error-text-color @upload-error-text-color;
}

.k-multiple-files-extension-wrapper:after {
    border-top-color: @disabled-text-color;
    border-left-color: @disabled-text-color;
}

.k-multiple-files-invalid-extension-wrapper:after {
    border-top-color: @upload-error-text-color;
    border-left-color: @upload-error-text-color;
}

.k-file-size,
.k-file-information,
.k-file-validation-message {
    color: @disabled-text-color;
}

.k-upload .k-upload-selected {
    color: @selected-text-color;
    border-color: @widget-border-color;

    &:hover {
        color: @base;
        background-color: @selected-text-color;
    }
}

// ImageBrowser

.k-tile
{
    border-color: @content-background-color;
}

.k-textbox:hover,
.k-tiles li.k-state-hover
{
    border-color: @hover-border-color;
}

.k-tiles li.k-state-selected
{
    border-color: @selected-border-color;
}

// TreeMap

.k-leaf,
.k-leaf.k-state-hover {
    color: #fff;
}

.k-leaf.k-inverse,
.k-leaf.k-inverse.k-state-hover {
    color: #000;
}

// Shadows
.k-widget
{
    .box-shadow(@widget-shadow);
}

.k-slider,
.k-treeview,
.k-upload
{
    .box-shadow(none);
}

.k-state-hover
{
    .box-shadow(@hover-shadow);
}

.k-textbox:focus,
.k-autocomplete.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused
{
    .box-shadow(@focused-shadow);
}

.k-state-selected
{
    .box-shadow(@selected-shadow);
}

.k-state-active
{
    .box-shadow(@active-shadow);
}

.k-grid td.k-state-selected.k-state-focused
{
    background-color: lighten(@selected-background-color, 3%);
}

.k-popup,
.k-menu .k-menu-group,
.k-grid .k-filter-options,
.k-time-popup,
.k-datepicker-calendar,
.k-autocomplete.k-state-border-down,
.k-autocomplete.k-state-border-up,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-multiselect-wrap.k-state-focused,
.k-state-focused > .k-multiselect-wrap,
.k-filebrowser .k-image,
.k-tooltip
{
    .box-shadow(0 2px 2px 0 @shadow-color);
}

.k-calendar-container.k-popup {
    .box-shadow(0 0px 6px 1px @shadow-color);
}

.k-treemap-tile.k-state-hover
{
    .box-shadow(inset 0 0 0 3px @widget-border-color);
}

// Window

.k-window
{
    .window-shadow(@shadow-color);
    background-color: @widget-background-color;
}

.k-window.k-window-maximized,
.k-window-maximized .k-window-titlebar,
.k-window-maximized .k-window-content
{
    border-radius: 0;
}

.k-shadow
{
    .box-shadow(0 1px 2px 0 @shadow-color);
}

.k-inset
{
    .box-shadow(inset 0 1px 1px @shadow-color);
}

// Selection
.k-editor-inline {
    .selection(@accent);
}

// Notification
@import "themes/notification.less";

// Gantt

.k-gantt .k-treelist
{
    background: @alt-background-color;
}

.k-gantt .k-treelist .k-alt
{
    background-color: darken(@alt-background-color, 10%);
}

.k-gantt .k-treelist tr:hover {
    background-color: @hover-background;
}

.k-gantt .k-treelist .k-state-selected,
.k-gantt .k-treelist .k-state-selected td,
.k-gantt .k-treelist .k-alt.k-state-selected,
.k-gantt .k-treelist .k-alt.k-state-selected > td
{
    background-color: @selected-background-color;
}

.k-gantt .k-treelist .k-alt.k-state-selected:hover,
.k-gantt .k-treelist .k-alt.k-state-selected:hover td
{
    background-color: darken(@selected-background, 4%);
}

.k-task-dot:after
{
    background-color: @widget-text-color;
    border-color: @widget-text-color;
}

.k-task-dot:hover:after
{
    background-color: @active-background-color;
}

.k-task-summary
{
    border-color: @task-summary-color;
    background: @task-summary-color;
}

.k-task-milestone,
.k-task-summary-complete
{
    border-color: @widget-text-color;
    background: @widget-text-color;
}

.k-state-selected.k-task-summary
{
    border-color: @task-summary-selected-color;
    background: @task-summary-selected-color;
}

.k-state-selected.k-task-milestone,
.k-state-selected .k-task-summary-complete
{
    border-color: @selected-background-color;
    background: @selected-background-color;
}

.k-task-single
{
    background-color: lighten(@event-background-color, 7%);
    border-color: @event-background-color;
    color: @event-text-color;
}

.k-state-selected.k-task-single
{
    border-color: @selected-border-color;
}

.k-line
{
    background-color: @widget-text-color;
    color: @widget-text-color;
}

.k-state-selected.k-line
{
    background-color: @selected-background-color;
    color: @selected-background-color;
}

.k-resource
{
    background-color: @widget-background-color;
}

// Border radius
.k-block,
.k-textbox,
.k-drag-clue,
.k-touch-scrollbar,
.k-window,
.k-window-titleless .k-window-content,
.k-window-action,
.k-inline-block,
.k-grid .k-filter-options,
.k-grouping-header .k-group-indicator,
.k-autocomplete,
.k-multiselect,
.k-combobox,
.k-dropdown,
.k-dropdown-wrap,
.k-datepicker,
.k-timepicker,
.k-colorpicker,
.k-datetimepicker,
.k-numerictextbox,
.k-picker-wrap,
.k-numeric-wrap,
.k-list-container,
.k-calendar-container,
.k-treeview .k-in,
.k-editor-inline,
.k-tooltip,
.k-tile,
.k-slider-track,
.k-slider-selection,
.k-upload
{
    border-radius: @border-radius;
}

.k-toolbar .k-split-button .k-button
{
    border-radius: @border-radius 0 0 @border-radius;
}

.k-rtl .k-tool.k-group-start,
.k-rtl .k-toolbar .k-split-button .k-button,
.k-rtl .k-toolbar .k-button-group .k-group-start
{
    border-radius: 0 @border-radius @border-radius 0;
}

.k-toolbar .k-split-button .k-split-button-arrow
{
    border-radius: 0 @border-radius @border-radius 0;
}

.k-rtl .k-tool.k-group-end,
.k-rtl .k-toolbar .k-button-group .k-group-end,
.k-rtl .k-toolbar .k-split-button .k-split-button-arrow
{
    border-radius: @border-radius 0 0 @border-radius;
}

.k-calendar-container.k-state-border-up,
.k-list-container.k-state-border-up,
.k-autocomplete.k-state-border-up,
.k-multiselect.k-state-border-up,
.k-dropdown-wrap.k-state-border-up,
.k-picker-wrap.k-state-border-up,
.k-numeric-wrap.k-state-border-up,
.k-window-content,
.k-filter-menu
{
    border-radius: 0 0 @border-radius @border-radius;
}

.k-autocomplete.k-state-border-up .k-input,
.k-dropdown-wrap.k-state-border-up .k-input,
.k-picker-wrap.k-state-border-up .k-input,
.k-picker-wrap.k-state-border-up .k-selected-color,
.k-numeric-wrap.k-state-border-up .k-input
{
    border-radius: 0 0 0 @border-radius;
}

.k-multiselect.k-state-border-up .k-multiselect-wrap
{
    border-radius: 0 0 @border-radius @border-radius;
}

.k-window-titlebar,
.k-block > .k-header,
.k-tabstrip-items .k-item,
.k-panelbar .k-tabstrip-items .k-item,
.k-tabstrip-items .k-link,
.k-calendar-container.k-state-border-down,
.k-list-container.k-state-border-down,
.k-autocomplete.k-state-border-down,
.k-multiselect.k-state-border-down,
.k-dropdown-wrap.k-state-border-down,
.k-picker-wrap.k-state-border-down,
.k-numeric-wrap.k-state-border-down
{
    border-radius: @border-radius @border-radius 0 0;
}

.k-split-button.k-state-border-down > .k-button
{
    border-radius: @border-radius 0 0 0;
}

.k-split-button.k-state-border-up > .k-button
{
    border-radius: 0 0 0 @border-radius;
}

.k-split-button.k-state-border-down > .k-split-button-arrow
{
    border-radius: 0 @border-radius 0 0;
}

.k-split-button.k-state-border-up > .k-split-button-arrow
{
    border-radius: 0 0 @border-radius 0;
}

.k-dropdown-wrap .k-input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input
{
    border-radius: @inner-border-radius 0 0 @inner-border-radius;
}

.k-rtl .k-dropdown-wrap .k-input,
.k-rtl .k-picker-wrap .k-input,
.k-rtl .k-numeric-wrap .k-input
{
    border-radius: 0 @inner-border-radius @inner-border-radius 0;
}

.k-numeric-wrap .k-link
{
    border-radius: 0 @inner-border-radius 0 0;
}

.k-numeric-wrap .k-link + .k-link
{
    border-radius: 0 0 @inner-border-radius 0;
}

.k-colorpicker .k-selected-color
{
    border-radius: @inner-border-radius 0 0 @inner-border-radius;
}

.k-rtl .k-colorpicker .k-selected-color
{
    border-radius: 0 @inner-border-radius @inner-border-radius 0;
}

.k-autocomplete.k-state-border-down .k-input
{
    border-radius: @border-radius @border-radius 0 0;
}

.k-dropdown-wrap.k-state-border-down .k-input,
.k-picker-wrap.k-state-border-down .k-input,
.k-picker-wrap.k-state-border-down .k-selected-color,
.k-numeric-wrap.k-state-border-down .k-input
{
    border-radius: @border-radius 0 0 0;
}

.k-numeric-wrap .k-link.k-state-selected
{
    background-color: @numeric-selected-background;
}

.k-multiselect.k-state-border-down .k-multiselect-wrap
{
    border-radius: @inner-border-radius @inner-border-radius 0 0;
}

.k-dropdown-wrap .k-select,
.k-picker-wrap .k-select,
.k-numeric-wrap .k-select,
.k-datetimepicker .k-select+.k-select,
.k-list-container.k-state-border-right
{
    border-radius: 0 @border-radius @border-radius 0;
}

.k-rtl .k-dropdown-wrap .k-select,
.k-rtl .k-picker-wrap .k-select,
.k-rtl .k-numeric-wrap .k-select,
.k-rtl .k-datetimepicker .k-select+.k-select,
.k-rtl .k-list-container.k-state-border-right
{
    border-radius: @border-radius 0 0 @border-radius;
}

.k-numeric-wrap.k-expand-padding .k-input
{
    .guarded-border-radius(@border-radius);
}

.k-textbox > input,
.k-autocomplete .k-input,
.k-multiselect-wrap
{
    .guarded-border-radius(@inner-border-radius);
}

.k-list .k-state-hover,
.k-list .k-state-focused,
.k-list .k-state-highlight,
.k-list .k-state-selected,
.k-fieldselector .k-list .k-item,
.k-list-optionlabel,
.k-dropzone,
.k-listbox .k-item
{
    .guarded-border-radius(@list-border-radius);
}

.k-slider .k-button,
.k-grid .k-slider .k-button
{
    border-radius: @slider-border-radius;
}

.k-draghandle
{
    border-radius: @draghandle-border-radius;
}

.k-scheduler-toolbar > ul li:first-child,
.k-scheduler-toolbar > ul li:first-child .k-link,
.k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li,
.k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li .k-link
{
    border-radius: @border-radius 0 0 @border-radius;
}

.k-rtl .k-scheduler-toolbar > ul li:first-child,
.k-rtl .k-scheduler-toolbar > ul li:first-child .k-link,
.k-rtl .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li,
.k-rtl .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li .k-link {
    border-radius: 0 @border-radius @border-radius 0;
}

.k-edit-field > .k-scheduler-navigation
{
    border-radius: @border-radius;
}

.k-scheduler-toolbar .k-nav-next,
.k-scheduler-toolbar ul + ul li:last-child,
.k-scheduler-toolbar .k-nav-next .k-link,
.k-scheduler-toolbar ul + ul li:last-child .k-link
{
    border-top-right-radius: @border-radius;
    border-bottom-right-radius: @border-radius;
}

.k-rtl .k-scheduler-toolbar .k-nav-next,
.k-rtl .k-scheduler-toolbar ul + ul li:last-child,
.k-rtl .k-scheduler-toolbar .k-nav-next .k-link,
.k-rtl .k-scheduler-toolbar ul + ul li:last-child .k-link
{
    border-radius: @border-radius 0 0 @border-radius;
}

.k-scheduler div.k-scheduler-footer ul li,
.k-scheduler div.k-scheduler-footer .k-link
{
    border-radius: @border-radius;
}

.k-more-events,
.k-event,
.k-task-single,
.k-task-complete,
.k-event .k-link
{
    border-radius: @inner-border-radius;
}

.k-scheduler-mobile .k-event
{
    border-radius: (@inner-border-radius - 1);
}

// /Column Menu

.k-autocomplete,
.k-picker-wrap.k-state-default,
.k-numeric-wrap.k-state-default,
.k-dropdown-wrap.k-state-default
{
    .composite-background(@widget-gradient);
    background-position: 50% 50%;
    color: @drop-down-text-color;
    background-color: @drop-down-background;
    border-color: @drop-down-border-color;
}

.k-autocomplete.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-dropdown-wrap.k-state-hover
{
    background-color: @select-hover-background-color;
    .composite-background(@hover-gradient);
    background-position: 50% 50%;
    border-color: @drop-down-hover-border-color;
}

.k-multiselect-wrap
{
    border-color: @drop-down-border-color;
}

.k-multiselect-wrap.k-state-hover,
.k-state-hover > .k-multiselect-wrap,
.k-multiselect-wrap.k-state-hover
{
    border-color: @drop-down-hover-border-color;
    background-color: @input-bg;
    color: @input-text;
}

.k-autocomplete.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-multiselect.k-header.k-state-focused
{
    background-color: @select-hover-background-color;
    .composite-background(@hover-gradient);
    background-position: 50% 50%;
    border-color: @drop-down-focused-border-color;
    .box-shadow(@focused-shadow);
}
.k-multiselect-wrap.k-state-focused,
.k-state-focused > .k-multiselect-wrap
{
    border-color: @drop-down-focused-border-color;
    .box-shadow(@focused-shadow);
}

.k-list-container
{
    color: @drop-down-text-color;
}

.k-nodata {
    color: @disabled-text-color;
}

.k-dropdown .k-input,
.k-dropdown .k-state-focused .k-input,
.k-menu .k-popup
{
    color: @drop-down-text-color;
}

.k-state-default > .k-select
{
    border-color: @drop-down-border-color;
}

.k-state-focused > .k-select
{
    border-color: @drop-down-hover-border-color;
}

.k-state-hover > .k-select
{
    border-color: @drop-down-focused-border-color;
}

.k-tabstrip:focus
{
    .box-shadow(@focused-shadow);
}

.k-tabstrip-items .k-item .k-link {
    color: @tabstrip-tabs-color;
}

.k-tabstrip-items .k-state-hover .k-link,
.k-panelbar > li.k-state-hover > .k-link,
.k-panelbar .k-group >li > .k-link.k-state-hover {
    color: @hover-text-color;
}

.k-panelbar > li > .k-state-focused.k-state-hover
{
    background: @hover-background-color;
    .box-shadow(none);
}

.k-tabstrip-items .k-state-default,
.k-panelbar .k-tabstrip-items .k-state-default
{
    border-color: @tabstrip-items-border;
}

.k-tabstrip-items .k-state-hover
{
    border-color: @hover-border-color;
}

.k-tabstrip .k-content.k-state-active
{
    background-color: @tabstrip-active-background;
    color: @widget-text-color;
}

.k-menu.k-header,
.k-menu .k-item
{
    border-color: @menu-border-color;
}

.k-column-menu,
.k-column-menu .k-item,
.k-overflow-container .k-overflow-group
{
    border-color: @secondary-border-color;
}

.k-overflow-container .k-overflow-group
{
    box-shadow: inset 0 1px 0 lighten(@secondary-border-color, 30%), 0 1px 0 lighten(@secondary-border-color, 30%);
}

.k-toolbar-first-visible.k-overflow-group,
.k-overflow-container .k-overflow-group + .k-overflow-group
{
    box-shadow: 0 1px 0 lighten(@secondary-border-color, 30%);
}

.k-toolbar-last-visible.k-overflow-group
{
    box-shadow: inset 0 1px 0 lighten(@secondary-border-color, 30%);
}

.k-column-menu .k-separator
{
    border-color: @secondary-border-color;
    background-color: transparent;
}

.k-menu .k-group
{
    border-color: @group-border-color;
}

.k-grid-filter.k-state-active
{
    background-color: @active-filter-background-color;
}

.k-grouping-row td,
.k-group-footer td,
.k-grid-footer td
{
    color: @secondary-text-color;
    border-color: @secondary-border-color;
    font-weight: bold;
}

.k-grouping-header
{
    color: @secondary-text-color;
}

.k-header,
.k-grid-header-wrap,
.k-grid .k-grouping-header,
.k-grid-header,
.k-pager-wrap,
.k-pager-wrap .k-textbox,
.k-pager-wrap .k-link,
.k-grouping-header .k-group-indicator,
.k-gantt-toolbar .k-state-default
{
    border-color: @secondary-border-color;
}

// Button Group
.k-button-group {
    .box-shadow(@button-shadow);

    &.k-state-disabled {
        box-shadow: none;
    }

    .k-button {
        box-shadow: none;

        // Active state
        &.k-state-active {
            color: @button-active-text-color;
            background-color: @button-active-background;
            border-color: @button-active-border-color;
            .composite-background(@button-active-gradient);
        }

        // Focused state
        &:focus,
        &.k-state-focused {
            color: @button-hover-text-color;
            border-color: @button-hover-background-color;
            background-color: @button-hover-background-color;
            box-shadow: none;
        }

        // Focus disabled state
        &.k-state-disabled:focus,
        .k-state-disabled&:focus,
        &.k-state-disabled.k-state-focused,
        .k-state-disabled&.k-state-focused {
            color: @disabled-text-color;
            border-color: @button-hover-background-color;
            background-color: @button-hover-background-color;
            box-shadow: none;
        }
    }
}

// Fix for responsive design
.k-pager-numbers .k-link,
.k-treeview .k-in
{
    border-color: transparent;
}

.k-treeview .k-icon,
.k-scheduler-table .k-icon,
.k-grid .k-hierarchy-cell .k-icon
{
    background-color: @icon-background-color;
    border-radius: @border-radius;
}

.k-scheduler-table .k-state-hover .k-icon
{
    background-color: transparent;
}


@import "themes/checkbox.less";

@checkbox-border-color: lighten(@normal-text-color, 23%);
@checkbox-border-radius: 1px;
@checkbox-hover-border-color: lighten(@normal-text-color, 23%);
@checkbox-checked-border-color: @accent;
@checkbox-checked-background-color: @accent;
@checkbox-checked-color: contrast(@checkbox-checked-background-color, saturate(@background, 29%) );
@checkbox-active-border-color: lighten(@accent, 23%);
@checkbox-active-box-shadow: none;
@checkbox-disabled-background-color: contrast(@background, lighten(@background, 20%), darken(@background, 4%), 0.5);
@checkbox-disabled-color: @disabled-text-color;
@checkbox-disabled-border-color: contrast(@background, lighten(@background, 20%), darken(@background, 25%), 0.5);
@checkbox-indeterminate-background-color: @accent;
@checkbox-indeterminate-border-color: @accent;

.k-checkbox-label:before {
    background: transparent;
}

.k-checkbox + .k-checkbox-label:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    box-shadow: 0 0 0 0px transparent;
    transition: box-shadow 0.3s;
}

.k-checkbox:focus + .k-checkbox-label:before {
    border-color: @checkbox-border-color;
}
.k-checkbox:checked + .k-checkbox-label:before,
.k-checkbox:checked:hover + .k-checkbox-label:before,
.k-checkbox:checked + .k-checkbox-label:hover:before {
    border-color: @checkbox-checked-border-color
}

.k-checkbox:focus + .k-checkbox-label:after {
    box-shadow: 0 0 0 12px fadeout(@checkbox-border-color, 80%);
    background: fadeout(@checkbox-border-color, 80%);
}

.k-checkbox:active + .k-checkbox-label:after,
.k-checkbox + .k-checkbox-label:active:after {
    box-shadow: 0 0 0 12px fadeout(@checkbox-active-border-color, 60%);
    background: fadeout(@checkbox-active-border-color, 60%);
}

.k-checkbox:checked:focus + .k-checkbox-label:after,
.k-checkbox:checked + .k-checkbox-label:focus:after,
.k-checkbox:checked:active + .k-checkbox-label:after,
.k-checkbox:checked + .k-checkbox-label:active:after {
    box-shadow: 0 0 0 12px fadeout(@checkbox-active-border-color, 60%);
    background: fadeout(@checkbox-active-border-color, 60%);
}

.k-checkbox:disabled + .k-checkbox-label:active:after {
    box-shadow: none;
}

.k-checkbox:indeterminate + .k-checkbox-label:before {
    border-color: @accent;
}

@import "themes/radiobutton.less";

@radio-border-color: lighten(@normal-text-color, 23%);
@radio-border-width: 2px;
@radio-hover-border-color: @radio-border-color;
@radio-checked-background-color: @accent;
@radio-disabled-background-color: lighten(@background, 20%);
@radio-disabled-color: contrast(@background, lighten(@background, 20%), darken(@background, 25%), 0.5);
@radio-disabled-border-color: #bfbfbf;

.k-radio:checked + .k-radio-label:before,
.k-radio:checked + .k-radio-label:hover:before {
    border-color: @radio-checked-background-color;
}

.k-radio + .k-radio-label:active:before {
    border-color: @radio-border-color;
    box-shadow: 0 0 0 12px fadeout(@hover-background, 70%);
}

.k-radio:checked + .k-radio-label:active:before {
    box-shadow: 0 0 0 12px fadeout(@accent, 70%);
}

.k-radio:focus + .k-radio-label:before {
    border-color: @radio-border-color;
    box-shadow: 0 0 0 12px fadeout(@hover-background, 70%);
}


.k-radio:disabled:checked + .k-radio-label:before,
.k-radio:disabled:checked + .k-radio-label:hover:before {
    border-color: @radio-disabled-border-color;
}

.k-radio:disabled:checked + .k-radio-label:active:before {
    box-shadow: none;
}

.k-tool-icon:hover,
.k-state-hover .k-tool-icon,
.k-state-selected .k-tool-icon,
.k-state-focused .k-tool-icon,
.k-button:hover .k-tool-icon,
.k-splitbar.k-splitbar-horizontal-hover .k-icon,
.k-splitbar.k-splitbar-vertical-hover .k-icon,
div.k-splitbar.k-state-focused .k-icon,
.k-textbox:hover > .k-icon,
.k-grouping-header .k-i-delete,
.k-grouping-header .k-button-icon:hover > .k-icon.k-i-delete,
.k-grouping-header .k-i-delete,
.k-grouping-header .k-button-icon:hover > .k-icon.k-i-delete,
.k-grouping-header .k-i-arrow-60-up,
.k-grouping-header .k-link:hover > .k-icon.k-i-arrow-60-up,
.k-grouping-header .k-i-arrow-60-up,
.k-grouping-header .k-link:hover > .k-icon.k-i-arrow-60-up,
.k-grouping-header .k-i-arrow-60-down,
.k-grouping-header .k-link:hover > .k-icon.k-i-arrow-60-down,
.k-grouping-header .k-i-arrow-60-down,
.k-grouping-header .k-link:hover > .k-icon.k-i-arrow-60-down,
.k-grid-toolbar .k-i-file-pdf,
.k-grid-toolbar .k-button:hover > .k-i-file-pdf,
.k-grid-toolbar .k-i-file-excel,
.k-grid-toolbar .k-button:hover > .k-i-file-excel,
.k-grid-toolbar .k-icon,
.k-scheduler-toolbar .k-icon,
.k-scheduler-footer .k-icon,
.k-scheduler-content .k-icon,
.k-gantt-toolbar .k-icon,
.k-field-actions .k-icon,
.k-notification .k-icon,
.k-pivot-configurator-settings .k-icon:hover,
.k-window-titlebar .k-icon
{
    opacity:1;
}

.k-splitbar .k-icon,
.k-pivot-configurator-settings .k-icon
{
    opacity: @default-icon-opacity;
}

.k-pager-wrap .k-link.k-state-disabled .k-icon {
    opacity: 0.25;
}

.k-button,
.k-header {
    font-weight: 500;
}

.k-dropdown .k-state-default
{
    border-color: @button-border-color;
    .composite-background(@widget-gradient);
    background-position: 50% 50%;
    background-color: @button-background-color;
}

.k-dropdown,
span.k-colorpicker {
    background-color: @button-background-color;
}

.k-textbox {
    background-color: @drop-down-background;
    border-color: @drop-down-border-color;
}

.k-combobox,
.k-datepicker,
.k-timepicker,
.k-datetimepicker {
    &,
    .k-input {
        background-color: @drop-down-background;
    }
}

.k-picker-wrap.k-state-default > .k-select {
    border-color: @drop-down-background;
}

.k-autocomplete.k-state-active .k-input,
.k-picker-wrap.k-state-active .k-input,
.k-numeric-wrap.k-state-active .k-input
{
    background-color: @selected-background-color;
}

.k-picker-wrap.k-state-hover > .k-select,
.k-picker-wrap.k-state-focused > .k-select {
    border-color: @select-hover-background-color;
}

.k-picker-wrap.k-state-hover .k-input,
.k-picker-wrap.k-state-focused .k-input {
    background-color: @select-hover-background-color;
}

.k-textbox:hover,
.k-overflow-anchor:hover,
.k-autocomplete.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-dropdown-wrap.k-state-hover
{
    background-color: @select-background-color;
    border-color: @drop-down-hover-border-color;
    .box-shadow(@focused-shadow);
}

.k-maskedtextbox.k-state-disabled > .k-textbox:hover,
.k-dateinput.k-state-disabled > .k-textbox:hover {
    border-color: @drop-down-border-color;
    box-shadow: none;
}

.k-textbox:focus,
.k-autocomplete.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-multiselect.k-header.k-state-focused
{
    background-color: @hover-background-color;
    .composite-background(@hover-gradient);
    background-position: 50% 50%;
    border-color: @hover-background-color;
    .box-shadow(@focused-shadow);
}

.k-numeric-wrap.k-state-focused > .k-select {
    background-color: @hover-background-color;
}

.k-textbox:focus,
.k-autocomplete.k-state-active,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-active,
.k-dropdown-wrap.k-state-active,
.k-multiselect.k-header.k-state-active
{
    background-color: @select-background-color;
    .composite-background(@hover-gradient);
    background-position: 50% 50%;
    border-color: @drop-down-focused-border-color;
    .box-shadow(@focused-shadow);
}

.k-autocomplete.k-state-disabled,
.k-picker-wrap.k-state-disabled,
.k-numeric-wrap.k-state-disabled,
.k-numeric-wrap.k-state-disabled .k-input,
.k-numeric-wrap.k-state-disabled .k-select,
.k-dropdown-wrap.k-state-disabled,
.k-multiselect.k-header.k-state-disabled
{
    background-color: @drop-down-background;
}

.k-numeric-wrap.k-state-disabled .k-select {
    border-color: @drop-down-background;
}

.k-numerictextbox .k-select {
    background-color: @widget-background-color;
    border-color: @widget-background-color;
}

.k-list > .k-state-selected.k-state-focused {
.box-shadow(none);
    color: @selected-text-color;
}

.k-list > .k-state-selected {
    .box-shadow(none);
}

.k-list > .k-state-focused {
    border-color: transparent;
    .box-shadow(none);
}

.k-list>.k-state-hover,
.k-list>.k-state-selected.k-state-hover
{
    background-color: @hover-background-color;
    border-color: @hover-background-color;
}

.k-list-container
{
    border-color: @form-widgets-border-color;
}

.k-grid td.k-state-focused.k-state-selected
{
    .box-shadow(@focused-item-shadow);
}

.k-window-titlebar .k-link
{
    .box-shadow(none);
}

.k-window-titlebar .k-state-hover {
    background-color: @secondary-hover-background-color;
    border-color: @secondary-hover-background-color;
}

// TabStrip
.k-tabstrip > .k-tabstrip-items > .k-item {
    border-radius: 0;
}

.k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-items .k-state-active {
    background-color: @header-background-color;
    .composite-background(@active-gradient);
    border-bottom-color: @selected-background;
}

.k-tabstrip .k-content.k-state-active {
    border-color: transparent;
}

.k-tabstrip-items .k-item.k-state-hover
{
    background: @secondary-hover-background-color;
    border-color: @secondary-hover-background-color;
}

.k-tabstrip-items .k-state-hover .k-link {
    color: @header-text-color;
}

// Menu
.k-group,
.k-flatcolorpicker.k-group,
.k-menu,
.k-menu .k-group,
.k-popup.k-widget.k-context-menu {
    color: @widget-text-color;
    background-color: @widget-background-color;
}

.k-menu .k-group,
.k-popup.k-context-menu.k-group {
    border-color: @widget-border-color;
}

.k-menu.k-header,
.k-menu .k-item,
.k-widget.k-menu-horizontal > .k-item {
    .box-shadow(none);
}

.k-menu .k-state-active,
.k-popup.k-context-menu.k-group .k-state-hover {
    background-color: @hover-background-color;
    border-color: @hover-border-color;
}

.k-grid .k-header .k-button,
.k-scheduler .k-header .k-button,
.k-scheduler .k-header li,
.k-scheduler .k-header .k-link,
.k-gantt > .k-header li,
.k-gantt > .k-header .k-link,
.k-gantt-toolbar .k-button {
    color: @header-text-color;
    background-color: @header-background-color;
    border-color: @header-background-color;
    .box-shadow(none);
}

.k-grid .k-header .k-button:hover,
.k-scheduler .k-header .k-button:hover,
.k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover,
.k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover .k-link,
.k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover,
.k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover .k-link,
.k-gantt .k-gantt-toolbar .k-button:hover {
    background-color: @secondary-hover-background-color;
    border-color: @secondary-hover-background-color;
}

.k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-gantt-toolbar .k-button{
    background-color: @header-background-color;
    border-color: @header-background-color;
}

.k-gantt .k-gantt-toolbar .k-button:active {
    background: @select-background-color;
    .box-shadow(none);
}

.k-gantt-toolbar > .k-gantt-views > li.k-state-selected,
.k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-selected.k-state-hover,
.k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-selected.k-state-hover,
.k-scheduler-toolbar > .k-scheduler-views > li.k-state-selected {
    border-bottom-color: @selected-background;
}

.k-scheduler-mark {
    border-radius: 50%;
}

// Grid
.k-grid .k-alt {
    background-color: @widget-background-color;
}

.k-grouping-row td,
td.k-group-cell,
.k-resize-handle-inner,
.k-grid .k-state-selected:hover .k-group-cell {
    color: @widget-text-color;
    background-color: @alt-background-color;
}

.k-grouping-header .k-group-indicator,
.k-pivot-toolbar .k-button {
    color: @header-text-color;
    background-color: @secondary-header-background-color;
    border-color: @secondary-header-background-color;
    .box-shadow(none);
}

.k-grid-header,
.k-grid-header .k-header,
.k-pager-wrap,
.k-pager-numbers .k-state-selected,
.k-grid-footer,
.k-grid-footer td {
    color: @widget-text-color;
    background-color: @secondary-background-color;
}

.k-header.k-scheduler-footer .k-header,
.k-header.k-scheduler-footer ul.k-header li .k-link{
    color: @selected-background;
    background-color: @secondary-background-color;
}

.k-header.k-scheduler-footer ul.k-header li {
    background-color: @secondary-background-color;
    border-color: @secondary-background-color;
}

.k-header,
.k-grid-header-wrap,
.k-grid .k-grouping-header,
.k-grid-header,
.k-pager-wrap,
.k-pager-wrap .k-textbox,
.k-pager-wrap .k-link,
.k-gantt-toolbar .k-state-default,
.k-grouping-row td,
.k-group-footer td,
.k-grid-footer td {
    border-color: @widget-border-color;
}

.k-group-footer td,
.k-footer-template td,
.k-fieldselector .k-item.k-header {
    color: @widget-text-color;
    background-color: @alt-background-color;
}

.k-grid .k-grouping-header {
    color: @secondary-header-color;
}

.k-pager-wrap {
    color: @widget-text-color;
}

.k-grouping-header .k-link,
.k-grouping-header .k-link:link {
    color: @header-text-color;
}

.k-scheduler-layout .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-grid tr.k-state-selected,
.k-grid td.k-state-selected,
.k-grid td.k-state-selected.k-state-focused,
.k-marquee-color,
.k-gantt .k-treelist .k-state-selected,
.k-gantt .k-treelist .k-state-selected td,
.k-gantt .k-treelist .k-alt.k-state-selected,
.k-gantt .k-treelist .k-alt.k-state-selected > td,
.k-listview > .k-state-selected,
.k-state-selected.k-line {
    background-color: @selected-background;
}

.k-state-selected.k-line
{
    color: @selected-background;
}

.k-grid tr.k-state-selected,
.k-grid td.k-state-selected,
.k-listview > .k-state-selected,
.k-state-selected .k-progress-status {
    color: @base;
}

.k-grid tr:hover {
    background-color: @hover-background;
}

.k-grid .k-filter-row:hover,
.k-pivot-rowheaders .k-grid tr:hover {
    background: none;
}

.k-grid td.k-state-selected,
.k-grid tr.k-state-selected > td {
    border-color: darken(@selected-background, 10%);
}

.k-grid td.k-state-selected:hover,
.k-grid tr.k-state-selected:hover td {
    background-color: darken(@selected-background, 4%);
}

.k-grid-header .k-header .k-link,
.k-grid-header .k-header,
.k-grid-header .k-link,
.k-grid-header .k-link:link,
.k-pager-info,
.k-scheduler-header,
.k-scheduler-agendaview .k-scheduler-datecolumn {
    color: @primary-disabled-text-color;
}

.k-gantt {
    .k-task-draghandle {
        border-color: @selected-background;
    }
}

.k-grid-pager .k-link,
.k-grid-pager .k-link:link {
    color: @widget-text-color;
}

.k-pager-numbers .k-link,
.k-pager-wrap > .k-link {
    border-radius: 0;
}

.k-pager-numbers .k-state-selected {
    border-color: @selected-text-color transparent transparent;
    border-radius: 0;
    .box-shadow(none);
    color: @selected-text-color;
}

.k-pager-wrap .k-link {
    border-color: @secondary-background-color;
    cursor: pointer;
}

.k-pager-wrap .k-link:hover {
    background-color: transparent;
    border-color: transparent;
}

.k-scheduler-toolbar > ul li:first-child,
.k-scheduler-toolbar > ul li:first-child .k-link,
.k-scheduler-toolbar .k-nav-next,
.k-scheduler-toolbar ul + ul li:last-child,
.k-scheduler-toolbar .k-nav-next .k-link,
.k-scheduler-toolbar ul + ul li:last-child .k-link,
.k-gantt-toolbar li:first-child,
.k-gantt-toolbar li:first-child > .k-link,
.k-gantt-toolbar li:last-child,
.k-gantt-toolbar li:last-child > .k-link {
    border-radius: 0;
}

.k-grid,
.k-panelbar,
.k-notification,
.k-popup .k-textbox:focus,
.k-popup  .k-autocomplete.k-state-focused,
.k-popup  .k-picker-wrap.k-state-focused,
.k-popup  .k-numeric-wrap.k-state-focused,
.k-popup  .k-dropdown-wrap.k-state-focused,
.k-popup .k-multiselect.k-header.k-state-focused,
.k-popup .k-textbox:hover,
.k-popup .k-autocomplete.k-state-hover,
.k-popup .k-picker-wrap.k-state-hover,
.k-popup .k-numeric-wrap.k-state-hover,
.k-popup .k-dropdown-wrap.k-state-hover
{
    .box-shadow(none);
}

// PanelBar
.k-panelbar,
.k-panelbar .k-header,
.k-panelbar .k-content,
.k-panel > li.k-item,
.k-panelbar .k-state-selected {
    background-color: @secondary-background-color;
}

.k-panelbar .k-grid-toolbar {
    background-color: @header-background-color;
}

.k-panelbar > li > .k-state-hover {
    background-color: @hover-background-color;
}

.k-panelbar > .k-item > .k-link,
.k-panelbar.k-header,
.k-panelbar .k-content,
.k-panelbar .k-panel,
.k-panelbar .k-item {
    border-color: @panelbar-items-border;
}

// Splitter
.k-splitbar {
    border-color: @button-border-color;
}

.k-splitbar.k-state-focused {
    background-color: @primary-background-color;
    border-color: @primary-border-color;
    .box-shadow(none);
}

// Upload
.k-upload {
    color: @widget-text-color;
    background-color: @widget-background-color;
}

.k-upload-files .k-button {
    .box-shadow(none);
}

// Gantt
.k-task-milestone,
.k-task-summary-complete,
.k-state-selected.k-task-milestone,
.k-state-selected .k-task-summary-complete {
    background-color: @header-background-color;
    border-color: @header-background-color;
}

.k-task-single
{
    background-color: lighten(@selected-background, 20%);
}

.k-task-complete
{
    background: @selected-background 0 -257px @tooltip-texture repeat-x;
}

.k-treelist .k-state-selected,
.k-treelist .k-state-selected td,
.k-treelist .k-alt.k-state-selected,
.k-treelist .k-alt.k-state-selected > td
{
    background-color: @selected-background;
    border-color: @selected-background;
}

.k-multiselect .k-button:focus:active:not(.k-state-disabled):not([disabled]),
.k-group-indicator .k-button,
.k-group-indicator .k-button:focus:active:not(.k-state-disabled):not([disabled]),
.k-group-indicator .k-button:focus:not(.k-state-disabled):not([disabled]),
.k-gantt-toolbar .k-button:focus:not(.k-state-disabled):not([disabled]),
.k-gantt-toolbar .k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    .box-shadow(none);
}

.k-multiselect:not(.k-state-disabled) .k-button:active:hover {
    color: @widget-text-color;
    background-color: @button-active-background;
    border-color: @button-active-background;
}

.k-multiselect-wrap > ul > .k-button {
    .box-shadow(none);
}

.k-filebrowser .k-header {
    color: @widget-text-color;
}

.k-treeview .k-state-selected,
.k-treeview .k-state-focused,
.k-panelbar > li > .k-state-focused {
    .box-shadow(none);
}

.k-treeview .k-state-focused,
.k-panelbar > li > .k-state-focused {
    background-color: @hover-background-color;
}

// Progressbar
.k-progressbar {
    background-color: @button-background-color;
    border-color: @button-border-color
}

.k-progressbar .k-item,
.k-progressbar .k-item.k-state-selected {
    border-color: @widget-background-color;
}

.k-progressbar .k-state-selected {
    background-color: @primary-background-color;
    border-color: @primary-border-color;
}

.k-widget.k-tooltip-validation {
    .box-shadow(none);
}

// Pivot Grid
.k-grid.k-alt {
    background-color: @secondary-background-color;
}

.k-gantt .k-treelist .k-alt,
.k-gantt .k-header.k-nonwork-hour {
   background-color: @alt-background-color
}

.k-list > .k-state-hover,
.k-list > .k-state-focused {
    color: @widget-text-color;
    background-color: @hover-background-color;
    border-color: @hover-background-color;
}

// Slider
.k-slider-track
{
    background-color: @secondary-border-color;
    .box-shadow(none);
}

.k-slider-selection
{
    background-color: @primary-background-color;
    border-color: @primary-border-color;
}

.k-slider .k-button,
.k-slider .k-button.k-state-hover,
.k-slider .k-button:active:hover,
.k-slider .k-button:focus,
.k-slider .k-button:active {
    background: none;
    border: none;
    .box-shadow(none);
}

.k-draghandle,
.k-flatcolorpicker .k-slider-horizontal .k-slider-track {
    .box-shadow(none);
}

.k-flatcolorpicker .k-hue-slider .k-draghandle,
.k-flatcolorpicker .k-transparency-slider .k-draghandle
{
    border-color: @draghandle-border-color;
    background-color: @draghandle-background-color;
    .box-shadow(@draghandle-shadow);
}

.k-flatcolorpicker .k-hue-slider .k-draghandle:hover,
.k-flatcolorpicker .k-transparency-slider .k-draghandle:hover
{
    border-color: @draghandle-hover-border-color;
    background-color: @draghandle-hover-background-color;
    .box-shadow(@draghandle-hover-shadow);
}

.k-draghandle.k-state-selected,
.k-draghandle.k-state-selected:link,
.k-draghandle.k-state-selected:hover,
.k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-selected,
.k-flatcolorpicker .k-transparency-slider .k-draghandle.k-state-selected
{
   background-color: @draghandle-selected-background;
   border-color: @draghandle-selected-background;
}

.k-draghandle.k-state-focused,
.k-draghandle.k-state-focused:link,
.k-flatcolorpicker .k-hue-slider .k-draghandle.k-state-focused,
.k-flatcolorpicker .k-transparency-slider .k-draghandle.k-state-focused
{
    .box-shadow(none);
    border-color: @draghandle-background-color;
    background-color: @draghandle-background-color;
}

.k-edit-buttons {
    background-color: @secondary-background-color;
}

.k-popup .k-button,
.k-popup .k-button:active:hover {
    .box-shadow(none);
}

.k-edit-form-container .k-button,
.k-popup .k-button,
.k-popup .k-primary:active,
.k-popup .k-primary:active:hover,
.k-edit-form-container .k-primary:active {
    color: @widget-text-color;
    background-color: @secondary-background-color;
    border-color: @secondary-background-color;
    .box-shadow(none);
}

.k-popup .k-primary,
.k-edit-form-container .k-primary {
    color: @selected-background;
    background-color: @secondary-background-color;
    border-color: @secondary-background-color;
}

.k-split-wrapper .k-button,
.k-overflow-container .k-button,
.k-filter-menu .k-button {
   background: transparent;
   border-color: transparent;
}

.k-split-wrapper .k-button,
.k-overflow-container .k-button {
    text-transform: none;
}

.k-split-wrapper .k-button:hover,
.k-overflow-container .k-button:hover {
    background-color: @hover-background-color;
    border-color: @hover-border-color;
}

.k-split-wrapper .k-button:focus,
.k-split-wrapper .k-button:focus:not(.k-state-disabled):not([disabled]) {
    color: @accent;
    .box-shadow(none);
}

.k-overflow-container {

    .k-button.k-state-disabled,
    .k-state-disabled > .k-button {
        color: @disabled-text-color;
        border-color: transparent;
        background-color: transparent;
    }

    .k-button:focus {
        color: @button-hover-text-color;
        border-color: @button-hover-background-color;
        background-color: @button-hover-background-color;
    }

    .k-button.k-state-disabled:focus,
    .k-state-disabled > .k-button:focus {
        color: @disabled-text-color;
        border-color: @button-hover-background-color;
        background-color: @button-hover-background-color;
    }
}

.k-overflow-container .k-separator {
    border-color: @secondary-border-color;
}

.k-filter-menu .k-button {
   background: transparent;
   border-color: transparent;
}

.k-filter-menu .k-primary {
    border-left-color: @drop-down-border-color;
}

.k-filter-menu > div > div:last-child {
    border-color: @drop-down-border-color;
}

.k-popup .k-button:focus:active:not(.k-state-disabled):not([disabled]),
.k-edit-form-container .k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    .box-shadow(none);
}

.k-edit-form-container .k-scheduler-delete {
    color: @selected-background;
}

div.k-scheduler-marquee:before,
div.k-scheduler-marquee:after {
    border-color: @selected-background;
}

.k-popup.k-context-menu {
    .box-shadow(0 2px 2px 0 @shadow-color);
}

.k-drag-clue
{
    color: @widget-text-color;
    background-color: @hover-background-color;
    border-color: @hover-border-color;
    .box-shadow(@focused-item-shadow);
}

.k-popup > .k-group-header,
.k-popup > .k-virtual-wrap > .k-group-header
{
    color: @widget-text-color;
}

.k-popup .k-item > .k-group
{
    color: @widget-text-color;
}

@media only screen and (max-width: 1024px) {

    .k-webkit,
    .k-ff,
    .k-ie,
    .k-edge,
    .k-safari {
        // Responsive Scheduler

        .k-scheduler-toolbar > ul.k-scheduler-views {
            top: 0;
        }

        .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
        .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover {
            .composite-background(@widget-gradient);
            background-position: 50% 50%;
            background-color: transparent;
            border-color: transparent;
            border-radius: @border-radius;
        }

        .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li {
            border-radius: 0;
        }

        .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view {
            border-radius: @inner-border-radius @inner-border-radius 0 0;
        }

        .k-scheduler-toolbar > ul li:first-child, .k-scheduler-toolbar > ul li:first-child .k-link,
        .k-scheduler-toolbar > ul.k-scheduler-views li,
        .k-scheduler-toolbar > ul.k-scheduler-views li .k-link {
            border-radius: 0;
        }

        .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
        .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link {
            border-radius: 0 0 @inner-border-radius @inner-border-radius;
        }

        .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover {
            border-color: transparent;
            .composite-background(@hover-gradient);
            background-color: transparent;
        }

        .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
        .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link {
            color: @header-text-color;
            min-width: 20px;
        }

        .k-scheduler-views > li.k-state-selected > .k-link:after {
            display: block;
            content: "";
            position: absolute;
            top: 50%;
            margin-top: -0.5em;
            right: 0.333em;
            width: 1.333em;
            height: 1.333em;
        }

        .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
            border-width: 1px;
            border-style: solid;
            border-color: transparent; // @secondary-border-color
            background-image: none;
            background-color: @header-background-color;
            border-radius: @border-radius;
            .box-shadow(0 2px 2px 0 @shadow-color);
        }

        .k-gantt-toolbar > ul.k-gantt-views {
            top: 0;
        }
    }
}

// Default Theme

.k-chart .k-mask {
    background-color: @background;
    filter: alpha(opacity=68);
    opacity: 0.68;
}

.k-chart .k-selection {
    border-color: #e5e5e5;
}

.k-chart .k-handle {
    width: 15px;
    height: 15px;
    background-color: contrast(@background, @selected-text-color, @selected-background, 0.5);
    border-radius: 10px;
}

.k-chart .k-left-handle {
    left: -8px;
}

.k-chart .k-right-handle {
    right: -8px;
}

.k-chart .k-handle:hover {
    background-color: @selected-background;
    border-color: @selected-background;
}

.k-chart .k-navigator-hint .k-tooltip {
    border: 3px solid #ffffff;
    box-shadow: 0 0 0 3px rgba(0,0,0,.2);
    background: #ffffff;
    color: #242424;
}

.k-chart .k-navigator-hint .k-scroll {
    background: @accent;
    height: 4px;
}

.k-chart-tooltip {
    background-image: none;
}

// Map

.k-map .k-marker {
    font-size: 28px;
    color: @accent;
}

.k-map .k-attribution {
    color: #666666;
}

.k-map .k-shadow {
    background-color: #f9f9f9;
    border-color: #f9f9f9;
}

.k-map .k-zoom-control {
    border-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    border-radius: 2px;
}

.k-map .k-map-controls .k-button {
    box-shadow: none;
}

.k-map .k-map-controls .k-button:focus,
.k-map .k-map-controls .k-button:active,
.k-map .k-map-controls .k-button:focus:active {
    background-color: #d6d6d6;
    border-color: #d6d6d6;
    box-shadow: none;
}

.k-buttons-horizontal .k-zoom-out {
    border-radius: 0 2px 2px 0;
}

.k-buttons-horizontal :first-child
{
    border-radius: 2px 0 0 2px;
}

.k-rtl .k-buttons-horizontal .k-zoom-out
{
    border-radius: 2px 0 0 2px;
}

.k-rtl .k-buttons-horizontal :first-child
{
    border-radius: 0 2px 2px 0;
}

@import "themes/spreadsheet.less";

@spreadsheet-header-background: @background;
@spreadsheet-pane-border: darken(@background, 20%);
@spreadsheet-cell-border: darken(@background, 10%);

@active-header-text: contrast(@accent);
@inactive-header-text: screen(@accent, #808080);
@header-element-hover: multiply(@accent, #ccc);

.k-spreadsheet {
    .k-spreadsheet-quick-access-toolbar,
    .k-spreadsheet-sheets-bar {
        .k-button {
            box-shadow: none;
            color: @active-header-text;
            border-radius: 0;
            line-height: 2.6em;
            height: calc(3.1em + 2px); // IE centering icon fix
            width: 3em;

            &:hover {
                background-color: @header-element-hover;
                border-color: @header-element-hover;
            }
        }
    }

    .k-spreadsheet-sheets-bar .k-button {
        right: 0;
        bottom: 0;
        padding-top: .5em;
        padding-bottom: .5em;
        line-height: 2.2em;
    }

    .k-spreadsheet-sheets-remove {
        margin: 0 0 0 -1em;
    }
}

.k-spreadsheet-sheets-items,
.k-spreadsheet-tabstrip {
    .k-state-default .k-link {
        color: @inactive-header-text;
    }

    .k-item.k-state-hover,
    .k-item.k-state-active,
    .k-item.k-state-focused {
        background-color: transparent;

        .k-link {
            color: @active-header-text;
        }
    }

    .k-state-active .k-link {
        color: @active-header-text;
    }
}

@spreadsheet-page-orientation-border-color: @widget-border-color;

.k-rtl .k-grid {
.k-checkbox:focus + .k-checkbox-label:after,
.k-checkbox:active + .k-checkbox-label:after,
.k-checkbox + .k-checkbox-label:active:after,
.k-checkbox:checked:active + .k-checkbox-label:after,
.k-checkbox:checked + .k-checkbox-label:active:after {
        left: auto;
        right: 1px;
    }
}

.k-window .k-popup-edit-form .k-edit-field {
    label.k-checkbox-label {
        margin-top: 0.8em;
    }
}

// Dialog

.k-dialog {
    .k-content {
        border-bottom-right-radius: @border-radius;
        border-bottom-left-radius: @border-radius;
    }
    &.k-dialog-titleless .k-content {
        border-top-right-radius: @border-radius;
        border-top-left-radius: @border-radius;
    }
    .k-window-titlebar {
        border-width: 0;
        color: @normal-text-color;
    }
    & > .k-header {
        background: none;
    }
    &.k-alert .k-window-titlebar,
    &.k-confirm .k-window-titlebar,
    &.k-prompt .k-window-titlebar {
        .k-dialog-title {
            color: @normal-text-color;
        }
        border-bottom: none;
    }
    a.k-dialog-action.k-dialog-close.k-button.k-bare {
        &:before {
            content: normal;
        }
    }
    .k-dialog-buttongroup {

        .k-button {
            box-shadow: none;
        }

        .k-button:active,
        .k-button:focus,
        .k-button:focus:active {
            box-shadow: none;
        }
        &.k-dialog-button-layout-stretched {
            .k-button {
                padding: @dialog-button-stretched-padding-y @dialog-button-stretched-padding-x;
            }
        }
        &.k-dialog-button-layout-normal {
            border-top: solid 1px @widget-border-color;
            background: @secondary-background-color;

            .k-button {
                background: none;
                border: none;
                margin: 0;
                &.k-primary {
                    color: @selected-background;
                }
            }
        }
    }
    &.k-window-sm {
        .k-dialog-buttongroup {
            &.k-dialog-button-layout-stretched {
                flex-direction: column;

                .k-button {
                    flex: 0 0 auto;
                    padding: (@dialog-button-stretched-padding-y / 2) (@dialog-button-stretched-padding-x / 2);
                }
            }
        }
    }
    &.k-window-md {
        .k-dialog-buttongroup {
            &.k-dialog-button-layout-stretched {

                .k-button {
                    padding: (@dialog-button-stretched-padding-y * .7) (@dialog-button-stretched-padding-x * .7);
                }
            }
        }
    }
}

.k-rtl {
    .k-grid-header .k-header:first-child,
    .k-filter-row th:first-child,
    .k-grid tbody td:first-child,
    .k-grid tfoot td:first-child {
        border-left-width: 0;
    }
}

.k-rtl .k-dialog {
    a.k-dialog-action.k-dialog-close {
        left: 0;
    }
    .k-dialog-buttongroup {
        &.k-dialog-button-layout-stretched {
            .k-button:first-child {
                border-bottom-right-radius: @border-radius;
            }
            .k-button:last-child {
                border-bottom-left-radius: @border-radius;
            }
        }
        &.k-dialog-button-layout-normal {
            text-align: left;
            .k-button {
                margin-left: 0;
                margin-right: 0.5em;
                &:first-child {
                    margin-right: 0;
                }
            }
        }
    }
}

.k-numeric-wrap .k-i-warning {
    color: @input-validation-error;
    position: absolute;
    top: 0;
    right: 2.2em;
    width: 2.2em;
}

.k-numeric-wrap.k-state-invalid {
    border-color: @input-validation-error;

    input {
        color: @input-validation-error;
    }
}

.k-rtl .k-numeric-wrap.k-state-invalid .k-i-warning {
    right: auto;
    left: 1.9em;
}

.k-maskedtextbox.k-state-invalid {
    .k-textbox {
        border-color: @input-validation-error;
        color: @input-validation-error;
    }

    .k-i-warning {
        color: @input-validation-error;
    }
}

.k-dateinput.k-state-invalid {
    .k-textbox {
        color: @input-validation-error;
        border-color: @input-validation-error;
    }

    .k-i-warning {
        margin-left: 0;
        margin-right: 0.7em;
        color: @input-validation-error;
    }
}

.k-rtl .k-dateinput .k-i-warning {
    margin-right: 0;
    margin-left: 0.7em;
}

.k-datepicker .k-picker-wrap,
.k-timepicker .k-picker-wrap {
    &.k-state-invalid {
        border-color: @input-validation-error;

        .k-input {
            color: @input-validation-error;
        }
    }

    .k-i-warning {
        color: @input-validation-error;
        margin-left:0;
        margin-right: 2.8em;
    }
    .k-rtl & {
        .k-i-warning {
            margin-right: 0;
            margin-left: 2.8em;
        }
    }
}

.k-datetimepicker .k-picker-wrap {
    &.k-state-invalid {
        border-color: @input-validation-error;

        .k-input {
            color: @input-validation-error;
        }
    }

    .k-i-warning {
        color: @input-validation-error;
        margin-left:0;
        margin-right: 5.6em;
    }

    .k-rtl & {
        .k-icon.k-i-warning {
            margin-right: 0;
            margin-left: 5.6em;
        }
    }
}

.k-listbox {
    .k-list-scroller {
        border-color: @widget-border-color;
        background-color: @select-background-color;
    }

    .k-item:hover:not(.k-state-disabled),
    .k-item.k-state-selected
    {
        background-color: @hover-background-color;
        border-color: transparent;
    }

    .k-button.k-state-disabled:hover
    {
        .k-icon {
            opacity: .7;
        }
    }

    .k-drop-hint {
        height: 0;
        border-top: 1px solid @accent;
    }
}

.k-item.k-state-selected.k-drag-clue {
    border-color: transparent;
    background-color: @hover-background-color;
    box-shadow: @focused-shadow;
}

.k-grid-header {
    .k-i-sort-asc-sm,
    .k-i-sort-desc-sm,
    .k-sort-order {
        color: @grid-sort-icon-color;
        opacity: 1;
        margin-bottom: -1px;
    }
}

.k-menu-scroll-button {
    border-width: 0;
    box-shadow: none;
    border-color: @widget-border-color;
    color: @widget-text-color;
    background-color: @widget-background-color;
}

.k-menu-scroll-wrapper.horizontal {
    .k-scroll-left { border-right-width: 1px; }
    .k-scroll-right { border-left-width: 1px; }
}
.k-menu-scroll-wrapper.vertical {
    .k-scroll-up { border-bottom-width: 1px; }
    .k-scroll-down { border-top-width: 1px; }
}


// Toolbar
.k-toolbar {
    color: @button-text-color;
    border-color: @widget-border-color;
    background-color: @button-background-color;

    .k-button {
        border-radius: 0;
    }

    .k-button-group,
    .k-button {
        .box-shadow(none);
    }

    .k-overflow-anchor {
        border-color: @panelbar-items-border;
        border-left-color: transparent;

        &:hover {
            border-color: @panelbar-items-border;
        }

        &:active,
        &.k-state-border-down {
            color: @button-active-text-color;
            background-color: @button-active-background;
            border-color: @button-active-border-color;
        }
    }

    .k-split-button:focus {
        box-shadow: none;
        background: @button-hover-background-color;

        .k-split-button-arrow {
            border-left-color: contrast(@button-hover-background-color, lighten(@button-hover-border-color, 6%), darken(@button-hover-border-color, 6%), 0.5);
        }
    }
}

.k-mediaplayer-toolbar {
    background: fade(@drop-down-background, 85%);
}



// Editor
.k-editor .k-tool {
    color: inherit;
}
.k-tool {
    border-color: transparent;
}
.k-tool {
    text-align: center;
    vertical-align: middle;
}
.k-editor .k-tool:focus {
    outline: 0;
    border-color: @button-focused-border-color;
    .box-shadow(@button-focused-shadow);
}

// High contrast mode
@media screen and (-ms-high-contrast: active) {
    .k-editor-toolbar-wrap .k-dropdown-wrap.k-state-focused,
    .k-editor-toolbar-wrap .k-button-group .k-tool:focus {
        border-color: #fff;
    }
}
.k-editor-toolbar {
    color: @widget-text-color;
}

// Editor
table.k-editor {
    border-color: @widget-border-color;
}

.k-editor.k-header,
.editorToolbarWindow.k-header,
.k-filebrowser .k-header {
    color: @normal-text-color;
    background-color: @alt-background-color;
    .box-shadow(none);
}

.k-editor-toolbar .k-tool,
.k-group-start.k-group-end.k-tool {
    border-color: @alt-background-color;
}
.k-editor-toolbar .k-dropdown {
    .box-shadow(none);
}

.k-editor-toolbar .k-dropdown-wrap.k-state-default,
.k-toolbar .k-dropdown-wrap.k-state-default
{
    border-color: @alt-background-color;
}

.k-editor-toolbar,
.k-toolbar {
    .k-tool.k-state-hover,
    .k-dropdown-wrap.k-state-hover,
    .k-tool.k-state-selected,
    .k-button-group .k-button.k-state-active {
        .box-shadow(none);
    }
}


.k-editor .k-tool:hover,
.k-editor .k-tool.k-state-hover {
    color: @button-hover-text-color;
    border-color: @button-hover-border-color;
    background-color: @button-hover-background-color;
}
.k-editor .k-tool:active,
.k-editor .k-tool.k-state-selected {
    color: @button-active-text-color;
    background-color: @button-active-background;
    border-color: @button-active-border-color;
}


// Dropdowngrid
.k-dropdowngrid-popup {
    border-color: @grid-border;
    color: @grid-text;
    background-color: @grid-bg;
}
.k-dropdowngrid-popup .k-header {
    .linear-gradient(~"@{grid-header-gradient}");
    border-color: @grid-header-border;
    color: @grid-header-text;
    background-color: @grid-header-bg;
}
.k-dropdowngrid-popup .k-group-header {
    border-color: @grid-header-border;
    color: @grid-header-text;
    background-color: @grid-header-bg;
}
.k-dropdowngrid-popup .k-cell {
    border-color: @grid-border;
}
.k-dropdowngrid-popup .k-item:nth-child(2n) {
    background-color: @grid-alt-bg;
}
.k-dropdowngrid-popup .k-footer {
    border-color: @grid-header-border;
    color: @grid-header-text;
    background-color: @grid-header-bg;
}
.k-dropdowngrid-popup .k-item.k-state-hover {
    .linear-gradient(~"@{grid-hover-gradient}");
    border-color: @grid-hover-border;
    color: @grid-hover-text;
    background-color: @grid-hover-bg;
}
.k-dropdowngrid-popup .k-item.k-state-selected {
    .linear-gradient(~"@{grid-selected-gradient}");
    border-color: @grid-selected-border;
    color: @grid-selected-text;
    background-color: @grid-selected-bg;
}
.k-dropdowngrid-popup .k-group-cell span {
    background-color: @grid-text;
    color: @grid-bg;
}
.k-grid-list > .k-item.k-last > .k-cell,
.k-grid-list > .k-item.k-last > .k-group-cell,
.k-grid-list > .k-item.k-last > .k-spacer-cell {
    border-bottom-color: @grid-text;
}


.k-calendar {
    .k-header,
    .k-footer {
        text-transform: uppercase;
    }


}
