/* Combobox and such kendo controls */
.k-input:not(.k-input-flat):not(.k-input-outline),
.k-picker:not(.k-picker-flat):not(.k-picker-outline) {
    --input-bg: var(--white);
    --input-color: var(--body-color);
    --input-border-width: var(--border-width);
    --input-border-color: var(--gray-400);
    --input-border-radius: var(--border-radius);
    --input-font-weight: 400;
    --input-font-size: var(--body-font-size);
    --input-line-height: var(--body-line-height);
    --input-focus-bg: var(--white);
    --input-focus-border-color: var(--component-active-bg);
    --input-focus-box-shadow: var(--focus-ring-box-shadow);
    --input-disabled-bg: var(--gray-100);
    --input-disabled-border-color: var(--gray-400);
    background-color: var(--input-bg);
    font-family: inherit;
    font-size: var(--input-font-size) !important;
    font-weight: var(--input-font-weight);
    line-height: var(--input-line-height);
    color: var(--input-color);
    border-width: var(--input-border-width);
    border-color: var(--input-border-color) !important;
    border-top-left-radius: var(--input-border-radius);
    border-top-right-radius: var(--input-border-radius);
    border-bottom-right-radius: var(--input-border-radius) !important;
    border-bottom-left-radius: var(--input-border-radius) !important;
    transition: border-color var(--transition-base-timer) ease-in-out,box-shadow var(--transition-base-timer) ease-in-out;
}
.k-input:not(.k-input-flat):not(.k-input-outline) .k-input-inner,
.k-picker:not(.k-picker-flat):not(.k-picker-outline) .k-input-inner {
    /*--input-padding-y: 0.5rem;*/
    --input-padding-y: 0.375rem;
    --input-padding-x: 0.875rem;
    padding: var(--input-padding-y) var(--input-padding-x);
}
.k-input:not(.k-input-flat):not(.k-input-outline) .k-input-button,
.k-picker:not(.k-picker-flat):not(.k-picker-outline) .k-input-button {
    padding: 7px 8px;
}
.k-input:not(.k-input-flat):not(.k-input-outline).k-focus,
.k-picker:not(.k-picker-flat):not(.k-picker-outline).k-focus {
    background-color: var(--input-focus-bg);
    border-color: var(--input-focus-border-color) !important;
    outline: 0;
    box-shadow: 0 0 0 0 transparent,var(--input-focus-box-shadow);
}
.k-input:not(.k-input-flat):not(.k-input-outline).k-focus::after,
.k-input:not(.k-input-flat):not(.k-input-outline):focus-within::after,
.k-picker:not(.k-picker-flat):not(.k-picker-outline).k-focus::after,
.k-picker:not(.k-picker-flat):not(.k-picker-outline):focus-within::after {
    display: none;
}
.k-input:not(.k-input-flat):not(.k-input-outline).k-disabled,
.k-picker:not(.k-picker-flat):not(.k-picker-outline).k-disabled {
    background-color: var(--input-disabled-bg);
    border-color: var(--input-disabled-border-color) !important;
}
/* Combobox and such kendo controls */

/* Kendo Editor toolbar */
.k-editor-toolbar {
    padding: 10px 12px;
    gap: 8px;
    position: relative;
    z-index: 2;
    background-color: var(--white) !important;
    border-bottom: 1px solid var(--gray-400) !important;
    box-shadow: 0 5px 12px -3px rgba(31, 41, 55, 0.32) !important;
}
.k-editor-toolbar .k-button-group {
    background-color: transparent !important;
    box-shadow: none !important;
}
.k-editor-toolbar .k-button {
    color: var(--body-color) !important;
    background-color: var(--gray-200) !important;
    border-width: 1px !important;
    border-style: solid;
    border-color: transparent !important;
    box-shadow: none !important;
}
.k-editor-toolbar .k-button:hover,
.k-editor-toolbar .k-button.k-hover {
    background-color: var(--gray-300) !important;
}
.k-editor-toolbar .k-button.k-selected,
.k-editor-toolbar .k-button.k-active {
    background-color: var(--gray-300) !important;
}
.k-editor-toolbar .k-button:disabled,
.k-editor-toolbar .k-button.k-disabled {
    background-color: var(--gray-200) !important;
    opacity: 0.6;
}

