﻿/* Kendo Fixes
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.k-checkbox {
    display: inline-block !important;
}
.k-combobox .k-clear-value {
    margin-top: 0.5rem;
}
input.k-textbox {
    padding: 0;
}
.k-picker-wrap input {
    height: 36px;
}
.k-widget.k-dropdown {
    height: 38px;
}
.k-dropdown-wrap .k-input {
    padding: 0.5em 0;
}

/* Kendo Color Overrides - basic forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.k-checkbox:checked {
    border-color: var(--kendo-control-color);
    color: #fff;
    background-color: var(--kendo-control-color);
}
        .k-checkbox:checked:focus {
            border-color: var(--kendo-control-color);
            box-shadow: 0 0 0 2px rgb(0 0 0 / 30%);
        }
/* Kendo Color Overrides - Calendar, datepicker
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.k-calendar .k-calendar-content .k-today, .k-calendar .k-content .k-today {
    color: var(--kendo-control-color);
}
.k-calendar .k-state-selected .k-link {
    border-color: var(--kendo-selection-border-color);
    color: #fff;
    background-color: var(--kendo-selection-color);
}
.k-calendar .k-calendar-header .k-today, .k-calendar .k-footer .k-nav-today {
    color: var(--kendo-selection-color);
}
    .k-calendar .k-calendar-header .k-today:focus, .k-calendar .k-calendar-header .k-today:hover, .k-calendar .k-footer .k-nav-today:focus, .k-calendar .k-footer .k-nav-today:hover {
        color: var(--kendo-selection-hover-color);
    }
.k-calendar .k-state-selected.k-state-hover .k-link, .k-calendar .k-state-selected:hover .k-link {
    border-color: var(--kendo-selection-color);
    background-color: var(--kendo-selection-hover-color);
}
/* Kendo Color Overrides - dropdown and comboboxes
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.k-list .k-item.k-state-hover.k-state-selected, .k-list .k-item:hover.k-state-selected, .k-list-optionlabel.k-state-hover.k-state-selected, .k-list-optionlabel:hover.k-state-selected {
    background-color: var(--kendo-selection-hover-color);
}
.k-list .k-item.k-state-selected, .k-list-optionlabel.k-state-selected {
    color: #fff;
    background-color: var(--kendo-selection-color);
}
/* Kendo Color Overrides - dialogs
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.k-dialog-titlebar {
    background-color: var(--kendo-control-color);
}
.k-dialog-button-layout-stretched .k-button:not(:hover):not(.k-state-hover):not(:active):not(.k-state-active) {
    color: #000;
    height: auto;
}
.k-dialog-button-layout-stretched .k-button ~ .k-button {
    height: auto;
}
.k-dialog-button-layout-stretched .k-button.k-primary:not(:hover):not(.k-state-hover):not(:active):not(.k-state-active) {
    color: var(--button-primary-color);
    background-color: var(--button-primary-bg-color);
    border-color: var(--button-primary-bg-hover-color);
    height: auto;
}
.k-button.k-primary.k-state-hover, .k-button.k-primary:hover {
    color: var(--button-primary-color);
    background-color: var(--button-primary-bg-hover-color);
    border-color: var( --button-primary-bg-color);
    background-image: none;
    height: auto;
}
.k-dialog-button-layout-stretched .k-button.k-primary.k-state-focused, .k-dialog-button-layout-stretched .k-button.k-primary:focus {
    box-shadow: none;
}

/* Kendo Upload
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.k-upload .k-multiple-files-wrapper, .k-upload .k-file-single > .k-file-name-size-wrapper, .k-upload .k-file > .k-file-name-size-wrapper {
    margin-left: 8px;
    margin-right: 0;
    min-height: 32px;
    display: block;
    overflow: hidden;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
}

/* Kendo Editor
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.k-button-group .k-button.k-state-active, .k-button-group .k-button.k-state-selected, .k-button-group .k-button:active, .k-button-group > input[type=radio]:checked + .k-button, .k-button-group > input[type=checkbox]:checked + .k-button {
    border-color: var(--button-primary-bg-hover-color);
    color: var(--button-primary-color);
    background-color: var(--button-primary-bg-color);
}
.k-button-group .k-button.k-state-focused, .k-button-group .k-button:focus, .k-button-group > input[type=radio]:focus + .k-button, .k-button-group > input[type=checkbox]:focus + .k-button {
    color: #000;
}

/* Kendo Pager
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.k-pager-numbers li {
    margin: 0;
}
.k-pager-numbers .k-link.k-state-selected {
    color: var(--button-primary-color);
    background-color: var(--button-primary-bg-color);
}
.k-pager-numbers .k-link.k-state-hover, .k-pager-numbers .k-link:hover {
    color: var(--button-primary-bg-color);
    background-color: transparent;
}
.k-pager-numbers .k-link {
    color: var(--button-primary-bg-color);
}

/* Kendo Forms */
@media (max-width: 768px) {
    .k-grid-cols-2 {
        grid-template-columns: repeat(1,minmax(0,1fr));
    }
}
