/** 
 * Kendo UI v2018.1.221 (http://www.telerik.com/kendo-ui)                                                                                                                                               
 * Copyright 2018 Telerik AD. All rights reserved.                                                                                                                                                      
 *                                                                                                                                                                                                      
 * Kendo UI commercial licenses may be obtained at                                                                                                                                                      
 * http://www.telerik.com/purchase/license-agreement/kendo-ui-complete                                                                                                                                  
 * If you do not own a commercial license, this file shall be governed by the trial license terms.*/

.k-theme-test-class,
.ktb-theme-id-material {
    opacity: 0
}

.ktb-var-accent {
    color: #3f51b5
}

.ktb-var-base {
    color: #fff
}

.ktb-var-background {
    color: #fff
}

.ktb-var-border-radius {
    border-radius: 2px
}

.ktb-var-normal-background {
    color: #fff
}

.ktb-var-normal-gradient {
    background-image: none
}

.ktb-var-normal-text-color {
    color: #444
}

.ktb-var-hover-background {
    color: #ebebeb
}

.ktb-var-hover-gradient {
    background-image: none
}

.ktb-var-hover-text-color {
    color: #444
}

.ktb-var-selected-background {
    color: #00b0ff
}

.ktb-var-selected-gradient {
    background-image: none
}

.ktb-var-selected-text-color {
    color: #3f51b5
}

.ktb-var-error {
    color: #ffcdd2
}

.ktb-var-warning {
    color: #fdefba
}

.ktb-var-success {
    color: #c8e6c9
}

.ktb-var-info {
    color: #bbdefb
}

.ktb-var-series-a {
    color: #3f51b5
}

.ktb-var-series-b {
    color: #03a9f4
}

.ktb-var-series-c {
    color: #4caf50
}

.ktb-var-series-d {
    color: #f9ce1d
}

.ktb-var-series-e {
    color: #ff9800
}

.ktb-var-series-f {
    color: #ff5722
}

.k-grid-norecords-template {
    background-color: #fff;
    border: 1px solid #e6e6e6
}

.k-button {
    border-radius: 2px;
    border-color: #fafafa;
    color: #444;
    background-color: #fafafa;
    background-position: 50% 50%;
    background-image: none;
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(false));
    background-image: none, -webkit-linear-gradient(top, false);
    background-image: none, linear-gradient(to bottom, false);
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-button.k-state-hover,
.k-button:hover {
    color: #444;
    border-color: #ebebeb;
    background-color: #ebebeb;
    background-image: none;
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(false));
    background-image: none, -webkit-linear-gradient(top, false);
    background-image: none, linear-gradient(to bottom, false);
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-button.k-state-active,
.k-button:active {
    outline: none;
}

.k-button.k-state-active:hover {
    color: #fff;
    border-color: #5c6bc0;
    background-color: #5c6bc0
}

.k-button:focus:active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-button.k-state-disabled,
.k-button.k-state-disabled:hover,
.k-button[disabled],
.k-state-disabled .k-button,
.k-state-disabled .k-button:hover {
    color: #999;
    border-color: #fafafa;
    background-color: #fafafa;
    background-image: none
}

.k-button.k-state-disabled,
.k-button.k-state-disabled:active,
.k-button[disabled] {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-button.k-state-focused,
.k-button.k-state-focused.k-state-disabled,
.k-button:focus,
.k-button:focus:hover,
.k-state-disabled .k-button.k-state-focused {
    outline: none;
}

.k-primary {
    color: #fff;
    border-color: #3f51b5;
    background-color: #3f51b5;
    background-image: none;
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(false));
    background-image: none, -webkit-linear-gradient(top, false);
    background-image: none, linear-gradient(to bottom, false)
}

.k-primary.k-state-hover,
.k-primary:hover {
    color: #fff;
    border-color: #5c6bc0;
    background-color: #5c6bc0;
    background-image: none;
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(false));
    background-image: none, -webkit-linear-gradient(top, false);
    background-image: none, linear-gradient(to bottom, false)
}

.k-primary.k-state-active,
.k-primary:active {
    color: #fff;
    border-color: #283593;
    background-color: #283593;
    background-image: none;
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(false));
    background-image: none, -webkit-linear-gradient(top, false);
    background-image: none, linear-gradient(to bottom, false)
}

.k-primary:focus:active:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-primary.k-state-disabled,
.k-primary.k-state-disabled:hover,
.k-primary[disabled],
.k-state-disabled .k-primary,
.k-state-disabled .k-primary:hover {
    color: #999;
    border-color: #fafafa;
    background-color: #fafafa;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: none;
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(false));
    background-image: none, -webkit-linear-gradient(top, false);
    background-image: none, linear-gradient(to bottom, false)
}

