﻿/*REGOLE 
	#7ea700 -> #0076a7
	#8ebc00 -> #0081b6
	#445b00 -> #00445b
	#00b7f3 -> #00b7f3
	#d1dfa3 -> #a3d6df;
	#8bb019 -> #198eb0;
	#8bb019 -> #198bb0;
*/

.k-dropdown .k-state-focused .k-input { color: white; }
.k-draghandle { border-color: #219fd1; background: #219fd1; }
    .k-draghandle:hover { border-color: #219fd1; background: #219fd1; }
.k-event,
.k-task-complete { border-color: #0076a7; background: #0076a7 0 -257px none repeat-x; }
.k-scheduler-marquee:before,
.k-scheduler-marquee:after { border-color: #0076a7; }

/* states */
.k-state-active,
.k-state-active:hover,
.k-active-filter,
.k-tabstrip .k-state-active { border-color: #0076a7; }
.k-button:hover,
.k-button.k-state-hover { border-color: #219fd1; background: #219fd1; }
.k-button:active,
.k-button.k-state-active { background: #0076a7; border-color: #0076a7; }
    .k-button:active:hover,
    .k-button.k-state-active:hover { border-color: #0076a7; background: #0076a7; }
.k-state-focused,
.k-grouping-row .k-state-focused { border-color: #0081b6; }
.k-calendar .k-nav-fast.k-state-hover { background: #0081b6; }

.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 { background: #0076a7; border-color: #0076a7; }
.k-marquee-text { }
.k-state-focused,
.k-list > .k-state-focused,
.k-listview > .k-state-focused,
.k-grid-header th.k-state-focused,
td.k-state-focused,
.k-button.k-state-hover,
.k-button:hover,
.k-button.k-state-focus,
.k-button:focus,
.k-button.k-state-focused { -webkit-box-shadow: inset 0px 0px 0px 1px #0081b6; box-shadow: inset 0px 0px 0px 1px #0081b6; }
    .k-state-focused.k-state-selected,
    .k-list > .k-state-focused.k-state-selected,
    .k-listview > .k-state-focused.k-state-selected,
    td.k-state-focused.k-state-selected { -webkit-box-shadow: inset 0px 0px 3px 1px #00445b; box-shadow: inset 0px 0px 3px 1px #00445b; }
.k-ie8 .k-panelbar span.k-state-focused,
.k-ie8 .k-menu li.k-state-focused,
.k-ie8 .k-listview > .k-state-focused,
.k-ie8 .k-grid-header th.k-state-focused,
.k-ie8 td.k-state-focused,
.k-ie8 .k-tool.k-state-hover,
.k-ie8 .k-button:focus,
.k-ie8 .k-button.k-state-focused,
.k-ie7 .k-panelbar span.k-state-focused,
.k-ie7 .k-menu li.k-state-focused,
.k-ie7 .k-listview > .k-state-focused,
.k-ie7 .k-grid-header th.k-state-focused,
.k-ie7 td.k-state-focused,
.k-ie7 .k-tool.k-state-hover,
.k-ie7 .k-button:focus,
.k-ie7 .k-button.k-state-focused { background: #219fd1; color: white !important; }
.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 { background: #219fd1; border-color: #219fd1; }
/* 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 { background: #219fd1; border-color: #219fd1; }
.k-ie7 .k-window-titlebar .k-state-hover,
.k-ie8 .k-window-titlebar .k-state-hover { border-color: #219fd1; }
.k-state-hover > .k-select,
.k-state-focused > .k-select { border-color: #219fd1; }
.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, -webkit-linear-gradient(top, #0081b6 0px, #0081b6 100%); background-image: none, -moz-linear-gradient(top, #0081b6 0px, #0081b6 100%); background-image: none, -o-linear-gradient(top, #0081b6 0px, #0081b6 100%); background-image: none, linear-gradient(to bottom, #0081b6 0px, #0081b6 100%); }
.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: #219fd1; color: white !important; background-image: none, -webkit-linear-gradient(top, #0081b6 0px, #0081b6 100%); background-image: none, -moz-linear-gradient(top, #0081b6 0px, #0081b6 100%); background-image: none, -o-linear-gradient(top, #0081b6 0px, #0081b6 100%); background-image: none, linear-gradient(to bottom, #0081b6 0px, #0081b6 100%); background-position: 50% 50%; border-color: #dadada; }
.k-slider-selection { background: #0076a7; }
.k-textbox:hover,
.k-tiles li.k-state-hover { border-color: #219fd1; }
.k-tiles li.k-state-selected { border-color: #0076a7; }
.k-grid td.k-state-selected.k-state-focused { background: #0081b6; }
/* Selection */
.k-editor-inline ::selection { background: #0076a7; }
.k-editor-inline ::-moz-selection { background: #0076a7; }
/* Gantt */
.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: #0076a7; }
.k-state-selected.k-task-summary { border-color: #00b7f3; background: #00b7f3; }
.k-state-selected.k-task-milestone,
.k-state-selected .k-task-summary-complete { border-color: #0076a7; background: #0076a7; }
.k-task-single { background: #00b7f3; border-color: #0076a7; }
.k-state-selected.k-task-single { border-color: #0076a7; }
.k-state-selected.k-line { background: #0076a7; color: #0076a7; }
.k-numeric-wrap .k-link.k-state-selected { background: #0076a7; }
.km-pane-wrapper .k-mobile-list .k-item.k-state-selected { background: #0076a7; border-top-color: #0076a7; }
.k-autocomplete.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-dropdown-wrap.k-state-hover { background: #219fd1; background-image: none, -webkit-linear-gradient(top, #0081b6 0px, #0081b6 100%); background-image: none, -moz-linear-gradient(top, #0081b6 0px, #0081b6 100%); background-image: none, -o-linear-gradient(top, #0081b6 0px, #0081b6 100%); background-image: none, linear-gradient(to bottom, #0081b6 0px, #0081b6 100%); }
.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: #219fd1; background-image: none, -webkit-linear-gradient(top, #0081b6 0px, #0081b6 100%); background-image: none, -moz-linear-gradient(top, #0081b6 0px, #0081b6 100%); background-image: none, -o-linear-gradient(top, #0081b6 0px, #0081b6 100%); background-image: none, linear-gradient(to bottom, #0081b6 0px, #0081b6 100%); }
.k-multiselect:not(.k-state-disabled) .k-button,
.k-multiselect:not(.k-state-disabled) .k-button .k-icon { color: white; }
.k-panelbar .k-state-focused.k-state-hover { background: #219fd1; }
.k-tabstrip-items .k-state-hover,
.k-ie7 .k-tabstrip-items .k-state-hover .k-loading { border-color: #219fd1; }
.k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-items .k-state-active,
.k-ie7 .k-tabstrip-items .k-state-active .k-loading { border-color: #0076a7; }
.k-grid td.k-state-focused { -webkit-box-shadow: inset 0 0 0 1px inset 0px 0px 0px 1px #0081b6; box-shadow: inset 0 0 0 1px inset 0px 0px 0px 1px #0081b6; }
.k-primary,
.k-overflow-container .k-primary { border-color: #0076a7; transition: background linear .1s; }
    .k-primary:hover { border-color: #0076a7; background: #0076a7; transition: background linear .1s; }
    .k-primary:active { border-color: #0076a7; background: #0076a7; }
    .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: #a3d6df; border-color: #198eb0; background: #198bb0; }
.k-checkbox-label:hover:after,
.k-checkbox:checked + .k-checkbox-label:hover:after { border-color: #219fd1; }
.k-checkbox-label:active:after { border-color: #219fd1; }
.k-checkbox:checked + .k-checkbox-label:active:after { border-color: #219fd1; }
.k-radio-label:hover:before,
.k-radio:checked + .k-radio-label:hover:before { border-color: #219fd1; }
.k-radio-label:active:before { border-color: #219fd1; }
.k-checkbox:focus + .k-checkbox-label:after,
.k-radio:focus + .k-radio-label:before { border-color: #219fd1; }
.ktb-checkbox-label-hover-after,
.ktb-checkbox-checked + .ktb-checkbox-label-hover-after { border-color: #219fd1; }
.ktb-checkbox-label-active-after { border-color: #219fd1; }
.ktb-radio-label-hover-before,
.ktb-radio-checked + .ktb-radio-label-hover-before { border-color: #219fd1; }
.ktb-radio-label-active-before { border-color: #219fd1; }

.k-state-disabled { opacity: .85 !important; }
    .k-state-disabled > .k-input,
    .k-textbox:disabled,
    .k-textbox:disabled:hover { background: #efefef; color: #545454; }


/** KENDO GRID CUSTOMIZE SELECTION AND HOVER **/
.k-grid tr:hover { background: #dcdcdc !important; }
.k-grid tr:not(.k-state-selected):hover { background: #efefef; color: #787878; }
.k-grid tr.k-state-selected:hover { background: #006088; color: whitesmoke; }
.k-grid td { padding: .4em .5em; }
.k-window-titlebar { font-size: 1em !important; background: #f5f5f5; color: #000; }


/* KENDO menu */
.k-menu .k-item.k-state-hover,
.k-menu .k-item.k-state-hover > .k-link { background: #0585CE !important; box-shadow: none !important; }

.k-tabstrip { }
    .k-tabstrip .k-content { padding: 15px; }

    .k-tabstrip.no-border { background: transparent; border: none; }
        .k-tabstrip.no-border .k-tabstrip-items { padding: 0; }
        .k-tabstrip.no-border .k-content { margin: 0 }

[class^="k-"]:not(.k-i-close) { border-radius: initial !important; }

.validation-box { }
    .validation-box.validation-box-error { display: block; font-weight: bold; font-size: 11px; text-transform: uppercase; color: #af2323; }
