/* ========================================================================
     kendo-ui styles
 ========================================================================== */
.k-block, .k-widget {
    background-color: var(--bs-secondary-bg) !important;
}

.k-input {
    color: var(--bs-body-color) !important;
}

.k-picker-wrap.k-state-default > .k-input {
    background-color: var(--bs-tertiary-bg) !important;
}

.k-numeric-wrap.k-state-default > .k-input {
    background-color: var(--bs-tertiary-bg) !important;
}

.k-multiselect-wrap {
    background-color: var(--bs-tertiary-bg) !important;
}

.k-multiselect {
    width: 100% !important;
}

.k-multiselect-wrap {
    min-height: 36px;
    border-radius: 0.25em;
}

    .k-multiselect-wrap > .k-input {
        height: 28px;
    }

    .k-multiselect-wrap li {
        line-height: 27px;
    }

.k-dateinput.k-state-disabled > .k-textbox:hover, .k-maskedtextbox.k-state-disabled > .k-textbox:hover, .k-multiselect-wrap, input.k-textbox, textarea.k-textbox {
    border-color: var(--bs-border-color) !important;
}

.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,
.k-tool.k-state-selected {
    color: #fff !important;
    background-color: var(--bs-primary-bg-subtle) !important;
    border-color: var(--bs-primary-bg-subtle) !important;
}

.k-list > .k-state-focused.k-state-selected, .k-listview > .k-state-focused.k-state-selected, .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected {
    box-shadow: inset 0 0 3px 1px var(--bs-primary-bg-subtle) !important;
}

.k-button.k-state-active, .k-button:active {
    color: #fff !important;
    background-color: var(--bs-primary-bg-subtle) !important;
    border-color: var(--bs-primary-bg-subtle) !important;
}

.k-button.k-state-hover, .k-button:hover {
    color: #fff !important;
    background-color: var(--bs-primary-bg-subtle) !important;
    border-color: var(--bs-primary-bg-subtle) !important;
}

.k-multiselect.k-state-focused {
    color: var(--bs-body-color) !important;
    background-color: var(--bs-primary-bg-subtle) !important;
    border-color: var(--bs-primary-bg-subtle) !important;
    border-width: 0;
    outline: none;
    border-radius: 0.25rem;
    box-shadow: none !important;
}

.k-state-focused > .k-multiselect-wrap {
    box-shadow: none;
    border: 1px solid var(--bs-primary-bg-subtle) !important;
    border-radius: 0.25rem;
}

.k-popup .k-list .k-item.k-state-hover {
    background: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: #fff !important;
    box-shadow: none;
}

/*calendar #f85a00*/ 
.k-calendar td.k-state-focused .k-link {
    box-shadow: inset 0 0 2px 1px var(--bs-primary) !important;
}

.k-calendar td.k-state-selected .k-link {
    border-color: var(--bs-primary) !important;
    color: #fff !important;
    background-color: var(--bs-primary) !important;    
}

.k-calendar .k-today .k-link {
    color: var(--bs-primary) !important;
    box-shadow: inset 0 0 0 1px var(--bs-primary) !important;
}

.k-calendar .k-footer .k-nav-today {
    color: var(--bs-primary) !important;
}

.k-calendar td {
    color: var(--bs-body-color) !important;
}

.k-calendar .k-other-month {
    color: #c3c3c3 !important;
}

.k-picker-wrap.k-state-default {
    background-image: none !important;
    background-color: var(--bs-tertiary-bg) !important;
    border: 1px solid var(--bs-border-color) !important;
}

.k-picker-wrap.k-state-hover {
    background-image: none !important;
    background-color: var(--bs-tertiary-bg) !important;
}

.k-datetimepicker .k-link {
    color: var(--bs-body-color) !important;
}

.k-picker-wrap.k-state-focused {
    border: 1px solid var(--bs-primary-bg-subtle) !important;
}


/*numeric*/
.k-numeric-wrap.k-state-default {
    background-image: none !important;
    background-color: var(--bs-tertiary-bg) !important;
    border-color: var(--bs-border-color) !important;
}

.k-numeric-wrap.k-state-focused {
    border-color: var(--bs-primary-bg-subtle) !important;
    box-shadow: none;
}

.k-state-default > .k-select {
    border-color: var(--bs-border-color) !important;
    color: var(--bs-body-color) !important;
}

.k-state-focused > .k-select {
    border-color: var(--bs-primary-bg-subtle) !important;
}

.k-numeric-wrap .k-link {
    height: 19px
}

.k-timepicker {
    padding: 0px !important;
}