.k-primary.k-state-disabled,
.k-primary[disabled] {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-primary.k-state-focused,
.k-primary:focus {
    border-color: #eff8ff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-button-group {
    border-radius: 2px
}

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

.k-button-group .k-button:first-child,
.k-button-group .k-group-start {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.k-button-group .k-button:last-child,
.k-button-group .k-group-end {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.k-button-group .k-button:first-child:last-child,
.k-button-group .k-group-start.k-group-end {
    border-radius: 2px
}

.k-rtl .k-button-group .k-button {
    border-radius: 0
}

.k-rtl .k-button-group .k-button:first-child,
.k-rtl .k-button-group .k-group-start {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.k-rtl .k-button-group .k-button:last-child,
.k-rtl .k-button-group .k-group-end {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.k-rtl .k-button-group .k-button:first-child:last-child,
.k-rtl .k-button-group .k-group-start.k-group-end {
    border-radius: 2px
}

.k-split-button {
    border-radius: 2px
}

.k-split-button.k-state-border-down > .k-button,
.k-split-button.k-state-border-up > .k-button {
    color: #444;
    background-color: #ebebeb;
    border-color: #ebebeb;
    background-image: none;
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(false));
    background-image: none, -webkit-linear-gradient(top, false);
    background-image: none, linear-gradient(to bottom, false);
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-split-button:focus {
    border-color: #ebebeb;
    outline: 0; -webkit-box-shadow: none;
    box-shadow: none
}

.k-split-button:focus > .k-button {
    background: 0 0;
    border-color: #ebebeb
}

.k-split-button:focus:not(.k-state-disabled) > .k-button:hover,
.k-split-button:focus:not(.k-state-disabled) > .k-state-active {
    color: #444;
    background-color: #ebebeb;
    border-color: #ebebeb;
    background-image: none;
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(false));
    background-image: none, -webkit-linear-gradient(top, false);
    background-image: none, linear-gradient(to bottom, false);
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-split-button.k-state-disabled {
    color: #999;
    background: #fafafa;
    background-image: none
}

.k-edit-buttons {
    border-color: #e6e6e6;
    background: #3f51b5
}

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

.k-header .k-window-actions .k-link {
    color: inherit
}

a.k-icon {
    color: #444
}

a.k-icon:hover {
    color: #444
}

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

.k-button-icon: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: #444
}

.k-block,
.k-widget {
    background-color: #fff
}


.k-calendar th,
.k-dropzone-hovered,
.k-footer-template td,
.k-grid-footer,
.k-group,
.k-group-footer td,
.k-grouping-header,
.k-pager-wrap,
.k-popup,
.k-widget .k-status {
    background-color: #3f51b5
}

.k-grouping-row td,
.k-resize-handle-inner,
td.k-group-cell {
    background-color: #3f51b5
}

.k-list-container {
    border-color: rgba(0, 0, 0, .2);
    background-color: #fff
}

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

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

.k-header.k-alt,
.k-pivot-rowheaders .k-alt .k-alt {
    background-color: #dedede
}

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

.k-input,
.k-multiselect-wrap,
.k-textbox > input,
input.k-textbox,
input.k-textbox:hover,
input.k-textbox:active,
input.k-textbox:focus,
textarea.k-textbox,
textarea.k-textbox:hover {
    outline: none!important;
    color: #444;
}

.k-input[readonly] {
    background-color: #fff;
    color: #444
}

.k-block,
.k-content,
.k-dropdown .k-input,
.k-popup,
.k-widget {
    color: #444
}

.k-inverse {
    color: #fff
}

.k-block {
    color: #fff
}

.k-link:link,
.k-link:visited,
.k-nav-current.k-state-hover .k-link {
    color: #428bca
}

.k-panelbar > li > .k-link,
.k-tabstrip-items .k-link {
    color: #444
}

.k-grid-header .k-header > .k-link,
.k-header,
.k-treemap-title {
    color: #fff
}



.k-block,
.k-draghandle,
.k-grid-header,
.k-grouping-header,
.k-header,
.k-pager-wrap,
.k-treemap-tile,
html .km-pane-wrapper .k-header {
    background-color: #3f51b5
}

.k-hr {
    border-color: #e6e6e6
}

.k-column-menu .k-state-active .k-sprite,
.k-column-menu .k-state-hover .k-sprite,
.k-icon:hover,
.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,
.k-state-focused .k-icon,
.k-state-hover .k-icon,
.k-state-selected .k-icon {
    opacity: 1
}

.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,
.k-state-disabled .k-icon {
    opacity: .7
}

.k-mobile-list .k-check:checked,
.k-mobile-list .k-edit-field [type=checkbox]:checked,
.k-mobile-list .k-edit-field [type=radio]:checked {
    opacity: .7
}

.k-mobile-list .k-check:checked,
.k-mobile-list .k-edit-field [type=checkbox]:checked,
.k-mobile-list .k-edit-field [type=radio]:checked {
    background-image: url(Material/sprite.png);
    border-color: transparent
}

.k-mobile-list .k-check:checked,
.k-mobile-list .k-edit-field [type=checkbox]:checked {
    font-family: WebComponentsIcons;
    background-image: none
}

.k-mobile-list .k-check:checked:before,
.k-mobile-list .k-edit-field [type=checkbox]:checked:before {
    content: "\e118"
}

.k-i-loading {
    background-image: url(Material/loading.gif)
}

.k-loading-image {
    background-image: url(Material/loading-image.gif)
}

.k-loading-color {
    background-color: #ebebeb
}

.k-draghandle {
    border-color: #3f51b5;
    background-color: #3f51b5;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-draghandle:hover {
    border-color: #3f51b5;
    background-color: #3f51b5;
 -webkit-box-shadow: none;
    box-shadow: none
}

.k-badge {
    background-color: #3f51b5;
    color: #fff;
    border-radius: 1px
}

.k-scheduler {
    color: #fff;
    background-color: #fff
}

.k-scheduler-layout {
    color: #444
}

.k-scheduler-datecolumn,
.k-scheduler-groupcolumn {
    background-color: #fff;
    color: #444
}

.k-scheduler-header th,
.k-scheduler-header-wrap,
.k-scheduler-table td,
.k-scheduler-times,
.k-scheduler-times th,
.k-scheduler-times tr {
    border-color: #e6e6e6
}

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

.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: #f5f5f5
}

.k-scheduler-header .k-today {
    background: 0 0
}

table:not(.k-scheduler-dayview) .k-scheduler-header-wrap .k-today {
    color: #3f51b5
}

.k-scheduler-now-arrow {
    border-left-color: #eed3d7
}

.k-scheduler-now-line {
    background-color: #eed3d7
}

.k-event,
.k-task-complete {
    border-color: #606fc7;
    background: #606fc7 0 -257px none repeat-x;
    color: #fff
}

.k-event-inverse {
    color: #444
}

.k-event.k-state-selected {
    background-position: 0 0;
    -webkit-box-shadow: 0 0 0 2px #444;
    box-shadow: 0 0 0 2px #444
}

.k-event .k-resize-handle:after,
.k-task-single .k-resize-handle:after {
    background-color: #fff
}

.k-scheduler-marquee:after,
.k-scheduler-marquee:before {
    border-color: #fff
}

.k-panelbar .k-content,
.k-panelbar .k-item,
.k-panelbar .k-panel {
    background-color: #fff;
    color: #444;
    border-color: #e6e6e6
}

.k-panelbar > li > .k-link {
    color: #444
}

.k-panelbar > .k-item > .k-link {
    border-color: #e6e6e6
}

.k-panel > li.k-item {
    background-color: #fff
}

.k-active-filter,
.k-state-active,
.k-state-active:hover,
.k-tabstrip .k-state-active {
    background-color: #fff;
    border-color: #ccc;
    color: #444
}

.k-fieldselector .k-list-container {
    background-color: #fff
}

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

.k-state-highlight {
    background: #fff;
    color: #444
}

.k-grouping-row .k-state-focused,
.k-state-focused {
    border-color: #67afe9
}

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

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

.k-button.k-bare.k-state-focused:before,
.k-button.k-bare:focus:before {
    display: block
}

.k-mediaplayer-toolbar .k-button.k-bare.k-state-active,
.k-mediaplayer-toolbar .k-button.k-bare.k-state-active:hover,
.k-mediaplayer-toolbar .k-button.k-bare:active {
    color: #3f51b5
}

.k-mediaplayer-toolbar .k-button.k-bare.k-state-active:before,
.k-mediaplayer-toolbar .k-button.k-bare.k-state-active:hover:before,
.k-mediaplayer-toolbar .k-button.k-bare:active:before {
    opacity: .24
}

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

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

.k-calendar .k-link {
    color: #444
}

.k-calendar .k-footer {
    padding: 0
}

.k-calendar .k-footer .k-nav-today {
    color: #444;
    text-decoration: none;
    background-color: #fff
}

.k-calendar .k-footer .k-nav-today.k-state-hover,
.k-calendar .k-footer .k-nav-today:hover {
    background-color: #fff;
    text-decoration: underline
}

.k-calendar .k-footer .k-nav-today:active {
    background-color: #fff
}

.k-calendar .k-link.k-nav-fast {
    color: #444
}

.k-calendar .k-nav-fast.k-state-hover {
    text-decoration: none;
    background-color: #ebebeb;
    color: #444
}

.k-calendar .k-link.k-state-hover {
    border-radius: 50%
}

.k-calendar .k-footer .k-link {
    border-radius: 0
}

.k-calendar th {
    background-color: #3f51b5
}

.k-window-titlebar .k-link {
    border-radius: 50%
}

.k-calendar-container.k-group {
    border-color: rgba(0, 0, 0, .2)
}

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

.k-group-header + .k-list > .k-item.k-first,
.k-static-header + .k-list > .k-item.k-first,
.k-virtual-item.k-first {
    border-top-color: #ebebeb
}

.k-group-header + div > .k-list > .k-item.k-first:before {
    border-top-color: #ebebeb
}

.k-popup > .k-group-header,
.k-popup > .k-virtual-wrap > .k-group-header {
    background: #ebebeb;
    color: #3f51b5
}

.k-popup .k-list .k-item > .k-group {
    background: #ebebeb;
    color: #3f51b5;
    border-bottom-left-radius: 1px
}

.k-marquee-text {
    color: #3f51b5
}



.k-list > .k-state-focused.k-state-selected,
.k-state-focused.k-state-selected,
td.k-state-focused.k-state-selected {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-list-optionlabel.k-state-selected.k-state-focused {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-panelbar > li.k-state-default > .k-link.k-state-selected,
.k-panelbar > li > .k-state-selected,
.k-state-selected > .k-link {
    color: #3f51b5
}

.k-dropdown .k-state-focused,
.k-filebrowser-dropzone,
.k-list > .k-state-hover,
.k-mobile-list .k-edit-label.k-check:active,
.k-mobile-list .k-item > .k-label:active,
.k-mobile-list .k-item > .k-link:active,
.k-mobile-list .k-recur-view .k-check:active,
.k-pager-wrap .k-link:hover,
.k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
.k-splitbar-horizontal-hover:hover,
.k-splitbar-vertical-hover:hover,
.k-state-hover,
.k-state-hover:hover {
    color: #444;
    background-color: #ebebeb;
    border-color: #ebebeb
}

.k-mobile-list .k-scheduler-timezones .k-edit-field:nth-child(2):active {
    color: #444;
    background-color: #ebebeb;
    border-color: #ebebeb
}

.k-state-focused > .k-select,
.k-state-hover > .k-select {
    border-color: #ebebeb
}

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

.k-pager-wrap {
    background-color: #3f51b5;
    color: #fff
}

.k-button-group {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2), 0 2px 3px rgba(0, 0, 0, .05);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2), 0 2px 3px rgba(0, 0, 0, .05)
}

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

.k-button-group .k-button.k-state-active {
    color: #000;
    background-color: #dbdbdb;
    border-color: #dbdbdb;
    background-image: none;
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(false));
    background-image: none, -webkit-linear-gradient(top, false);
    background-image: none, linear-gradient(to bottom, false)
}

.k-button-group .k-button.k-state-focused.k-state-active,
.k-button-group .k-button:focus.k-state-active {
    color: #000;
    border-color: #d1d1d1;
    background: #d1d1d1;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-button-group .k-button.k-state-disabled,
.k-button-group .k-button.k-state-disabled.k-state-active,
.k-state-disabled.k-button-group .k-button,
.k-state-disabled.k-button-group .k-button.k-state-active {
    color: #999;
    border-color: #fafafa;
    background-color: #fafafa;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-button-group .k-button.k-state-focused,
.k-button-group .k-button:focus {
    color: #444;
    border-color: #ebebeb;
    background-color: #ebebeb;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-button-group .k-button.k-state-disabled.k-state-focused,
.k-button-group .k-button.k-state-disabled:focus,
.k-state-disabled.k-button-group .k-button.k-state-focused,
.k-state-disabled.k-button-group .k-button:focus {
    color: #999;
    border-color: #ebebeb;
    background-color: #ebebeb;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-pager-numbers .k-link,
.k-treeview .k-in {
    border-color: transparent
}

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

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

.k-checkbox-label:before {
    border-color: #7f7f7f;
    background: #fff;
    border-radius: 1px
}

.k-checkbox-label:hover:before,
.k-checkbox:checked + .k-checkbox-label:hover:before,
.k-checkbox:checked:hover + .k-checkbox-label:before,
.k-checkbox:hover + .k-checkbox-label:before {
    border-color: #7f7f7f;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-checkbox:checked + .k-checkbox-label:before {
    background-color: #3f51b5;
    border-color: #3f51b5;
    color: #fff
}

.k-checkbox-label:active:before,
.k-checkbox:active + .k-checkbox-label:before {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #919cd9
}

.k-checkbox:checked + .k-checkbox-label:active:before,
.k-checkbox:checked:active + .k-checkbox-label:before {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #919cd9
}

.k-checkbox:disabled + .k-checkbox-label {
    color: #999
}

.k-checkbox:disabled + .k-checkbox-label:hover:before {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-checkbox:checked:disabled + .k-checkbox-label:active:before,
.k-checkbox:checked:disabled + .k-checkbox-label:before,
.k-checkbox:checked:disabled + .k-checkbox-label:hover:before,
.k-checkbox:disabled + .k-checkbox-label:before {
    color: #999;
    background: #f5f5f5;
    border-color: #bfbfbf;
    border-radius: 1px
}

.k-checkbox:focus + .k-checkbox-label:before,
.k-checkbox:focus + .k-checkbox-label:hover:before {
    border-color: #919cd9;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-checkbox:indeterminate + .k-checkbox-label:after {
    background-color: #3f51b5;
    background-image: none;
    border-color: #3f51b5;
    border-radius: 0
}

.k-checkbox:indeterminate:hover + .k-checkbox-label:after {
    border-color: #3f51b5;
    background-color: #3f51b5
}

.k-checkbox-label:before {
    background: 0 0
}

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

.k-checkbox:focus + .k-checkbox-label:before {
    border-color: #7f7f7f
}

.k-checkbox:checked + .k-checkbox-label:before,
.k-checkbox:checked + .k-checkbox-label:hover:before,
.k-checkbox:checked:hover + .k-checkbox-label:before {
    border-color: #3f51b5
}

.k-checkbox:focus + .k-checkbox-label:after {
    -webkit-box-shadow: 0 0 0 12px rgba(127, 127, 127, .2);
    box-shadow: 0 0 0 12px rgba(127, 127, 127, .2);
    background: rgba(127, 127, 127, .2)
}

.k-checkbox + .k-checkbox-label:active:after,
.k-checkbox:active + .k-checkbox-label:after {
    -webkit-box-shadow: 0 0 0 12px rgba(145, 156, 217, .4);
    box-shadow: 0 0 0 12px rgba(145, 156, 217, .4);
    background: rgba(145, 156, 217, .4)
}

.k-checkbox:checked + .k-checkbox-label:active:after,
.k-checkbox:checked + .k-checkbox-label:focus:after,
.k-checkbox:checked:active + .k-checkbox-label:after,
.k-checkbox:checked:focus + .k-checkbox-label:after {
    -webkit-box-shadow: 0 0 0 12px rgba(145, 156, 217, .4);
    box-shadow: 0 0 0 12px rgba(145, 156, 217, .4);
    background: rgba(145, 156, 217, .4)
}

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

.k-checkbox:indeterminate + .k-checkbox-label:before {
    border-color: #3f51b5
}

.k-radio-label:before {
    border-color: #7f7f7f;
    border-radius: 50%;
    background-color: #fff;
    border-width: 2px
}

.k-radio-label:hover:before,
.k-radio:checked + .k-radio-label:hover:before {
    border-color: #7f7f7f;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-radio:checked + .k-radio-label:after {
    background-color: #3f51b5;
    border-radius: 50%
}

.k-radio-label:active:before {
    border-color: #6b7acb;
    -webkit-box-shadow: 0 0 2px 0 #6b7acb;
    box-shadow: 0 0 2px 0 #6b7acb
}

.k-radio:checked + .k-radio-label:active:before {
    -webkit-box-shadow: 0 0 2px 0 #6b7acb;
    box-shadow: 0 0 2px 0 #6b7acb;
    border-color: #6b7acb
}

.k-radio:disabled + .k-radio-label {
    color: #bfbfbf
}

.k-radio:disabled + .k-radio-label:active:before,
.k-radio:disabled + .k-radio-label:before,
.k-radio:disabled + .k-radio-label:hover:after,
.k-radio:disabled + .k-radio-label:hover:before {
    background: #fff;
    border-color: #bfbfbf;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-radio:disabled:checked + .k-radio-label:after {
    background-color: #3f51b5;
    opacity: .5
}

.k-radio:focus + .k-radio-label:before {
    border-color: #6b7acb;
    -webkit-box-shadow: 0 0 2px 0 #6b7acb;
    box-shadow: 0 0 2px 0 #6b7acb
}

.k-radio:checked + .k-radio-label:before,
.k-radio:checked + .k-radio-label:hover:before {
    border-color: #3f51b5
}

.k-radio + .k-radio-label:active:before {
    border-color: #7f7f7f;
    -webkit-box-shadow: 0 0 0 12px rgba(235, 235, 235, .3);
    box-shadow: 0 0 0 12px rgba(235, 235, 235, .3)
}

.k-radio:checked + .k-radio-label:active:before {
    -webkit-box-shadow: 0 0 0 12px rgba(63, 81, 181, .3);
    box-shadow: 0 0 0 12px rgba(63, 81, 181, .3)
}

.k-radio:focus + .k-radio-label:before {
    border-color: #7f7f7f;
    -webkit-box-shadow: 0 0 0 12px rgba(235, 235, 235, .3);
    box-shadow: 0 0 0 12px rgba(235, 235, 235, .3)
}

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

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

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

.k-pivot-configurator-settings .k-icon,
.k-splitbar .k-icon {
    opacity: .7
}

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

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

.k-overflow-container .k-primary,
.k-primary {
    color: #fff;
    border-color: #3f51b5;
    background-image: none;
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(false));
    background-image: none, -webkit-linear-gradient(top, false);
    background-image: none, linear-gradient(to bottom, false);
    background-position: 50% 50%;
    background-color: #3f51b5
}

.k-primary.k-state-active:hover,
.k-primary.k-state-hover,
.k-primary:active:hover,
.k-primary:hover {
    color: #fff;
    border-color: #5c6bc0;
    background-image: none;
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(false));
    background-image: none, -webkit-linear-gradient(top, false);
    background-image: none, linear-gradient(to bottom, false);
    background-color: #5c6bc0
}

.k-primary.k-state-active,
.k-primary.k-state-focused,
.k-primary:active,
.k-primary:focus {
    color: #fff;
    border-color: #283593;
    background-image: none;
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(false));
    background-image: none, -webkit-linear-gradient(top, false);
    background-image: none, linear-gradient(to bottom, false);
    background-color: #283593
}

.k-primary.k-state-disabled,
.k-primary.k-state-disabled:active,
.k-primary.k-state-disabled:hover,
.k-state-disabled .k-primary,
.k-state-disabled .k-primary:active,
.k-state-disabled .k-primary:hover {
    color: #999;
    border-color: #fafafa;
    background-color: #fafafa;
    background-image: none;
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(false));
    background-image: none, -webkit-linear-gradient(top, false);
    background-image: none, linear-gradient(to bottom, false);
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-dropdown .k-state-default {
    border-color: #fafafa;
    background-image: none;
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(false));
    background-image: none, -webkit-linear-gradient(top, false);
    background-image: none, linear-gradient(to bottom, false);
    background-position: 50% 50%;
    background-color: #fafafa
}

.k-dropdown,
span.k-colorpicker {
    background-color: #fafafa
}

.k-textbox {
    background-color: #fafafa;
    border-color: #f0f0f0
}

.k-combobox,
.k-datepicker,
.k-datetimepicker,
.k-timepicker {
    background-color: #fafafa
}

.k-picker-wrap.k-state-default > .k-select {
    border-color: #fafafa;
    z-index: 9999;
}

.k-autocomplete.k-state-active .k-input,
.k-numeric-wrap.k-state-active .k-input,
.k-picker-wrap.k-state-active .k-input {
    background-color: #fff
}

.k-picker-wrap.k-state-focused > .k-select,
.k-picker-wrap.k-state-hover > .k-select {
    border-color: #fff
}

.k-picker-wrap.k-state-focused .k-input,
.k-picker-wrap.k-state-hover .k-input {
    background-color: #fff
}

.k-dateinput.k-state-disabled > .k-textbox:hover,
.k-maskedtextbox.k-state-disabled > .k-textbox:hover {
    border-color: #f0f0f0;
    -webkit-box-shadow: none;
    box-shadow: none
}



.k-numeric-wrap.k-state-focused > .k-select {
    background-color: #ebebeb
}


.k-numeric-wrap.k-state-disabled .k-select {
    border-color: #fafafa
}

.k-numerictextbox .k-select {
    background-color: #fff;
    border-color: #fff
}

.k-list > .k-state-selected.k-state-focused {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #3f51b5
}

.k-list > .k-state-selected {
    -webkit-box-shadow: none;
    box-shadow: none
}

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

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

.k-list-container {
    border-color: #ebebeb
}


.k-calendar td.k-state-selected {
    background-color: #00b0ff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-calendar td.k-state-selected.k-state-hover {
    background-color: #00a2eb
}

.k-calendar .k-state-selected > .k-link {
    color: #fff
}

.k-calendar .k-header .k-link {
    color: #fff
}

.k-calendar .k-footer {
    border-color: #e6e6e6
}

.k-calendar td {
    border-radius: 50%
}

.k-calendar .k-content th {
    background-color: #fff
}

.k-calendar .k-alt {
    border-radius: 0;
    background-color: #f2f2f2
}

.k-calendar .k-header .k-state-hover {
    background-color: #32408f
}

.k-calendar .k-footer .k-nav-today {
    color: #3f51b5
}

.k-calendar .k-nav-fast.k-state-hover {
    border-radius: 0
}

.k-calendar .k-today {
    background-color: #3f51b5
}

.k-calendar .k-today .k-link {
    color: #fff
}

.k-calendar .k-today.k-state-hover {
    background-color: #32408f
}


.k-calendar .k-link.k-state-hover,
.k-window-titlebar .k-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-window-titlebar .k-state-hover {
    background-color: #5c6dc4;
    border-color: #5c6dc4
}

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

.k-panelbar .k-tabstrip-items .k-state-active,
.k-tabstrip-items .k-state-active {
    background-color: #3f51b5;
    background-image: none;
    border-bottom-color: #00b0ff
}

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

.k-tabstrip-items .k-item.k-state-hover {
    background: #5c6dc4;
    border-color: #5c6dc4
}

.k-tabstrip-items .k-state-hover .k-link {
    color: #fff
}

.k-flatcolorpicker.k-group,
.k-group,
.k-menu,
.k-menu .k-group,
.k-popup.k-widget.k-context-menu {
    color: #444;
    background-color: #fff
}

.k-menu .k-group,
.k-popup.k-context-menu.k-group {
    border-color: #e6e6e6
}

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

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

.k-gantt-toolbar .k-button,
.k-gantt > .k-header .k-link,
.k-gantt > .k-header li,
.k-grid .k-header .k-button,
.k-scheduler .k-header .k-button,
.k-scheduler .k-header .k-link,
.k-scheduler .k-header li,
.km-pane-wrapper .k-header .k-button {
    color: #fff;
    background-color: #3f51b5;
    border-color: #3f51b5;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-gantt .k-gantt-toolbar .k-button:hover,
.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-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,
.km-pane-wrapper .k-header .k-button:hover {
    background-color: #5c6dc4;
    border-color: #5c6dc4
}

.km-pane-wrapper .k-header .k-button:active:hover {
    color: #fff
}

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

.k-gantt .k-gantt-toolbar .k-button:active {
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-selected.k-state-hover,
.k-gantt-toolbar > .k-gantt-views > li.k-state-selected,
.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: #00b0ff
}

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

.k-grid .k-alt {
    background-color: #fff
}

.k-grid .k-state-selected:hover .k-group-cell,
.k-grouping-row td,
.k-resize-handle-inner,
td.k-group-cell {
    color: #444;
    background-color: #f2f2f2
}

.k-grouping-header .k-group-indicator,
.k-pivot-toolbar .k-button {
    color: #fff;
    background-color: #32408f;
    border-color: #32408f;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-grid-footer,
.k-grid-footer td,
.k-grid-header,
.k-grid-header .k-header,
.k-pager-numbers .k-state-selected,
.k-pager-wrap,
.km-pane-wrapper .k-grid-header .k-header {
    color: #444;
    background-color: #fafafa
}

.k-header.k-scheduler-footer .k-header,
.k-header.k-scheduler-footer ul.k-header li .k-link {
    color: #00b0ff;
    background-color: #fafafa
}

.k-header.k-scheduler-footer ul.k-header li {
    background-color: #fafafa;
    border-color: #fafafa
}

.k-fieldselector .k-item.k-header,
.k-footer-template td,
.k-group-footer td {
    color: #444;
    background-color: #f2f2f2
}

.k-grid .k-grouping-header {
    color: rgba(255, 255, 255, .5)
}

.k-pager-wrap {
    color: #444
}

.k-grouping-header .k-link,
.k-grouping-header .k-link:link {
    color: #fff
}

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

.k-state-selected.k-line {
    color: #00b0ff
}

.k-grid td.k-state-selected,
.k-grid tr.k-state-selected,
.k-listview > .k-state-selected,
.k-state-selected .k-progress-status {
    color: #fff
}

.k-grid tr:hover {
    background-color: #ebebeb
}

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

.k-grid td.k-state-selected,
.k-grid tr.k-state-selected > td {
    border-color: #008dcc
}

.k-grid td.k-state-selected:hover,
.k-grid tr.k-state-selected:hover td {
    background-color: #00a2eb
}

.k-grid-header .k-header,
.k-grid-header .k-header .k-link,
.k-grid-header .k-link,
.k-grid-header .k-link:link,
.k-pager-info,
.k-scheduler-agendaview .k-scheduler-datecolumn,
.k-scheduler-header {
    color: #999
}

.k-gantt .k-task-draghandle {
    border-color: #00b0ff
}

.k-grid-pager .k-link,
.k-grid-pager .k-link:link {
    color: #444
}

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

.k-pager-numbers .k-state-selected {
    border-color: #3f51b5 transparent transparent;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #3f51b5
}

.k-pager-wrap .k-link {
    border-color: #fafafa;
    cursor: pointer
}

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

.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,
.k-scheduler-toolbar .k-nav-next,
.k-scheduler-toolbar .k-nav-next .k-link,
.k-scheduler-toolbar ul + ul li:last-child,
.k-scheduler-toolbar ul + ul li:last-child .k-link,
.k-scheduler-toolbar > ul li:first-child,
.k-scheduler-toolbar > ul li:first-child .k-link {
    border-radius: 0
}

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

.k-panel > li.k-item,
.k-panelbar,
.k-panelbar .k-content,
.k-panelbar .k-header,
.k-panelbar .k-state-selected {
    background-color: #fafafa
}

.k-panelbar .k-grid-toolbar {
    background-color: #3f51b5
}

.k-panelbar > li.k-state-default > .k-link {
    color: #444
}

.k-panelbar > li > .k-state-hover {
    background-color: #ebebeb
}

.k-panelbar .k-content,
.k-panelbar .k-item,
.k-panelbar .k-panel,
.k-panelbar.k-header,
.k-panelbar > .k-item > .k-link {
    border-color: #e6e6e6
}

.k-splitbar {
    border-color: #fafafa
}

.k-splitbar.k-state-focused {
    background-color: #3f51b5;
    border-color: #3f51b5;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-upload {
    color: #444;
    background-color: #fff
}

.k-upload-files .k-button {
    -webkit-box-shadow: none;
    box-shadow: none
}

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

.k-task-single {
    background-color: #66d0ff
}

.k-task-complete {
    background: #00b0ff 0 -257px none repeat-x
}

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

.k-gantt-toolbar .k-button:focus:active:not(.k-state-disabled):not([disabled]),
.k-gantt-toolbar .k-button:focus: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-multiselect .k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-multiselect .k-button:active:hover {
    color: #444;
    background-color: #dbdbdb;
    border-color: #dbdbdb
}

.k-multiselect-wrap > ul > .k-button {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-filebrowser .k-header {
    color: #444
}

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

.k-panelbar > li > .k-state-focused,
.k-treeview .k-state-focused {
    background-color: #ebebeb
}

.k-progressbar {
    background-color: #fafafa;
    border-color: #fafafa
}

.k-progressbar .k-item,
.k-progressbar .k-item.k-state-selected {
    border-color: #fff
}

.k-progressbar .k-state-selected {
    background-color: #3f51b5;
    border-color: #3f51b5
}

.k-widget.k-tooltip-validation {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-grid.k-alt {
    background-color: #fafafa
}

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

.k-list > .k-state-focused,
.k-list > .k-state-hover {
    color: #444;
    background-color: #ebebeb;
    border-color: #ebebeb
}

.k-slider-track {
    background-color: #e6e6e6;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-slider-selection {
    background-color: #3f51b5;
    border-color: #3f51b5
}

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

.k-draghandle,
.k-flatcolorpicker .k-slider-horizontal .k-slider-track {
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-flatcolorpicker .k-hue-slider .k-draghandle,
.k-flatcolorpicker .k-transparency-slider .k-draghandle {
    border-color: #3f51b5;
    background-color: #3f51b5;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-flatcolorpicker .k-hue-slider .k-draghandle:hover,
.k-flatcolorpicker .k-transparency-slider .k-draghandle:hover {
    border-color: #3f51b5;
    background-color: #3f51b5;
    -webkit-box-shadow: 0 0 0 8px rgba(63, 81, 181, .3);
    box-shadow: 0 0 0 8px rgba(63, 81, 181, .3)
}

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

.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 {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #3f51b5;
    background-color: #3f51b5
}

.k-edit-buttons {
    background-color: #fafafa
}

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

.k-edit-form-container .k-button,
.k-edit-form-container .k-primary:active,
.k-popup .k-button,
.k-popup .k-primary:active,
.k-popup .k-primary:active:hover {
    color: #444;
    background-color: #fafafa;
    border-color: #fafafa;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-edit-form-container .k-primary,
.k-popup .k-primary {
    color: #00b0ff;
    background-color: #fafafa;
    border-color: #fafafa
}

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

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

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

.k-split-wrapper .k-button:focus,
.k-split-wrapper .k-button:focus:not(.k-state-disabled):not([disabled]) {
    color: #3f51b5;
    -webkit-box-shadow: none;
    box-shadow: none
}

.k-overflow-container .k-button.k-state-disabled,
.k-overflow-container .k-state-disabled > .k-button {
    color: #999;
    border-color: transparent;
    background-color: transparent
}

.k-overflow-container .k-button:focus {
    color: #444;
    border-color: #ebebeb;
    background-color: #ebebeb
}

.k-overflow-container .k-button.k-state-disabled:focus,
.k-overflow-container .k-state-disabled > .k-button:focus {
    color: #999;
    border-color: #ebebeb;
    background-color: #ebebeb
}

.k-overflow-container .k-separator {
    border-color: #e6e6e6
}

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

.k-filter-menu .k-primary {
    border-left-color: #f0f0f0
}

.k-filter-menu > div > div:last-child {
    border-color: #f0f0f0
}

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

.k-edit-form-container .k-scheduler-delete {
    color: #00b0ff
}

div.k-scheduler-marquee:after,
div.k-scheduler-marquee:before {
    border-color: #00b0ff
}

.km-pane-wrapper > .km-pane > .km-view > .km-content {
    color: #3f51b5;
    background-color: #fff
}

.km-pane-wrapper > .km-pane .km-content .k-mobile-list > ul > li > .k-link {
    color: #3f51b5
}

.k-popup.k-context-menu {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2)
}

.k-drag-clue {
    color: #444;
    background-color: #ebebeb;
    border-color: #ebebeb;
}

.k-popup > .k-group-header,
.k-popup > .k-virtual-wrap > .k-group-header {
    color: #444
}

.k-popup .k-item > .k-group {
    color: #444
}

@media only screen and (max-width:370px) {
    .k-edge .k-pager-refresh,
    .k-ff .k-pager-refresh,
    .k-ie11 .k-pager-refresh,
    .k-safari .k-pager-refresh,
    .k-webkit .k-pager-refresh {
        display: none
    }
}

@media only screen and (max-width:590px) {
    .k-edge .k-pager-refresh,
    .k-ff .k-pager-refresh,
    .k-ie11 .k-pager-refresh,
    .k-safari .k-pager-refresh,
    .k-webkit .k-pager-refresh {
        margin-right: 0
    }
}

@media only screen and (max-width:530px) {
    .k-edge .k-pager-sizes,
    .k-ff .k-pager-sizes,
    .k-ie11 .k-pager-sizes,
    .k-safari .k-pager-sizes,
    .k-webkit .k-pager-sizes {
        display: none
    }
}

@media only screen and (max-width:687px) {
    .k-edge .k-pager-info,
    .k-ff .k-pager-info,
    .k-ie11 .k-pager-info,
    .k-safari .k-pager-info,
    .k-webkit .k-pager-info {
        display: none
    }
}

@media only screen and (max-width:1024px) {
    .k-scheduler-toolbar > ul.k-scheduler-views {
        right: 13px;
        top: 0
    }
    .k-edge .k-scheduler-toolbar > ul.k-scheduler-views,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views,
    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views {
        right: 13px;
        top: 0
    }
    .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
    .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover {
        background-image: none;
        background-image: none, -webkit-gradient(linear, left top, left bottom, from(false));
        background-image: none, -webkit-linear-gradient(top, false);
        background-image: none, linear-gradient(to bottom, false);
        background-position: 50% 50%;
        background-color: transparent;
        border-color: transparent;
        border-radius: 2px;
        text-align: right
    }
    .k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li {
        border-radius: 0
    }
    .k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view {
        border-radius: 1px 1px 0 0
    }
    .k-edge .k-scheduler-toolbar > ul li:first-child,
    .k-edge .k-scheduler-toolbar > ul li:first-child .k-link,
    .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li,
    .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
    .k-ff .k-scheduler-toolbar > ul li:first-child,
    .k-ff .k-scheduler-toolbar > ul li:first-child .k-link,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
    .k-ie11 .k-scheduler-toolbar > ul li:first-child,
    .k-ie11 .k-scheduler-toolbar > ul li:first-child .k-link,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
    .k-safari .k-scheduler-toolbar > ul li:first-child,
    .k-safari .k-scheduler-toolbar > ul li:first-child .k-link,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
    .k-webkit .k-scheduler-toolbar > ul li:first-child,
    .k-webkit .k-scheduler-toolbar > ul li:first-child .k-link,
    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li,
    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li .k-link {
        border-radius: 0
    }
    .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
    .k-edge .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link {
        border-radius: 0 0 1px 1px
    }
    .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover {
        border-color: transparent;
        background-image: none;
        background-color: transparent
    }
    .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
    .k-edge .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
        color: #fff;
        min-width: 20px
    }
    .k-edge .k-scheduler-views > li.k-state-selected > .k-link:after,
    .k-ff .k-scheduler-views > li.k-state-selected > .k-link:after,
    .k-ie11 .k-scheduler-views > li.k-state-selected > .k-link:after,
    .k-safari .k-scheduler-views > li.k-state-selected > .k-link:after,
    .k-webkit .k-scheduler-views > li.k-state-selected > .k-link:after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -.5em;
        right: .333em;
        width: 1.333em;
        height: 1.333em
    }
    .k-edge .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
        border-width: 1px;
        border-style: solid;
        border-color: transparent;
        background-image: none;
        background-color: #3f51b5;
        border-radius: 2px;
        -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2)
    }
    .k-edge .k-pager-wrap,
    .k-ff .k-pager-wrap,
    .k-ie11 .k-pager-wrap,
    .k-safari .k-pager-wrap,
    .k-webkit .k-pager-wrap {
        min-height: 2.56em
    }
    .k-edge .k-pager-input,
    .k-edge .k-pager-wrap .k-pager-nav,
    .k-ff .k-pager-input,
    .k-ff .k-pager-wrap .k-pager-nav,
    .k-ie11 .k-pager-input,
    .k-ie11 .k-pager-wrap .k-pager-nav,
    .k-safari .k-pager-input,
    .k-safari .k-pager-wrap .k-pager-nav,
    .k-webkit .k-pager-input,
    .k-webkit .k-pager-wrap .k-pager-nav {
        display: inline-block;
        vertical-align: top
    }
    .k-edge .k-grid .k-pager-numbers,
    .k-edge .k-pager-numbers,
    .k-ff .k-grid .k-pager-numbers,
    .k-ff .k-pager-numbers,
    .k-ie11 .k-grid .k-pager-numbers,
    .k-ie11 .k-pager-numbers,
    .k-safari .k-grid .k-pager-numbers,
    .k-safari .k-pager-numbers,
    .k-webkit .k-grid .k-pager-numbers,
    .k-webkit .k-pager-numbers {
        position: absolute;
        left: 5.6em;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        overflow: visible;
        height: auto
    }
    .k-edge .k-grid .k-pager-numbers.k-state-expanded,
    .k-edge .k-pager-numbers.k-state-expanded,
    .k-ff .k-grid .k-pager-numbers.k-state-expanded,
    .k-ff .k-pager-numbers.k-state-expanded,
    .k-ie11 .k-grid .k-pager-numbers.k-state-expanded,
    .k-ie11 .k-pager-numbers.k-state-expanded,
    .k-safari .k-grid .k-pager-numbers.k-state-expanded,
    .k-safari .k-pager-numbers.k-state-expanded,
    .k-webkit .k-grid .k-pager-numbers.k-state-expanded,
    .k-webkit .k-pager-numbers.k-state-expanded {
        -webkit-transform: translatey(-100%);
        -ms-transform: translatey(-100%);
        transform: translatey(-100%)
    }
    .k-edge .km-pane-wrapper .k-grid .k-pager-numbers,
    .k-edge .km-pane-wrapper .k-pager-numbers,
    .k-ff .km-pane-wrapper .k-grid .k-pager-numbers,
    .k-ff .km-pane-wrapper .k-pager-numbers,
    .k-ie11 .km-pane-wrapper .k-grid .k-pager-numbers,
    .k-ie11 .km-pane-wrapper .k-pager-numbers,
    .k-safari .km-pane-wrapper .k-grid .k-pager-numbers,
    .k-safari .km-pane-wrapper .k-pager-numbers,
    .k-webkit .km-pane-wrapper .k-grid .k-pager-numbers,
    .k-webkit .km-pane-wrapper .k-pager-numbers {
        position: absolute;
        left: 50%;
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0)
    }
    .k-edge .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded,
    .k-edge .km-pane-wrapper .k-pager-numbers.k-state-expanded,
    .k-ff .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded,
    .k-ff .km-pane-wrapper .k-pager-numbers.k-state-expanded,
    .k-ie11 .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded,
    .k-ie11 .km-pane-wrapper .k-pager-numbers.k-state-expanded,
    .k-safari .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded,
    .k-safari .km-pane-wrapper .k-pager-numbers.k-state-expanded,
    .k-webkit .km-pane-wrapper .k-grid .k-pager-numbers.k-state-expanded,
    .k-webkit .km-pane-wrapper .k-pager-numbers.k-state-expanded {
        -webkit-transform: translate(-50%, -100%);
        -ms-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%)
    }
    .k-edge .km-pane-wrapper .k-pager-numbers .k-link,
    .k-edge .km-pane-wrapper .k-pager-numbers .k-state-selected,
    .k-edge .km-pane-wrapper .k-pager-wrap > .k-link,
    .k-edge .km-pane-wrapper .k-pager-wrap > .k-pager-info,
    .k-ff .km-pane-wrapper .k-pager-numbers .k-link,
    .k-ff .km-pane-wrapper .k-pager-numbers .k-state-selected,
    .k-ff .km-pane-wrapper .k-pager-wrap > .k-link,
    .k-ff .km-pane-wrapper .k-pager-wrap > .k-pager-info,
    .k-ie11 .km-pane-wrapper .k-pager-numbers .k-link,
    .k-ie11 .km-pane-wrapper .k-pager-numbers .k-state-selected,
    .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-link,
    .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-pager-info,
    .k-safari .km-pane-wrapper .k-pager-numbers .k-link,
    .k-safari .km-pane-wrapper .k-pager-numbers .k-state-selected,
    .k-safari .km-pane-wrapper .k-pager-wrap > .k-link,
    .k-safari .km-pane-wrapper .k-pager-wrap > .k-pager-info,
    .k-webkit .km-pane-wrapper .k-pager-numbers .k-link,
    .k-webkit .km-pane-wrapper .k-pager-numbers .k-state-selected,
    .k-webkit .km-pane-wrapper .k-pager-wrap > .k-link,
    .k-webkit .km-pane-wrapper .k-pager-wrap > .k-pager-info {
        padding-top: 0;
        padding-bottom: 0
    }
    .k-edge .k-rtl .k-grid .k-pager-numbers,
    .k-edge .k-rtl .k-pager-numbers,
    .k-ff .k-rtl .k-grid .k-pager-numbers,
    .k-ff .k-rtl .k-pager-numbers,
    .k-ie11 .k-rtl .k-grid .k-pager-numbers,
    .k-ie11 .k-rtl .k-pager-numbers,
    .k-safari .k-rtl .k-grid .k-pager-numbers,
    .k-safari .k-rtl .k-pager-numbers,
    .k-webkit .k-rtl .k-grid .k-pager-numbers,
    .k-webkit .k-rtl .k-pager-numbers {
        right: 5.6em;
        width: 5.15em
    }
    .k-edge .k-grid .k-pager-numbers .k-current-page,
    .k-edge .k-pager-numbers .k-current-page,
    .k-ff .k-grid .k-pager-numbers .k-current-page,
    .k-ff .k-pager-numbers .k-current-page,
    .k-ie11 .k-grid .k-pager-numbers .k-current-page,
    .k-ie11 .k-pager-numbers .k-current-page,
    .k-safari .k-grid .k-pager-numbers .k-current-page,
    .k-safari .k-pager-numbers .k-current-page,
    .k-webkit .k-grid .k-pager-numbers .k-current-page,
    .k-webkit .k-pager-numbers .k-current-page {
        display: block;
        border-left: 0
    }
    .k-edge .k-pager-numbers li:not(.k-current-page),
    .k-ff .k-pager-numbers li:not(.k-current-page),
    .k-ie11 .k-pager-numbers li:not(.k-current-page),
    .k-safari .k-pager-numbers li:not(.k-current-page),
    .k-webkit .k-pager-numbers li:not(.k-current-page) {
        display: none
    }
    .k-edge .k-pager-numbers .k-current-page .k-link,
    .k-ff .k-pager-numbers .k-current-page .k-link,
    .k-ie11 .k-pager-numbers .k-current-page .k-link,
    .k-safari .k-pager-numbers .k-current-page .k-link,
    .k-webkit .k-pager-numbers .k-current-page .k-link {
        width: 3.8em;
        line-height: 2.564em;
        padding: 0 .429em 0 .8em;
        border-radius: 2px;
        background-image: none;
        background-image: none, -webkit-gradient(linear, left top, left bottom, from(false));
        background-image: none, -webkit-linear-gradient(top, false);
        background-image: none, linear-gradient(to bottom, false);
        background-position: 50% 50%;
        background-color: #fafafa;
        border: 1px solid transparent;
        border-top: 0;
        -webkit-box-shadow: 0 2px 2px 0 #fafafa;
        box-shadow: 0 2px 2px 0 #fafafa
    }
    .k-edge .k-pager-numbers .k-current-page:hover .k-link,
    .k-ff .k-pager-numbers .k-current-page:hover .k-link,
    .k-ie11 .k-pager-numbers .k-current-page:hover .k-link,
    .k-safari .k-pager-numbers .k-current-page:hover .k-link,
    .k-webkit .k-pager-numbers .k-current-page:hover .k-link {
        border-radius: 2px;
        background-color: #fff;
        border: 1px solid #ebebeb;
        border-top: 0;
        -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2), 0 2px 3px rgba(0, 0, 0, .05);
        box-shadow: 0 2px 6px rgba(0, 0, 0, .2), 0 2px 3px rgba(0, 0, 0, .05)
    }
    .k-edge .k-pager-numbers .k-current-page .k-link:after,
    .k-ff .k-pager-numbers .k-current-page .k-link:after,
    .k-ie11 .k-pager-numbers .k-current-page .k-link:after,
    .k-safari .k-pager-numbers .k-current-page .k-link:after,
    .k-webkit .k-pager-numbers .k-current-page .k-link:after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -.6em;
        right: .6em;
        width: 1.333em;
        height: 1.333em;
        background-position: 0 -30px
    }
    .k-edge .k-pager-numbers + .k-link,
    .k-ff .k-pager-numbers + .k-link,
    .k-ie11 .k-pager-numbers + .k-link,
    .k-safari .k-pager-numbers + .k-link,
    .k-webkit .k-pager-numbers + .k-link {
        margin-left: 5.4em
    }
    .k-edge .k-rtl .k-pager-numbers + .k-link,
    .k-ff .k-rtl .k-pager-numbers + .k-link,
    .k-ie11 .k-rtl .k-pager-numbers + .k-link,
    .k-safari .k-rtl .k-pager-numbers + .k-link,
    .k-webkit .k-rtl .k-pager-numbers + .k-link {
        margin-right: 5.4em;
        margin-left: 0
    }
    .k-edge .k-pager-wrap .k-pager-numbers .k-link,
    .k-edge .k-pager-wrap .k-pager-numbers .k-state-selected,
    .k-ff .k-pager-wrap .k-pager-numbers .k-link,
    .k-ff .k-pager-wrap .k-pager-numbers .k-state-selected,
    .k-ie11 .k-pager-wrap .k-pager-numbers .k-link,
    .k-ie11 .k-pager-wrap .k-pager-numbers .k-state-selected,
    .k-safari .k-pager-wrap .k-pager-numbers .k-link,
    .k-safari .k-pager-wrap .k-pager-numbers .k-state-selected,
    .k-webkit .k-pager-wrap .k-pager-numbers .k-link,
    .k-webkit .k-pager-wrap .k-pager-numbers .k-state-selected {
        display: block;
        margin-top: 0;
        margin-right: 0;
        padding: 1px 5px 1px .8em;
        text-align: left;
        border-top: 0;
        border-radius: 1px
    }
    .k-edge .k-pager-wrap .k-pager-numbers li:not(.k-current-page) .k-link:hover,
    .k-ff .k-pager-wrap .k-pager-numbers li:not(.k-current-page) .k-link:hover,
    .k-ie11 .k-pager-wrap .k-pager-numbers li:not(.k-current-page) .k-link:hover,
    .k-safari .k-pager-wrap .k-pager-numbers li:not(.k-current-page) .k-link:hover,
    .k-webkit .k-pager-wrap .k-pager-numbers li:not(.k-current-page) .k-link:hover {
        background-color: #ebebeb
    }
    .k-edge .k-pager-numbers.k-state-expanded,
    .k-ff .k-pager-numbers.k-state-expanded,
    .k-ie11 .k-pager-numbers.k-state-expanded,
    .k-safari .k-pager-numbers.k-state-expanded,
    .k-webkit .k-pager-numbers.k-state-expanded {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 2px 0 0;
        border-width: 1px 1px 0 1px;
        border-style: solid;
        border-color: #ebebeb;
        background-color: #fff;
        border-radius: 2px 2px 0 0;
        -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2)
    }
    .k-edge .k-pager-numbers.k-state-expanded .k-current-page,
    .k-ff .k-pager-numbers.k-state-expanded .k-current-page,
    .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page,
    .k-safari .k-pager-numbers.k-state-expanded .k-current-page,
    .k-webkit .k-pager-numbers.k-state-expanded .k-current-page {
        margin: -2.2em -1px 0;
        padding: 0
    }
    .k-edge .k-pager-numbers.k-state-expanded .k-current-page .k-link,
    .k-ff .k-pager-numbers.k-state-expanded .k-current-page .k-link,
    .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page .k-link,
    .k-safari .k-pager-numbers.k-state-expanded .k-current-page .k-link,
    .k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link {
        border-radius: 0 0 2px 2px;
        background-color: #fff;
        border: 1px solid #ebebeb;
        border-top: 0;
        -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2)
    }
    .k-edge .k-pager-numbers.k-state-expanded li,
    .k-ff .k-pager-numbers.k-state-expanded li,
    .k-ie11 .k-pager-numbers.k-state-expanded li,
    .k-safari .k-pager-numbers.k-state-expanded li,
    .k-webkit .k-pager-numbers.k-state-expanded li {
        display: inline-block
    }
    .k-edge .k-gantt-toolbar > ul.k-gantt-views,
    .k-ff .k-gantt-toolbar > ul.k-gantt-views,
    .k-ie11 .k-gantt-toolbar > ul.k-gantt-views,
    .k-safari .k-gantt-toolbar > ul.k-gantt-views,
    .k-webkit .k-gantt-toolbar > ul.k-gantt-views {
        top: 0
    }
}

