.k-block, .k-widget, .k-input, .k-textbox, .k-group, .k-content, .k-header, .k-filter-row > th, .k-editable-area, .k-separator, .k-colorpicker .k-i-arrow-s, .k-textbox > input, .k-autocomplete, .k-dropdown-wrap, .k-toolbar, .k-group-footer td, .k-grid-footer, .k-footer-template td, .k-state-default, .k-state-default .k-select, .k-state-disabled, .k-grid-header, .k-grid-header-wrap, .k-grid-header-locked, .k-grid-footer-locked, .k-grid-content-locked, .k-grid td, .k-grid td.k-state-selected, .k-grid-footer-wrap, .k-pager-wrap, .k-pager-wrap .k-link, .k-pager-refresh, .k-grouping-header, .k-grouping-header .k-group-indicator, .k-panelbar > .k-item > .k-link, .k-panel > .k-item > .k-link, .k-panelbar .k-panel, .k-panelbar .k-content, .k-treemap-tile, .k-calendar th, .k-slider-track, .k-splitbar, .k-dropzone-active, .k-tiles, .k-toolbar, .k-tooltip, .k-button-group .k-tool, .k-upload-files {
    border-color: #dadada;
}

.k-picker.k-hover, .k-picker:hover, .k-widget.k-picker.k-hover, .k-widget.k-picker:hover {
    border-color: #b8bac0;
    color: #ffffff;
    background-image: none, linear-gradient(to bottom, #006f66 0px, #018c81 100%);
    background-color: #dbdee5;
}


.k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-marquee-color, .k-panel > .k-selected, .k-panel > .k-state-selected, .k-scheduler .k-today.k-selected, .k-scheduler .k-today.k-state-selected, .k-selected, .k-selected:link, .k-selected:visited, .k-state-selected, .k-state-selected:link, .k-state-selected:visited {
    border-color: #b8bac0;
    color: #ffffff;
    background-image: none, linear-gradient(to bottom, #006f66 0px, #018c81 100%);
    background-color: #dbdee5;
}

.k-picker.k-focus, .k-picker:focus, .k-widget.k-picker.k-focus, .k-widget.k-picker:focus {
    border-color: #018c81;
    box-shadow: none;
}
.k-focus.k-selected, .k-focus.k-state-selected, .k-listview > .k-focus.k-selected, .k-listview > .k-focus.k-state-selected, .k-listview > .k-state-focused.k-selected, .k-listview > .k-state-focused.k-state-selected, .k-state-focused.k-selected, .k-state-focused.k-state-selected, td.k-focus.k-selected, td.k-focus.k-state-selected, td.k-state-focused.k-selected, td.k-state-focused.k-state-selected {
    box-shadow: inset 0 0 3px 1px #b8bac0;
}

.k-focus, .k-grid-header th.k-focus, .k-grid-header th.k-state-focused, .k-listview > .k-focus, .k-listview > .k-state-focused, .k-state-focused, td.k-focus, td.k-state-focused {
    box-shadow: inset 0 0 0 1px #018c81;
}

.k-list-item.k-hover, .k-list-item:hover {
    border-color: #b8bac0;
    color: #ffffff;
    background-image: none, linear-gradient(to bottom, #006f66 0px, #018c81 100%);
    background-color: #dbdee5;
}

.k-list-item.k-focus, .k-list-item:focus {
    box-shadow: inset 0 0 0 1px #018c81;
}

.k-input.k-hover, .k-input:hover, .k-widget.k-input.k-hover, .k-widget.k-input:hover {
    border-color: #018c81;
    color: #787878;
    background-color: #fff;
    background-image: linear-gradient(none);
    background-image: none;
}

.k-input:hover.k-textbox, .k-input:hover.k-textbox::placeholder {
    color: #fff;
}

.k-button {
    color: #787878;
    border-color: #dadada;
    background-color: #ffffff;
}

.k-button:hover, .k-button.k-state-hover {
    color: #ffffff;
    border-color: #006f66;
    background-color: #006f66;
}

.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;
    background-image: none, -webkit-linear-gradient(top, #006f66 0px, #018c81 100%);
    background-image: none, -moz-linear-gradient(top, #006f66 0px, #018c81 100%);
    background-image: none, -o-linear-gradient(top, #006f66 0px, #018c81 100%);
    background-image: none, linear-gradient(to bottom, #006f66 0px, #018c81 100%);
}

.k-textbox:hover{
    background-image:none;
}

.k-input:hover.k-textbox, .k-input:hover.k-textbox::placeholder {
    color: black;
}

.k-calendar .k-button:hover, .k-calendar .k-button.k-state-hover {
    color: #ffffff;
    border-color: #006f66 !important;
    background-color: #006f66 !important;
}

.k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected .k-link {
    border-color: #156fa8;
    color: #fff;
    background-color: #018c81;
}

.k-calendar .k-calendar-td:hover .k-link {
    border-color: #b8bac0;
    color: #ffffff;
    background-image: none, linear-gradient(to bottom, #006f66 0px, #018c81 100%);
    background-color: #dbdee5;
}

.k-calendar .k-calendar-header .k-nav-today, .k-calendar .k-footer .k-nav-today {
    color: #018c81;
}

.k-calendar .k-calendar-header .k-nav-today:focus, .k-calendar .k-calendar-header .k-nav-today:hover, .k-calendar .k-footer .k-nav-today:focus, .k-calendar .k-footer .k-nav-today:hover {
    color: #018c81
}

.k-calendar .k-today .k-link {
    color: #018c81;
    box-shadow: inset 0 0 0 1px #018c81;
}

.k-primary, .k-overflow-container .k-primary {
    color: #ffffff !important;
    border-color: #018c81;
    background-image: none;
    background-position: 50% 50%;
    background-color: #018c81;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-primary:hover {
    color: #ffffff;
    border-color: #018c81;
    background-image: none;
    background-color: #018c81;
    -webkit-box-shadow: none;
    box-shadow: none;
}


.k-button-solid-base.k-focus, .k-button-solid-base:focus {
    border-color: #018c81;
    box-shadow: none;
}

.k-button:focus {
    color: white !important;
}

.k-button-solid-base.k-active, .k-button-solid-base.k-selected, .k-button-solid-base:active {
    border-color: #b8bac0;
    color: #ffffff;
    background-image: none, linear-gradient(to bottom, #006f66 0px, #018c81 100%);
    background-color: #dbdee5;
}

.k-window .k-window-titlebar .k-button:hover {
    border-color: #b8bac0 !important;
    color: #ffffff;
    background-image: none, linear-gradient(to bottom, #006f66 0px, #018c81 100%) !important;
    background-color: #dbdee5 !important;
}

.k-window .k-window-titlebar .k-button:focus {
    border-color: #b8bac0 !important;
    color: #ffffff;
    background-image: none, linear-gradient(to bottom, #006f66 0px, #018c81 100%) !important;
    background-color: #dbdee5 !important;
}


.k-filebrowser-dropzone, .k-hover, .k-splitbar-horizontal-hover, .k-splitbar-vertical-hover, .k-state-hover {
    color: #fff;
    background-color: #018c81;
    border-color: #8ebc00;
}

.k-hover, .k-other-month.k-hover .k-link, .k-other-month.k-state-hover .k-link, .k-state-hover, div.k-filebrowser-dropzone em {
    background-image: url(textures/highlight.png);
    background-image: none, linear-gradient(to bottom, #018c81 0, #018c81 100%);
}


/* tabstrip area */

.k-tabstrip-items .k-link {
    padding: .5em 1em;
    color: gray;
    cursor: pointer;
    display: inline-flex;
    vertical-align: middle;
    flex: 1 1 auto;
    flex-direction: row;
    align-content: center;
    align-items: center;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active, .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-state-active {
    border-top: solid;
    border-color: #018c81;
    border-bottom-color: transparent;
    color: gray;
}



.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item, .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item {
    border-color: #80808052;
    border-bottom-color: #018c81;
}

    .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item .k-link:hover {
        border-color: #b8bac0;
        color: white;
        background-image: none, linear-gradient(to bottom, #006f66 0px, #018c81 100%);
    }

.k-tabstrip-top > .k-tabstrip-items-wrapper {
    border-color: #018c81;
}

.k-tabstrip-left > .k-tabstrip-items-wrapper .k-item.k-active, .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item.k-state-active {
    border-top: solid;
    border-color: #018c81;
    border-right-color: transparent;
}


.k-tabstrip-left > .k-tabstrip-items-wrapper .k-item, .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item {
    border-color: #80808052;
    border-right-color: transparent;
}

    .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item .k-link:hover {
        border-color: #b8bac0;
        color: white;
        background-image: none, linear-gradient(to bottom, #006f66 0px, #018c81 100%);
    }

.k-tabstrip-left > .k-tabstrip-items-wrapper {
    border-color: transparent;
}


.k-tabstrip-content, .k-tabstrip > .k-content {
    border-color: #018c81;
}

/*
    grid area tables
*/

.k-grid td.k-grid-content-sticky.k-selected:hover, .k-grid td.k-grid-content-sticky.k-state-selected:hover, .k-grid td.k-selected:hover, .k-grid td.k-state-selected:hover, .k-grid tr:hover {
    color: gray;
    background-color: #ebebeb;
}

.k-grid .k-command-cell > .k-button + .k-button {
    margin-left: 7px;
    margin-inline-end: unset;
    margin-inline-start: 0px;
}

.k-grid .k-grid-edit-row td {
    padding: 3px 8px;
    text-overflow: clip;
    text-align: center;
}

.k-grid .k-selected:hover, .k-grid .k-state-selected:hover {
    color: #ffffff;
    background-image: none, linear-gradient(to bottom, #006f66 0px, #018c81 100%);
    background-color: #dbdee5;
}

.k-panelbar > .k-item > .k-link.k-hover, .k-panelbar > .k-item > .k-link:hover, .k-panelbar > .k-panelbar-header > .k-link.k-hover, .k-panelbar > .k-panelbar-header > .k-link:hover {
    border-color: #018c81;
    color: #fff;
    background-image: none, linear-gradient(to bottom, #006f66 0px, #018c81 100%);
}

.k-panelbar > .k-item > .k-link.k-selected, .k-panelbar > .k-panelbar-header > .k-link.k-selected {
    border-color: #018c81;
    color: #fff;
    background-color: #018c81;
}

.k-pager-wrap .k-link.k-selected, .k-pager-wrap .k-link.k-state-selected {
    color: #fff;
    background-color: #006f6624;
    border-color: #018c81;
}

.k-pager-numbers .k-link.k-selected {
    color: #fff;
    background-color: #006f6624
}

.k-pager-wrap .k-link:hover {
    color: white;
}

/*
    tooltip area
*/

span.k-tooltip {
    position: absolute;
}

.k-widget.k-tooltip {
    border-color: #dadada;
    background-color: rgba(0, 0, 0, 0);
    color: #555555;
}

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

.k-tooltip-error {
    border-color: transparent;
    color: black;
    background-color: white;
}

/* expand area */
.k-panelbar > .k-item > .k-link.k-focus, .k-panelbar > .k-item > .k-link.k-state-focus, .k-panelbar > .k-item > .k-link.k-state-focused, .k-panelbar > .k-item > .k-link:focus, .k-panelbar > .k-panelbar-header > .k-link.k-focus, .k-panelbar > .k-panelbar-header > .k-link.k-state-focus, .k-panelbar > .k-panelbar-header > .k-link.k-state-focused, .k-panelbar > .k-panelbar-header > .k-link:focus {
    box-shadow: inset 0 0 0 1px #018c81;
}

.k-panelbar > .k-item > .k-link.k-hover, .k-panelbar > .k-item > .k-link.k-state-hover, .k-panelbar > .k-item > .k-link:hover, .k-panelbar > .k-panelbar-header > .k-link.k-hover, .k-panelbar > .k-panelbar-header > .k-link.k-state-hover, .k-panelbar > .k-panelbar-header > .k-link:hover {
    background-color: #018c81;
}

.k-panelbar > .k-item > .k-link.k-hover, .k-panelbar > .k-item > .k-link.k-state-hover, .k-panelbar > .k-item > .k-link:hover, .k-panelbar > .k-panelbar-header > .k-link.k-hover, .k-panelbar > .k-panelbar-header > .k-link.k-state-hover, .k-panelbar > .k-panelbar-header > .k-link:hover {
    background-color: #018c81;
}

.k-active, .k-active-filter, .k-active:hover, .k-header-column-menu.k-active, .k-header-column-menu.k-state-active, .k-state-active, .k-state-active:hover {
    background-color: #fff;
    border-color: #018c81;
    color: #018c81;
}

.k-panelbar > .k-item > .k-link.k-selected.k-hover, .k-panelbar > .k-item > .k-link.k-selected.k-state-hover, .k-panelbar > .k-item > .k-link.k-selected:hover, .k-panelbar > .k-item > .k-link.k-state-selected.k-hover, .k-panelbar > .k-item > .k-link.k-state-selected.k-state-hover, .k-panelbar > .k-item > .k-link.k-state-selected:hover, .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-hover, .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-state-hover, .k-panelbar > .k-panelbar-header > .k-link.k-selected:hover, .k-panelbar > .k-panelbar-header > .k-link.k-state-selected.k-hover, .k-panelbar > .k-panelbar-header > .k-link.k-state-selected.k-state-hover, .k-panelbar > .k-panelbar-header > .k-link.k-state-selected:hover {
    background-color: #018c81;
}

.k-panelbar .k-focus.k-hover {
    background: #018c81;
}

.k-panelbar > .k-item > .k-link:active {
    color:white;
}

.k-grid-edit-row input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin: left;
    display: block;
}