@import "../libs/kendo/styles/kendo.metro.min.css";

input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=time]:focus, textarea:not(.editor):focus {
    border: 1px solid #E9600F;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.22),
    0 0 7px rgba(170,188,207, 0.69);

    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
	
}

input, textarea:not(.editor){
	font-family: DroidSans;
    font-size: 12px;
}

.k-tabstrip h3 {
    display: inline-block;
    font-size: 1.6em;
    font-weight: normal;
    margin-bottom: 0;
}
.k-tabstrip .k-tabstrip-items {
    padding: 0;
}
.k-tabstrip .k-item .k-link {
    text-transform: uppercase !important;
    color: #fff !important;
    font-family: 'GillSansB',sans-serif !important;
    /*font-weight: bold;*/
}
.k-tabstrip .k-item.k-state-default {
    background: #ccc;
    margin-right: 1px;
}
.k-tabstrip .k-item.k-state-active {
    background: #285070;
}
.k-tabstrip .k-item,
.k-tabstrip .k-content {
    border: 0;

}

.k-grid th.k-header {
    background: #9ab7c3 !important;
    font-family: 'GillSansB', sans-serif !important;
    text-transform: uppercase;
    font-size: 1em !important;
    /*shadows*/
    border-bottom: 1px solid #8eadbc;
    border-left: 1px solid #85aaba;
    border-top: 1px solid #85aaba;
    box-shadow: inset 1px 1px 0px 0px #9ab7c3;
}
.k-grid .k-header .k-link {
    color: #fff !important;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.k-grid .k-alt {
    background-color: #e3eff2;
}

.k-grid td {
    padding: .8em .6em;
}

/*th .k-i-arrow-n {
    background-position: -65px -112px !important;
    position: absolute !important;
}
th .k-i-arrow-s {
    background-position: -65px -128px !important;
    position: absolute !important;
}*/

.k-grid .k-pager-wrap {
    background-color:rgb(235,235,235); color:rgb(31,110,152);
    border-bottom: 1px solid #b3c6d0;
}
.k-grid .k-pager-info {
    padding-left: 0;
}
.k-grid .k-pager-numbers .k-link {
    color: #000;
}

.k-pager-wrap a.k-link:hover ,
.k-grid .k-pager-numbers .k-link:hover ,
.k-grid .k-pager-numbers .k-state-selected {
    background-color: #fff;
    color: #1F6E98;
    border-color: #fff;
}

.k-pager-wrap a.k-link:hover {
    background: #fff !important;
}
.k-pager-wrap a.k-link {
    background: #bbd2e0;
}

.k-pager-wrap a.k-link.k-state-disabled ,
.k-pager-wrap a.k-link.k-state-disabled:hover {
    background: #fff;
}

/*.k-grid .k-pager-wrap .k-link:hover .k-i-seek-e {
    background-position: -80px -67px;
}
.k-grid .k-pager-wrap .k-i-seek-e ,    *//* next end *//*
.k-grid .k-pager-wrap .k-state-disabled:hover .k-i-seek-e {    *//* next end *//*
    background-position: -66px -67px;
}

.k-grid .k-pager-wrap .k-link:hover .k-i-arrow-e {
    background-position: -79px -95px;
}
.k-grid .k-pager-wrap .k-i-arrow-e ,   *//* next *//*
.k-grid .k-pager-wrap .k-state-disabled:hover .k-i-arrow-e {   *//* next *//*
    background-position: -65px -95px;
}

.k-grid .k-pager-wrap .k-link:hover .k-i-seek-w {
    background-position: -82px -53px;
}
.k-grid .k-pager-wrap .k-i-seek-w ,    *//* prev end *//*
.k-grid .k-pager-wrap .k-state-disabled:hover .k-i-seek-w {    *//* prev end *//*
    background-position: -68px -53px;
}


.k-grid .k-pager-wrap .k-link:hover .k-i-arrow-w {
    background-position: -80px -81px;
}
.k-grid .k-pager-wrap .k-i-arrow-w ,   *//* prev *//*
.k-grid .k-pager-wrap .k-state-disabled:hover .k-i-arrow-w {   *//* prev *//*
    background-position: -66px -81px;
}*/

.k-grid .k-pager-sizes .k-dropdown-wrap {
    background: #bbd2e0;
    border-color: #bbdef1;
    color: #BBDEF1;
}
.k-grid .k-pager-sizes .k-dropdown-wrap .k-select {
    border-left: 1px solid #bbdef1;
}

.k-grid .k-pager-sizes .k-dropdown-wrap.k-state-hover .k-select {
    border-left: 1px solid #1f6e98;
}

.k-grid .k-pager-sizes .k-dropdown-wrap.k-state-hover {
    background: #fff;
    border: 1px solid #1f6e98;
}
.k-grid .k-pager-sizes .k-dropdown-wrap.k-state-hover span.k-input{
    color: #1f6e98;
}

/*.k-grid .k-pager-sizes .k-dropdown-wrap  .k-i-arrow-s {
    background-position: -124px -32px ;
}
.k-grid .k-pager-sizes .k-dropdown-wrap.k-state-hover  .k-i-arrow-s {
    background-position: -140px -32px ;
}*/
/* TODO: background of dropdown list items at the moment is green, should be blue. Проблема: нет привязки к родительскому блоку. */