@media only screen and (max-width:755px) {
    .k-edge .k-pager-info,
    .k-ff .k-pager-info,
    .k-ie11 .k-pager-info,
    .k-safari .k-pager-info,
    .k-webkit .k-pager-info {
        display: none
    }
}

@media only screen and (max-width:572px) {
    .k-edge .k-pager-sizes,
    .k-ff .k-pager-sizes,
    .k-ie11 .k-pager-sizes,
    .k-safari .k-pager-sizes,
    .k-webkit .k-pager-sizes {
        display: none
    }
}

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

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

.k-chart .k-handle {
    width: 15px;
    height: 15px;
    background-color: #3f51b5;
    border-radius: 10px
}

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

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

.k-chart .k-handle:hover {
    background-color: #00b0ff;
    border-color: #00b0ff
}

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

.k-chart .k-navigator-hint .k-scroll {
    background: #3f51b5;
    height: 4px
}

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

.k-map .k-marker {
    font-size: 28px;
    color: #3f51b5
}

.k-map .k-attribution {
    color: #666
}

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

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

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

.k-map .k-map-controls .k-button:active,
.k-map .k-map-controls .k-button:focus,
.k-map .k-map-controls .k-button:focus:active {
    background-color: #d6d6d6;
    border-color: #d6d6d6;
    -webkit-box-shadow: none;
    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
}

