.KGridButtonTemplate .k-button:not(:last-of-type),
.TBRightFrame .k-button:not(:last-of-type),
.TBRightFrame .Button24:not(:last-of-type),
.TBRightFrame .BTN {
    margin-right: 6px;
}

.TBRightFrame {
    position: absolute;
    right: 5px;
}

.spnReady .k-checkbox-label {
    font-weight: bold;
}

.k-textbox.K19:not(.k-picker):not(.k-input-solid) {
    border-color: var(--kendo-color-border, #cccccd);
    color: var(--kendo-color-on-app-surface, #515967);
    background-color: var(--kendo-color-surface-alt, #ffffff);
    // font-size: var(--kendo-font-size, inherit);
    line-height: var(--kendo-line-height, normal);
    text-indent: .571em;
    padding-block: var(--kendo-spacing-1, 0.25rem);
    padding-inline: var(--kendo-spacing-2, 0.5rem);
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    font-family: inherit;
}

.k-textbox.K19:not(.k-picker):not(.k-input-solid).k-invalid {
    border-color: var(--kendo-color-error, #cccccd);
}

.k-textbox.K19:focus {
    box-shadow: 0 0 3px 0 rgba(0,0,0,.3);
    outline: none;
}

.k-textbox.K19:hover {
    border-color: var(--kendo-color-border-alt, #b9b9b9);
}

.k-loading-image {
    background-image: none !important;
    background-size: auto !important;
}

.k-upload {
    border: 0 !important;
}

.k-button.Green {
    border-color: var(--kendo-color-success, #3ea44e) !important;
    color: var(--kendo-color-on-success, white) !important;
    background-color: var(--kendo-color-success, #3ea44e) !important;
}

.k-button.Red {
    border-color: var(--kendo-color-error, #d92800) !important;
    color: var(--kendo-color-on-error, white) !important;
    background-color: var(--kendo-color-error, #d92800) !important;
}

.k-button.k-greybutton {
    border-color: var(--kendo-color-border, #cccccd);
    color: var(--kendo-color-on-base, #515967);
    background-color: var(--kendo-color-base, #f3f3f4);
}

.k-grid-norecords {
    flex-direction: column;
}


/* New Kendo 2024
    The material styles cause too much spacing in the grid views. For now we will force a spacing that works rather than trusting to the theme
*/
.k-grid .k-grid-md .k-table-th,
.k-grid-md .k-table-th {
    padding-block: var(--kendo-spacing-2, 0.5rem) !important;
    padding-inline: var(--kendo-spacing-2, 0.5rem) !important;
}

.k-grid .k-grid-md td:not(.k-detail-cell),
.k-grid .k-grid-md .k-table-td:not(.k-detail-cell),
.k-grid-md td:not(.k-detail-cell),
.k-grid-md .k-table-td:not(.k-detail-cell) {
    padding-block: var(--kendo-spacing-2, 0.5rem) !important;
    padding-inline: var(--kendo-spacing-2, 0.5rem) !important;
}

/* And, for some reason, the k-menu no longer wraps and I can't find anything in the config to change this */
.k-widget.k-menu.k-menu-horizontal {
    flex-wrap: wrap !important;
}

.k-menu:not(.k-context-menu) > .k-item {
    border: 1px solid transparent;
}

.k-menu:not(.k-context-menu) > .k-item.k-state-selected {
    border: 1px dotted var(--kendo-color-tertiary);
}


.k-picker-solid:disabled, .k-picker-solid[disabled], .k-picker-solid.k-disabled {
    /* If we disable a dropdownlist we don't want the text to be greyed out. Ie, we want to simulate a readonly effect */
    color: var(--kendo-color-on-app-surface) !important;
}