.k-editor-content,
.k-editor-content > .k-iframe,
.k-editor-content > .ProseMirror {
    background-color: var(--white) !important;
}
/* Kendo Editor toolbar */



.k-popup {
    border-radius: var(--border-radius);
}

/* Kendo dropdown popups */
.k-list-container.k-popup {
    padding: 4px;
}
.k-list-container.k-popup .k-list {
    font-size: var(--kendo-font-size-md);
    line-height: var(--kendo-line-height);
}
.k-list-container.k-popup .k-list-item,
.k-list-container.k-popup .k-list-optionlabel,
.k-list-container.k-popup .k-list-custom-value {
    padding-block: var(--kendo-spacing-2);
    padding-inline: var(--kendo-spacing-3);
    border-radius: var(--border-radius-lg);
}

.k-calendar {
    border-radius: var(--border-radius);
}



.k-window {
    --modal-border-radius: var(--border-radius-lg);
    border-radius: var(--modal-border-radius);
}


.k-upload {
    border-width: var(--border-width);
    border-color: var(--gray-400);
    border-radius: var(--border-radius);
}
.k-upload .k-upload-dropzone {
    border-radius: calc(var(--border-radius) - 1px);
}


.k-grid .k-icon,
.k-grid .k-font-icon {
    font-size: var(--icon-font-size);
}
.k-grid .k-svg-icon {
    width: var(--icon-font-size);
    height: var(--icon-font-size);
}


/* Grid */
.grid-container .k-grid.card {
    margin-bottom: 0;
}
.grid-container .k-grid .k-grid-header-wrap.k-auto-scrollable {
    border-right-width: 0;
}
.grid-container .k-grid .k-grid-content.k-auto-scrollable {
    min-height: 100px;
    height: auto !important;
    overflow-y: auto;
}
.k-grid .k-table-row.highlight-row {
    background: #4ed65f !important;
    -webkit-transition: background 1s;
    -moz-transition: background 1s;
    -o-transition: background 1s;
    transition: background 1s;
}

.card-body.grid-container.p-0 > .k-grid.card {
    border-width: 0;
}
.k-grid.card {
    border-width: 0;
}
.card .k-grid.card {
    border-width: 1px;
    box-shadow: none;
}

.k-grid .k-table-tbody > .k-table-row:last-child > .k-table-td {
    border-bottom-width: 0;
}

.k-grid-header {
    font-size: var(--body-font-size);
}

.k-grid .k-table-td,
.k-grid .k-grid-header .k-table-th {
    padding: 8px 12px;
}
.k-grid .k-grid-header .k-table-th {
    padding-inline-end: calc(1.7619em + 16px);
}

/* Icon colors */
.k-grid a[class*="-info"] {
    color: #049aad;
}
.k-grid a[class*="-secondary"] {
    color: #247297;
}
.k-grid a[class*="-danger"] {
    color: #EF4444;
}
.k-grid a[class*="-indigo"] {
    color: #5C6BC0;
}
.k-grid a[class*="-purple"] {
    color: #8e70c1;
}
/* Icon colors */

/* Header and Pager background colors */
.k-grid-add-row, .k-grid-footer, .k-grid-header, .k-grouping-header {
    --kgrid-header-bg: rgba(var(--black-rgb), .015);
    background-color: var(--kgrid-header-bg);
}
.k-pager {
    --kgrid-footer-bg: rgba(var(--black-rgb), .015);
    background-color: var(--kgrid-footer-bg);
}
/* Header and Pager background colors */

.k-pager-sizes > .k-picker,
.k-pager-sizes > select {
    width: auto;
}
/* Grid */


.kicon-button {
    min-width: 32px !important;
    margin: 0 !important;
    padding: 8px !important;
    background-color: transparent !important;
}
.kicon-button .k-icon,
.kicon-button .k-svg-icon {
    margin: 0;
    opacity: 1;
}
.kicon-button.k-button::before {
    display: block;
    border-radius: 50%;
    transition: opacity .4s cubic-bezier(.25,.8,.25,1);
}