.k-spreadsheet-column-header,
.k-spreadsheet-row-header {
    background-color: #fff
}

.k-spreadsheet-column-header,
.k-spreadsheet-row-header,
.k-spreadsheet-top-corner {
    background-color: #fff;
    background-image: none;
    color: #000;
    border-color: #ccc
}

.k-spreadsheet-top-corner {
    border-color: #ccc
}

.k-spreadsheet-top-corner:after {
    border-color: transparent #ccc #ccc transparent
}

.k-spreadsheet-pane {
    border-color: #ccc
}

.k-spreadsheet-pane .k-spreadsheet-haxis,
.k-spreadsheet-pane .k-spreadsheet-vaxis {
    border-color: #e6e6e6
}

.k-spreadsheet-pane .k-spreadsheet-column-header,
.k-spreadsheet-pane .k-spreadsheet-row-header {
    border-color: #ccc
}

.k-spreadsheet-pane .k-spreadsheet-merged-cell {
    background-color: #fff
}

.k-spreadsheet-pane .k-selection-full,
.k-spreadsheet-pane .k-selection-partial {
    border-color: rgba(0, 176, 255, .2);
    background-color: rgba(0, 176, 255, .2)
}

.k-spreadsheet-pane .k-filter-range {
    border-color: #00b0ff
}

