/**
 * Copyright 2015 Telerik AD
 *
 * 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 Base Styles */
/* Inputs */
/* Links */
/* Headers */
/* Buttons */
/* Group Base Styles */
/* Content */
/* Widget States */
/* Hover State */
/* Selects, Dropdowns */
/* Selected State */
/*Focused State*/
/* Active State */
/* Error State */
/* Disabled State */
/* Notification */
/* ToolTip */
/* Validation Message */
/* Splitter */
/* Slider */
/* Grid */
/* Scheduler */
/* Upload */
/* Gantt*/
/* Loading Indicators */
/* Shadows */
/* Border Radii */
/* Icons */
/* Kendo skin */
/* main colors */
.k-block,
.k-widget {
    background-color: #ffffff;
}

.k-content,
.k-editable-area,
.k-panelbar > li.k-item,
.k-panel > li.k-item,
.k-tiles {
    background-color: #ffffff;
}

.k-block,
.k-widget,
.k-popup,
.k-content,
.k-toolbar,
.k-dropdown .k-input {
    color: #FFF;
}

.k-link:link,
.k-link:visited,
.k-nav-current.k-state-hover .k-link {
    color: #428bca;
}


.k-header,
.k-treemap-title,
.k-grid-header .k-header > .k-link {
    color: #ffffff;
}

.k-header,
.k-grid-header,
.k-toolbar,
.k-dropdown-wrap,
.k-picker-wrap,
.k-numeric-wrap,
.k-grouping-header,
.k-pager-wrap,
.k-textbox,
.k-button,
.k-progressbar,
.k-draghandle,
.k-autocomplete,
.k-state-highlight,
.k-tabstrip-items .k-item,
.k-panelbar .k-tabstrip-items .k-item,
.km-pane-wrapper > .km-pane > .km-view > .km-content {
    background-image: none;
    background-position: 50% 50%;
    background-color: #3f51b5;
}


.k-block,
.k-header,
.k-grid-header,
.k-toolbar,
.k-grouping-header,
.k-pager-wrap,
.k-button,
.k-draghandle,
.k-treemap-tile,
html .km-pane-wrapper .k-header {
    background-color: #FFF;
}
/* 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;
}


/* states */
.k-state-active,
.k-state-active:hover,
.k-active-filter,
.k-tabstrip .k-state-active {
    background-color: #ffffff;
    border-color: #cccccc;
    color: #444444;
}

.k-button:hover,
.k-button.k-state-hover {
    color: #444444;
    border-color: #ebebeb;
    background-color: #ebebeb;
}

.k-button:active,
.k-button.k-state-active {
    color: #3f51b5;
    background-color: #dbdbdb;
    border-color: #dbdbdb;
}

    .k-button:active:hover,
    .k-button.k-state-active:hover {
        color: #ffffff;
        border-color: #5c6bc0;
        background-color: #5c6bc0;
    }

.k-button[disabled],
.k-button.k-state-disabled,
.k-state-disabled .k-button,
.k-state-disabled .k-button:hover,
.k-button.k-state-disabled:hover,
.k-state-disabled .k-button:active,
.k-button.k-state-disabled:active {
    color: #999999;
    border-color: #f9f9f9;
    background-color: #f9f9f9;
    background-image: none;
}

.k-state-focused,
.k-grouping-row .k-state-focused {
    border-color: #67afe9;
}

.k-calendar .k-link {
    color: #444444;
}

.k-calendar .k-footer {
    padding: 0;
}

    .k-calendar .k-footer .k-nav-today {
        color: #444444;
        text-decoration: none;
        background-color: #ffffff;
    }

        .k-calendar .k-footer .k-nav-today:hover,
        .k-calendar .k-footer .k-nav-today.k-state-hover {
            background-color: #ffffff;
            text-decoration: underline;
        }

        .k-calendar .k-footer .k-nav-today:active {
            background-color: #ffffff;
        }

.k-calendar .k-link.k-nav-fast {
    color: #444444;
}

.k-calendar .k-nav-fast.k-state-hover {
    text-decoration: none;
    background-color: #ebebeb;
    color: #444444;
}

.k-calendar .k-link.k-state-hover,
.k-window-titlebar .k-link {
    border-radius: 50%;
}

.k-calendar .k-footer .k-link {
    border-radius: 0;
}

.k-calendar th {
    background-color: #3f51b5;
}

.k-calendar-container.k-group {
    border-color: rgba(0, 0, 0, 0.2);
}

.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 {
    color: #3f51b5;
    background-color: #ffffff;
    border-color: #ffffff;
}