.k-window.edit-overlay,
.k-window.notification-overlay {
    border: 0;
}
.k-window.edit-overlay .k-window-actions,
.k-window.notification-overlay .k-window-actions {
    display: none;
}
.k-window.edit-overlay .k-window-title,
.k-window.notification-overlay .k-window-title{
    text-transform: uppercase;
    color: #fff;
    padding-top: 5px;
    padding-left: 5px;;
}
.k-window.edit-overlay form,
.k-window.notification-overlay .message-wrapper {
    width: 80%;
    margin: auto;
    padding: 20px 0 30px;
}
.k-window.edit-overlay form label {
    margin-right: 10px;
}
.k-window .actions {
    /*width: 95%;*/
    margin: auto;
    padding-bottom: 7px;
}
.k-window .actions.notify {
    width: 95%;
    margin: auto;
    padding: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    max-height: 2.5em;
}
.k-window .actions button {
    width: 75px;
    text-transform: uppercase;
    border-radius: 0;
    border: 0;
    box-shadow: none;
    background: #b9b9b9;
    color: #fff;
    text-shadow: none;
    padding: 5px;
}
/*button.cancel:hover,*/
/*button.save:hover ,*/
/*button.cancel:active,*/
/*button.save:active {*/

.k-window .actions button:hover,
.k-window .actions button:active {
    background: #1f6e98;
    box-shadow: none;
}
.k-window.edit-overlay > div.k-window-titlebar {
    background: #1f6e98;
    border-bottom: 1px solid #175271;
}
.k-window.notification-overlay > div.k-window-titlebar {
    background: #ff622d;
    border-bottom: 1px solid #d93600;
}

/* Panel Bar */

.k-panelbar .k-link.k-header {
    color: #fff !important;
    box-shadow: none;
}

.k-panelbar .k-state-default .k-link {
    background: #1f6e98;
}

.k-panelbar .k-item .k-link.k-header.k-state-hover,
.k-panelbar .k-item.k-state-active .k-link.k-header {
    background: #285070;
    border-bottom-color: #668d32;
}
.k-panelbar .k-group .k-link {
    background: #fff;
    color: #000;
}

.k-panelbar .k-group .k-link.k-state-focused,
.k-panelbar .k-group .k-link.k-state-hover {
    background: #C7DFA4;
    box-shadow: none;

}

.k-button:hover{color:#fff;border-color:#e9600f;background:#e9600f !important;}

/* dropdown fix */
.k-ff {
    overflow: inherit !important;
}



/*.k-panelbar .k-state-focused.k-state-hover{background:#8ebc00;} to #e9600f*/

.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-color:#e9600f
}
.k-grid-content .k-state-selected{
    background-color:#e9600f !important
}

.k-pager-refresh{ background:transparent !important;}
.k-pager-wrap a.k-pager-refresh.k-link:hover{
    background-color: transparent !important;
}
.k-pager-wrap a.k-pager-refresh.k-link:hover span{
	color:#285070 !important;
}





/* kendo 2019 fixes */

.sfFiltersContainer .k-multiselect{
    display: inline-block;
    width: 140px;
}

#sfAddFilterSelectBox{
    width: 150px;
    display: inline-block;
}
#sfAddFilterSelectBox .k-multiselect-wrap, .sfFiltersContainer .k-multiselect-wrap{
    padding: 2px 1px 1px 1px;
}
#sfAddFilterSelectBox .k-multiselect-wrap span.k-select, .sfFiltersContainer .k-multiselect-wrap span.k-select{ display: none; }
#sfAddFilterSelectBox #filterMultiselectBox_taglist li.k-button, .sfFiltersContainer li.k-button, .sfFiltersContainer li.k-button:hover{
    background: none !important;
    margin: 0;
    color: #333;
    font-size: 12px !important;
    font-weight: bold;
}
.sfFilter-date{
    width: 97px;
}

#filterMultiselectBox_taglist .k-button, .sfFiltersContainer .k-button{
    max-width: 90px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

#sfAddFilterSelectBox input.k-input{ width: 50px !important}
.k-pager-wrap .k-pager-input input{
    height: 23px;
}
.k-pager-wrap .k-dropdown-wrap{
    height: 23px;
}
.k-pager-wrap .k-dropdown-wrap span.k-icon{
    margin-top: -3px;
}

.buttons .k-button{
    display: inline-block;
}

.k-grid th.k-header.commandCell{
    border-bottom: 2px solid #fff;
}

.k-window-actions .k-button{
    background: none !important;
    color: #333 !important;
}

.k-filter-row th, .k-grid-header th.k-header{
    padding-left: 0;
}

.k-filter-row th a, .k-grid-header th.k-header a{
    padding-left: 5px !important;
}

.k-grid .k-state-selected:hover, .k-grid tr:hover{
    background: #F6F6F6;
    color: initial;
}

.k-grid tbody .k-button{
    font-size: 0px;
    padding: 0;
    padding-left: 6px;
    margin: 0 2px;
}
.k-grid tbody .k-button span[class^='icon-']{
    font-size: 16px;
    margin-left: -4px;
}

.k-edit::before {
    content: "\e10b";
}
.k-delete::before {
    content: "\e10c";
}
.k-add::before {
    content: "\e11e";
}
.k-update::before {
    content: "\e118";
}
.k-dropdown-wrap.k-state-focused{
    background: #E65F0F;
}

.textButton{
    font-size: inherit !important;
    padding: 0 5px !important;
}

.k-dropdown-wrap .k-icon{
    color: #525252 !important;
}