.k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-full,
.k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-partial {
    border-bottom-color: #00b0ff
}

.k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-full,
.k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-partial {
    border-right-color: #00b0ff
}

.k-auto-fill,
.k-spreadsheet-selection {
    border-color: #00b0ff;
}

.k-auto-fill-wrapper .k-tooltip {
    background: #fff
}


.k-dateinput.k-state-invalid .k-textbox {
    color: #ff3448;
    border-color: #ff3448
}

.k-dateinput.k-state-invalid .k-i-warning {
    margin-left: 0;
    margin-right: .7em;
    color: #ff3448
}

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

.k-datepicker .k-picker-wrap.k-state-invalid,
.k-timepicker .k-picker-wrap.k-state-invalid {
    border-color: #ff3448
}

.k-datepicker .k-picker-wrap.k-state-invalid .k-input,
.k-timepicker .k-picker-wrap.k-state-invalid .k-input {
    color: #ff3448
}

.k-datepicker .k-picker-wrap .k-i-warning,
.k-timepicker .k-picker-wrap .k-i-warning {
    color: #ff3448;
    margin-left: 0;
    margin-right: 2.8em
}

.k-rtl .k-datepicker .k-picker-wrap .k-i-warning,
.k-rtl .k-timepicker .k-picker-wrap .k-i-warning {
    margin-right: 0;
    margin-left: 2.8em
}