.k-state-hover,
.k-state-hover:hover,
.k-splitbar-horizontal-hover:hover,
.k-splitbar-vertical-hover: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,
.k-mobile-list .k-item > .k-link:active,
.k-mobile-list .k-item > .k-label:active,
.k-mobile-list .k-edit-label.k-check:active,
.k-mobile-list .k-recur-view .k-check:active {
    color: #444444;
    background-color: #ebebeb;
    border-color: #ebebeb;
}
/* this selector should be used separately, otherwise old IEs ignore the whole rule */
.k-mobile-list .k-scheduler-timezones .k-edit-field:nth-child(2):active {
    color: #444444;
    background-color: #ebebeb;
    border-color: #ebebeb;
}

.k-button:hover,
.k-button.k-state-hover,
.k-button:focus,
.k-button.k-state-focused,
.k-textbox:hover,
.k-state-hover,
.k-state-hover:hover,
.k-pager-wrap .k-link:hover,
.k-other-month.k-state-hover .k-link,
div.k-filebrowser-dropzone em,
.k-draghandle:hover {
    background-image: none;
}

.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-button:active,
.k-panelbar > .k-item > .k-state-focused {
    background-image: none;
}

.k-state-selected,
.k-button:active,
.k-button.k-state-active,
.k-draghandle.k-state-selected:hover {
    background-image: none;
}

.k-button:active,
.k-button.k-state-active,
.k-draghandle.k-state-selected:hover {
    background-position: 50% 50%;
}

.k-state-disabled,
.k-state-disabled .k-link,
.k-state-disabled .k-button,
.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: #999999;
}

/* Shadows */
.k-widget,
.k-button {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-state-hover {
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}

.k-state-selected {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

    .k-primary:hover {
        color: #ffffff;
        border-color: #5c6bc0;
        background-image: none;
        background-color: #5c6bc0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .k-primary:focus:active:not(.k-state-disabled):not([disabled]),
    .k-primary:focus:not(.k-state-disabled):not([disabled]) {
        -webkit-box-shadow: 0 0 8px 0 #cfe6f8;
        box-shadow: 0 0 8px 0 #cfe6f8;
    }

    .k-primary:active {
        color: #ffffff;
        border-color: #283593;
        background-image: none;
        background-color: #283593;
        -webkit-box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3);
        box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3);
    }

    .k-primary.k-state-disabled,
    .k-state-disabled .k-primary,
    .k-primary.k-state-disabled:hover,
    .k-state-disabled .k-primary:hover,
    .k-primary.k-state-disabled:hover,
    .k-state-disabled .k-primary:active,
    .k-primary.k-state-disabled:active {
        color: #a8a8a8;
        border-color: #eaeaea;
        background-color: #eaeaea;
        background-image: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.k-button:hover .k-icon,
.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-group-delete,
.k-grouping-header .k-button-icon:hover > .k-icon.k-group-delete,
.k-grouping-header .k-si-arrow-n,
.k-grouping-header .k-link:hover > .k-icon.k-si-arrow-n,
.k-grouping-header .k-si-arrow-s,
.k-grouping-header .k-link:hover > .k-icon.k-si-arrow-s,
.k-grid-toolbar .k-i-pdf,
.k-grid-toolbar .k-button:hover > .k-i-pdf,
.k-grid-toolbar .k-i-excel,
.k-grid-toolbar .k-button:hover > .k-i-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-button,
.k-button:hover,
.k-button.k-state-hover,
.k-button.k-state-focused,
.k-button:focus,
.k-button:focus:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
}

.k-button,
.k-header {
    font-weight: 500;
}

.k-calendar td.k-state-focused {
    background-color: #ebebeb;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-calendar td.k-state-selected {
    background-color: #fff;
    -webkit-box-shadow: 3px 3px 5px #888888;
    box-shadow: 3px 3px 5px #888888;
}

.k-calendar .k-state-selected > .k-link {
    color: #000;
}
/* Calendar */
.k-calendar .k-header .k-link {
    color: #000;
}

.k-calendar .k-footer {
    border-color: #e5e5e5;
}

.k-calendar td {
}

.k-calendar .k-content th {
    background-color: #0068B3;
}

.k-calendar .k-header .k-state-hover {
    background-color: #fff;
}

.k-calendar .k-footer .k-nav-today {
    color: #3f51b5;
}

.k-calendar .k-nav-fast.k-state-hover {
    border-radius: 0;
}

.k-calendar .k-link.k-state-hover,
.k-window-titlebar .k-link {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-cal-nav-next {
    display: inline-block;
    height: 26px;
    width: 14px;
    background: url('Material/dash_arrow_right_icon.png');
    background-position: 0 0;
}

.k-cal-nav-prev {
    display: inline-block;
    height: 26px;
    width: 14px;
    background: url('Material/dash_arrow_left_icon.png');
}