/* Combobox and such kendo controls */
.k-input.k-input-solid,
.k-picker.k-picker-solid {
    --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.k-input-solid .k-input-inner,
.k-picker.k-picker-solid .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.k-input-solid .k-input-button,
.k-picker.k-picker-solid .k-input-button {
    padding: 4px 8px;
}
.k-input.k-input-solid.k-focus,
.k-picker.k-picker-solid.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.k-input-solid.k-focus::after,
.k-picker.k-picker-solid.k-focus::after {
    display: none;
}
.k-input.k-input-solid:focus-within::after {
    opacity: 0;
}
.k-input.k-input-solid.k-disabled,
.k-picker.k-picker-solid.k-disabled {
    background-color: var(--input-disabled-bg);
    border-color: var(--input-disabled-border-color) !important;
}
/* Combobox and such kendo controls */



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



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

.k-popup-edit-form > .k-edit-buttons {
    margin: 1em -8px -8px;
}


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


.k-widget.k-grid .k-icon {
    font-size: var(--icon-font-size);
}


/* Grid */
.grid-container .k-widget.k-grid.card {
    margin-bottom: 0;
}
.grid-container .k-widget.k-grid .k-grid-header-wrap.k-auto-scrollable {
    border-right-width: 0;
}
.grid-container .k-widget.k-grid .k-grid-content.k-auto-scrollable {
    min-height: 100px;
    height: auto !important;
    overflow-y: auto;
}
.k-grid tr.highlight-row,
.k-grid tr.k-alt.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-widget.k-grid.card {
    border-width: 0;
}
.k-grid.card {
    border-width: 0;
}
.card .k-grid.card {
    border-width: 1px;
    box-shadow: none;
}

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

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

.k-widget.k-grid td,
.k-widget.k-grid .k-grid-header th.k-header {
    padding: 8px 12px;
}
.k-widget.k-grid .k-grid-header th.k-header {
    padding-right: 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, .k-pager-wrap {
    --kgrid-footer-bg: rgba(var(--black-rgb), .015);
    background-color: var(--kgrid-footer-bg);
}
/* Header and Pager background colors */

.k-pager-sizes .k-dropdown,
.k-pager-sizes .k-dropdown-list,
.k-pager-sizes .k-dropdownlist,
.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-button-icontext .k-icon {
    margin: 0;
    opacity: 1;
}
.kicon-button.k-button::before {
    border-radius: 50%;
    transition: opacity .4s cubic-bezier(.25,.8,.25,1);
}
.kgrid-delete-button {
    color: #E53935 !important;
}