.k-datetimepicker .k-picker-wrap.k-state-invalid {
    border-color: #ff3448
}

.k-datetimepicker .k-picker-wrap.k-state-invalid .k-input {
    color: #ff3448
}

.k-datetimepicker .k-picker-wrap .k-i-warning {
    color: #ff3448;
    margin-left: 0;
    margin-right: 5.6em
}

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

.k-dropdown-wrap .k-select,
.k-numeric-wrap .k-select,
.k-picker-wrap .k-select {
    line-height: 2.42142857em;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
}

.k-column-menu .k-calendar .k-link {
    white-space: normal
}

.k-calendar {
    position: relative;
    display: inline-block;
    width: 19em;
    overflow: hidden
}

.k-week-number {
    width: 21.71428571em
}

.k-calendar .k-link,
.k-calendar td {
    text-decoration: none
}

.k-calendar .k-action-link {
    text-decoration: underline
}

.k-calendar .k-footer,
.k-calendar .k-header {
    position: relative;
    text-align: center;
    zoom: 1
}

.k-widget.k-calendar .k-nav-next,
.k-widget.k-calendar .k-nav-prev {
    position: absolute;
    top: .16666em;
    line-height: 1.8333em;
    height: 1.8333em
}

.k-widget.k-calendar .k-nav-prev {
    left: 1%
}

.k-widget.k-calendar .k-nav-next {
    right: 1%
}

.k-calendar .k-content {
    float: left;
    border-spacing: 0;
    width: 100%;
    height: 14.167em;
    border-width: 0;
    margin: 0;
    table-layout: fixed;
    outline: 0
}

.k-calendar .k-content,
.k-calendar .k-content th {
    text-align: right
}

.k-calendar .k-content .k-alt {
    border-radius: 0;
    text-align: center;
    font-weight: 400;
    cursor: default;
    line-height: 1.8333em
}

.k-calendar .k-animation-container .k-content {
    height: 100%
}

.k-widget.k-calendar .k-nav-fast {
    display: inline-block;
    width: 75%;
    height: 1.8333em;
    line-height: 1.8333em;
    margin: .16666em -.08333em .3333em 0
}

.k-calendar .k-header .k-icon {
    vertical-align: middle
}

.k-calendar .k-header .k-link.k-nav-next,
.k-calendar .k-header .k-link.k-nav-prev {
    height: 1.8333em;
    width: 1.8333em
}

.k-calendar th {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: .4em .45em .4em .1em;
    font-weight: 400;
    cursor: default
}

.k-calendar td {
    padding: .08333em;
    cursor: pointer
}

.k-calendar .k-state-focus {
    border-style: dotted;
    border-width: .08333em;
    padding: 0
}

.k-calendar .k-content .k-link {
    display: block;
    overflow: hidden;
    min-height: 1.8333em;
    line-height: 1.8333em;
    padding: 0 .45em 0 .1em
}

.k-calendar .k-meta-view .k-link {
    padding: .25em 0 .3em;
    text-align: center
}

.k-calendar .k-century .k-link {
    text-align: left;
    padding: 0 .45em
}

.k-calendar .k-footer {
    clear: both
}

.k-calendar .k-footer .k-nav-today,
.k-calendar .k-footer > .k-state-disabled {
    display: block;
    height: 100%;
    padding: .5em 0
}

.k-calendar .k-nav-today:hover {
    text-decoration: underline
}

.k-calendar {
    -webkit-touch-callout: none
}

.k-popup.k-calendar-container,
.k-popup.k-list-container {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    padding: 2px;
    border-width: 1px;
    border-style: solid
}

.k-popup .k-calendar {
    border: 0
}

.k-scheduler-footer .k-icon,
.k-scheduler-toolbar .k-i-calendar {
    margin: -2px 6px 0 0
}

.k-calendar .k-header {
    margin: 0 -5px
}

.k-calendar td {
    padding: 0
}

.k-calendar .k-content .k-link {
    min-height: 2.571em;
    line-height: 2.571em;
    padding: 0;
    text-align: center
}

.k-calendar .k-century .k-link {
    text-align: left;
    padding: 0 .7em;
    line-height: 1.3em
}

.k-calendar th {
    border-bottom-width: 0;
    padding: .714em .45em .714em 0
}

.k-calendar .k-footer {
    border-top-width: 1px;
    border-top-style: solid;
    margin: 0 -5px
}

.k-popup.k-list-container {
    padding: .286em 0
}

.k-popup.k-calendar-containe {
    padding: 0
}

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

.k-widget.k-calendar .k-nav-fast {
    width: 65%;
    height: 2.571em;
    line-height: 2.571em;
    margin: .429em -.08333em .429em 0
}

.k-calendar .k-header .k-icon {
    vertical-align: middle
}

.k-widget.k-calendar .k-nav-next,
.k-widget.k-calendar .k-nav-prev {
    position: absolute;
    top: .429em;
    line-height: 2.571em;
    height: 2.571em
}

.k-calendar .k-header .k-link.k-nav-next,
.k-calendar .k-header .k-link.k-nav-prev {
    height: 2.571em;
    width: 2.571em
}

.k-widget.k-calendar .k-nav-prev {
    left: .429em
}

.k-widget.k-calendar .k-nav-next {
    right: .429em
}

.k-calendar .k-footer .k-nav-today,
.k-calendar .k-footer > .k-state-disabled {
    padding: 1.143em 0 1.071em
}

.k-popup.k-calendar-container {
    padding: 0;
    border: 0
}

.form_datetime i{
    left: 16px!important;
}